@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/css/styles.css +8 -4
- package/css/styles.min.css +1 -1
- package/package.json +2 -2
- package/scss/components/combo-button/_combo-button.scss +1 -1
- package/scss/components/data-table/expandable/_data-table-expandable.scss +1 -1
- package/scss/components/dropdown/_dropdown.scss +4 -4
- package/scss/components/file-uploader/_file-uploader.scss +2 -2
- package/scss/components/list-box/_list-box.scss +1 -1
- package/scss/components/menu-button/_menu-button.scss +5 -1
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.
|
|
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": "
|
|
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:
|
|
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 `.
|
|
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
|
|
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 `.
|
|
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 .
|
|
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 .
|
|
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 (`.
|
|
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 `.
|
|
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 `.
|
|
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:
|
|
22
|
+
min-inline-size: 12rem;
|
|
19
23
|
}
|
|
20
24
|
|
|
21
25
|
.#{$prefix}--menu-button__trigger svg {
|