@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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/styles",
3
3
  "description": "Styles for the Carbon Design System",
4
- "version": "1.83.0-rc.0",
4
+ "version": "1.83.0",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
7
7
  "type": "git",
@@ -40,13 +40,13 @@
40
40
  }
41
41
  },
42
42
  "dependencies": {
43
- "@carbon/colors": "^11.34.0-rc.0",
44
- "@carbon/feature-flags": "^0.27.0-rc.0",
45
- "@carbon/grid": "^11.37.0-rc.0",
46
- "@carbon/layout": "^11.35.0-rc.0",
47
- "@carbon/motion": "^11.29.0-rc.0",
48
- "@carbon/themes": "^11.54.0-rc.0",
49
- "@carbon/type": "^11.41.0-rc.0",
43
+ "@carbon/colors": "^11.34.0",
44
+ "@carbon/feature-flags": "^0.27.0",
45
+ "@carbon/grid": "^11.37.0",
46
+ "@carbon/layout": "^11.35.0",
47
+ "@carbon/motion": "^11.29.0",
48
+ "@carbon/themes": "^11.54.0",
49
+ "@carbon/type": "^11.41.0",
50
50
  "@ibm/plex": "6.0.0-next.6",
51
51
  "@ibm/plex-mono": "0.0.3-alpha.0",
52
52
  "@ibm/plex-sans": "0.0.3-alpha.0",
@@ -75,5 +75,5 @@
75
75
  "scss/**/*.css",
76
76
  "css/**/*.css"
77
77
  ],
78
- "gitHead": "fcae2645f1b5a1a01b5629926df471ec1945d1e6"
78
+ "gitHead": "f6debacbfe06fa5c31f70809e15762dc30096d70"
79
79
  }
@@ -19,6 +19,7 @@
19
19
  @mixin page-header {
20
20
  .#{$prefix}--page-header {
21
21
  background-color: $layer-01;
22
+ border-block-end: 1px solid $border-subtle-01;
22
23
  }
23
24
 
24
25
  .#{$prefix}--page-header__breadcrumb-bar {
@@ -177,15 +178,29 @@
177
178
  block-size: 100%;
178
179
  }
179
180
 
180
- .#{$prefix}--page-header__tablist-wrapper {
181
- border-block-end: 1px solid $border-subtle-01;
181
+ .#{$prefix}--page-header__tab-bar {
182
+ margin-inline-start: -$spacing-05;
182
183
  }
183
184
 
184
- .#{$prefix}--page-header__tab-bar .#{$prefix}--tabs {
185
- margin-inline-start: -$spacing-05;
185
+ .#{$prefix}--page-header__tab-bar--tablist {
186
+ display: grid;
187
+ grid-gap: $spacing-10;
188
+ grid-template-columns: auto minmax(0, 1fr);
189
+ }
190
+
191
+ .#{$prefix}--page-header__tags {
192
+ display: flex;
193
+ align-items: center;
194
+ justify-content: right;
195
+ }
196
+
197
+ .#{$prefix}--page-header__tags-popover-list {
198
+ display: flex;
199
+ flex-direction: column;
200
+ padding: $spacing-05;
186
201
  }
187
202
 
188
- .#{$prefix}--tab-content {
189
- background: $background;
203
+ .#{$prefix}--page-header__tag-item {
204
+ flex-shrink: 0;
190
205
  }
191
206
  }