@cloudoperators/juno-ui-components 6.2.0 → 6.3.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 (26) hide show
  1. package/build/components/Button/Button.component.d.ts +1 -1
  2. package/build/components/Button/Button.component.d.ts.map +1 -1
  3. package/build/components/Button/index.d.ts +1 -1
  4. package/build/components/Button/index.d.ts.map +1 -1
  5. package/build/components/DateTimePicker/DateTimePicker.component.d.ts.map +1 -1
  6. package/build/components/Divider/Divider.component.d.ts +20 -0
  7. package/build/components/Divider/Divider.component.d.ts.map +1 -0
  8. package/build/components/Divider/Divider.stories.d.ts +8 -0
  9. package/build/components/Divider/Divider.stories.d.ts.map +1 -0
  10. package/build/components/Divider/Divider.test.d.ts +2 -0
  11. package/build/components/Divider/Divider.test.d.ts.map +1 -0
  12. package/build/components/Message/Message.component.d.ts.map +1 -1
  13. package/build/components/Modal/Modal.component.d.ts +7 -1
  14. package/build/components/Modal/Modal.component.d.ts.map +1 -1
  15. package/build/components/Modal/Modal.stories.d.ts +4 -2
  16. package/build/components/Modal/Modal.stories.d.ts.map +1 -1
  17. package/build/components/ModalFooter/ModalFooter.component.d.ts +7 -1
  18. package/build/components/ModalFooter/ModalFooter.component.d.ts.map +1 -1
  19. package/build/components/ModalFooter/ModalFooter.stories.d.ts.map +1 -1
  20. package/build/components/Select/Select.component.d.ts.map +1 -1
  21. package/build/index.d.ts +2 -0
  22. package/build/index.d.ts.map +1 -1
  23. package/build/index.js +15817 -16858
  24. package/build/juno-ui-components.css +2 -1
  25. package/build/theme.css +25 -18
  26. package/package.json +19 -19
package/build/theme.css CHANGED
@@ -337,6 +337,7 @@
337
337
  --border-theme-button-subdued: 1px solid var(--color-button-subdued-border);
338
338
  --border-theme-button-subdued-hover: var(--color-button-subdued-hover-border);
339
339
  --border-theme-button-subdued-active: var(--color-button-subdued-active-border);
340
+ --border-color-theme-divider: var(--color-divider-border);
340
341
 
341
342
  --background-color-theme-card-default: var(--color-card-background-default);
342
343
 
@@ -376,11 +377,11 @@
376
377
  --background-color-theme-topnavigation-item-active: var(--color-topnavigation-item-active-bg);
377
378
 
378
379
  /* Component Background Images: */
379
- --background-image-theme-message-default: var(--gradient-message-default-bg);
380
- --background-image-theme-message-success: var(--gradient-message-success-bg);
381
- --background-image-theme-message-warning: var(--gradient-message-warning-bg);
382
- --background-image-theme-message-danger: var(--gradient-message-danger-bg);
383
- --background-image-theme-message-error: var(--gradient-message-error-bg);
380
+ --background-color-theme-message-default: var(--color-message-default-bg);
381
+ --background-color-theme-message-success: var(--color-message-success-bg);
382
+ --background-color-theme-message-warning: var(--color-message-warning-bg);
383
+ --background-color-theme-message-danger: var(--color-message-danger-bg);
384
+ --background-color-theme-message-error: var(--color-message-error-bg);
384
385
 
385
386
  /* Component Text Colors: */
386
387
  --text-color-theme-highest: var(--color-text-highest);
@@ -469,7 +470,7 @@
469
470
  --width-grid-col-11: 91.666667%;
470
471
  --width-grid-col-12: 100%;
471
472
 
472
- --breakpoint-3xl: "1856px";
473
+ --breakpoint-3xl: 1856px;
473
474
 
474
475
  --radius-3px: 3px;
475
476
 
@@ -518,7 +519,7 @@
518
519
 
519
520
  /* LT Global */
520
521
  --color-global-bg: var(--color-juno-grey-light-1);
