@cloudoperators/juno-ui-components 5.2.0 → 5.4.0
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/components/Button/Button.component.d.ts +1 -1
- package/build/components/Icon/Icon.component.d.ts +1 -1
- package/build/components/Modal/Modal.component.d.ts +1 -1
- package/build/components/Modal/Modal.component.d.ts.map +1 -1
- package/build/components/Modal/Modal.stories.d.ts +4 -2
- package/build/components/Modal/Modal.stories.d.ts.map +1 -1
- package/build/components/PageHeader/PageHeader.component.d.ts +27 -7
- package/build/components/PageHeader/PageHeader.component.d.ts.map +1 -1
- package/build/components/PageHeader/PageHeader.stories.d.ts +3 -3
- package/build/components/PageHeader/PageHeader.stories.d.ts.map +1 -1
- package/build/index.js +58 -39
- package/build/juno-ui-components.css +1 -1
- package/build/theme.css +18 -1
- package/package.json +1 -1
package/build/theme.css
CHANGED
|
@@ -332,6 +332,7 @@
|
|
|
332
332
|
--background-color-theme-message-border-success: var(--color-message-success-border);
|
|
333
333
|
--background-color-theme-modal-backdrop: var(--color-modal-backdrop-bg);
|
|
334
334
|
--background-color-theme-panel: var(--color-panel-bg);
|
|
335
|
+
--background-color-theme-pageheader: var(--color-pageheader-background);
|
|
335
336
|
--background-color-theme-radio: var(--color-radio-bg);
|
|
336
337
|
--background-color-theme-radio-checked: var(--color-radio-checked-bg);
|
|
337
338
|
--background-color-theme-required: var(--color-required-bg);
|
|
@@ -365,6 +366,9 @@
|
|
|
365
366
|
--text-color-theme-textinput-autofill: var(--color-textinput-autofill-text);
|
|
366
367
|
--text-color-theme-textinput-autofill-label: var(--color-textinput-autofill-label);
|
|
367
368
|
--text-color-theme-checkbox-checked: var(--color-checkbox-checked-color);
|
|
369
|
+
--text-color-theme-pageheader-appname-active: var(--color-pageheader-appname-text-active);
|
|
370
|
+
--text-color-theme-pageheader-appname-default: var(--color-pageheader-appname-text-default);
|
|
371
|
+
--text-color-theme-pageheader-appname-hover: var(--color-pageheader-appname-text-hover);
|
|
368
372
|
--text-color-theme-sidenavigation-item-active: var(--color-sidenavigation-item-active);
|
|
369
373
|
|
|
370
374
|
/* Component Border Colors: */
|
|
@@ -392,6 +396,8 @@
|
|
|
392
396
|
|
|
393
397
|
--border-color-theme-panel: var(--color-panel-border);
|
|
394
398
|
|
|
399
|
+
--border-color-theme-pageheader: var(--color-pageheader-border);
|
|
400
|
+
|
|
395
401
|
--border-color-theme-switch-default: var(--color-switch-default-border);
|
|
396
402
|
--border-color-theme-switch-hover: var(--color-switch-hover-border);
|
|
397
403
|
|
|
@@ -613,6 +619,12 @@
|
|
|
613
619
|
--color-codeblock-bar-border: var(--color-background-lvl-4);
|
|
614
620
|
/* LT Panel */
|
|
615
621
|
--color-panel-bg: rgb(252 252 252 / 0.8);
|
|
622
|
+
/* LT PageHeader */
|
|
623
|
+
--color-pageheader-background: var(--color-white);
|
|
624
|
+
--color-pageheader-border: var(--color-juno-grey-light-7);
|
|
625
|
+
--color-pageheader-appname-text-default: var(--color-text-highest);
|
|
626
|
+
--color-pageheader-appname-text-hover: var(--color-text-highest);
|
|
627
|
+
--color-pageheader-appname-text-active: var(--color-text-highest);
|
|
616
628
|
/* LT TabNavigation */
|
|
617
629
|
--color-tabnavigation-top-bg: var(--color-juno-grey-light-5);
|
|
618
630
|
--color-tabnavigation-content-bottom-border: var(--color-background-lvl-4);
|
|
@@ -820,7 +832,12 @@
|
|
|
820
832
|
--color-codeblock-bar-border: var(--color-background-lvl-4);
|
|
821
833
|
/* DT Panel */
|
|
822
834
|
--color-panel-bg: rgb(from var(--color-juno-grey-blue-11) r g b / 0.75);
|
|
823
|
-
|
|
835
|
+
/* DT PageHeader */
|
|
836
|
+
--color-pageheader-background: var(--color-juno-grey-blue-11);
|
|
837
|
+
--color-pageheader-border: var(--color-juno-grey-blue-3);
|
|
838
|
+
--color-pageheader-appname-text-default: var(--color-text-highest);
|
|
839
|
+
--color-pageheader-appname-text-hover: var(--color-text-highest);
|
|
840
|
+
--color-pageheader-appname-text-active: var(--color-text-highest);
|
|
824
841
|
/* DT TabNavigation */
|
|
825
842
|
--color-tabnavigation-top-bg: var(--color-juno-grey-blue-8);
|
|
826
843
|
--color-tabnavigation-content-bottom-border: var(--color-background-lvl-4);
|