@cloudoperators/juno-ui-components 5.4.0 → 5.5.0

package/build/theme.css

@@ -245,6 +245,13 @@
   --color-theme-info: var(--color-info);
   --color-theme-success: var(--color-success);
   --color-theme-warning: var(--color-warning);
+  --color-theme-severity-critical: var(--color-severity-critical);
+  --color-theme-severity-very-high: var(--color-severity-very-high);
+  --color-theme-severity-high: var(--color-severity-high);
+  --color-theme-severity-medium: var(--color-severity-medium);
+  --color-theme-severity-low: var(--color-severity-low);
+  --color-theme-severity-none: var(--color-severity-none);
+  --color-theme-severity-unknown: var(--color-severity-unknown);
   --color-theme-focus: var(--color-focus);
   --color-theme-background-lvl-0: var(--color-background-lvl-0);
   --color-theme-background-lvl-1: var(--color-background-lvl-1);
@@ -304,6 +311,7 @@
   --color-theme-button-subdued: var(--color-button-subdued-text);
   --color-theme-button-sundued-hover: var(--color-button-subdued-hover-text);
   --color-theme-button-sundued-active: var(--color-button-subdued-active-text);
+
   /* TODO Border Color */
   --border-theme-button-subdued: 1px solid var(--color-button-subdued-border);
   --border-theme-button-subdued-hover: var(--color-button-subdued-hover-border);
@@ -458,6 +466,7 @@
   --color-warning: rgb(255, 175, 0);
   --color-danger: rgb(199, 0, 0);
   --color-error: rgb(199, 0, 0);
+
   --color-juno-text-light: rgb(150, 150, 150);
   --color-juno-text-default: rgb(76, 76, 76);
   --color-juno-text-high: rgb(64, 64, 64);
@@ -544,10 +553,24 @@
   --color-button-primary-danger-active-bg: var(--color-juno-primary-danger-5);
 
   /* LT Icon */
+  --color-severity-critical: rgb(165, 11, 11);
+  --color-severity-very-high: rgb(223, 0, 0);
+  --color-severity-high: rgb(244, 89, 0);
+  --color-severity-medium: rgb(243, 138, 0);
+  --color-severity-low: rgb(255, 229, 0);
+  --color-severity-none: var(--color-text-disabled);
+  --color-severity-unknown: var(--color-text-light);
+
   --color-icon-danger: var(--danger);
   --color-icon-info: var(--color-accent);
   --color-icon-success: var(--color-sap-green);
   --color-icon-warning: var(--color-warning);
+  --color-icon-severityCritical: var(--color-severity-critical);
+  --color-icon-severityVeryHigh: var(--color-severity-very-high);
+  --color-icon-severityHigh: var(--color-severity-high);
+  --color-icon-severityMedium: var(--color-severity-medium);
+  --color-icon-severityLow: var(--color-severity-low);
+
   /* LT Message */
   --color-message-danger-border: var(--color-danger);
   --gradient-message-danger-bg: linear-gradient(90deg, rgb(255, 231, 224) 0%, rgb(255, 180, 158) 100%);
@@ -758,10 +781,24 @@
   --color-button-primary-danger-active-bg: var(--color-juno-primary-danger-5);
 
   /* DT Icon */
+  --color-severity-critical: rgb(255, 18, 20);
+  --color-severity-very-high: rgb(255, 68, 16);
+  --color-severity-high: rgb(255, 110, 13);
+  --color-severity-medium: rgb(255, 164, 8);
+  --color-severity-low: rgb(255, 247, 1);
+  --color-severity-none: var(--color-text-disabled);
+  --color-severity-unknown: var(--color-text-light);
+
   --color-icon-danger: var(--color-juno-danger);
   --color-icon-info: var(--color-accent);
   --color-icon-success: var(--color-sap-green-5);
   --color-icon-warning: var(--color-warning);
+  --color-icon-severityCritical: var(--color-severity-critical);
+  --color-icon-severityVeryHigh: var(--color-severity-very-high);
+  --color-icon-severityHigh: var(--color-severity-high);
+  --color-icon-severityMedium: var(--color-severity-medium);
+  --color-icon-severityLow: var(--color-severity-low);
+
   /* DT Message */
   --color-message-danger-border: var(--color-danger);
   --gradient-message-danger-bg: linear-gradient(90deg, rgb(57, 39, 38) 0%, rgb(124, 48, 30) 100%);

package/package.json

@@ -2,7 +2,7 @@
   "name": "@cloudoperators/juno-ui-components",
   "private": false,
   "source": "src/index.js",
-  "version": "5.4.0",
+  "version": "5.5.0",
   "types": "build/index.d.ts",
   "exports": {
     "./index": "./build/index.js",
@@ -26,42 +26,31 @@
     "pnpm": ">=8.0.0"
   },
   "devDependencies": {
+    "@babel/preset-env": "^7.28.3",
+    "@babel/preset-react": "^7.27.1",
     "@floating-ui/react": "0.27.13",
     "@headlessui/react": "2.2.4",
     "@material-design-icons/svg": "0.14.15",
     "@storybook/addon-docs": "^9.0.15",
     "@storybook/addon-links": "^9.0.15",
     "@storybook/react-vite": "^9.0.15",
-    "@svgr/webpack": "6.5.1",
-    "@tailwindcss/postcss": "^4.1.3",
     "@tailwindcss/vite": "^4.1.11",
-    "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
     "@types/react": "19.1.8",
     "@types/react-dom": "19.1.6",
     "@vitejs/plugin-react": "^4.6.0",
-    "add": "2.0.6",
-    "autoprefixer": "10.4.21",
-    "css-loader": "6.11.0",
     "eslint-plugin-storybook": "^9.0.15",
     "flatpickr": "4.6.13",
     "focus-trap-react": "11.0.4",
-    "glob": "8.1.0",
     "jsdom": "^26.1.0",
     "node-sass-glob-importer": "3.0.2",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "react-tabs": "6.1.0",
-    "react-test-renderer": "19.1.0",
-    "regenerator-runtime": "0.14.1",
-    "sass": "1.81.1",
-    "sass-loader": "12.6.0",
     "storybook": "^9.0.15",
-    "style-loader": "3.3.4",
     "tailwindcss": "^4.1.7",
-    "ts-loader": "9.5.2",
     "typescript": "^5.8.3",
     "vite": "^7.0.3",
     "vite-plugin-dts": "^4.5.4",