@yamada-ui/native-select 0.5.1 → 0.5.3
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/{chunk-UQC6YIIC.mjs → chunk-BI72PIQG.mjs} +4 -14
- package/dist/index.js +3 -11
- package/dist/index.mjs +1 -1
- package/dist/native-select.js +3 -11
- package/dist/native-select.mjs +1 -1
- package/package.json +4 -4
|
@@ -21,9 +21,7 @@ import {
|
|
|
21
21
|
isValidElement,
|
|
22
22
|
pickObject
|
|
23
23
|
} from "@yamada-ui/utils";
|
|
24
|
-
import {
|
|
25
|
-
cloneElement
|
|
26
|
-
} from "react";
|
|
24
|
+
import { cloneElement } from "react";
|
|
27
25
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
28
26
|
var [NativeSelectProvider, useNativeSelect] = createContext({
|
|
29
27
|
name: "NativeSelectContext",
|
|
@@ -65,7 +63,7 @@ var NativeSelect = forwardRef(
|
|
|
65
63
|
return /* @__PURE__ */ jsx(NativeSelectProvider, { value: styles, children: /* @__PURE__ */ jsxs(
|
|
66
64
|
ui.div,
|
|
67
65
|
{
|
|
68
|
-
className: "ui-
|
|
66
|
+
className: "ui-select",
|
|
69
67
|
__css: {
|
|
70
68
|
position: "relative",
|
|
71
69
|
w: "100%",
|
|
@@ -81,7 +79,7 @@ var NativeSelect = forwardRef(
|
|
|
81
79
|
ui.select,
|
|
82
80
|
{
|
|
83
81
|
ref,
|
|
84
|
-
className: cx("ui-
|
|
82
|
+
className: cx("ui-select__field", className),
|
|
85
83
|
__css: {
|
|
86
84
|
paddingEnd: "2rem",
|
|
87
85
|
h: h != null ? h : height,
|
|
@@ -129,15 +127,7 @@ var NativeSelectIcon = ({
|
|
|
129
127
|
}
|
|
130
128
|
})
|
|
131
129
|
);
|
|
132
|
-
return /* @__PURE__ */ jsx(
|
|
133
|
-
ui.div,
|
|
134
|
-
{
|
|
135
|
-
className: cx("ui-native-select__icon", className),
|
|
136
|
-
__css: css,
|
|
137
|
-
...rest,
|
|
138
|
-
children: isValidElement(children) ? cloneChildren : /* @__PURE__ */ jsx(ChevronIcon, {})
|
|
139
|
-
}
|
|
140
|
-
);
|
|
130
|
+
return /* @__PURE__ */ jsx(ui.div, { className: cx("ui-select__icon", className), __css: css, ...rest, children: isValidElement(children) ? cloneChildren : /* @__PURE__ */ jsx(ChevronIcon, {}) });
|
|
141
131
|
};
|
|
142
132
|
var NativeOptionGroup = forwardRef(
|
|
143
133
|
(props, ref) => /* @__PURE__ */ jsx(ui.optgroup, { ref, ...props })
|
package/dist/index.js
CHANGED
|
@@ -74,7 +74,7 @@ var NativeSelect = (0, import_core.forwardRef)(
|
|
|
74
74
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NativeSelectProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
75
75
|
import_core.ui.div,
|
|
76
76
|
{
|
|
77
|
-
className: "ui-
|
|
77
|
+
className: "ui-select",
|
|
78
78
|
__css: {
|
|
79
79
|
position: "relative",
|
|
80
80
|
w: "100%",
|
|
@@ -90,7 +90,7 @@ var NativeSelect = (0, import_core.forwardRef)(
|
|
|
90
90
|
import_core.ui.select,
|
|
91
91
|
{
|
|
92
92
|
ref,
|
|
93
|
-
className: (0, import_utils.cx)("ui-
|
|
93
|
+
className: (0, import_utils.cx)("ui-select__field", className),
|
|
94
94
|
__css: {
|
|
95
95
|
paddingEnd: "2rem",
|
|
96
96
|
h: h != null ? h : height,
|
|
@@ -138,15 +138,7 @@ var NativeSelectIcon = ({
|
|
|
138
138
|
}
|
|
139
139
|
})
|
|
140
140
|
);
|
|
141
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
142
|
-
import_core.ui.div,
|
|
143
|
-
{
|
|
144
|
-
className: (0, import_utils.cx)("ui-native-select__icon", className),
|
|
145
|
-
__css: css,
|
|
146
|
-
...rest,
|
|
147
|
-
children: (0, import_utils.isValidElement)(children) ? cloneChildren : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.ChevronIcon, {})
|
|
148
|
-
}
|
|
149
|
-
);
|
|
141
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.ui.div, { className: (0, import_utils.cx)("ui-select__icon", className), __css: css, ...rest, children: (0, import_utils.isValidElement)(children) ? cloneChildren : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.ChevronIcon, {}) });
|
|
150
142
|
};
|
|
151
143
|
var NativeOptionGroup = (0, import_core.forwardRef)(
|
|
152
144
|
(props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.ui.optgroup, { ref, ...props })
|
package/dist/index.mjs
CHANGED
package/dist/native-select.js
CHANGED
|
@@ -72,7 +72,7 @@ var NativeSelect = (0, import_core.forwardRef)(
|
|
|
72
72
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NativeSelectProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
73
73
|
import_core.ui.div,
|
|
74
74
|
{
|
|
75
|
-
className: "ui-
|
|
75
|
+
className: "ui-select",
|
|
76
76
|
__css: {
|
|
77
77
|
position: "relative",
|
|
78
78
|
w: "100%",
|
|
@@ -88,7 +88,7 @@ var NativeSelect = (0, import_core.forwardRef)(
|
|
|
88
88
|
import_core.ui.select,
|
|
89
89
|
{
|
|
90
90
|
ref,
|
|
91
|
-
className: (0, import_utils.cx)("ui-
|
|
91
|
+
className: (0, import_utils.cx)("ui-select__field", className),
|
|
92
92
|
__css: {
|
|
93
93
|
paddingEnd: "2rem",
|
|
94
94
|
h: h != null ? h : height,
|
|
@@ -136,15 +136,7 @@ var NativeSelectIcon = ({
|
|
|
136
136
|
}
|
|
137
137
|
})
|
|
138
138
|
);
|
|
139
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
140
|
-
import_core.ui.div,
|
|
141
|
-
{
|
|
142
|
-
className: (0, import_utils.cx)("ui-native-select__icon", className),
|
|
143
|
-
__css: css,
|
|
144
|
-
...rest,
|
|
145
|
-
children: (0, import_utils.isValidElement)(children) ? cloneChildren : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.ChevronIcon, {})
|
|
146
|
-
}
|
|
147
|
-
);
|
|
139
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.ui.div, { className: (0, import_utils.cx)("ui-select__icon", className), __css: css, ...rest, children: (0, import_utils.isValidElement)(children) ? cloneChildren : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.ChevronIcon, {}) });
|
|
148
140
|
};
|
|
149
141
|
var NativeOptionGroup = (0, import_core.forwardRef)(
|
|
150
142
|
(props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.ui.optgroup, { ref, ...props })
|
package/dist/native-select.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@yamada-ui/native-select",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.3",
|
|
4
4
|
"description": "Yamada UI native select component",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"yamada",
|
|
@@ -35,10 +35,10 @@
|
|
|
35
35
|
"url": "https://github.com/hirotomoyamada/yamada-ui/issues"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@yamada-ui/core": "0.12.
|
|
38
|
+
"@yamada-ui/core": "0.12.7",
|
|
39
39
|
"@yamada-ui/utils": "0.3.3",
|
|
40
|
-
"@yamada-ui/form-control": "0.3.
|
|
41
|
-
"@yamada-ui/icon": "0.3.
|
|
40
|
+
"@yamada-ui/form-control": "0.3.20",
|
|
41
|
+
"@yamada-ui/icon": "0.3.17"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
44
|
"react": "^18.0.0",
|