@mekari/pixel3-airene-chat-input 0.0.1-dev.1 → 0.0.1-dev.2
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/airene-chat-input.js +5 -1
- package/dist/airene-chat-input.mjs +2 -2
- package/dist/{chunk-6BAQ3QIB.mjs → chunk-5GUB7BNI.mjs} +1 -1
- package/dist/{chunk-KPLBIBRE.mjs → chunk-K4VJZWCR.mjs} +5 -1
- package/dist/index.js +5 -1
- package/dist/index.mjs +2 -2
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/airene-chat-input.hooks.js +5 -1
- package/dist/modules/airene-chat-input.hooks.mjs +1 -1
- package/package.json +3 -3
|
@@ -33,6 +33,7 @@ var import_vue = require("vue");
|
|
|
33
33
|
var import_pixel3_utils = require("@mekari/pixel3-utils");
|
|
34
34
|
var import_recipes = require("@mekari/pixel3-styled-system/recipes");
|
|
35
35
|
var import_tokens = require("@mekari/pixel3-styled-system/tokens");
|
|
36
|
+
var import_pixel3_utils2 = require("@mekari/pixel3-utils");
|
|
36
37
|
function useAireneChatInput(props, emit, slots) {
|
|
37
38
|
const {
|
|
38
39
|
id,
|
|
@@ -47,6 +48,9 @@ function useAireneChatInput(props, emit, slots) {
|
|
|
47
48
|
isRequired,
|
|
48
49
|
isForceFocus
|
|
49
50
|
} = (0, import_vue.toRefs)(props);
|
|
51
|
+
const {
|
|
52
|
+
isNextTheme
|
|
53
|
+
} = (0, import_pixel3_utils2.usePixelTheme)();
|
|
50
54
|
const getId = id.value || (0, import_pixel3_utils.getUniqueId)("", "airene-chat-input").value;
|
|
51
55
|
const input = (0, import_vue.ref)();
|
|
52
56
|
const inputHeight = (0, import_vue.ref)("20px");
|
|
@@ -102,7 +106,7 @@ function useAireneChatInput(props, emit, slots) {
|
|
|
102
106
|
return {
|
|
103
107
|
name: "sent",
|
|
104
108
|
variant: isActive.value ? "fill" : "outline",
|
|
105
|
-
color: isActive.value ? "icon.brand" : "icon.default",
|
|
109
|
+
color: isNextTheme.value ? isActive.value ? "icon.brand" : "icon.default" : isActive.value ? "blue.400" : "gray.400",
|
|
106
110
|
onClick: handleClick
|
|
107
111
|
};
|
|
108
112
|
});
|
|
@@ -7,6 +7,7 @@ import { toRefs, computed, ref, nextTick, watch, watchEffect } from "vue";
|
|
|
7
7
|
import { getUniqueId } from "@mekari/pixel3-utils";
|
|
8
8
|
import { aireneInputSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
|
|
9
9
|
import { token } from "@mekari/pixel3-styled-system/tokens";
|
|
10
|
+
import { usePixelTheme } from "@mekari/pixel3-utils";
|
|
10
11
|
function useAireneChatInput(props, emit, slots) {
|
|
11
12
|
const {
|
|
12
13
|
id,
|
|
@@ -21,6 +22,9 @@ function useAireneChatInput(props, emit, slots) {
|
|
|
21
22
|
isRequired,
|
|
22
23
|
isForceFocus
|
|
23
24
|
} = toRefs(props);
|
|
25
|
+
const {
|
|
26
|
+
isNextTheme
|
|
27
|
+
} = usePixelTheme();
|
|
24
28
|
const getId = id.value || getUniqueId("", "airene-chat-input").value;
|
|
25
29
|
const input = ref();
|
|
26
30
|
const inputHeight = ref("20px");
|
|
@@ -76,7 +80,7 @@ function useAireneChatInput(props, emit, slots) {
|
|
|
76
80
|
return {
|
|
77
81
|
name: "sent",
|
|
78
82
|
variant: isActive.value ? "fill" : "outline",
|
|
79
|
-
color: isActive.value ? "icon.brand" : "icon.default",
|
|
83
|
+
color: isNextTheme.value ? isActive.value ? "icon.brand" : "icon.default" : isActive.value ? "blue.400" : "gray.400",
|
|
80
84
|
onClick: handleClick
|
|
81
85
|
};
|
|
82
86
|
});
|
package/dist/index.js
CHANGED
|
@@ -35,6 +35,7 @@ var import_vue = require("vue");
|
|
|
35
35
|
var import_pixel3_utils = require("@mekari/pixel3-utils");
|
|
36
36
|
var import_recipes = require("@mekari/pixel3-styled-system/recipes");
|
|
37
37
|
var import_tokens = require("@mekari/pixel3-styled-system/tokens");
|
|
38
|
+
var import_pixel3_utils2 = require("@mekari/pixel3-utils");
|
|
38
39
|
function useAireneChatInput(props, emit, slots) {
|
|
39
40
|
const {
|
|
40
41
|
id,
|
|
@@ -49,6 +50,9 @@ function useAireneChatInput(props, emit, slots) {
|
|
|
49
50
|
isRequired,
|
|
50
51
|
isForceFocus
|
|
51
52
|
} = (0, import_vue.toRefs)(props);
|
|
53
|
+
const {
|
|
54
|
+
isNextTheme
|
|
55
|
+
} = (0, import_pixel3_utils2.usePixelTheme)();
|
|
52
56
|
const getId = id.value || (0, import_pixel3_utils.getUniqueId)("", "airene-chat-input").value;
|
|
53
57
|
const input = (0, import_vue.ref)();
|
|
54
58
|
const inputHeight = (0, import_vue.ref)("20px");
|
|
@@ -104,7 +108,7 @@ function useAireneChatInput(props, emit, slots) {
|
|
|
104
108
|
return {
|
|
105
109
|
name: "sent",
|
|
106
110
|
variant: isActive.value ? "fill" : "outline",
|
|
107
|
-
color: isActive.value ? "icon.brand" : "icon.default",
|
|
111
|
+
color: isNextTheme.value ? isActive.value ? "icon.brand" : "icon.default" : isActive.value ? "blue.400" : "gray.400",
|
|
108
112
|
onClick: handleClick
|
|
109
113
|
};
|
|
110
114
|
});
|
package/dist/index.mjs
CHANGED
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/airene-chat-input.hooks.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/airene-chat-input.hooks.ts":{"bytes":4555,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/airene-chat-input.props.ts":{"bytes":1344,"imports":[],"format":"esm"},"src/airene-chat-input.tsx":{"bytes":948,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"src/modules/airene-chat-input.hooks.ts","kind":"import-statement","original":"./modules/airene-chat-input.hooks"},{"path":"src/modules/airene-chat-input.props.ts","kind":"import-statement","original":"./modules/airene-chat-input.props"}],"format":"esm"},"src/index.ts":{"bytes":141,"imports":[{"path":"src/airene-chat-input.tsx","kind":"import-statement","original":"./airene-chat-input"}],"format":"esm"}},"outputs":{"dist/airene-chat-input.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/airene-chat-input.tsx","inputs":{"src/airene-chat-input.tsx":{"bytesInOutput":979},"src/modules/airene-chat-input.hooks.ts":{"bytesInOutput":4857},"src/modules/airene-chat-input.props.ts":{"bytesInOutput":617}},"bytes":7599},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":139},"src/airene-chat-input.tsx":{"bytesInOutput":798},"src/modules/airene-chat-input.hooks.ts":{"bytesInOutput":4857},"src/modules/airene-chat-input.props.ts":{"bytesInOutput":617}},"bytes":7574},"dist/modules/airene-chat-input.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/airene-chat-input.hooks.ts","inputs":{"src/modules/airene-chat-input.hooks.ts":{"bytesInOutput":5058}},"bytes":6102},"dist/modules/airene-chat-input.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/airene-chat-input.props.ts","inputs":{"src/modules/airene-chat-input.props.ts":{"bytesInOutput":977}},"bytes":1956}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/airene-chat-input.hooks.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/airene-chat-input.hooks.ts":{"bytes":4555,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/airene-chat-input.props.ts":{"bytes":1344,"imports":[],"format":"esm"},"src/airene-chat-input.tsx":{"bytes":948,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"src/modules/airene-chat-input.hooks.ts","kind":"import-statement","original":"./modules/airene-chat-input.hooks"},{"path":"src/modules/airene-chat-input.props.ts","kind":"import-statement","original":"./modules/airene-chat-input.props"}],"format":"esm"},"src/index.ts":{"bytes":141,"imports":[{"path":"src/airene-chat-input.tsx","kind":"import-statement","original":"./airene-chat-input"}],"format":"esm"}},"outputs":{"dist/airene-chat-input.mjs":{"imports":[{"path":"dist/chunk-5GUB7BNI.mjs","kind":"import-statement"},{"path":"dist/chunk-K4VJZWCR.mjs","kind":"import-statement"},{"path":"dist/chunk-4PYKLJPU.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAireneChatInput"],"entryPoint":"src/airene-chat-input.tsx","inputs":{},"bytes":185},"dist/index.mjs":{"imports":[{"path":"dist/chunk-5GUB7BNI.mjs","kind":"import-statement"},{"path":"dist/chunk-K4VJZWCR.mjs","kind":"import-statement"},{"path":"dist/chunk-4PYKLJPU.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAireneChatInput"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":185},"dist/chunk-5GUB7BNI.mjs":{"imports":[{"path":"dist/chunk-K4VJZWCR.mjs","kind":"import-statement"},{"path":"dist/chunk-4PYKLJPU.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true}],"exports":["MpAireneChatInput"],"inputs":{"src/airene-chat-input.tsx":{"bytesInOutput":709}},"bytes":896},"dist/modules/airene-chat-input.hooks.mjs":{"imports":[{"path":"dist/chunk-K4VJZWCR.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useAireneChatInput"],"entryPoint":"src/modules/airene-chat-input.hooks.ts","inputs":{},"bytes":127},"dist/chunk-K4VJZWCR.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["useAireneChatInput"],"inputs":{"src/modules/airene-chat-input.hooks.ts":{"bytesInOutput":4554}},"bytes":4680},"dist/modules/airene-chat-input.props.mjs":{"imports":[{"path":"dist/chunk-4PYKLJPU.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["aireneChatInputEmit","aireneChatInputProps"],"entryPoint":"src/modules/airene-chat-input.props.ts","inputs":{},"bytes":177},"dist/chunk-4PYKLJPU.mjs":{"imports":[],"exports":["aireneChatInputEmit","aireneChatInputProps"],"inputs":{"src/modules/airene-chat-input.props.ts":{"bytesInOutput":722}},"bytes":823},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
|
|
@@ -28,6 +28,7 @@ var import_vue = require("vue");
|
|
|
28
28
|
var import_pixel3_utils = require("@mekari/pixel3-utils");
|
|
29
29
|
var import_recipes = require("@mekari/pixel3-styled-system/recipes");
|
|
30
30
|
var import_tokens = require("@mekari/pixel3-styled-system/tokens");
|
|
31
|
+
var import_pixel3_utils2 = require("@mekari/pixel3-utils");
|
|
31
32
|
function useAireneChatInput(props, emit, slots) {
|
|
32
33
|
const {
|
|
33
34
|
id,
|
|
@@ -42,6 +43,9 @@ function useAireneChatInput(props, emit, slots) {
|
|
|
42
43
|
isRequired,
|
|
43
44
|
isForceFocus
|
|
44
45
|
} = (0, import_vue.toRefs)(props);
|
|
46
|
+
const {
|
|
47
|
+
isNextTheme
|
|
48
|
+
} = (0, import_pixel3_utils2.usePixelTheme)();
|
|
45
49
|
const getId = id.value || (0, import_pixel3_utils.getUniqueId)("", "airene-chat-input").value;
|
|
46
50
|
const input = (0, import_vue.ref)();
|
|
47
51
|
const inputHeight = (0, import_vue.ref)("20px");
|
|
@@ -97,7 +101,7 @@ function useAireneChatInput(props, emit, slots) {
|
|
|
97
101
|
return {
|
|
98
102
|
name: "sent",
|
|
99
103
|
variant: isActive.value ? "fill" : "outline",
|
|
100
|
-
color: isActive.value ? "icon.brand" : "icon.default",
|
|
104
|
+
color: isNextTheme.value ? isActive.value ? "icon.brand" : "icon.default" : isActive.value ? "blue.400" : "gray.400",
|
|
101
105
|
onClick: handleClick
|
|
102
106
|
};
|
|
103
107
|
});
|
package/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mekari/pixel3-airene-chat-input",
|
|
3
3
|
"description": "Mekari Pixel 3 | Chat Input component for Airene.",
|
|
4
|
-
"version": "0.0.1-dev.
|
|
4
|
+
"version": "0.0.1-dev.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"files": [
|
|
8
8
|
"dist"
|
|
9
9
|
],
|
|
10
10
|
"dependencies": {
|
|
11
|
-
"@mekari/pixel3-
|
|
11
|
+
"@mekari/pixel3-icon": "0.0.18-dev.5",
|
|
12
12
|
"@mekari/pixel3-utils": "0.0.7",
|
|
13
|
-
"@mekari/pixel3-
|
|
13
|
+
"@mekari/pixel3-styled-system": "0.1.3-dev.5"
|
|
14
14
|
},
|
|
15
15
|
"peerDependencies": {
|
|
16
16
|
"vue": "^3.4.9"
|