@cloudoperators/juno-ui-components 5.7.1 → 5.8.1

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 (13) hide show
  1. package/build/components/ComboBox/ComboBox.component.d.ts.map +1 -1
  2. package/build/components/SortButton/SortButton.component.d.ts +12 -3
  3. package/build/components/SortButton/SortButton.component.d.ts.map +1 -1
  4. package/build/components/SortButton/SortButton.stories.d.ts +1 -0
  5. package/build/components/SortButton/SortButton.stories.d.ts.map +1 -1
  6. package/build/components/ToggleButton/ToggleButton.component.d.ts +1 -1
  7. package/build/components/ToggleButton/ToggleButton.component.d.ts.map +1 -1
  8. package/build/index.d.ts +4 -0
  9. package/build/index.d.ts.map +1 -1
  10. package/build/index.js +7731 -7873
  11. package/build/juno-ui-components.css +1 -1
  12. package/build/theme.css +43 -0
  13. package/package.json +16 -16
package/build/theme.css CHANGED
@@ -277,6 +277,23 @@
277
277
  --background-color-theme-badge-default: var(--color-badge-default-bg);
278
278
  --background-color-theme-box-default: var(--color-box-bg);
279
279
 
280
+ /* Side Navigation Background Colors */
281
+ --background-color-theme-sidenav: var(--color-sidenav-background);
282
+ --background-color-theme-sidenav-list: var(--color-sidenav-list-background);
283
+
284
+ /* Side Navigation */ /* Item Background Colors */
285
+ --background-color-theme-sidenav-item-default: var(--color-sidenav-item-background-default);
286
+ --background-color-theme-sidenav-item-hover: var(--color-sidenav-item-background-hover);
287
+ --background-color-theme-sidenav-item-active: var(--color-sidenav-item-background-active);
288
+ --background-color-theme-sidenav-item-selected: var(--color-sidenav-item-background-selected);
289
+
290
+ /* Side Navigation */ /* Item Text Colors */
291
+ --text-color-theme-sidenav-item-default: var(--color-sidenav-item-text-default);
292
+ --text-color-theme-sidenav-item-hover: var(--color-sidenav-item-text-hover);
293
+ --text-color-theme-sidenav-item-active: var(--color-sidenav-item-text-active);
294
+ --text-color-theme-sidenav-item-selected: var(--color-sidenav-item-text-selected);
295
+ --border-color-theme-sidenav-item-selected: var(--color-sidenav-item-border-selected);
296
+
280
297
  /* Button */
281
298
  /* Button Background */
282
299
  --background-color-theme-button-default: var(--color-button-default-bg);
@@ -416,6 +433,8 @@
416
433
 
417
434
  --border-color-theme-textinput-default: var(--color-textinput-default-border);
418
435
 
436
+ --border-color-theme-sidenav: var(--color-sidenav-border);
437
+
419
438
  --padding-xs: 0.25rem;
420
439
  --padding-sm: 0.5rem;
421
440
  --padding-md: 1rem;
@@ -666,6 +685,18 @@
666
685
  /* LT SideNavigation */
667
686
  --color-sidenavigation-item-active: var(--color-black);
668
687
  --color-sidenavigation-item-active-bg: var(--color-background-lvl-0);
688
+ --color-sidenav-background: var(--color-white);
689
+ --color-sidenav-border: var(--color-juno-grey-light-7);
690
+ --color-sidenav-list-background: var(--color-white);
691
+ --color-sidenav-item-background-default: var(--color-white);
692
+ --color-sidenav-item-background-hover: var(--color-juno-grey-light-1);
693
+ --color-sidenav-item-background-active: var(--color-juno-grey-light-7);
694
+ --color-sidenav-item-background-selected: var(--color-juno-grey-light-7);
695
+ --color-sidenav-item-text-default: var(--color-juno-text-high);
696
+ --color-sidenav-item-text-hover: var(--color-juno-text-high);
697
+ --color-sidenav-item-text-active: var(--color-juno-text-high);
698
+ --color-sidenav-item-text-selected: var(--color-juno-text-high);
699
+ --color-sidenav-item-border-selected: var(--color-theme-accent);
669
700
  /* LT TopNavigation */
670
701
  --color-topnavigation-item-active: var(--color-black);
