@jsenv/navi 0.3.0 → 0.3.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.
Files changed (3) hide show
  1. package/dist/jsenv_navi.js +11 -0
  2. package/package.json +1 -1
  3. package/src/components/field/input_textual.jsx +9 -0
package/dist/jsenv_navi.js CHANGED
@@ -20572,6 +20572,7 @@ const InputTextualBasic = forwardRef((props, ref) => {
20572
20572
  autoSelect,
20573
20573
  appearance = "navi",
20574
20574
  accentColor,
20575
+ style,
20575
20576
  width,
20576
20577
  height,
20577
20578
  ...rest
@@ -20589,10 +20590,20 @@ const InputTextualBasic = forwardRef((props, ref) => {
20589
20590
  autoSelect
20590
20591
  });
20591
20592
  useConstraints(innerRef, constraints);
20593
+ const innerStyle = {
20594
+ ...style
20595
+ };
20596
+ if (width !== undefined) {
20597
+ innerStyle.width = width;
20598
+ }
20599
+ if (height !== undefined) {
20600
+ innerStyle.height = height;
20601
+ }
20592
20602
  const inputTextual = jsx("input", {
20593
20603
  ...rest,
20594
20604
  ref: innerRef,
20595
20605
  className: appearance === "navi" ? "navi_input" : undefined,
20606
+ style: innerStyle,
20596
20607
  type: type,
20597
20608
  "data-value": uiState,
20598
20609
  value: innerValue,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jsenv/navi",
3
- "version": "0.3.0",
3
+ "version": "0.3.2",
4
4
  "description": "Library of components including navigation to create frontend applications",
5
5
  "repository": {
6
6
  "type": "git",
package/src/components/field/input_textual.jsx CHANGED
@@ -165,6 +165,7 @@ const InputTextualBasic = forwardRef((props, ref) => {
165
165
  autoSelect,
166
166
  appearance = "navi",
167
167
  accentColor,
168
+ style,
168
169
  width,
169
170
  height,
170
171
  ...rest
@@ -187,11 +188,19 @@ const InputTextualBasic = forwardRef((props, ref) => {
187
188
  });
188
189
  useConstraints(innerRef, constraints);
189
190
 
191
+ const innerStyle = { ...style };
192
+ if (width !== undefined) {
193
+ innerStyle.width = width;
194
+ }
195
+ if (height !== undefined) {
196
+ innerStyle.height = height;
197
+ }
190
198
  const inputTextual = (
191
199
  <input
192
200
  {...rest}
193
201
  ref={innerRef}
194
202
  className={appearance === "navi" ? "navi_input" : undefined}
203
+ style={innerStyle}
195
204
  type={type}
196
205
  data-value={uiState}
197
206
  value={innerValue}