@jetbrains/kotlin-web-site-ui 4.8.2 → 4.9.0-alpha.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.
Files changed (10) hide show
  1. package/out/components/footer/index.css +2 -3
  2. package/out/components/footer/logo/jetbrains-logo.svg.js +22 -27
  3. package/out/components/footer/nav/nav-data.js +2 -2
  4. package/out/components/footer/social-list/social-data.js +6 -1
  5. package/out/components/footer-compact/footer.module.pcss.js +1 -1
  6. package/out/components/footer-compact/index.css +20 -11
  7. package/out/components/footer-compact/logo/jetbrains-logo.svg.js +25 -27
  8. package/out/components/footer-compact/social-list/social-data.js +6 -0
  9. package/package.json +2 -2
  10. package/CHANGELOG.md +0 -61
package/out/components/footer/index.css CHANGED
@@ -161,10 +161,9 @@
161
161
  }
162
162
  }
163
163
  .ktl-logo-module_link_bNecp {
164
- text-decoration: none;
165
- height: 60px;
166
- width: 60px;
167
164
  display: block;
165
+ line-height: 0;
166
+ text-decoration: none;
168
167
  }
169
168
 
170
169
  .ktl-logo-module_link_bNecp:hover {
package/out/components/footer/logo/jetbrains-logo.svg.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
 
3
- var _defs, _path, _path2, _g;
3
+ var _path, _path2, _path3, _path4, _defs;
4
4
 
5
5
  function _extends() {
6
6
  _extends = Object.assign || function (target) {
@@ -21,16 +21,28 @@ function _extends() {
21
21
  }
22
22
 
23
23
  const SvgJetbrainsLogo = props => /*#__PURE__*/React.createElement("svg", _extends({
24
- xmlns: "http://www.w3.org/2000/svg",
25
- viewBox: "0 0 64 64",
24
+ width: 149,
25
+ height: 32,
26
26
  fill: "none",
27
- preserveAspectRatio: "meet"
28
- }, props), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
27
+ xmlns: "http://www.w3.org/2000/svg"
28
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
29
+ d: "M43.242 20.293c0 .423-.09.797-.269 1.125a1.86 1.86 0 0 1-.756.762c-.33.18-.698.269-1.12.269H39V25.5h2.54c.955 0 1.812-.214 2.574-.642a4.679 4.679 0 0 0 1.792-1.773c.433-.752.652-1.598.652-2.544V10.509h-3.316v9.784Zm8.928-.911h6.946v-2.804H52.17v-3.181h7.678v-2.888h-10.91v14.987h11.124v-2.888H52.17v-3.226Zm8.932-5.9h4.442v12.01h3.316v-12.01h4.421v-2.973H61.097v2.977l.005-.005Zm23.512 4.5a3.94 3.94 0 0 0-.837-.323c.224-.065.438-.144.638-.244a3.18 3.18 0 0 0 1.29-1.195c.308-.513.467-1.1.467-1.768 0-.761-.209-1.444-.622-2.046-.413-.598-.996-1.066-1.743-1.404-.747-.334-1.603-.503-2.56-.503h-6.656v14.987h6.786c1.006 0 1.902-.174 2.694-.528.787-.353 1.4-.841 1.837-1.473.433-.628.653-1.345.653-2.151 0-.742-.17-1.405-.513-1.992a3.525 3.525 0 0 0-1.43-1.364l-.004.005Zm-6.802-4.959h2.943c.408 0 .767.075 1.08.22.314.144.558.353.732.627.175.269.264.587.264.95 0 .364-.09.708-.264.992a1.726 1.726 0 0 1-.732.652 2.41 2.41 0 0 1-1.08.229h-2.943v-3.675.005Zm5.069 9.067c-.19.284-.458.503-.802.658a2.908 2.908 0 0 1-1.195.229h-3.072v-3.844h3.072c.444 0 .837.084 1.185.249.344.164.618.393.807.692.19.299.289.637.289 1.02 0 .384-.095.712-.284.996Zm14.798-2.654c.831-.398 1.474-.96 1.932-1.683.458-.721.687-1.558.687-2.514 0-.956-.224-1.763-.672-2.48-.448-.716-1.086-1.27-1.907-1.662-.822-.394-1.773-.588-2.858-.588h-6.563v14.987h3.321V20.04h2.161l3.043 5.457h3.789l-3.426-5.86c.17-.06.339-.125.498-.2h-.005Zm-1.076-3.062a1.798 1.798 0 0 1-.791.722c-.344.17-.747.254-1.21.254h-2.988v-4.147h2.988c.463 0 .866.084 1.21.249.343.164.607.408.791.717.185.308.28.677.28 1.095 0 .418-.095.787-.28 1.1v.01ZM106.9 10.51l-5.352 14.987h3.371l1.06-3.306h5.557l1.135 3.306h3.306l-5.482-14.987H106.9Zm-.169 9.171 1.723-5.287.204-.961.204.96 1.842 5.288h-3.973Zm10.347 5.816h3.425V10.51h-3.425v14.987Zm15.51-4.85L126.14 10.51h-3.232v14.987h3.027V15.36l6.414 10.137h3.266V10.51h-3.027v10.137Zm15.763-1.678a4.466 4.466 0 0 0-1.364-1.568 4.95 4.95 0 0 0-2.011-.846l-2.55-.523c-.398-.095-.717-.26-.951-.498a1.228 1.228 0 0 1-.353-.891c0-.324.084-.603.259-.842.169-.239.413-.423.722-.558.308-.134.667-.199 1.075-.199.408 0 .777.07 1.091.21.313.139.557.333.731.587.175.254.264.538.264.861h3.321c-.019-.871-.263-1.643-.722-2.31-.458-.672-1.1-1.195-1.916-1.573-.817-.379-1.753-.568-2.799-.568-1.045 0-1.971.194-2.783.588-.812.393-1.449.936-1.902 1.633-.453.697-.682 1.488-.682 2.38 0 .722.144 1.374.438 1.951a3.954 3.954 0 0 0 1.24 1.45 4.906 4.906 0 0 0 1.862.801l2.699.558c.443.104.791.299 1.05.577.259.28.384.623.384 1.041 0 .334-.095.637-.284.901a1.826 1.826 0 0 1-.792.613c-.338.144-.737.214-1.195.214-.458 0-.891-.08-1.265-.24a1.94 1.94 0 0 1-.866-.686 1.72 1.72 0 0 1-.309-1.021h-3.321c.015.936.264 1.757.757 2.474.488.712 1.16 1.27 2.017 1.668.856.399 1.837.598 2.942.598 1.106 0 2.101-.204 2.958-.612.861-.409 1.528-.971 2.011-1.688.483-.717.722-1.529.722-2.435a4.4 4.4 0 0 0-.488-2.052l.01.005Z",
30
+ fill: "#fff"
31
+ })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
32
+ d: "m10.17 1.83-8.34 8.34A6.252 6.252 0 0 0 0 14.59V29.5A2.5 2.5 0 0 0 2.5 32h14.91a6.26 6.26 0 0 0 4.42-1.83l8.34-8.34A6.252 6.252 0 0 0 32 17.41V2.5A2.5 2.5 0 0 0 29.5 0H14.59a6.26 6.26 0 0 0-4.42 1.83Z",
33
+ fill: "url(#jetbrains-logo_svg__a)"
34
+ })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
35
+ d: "M24 8H4v20h20V8Z",
36
+ fill: "#000"
37
+ })), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
38
+ d: "M15 23.5H6.5v2H15v-2Z",
39
+ fill: "#fff"
40
+ })), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
29
41
  id: "jetbrains-logo_svg__a",