521
-
522
+ --color-border-default: var(--color-juno-grey-light-7);
522
523
  --color-global-text: var(--color-juno-text-default);
523
524
  --color-content-area-bg: var(--color-background-lvl-0);
524
525
  /* LT FOCUS */
@@ -582,6 +583,9 @@
582
583
  --color-button-primary-danger-active-text: var(--color-white);
583
584
  --color-button-primary-danger-active-bg: var(--color-juno-primary-danger-5);
584
585
 
586
+ /* LT Divider */
587
+ --color-divider-border: var(--color-border-default);
588
+
585
589
  /* LT Icon */
586
590
  --color-severity-critical: rgb(165, 11, 11);
587
591
  --color-severity-very-high: rgb(223, 0, 0);
@@ -603,15 +607,15 @@
603
607
 
604
608
  /* LT Message */
605
609
  --color-message-danger-border: var(--color-danger);
606
- --gradient-message-danger-bg: linear-gradient(90deg, rgb(255, 231, 224) 0%, rgb(255, 180, 158) 100%);
610
+ --color-message-danger-bg: rgb(249, 229, 229);
607
611
  --color-message-default-border: var(--color-info);
608
- --gradient-message-default-bg: linear-gradient(90deg, rgb(229, 244, 248) 0%, rgb(46, 168, 196) 100%);
612
+ --color-message-default-bg: rgb(229, 241, 250);
609
613
  --color-message-error-border: var(--color-error);
610
- --gradient-message-error-bg: linear-gradient(90deg, rgb(255, 231, 224) 0%, rgb(255, 180, 158) 100%);
614
+ --color-message-error-bg: rgb(249, 229, 229);
611
615
  --color-message-warning-border: var(--color-warning);
612
- --gradient-message-warning-bg: linear-gradient(90deg, rgb(253, 245, 226) 0%, rgb(255, 231, 147) 100%);
616
+ --color-message-warning-bg: rgb(255, 247, 229);
613
617
  --color-message-success-border: var(--color-success);
614
- --gradient-message-success-bg: linear-gradient(90deg, rgb(230, 247, 233) 0%, rgb(170, 229, 180) 100%);
618
+ --color-message-success-bg: rgb(237, 248, 232);
615
619
 
616
620
  /* LT Introbox */
617
621
  --color-introbox-bg: var(--color-background-lvl-2);
@@ -765,7 +769,7 @@
765
769
 
766
770
  /* DT Global */
767
771
  --color-global-bg: var(--color-juno-grey-blue-10);
768
-
772
+ --color-border-default: var(--color-juno-grey-blue-3);
769
773
  --color-global-text: var(--color-juno-text-default);
770
774
  --color-content-area-bg: var(--color-background-lvl-0);
771
775
 
@@ -832,6 +836,9 @@
832
836
  --color-button-primary-danger-active-text: var(--color-white);
833
837
  --color-button-primary-danger-active-bg: var(--color-juno-primary-danger-5);
834
838
 
839
+ /* DT Divider */
840
+ --color-divider-border: var(--color-border-default);
841
+
835
842
  /* DT Icon */
836
843
  --color-severity-critical: rgb(255, 18, 20);
837
844
  --color-severity-very-high: rgb(255, 68, 16);
@@ -853,15 +860,15 @@
853
860
 
854
861
  /* DT Message */
855
862
  --color-message-danger-border: var(--color-danger);
856
- --gradient-message-danger-bg: linear-gradient(90deg, rgb(57, 39, 38) 0%, rgb(124, 48, 30) 100%);
863
+ --color-message-danger-bg: rgb(49, 27, 26);
857
864
  --color-message-default-border: var(--color-info);
858
- --gradient-message-default-bg: linear-gradient(90deg, rgb(28, 57, 65) 0%, rgb(25, 108, 119) 100%);
865
+ --color-message-default-bg: rgb(14, 48, 57);
859
866
  --color-message-error-border: var(--color-error);
860
- --gradient-message-error-bg: linear-gradient(90deg, rgb(57, 39, 38) 0%, rgb(124, 48, 30) 100%);
867
+ --color-message-error-bg: rgb(49, 27, 26);
861
868
  --color-message-warning-border: var(--color-warning);
