@carbon/ibmdotcom-styles 2.10.0-rc.0 → 2.11.0-rc.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/ibmdotcom-styles",
3
3
  "description": "Carbon for IBM.com Styles",
4
- "version": "2.10.0-rc.0",
4
+ "version": "2.11.0-rc.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/ibm-dotcom-styles.min.css",
7
7
  "module": "src/scss",
@@ -30,14 +30,14 @@
30
30
  "upgrade-carbon": "yarn upgrade-interactive @carbon/layout @carbon/styles @carbon/themes @carbon/icons-react --latest --exact"
31
31
  },
32
32
  "dependencies": {
33
- "@carbon/icons-react": "11.41.0",
34
- "@carbon/layout": "11.22.0",
35
- "@carbon/styles": "1.57.0",
36
- "@carbon/type": "11.27.0",
33
+ "@carbon/icons-react": "11.45.0",
34
+ "@carbon/layout": "11.23.1",
35
+ "@carbon/styles": "1.61.0",
36
+ "@carbon/type": "11.28.1",
37
37
  "@ibm/telemetry-js": "^1.5.0"
38
38
  },
39
39
  "devDependencies": {
40
- "@carbon/themes": "11.35.0",
40
+ "@carbon/themes": "11.37.1",
41
41
  "del": "^6.0.0",
42
42
  "gulp": "^4.0.2",
43
43
  "gulp-autoprefixer": "^6.1.0",
@@ -48,5 +48,5 @@
48
48
  "sass": "~1.77.0",
49
49
  "sass-loader": "^13.0.0"
50
50
  },
51
- "gitHead": "f0328af432eeea8778fc673bd3f435a11a529d1b"
51
+ "gitHead": "83739d48d7b0ca7dfef66ccb615787a7dade2ac2"
52
52
  }
@@ -141,10 +141,27 @@ $search-transition-timing: 95ms;
141
141
  }
142
142
 
143
143
  .#{$prefix}--masthead__l1-dropdown {
144
+ position: absolute;
145
+ background-color: $background;
146
+ color: $text-secondary;
147
+ inset-block-start: 100%;
148
+ inset-inline: 0;
149
+
150
+ &.is-open {
151
+ box-shadow: 0 2px 6px 0 $shadow;
152
+ }
153
+
144
154
  &:not(.is-open) {
145
155
  display: none;
146
156
  }
147
157
 
158
+ &:last-child {
159
+ > a,
160
+ > button {
161
+ border-block-end: initial;
162
+ }
163
+ }
164
+
148
165
  // Height of viewport, minus the L0/L1 combo, minus additional space to match L0 megapanels
149
166
  max-block-size: calc(100vh - 98px - #{$spacing-10} - #{$spacing-09});
150
167
  overflow-y: auto;
@@ -343,6 +360,7 @@ $search-transition-timing: 95ms;
343
360
  @include type-style(body-short-01);
344
361
 
345
362
  background-color: $background-brand;
363
+ border-block-end: initial;
346
364
  color: $layer-02;
347
365
 
348
366
  svg {
@@ -109,7 +109,10 @@
109
109
  .#{$prefix}--masthead__megamenu__l0-nav {
110
110
  .#{$prefix}--header__menu-title[aria-expanded='true']
111
111
  + .#{$prefix}--header__menu {
112
- inset-block-start: $l0-nav-height;
112
+ inset-block-start: var(
113
+ --#{$c4d-prefix}-masthead-l0-bottom-edge,
114
+ $l0-nav-height
115
+ );
113
116
  }
114
117
  }
115
118
 
@@ -312,7 +312,7 @@
312
312
  background-color: none;
313
313
  block-size: 100%;
314
314
  inline-size: 100%;
315
- inset-block-start: $spacing-09;
315
+ inset-block-start: 0;
316
316
  inset-inline-start: 0;
317
317
  opacity: 0;
318
318
  transition: opacity $transition-expansion $standard-easing,