@carbon/ibmdotcom-styles 2.49.0 → 2.50.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.
|
|
4
|
+
"version": "2.50.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/ibm-dotcom-styles.min.css",
|
|
7
7
|
"module": "src/scss",
|
|
@@ -31,13 +31,13 @@
|
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"@carbon/icons-react": "11.80.0",
|
|
34
|
-
"@carbon/layout": "11.
|
|
34
|
+
"@carbon/layout": "11.52.0",
|
|
35
35
|
"@carbon/styles": "1.65.0",
|
|
36
36
|
"@carbon/type": "11.56.0",
|
|
37
37
|
"@ibm/telemetry-js": "^1.5.0"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@carbon/themes": "11.
|
|
40
|
+
"@carbon/themes": "11.73.0",
|
|
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.99.0",
|
|
49
49
|
"sass-loader": "^13.0.0"
|
|
50
50
|
},
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "2ce0fe3842f309c37761aa7c28dd41721d6974ac"
|
|
52
52
|
}
|
|
@@ -22,11 +22,11 @@ $aspect-ratios: ((16, 9), (9, 16), (2, 1), (1, 2), (4, 3), (3, 4), (1, 1));
|
|
|
22
22
|
@mixin video-player {
|
|
23
23
|
// Make the video player container a block for purposes of the intersection
|
|
24
24
|
// observer.
|
|
25
|
-
:host(#{$c4d-prefix}-video-player-container) {
|
|
25
|
+
:host(#{$c4d-prefix}-video-player-container-v7) {
|
|
26
26
|
display: block;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
:host(#{$c4d-prefix}-video-player),
|
|
29
|
+
:host(#{$c4d-prefix}-video-player-v7),
|
|
30
30
|
.#{$c4d-prefix}--video-player {
|
|
31
31
|
color: var(--#{$c4d-prefix}--video-caption--color, $text-secondary);
|
|
32
32
|
|
|
@@ -40,7 +40,7 @@ $aspect-ratios: ((16, 9), (9, 16), (2, 1), (1, 2), (4, 3), (3, 4), (1, 1));
|
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
-
:host(#{$c4d-prefix}-video-player[background-mode]),
|
|
43
|
+
:host(#{$c4d-prefix}-video-player-v7[background-mode]),
|
|
44
44
|
.#{$c4d-prefix}--video-player[background-mode] {
|
|
45
45
|
.#{$c4d-prefix}--video-player__video-container {
|
|
46
46
|
block-size: 100%;
|
|
@@ -84,7 +84,7 @@ $aspect-ratios: ((16, 9), (9, 16), (2, 1), (1, 2), (4, 3), (3, 4), (1, 1));
|
|
|
84
84
|
outline: $spacing-01 solid $focus;
|
|
85
85
|
}
|
|
86
86
|
|
|
87
|
-
:host(#{$c4d-prefix}-video-player) #{$c4d-prefix}-image,
|
|
87
|
+
:host(#{$c4d-prefix}-video-player-v7) #{$c4d-prefix}-image,
|
|
88
88
|
.#{$c4d-prefix}--video-player .#{$c4d-prefix}--image {
|
|
89
89
|
position: relative;
|
|
90
90
|
block-size: 100%;
|
|
@@ -208,7 +208,7 @@ $aspect-ratios: ((16, 9), (9, 16), (2, 1), (1, 2), (4, 3), (3, 4), (1, 1));
|
|
|
208
208
|
}
|
|
209
209
|
}
|
|
210
210
|
|
|
211
|
-
:host(#{$c4d-prefix}-video-player)
|
|
211
|
+
:host(#{$c4d-prefix}-video-player-v7)
|
|
212
212
|
.#{$c4d-prefix}--video-player__image-overlay,
|
|
213
213
|
.#{$c4d-prefix}--video-player .#{$c4d-prefix}--video-player__image-overlay {
|
|
214
214
|
&:active {
|
|
@@ -263,7 +263,7 @@ $aspect-ratios: ((16, 9), (9, 16), (2, 1), (1, 2), (4, 3), (3, 4), (1, 1));
|
|
|
263
263
|
|
|
264
264
|
// Prevent any pointer events from getting through to the slotted player div
|
|
265
265
|
// when in intersection mode.
|
|
266
|
-
:host(#{$c4d-prefix}-video-player[intersection-mode]) {
|
|
266
|
+
:host(#{$c4d-prefix}-video-player-v7[intersection-mode]) {
|
|
267
267
|
::slotted(.#{$c4d-prefix}--video-player__video) {
|
|
268
268
|
pointer-events: none;
|
|
269
269
|
}
|