@jetbrains/kotlin-web-site-ui 4.8.0-alpha.12 → 4.8.0-alpha.14
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/out/components/cta-block-v2/index.css +1 -7
- package/out/components/header/menu-popup/menu-popup.js +3 -1
- package/out/components/youtube-player/index.css +8 -0
- package/out/components/youtube-player/youtube-player.js +3 -1
- package/out/components/youtube-player/youtube-player.module.pcss.js +1 -0
- package/package.json +1 -1
|
@@ -1,11 +1,5 @@
|
|
|
1
1
|
.ktl-cta-block-module_wrapper_U-RIE {
|
|
2
|
-
background:
|
|
3
|
-
89.53% 145.96% at 0.34% 100.79%,
|
|
4
|
-
#EF4857 0%,
|
|
5
|
-
#DE4970 17.58%,
|
|
6
|
-
#B44DB0 50.31%,
|
|
7
|
-
#7F52FF 97.03%
|
|
8
|
-
);
|
|
2
|
+
background: linear-gradient(90deg, #E54857 0%, #C811E2 50%, #7F52FF 100%);
|
|
9
3
|
|
|
10
4
|
padding: var(--ktl-box-page-m) 0;
|
|
11
5
|
}
|
|
@@ -31,7 +31,9 @@ const MenuPopup = ({
|
|
|
31
31
|
}, [isExpanded, headerRef]);
|
|
32
32
|
const handleClick = useCallback(() => {
|
|
33
33
|
if (navRef.current) {
|
|
34
|
-
isExpanded ? enableBodyScroll(navRef.current) : disableBodyScroll(navRef.current
|
|
34
|
+
isExpanded ? enableBodyScroll(navRef.current) : disableBodyScroll(navRef.current, {
|
|
35
|
+
reserveScrollBarGap: true
|
|
36
|
+
});
|
|
35
37
|
}
|
|
36
38
|
|
|
37
39
|
setExpand(!isExpanded);
|
|
@@ -99,6 +99,14 @@
|
|
|
99
99
|
background: var(--ktl-color-primary-light-theme);
|
|
100
100
|
}
|
|
101
101
|
|
|
102
|
+
.ktl-youtube-player-module_play-button_inversed_ENTdT {
|
|
103
|
+
background: #19191C;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.ktl-youtube-player-module_play-button_inversed_ENTdT svg {
|
|
107
|
+
fill: #ffffff;
|
|
108
|
+
}
|
|
109
|
+
|
|
102
110
|
.ktl-youtube-player-module_hide_w9Dr2 {
|
|
103
111
|
display: none;
|
|
104
112
|
}
|
|
@@ -10,6 +10,7 @@ var YoutubePlayButtonMode;
|
|
|
10
10
|
YoutubePlayButtonMode[YoutubePlayButtonMode["White"] = 0] = "White";
|
|
11
11
|
YoutubePlayButtonMode[YoutubePlayButtonMode["Black"] = 1] = "Black";
|
|
12
12
|
YoutubePlayButtonMode[YoutubePlayButtonMode["Primary"] = 2] = "Primary";
|
|
13
|
+
YoutubePlayButtonMode[YoutubePlayButtonMode["Inversed"] = 3] = "Inversed";
|
|
13
14
|
})(YoutubePlayButtonMode || (YoutubePlayButtonMode = {}));
|
|
14
15
|
|
|
15
16
|
var YoutubePlayerMode;
|
|
@@ -132,7 +133,8 @@ const YoutubePlayer = ({
|
|
|
132
133
|
[styles.hide]: showVideo && !videoLoading,
|
|
133
134
|
[styles.playButtonWhite]: playButtonMode === YoutubePlayButtonMode.White,
|
|
134
135
|
[styles.playButtonBlack]: playButtonMode === YoutubePlayButtonMode.Black,
|
|
135
|
-
[styles.playButtonPrimary]: playButtonMode === YoutubePlayButtonMode.Primary
|
|
136
|
+
[styles.playButtonPrimary]: playButtonMode === YoutubePlayButtonMode.Primary,
|
|
137
|
+
[styles.playButtonInversed]: playButtonMode === YoutubePlayButtonMode.Inversed
|
|
136
138
|
})
|
|
137
139
|
}, videoLoading ? React__default.createElement(SvgLoading24, {
|
|
138
140
|
className: styles.iconLoading
|
|
@@ -7,6 +7,7 @@ var styles = {
|
|
|
7
7
|
"playButtonWhite": "ktl-youtube-player-module_play-button_white_jsj-J",
|
|
8
8
|
"playButtonBlack": "ktl-youtube-player-module_play-button_black_N4JvM",
|
|
9
9
|
"playButtonPrimary": "ktl-youtube-player-module_play-button_primary_rk5oW",
|
|
10
|
+
"playButtonInversed": "ktl-youtube-player-module_play-button_inversed_ENTdT",
|
|
10
11
|
"hide": "ktl-youtube-player-module_hide_w9Dr2",
|
|
11
12
|
"imagePreview": "ktl-youtube-player-module_image-preview_qXCFf",
|
|
12
13
|
"showVideo": "ktl-youtube-player-module_show-video_Y1Ri-",
|
package/package.json
CHANGED