@carbon/styles 1.56.0 → 1.57.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 +30 -41
- package/css/styles.min.css +1 -1
- package/package.json +10 -10
- package/scss/components/modal/_modal.scss +1 -1
- package/scss/components/multiselect/_multiselect.scss +7 -1
- package/scss/components/slider/_slider.scss +5 -2
- package/scss/components/structured-list/_structured-list.scss +7 -0
- package/telemetry.yml +3 -0
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.57.0-rc.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -40,15 +40,15 @@
|
|
|
40
40
|
}
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@carbon/colors": "^11.
|
|
44
|
-
"@carbon/feature-flags": "^0.
|
|
45
|
-
"@carbon/grid": "^11.
|
|
46
|
-
"@carbon/layout": "^11.
|
|
47
|
-
"@carbon/motion": "^11.
|
|
48
|
-
"@carbon/themes": "^11.
|
|
49
|
-
"@carbon/type": "^11.
|
|
43
|
+
"@carbon/colors": "^11.22.0-rc.0",
|
|
44
|
+
"@carbon/feature-flags": "^0.20.0-rc.0",
|
|
45
|
+
"@carbon/grid": "^11.23.0-rc.0",
|
|
46
|
+
"@carbon/layout": "^11.22.0-rc.0",
|
|
47
|
+
"@carbon/motion": "^11.18.0-rc.0",
|
|
48
|
+
"@carbon/themes": "^11.35.0-rc.0",
|
|
49
|
+
"@carbon/type": "^11.27.0-rc.0",
|
|
50
50
|
"@ibm/plex": "6.0.0-next.6",
|
|
51
|
-
"@ibm/telemetry-js": "^1.
|
|
51
|
+
"@ibm/telemetry-js": "^1.5.0"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"@carbon/test-utils": "^10.30.0",
|
|
@@ -68,5 +68,5 @@
|
|
|
68
68
|
"scss/**/*.css",
|
|
69
69
|
"css/**/*.css"
|
|
70
70
|
],
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "401633ab2d5fdeaeb89f66bb9040cc1de008599d"
|
|
72
72
|
}
|
|
@@ -89,7 +89,13 @@
|
|
|
89
89
|
|
|
90
90
|
.#{$prefix}--multi-select--filterable--input-focused,
|
|
91
91
|
.#{$prefix}--multi-select
|
|
92
|
-
.#{$prefix}--list-box__field--wrapper--input-focused
|
|
92
|
+
.#{$prefix}--list-box__field--wrapper--input-focused:has(
|
|
93
|
+
button[aria-expanded='false']
|
|
94
|
+
),
|
|
95
|
+
.#{$prefix}--multi-select.#{$prefix}--multi-select--selected
|
|
96
|
+
.#{$prefix}--list-box__field--wrapper--input-focused:has(
|
|
97
|
+
button[aria-expanded='true']
|
|
98
|
+
) {
|
|
93
99
|
@include focus-outline('outline');
|
|
94
100
|
}
|
|
95
101
|
|
|
@@ -121,7 +121,6 @@
|
|
|
121
121
|
}
|
|
122
122
|
|
|
123
123
|
> .#{$prefix}--popover > .#{$prefix}--popover-caret {
|
|
124
|
-
inset-inline-end: 0;
|
|
125
124
|
inset-inline-start: revert;
|
|
126
125
|
transform: translate(
|
|
127
126
|
50%,
|
|
@@ -159,7 +158,6 @@
|
|
|
159
158
|
}
|
|
160
159
|
|
|
161
160
|
> .#{$prefix}--popover > .#{$prefix}--popover-caret {
|
|
162
|
-
inset-inline-start: 0;
|
|
163
161
|
transform: translate(
|
|
164
162
|
-50%,
|
|
165
163
|
calc(-1 * custom-property.get-var('popover-offset', 0rem))
|
|
@@ -477,6 +475,11 @@
|
|
|
477
475
|
}
|
|
478
476
|
}
|
|
479
477
|
|
|
478
|
+
// With hidden input
|
|
479
|
+
.#{$prefix}--popover-container.#{$prefix}--slider__thumb-wrapper {
|
|
480
|
+
position: absolute;
|
|
481
|
+
}
|
|
482
|
+
|
|
480
483
|
// Windows HCM fix
|
|
481
484
|
/* stylelint-disable */
|
|
482
485
|
.#{$prefix}--slider__thumb {
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
@use '../../motion';
|
|
13
13
|
@use '../../theme' as *;
|
|
14
14
|
@use '../../type' as *;
|
|
15
|
+
@use '../../spacing' as *;
|
|
15
16
|
@use '../../utilities/focus-outline' as *;
|
|
16
17
|
@use '../../utilities/skeleton' as *;
|
|
17
18
|
@use '../../utilities/high-contrast-mode' as *;
|
|
@@ -186,6 +187,7 @@
|
|
|
186
187
|
|
|
187
188
|
.#{$prefix}--structured-list-svg {
|
|
188
189
|
display: inline-block;
|
|
190
|
+
margin-block-start: $spacing-01;
|
|
189
191
|
transition: all motion.$duration-fast-02 motion.motion(standard, productive);
|
|
190
192
|
vertical-align: top;
|
|
191
193
|
}
|
|
@@ -261,4 +263,9 @@
|
|
|
261
263
|
.#{$prefix}--structured-list-svg {
|
|
262
264
|
@include high-contrast-mode('icon-fill');
|
|
263
265
|
}
|
|
266
|
+
|
|
267
|
+
.#{$prefix}--structured-list__icon {
|
|
268
|
+
margin-block-start: $spacing-01;
|
|
269
|
+
vertical-align: top;
|
|
270
|
+
}
|
|
264
271
|
}
|