@yamada-ui/input 0.3.16 → 0.3.18

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.
Files changed (12) hide show
  1. package/dist/{chunk-IO64GJPQ.mjs → chunk-RRTHLFLE.mjs} +6 -6
  2. package/dist/index.js +6 -6
  3. package/dist/index.mjs +1 -1
  4. package/dist/input-addon.js +6 -6
  5. package/dist/input-addon.mjs +1 -1
  6. package/dist/input-element.js +6 -6
  7. package/dist/input-element.mjs +1 -1
  8. package/dist/input-group.js +6 -6
  9. package/dist/input-group.mjs +1 -1
  10. package/dist/input.d.mts +3 -3
  11. package/dist/input.d.ts +3 -3
  12. package/package.json +6 -6
package/dist/{chunk-IO64GJPQ.mjs → chunk-RRTHLFLE.mjs} RENAMED
@@ -52,7 +52,7 @@ var InputAddon = forwardRef(
52
52
  ui.div,
53
53
  {
54
54
  ref,
55
- className: cx("ui-input-addon", className),
55
+ className: cx("ui-input__addon", className),
56
56
  __css: css,
57
57
  ...rest
58
58
  }
@@ -65,7 +65,7 @@ var InputLeftAddon = forwardRef(
65
65
  InputAddon,
66
66
  {
67
67
  ref,
68
- className: cx("ui-input-addon-left", className),
68
+ className: cx("ui-input__addon--left", className),
69
69
  placement: "left",
70
70
  ...rest
71
71
  }
@@ -78,7 +78,7 @@ var InputRightAddon = forwardRef(
78
78
  InputAddon,
79
79
  {
80
80
  ref,
81
- className: cx("ui-input-addon-right", className),
81
+ className: cx("ui-input__addon--right", className),
82
82
  placement: "right",
83
83
  ...rest
84
84
  }
@@ -113,7 +113,7 @@ var InputElement = forwardRef2(
113
113
  ui2.div,
114
114
  {
115
115
  ref,
116
- className: cx2("ui-input-element", className),
116
+ className: cx2("ui-input__element", className),
117
117
  __css: css,
118
118
  ...rest
119
119
  }
@@ -126,7 +126,7 @@ var InputLeftElement = forwardRef2(
126
126
  InputElement,
127
127
  {
128
128
  ref,
129
- className: cx2("ui-input-element-left", className),
129
+ className: cx2("ui-input__element--left", className),
130
130
  placement: "left",
131
131
  ...rest
132
132
  }
@@ -139,7 +139,7 @@ var InputRightElement = forwardRef2(
139
139
  InputElement,
140
140
  {
141
141
  ref,
142
- className: cx2("ui-input-element-right", className),
142
+ className: cx2("ui-input__element--right", className),
143
143
  placement: "right",
144
144
  ...rest
145
145
  }
package/dist/index.js CHANGED
@@ -140,7 +140,7 @@ var InputAddon = (0, import_core3.forwardRef)(
140
140
  import_core3.ui.div,
141
141
  {
142
142
  ref,
143
- className: (0, import_utils3.cx)("ui-input-addon", className),
143
+ className: (0, import_utils3.cx)("ui-input__addon", className),
144
144
  __css: css,
145
145
  ...rest
146
146
  }
@@ -153,7 +153,7 @@ var InputLeftAddon = (0, import_core3.forwardRef)(
153
153
  InputAddon,
154
154
  {
155
155
  ref,
156
- className: (0, import_utils3.cx)("ui-input-addon-left", className),
156
+ className: (0, import_utils3.cx)("ui-input__addon--left", className),
157
157
  placement: "left",
158
158
  ...rest
159
159
  }
@@ -166,7 +166,7 @@ var InputRightAddon = (0, import_core3.forwardRef)(
166
166
  InputAddon,
167
167
  {
168
168
  ref,
169
- className: (0, import_utils3.cx)("ui-input-addon-right", className),
169
+ className: (0, import_utils3.cx)("ui-input__addon--right", className),
170
170
  placement: "right",
171
171
  ...rest
172
172
  }
@@ -201,7 +201,7 @@ var InputElement = (0, import_core4.forwardRef)(
201
201
  import_core4.ui.div,
202
202
  {
203
203
  ref,
204
- className: (0, import_utils4.cx)("ui-input-element", className),
204
+ className: (0, import_utils4.cx)("ui-input__element", className),
205
205
  __css: css,
206
206
  ...rest
207
207
  }
@@ -214,7 +214,7 @@ var InputLeftElement = (0, import_core4.forwardRef)(
214
214
  InputElement,
215
215
  {
216
216
  ref,
217
- className: (0, import_utils4.cx)("ui-input-element-left", className),
217
+ className: (0, import_utils4.cx)("ui-input__element--left", className),
218
218
  placement: "left",
219
219
  ...rest
220
220
  }
@@ -227,7 +227,7 @@ var InputRightElement = (0, import_core4.forwardRef)(
227
227
  InputElement,
228
228
  {
229
229
  ref,
230
- className: (0, import_utils4.cx)("ui-input-element-right", className),
230
+ className: (0, import_utils4.cx)("ui-input__element--right", className),
231
231
  placement: "right",
232
232
  ...rest
233
233
  }
package/dist/index.mjs CHANGED
@@ -5,7 +5,7 @@ import {
5
5
  InputLeftElement,
6
6
  InputRightAddon,
7
7
  InputRightElement
8
- } from "./chunk-IO64GJPQ.mjs";
8
+ } from "./chunk-RRTHLFLE.mjs";
9
9
  import {
10
10
  Input
11
11
  } from "./chunk-QRPS2NTM.mjs";
package/dist/input-addon.js CHANGED
@@ -84,7 +84,7 @@ var InputElement = (0, import_core2.forwardRef)(
84
84
  import_core2.ui.div,
85
85
  {
86
86
  ref,
87
- className: (0, import_utils2.cx)("ui-input-element", className),
87
+ className: (0, import_utils2.cx)("ui-input__element", className),
88
88
  __css: css,
89
89
  ...rest
90
90
  }
@@ -97,7 +97,7 @@ var InputLeftElement = (0, import_core2.forwardRef)(
97
97
  InputElement,
98
98
  {
99
99
  ref,
100
- className: (0, import_utils2.cx)("ui-input-element-left", className),
100
+ className: (0, import_utils2.cx)("ui-input__element--left", className),
101
101
  placement: "left",
102
102
  ...rest
103
103
  }
@@ -110,7 +110,7 @@ var InputRightElement = (0, import_core2.forwardRef)(
110
110
  InputElement,
111
111
  {
112
112
  ref,
113
- className: (0, import_utils2.cx)("ui-input-element-right", className),
113
+ className: (0, import_utils2.cx)("ui-input__element--right", className),
114
114
  placement: "right",
115
115
  ...rest
116
116
  }
@@ -199,7 +199,7 @@ var InputAddon = (0, import_core4.forwardRef)(
199
199
  import_core4.ui.div,
200
200
  {
201
201
  ref,
202
- className: (0, import_utils4.cx)("ui-input-addon", className),
202
+ className: (0, import_utils4.cx)("ui-input__addon", className),
203
203
  __css: css,
204
204
  ...rest
205
205
  }
@@ -212,7 +212,7 @@ var InputLeftAddon = (0, import_core4.forwardRef)(
212
212
  InputAddon,
213
213
  {
214
214
  ref,
215
- className: (0, import_utils4.cx)("ui-input-addon-left", className),
215
+ className: (0, import_utils4.cx)("ui-input__addon--left", className),
216
216
  placement: "left",
217
217
  ...rest
218
218
  }
@@ -225,7 +225,7 @@ var InputRightAddon = (0, import_core4.forwardRef)(
225
225
  InputAddon,
226
226
  {
227
227
  ref,
228
- className: (0, import_utils4.cx)("ui-input-addon-right", className),
228
+ className: (0, import_utils4.cx)("ui-input__addon--right", className),
229
229
  placement: "right",
230
230
  ...rest
231
231
  }
package/dist/input-addon.mjs CHANGED
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  InputLeftAddon,
4
4
  InputRightAddon
5
- } from "./chunk-IO64GJPQ.mjs";
5
+ } from "./chunk-RRTHLFLE.mjs";
6
6
  import "./chunk-QRPS2NTM.mjs";
7
7
  export {
8
8
  InputLeftAddon,
package/dist/input-element.js CHANGED
@@ -89,7 +89,7 @@ var InputAddon = (0, import_core2.forwardRef)(
89
89
  import_core2.ui.div,
90
90
  {
91
91
  ref,
92
- className: (0, import_utils2.cx)("ui-input-addon", className),
92
+ className: (0, import_utils2.cx)("ui-input__addon", className),
93
93
  __css: css,
94
94
  ...rest
95
95
  }
@@ -102,7 +102,7 @@ var InputLeftAddon = (0, import_core2.forwardRef)(
102
102
  InputAddon,
103
103
  {
104
104
  ref,
105
- className: (0, import_utils2.cx)("ui-input-addon-left", className),
105
+ className: (0, import_utils2.cx)("ui-input__addon--left", className),
106
106
  placement: "left",
107
107
  ...rest
108
108
  }
@@ -115,7 +115,7 @@ var InputRightAddon = (0, import_core2.forwardRef)(
115
115
  InputAddon,
116
116
  {
117
117
  ref,
118
- className: (0, import_utils2.cx)("ui-input-addon-right", className),
118
+ className: (0, import_utils2.cx)("ui-input__addon--right", className),
119
119
  placement: "right",
120
120
  ...rest
121
121
  }
@@ -199,7 +199,7 @@ var InputElement = (0, import_core4.forwardRef)(
199
199
  import_core4.ui.div,
200
200
  {
201
201
  ref,
202
- className: (0, import_utils4.cx)("ui-input-element", className),
202
+ className: (0, import_utils4.cx)("ui-input__element", className),
203
203
  __css: css,
204
204
  ...rest
205
205
  }
@@ -212,7 +212,7 @@ var InputLeftElement = (0, import_core4.forwardRef)(
212
212
  InputElement,
213
213
  {
214
214
  ref,
215
- className: (0, import_utils4.cx)("ui-input-element-left", className),
215
+ className: (0, import_utils4.cx)("ui-input__element--left", className),
216
216
  placement: "left",
217
217
  ...rest
218
218
  }
@@ -225,7 +225,7 @@ var InputRightElement = (0, import_core4.forwardRef)(
225
225
  InputElement,
226
226
  {
227
227
  ref,
228
- className: (0, import_utils4.cx)("ui-input-element-right", className),
228
+ className: (0, import_utils4.cx)("ui-input__element--right", className),
229
229
  placement: "right",
230
230
  ...rest
231
231
  }
package/dist/input-element.mjs CHANGED
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  InputLeftElement,
4
4
  InputRightElement
5
- } from "./chunk-IO64GJPQ.mjs";
5
+ } from "./chunk-RRTHLFLE.mjs";
6
6
  import "./chunk-QRPS2NTM.mjs";
7
7
  export {
8
8
  InputLeftElement,
package/dist/input-group.js CHANGED
@@ -85,7 +85,7 @@ var InputAddon = (0, import_core2.forwardRef)(
85
85
  import_core2.ui.div,
86
86
  {
87
87
  ref,
88
- className: (0, import_utils2.cx)("ui-input-addon", className),
88
+ className: (0, import_utils2.cx)("ui-input__addon", className),
89
89
  __css: css,
90
90
  ...rest
91
91
  }
@@ -98,7 +98,7 @@ var InputLeftAddon = (0, import_core2.forwardRef)(
98
98
  InputAddon,
99
99
  {
100
100
  ref,
101
- className: (0, import_utils2.cx)("ui-input-addon-left", className),
101
+ className: (0, import_utils2.cx)("ui-input__addon--left", className),
102
102
  placement: "left",
103
103
  ...rest
104
104
  }
@@ -111,7 +111,7 @@ var InputRightAddon = (0, import_core2.forwardRef)(
111
111
  InputAddon,
112
112
  {
113
113
  ref,
114
- className: (0, import_utils2.cx)("ui-input-addon-right", className),
114
+ className: (0, import_utils2.cx)("ui-input__addon--right", className),
115
115
  placement: "right",
116
116
  ...rest
117
117
  }
@@ -146,7 +146,7 @@ var InputElement = (0, import_core3.forwardRef)(
146
146
  import_core3.ui.div,
147
147
  {
148
148
  ref,
149
- className: (0, import_utils3.cx)("ui-input-element", className),
149
+ className: (0, import_utils3.cx)("ui-input__element", className),
150
150
  __css: css,
151
151
  ...rest
152
152
  }
@@ -159,7 +159,7 @@ var InputLeftElement = (0, import_core3.forwardRef)(
159
159
  InputElement,
160
160
  {
161
161
  ref,
162
- className: (0, import_utils3.cx)("ui-input-element-left", className),
162
+ className: (0, import_utils3.cx)("ui-input__element--left", className),
163
163
  placement: "left",
164
164
  ...rest
165
165
  }
@@ -172,7 +172,7 @@ var InputRightElement = (0, import_core3.forwardRef)(
172
172
  InputElement,
173
173
  {
174
174
  ref,
175
- className: (0, import_utils3.cx)("ui-input-element-right", className),
175
+ className: (0, import_utils3.cx)("ui-input__element--right", className),
176
176
  placement: "right",
177
177
  ...rest
178
178
  }
package/dist/input-group.mjs CHANGED
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  InputGroup,
4
4
  useInputGroup
5
- } from "./chunk-IO64GJPQ.mjs";
5
+ } from "./chunk-RRTHLFLE.mjs";
6
6
  import "./chunk-QRPS2NTM.mjs";
7
7
  export {
8
8
  InputGroup,
package/dist/input.d.mts CHANGED
@@ -1,16 +1,16 @@
1
1
  import * as _yamada_ui_core from '@yamada-ui/core';
2
- import { HTMLUIProps, ThemeProps, CSSUIProps } from '@yamada-ui/core';
2
+ import { HTMLUIProps, ThemeProps, ColorModeToken, CSS } from '@yamada-ui/core';
3
3
  import { FormControlOptions } from '@yamada-ui/form-control';
4
4
 
5
5
  type InputOptions = {
6
6
  /**
7
7
  * The border color when the input is focused.
8
8
  */
9
- focusBorderColor?: CSSUIProps<'unresponsive'>['borderColor'];
9
+ focusBorderColor?: ColorModeToken<CSS.Property.BorderColor, 'colors'>;
10
10
  /**
11
11
  * The border color when the input is invalid.
12
12
  */
13
- errorBorderColor?: CSSUIProps<'unresponsive'>['borderColor'];
13
+ errorBorderColor?: ColorModeToken<CSS.Property.BorderColor, 'colors'>;
14
14
  /**
15
15
  * The native HTML `size` attribute to be passed to the `input`
16
16
  */
package/dist/input.d.ts CHANGED
@@ -1,16 +1,16 @@
1
1
  import * as _yamada_ui_core from '@yamada-ui/core';
2
- import { HTMLUIProps, ThemeProps, CSSUIProps } from '@yamada-ui/core';
2
+ import { HTMLUIProps, ThemeProps, ColorModeToken, CSS } from '@yamada-ui/core';
3
3
  import { FormControlOptions } from '@yamada-ui/form-control';
4
4
 
5
5
  type InputOptions = {
6
6
  /**
7
7
  * The border color when the input is focused.
8
8
  */
9
- focusBorderColor?: CSSUIProps<'unresponsive'>['borderColor'];
9
+ focusBorderColor?: ColorModeToken<CSS.Property.BorderColor, 'colors'>;
10
10
  /**
11
11
  * The border color when the input is invalid.
12
12
  */
13
- errorBorderColor?: CSSUIProps<'unresponsive'>['borderColor'];
13
+ errorBorderColor?: ColorModeToken<CSS.Property.BorderColor, 'colors'>;
14
14
  /**
15
15
  * The native HTML `size` attribute to be passed to the `input`
16
16
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yamada-ui/input",
3
- "version": "0.3.16",
3
+ "version": "0.3.18",
4
4
  "description": "Yamada UI input component",
5
5
  "keywords": [
6
6
  "yamada",
@@ -35,11 +35,11 @@
35
35
  "url": "https://github.com/hirotomoyamada/yamada-ui/issues"
36
36
  },
37
37
  "dependencies": {
38
- "@yamada-ui/core": "0.12.4",
39
- "@yamada-ui/utils": "0.3.2",
40
- "@yamada-ui/file-input": "0.4.7",
41
- "@yamada-ui/form-control": "0.3.16",
42
- "@yamada-ui/use-token": "0.3.8"
38
+ "@yamada-ui/core": "0.12.5",
39
+ "@yamada-ui/utils": "0.3.3",
40
+ "@yamada-ui/file-input": "0.4.9",
41
+ "@yamada-ui/form-control": "0.3.18",
42
+ "@yamada-ui/use-token": "0.3.9"
43
43
  },
44
44
  "devDependencies": {
45
45
  "react": "^18.0.0",