671
702
  --color-topnavigation-item-bg: var(--color-sap-grey-1);
@@ -893,6 +924,18 @@
893
924
  /* DT SideNavigation */
894
925
  --color-sidenavigation-item-active: var(--color-white);
895
926
  --color-sidenavigation-item-active-bg: var(--color-background-lvl-0);
927
+ --color-sidenav-background: var(--color-juno-grey-blue-10);
928
+ --color-sidenav-border: var(--color-juno-grey-blue-3);
929
+ --color-sidenav-list-background: var(--color-juno-grey-blue-10);
930
+ --color-sidenav-item-background-default: var(--color-juno-grey-blue-10);
931
+ --color-sidenav-item-background-hover: var(--color-juno-grey-blue-5);
932
+ --color-sidenav-item-background-active: var(--color-juno-grey-blue-7);
933
+ --color-sidenav-item-background-selected: var(--color-juno-grey-blue-7);
934
+ --color-sidenav-item-text-default: var(--color-juno-text-high);
935
+ --color-sidenav-item-text-hover: var(--color-juno-text-high);
936
+ --color-sidenav-item-text-active: var(--color-juno-text-high);
937
+ --color-sidenav-item-text-selected: var(--color-juno-text-high);
938
+ --color-sidenav-item-border-selected: var(--color-theme-accent);
896
939
  /* DT TopNavigation */
897
940
  --color-topnavigation-item-active: var(--color-white);
898
941
  --color-topnavigation-item-bg: var(--color-juno-grey-blue-7);
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@cloudoperators/juno-ui-components",
3
3
  "private": false,
4
4
  "source": "src/index.js",
5
- "version": "5.7.1",
5
+ "version": "5.8.1",
6
6
  "types": "build/index.d.ts",
7
7
  "exports": {
8
8
  "./index": "./build/index.js",
@@ -28,31 +28,31 @@
28
28
  "devDependencies": {
29
29
  "@babel/preset-env": "7.28.3",
30
30
  "@babel/preset-react": "7.27.1",
31
- "@floating-ui/react": "0.27.13",
32
- "@headlessui/react": "2.2.4",
31
+ "@floating-ui/react": "0.27.16",
32
+ "@headlessui/react": "2.2.9",
33
33
  "@material-design-icons/svg": "0.14.15",
34
- "@storybook/addon-docs": "9.1.5",
35
- "@storybook/addon-links": "9.1.5",
36
- "@storybook/react-vite": "9.1.5",
37
- "@tailwindcss/vite": "4.1.13",
34
+ "@storybook/addon-docs": "9.1.13",
35
+ "@storybook/addon-links": "9.1.13",
36
+ "@storybook/react-vite": "9.1.13",
37
+ "@tailwindcss/vite": "4.1.15",
38
38
  "@testing-library/jest-dom": "6.8.0",
39
39
  "@testing-library/react": "16.3.0",
40
40
  "@testing-library/user-event": "14.6.1",
41
- "@types/react": "19.1.8",
42
- "@types/react-dom": "19.1.6",
41
+ "@types/react": "19.1.17",
42
+ "@types/react-dom": "19.1.11",
43
43
  "@vitejs/plugin-react": "4.7.0",
44
- "eslint-plugin-storybook": "9.1.5",
44
+ "eslint-plugin-storybook": "9.1.13",
45
45
  "flatpickr": "4.6.13",
46
46
  "focus-trap-react": "11.0.4",
47
47
  "jsdom": "26.1.0",
48
48
  "node-sass-glob-importer": "3.0.2",
49
- "react": "19.1.0",
50
- "react-dom": "19.1.0",
49
+ "react": "19.1.1",
50
+ "react-dom": "19.1.1",
51
51
  "react-tabs": "6.1.0",
52
- "storybook": "9.1.5",
53
- "tailwindcss": "4.1.13",
54
- "typescript": "5.9.2",
55
- "vite": "7.1.7",
52
+ "storybook": "9.1.13",
53
+ "tailwindcss": "4.1.15",
54
+ "typescript": "5.9.3",
55
+ "vite": "7.1.11",
56
56
  "vite-plugin-dts": "4.5.4",
57
57
  "vite-plugin-glob": "0.3.2",
58
58
  "vite-plugin-svgr": "4.5.0",