@geoinsight/react-components 0.3.3 → 0.3.4

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 +3 -6
  2. package/dist/cjs/index.js +1 -1
  3. package/dist/esm/index.css +3 -6
  4. package/dist/esm/index.js +2 -2
  5. package/package.json +1 -1
package/dist/cjs/index.css CHANGED
@@ -282,11 +282,7 @@
282
282
  color: var(--color-neutral-100);
283
283
  }
284
284
 
285
- .modal {
286
- color: var(--color-neutral-900);
287
- }
288
-
289
- .modal__overlay {
285
+ .modal-overlay {
290
286
  background: rgba(0, 0, 0, 0.3);
291
287
  bottom: 0;
292
288
  left: 0;
@@ -295,10 +291,11 @@
295
291
  top: 0;
296
292
  }
297
293
 
298
- .modal__body {
294
+ .modal {
299
295
  background: white;
300
296
  border-radius: var(--spacing-8);
301
297
  border: 1px solid var(--color-neutral-600);
298
+ color: var(--color-black);
302
299
  left: 50%;
303
300
  padding: var(--spacing-4) var(--spacing-4);
304
301
  position: absolute;
package/dist/cjs/index.js CHANGED
@@ -35,7 +35,7 @@ function TextArea({ className = "", disabled = true, hasToggleButton = true, hid
35
35
  }
36
36
 
37
37
  function Modal({ modalref, children, title, subtitle, footer, hasCloseButton = true, handleClose, }) {
38
- return (jsxRuntime.jsxs("div", { className: "modal", children: [jsxRuntime.jsx("div", { className: "modal__overlay" }), jsxRuntime.jsxs("div", { ref: modalref, className: "modal__body", children: [hasCloseButton && (jsxRuntime.jsx(Button, { mode: "secondary", className: "modal__close", size: "small", onClick: handleClose, children: jsxRuntime.jsx(io5.IoClose, {}) })), jsxRuntime.jsxs("div", { className: "modal__content", children: [title && (jsxRuntime.jsxs("div", { className: "modal__header", children: [jsxRuntime.jsx("h3", { children: title }), jsxRuntime.jsx("h6", { children: subtitle })] })), jsxRuntime.jsx("div", { className: "modal__children", children: children }), footer && jsxRuntime.jsx("div", { className: "modal__footer", children: footer })] })] })] }));
38
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "modal-overlay" }), jsxRuntime.jsxs("div", { ref: modalref, className: "modal", children: [hasCloseButton && (jsxRuntime.jsx(Button, { mode: "secondary", className: "modal__close", size: "small", onClick: handleClose, children: jsxRuntime.jsx(io5.IoClose, {}) })), jsxRuntime.jsxs("div", { className: "modal__content", children: [title && (jsxRuntime.jsxs("div", { className: "modal__header", children: [jsxRuntime.jsx("h3", { children: title }), jsxRuntime.jsx("h6", { children: subtitle })] })), jsxRuntime.jsx("div", { className: "modal__children", children: children }), footer && jsxRuntime.jsx("div", { className: "modal__footer", children: footer })] })] })] }));
39
39
  }
40
40
 
41
41
  function Loading({ img, children }) {
package/dist/esm/index.css CHANGED
@@ -282,11 +282,7 @@
282
282
  color: var(--color-neutral-100);
283
283
  }
284
284
 
285
- .modal {
286
- color: var(--color-neutral-900);
287
- }
288
-
289
- .modal__overlay {
285
+ .modal-overlay {
290
286
  background: rgba(0, 0, 0, 0.3);
291
287
  bottom: 0;
292
288
  left: 0;
@@ -295,10 +291,11 @@
295
291
  top: 0;
296
292
  }
297
293
 
298
- .modal__body {
294
+ .modal {
299
295
  background: white;
300
296
  border-radius: var(--spacing-8);
301
297
  border: 1px solid var(--color-neutral-600);
298
+ color: var(--color-black);
302
299
  left: 50%;
303
300
  padding: var(--spacing-4) var(--spacing-4);
304
301
  position: absolute;
package/dist/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { jsxs, jsx } from 'react/jsx-runtime';
1
+ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
2
2
  import clsx from 'clsx';
3
3
  import { useRef, useState, createContext, useEffect, useContext, useReducer } from 'react';
4
4
  import { TbArrowsDiagonal2 } from 'react-icons/tb';
@@ -33,7 +33,7 @@ function TextArea({ className = "", disabled = true, hasToggleButton = true, hid
33
33
  }
34
34
 
35
35
  function Modal({ modalref, children, title, subtitle, footer, hasCloseButton = true, handleClose, }) {
36
- return (jsxs("div", { className: "modal", children: [jsx("div", { className: "modal__overlay" }), jsxs("div", { ref: modalref, className: "modal__body", children: [hasCloseButton && (jsx(Button, { mode: "secondary", className: "modal__close", size: "small", onClick: handleClose, children: jsx(IoClose, {}) })), jsxs("div", { className: "modal__content", children: [title && (jsxs("div", { className: "modal__header", children: [jsx("h3", { children: title }), jsx("h6", { children: subtitle })] })), jsx("div", { className: "modal__children", children: children }), footer && jsx("div", { className: "modal__footer", children: footer })] })] })] }));
36
+ return (jsxs(Fragment, { children: [jsx("div", { className: "modal-overlay" }), jsxs("div", { ref: modalref, className: "modal", children: [hasCloseButton && (jsx(Button, { mode: "secondary", className: "modal__close", size: "small", onClick: handleClose, children: jsx(IoClose, {}) })), jsxs("div", { className: "modal__content", children: [title && (jsxs("div", { className: "modal__header", children: [jsx("h3", { children: title }), jsx("h6", { children: subtitle })] })), jsx("div", { className: "modal__children", children: children }), footer && jsx("div", { className: "modal__footer", children: footer })] })] })] }));
37
37
  }
38
38
 
39
39
  function Loading({ img, children }) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@geoinsight/react-components",
3
- "version": "0.3.3",
3
+ "version": "0.3.4",
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",