@cloudoperators/juno-ui-components 5.8.0 → 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.
- package/build/index.js +666 -666
- package/build/juno-ui-components.css +1 -1
- package/build/theme.css +43 -0
- package/package.json +1 -1
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);
|