30
- x1: 1,
31
- x2: 62.75,
32
- y1: 63,
33
- y2: 1.25,
42
+ x1: 0.425,
43
+ y1: 31.36,
44
+ x2: 31.31,
45
+ y2: 0.905,
34
46
  gradientUnits: "userSpaceOnUse"
35
47
  }, /*#__PURE__*/React.createElement("stop", {
36
48
  stopColor: "#FF9419"
@@ -40,23 +52,6 @@ const SvgJetbrainsLogo = props => /*#__PURE__*/React.createElement("svg", _exten
40
52
  }), /*#__PURE__*/React.createElement("stop", {
41
53
  offset: 0.99,
42
54
  stopColor: "#E600FF"
43
- })))), _path || (_path = /*#__PURE__*/React.createElement("path", {
44
- fill: "url(#jetbrains-logo_svg__a)",
45
- d: "M22.14 0H59c2.76 0 5 2.24 5 5v36.86c0 2.65-1.055 5.195-2.93 7.07L48.93 61.07A10.003 10.003 0 0 1 41.86 64H5c-2.76 0-5-2.24-5-5V22.14c0-2.65 1.055-5.195 2.93-7.07L15.07 2.93A10.003 10.003 0 0 1 22.14 0Z"
46
- })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
47
- fill: "#000",
48
- d: "M52 12H6v46h46V12Z"
49
- })), _g || (_g = /*#__PURE__*/React.createElement("g", {
50
- fill: "#fff",
51
- className: "jetbrains-logo_svg__jetbrains-simple_svg__letters-to-show-hovered"
52
- }, /*#__PURE__*/React.createElement("path", {
53
- d: "M11.92 21.49a.87.87 0 0 0 .1-.42V16h1.635v5.19c0 .43-.09.815-.275 1.145-.185.33-.45.585-.785.77-.34.185-.725.275-1.16.275H10v-1.505h1.22c.16 0 .3-.035.42-.1s.215-.16.28-.285ZM10 51h16v3H10v-3Zm6.595-30.63h3.475v-1.38h-3.475v-1.565h3.835V16h-5.425v7.38h5.53v-1.42h-3.94v-1.59Zm6.725-2.905h-2.19V16h6v1.465h-2.18v5.915h-1.63v-5.915Z"
54
- }), /*#__PURE__*/React.createElement("path", {
55
- fillRule: "evenodd",
56
- d: "M14.935 29.295a2.155 2.155 0 0 0-.4-.16 1.612 1.612 0 0 0 .94-.71 1.64 1.64 0 0 0 .23-.87c0-.375-.1-.71-.305-1.005a2.016 2.016 0 0 0-.86-.69c-.37-.165-.79-.25-1.26-.25H10v7.38h3.345c.495 0 .94-.085 1.325-.26.39-.175.69-.415.905-.725.215-.31.32-.66.32-1.06 0-.365-.085-.69-.255-.98a1.75 1.75 0 0 0-.705-.67Zm-3.35-2.445h1.45c.2 0 .38.035.53.11a.81.81 0 0 1 .36.31c.085.135.13.29.13.47s-.045.35-.13.49-.205.245-.36.32c-.155.075-.33.115-.53.115h-1.45V26.85Zm2.5 4.47a.91.91 0 0 1-.395.325c-.17.075-.365.115-.59.115h-1.515v-1.895H13.1c.22 0 .41.04.585.12.17.08.305.195.4.34.095.145.14.315.14.505s-.045.35-.14.49Zm8.375-2.14c-.225.355-.54.635-.95.83l-.005-.005c-.08.035-.16.07-.245.1l1.685 2.885H21.08l-1.495-2.69H18.52v2.69h-1.635v-7.38h3.23c.535 0 1.005.095 1.41.29.405.195.72.465.94.82.22.355.33.75.33 1.22s-.11.885-.335 1.24Zm-2.465-2.24h-1.47v2.045h1.47c.23 0 .425-.04.595-.125.17-.08.3-.2.39-.355.09-.155.135-.34.135-.545 0-.205-.045-.385-.135-.54a.897.897 0 0 0-.39-.355 1.305 1.305 0 0 0-.595-.125Zm5.745-1.325-2.635 7.38h1.66l.52-1.63h2.735l.56 1.63h1.63l-2.7-7.38h-1.77Zm-.085 4.515.85-2.605.1-.475.1.475.905 2.605h-1.955Z",
57
- clipRule: "evenodd"
58
- }), /*#__PURE__*/React.createElement("path", {
59
- d: "M30.95 25.615h1.685v7.38H30.95v-7.38Zm7.835 4.99-3.175-4.99h-1.59v7.38h1.49V28l3.16 4.995h1.61v-7.38h-1.495v4.99Zm7.28-1.595c.285.205.51.46.67.77h-.005c.16.31.24.645.24 1.01 0 .445-.12.845-.355 1.2s-.565.63-.99.83c-.425.2-.915.3-1.46.3-.545 0-1.03-.1-1.45-.295a2.378 2.378 0 0 1-.995-.82 2.169 2.169 0 0 1-.37-1.22h1.635c0 .19.055.36.155.505.1.145.24.255.425.335.18.08.395.12.62.12.225 0 .425-.035.59-.105a.91.91 0 0 0 .39-.3c.095-.13.14-.28.14-.445 0-.2-.065-.375-.19-.51s-.295-.23-.515-.285l-1.33-.275a2.436 2.436 0 0 1-.915-.395c-.26-.19-.465-.43-.61-.715a2.085 2.085 0 0 1-.215-.96c0-.44.11-.83.335-1.175.22-.345.535-.61.935-.805.4-.195.85-.29 1.37-.29.52 0 .98.095 1.38.28.405.185.72.445.945.775.225.33.345.71.355 1.14h-1.635c0-.16-.045-.3-.13-.425s-.205-.22-.36-.29c-.155-.07-.34-.105-.54-.105s-.375.035-.53.1a.822.822 0 0 0-.355.275.69.69 0 0 0-.125.415c0 .175.06.32.175.44.115.12.275.2.47.245l1.255.26c.37.07.7.21.99.415Z"
60
- }))));
55
+ })))));
61
56
 
