@carbon/styles 1.83.0-rc.0 → 1.83.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/css/styles.css CHANGED
@@ -21646,6 +21646,7 @@ optgroup.cds--select-optgroup:disabled,
21646
21646
 
21647
21647
  .cds--page-header {
21648
21648
  background-color: var(--cds-layer-01, #f4f4f4);
21649
+ border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
21649
21650
  }
21650
21651
 
21651
21652
  .cds--page-header__breadcrumb-bar {
@@ -21798,16 +21799,30 @@ optgroup.cds--select-optgroup:disabled,
21798
21799
  block-size: 100%;
21799
21800
  }
21800
21801
 
21801
- .cds--page-header__tablist-wrapper {
21802
- border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
21802
+ .cds--page-header__tab-bar {
21803
+ margin-inline-start: -1rem;
21803
21804
  }
21804
21805
 
21805
- .cds--page-header__tab-bar .cds--tabs {
21806
- margin-inline-start: -1rem;
21806
+ .cds--page-header__tab-bar--tablist {
21807
+ display: grid;
21808
+ grid-gap: 4rem;
21809
+ grid-template-columns: auto minmax(0, 1fr);
21807
21810
  }
21808
21811
 
21809
- .cds--tab-content {
21810
- background: var(--cds-background, #ffffff);
21812
+ .cds--page-header__tags {
21813
+ display: flex;
21814
+ align-items: center;
21815
+ justify-content: right;
21816
+ }
21817
+
21818
+ .cds--page-header__tags-popover-list {
21819
+ display: flex;
21820
+ flex-direction: column;
21821
+ padding: 1rem;
21822
+ }
21823
+
21824
+ .cds--page-header__tag-item {
21825
+ flex-shrink: 0;
21811
21826
  }
21812
21827
 
21813
21828
  .cds--data-table-container + .cds--pagination {