react-luminus-components 1.3.31 → 1.3.33

package/dist/variables.scss

@@ -1,171 +1,171 @@
-@import '../node_modules/bootstrap/scss/functions';
-
-$enable-negative-margins: true;
-
-$eon-red: #ea1b0a;
-$eon-yellow: #e3e000;
-$eon-turquoise: #1ea2b1;
-
-$palette-turkey-red: #b00402;
-$palette-moonstone: #56b9c5;
-$palette-light-cyan: #c7e8eb;
-$palette-jet: #39393a;
-$palette-battleship-gray: #8f9192;
-$palette-alice-blue: #ebf2f4;
-$palette-seasalt: #f6f7f7;
-
-// $primary-500: #f00 !default;
-// $primary-100: lighten($primary-500, 40%);
-// $primary-50: lighten($primary-500, 55%);
-// $primary: $primary-500;
-
-// $primary-darker: darken($primary, 15%);
-
-$bg: #f7fbfa;
-$bg-darker: #ebf2f4;
-
-$accent-darker: #e9edf2;
-
-$danger: #f4254e;
-$danger-100: lighten($danger, 40%);
-$danger-50: lighten($danger, 43%);
-
-$success: #00b77a;
-
-$warning: #ffb000;
-
-$info: #38b0e5;
-
-$border-radius: 4px;
-$border-width: 1px;
-$border-color: $bg-darker;
-
-$white: #fff !default;
-$gray-100: #f8f9fa !default;
-$gray-200: #e9ecef !default;
-$gray-300: #dee2e6 !default;
-$gray-400: #ced4da !default;
-$gray-500: #adb5bd !default;
-$gray-600: #6c757d !default;
-$gray-700: #495057 !default;
-$gray-800: #343a40 !default;
-$gray-900: #212529 !default;
-$black: #000 !default;
-$blue: #0d6efd !default;
-$indigo: #6610f2 !default;
-$purple: #6f42c1 !default;
-$pink: #d63384 !default;
-$red: #dc3545 !default;
-$orange: #fd7e14 !default;
-$yellow: #ffc107 !default;
-$green: #198754 !default;
-$teal: #20c997 !default;
-$cyan: #0dcaf0 !default;
-$blue-100: tint-color($blue, 80%) !default;
-$blue-200: tint-color($blue, 60%) !default;
-$blue-300: tint-color($blue, 40%) !default;
-$blue-400: tint-color($blue, 20%) !default;
-$blue-500: $blue !default;
-$blue-600: shade-color($blue, 20%) !default;
-$blue-700: shade-color($blue, 40%) !default;
-$blue-800: shade-color($blue, 60%) !default;
-$blue-900: shade-color($blue, 80%) !default;
-$indigo-100: tint-color($indigo, 80%) !default;
-$indigo-200: tint-color($indigo, 60%) !default;
-$indigo-300: tint-color($indigo, 40%) !default;
-$indigo-400: tint-color($indigo, 20%) !default;
-$indigo-500: $indigo !default;
-$indigo-600: shade-color($indigo, 20%) !default;
-$indigo-700: shade-color($indigo, 40%) !default;
-$indigo-800: shade-color($indigo, 60%) !default;
-$indigo-900: shade-color($indigo, 80%) !default;
-$purple-100: tint-color($purple, 80%) !default;
-$purple-200: tint-color($purple, 60%) !default;
-$purple-300: tint-color($purple, 40%) !default;
-$purple-400: tint-color($purple, 20%) !default;
-$purple-500: $purple !default;
-$purple-600: shade-color($purple, 20%) !default;
-$purple-700: shade-color($purple, 40%) !default;
-$purple-800: shade-color($purple, 60%) !default;
-$purple-900: shade-color($purple, 80%) !default;
-$pink-100: tint-color($pink, 80%) !default;
-$pink-200: tint-color($pink, 60%) !default;
-$pink-300: tint-color($pink, 40%) !default;
-$pink-400: tint-color($pink, 20%) !default;
-$pink-500: $pink !default;
-$pink-600: shade-color($pink, 20%) !default;
-$pink-700: shade-color($pink, 40%) !default;
-$pink-800: shade-color($pink, 60%) !default;
-$pink-900: shade-color($pink, 80%) !default;
-$red-100: tint-color($red, 80%) !default;
-$red-200: tint-color($red, 60%) !default;
-$red-300: tint-color($red, 40%) !default;
-$red-400: tint-color($red, 20%) !default;
-$red-500: $red !default;
-$red-600: shade-color($red, 20%) !default;
-$red-700: shade-color($red, 40%) !default;
-$red-800: shade-color($red, 60%) !default;
-$red-900: shade-color($red, 80%) !default;
-$orange-100: tint-color($orange, 80%) !default;
-$orange-200: tint-color($orange, 60%) !default;
-$orange-300: tint-color($orange, 40%) !default;
-$orange-400: tint-color($orange, 20%) !default;
-$orange-500: $orange !default;
-$orange-600: shade-color($orange, 20%) !default;
-$orange-700: shade-color($orange, 40%) !default;
-$orange-800: shade-color($orange, 60%) !default;
-$orange-900: shade-color($orange, 80%) !default;
-$yellow-100: tint-color($yellow, 80%) !default;
-$yellow-200: tint-color($yellow, 60%) !default;
-$yellow-300: tint-color($yellow, 40%) !default;
-$yellow-400: tint-color($yellow, 20%) !default;
-$yellow-500: $yellow !default;
-$yellow-600: shade-color($yellow, 20%) !default;
-$yellow-700: shade-color($yellow, 40%) !default;
-$yellow-800: shade-color($yellow, 60%) !default;
-$yellow-900: shade-color($yellow, 80%) !default;
-$green-100: tint-color($green, 80%) !default;
-$green-200: tint-color($green, 60%) !default;
-$green-300: tint-color($green, 40%) !default;
-$green-400: tint-color($green, 20%) !default;
-$green-500: $green !default;
-$green-600: shade-color($green, 20%) !default;
-$green-700: shade-color($green, 40%) !default;
-$green-800: shade-color($green, 60%) !default;
-$green-900: shade-color($green, 80%) !default;
-$teal-100: tint-color($teal, 80%) !default;
-$teal-200: tint-color($teal, 60%) !default;
-$teal-300: tint-color($teal, 40%) !default;
-$teal-400: tint-color($teal, 20%) !default;
-$teal-500: $teal !default;
-$teal-600: shade-color($teal, 20%) !default;
-$teal-700: shade-color($teal, 40%) !default;
-$teal-800: shade-color($teal, 60%) !default;
-$teal-900: shade-color($teal, 80%) !default;
-$cyan-100: tint-color($cyan, 80%) !default;
-$cyan-200: tint-color($cyan, 60%) !default;
-$cyan-300: tint-color($cyan, 40%) !default;
-$cyan-400: tint-color($cyan, 20%) !default;
-$cyan-500: $cyan !default;
-$cyan-600: shade-color($cyan, 20%) !default;
-$cyan-700: shade-color($cyan, 40%) !default;
-$cyan-800: shade-color($cyan, 60%) !default;
-$cyan-900: shade-color($cyan, 80%) !default;
-
-$text: #1e2832;
-$text-muted: #8a929c;
-$text-light: $gray-200;
-
-$dark: $text;
-
-$box-shadow: 0 0.5rem 1rem rgba($black, 0.15) !default;
-$box-shadow-sm: 0rem 0rem 0.5rem rgba($black, 0.1) !default;
-// $box-shadow-sm-primary: 0 0rem 0.4rem rgba($primary, 0.3) !default;
-$box-shadow-sm-danger: 0 0rem 0.4rem rgba($danger, 0.3) !default;
-$box-shadow-sm-warning: 0 0rem 0.4rem rgba($warning, 0.3) !default;
-$box-shadow-sm-success: 0 0rem 0.4rem rgba($success, 0.3) !default;
-$box-shadow-lg: 0 1rem 3rem rgba($black, 0.175) !default;
-$box-shadow-inset: inset 0 0.5rem 1rem rgba($black, 0.1) !default;
-
-$modal-backdrop-bg: black;
-$modal-backdrop-opacity: 0.3;
+@import '../node_modules/bootstrap/scss/functions';
+
+$enable-negative-margins: true;
+
+$eon-red: #ea1b0a;
+$eon-yellow: #e3e000;
+$eon-turquoise: #1ea2b1;
+
+$palette-turkey-red: #b00402;
+$palette-moonstone: #56b9c5;
+$palette-light-cyan: #c7e8eb;
+$palette-jet: #39393a;
+$palette-battleship-gray: #8f9192;
+$palette-alice-blue: #ebf2f4;
+$palette-seasalt: #f6f7f7;
+
+// $primary-500: #f00 !default;
+// $primary-100: lighten($primary-500, 40%);
+// $primary-50: lighten($primary-500, 55%);
+// $primary: $primary-500;
+
+// $primary-darker: darken($primary, 15%);
+
+$bg: #f7fbfa;
+$bg-darker: #ebf2f4;
+
+$accent-darker: #e9edf2;
+
+$danger: #f4254e;
+$danger-100: lighten($danger, 40%);
+$danger-50: lighten($danger, 43%);
+
+$success: #00b77a;
+
+$warning: #ffb000;
+
+$info: #38b0e5;
+
+$border-radius: 4px;
+$border-width: 1px;
+$border-color: $bg-darker;
+
+$white: #fff !default;
+$gray-100: #f8f9fa !default;
+$gray-200: #e9ecef !default;
+$gray-300: #dee2e6 !default;
+$gray-400: #ced4da !default;
+$gray-500: #adb5bd !default;
+$gray-600: #6c757d !default;
+$gray-700: #495057 !default;
+$gray-800: #343a40 !default;
+$gray-900: #212529 !default;
+$black: #000 !default;
+$blue: #0d6efd !default;
+$indigo: #6610f2 !default;
+$purple: #6f42c1 !default;
+$pink: #d63384 !default;
+$red: #dc3545 !default;
+$orange: #fd7e14 !default;
+$yellow: #ffc107 !default;
+$green: #198754 !default;
+$teal: #20c997 !default;
+$cyan: #0dcaf0 !default;
+$blue-100: tint-color($blue, 80%) !default;
+$blue-200: tint-color($blue, 60%) !default;
+$blue-300: tint-color($blue, 40%) !default;
+$blue-400: tint-color($blue, 20%) !default;
+$blue-500: $blue !default;
+$blue-600: shade-color($blue, 20%) !default;
+$blue-700: shade-color($blue, 40%) !default;
+$blue-800: shade-color($blue, 60%) !default;
+$blue-900: shade-color($blue, 80%) !default;
+$indigo-100: tint-color($indigo, 80%) !default;
+$indigo-200: tint-color($indigo, 60%) !default;
+$indigo-300: tint-color($indigo, 40%) !default;
+$indigo-400: tint-color($indigo, 20%) !default;
+$indigo-500: $indigo !default;
+$indigo-600: shade-color($indigo, 20%) !default;
+$indigo-700: shade-color($indigo, 40%) !default;
+$indigo-800: shade-color($indigo, 60%) !default;
+$indigo-900: shade-color($indigo, 80%) !default;
+$purple-100: tint-color($purple, 80%) !default;
+$purple-200: tint-color($purple, 60%) !default;
+$purple-300: tint-color($purple, 40%) !default;
+$purple-400: tint-color($purple, 20%) !default;
+$purple-500: $purple !default;
+$purple-600: shade-color($purple, 20%) !default;
+$purple-700: shade-color($purple, 40%) !default;
+$purple-800: shade-color($purple, 60%) !default;
+$purple-900: shade-color($purple, 80%) !default;
+$pink-100: tint-color($pink, 80%) !default;
+$pink-200: tint-color($pink, 60%) !default;
+$pink-300: tint-color($pink, 40%) !default;
+$pink-400: tint-color($pink, 20%) !default;
+$pink-500: $pink !default;
+$pink-600: shade-color($pink, 20%) !default;
+$pink-700: shade-color($pink, 40%) !default;
+$pink-800: shade-color($pink, 60%) !default;
+$pink-900: shade-color($pink, 80%) !default;
+$red-100: tint-color($red, 80%) !default;
+$red-200: tint-color($red, 60%) !default;
+$red-300: tint-color($red, 40%) !default;
+$red-400: tint-color($red, 20%) !default;
+$red-500: $red !default;
+$red-600: shade-color($red, 20%) !default;
+$red-700: shade-color($red, 40%) !default;
+$red-800: shade-color($red, 60%) !default;
+$red-900: shade-color($red, 80%) !default;
+$orange-100: tint-color($orange, 80%) !default;
+$orange-200: tint-color($orange, 60%) !default;
+$orange-300: tint-color($orange, 40%) !default;
+$orange-400: tint-color($orange, 20%) !default;
+$orange-500: $orange !default;
+$orange-600: shade-color($orange, 20%) !default;
+$orange-700: shade-color($orange, 40%) !default;
+$orange-800: shade-color($orange, 60%) !default;
+$orange-900: shade-color($orange, 80%) !default;
+$yellow-100: tint-color($yellow, 80%) !default;
+$yellow-200: tint-color($yellow, 60%) !default;
+$yellow-300: tint-color($yellow, 40%) !default;
+$yellow-400: tint-color($yellow, 20%) !default;
+$yellow-500: $yellow !default;
+$yellow-600: shade-color($yellow, 20%) !default;
+$yellow-700: shade-color($yellow, 40%) !default;
+$yellow-800: shade-color($yellow, 60%) !default;
+$yellow-900: shade-color($yellow, 80%) !default;
+$green-100: tint-color($green, 80%) !default;
+$green-200: tint-color($green, 60%) !default;
+$green-300: tint-color($green, 40%) !default;
+$green-400: tint-color($green, 20%) !default;
+$green-500: $green !default;
+$green-600: shade-color($green, 20%) !default;
+$green-700: shade-color($green, 40%) !default;
+$green-800: shade-color($green, 60%) !default;
+$green-900: shade-color($green, 80%) !default;
+$teal-100: tint-color($teal, 80%) !default;
+$teal-200: tint-color($teal, 60%) !default;
+$teal-300: tint-color($teal, 40%) !default;
+$teal-400: tint-color($teal, 20%) !default;
+$teal-500: $teal !default;
+$teal-600: shade-color($teal, 20%) !default;
+$teal-700: shade-color($teal, 40%) !default;
+$teal-800: shade-color($teal, 60%) !default;
+$teal-900: shade-color($teal, 80%) !default;
+$cyan-100: tint-color($cyan, 80%) !default;
+$cyan-200: tint-color($cyan, 60%) !default;
+$cyan-300: tint-color($cyan, 40%) !default;
+$cyan-400: tint-color($cyan, 20%) !default;
+$cyan-500: $cyan !default;
+$cyan-600: shade-color($cyan, 20%) !default;
+$cyan-700: shade-color($cyan, 40%) !default;
+$cyan-800: shade-color($cyan, 60%) !default;
+$cyan-900: shade-color($cyan, 80%) !default;
+
+$text: #1e2832;
+$text-muted: #8a929c;
+$text-light: $gray-200;
+
+$dark: $text;
+
+$box-shadow: 0 0.5rem 1rem rgba($black, 0.15) !default;
+$box-shadow-sm: 0rem 0rem 0.5rem rgba($black, 0.1) !default;
+// $box-shadow-sm-primary: 0 0rem 0.4rem rgba($primary, 0.3) !default;
+$box-shadow-sm-danger: 0 0rem 0.4rem rgba($danger, 0.3) !default;
+$box-shadow-sm-warning: 0 0rem 0.4rem rgba($warning, 0.3) !default;
+$box-shadow-sm-success: 0 0rem 0.4rem rgba($success, 0.3) !default;
+$box-shadow-lg: 0 1rem 3rem rgba($black, 0.175) !default;
+$box-shadow-inset: inset 0 0.5rem 1rem rgba($black, 0.1) !default;
+
+$modal-backdrop-bg: black;
+$modal-backdrop-opacity: 0.3;