862
- --gradient-message-warning-bg: linear-gradient(90deg, rgb(57, 56, 36) 0%, rgb(124, 104, 24) 100%);
869
+ --color-message-warning-bg: rgb(49, 47, 24);
863
870
  --color-message-success-border: var(--color-success);
864
- --gradient-message-success-bg: linear-gradient(90deg, rgb(32, 55, 46) 0%, rgb(39, 102, 57) 100%);
871
+ --color-message-success-bg: rgba(20, 48, 34);
865
872
  /* DT Introbox */
866
873
  --color-introbox-bg: var(--color-background-lvl-2);
867
874
  --color-introbox-border: var(--color-accent);
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": "6.2.0",
5
+ "version": "6.3.1",
6
6
  "types": "build/index.d.ts",
7
7
  "exports": {
8
8
  "./index": "./build/index.js",
@@ -18,43 +18,43 @@
18
18
  "repository": "https://github.com/cloudoperators/juno/tree/main/packages/juno-ui-components",
19
19
  "license": "Apache-2.0",
20
20
  "engines": {
21
- "node": ">=20.0.0",
21
+ "node": ">=20.12.0",
22
22
  "pnpm": ">=8.0.0"
23
23
  },
24
24
  "devDependencies": {
25
- "@babel/preset-env": "7.29.0",
25
+ "@babel/preset-env": "7.29.2",
26
26
  "@babel/preset-react": "7.28.5",
27
27
  "@floating-ui/react": "0.27.19",
28
- "@headlessui/react": "2.2.9",
28
+ "@headlessui/react": "2.2.10",
29
29
  "@material-design-icons/svg": "0.14.15",
30
- "@storybook/addon-docs": "9.1.20",
31
- "@storybook/addon-links": "9.1.20",
32
- "@storybook/react-vite": "9.1.20",
33
- "@tailwindcss/vite": "4.2.1",
30
+ "@storybook/addon-docs": "10.3.5",
31
+ "@storybook/addon-links": "10.3.5",
32
+ "@storybook/react-vite": "10.3.5",
33
+ "@tailwindcss/vite": "4.2.4",
34
34
  "@testing-library/jest-dom": "6.9.1",
35
35
  "@testing-library/react": "16.3.2",
36
36
  "@testing-library/user-event": "14.6.1",
37
37
  "@types/react": "19.2.14",
38
38
  "@types/react-dom": "19.2.3",
39
- "@vitejs/plugin-react": "4.7.0",
40
- "eslint-plugin-storybook": "9.1.20",
39
+ "@vitejs/plugin-react": "6.0.1",
40
+ "eslint-plugin-storybook": "10.3.5",
41
41
  "flatpickr": "4.6.13",
42
42
  "focus-trap-react": "11.0.6",
43
43
  "jsdom": "26.1.0",
44
44
  "node-sass-glob-importer": "3.0.2",
45
- "react": "19.2.4",
46
- "react-dom": "19.2.4",
47
- "react-tabs": "6.1.0",
48
- "storybook": "9.1.20",
49
- "tailwindcss": "4.2.1",
50
- "typescript": "5.9.3",
51
- "vite": "7.3.1",
45
+ "react": "19.2.5",
46
+ "react-dom": "19.2.5",
47
+ "react-tabs": "6.1.1",
48
+ "storybook": "10.3.5",
49
+ "tailwindcss": "4.2.4",
50
+ "typescript": "6.0.3",
51
+ "vite": "8.0.10",
52
52
  "vite-plugin-dts": "4.5.4",
53
53
  "vite-plugin-glob": "0.3.2",
54
54
  "vite-plugin-svgr": "4.5.0",
55
- "vite-tsconfig-paths": "5.1.4",
55
+ "vite-tsconfig-paths": "6.1.1",
56
56
  "vitest": "3.2.4",
57
- "@cloudoperators/juno-config": "0.0.6"
57
+ "@cloudoperators/juno-config": "0.0.7"
58
58
  },
59
59
  "peerDependencies": {
60
60
  "react": "^19.1.0",