@cloudoperators/juno-ui-components 5.1.0 → 5.2.0

package/build/theme.css

@@ -309,6 +309,8 @@
   --border-theme-button-subdued-hover: var(--color-button-subdued-hover-border);
   --border-theme-button-subdued-active: var(--color-button-subdued-active-border);
 
+  --background-color-theme-card-default: var(--color-card-background-default);
+
   --background-color-theme-checkbox: var(--color-checkbox-bg); /* -> .jn:bg-theme-checkbox */
 
   --background-color-theme-code-block: var(--color-codeblock-bg);
@@ -370,6 +372,8 @@
 
   --border-color-theme-box-default: var(--color-box-border);
 
+  --border-color-theme-card-default: var(--color-card-border-default);
+
   --border-color-theme-codeblock-bar: var(--color-codeblock-bar-border);
   --border-color-theme-codeblock-tab-active: var(--color-text-default);
 
@@ -434,6 +438,9 @@
   --margin-grid-row: 0 var(--grid-row-margin-x);
 
   --flex-grid-column: var(--grid-column-flex-grow) var(--grid-column-flex-shrink) var(--grid-column-flex-basis);
+
+  --shadow-theme-default: var(--box-shadow-default);
+  --shadow-theme-default-hover: var(--box-shadow-hover);
 }
 
 /* JUNO THEME: LIGHT MODE */
@@ -561,6 +568,9 @@
   --color-textinput-autofill-label: var(--color-juno-text-default);
   /* LT Select */
   --color-select-bg: var(--color-background-lvl-3);
+  /* LT Card */
+  --color-card-background-default: var(--color-white);
+  --color-card-border-default: var(--color-juno-grey-light-7);
   /* LT Checkbox */
   --color-checkbox-bg: var(--color-background-lvl-5);
   --color-checkbox-checked-color: var(--color-accent);
@@ -625,7 +635,6 @@
   --color-topnavigation-item-active: var(--color-black);
   --color-topnavigation-item-bg: var(--color-sap-grey-1);
   --color-topnavigation-item-active-bg: var(--color-juno-grey-light-3);
-
   /* LT DateTimePicker */
   --color-datetimepicker-calendar-bg: var(--color-background-lvl-2);
   --color-datetimepicker-disabled-date-color: rgb(76 76 76 / 0.4); /* Light theme text default color */
@@ -634,7 +643,10 @@
     98,
     148,
     209
-  ); /* Dark Theme DateTimePicker range background. We need to use a synthetisized solid value based on the current theme's accent color, the way that flatpickr is built here forbids using translucent colors. */
+  ); /* Light Theme DateTimePicker range background. We need to use a synthetisized solid value based on the current theme's accent color, the way that flatpickr is built here forbids using translucent colors. */
+  /* LT Box Shadow */
+  --box-shadow-default: 0 1px 2px 0 rgba(34, 54, 73, 0.3);
+  --box-shadow-hover: 0 0 0 1px var(--color-color-shadow, rgba(79, 79, 79, 0.3)), 0 2px 8px 0 rgba(0, 0, 0, 0.3);
 }
 
 /* JUNO THEME: DARK MODE */
@@ -763,6 +775,9 @@
   --color-textinput-autofill-label: var(--color-black);
   /* DT Select */
   --color-select-bg: var(--color-background-lvl-4);
+  /* DT Card */
+  --color-card-background-default: var(--color-juno-grey-blue-10);
+  --color-card-border-default: var(--color-juno-grey-blue-3);
   /* DT Checkbox */
   --color-checkbox-bg: var(--color-background-lvl-5);
   --color-checkbox-checked-color: var(--color-accent);
@@ -835,6 +850,9 @@
   --color-datetimepicker-range-bg: rgb(
     79 163 176
   ); /* Dark Theme DateTimePicker range background. We need to use a synthetisized solid value based on the current theme's accent color, the way that flatpickr is built here forbids using translucent colors. */
+  /* DT Box Shadow */
+  --box-shadow-default: 0 1px 2px 0 rgba(34, 54, 73, 0.3);
+  --box-shadow-hover: 0 1px 2px 0 rgba(34, 54, 73, 0.3);
 }
 
 /*

package/package.json

@@ -2,7 +2,7 @@
   "name": "@cloudoperators/juno-ui-components",
   "private": false,
   "source": "src/index.js",
-  "version": "5.1.0",
+  "version": "5.2.0",
   "types": "build/index.d.ts",
   "exports": {
     "./index": "./build/index.js",
@@ -69,7 +69,7 @@
     "vite-plugin-svgr": "^4.3.0",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.2.4",
-    "@cloudoperators/juno-config": "0.0.4"
+    "@cloudoperators/juno-config": "0.0.5"
   },
   "peerDependencies": {
     "react": "^19.1.0",