@patternfly/patternfly 6.0.0-alpha.152 → 6.0.0-alpha.154

package/patternfly.css

@@ -6487,10 +6487,10 @@ button) {
 }
 
 :where(:root, .pf-v6-c-action-list) {
-  --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--2xl);
-  --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--md);
-  --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
+  --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
+  --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
+  --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
 }
 
 .pf-v6-c-action-list,
@@ -6723,7 +6723,7 @@ button) {
   margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
 }
 
-.pf-v6-c-alert-group {
+:where(:root, .pf-v6-c-alert-group) {
   --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--md);
   --pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
   --pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
@@ -6746,6 +6746,7 @@ button) {
   --pf-v6-c-alert-group__overflow-button--active--Color: var(--pf-t--global--text--color--link--hover);
   --pf-v6-c-alert-group__overflow-button--active--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
 }
+
 .pf-v6-c-alert-group > * + * {
   margin-block-start: var(--pf-v6-c-alert-group__item--MarginBlockStart);
 }
@@ -7328,9 +7329,12 @@ button) {
   cursor: not-allowed;
 }
 
-.pf-v6-c-brand {
+:where(:root, .pf-v6-c-brand) {
   --pf-v6-c-brand--Width: auto;
   --pf-v6-c-brand--Height: auto;
+}
+
+.pf-v6-c-brand {
   width: var(--pf-v6-c-brand--Width--base);
   height: var(--pf-v6-c-brand--Height--base);
   --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
@@ -8119,7 +8123,7 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
 }
 
-:where(.pf-v6-c-calendar-month) {
+.pf-v6-c-calendar-month {
   display: inline-flex;
   flex-direction: column;
   padding-block-start: var(--pf-v6-c-calendar-month--PaddingBlockStart);
@@ -14563,7 +14567,7 @@ input.pf-v6-c-label__content {
   display: none;
 }
 
-.pf-v6-c-list {
+:where(:root, .pf-v6-c-list) {
   --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
   --pf-v6-c-list--nested--MarginBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-list--nested--MarginInlineStart: var(--pf-t--global--spacer--sm);
@@ -14581,6 +14585,9 @@ input.pf-v6-c-label__content {
   --pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
   --pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
+}
+
+.pf-v6-c-list {
   padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
 }
 .pf-v6-c-list ol,
@@ -14638,7 +14645,7 @@ ul.pf-v6-c-list {
   --pf-v6-c-list--m-bordered--li--BorderBlockEndWidth: 0;
 }
 
-.pf-v6-c-log-viewer {
+:where(:root, .pf-v6-c-log-viewer) {
   --pf-v6-c-log-viewer--Height: 100%;
   --pf-v6-c-log-viewer--MaxHeight: auto;
   --pf-v6-c-log-viewer--m-line-numbers__index--Display: inline;
@@ -14685,6 +14692,9 @@ ul.pf-v6-c-list {
   --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--spacer: 0;
   --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-t--global--spacer--sm);
   --pf-v6-c-log-viewer--m-dark__main--BorderWidth: 0;
+}
+
+.pf-v6-c-log-viewer {
   display: flex;
   flex-direction: column;
   height: var(--pf-v6-c-log-viewer--Height);
@@ -18766,7 +18776,7 @@ ul.pf-v6-c-list {
   box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
 }
 
-.pf-v6-c-popover {
+:where(:root, .pf-v6-c-popover) {
   --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
   --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
   --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
@@ -18815,6 +18825,9 @@ ul.pf-v6-c-list {
   --pf-v6-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
   --pf-v6-c-popover__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
+}
+
+.pf-v6-c-popover {
   position: relative;
   min-width: var(--pf-v6-c-popover--MinWidth);
   max-width: var(--pf-v6-c-popover--MaxWidth);
@@ -20908,7 +20921,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
 }
 
-.pf-v6-c-table[class*=pf-m-grid] {
+:where(:root, .pf-v6-c-table[class*=pf-m-grid]) {
   --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
   --pf-v6-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);