package/package.json

@@ -1,106 +1,106 @@
-{
-  "name": "react-luminus-components",
-  "version": "1.3.31",
-  "description": "Library of React Components reusable in Luminus projects (Fleetman, CAFM)",
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/BenefitCZ/react-luminus-components.git"
-  },
-  "author": "triskacik",
-  "homepage": "https://github.com/BenefitCZ/react-luminus-components#readme",
-  "main": "./dist/main.cjs.js",
-  "module": "./dist/main.es.js",
-  "typings": "./dist/main.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/main.es.js",
-      "require": "./dist/main.cjs.js",
-      "types": "./dist/main.d.ts"
-    },
-    "./layout": {
-      "import": "./dist/layout.es.js",
-      "require": "./dist/layout.cjs.js",
-      "types": "./dist/layout.d.ts"
-    },
-    "./contexts": {
-      "import": "./dist/contexts.es.js",
-      "require": "./dist/contexts.cjs.js",
-      "types": "./dist/contexts.d.ts"
-    },
-    "./hooks": {
-      "import": "./dist/hooks.es.js",
-      "require": "./dist/hooks.cjs.js",
-      "types": "./dist/hooks.d.ts"
-    },
-    "./utils": {
-      "import": "./dist/utils.es.js",
-      "require": "./dist/utils.cjs.js",
-      "types": "./dist/utils.d.ts"
-    },
-    "./types": "./dist/models/index.d.ts",
-    "./styles": "./dist/style.css"
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "tsc && vite build",
-    "build:watch": "tsc && vite build --watch",
-    "dev": "vite",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0 --cache",
-    "compile": "tsc --noEmit"
-  },
-  "peerDependencies": {
-    "axios": "^1.6.8",
-    "bootstrap": "^5.3.3",
-    "react": ">=18",
-    "react-bootstrap": ">=2",
-    "react-hook-form": ">=7",
-    "react-router-dom": ">=6",
-    "zod": ">=3.22.4"
-  },
-  "dependencies": {
-    "@azure/msal-browser": "^3.14.0",
-    "@azure/msal-react": "^2.0.16",
-    "classnames": "^2.5.1",
-    "date-fns": "^3.6.0",
-    "latinize": "^2.0.0",
-    "react-cookie": "^7.1.4",
-    "react-hot-toast": "^2.4.1",
-    "react-icons": "^5.0.1",
-    "react-portal": "^4.2.2",
-    "use-debounce": "^10.0.0",
-    "uuid": "^9.0.1"
-  },
-  "devDependencies": {
-    "@rollup/plugin-typescript": "^11.1.6",
-    "@types/latinize": "^0.2.18",
-    "@types/node": "^20.11.29",
-    "@types/react": "^18.2.56",
-    "@types/react-dom": "^18.2.19",
-    "@types/react-portal": "^4.0.7",
-    "@types/uuid": "^9.0.8",
-    "@typescript-eslint/eslint-plugin": "^7.3.1",
-    "@typescript-eslint/parser": "^7.3.1",
-    "@vitejs/plugin-react": "^4.2.1",
-    "eslint": "^8.57.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^18.0.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.34.1",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.6",
-    "prettier": "^3.2.5",
-    "rollup-plugin-typescript-paths": "^1.5.0",
-    "sass": "^1.72.0",
-    "sass-loader": "^14.1.1",
-    "tslib": "^2.6.2",
-    "typescript": "^5.2.2",
-    "vite": "^5.1.4",
-    "vite-plugin-dts": "^3.7.3"
-  }
-}
+{
+  "name": "react-luminus-components",
+  "version": "1.3.33",
+  "description": "Library of React Components reusable in Luminus projects (Fleetman, CAFM)",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/BenefitCZ/react-luminus-components.git"
+  },
+  "author": "triskacik",
+  "homepage": "https://github.com/BenefitCZ/react-luminus-components#readme",
+  "main": "./dist/main.cjs.js",
+  "module": "./dist/main.es.js",
+  "typings": "./dist/main.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/main.es.js",
+      "require": "./dist/main.cjs.js",
+      "types": "./dist/main.d.ts"
+    },
+    "./layout": {
+      "import": "./dist/layout.es.js",
+      "require": "./dist/layout.cjs.js",
+      "types": "./dist/layout.d.ts"
+    },
+    "./contexts": {
+      "import": "./dist/contexts.es.js",
+      "require": "./dist/contexts.cjs.js",
+      "types": "./dist/contexts.d.ts"
+    },
+    "./hooks": {
+      "import": "./dist/hooks.es.js",
+      "require": "./dist/hooks.cjs.js",
+      "types": "./dist/hooks.d.ts"
+    },
+    "./utils": {
+      "import": "./dist/utils.es.js",
+      "require": "./dist/utils.cjs.js",
+      "types": "./dist/utils.d.ts"
+    },
+    "./types": "./dist/models/index.d.ts",
+    "./styles": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc && vite build",
+    "build:watch": "tsc && vite build --watch",
+    "dev": "vite",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0 --cache",
+    "compile": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "@azure/msal-browser": "^3.14.0",
+    "@azure/msal-react": "^2.0.16",
+    "axios": "^1.6.8",
+    "bootstrap": "^5.3.3",
+    "react": ">=18",
+    "react-icons": "^5.0.1",
+    "react-bootstrap": ">=2",
+    "react-hook-form": ">=7",
+    "react-router-dom": ">=6",
+    "zod": ">=3.22.4"
+  },
+  "dependencies": {
+    "classnames": "^2.5.1",
+    "date-fns": "^3.6.0",
+    "latinize": "^2.0.0",
+    "react-cookie": "^7.1.4",
+    "react-hot-toast": "^2.4.1",
+    "react-portal": "^4.2.2",
+    "use-debounce": "^10.0.0",
+    "uuid": "^9.0.1"
+  },
+  "devDependencies": {
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@types/latinize": "^0.2.18",
+    "@types/node": "^20.11.29",
+    "@types/react": "^18.2.56",
+    "@types/react-dom": "^18.2.19",
+    "@types/react-portal": "^4.0.7",
+    "@types/uuid": "^9.0.8",
+    "@typescript-eslint/eslint-plugin": "^7.3.1",
+    "@typescript-eslint/parser": "^7.3.1",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.57.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-typescript": "^18.0.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.6",
+    "prettier": "^3.2.5",
+    "rollup-plugin-typescript-paths": "^1.5.0",
+    "sass": "^1.72.0",
+    "sass-loader": "^14.1.1",
+    "tslib": "^2.6.2",
+    "typescript": "^5.2.2",
+    "vite": "^5.1.4",
+    "vite-plugin-dts": "^3.7.3"
+  }
+}