@mekari/pixel3-textarea 0.0.4 → 0.0.6-dev.0

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.
@@ -13,12 +13,12 @@ function useTextarea(props, emit) {
13
13
  return {
14
14
  "data-pixel-component": "MpTextarea",
15
15
  class: textareaRecipe(),
16
- id: props.id || useId(4),
16
+ id: props.id || `mp-textarea-${useId()}`,
17
17
  placeholder: props.placeholder,
18
18
  disabled: (formControlProp == null ? void 0 : formControlProp.value.isDisabled) || props.isDisabled,
19
19
  readonly: (formControlProp == null ? void 0 : formControlProp.value.isReadOnly) || props.isReadOnly,
20
20
  "aria-label": props.ariaLabel,
21
- "aria-labelledby": props.ariaLabel,
21
+ "aria-labelledby": props.ariaLabelledBy,
22
22
  "data-fullwidth": props.isFullWidth || void 0,
23
23
  onInput: (e) => {
24
24
  const target = e.target;
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useTextarea
3
- } from "./chunk-4D46Z3HD.mjs";
3
+ } from "./chunk-VOFTMX5C.mjs";
4
4
  import {
5
5
  textareaEmits,
6
6
  textareaProps
package/dist/index.js CHANGED
@@ -80,12 +80,12 @@ function useTextarea(props, emit) {
80
80
  return {
81
81
  "data-pixel-component": "MpTextarea",
82
82
  class: (0, import_recipes.textareaRecipe)(),
83
- id: props.id || (0, import_pixel3_utils.useId)(4),
83
+ id: props.id || `mp-textarea-${(0, import_pixel3_utils.useId)()}`,
84
84
  placeholder: props.placeholder,
85
85
  disabled: (formControlProp == null ? void 0 : formControlProp.value.isDisabled) || props.isDisabled,
86
86
  readonly: (formControlProp == null ? void 0 : formControlProp.value.isReadOnly) || props.isReadOnly,
87
87
  "aria-label": props.ariaLabel,
88
- "aria-labelledby": props.ariaLabel,
88
+ "aria-labelledby": props.ariaLabelledBy,
89
89
  "data-fullwidth": props.isFullWidth || void 0,
90
90
  onInput: (e) => {
91
91
  const target = e.target;
package/dist/index.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  MpTextarea
3
- } from "./chunk-D2A7LCFE.mjs";
4
- import "./chunk-4D46Z3HD.mjs";
3
+ } from "./chunk-XDYBDFNY.mjs";
4
+ import "./chunk-VOFTMX5C.mjs";
5
5
  import "./chunk-EAK7LYJG.mjs";
6
6
  import "./chunk-QZ7VFGWC.mjs";
7
7
  export {
@@ -1 +1 @@
1
- {"inputs":{"src/modules/textarea.props.ts":{"bytes":1159,"imports":[],"format":"esm"},"src/modules/textarea.hooks.ts":{"bytes":1237,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/textarea.tsx":{"bytes":608,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/textarea.props.ts","kind":"import-statement","original":"./modules/textarea.props"},{"path":"src/modules/textarea.hooks.ts","kind":"import-statement","original":"./modules/textarea.hooks"}],"format":"esm"},"src/index.ts":{"bytes":125,"imports":[{"path":"src/textarea.tsx","kind":"import-statement","original":"./textarea"}],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-form-control","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":125},"src/textarea.tsx":{"bytesInOutput":397},"src/modules/textarea.props.ts":{"bytesInOutput":578},"src/modules/textarea.hooks.ts":{"bytesInOutput":1232}},"bytes":3452},"dist/textarea.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-form-control","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/textarea.tsx","inputs":{"src/textarea.tsx":{"bytesInOutput":537},"src/modules/textarea.props.ts":{"bytesInOutput":578},"src/modules/textarea.hooks.ts":{"bytesInOutput":1232}},"bytes":3450},"dist/modules/textarea.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-form-control","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/textarea.hooks.ts","inputs":{"src/modules/textarea.hooks.ts":{"bytesInOutput":1392}},"bytes":2420},"dist/modules/textarea.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/textarea.props.ts","inputs":{"src/modules/textarea.props.ts":{"bytesInOutput":780}},"bytes":1737}}}
1
+ {"inputs":{"src/modules/textarea.props.ts":{"bytes":1159,"imports":[],"format":"esm"},"src/modules/textarea.hooks.ts":{"bytes":1258,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/textarea.tsx":{"bytes":608,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/textarea.props.ts","kind":"import-statement","original":"./modules/textarea.props"},{"path":"src/modules/textarea.hooks.ts","kind":"import-statement","original":"./modules/textarea.hooks"}],"format":"esm"},"src/index.ts":{"bytes":125,"imports":[{"path":"src/textarea.tsx","kind":"import-statement","original":"./textarea"}],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-form-control","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":125},"src/textarea.tsx":{"bytesInOutput":397},"src/modules/textarea.props.ts":{"bytesInOutput":578},"src/modules/textarea.hooks.ts":{"bytesInOutput":1253}},"bytes":3473},"dist/textarea.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-form-control","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/textarea.tsx","inputs":{"src/textarea.tsx":{"bytesInOutput":537},"src/modules/textarea.props.ts":{"bytesInOutput":578},"src/modules/textarea.hooks.ts":{"bytesInOutput":1253}},"bytes":3471},"dist/modules/textarea.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-form-control","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/textarea.hooks.ts","inputs":{"src/modules/textarea.hooks.ts":{"bytesInOutput":1413}},"bytes":2441},"dist/modules/textarea.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/textarea.props.ts","inputs":{"src/modules/textarea.props.ts":{"bytesInOutput":780}},"bytes":1737}}}
@@ -1 +1 @@
1
- {"inputs":{"src/modules/textarea.props.ts":{"bytes":1159,"imports":[],"format":"esm"},"src/modules/textarea.hooks.ts":{"bytes":1237,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/textarea.tsx":{"bytes":608,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/textarea.props.ts","kind":"import-statement","original":"./modules/textarea.props"},{"path":"src/modules/textarea.hooks.ts","kind":"import-statement","original":"./modules/textarea.hooks"}],"format":"esm"},"src/index.ts":{"bytes":125,"imports":[{"path":"src/textarea.tsx","kind":"import-statement","original":"./textarea"}],"format":"esm"}},"outputs":{"dist/index.mjs":{"imports":[{"path":"dist/chunk-D2A7LCFE.mjs","kind":"import-statement"},{"path":"dist/chunk-4D46Z3HD.mjs","kind":"import-statement"},{"path":"dist/chunk-EAK7LYJG.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTextarea"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":171},"dist/textarea.mjs":{"imports":[{"path":"dist/chunk-D2A7LCFE.mjs","kind":"import-statement"},{"path":"dist/chunk-4D46Z3HD.mjs","kind":"import-statement"},{"path":"dist/chunk-EAK7LYJG.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTextarea"],"entryPoint":"src/textarea.tsx","inputs":{},"bytes":171},"dist/chunk-D2A7LCFE.mjs":{"imports":[{"path":"dist/chunk-4D46Z3HD.mjs","kind":"import-statement"},{"path":"dist/chunk-EAK7LYJG.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpTextarea"],"inputs":{"src/textarea.tsx":{"bytesInOutput":386}},"bytes":560},"dist/modules/textarea.hooks.mjs":{"imports":[{"path":"dist/chunk-4D46Z3HD.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useTextarea"],"entryPoint":"src/modules/textarea.hooks.ts","inputs":{},"bytes":113},"dist/chunk-4D46Z3HD.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["useTextarea"],"inputs":{"src/modules/textarea.hooks.ts":{"bytesInOutput":1122}},"bytes":1232},"dist/modules/textarea.props.mjs":{"imports":[{"path":"dist/chunk-EAK7LYJG.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["textareaEmits","textareaProps"],"entryPoint":"src/modules/textarea.props.ts","inputs":{},"bytes":151},"dist/chunk-EAK7LYJG.mjs":{"imports":[],"exports":["textareaEmits","textareaProps"],"inputs":{"src/modules/textarea.props.ts":{"bytesInOutput":578}},"bytes":657},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
1
+ {"inputs":{"src/modules/textarea.props.ts":{"bytes":1159,"imports":[],"format":"esm"},"src/modules/textarea.hooks.ts":{"bytes":1258,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/textarea.tsx":{"bytes":608,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/textarea.props.ts","kind":"import-statement","original":"./modules/textarea.props"},{"path":"src/modules/textarea.hooks.ts","kind":"import-statement","original":"./modules/textarea.hooks"}],"format":"esm"},"src/index.ts":{"bytes":125,"imports":[{"path":"src/textarea.tsx","kind":"import-statement","original":"./textarea"}],"format":"esm"}},"outputs":{"dist/index.mjs":{"imports":[{"path":"dist/chunk-XDYBDFNY.mjs","kind":"import-statement"},{"path":"dist/chunk-VOFTMX5C.mjs","kind":"import-statement"},{"path":"dist/chunk-EAK7LYJG.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTextarea"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":171},"dist/textarea.mjs":{"imports":[{"path":"dist/chunk-XDYBDFNY.mjs","kind":"import-statement"},{"path":"dist/chunk-VOFTMX5C.mjs","kind":"import-statement"},{"path":"dist/chunk-EAK7LYJG.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTextarea"],"entryPoint":"src/textarea.tsx","inputs":{},"bytes":171},"dist/chunk-XDYBDFNY.mjs":{"imports":[{"path":"dist/chunk-VOFTMX5C.mjs","kind":"import-statement"},{"path":"dist/chunk-EAK7LYJG.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpTextarea"],"inputs":{"src/textarea.tsx":{"bytesInOutput":386}},"bytes":560},"dist/modules/textarea.hooks.mjs":{"imports":[{"path":"dist/chunk-VOFTMX5C.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useTextarea"],"entryPoint":"src/modules/textarea.hooks.ts","inputs":{},"bytes":113},"dist/chunk-VOFTMX5C.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["useTextarea"],"inputs":{"src/modules/textarea.hooks.ts":{"bytesInOutput":1143}},"bytes":1253},"dist/modules/textarea.props.mjs":{"imports":[{"path":"dist/chunk-EAK7LYJG.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["textareaEmits","textareaProps"],"entryPoint":"src/modules/textarea.props.ts","inputs":{},"bytes":151},"dist/chunk-EAK7LYJG.mjs":{"imports":[],"exports":["textareaEmits","textareaProps"],"inputs":{"src/modules/textarea.props.ts":{"bytesInOutput":578}},"bytes":657},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
@@ -34,12 +34,12 @@ function useTextarea(props, emit) {
34
34
  return {
35
35
  "data-pixel-component": "MpTextarea",
36
36
  class: (0, import_recipes.textareaRecipe)(),
37
- id: props.id || (0, import_pixel3_utils.useId)(4),
37
+ id: props.id || `mp-textarea-${(0, import_pixel3_utils.useId)()}`,
38
38
  placeholder: props.placeholder,
39
39
  disabled: (formControlProp == null ? void 0 : formControlProp.value.isDisabled) || props.isDisabled,
40
40
  readonly: (formControlProp == null ? void 0 : formControlProp.value.isReadOnly) || props.isReadOnly,
41
41
  "aria-label": props.ariaLabel,
42
- "aria-labelledby": props.ariaLabel,
42
+ "aria-labelledby": props.ariaLabelledBy,
43
43
  "data-fullwidth": props.isFullWidth || void 0,
44
44
  onInput: (e) => {
45
45
  const target = e.target;
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useTextarea
3
- } from "../chunk-4D46Z3HD.mjs";
3
+ } from "../chunk-VOFTMX5C.mjs";
4
4
  import "../chunk-QZ7VFGWC.mjs";
5
5
  export {
6
6
  useTextarea
package/dist/textarea.js CHANGED
@@ -78,12 +78,12 @@ function useTextarea(props, emit) {
78
78
  return {
79
79
  "data-pixel-component": "MpTextarea",
80
80
  class: (0, import_recipes.textareaRecipe)(),
81
- id: props.id || (0, import_pixel3_utils.useId)(4),
81
+ id: props.id || `mp-textarea-${(0, import_pixel3_utils.useId)()}`,
82
82
  placeholder: props.placeholder,
83
83
  disabled: (formControlProp == null ? void 0 : formControlProp.value.isDisabled) || props.isDisabled,
84
84
  readonly: (formControlProp == null ? void 0 : formControlProp.value.isReadOnly) || props.isReadOnly,
85
85
  "aria-label": props.ariaLabel,
86
- "aria-labelledby": props.ariaLabel,
86
+ "aria-labelledby": props.ariaLabelledBy,
87
87
  "data-fullwidth": props.isFullWidth || void 0,
88
88
  onInput: (e) => {
89
89
  const target = e.target;
package/dist/textarea.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  MpTextarea
3
- } from "./chunk-D2A7LCFE.mjs";
4
- import "./chunk-4D46Z3HD.mjs";
3
+ } from "./chunk-XDYBDFNY.mjs";
4
+ import "./chunk-VOFTMX5C.mjs";
5
5
  import "./chunk-EAK7LYJG.mjs";
6
6
  import "./chunk-QZ7VFGWC.mjs";
7
7
  export {
package/package.json CHANGED
@@ -1,17 +1,16 @@
1
1
  {
2
2
  "name": "@mekari/pixel3-textarea",
3
- "version": "0.0.4",
3
+ "description": "Textarea component for mekari pixel 3",
4
+ "version": "0.0.6-dev.0",
4
5
  "main": "dist/index.js",
5
6
  "license": "MIT",
6
7
  "files": [
7
8
  "dist"
8
9
  ],
9
10
  "dependencies": {
10
- "@xstate/vue": "2.0.0",
11
- "xstate": "4.35.0",
12
- "@mekari/pixel3-form-control": "0.0.4",
13
- "@mekari/pixel3-styled-system": "0.0.3",
14
- "@mekari/pixel3-utils": "0.0.3"
11
+ "@mekari/pixel3-form-control": "0.0.6-dev.0",
12
+ "@mekari/pixel3-styled-system": "0.0.4-dev.0",
13
+ "@mekari/pixel3-utils": "0.0.4"
15
14
  },
16
15
  "peerDependencies": {
17
16
  "vue": "^3.4.9"
@@ -36,7 +35,6 @@
36
35
  "build": "tsup && pnpm build:types",
37
36
  "build:fast": "tsup",
38
37
  "build:types": "tsup src --dts-only",
39
- "build:external": "tsup src/index.tsx --external @acme-org/styled-system",
40
38
  "types:check": "tsc --noEmit",
41
39
  "replace-config": "clean-package",
42
40
  "restore-config": "clean-package restore"