62
57
  export { SvgJetbrainsLogo as default };
package/out/components/footer/nav/nav-data.js CHANGED
@@ -19,8 +19,8 @@ const navList = [{
19
19
  title: 'Issue Tracker',
20
20
  isTargetBlank: true
21
21
  }, {
22
- url: 'https://resources.jetbrains.com/storage/products/kotlin/docs/kotlin_logos.zip',
23
- title: 'Brand assets',
22
+ url: 'https://kotlinlang.org/docs/kotlin-brand-assets.html',
23
+ title: 'Brand Assets',
24
24
  isTargetBlank: true
25
25
  }, {
26
26
  url: 'https://www.jetbrains.com/careers/jobs/#team=Kotlin',
package/out/components/footer/social-list/social-data.js CHANGED
@@ -1,4 +1,4 @@
1
- import { GitHubIcon, TwitterIcon, SlackIcon, RedditIcon, StackOverflowIcon, YoutubeIcon } from '@rescui/icons';
1
+ import { GitHubIcon, TwitterIcon, BlueskyIcon, SlackIcon, RedditIcon, StackOverflowIcon, YoutubeIcon } from '@rescui/icons';
2
2
  const socialList = [{
3
3
  url: 'https://github.com/JetBrains/kotlin',
4
4
  title: 'Kotlin on GitHub',
@@ -9,6 +9,11 @@ const socialList = [{
9
9
  title: 'Kotlin on Twitter',
10
10
  logoAlt: 'Twitter logo',
11
11
  icon: TwitterIcon
12
+ }, {
13
+ url: 'https://bsky.app/profile/kotlinlang.org',
14
+ title: 'Kotlin on Bluesky',
15
+ logoAlt: 'Bluesky logo',
16
+ icon: BlueskyIcon
12
17
  }, {
13
18
  url: 'https://surveys.jetbrains.com/s3/kotlin-slack-sign-up',
14
19
  title: 'Kotlin Slack',
package/out/components/footer-compact/footer.module.pcss.js CHANGED
@@ -2,11 +2,11 @@ var styles = {
2
2
  "footer": "ktl-footer-module_footer_GHyqk",
3
3
  "footerDarkTheme": "ktl-footer-module_footer-dark-theme_tSipV",
4
4
  "underlinedLink": "ktl-footer-module_underlined-link_qo8UM",
5
+ "logoArea": "ktl-footer-module_logo-area_zYm8W",
5
6
  "socialListArea": "ktl-footer-module_social-list-area_2f-iy",
6
7
  "socialListTitle": "ktl-footer-module_social-list-title_X7tJv",
7
8
  "navListArea": "ktl-footer-module_nav-list-area_Oblb8",
8
9
  "textArea": "ktl-footer-module_text-area_T8lpL",
9
- "logoArea": "ktl-footer-module_logo-area_zYm8W",
10
10
  "copyright": "ktl-footer-module_copyright_tho-X",
11
11
  "motto": "ktl-footer-module_motto_6KpB8"
12
12
  };
package/out/components/footer-compact/index.css CHANGED
@@ -195,18 +195,11 @@
195
195
  }
196
196
 
197
197
  .ktl-footer-module_footer_GHyqk {
198
+ --logo-text-color: #19191C;
198
199
  background: var(--ktl-light-grey);
199
200
  padding: 32px 16px 16px;
200
201
  min-width: 320px;
201
202
  box-sizing: border-box;
202
- display: grid;
203
- grid-template-columns: auto 75px;
204
- grid-template-rows: auto;
205
- grid-template-areas:
206
- 'social-list social-list'
207
- 'nav-list nav-list'
208
- 'text logo';
209
- grid-column-gap: 16px;
210
203
  }
211
204
 
212
205
  .ktl-footer-module_footer-dark-theme_tSipV {
@@ -217,6 +210,10 @@
217
210
  border-color: inherit;
218
211
  }
219
212
 
213
+ .ktl-footer-module_footer-dark-theme_tSipV .ktl-footer-module_logo-area_zYm8W {
214
+ --logo-text-color: white;
215
+ }
216
+
220
217
  .ktl-footer-module_social-list-area_2f-iy {
221
218
  grid-area: social-list;
222
219
  }
@@ -227,17 +224,28 @@
227
224
 
228
225
  .ktl-footer-module_nav-list-area_Oblb8 {
229
226
  grid-area: nav-list;
230
- margin: 24px 0 32px;
227
+ margin: 24px 0 16px;
231
228
  }
232
229
 
233
230
  .ktl-footer-module_text-area_T8lpL {
234
231
  grid-area: text;
232
+ margin-bottom: 24px;
235
233
  }
236
234
 
237
235
  .ktl-footer-module_logo-area_zYm8W {
238
- grid-area: logo;
236
+ display: inline-block;
237
+ margin-bottom: 28px;
239
238
  }
240
239
 
240
+ @media (min-width: 641px) {
241
+
242
+ .ktl-footer-module_logo-area_zYm8W {
243
+ grid-area: logo;
244
+ align-self: end;
245
+ margin-bottom: 5px
246
+ }
247
+ }
248
+
241
249
  .ktl-footer-module_copyright_tho-X {
242
250
  display: inline;
243
251
  }
@@ -253,7 +261,8 @@
253
261
  @media (min-width: 641px) {
254
262
  .ktl-footer-module_footer_GHyqk {
255
263
  padding: 32px;
256
- grid-template-columns: auto 60px;
264
+ display: grid;
265
+ grid-template-columns: auto 150px;
257
266
  grid-template-areas:
258
267
  'social-list logo'
259
268
  'nav-list logo'
package/out/components/footer-compact/logo/jetbrains-logo.svg.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
 
3
- var _defs, _path, _path2, _g;
3
+ var _path, _path2, _path3, _defs;
4
4
 
5
5
  function _extends() {
6
6
  _extends = Object.assign || function (target) {
@@ -21,16 +21,31 @@ function _extends() {
21
21
  }
22
22
 
23
23
  const SvgJetbrainsLogo = props => /*#__PURE__*/React.createElement("svg", _extends({
24
- xmlns: "http://www.w3.org/2000/svg",
25
- viewBox: "0 0 64 64",
24
+ width: 149,
25
+ height: 32,
26
26
  fill: "none",
27
- preserveAspectRatio: "meet"
28
- }, props), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
27
+ xmlns: "http://www.w3.org/2000/svg"
28
+ }, props), /*#__PURE__*/React.createElement("path", {
29
+ d: "M43.242 20.293c0 .423-.09.797-.269 1.125a1.86 1.86 0 0 1-.756.762c-.33.18-.698.269-1.12.269H39V25.5h2.54c.955 0 1.812-.214 2.574-.642a4.679 4.679 0 0 0 1.792-1.773c.433-.752.652-1.598.652-2.544V10.509h-3.316v9.784Zm8.928-.911h6.946v-2.804H52.17v-3.181h7.678v-2.888h-10.91v14.987h11.124v-2.888H52.17v-3.226Zm8.932-5.9h4.442v12.01h3.316v-12.01h4.421v-2.973H61.097v2.977l.005-.005Zm23.512 4.5a3.94 3.94 0 0 0-.837-.323c.224-.065.438-.144.638-.244a3.18 3.18 0 0 0 1.29-1.195c.308-.513.467-1.1.467-1.768 0-.761-.209-1.444-.622-2.046-.413-.598-.996-1.066-1.743-1.404-.747-.334-1.603-.503-2.56-.503h-6.656v14.987h6.786c1.006 0 1.902-.174 2.694-.528.787-.353 1.4-.841 1.837-1.473.433-.628.653-1.345.653-2.151 0-.742-.17-1.405-.513-1.992a3.525 3.525 0 0 0-1.43-1.364l-.004.005Zm-6.802-4.959h2.943c.408 0 .767.075 1.08.22.314.144.558.353.732.627.175.269.264.587.264.95 0 .364-.09.708-.264.992a1.726 1.726 0 0 1-.732.652 2.41 2.41 0 0 1-1.08.229h-2.943v-3.675.005Zm5.069 9.067c-.19.284-.458.503-.802.658a2.908 2.908 0 0 1-1.195.229h-3.072v-3.844h3.072c.444 0 .837.084 1.185.249.344.164.618.393.807.692.19.299.289.637.289 1.02 0 .384-.095.712-.284.996Zm14.798-2.654c.831-.398 1.474-.96 1.932-1.683.458-.721.687-1.558.687-2.514 0-.956-.224-1.763-.672-2.48-.448-.716-1.086-1.27-1.907-1.662-.822-.394-1.773-.588-2.858-.588h-6.563v14.987h3.321V20.04h2.161l3.043 5.457h3.789l-3.426-5.86c.17-.06.339-.125.498-.2h-.005Zm-1.076-3.062a1.798 1.798 0 0 1-.791.722c-.344.17-.747.254-1.21.254h-2.988v-4.147h2.988c.463 0 .866.084 1.21.249.343.164.607.408.791.717.185.308.28.677.28 1.095 0 .418-.095.787-.28 1.1v.01ZM106.9 10.51l-5.352 14.987h3.371l1.06-3.306h5.557l1.135 3.306h3.306l-5.482-14.987H106.9Zm-.169 9.171 1.723-5.287.204-.961.204.96 1.842 5.288h-3.973Zm10.347 5.816h3.425V10.51h-3.425v14.987Zm15.51-4.85L126.14 10.51h-3.232v14.987h3.027V15.36l6.414 10.137h3.266V10.51h-3.027v10.137Zm15.763-1.678a4.466 4.466 0 0 0-1.364-1.568 4.95 4.95 0 0 0-2.011-.846l-2.55-.523c-.398-.095-.717-.26-.951-.498a1.228 1.228 0 0 1-.353-.891c0-.324.084-.603.259-.842.169-.239.413-.423.722-.558.308-.134.667-.199 1.075-.199.408 0 .777.07 1.091.21.313.139.557.333.731.587.175.254.264.538.264.861h3.321c-.019-.871-.263-1.643-.722-2.31-.458-.672-1.1-1.195-1.916-1.573-.817-.379-1.753-.568-2.799-.568-1.045 0-1.971.194-2.783.588-.812.393-1.449.936-1.902 1.633-.453.697-.682 1.488-.682 2.38 0 .722.144 1.374.438 1.951a3.954 3.954 0 0 0 1.24 1.45 4.906 4.906 0 0 0 1.862.801l2.699.558c.443.104.791.299 1.05.577.259.28.384.623.384 1.041 0 .334-.095.637-.284.901a1.826 1.826 0 0 1-.792.613c-.338.144-.737.214-1.195.214-.458 0-.891-.08-1.265-.24a1.94 1.94 0 0 1-.866-.686 1.72 1.72 0 0 1-.309-1.021h-3.321c.015.936.264 1.757.757 2.474.488.712 1.16 1.27 2.017 1.668.856.399 1.837.598 2.942.598 1.106 0 2.101-.204 2.958-.612.861-.409 1.528-.971 2.011-1.688.483-.717.722-1.529.722-2.435a4.4 4.4 0 0 0-.488-2.052l.01.005Z",
30
+ fill: "#19191C",
31
+ style: {
32
+ fill: "var(--logo-text-color)"
33
+ }
34
+ }), _path || (_path = /*#__PURE__*/React.createElement("path", {
35
+ d: "m10.17 1.83-8.34 8.34A6.252 6.252 0 0 0 0 14.59V29.5A2.5 2.5 0 0 0 2.5 32h14.91a6.26 6.26 0 0 0 4.42-1.83l8.34-8.34A6.252 6.252 0 0 0 32 17.41V2.5A2.5 2.5 0 0 0 29.5 0H14.59a6.26 6.26 0 0 0-4.42 1.83Z",
36
+ fill: "url(#jetbrains-logo_svg__a)"
37
+ })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
38
+ d: "M24 8H4v20h20V8Z",
39
+ fill: "#000"
40
+ })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
41
+ d: "M15 23.5H6.5v2H15v-2Z",
42
+ fill: "#fff"
43
+ })), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
29
44
  id: "jetbrains-logo_svg__a",
30
- x1: 1,
31
- x2: 62.75,
32
- y1: 63,
33
- y2: 1.25,
45
+ x1: 0.425,
46
+ y1: 31.36,
47
+ x2: 31.31,
48
+ y2: 0.905,
34
49
  gradientUnits: "userSpaceOnUse"
35
50
  }, /*#__PURE__*/React.createElement("stop", {
36
51
  stopColor: "#FF9419"
@@ -40,23 +55,6 @@ const SvgJetbrainsLogo = props => /*#__PURE__*/React.createElement("svg", _exten
40
55
  }), /*#__PURE__*/React.createElement("stop", {
41
56
  offset: 0.99,
42
57
  stopColor: "#E600FF"
43
- })))), _path || (_path = /*#__PURE__*/React.createElement("path", {
44
- fill: "url(#jetbrains-logo_svg__a)",
45
- d: "M22.14 0H59c2.76 0 5 2.24 5 5v36.86c0 2.65-1.055 5.195-2.93 7.07L48.93 61.07A10.003 10.003 0 0 1 41.86 64H5c-2.76 0-5-2.24-5-5V22.14c0-2.65 1.055-5.195 2.93-7.07L15.07 2.93A10.003 10.003 0 0 1 22.14 0Z"
46
- })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
47
- fill: "#000",
48
- d: "M52 12H6v46h46V12Z"
49
- })), _g || (_g = /*#__PURE__*/React.createElement("g", {
50
- fill: "#fff",
51
- className: "jetbrains-logo_svg__jetbrains-simple_svg__letters-to-show-hovered"
52
- }, /*#__PURE__*/React.createElement("path", {
53
- d: "M11.92 21.49a.87.87 0 0 0 .1-.42V16h1.635v5.19c0 .43-.09.815-.275 1.145-.185.33-.45.585-.785.77-.34.185-.725.275-1.16.275H10v-1.505h1.22c.16 0 .3-.035.42-.1s.215-.16.28-.285ZM10 51h16v3H10v-3Zm6.595-30.63h3.475v-1.38h-3.475v-1.565h3.835V16h-5.425v7.38h5.53v-1.42h-3.94v-1.59Zm6.725-2.905h-2.19V16h6v1.465h-2.18v5.915h-1.63v-5.915Z"
54
- }), /*#__PURE__*/React.createElement("path", {
55
- fillRule: "evenodd",
56
- d: "M14.935 29.295a2.155 2.155 0 0 0-.4-.16 1.612 1.612 0 0 0 .94-.71 1.64 1.64 0 0 0 .23-.87c0-.375-.1-.71-.305-1.005a2.016 2.016 0 0 0-.86-.69c-.37-.165-.79-.25-1.26-.25H10v7.38h3.345c.495 0 .94-.085 1.325-.26.39-.175.69-.415.905-.725.215-.31.32-.66.32-1.06 0-.365-.085-.69-.255-.98a1.75 1.75 0 0 0-.705-.67Zm-3.35-2.445h1.45c.2 0 .38.035.53.11a.81.81 0 0 1 .36.31c.085.135.13.29.13.47s-.045.35-.13.49-.205.245-.36.32c-.155.075-.33.115-.53.115h-1.45V26.85Zm2.5 4.47a.91.91 0 0 1-.395.325c-.17.075-.365.115-.59.115h-1.515v-1.895H13.1c.22 0 .41.04.585.12.17.08.305.195.4.34.095.145.14.315.14.505s-.045.35-.14.49Zm8.375-2.14c-.225.355-.54.635-.95.83l-.005-.005c-.08.035-.16.07-.245.1l1.685 2.885H21.08l-1.495-2.69H18.52v2.69h-1.635v-7.38h3.23c.535 0 1.005.095 1.41.29.405.195.72.465.94.82.22.355.33.75.33 1.22s-.11.885-.335 1.24Zm-2.465-2.24h-1.47v2.045h1.47c.23 0 .425-.04.595-.125.17-.08.3-.2.39-.355.09-.155.135-.34.135-.545 0-.205-.045-.385-.135-.54a.897.897 0 0 0-.39-.355 1.305 1.305 0 0 0-.595-.125Zm5.745-1.325-2.635 7.38h1.66l.52-1.63h2.735l.56 1.63h1.63l-2.7-7.38h-1.77Zm-.085 4.515.85-2.605.1-.475.1.475.905 2.605h-1.955Z",
57
- clipRule: "evenodd"
58
- }), /*#__PURE__*/React.createElement("path", {
59
- d: "M30.95 25.615h1.685v7.38H30.95v-7.38Zm7.835 4.99-3.175-4.99h-1.59v7.38h1.49V28l3.16 4.995h1.61v-7.38h-1.495v4.99Zm7.28-1.595c.285.205.51.46.67.77h-.005c.16.31.24.645.24 1.01 0 .445-.12.845-.355 1.2s-.565.63-.99.83c-.425.2-.915.3-1.46.3-.545 0-1.03-.1-1.45-.295a2.378 2.378 0 0 1-.995-.82 2.169 2.169 0 0 1-.37-1.22h1.635c0 .19.055.36.155.505.1.145.24.255.425.335.18.08.395.12.62.12.225 0 .425-.035.59-.105a.91.91 0 0 0 .39-.3c.095-.13.14-.28.14-.445 0-.2-.065-.375-.19-.51s-.295-.23-.515-.285l-1.33-.275a2.436 2.436 0 0 1-.915-.395c-.26-.19-.465-.43-.61-.715a2.085 2.085 0 0 1-.215-.96c0-.44.11-.83.335-1.175.22-.345.535-.61.935-.805.4-.195.85-.29 1.37-.29.52 0 .98.095 1.38.28.405.185.72.445.945.775.225.33.345.71.355 1.14h-1.635c0-.16-.045-.3-.13-.425s-.205-.22-.36-.29c-.155-.07-.34-.105-.54-.105s-.375.035-.53.1a.822.822 0 0 0-.355.275.69.69 0 0 0-.125.415c0 .175.06.32.175.44.115.12.275.2.47.245l1.255.26c.37.07.7.21.99.415Z"
60
- }))));
58
+ })))));
61
59
 
