@deque/cauldron-styles 6.22.0 → 6.22.1-canary.a3b4b8a5
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/dist/index.css +7 -3
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -123,12 +123,12 @@
|
|
|
123
123
|
--z-index-side-bar: 9;
|
|
124
124
|
--z-index-toast: 8;
|
|
125
125
|
--z-index-toast-action-needed: 24;
|
|
126
|
-
--z-index-listbox: 6;
|
|
127
126
|
/* ensure this is a higher value than the rest (above)! */
|
|
128
127
|
--z-index-top-bar: 25;
|
|
129
|
-
/* ensure
|
|
128
|
+
/* ensure these are 1 higher than the top bar z-index */
|
|
130
129
|
--z-index-skip-container: calc(var(--z-index-top-bar) + 1);
|
|
131
130
|
--z-index-drawer: calc(var(--z-index-top-bar) + 1);
|
|
131
|
+
--z-index-listbox: calc(var(--z-index-top-bar) + 1);
|
|
132
132
|
|
|
133
133
|
/* radio card */
|
|
134
134
|
--radio-card-width: 255px;
|
|
@@ -3546,6 +3546,7 @@ button.TooltipTabstop {
|
|
|
3546
3546
|
--tab-shadow-color: var(--accent-primary);
|
|
3547
3547
|
--tab-inactive-background-color: #fff;
|
|
3548
3548
|
--tab-inactive-text-color: var(--gray-60);
|
|
3549
|
+
--tab-panel-background-color: #fff;
|
|
3549
3550
|
--tab-active-background-color: #fff;
|
|
3550
3551
|
--tab-hover-background-color: var(--gray-20);
|
|
3551
3552
|
--tab-panel-color: var(--gray-80);
|
|
@@ -3558,6 +3559,7 @@ button.TooltipTabstop {
|
|
|
3558
3559
|
.cauldron--theme-dark {
|
|
3559
3560
|
--tabs-border-color: var(--accent-dark);
|
|
3560
3561
|
--tab-shadow-color: var(--accent-info);
|
|
3562
|
+
--tab-panel-background-color: var(--accent-medium);
|
|
3561
3563
|
--tab-inactive-background-color: var(--accent-medium);
|
|
3562
3564
|
--tab-inactive-text-color: var(--accent-light);
|
|
3563
3565
|
--tab-active-background-color: var(--accent-medium);
|
|
@@ -3655,7 +3657,7 @@ button.TooltipTabstop {
|
|
|
3655
3657
|
.TabPanel {
|
|
3656
3658
|
overflow-wrap: break-word;
|
|
3657
3659
|
color: var(--tab-panel-color);
|
|
3658
|
-
background-color: var(--tab-
|
|
3660
|
+
background-color: var(--tab-panel-background-color);
|
|
3659
3661
|
}
|
|
3660
3662
|
|
|
3661
3663
|
.TabPanel > * {
|
|
@@ -6046,8 +6048,10 @@ button.Accordion__trigger {
|
|
|
6046
6048
|
width: var(--action-menu-width);
|
|
6047
6049
|
min-width: var(--action-menu-min-width, 10rem);
|
|
6048
6050
|
max-height: var(--action-menu-max-height, 80vh);
|
|
6051
|
+
max-width: var(--action-menu-max-width, 31rem);
|
|
6049
6052
|
box-shadow: var(--drop-shadow-overlay);
|
|
6050
6053
|
overflow-y: auto;
|
|
6054
|
+
z-index: var(--z-index-listbox);
|
|
6051
6055
|
}
|
|
6052
6056
|
|
|
6053
6057
|
:where(.cauldron--theme-dark) .ActionMenu .ActionListItem--danger {
|