@carbon/styles 1.43.0-rc.0 → 1.44.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/styles",
3
3
  "description": "Styles for the Carbon Design System",
4
- "version": "1.43.0-rc.0",
4
+ "version": "1.44.0-rc.0",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
7
7
  "type": "git",
@@ -65,5 +65,5 @@
65
65
  "scss/**/*.css",
66
66
  "css/**/*.css"
67
67
  ],
68
- "gitHead": "dc9f4b277a5b45f97d37cd58ecdb1e919000f64b"
68
+ "gitHead": "c9e8c54239275eb4451b25f7f11c4b8bf40ddd43"
69
69
  }
@@ -29,7 +29,7 @@
29
29
  @each $size, $trigger in $triggerSizes {
30
30
  .#{$prefix}--combo-button__container--#{$size}
31
31
  .#{$prefix}--combo-button__primary-action {
32
- min-inline-size: 10rem - convert.to-rem(1px) - $trigger;
32
+ min-inline-size: 12rem - convert.to-rem(1px) - $trigger;
33
33
  }
34
34
  }
35
35
 
@@ -215,7 +215,7 @@
215
215
  align-items: center;
216
216
  justify-content: center;
217
217
  padding: 0 $spacing-03;
218
- // Account for the border in `.bx--table-expand`
218
+ // Account for the border in `.cds--table-expand`
219
219
  block-size: calc(100% + 1px);
220
220
  inline-size: 100%;
221
221
  vertical-align: inherit;
@@ -155,7 +155,7 @@
155
155
 
156
156
  button.#{$prefix}--dropdown-text {
157
157
  border: none;
158
- // button-reset mixin contradicts with bx--dropdown-text styles
158
+ // button-reset mixin contradicts with cds--dropdown-text styles
159
159
  background: none;
160
160
  color: $text-primary;
161
161
  inline-size: 100%;
@@ -171,7 +171,7 @@
171
171
 
172
172
  display: block;
173
173
  overflow: hidden;
174
- // Account for the border in `.bx--dropdown`
174
+ // Account for the border in `.cds--dropdown`
175
175
  block-size: calc(100% + 1px);
176
176
  // 2rem + SVG width
177
177
  padding-inline-end: convert.to-rem(42px);
@@ -284,13 +284,13 @@
284
284
  // We don't want to apply focus styles via focus selector when using the aria-activedescendant structure
285
285
  .#{$prefix}--dropdown-list[aria-activedescendant]
286
286
  .#{$prefix}--dropdown-link:focus {
287
- // Copied from .bx--dropdown-link styles
287
+ // Copied from .cds--dropdown-link styles
288
288
  padding: convert.to-rem(11px) 0;
289
289
  margin: 0 $spacing-05;
290
290
  outline: none;
291
291
  }
292
292
 
293
- // Need added weight for item that is :focused and .bx--dropdown--focused
293
+ // Need added weight for item that is :focused and .cds--dropdown--focused
294
294
  .#{$prefix}--dropdown-list[aria-activedescendant]
295
295
  .#{$prefix}--dropdown--focused:focus {
296
296
  // copied from default focus styles
@@ -53,7 +53,7 @@
53
53
  }
54
54
 
55
55
  // This class is of old markup with "select file" button
56
- // New code should use link-style "select file" UI (`.bx--file-browse-btn`)
56
+ // New code should use link-style "select file" UI (`.cds--file-browse-btn`)
57
57
  // TODO: deprecate this block
58
58
  .#{$prefix}--file-btn {
59
59
  display: inline-flex;
@@ -160,7 +160,7 @@
160
160
  }
161
161
 
162
162
  .#{$prefix}--inline-loading__animation .#{$prefix}--loading {
163
- // Vanilla markup has `.bx--inline-loading__animation` which is used for `margin-right` adjustment
163
+ // Vanilla markup has `.cds--inline-loading__animation` which is used for `margin-right` adjustment
164
164
  margin-inline-end: 0;
165
165
  }
166
166
 
@@ -308,7 +308,7 @@ $list-box-menu-width: convert.to-rem(300px);
308
308
  display: inline-flex;
309
309
  overflow: hidden;
310
310
  align-items: center;
311
- // Account for the border in `.bx--list-box`
311
+ // Account for the border in `.cds--list-box`
312
312
  block-size: calc(100% + 1px);
313
313
  cursor: pointer;
314
314
  outline: none;
@@ -14,8 +14,12 @@
14
14
  /// @access public
15
15
  /// @group menu-button
16
16
  @mixin menu-button {
17
+ .#{$prefix}--menu-button__container {
18
+ display: inline-block;
19
+ }
20
+
17
21
  .#{$prefix}--menu-button__trigger:not(.#{$prefix}--btn--ghost) {
18
- min-inline-size: 10rem;
22
+ min-inline-size: 12rem;
19
23
  }
20
24
 
21
25
  .#{$prefix}--menu-button__trigger svg {