@geoinsight/react-components 0.6.2 → 0.6.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.
Files changed (5) hide show
  1. package/dist/cjs/index.css +2 -1
  2. package/dist/cjs/index.js +1 -1
  3. package/dist/esm/index.css +2 -1
  4. package/dist/esm/index.js +1 -1
  5. package/package.json +1 -1
package/dist/cjs/index.css CHANGED
@@ -474,6 +474,7 @@ transition: var(--transition-bg-cubic-bezier), var(--transition-box-shadow-cubic
474
474
  }
475
475
 
476
476
  .select__box {
477
+ background-color: var(--color-white);
477
478
  border-radius: var(--spacing-8);
478
479
  border: 2px solid var(--color-primary);
479
480
  box-sizing: border-box;
@@ -482,6 +483,7 @@ transition: var(--transition-bg-cubic-bezier), var(--transition-box-shadow-cubic
482
483
  position: absolute;
483
484
  top: 100%;
484
485
  width: 100%;
486
+ z-index: 2;
485
487
  }
486
488
 
487
489
  .select__option.button {
@@ -489,7 +491,6 @@ transition: var(--transition-bg-cubic-bezier), var(--transition-box-shadow-cubic
489
491
  border: none;
490
492
  border-radius: 0;
491
493
  width: 100%;
492
- z-index: 999;
493
494
  }
494
495
 
495
496
  .select__option.button:last-child {
package/dist/cjs/index.js CHANGED
@@ -290,7 +290,7 @@ function Select({ inputClassName = "", classNameGroup = "", options, styleGroup,
290
290
  return (jsxRuntime.jsxs("div", { className: clsx("select-group", classNameGroup), style: styleGroup, children: [jsxRuntime.jsx(Input, { inputClassName: clsx("select", inputClassName), value: value, placeholder: "Select a value", icon: {
291
291
  className: "select__arrow",
292
292
  element: (jsxRuntime.jsx(Button, { type: "button", mode: "icon", className: "select__arrow-button", onClick: handleToggle, onBlur: handleClose, children: jsxRuntime.jsx(tfi.TfiAngleDown, { size: 24, color: "var(--color-black)" }) })),
293
- }, onFocus: handleOpen, onBlur: handleInputClose, onChange: handleValueChange, ...rest }), isOpen && (jsxRuntime.jsx("div", { className: "select__box", children: filteredOptions.map((option, index) => (jsxRuntime.jsx(Button, { type: "button", mode: "secondary", className: "select__option", name: option, onMouseDown: handleSelectChange, children: option }, `index-${index}`))) }))] }));
293
+ }, onFocus: handleOpen, onBlur: handleInputClose, onChange: handleValueChange, autoComplete: "off", ...rest }), isOpen && (jsxRuntime.jsx("div", { className: "select__box", children: filteredOptions.map((option, index) => (jsxRuntime.jsx(Button, { type: "button", mode: "secondary", className: "select__option", name: option, onMouseDown: handleSelectChange, children: option }, `index-${index}`))) }))] }));
294
294
  }
295
295
 
296
296
  function TextArea({ className = "", disabled = true, hasToggleButton = true, hideHeight = "5rem", placeholder = "Insert value", showHeight = "10rem", style = {}, textareaClassName = "", label, labelClass, ...rest }) {
package/dist/esm/index.css CHANGED
@@ -474,6 +474,7 @@ transition: var(--transition-bg-cubic-bezier), var(--transition-box-shadow-cubic
474
474
  }
475
475
 
476
476
  .select__box {
477
+ background-color: var(--color-white);
477
478
  border-radius: var(--spacing-8);
478
479
  border: 2px solid var(--color-primary);
479
480
  box-sizing: border-box;
@@ -482,6 +483,7 @@ transition: var(--transition-bg-cubic-bezier), var(--transition-box-shadow-cubic
482
483
  position: absolute;
483
484
  top: 100%;
484
485
  width: 100%;
486
+ z-index: 2;
485
487
  }
486
488
 
487
489
  .select__option.button {
@@ -489,7 +491,6 @@ transition: var(--transition-bg-cubic-bezier), var(--transition-box-shadow-cubic
489
491
  border: none;
490
492
  border-radius: 0;
491
493
  width: 100%;
492
- z-index: 999;
493
494
  }
494
495
 
495
496
  .select__option.button:last-child {
package/dist/esm/index.js CHANGED
@@ -288,7 +288,7 @@ function Select({ inputClassName = "", classNameGroup = "", options, styleGroup,
288
288
  return (jsxs("div", { className: clsx("select-group", classNameGroup), style: styleGroup, children: [jsx(Input, { inputClassName: clsx("select", inputClassName), value: value, placeholder: "Select a value", icon: {
289
289
  className: "select__arrow",
290
290
  element: (jsx(Button, { type: "button", mode: "icon", className: "select__arrow-button", onClick: handleToggle, onBlur: handleClose, children: jsx(TfiAngleDown, { size: 24, color: "var(--color-black)" }) })),
291
- }, onFocus: handleOpen, onBlur: handleInputClose, onChange: handleValueChange, ...rest }), isOpen && (jsx("div", { className: "select__box", children: filteredOptions.map((option, index) => (jsx(Button, { type: "button", mode: "secondary", className: "select__option", name: option, onMouseDown: handleSelectChange, children: option }, `index-${index}`))) }))] }));
291
+ }, onFocus: handleOpen, onBlur: handleInputClose, onChange: handleValueChange, autoComplete: "off", ...rest }), isOpen && (jsx("div", { className: "select__box", children: filteredOptions.map((option, index) => (jsx(Button, { type: "button", mode: "secondary", className: "select__option", name: option, onMouseDown: handleSelectChange, children: option }, `index-${index}`))) }))] }));
292
292
  }
293
293
 
294
294
  function TextArea({ className = "", disabled = true, hasToggleButton = true, hideHeight = "5rem", placeholder = "Insert value", showHeight = "10rem", style = {}, textareaClassName = "", label, labelClass, ...rest }) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@geoinsight/react-components",
3
- "version": "0.6.2",
3
+ "version": "0.6.3",
4
4
  "description": "This library is the main UI component library for geoinsight",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",