dry-ux 1.61.0 → 1.63.0

package/dist/enhanced-inputs/HTMLInputs.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { IEnhancedProps } from "./interface";
-import "./styles.css";
+import "../styles/validation.css";
 /**
  * Forwarded ref input component with enhancements.
  */

package/dist/enhanced-inputs/HTMLInputs.js

@@ -14,7 +14,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextArea = exports.Select = exports.Input = void 0;
 const React = require("react");
 const withEnhancements_1 = require("./withEnhancements");
-require("./styles.css");
+require("../styles/validation.css");
 /**
  * Enhanced input component with enhancements applied.
  */

package/dist/styles/modal-overlay.css

@@ -0,0 +1,26 @@
+.dry-ux-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.65);
+    z-index: 1050;
+    border-radius: 10px;
+}
+
+.dry-ux-overlay-content {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    background-color: white;
+    padding: 10px;
+    border-radius: 5px;
+}
+
+@media only screen and (max-width: 767px) {
+    .dry-ux-overlay-content {
+        width: 90%;
+    }
+}

package/dist/ui-utils/Modal.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Content, PopUpOptions } from "./UIUtil.interface";
-import "./overlay.css";
+import "../styles/modal-overlay.css";
 export interface IModalProps {
     options: PopUpOptions;
     handleClose: () => void;

package/dist/ui-utils/Modal.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = require("react");
 const react_bootstrap_1 = require("react-bootstrap");
-require("./overlay.css");
+require("../styles/modal-overlay.css");
 const Modal = React.memo(({ handleClose, shown, overlay, options: { content, footerContent, cssClass, closeBtn, title, width, onClose, titleCloseBtn = true, centered, trackingId, }, config: { defaultModalStyles = false, styles = {}, setBackdropHeight = true, centered: globalCentered, onOpen, onClose: globalOnClose, }, }) => {
     const isCentered = centered !== null && centered !== void 0 ? centered : globalCentered;
     const modalRef = React.useRef(null);

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "dry-ux",
-  "version": "1.61.0",
+  "version": "1.63.0",
   "description": "",
   "main": "dist/index",
   "scripts": {
-    "copy-css": "copyfiles -u 2 \"./src/enhanced-inputs/styles.css\" \"./dist/enhanced-inputs\"",
+    "copy-css": "copyfiles -u 2 \"./src/styles/*.css\" \"./dist/styles\"",
     "build": "rimraf dist/ && tsc && npm run copy-css",
     "watch": "rimraf dist/ && tsc --watch",
     "format": "prettier --write \"src/**/*.ts\" \"src/**/*.tsx\"",