62
60
  export { SvgJetbrainsLogo as default };
package/out/components/footer-compact/social-list/social-data.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { BlueskyIcon } from '@rescui/icons';
1
2
  import SvgGithubLogo from './svg/github-logo.svg.js';
2
3
  import SvgRedditLogo from './svg/reddit-logo.svg.js';
3
4
  import SvgSlackLogo from './svg/slack-logo.svg.js';
@@ -14,6 +15,11 @@ const socialList = [{
14
15
  title: 'Kotlin on Twitter',
15
16
  logoAlt: 'Twitter logo',
16
17
  icon: SvgTwitterLogo
18
+ }, {
19
+ url: 'https://bsky.app/profile/kotlinlang.org',
20
+ title: 'Kotlin on Bluesky',
21
+ logoAlt: 'Bluesky logo',
22
+ icon: BlueskyIcon
17
23
  }, {
18
24
  url: 'https://surveys.jetbrains.com/s3/kotlin-slack-sign-up',
19
25
  title: 'Kotlin Slack',
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@jetbrains/kotlin-web-site-ui",
3
3
  "description": "UI components for Kotlin web sites development",
4
- "version": "4.8.2",
4
+ "version": "4.9.0-alpha.0",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
7
7
  "files": [
@@ -51,7 +51,7 @@
51
51
  "@rescui/button": "^0.10.0",
52
52
  "@rescui/checkbox": "^0.1.0",
53
53
  "@rescui/focus-manager": "^0.1.1",
54
- "@rescui/icons": "^0.12.0",
54
+ "@rescui/icons": "^0.16.13",
55
55
  "@rescui/input": "^0.4.6",
56
56
  "@rescui/menu": "^0.9.4",
57
57
  "@rescui/switcher": "^0.2.2",
package/CHANGELOG.md DELETED
@@ -1,61 +0,0 @@
1
- ## 4.3.0 (December 1, 2022)
2
-
3
- ### New breakpoints system
4
-
5
- Add [`break points`](https://github.com/JetBrains/kotlin-web-site-ui/blob/c1b5f8f69c692b9e4041a1b3d1685a818ecef197/src/components/breakpoints/constants.ts#L1-L9) based on different typ devices width:
6
- - Mobile small (**MS**)
7
- - Mobile medium (**MM**)
8
- - Tablet small (**TS**)
9
- - Tablet medium (**TM**)
10
- - Tablet large (**TL**)
11
- - Desktop small (**DS**)
12
- - Desktop medium (**DM**)
13
-
14
- * `BREAKPOINTS`, `BREAKPOINTS_MAX_MEDIA` and `BREAKPOINTS_MIN_MEDIA` constants exported for inline JSX usage:
15
- ```jsx
16
- function FlowerAdaptiveImg () {
17
- return (
18
- <picture>
19
- <source media={BREAKPOINTS_MAX_MEDIA.MM} srcset="flowers-mobile.jpg">
20
- <source media={BREAKPOINTS_MIN_MEDIA.TS && BREAKPOINTS_MAX_MEDIA.TL} srcset="flowers-tablet.jpg">
21
- <img src="flowers-desktop.jpg" alt="Flowers">
22
- </picture>
23
- );
24
- }
25
- ```
26
- * New breakpoint [**hooks**](https://github.com/JetBrains/kotlin-web-site-ui/blob/c1b5f8f69c692b9e4041a1b3d1685a818ecef197/src/components/breakpoints/hooks.ts#L5-L31) provide adaptive browser templates:
27
- ```jsx
28
- function FlowerAdaptiveImg () {
29
- const isMM = useMM();
30
- const size = isMM ? 'small' : 'large';
31
- return <img src={`flowers-${size}.jpg`} alt="Flowers">;
32
- }
33
- ```
34
-
35
- ### New pages layout
36
-
37
- Motivation of next layout is reduce type layouts and use fix counts of resolutions without pixel-by-pixel fluid container.
38
-
39
- * Providing new classes `ktl-layout`, `ktl-layout--center`, `ktl-layout--spacing` for fluid grid. More information in storybook.
40
- * Providing new postcss `custom media` with device type like:
41
- ```css
42
- @media (--ktl-ds) {
43
- // ...
44
- }
45
-
46
- @media (--ktl-mm-min) {
47
- // ...
48
- }
49
- ```
50
- Medias without postfix used `max-width: $size`, medias with `-min` postfix used `min-width: $size`.
51
-
52
- For use medias in your project it should provide [postcss-custom-media](https://github.com/csstools/postcss-custom-media):
53
- ```js
54
- require("@webteam/postcss-preset")({
55
- customMedia: [
56
- // ...
57
- '@jetbrains/kotlin-web-site-ui/out/components/breakpoints/media.pcss'
58
- ],
59
- // ...
60
- })
61
- ```