@jetbrains/kotlin-web-site-ui 4.8.3 → 4.9.0

package/out/components/footer/nav/nav-data.js

@@ -19,8 +19,8 @@ const navList = [{
   title: 'Issue Tracker',
   isTargetBlank: true
 }, {
-  url: 'https://resources.jetbrains.com/storage/products/kotlin/docs/kotlin_logos.zip',
-  title: 'Brand assets',
+  url: 'https://kotlinlang.org/docs/kotlin-brand-assets.html',
+  title: 'Brand Assets',
   isTargetBlank: true
 }, {
   url: 'https://www.jetbrains.com/careers/jobs/#team=Kotlin',

package/out/components/footer/social-list/social-data.js

@@ -1,4 +1,4 @@
-import { GitHubIcon, TwitterIcon, SlackIcon, RedditIcon, StackOverflowIcon, YoutubeIcon } from '@rescui/icons';
+import { GitHubIcon, TwitterIcon, BlueskyIcon, SlackIcon, RedditIcon, StackOverflowIcon, YoutubeIcon } from '@rescui/icons';
 const socialList = [{
   url: 'https://github.com/JetBrains/kotlin',
   title: 'Kotlin on GitHub',
@@ -9,6 +9,11 @@ const socialList = [{
   title: 'Kotlin on Twitter',
   logoAlt: 'Twitter logo',
   icon: TwitterIcon
+}, {
+  url: 'https://bsky.app/profile/kotlinlang.org',
+  title: 'Kotlin on Bluesky',
+  logoAlt: 'Bluesky logo',
+  icon: BlueskyIcon
 }, {
   url: 'https://surveys.jetbrains.com/s3/kotlin-slack-sign-up',
   title: 'Kotlin Slack',

package/out/components/footer-compact/social-list/social-data.js

@@ -1,3 +1,4 @@
+import { BlueskyIcon } from '@rescui/icons';
 import SvgGithubLogo from './svg/github-logo.svg.js';
 import SvgRedditLogo from './svg/reddit-logo.svg.js';
 import SvgSlackLogo from './svg/slack-logo.svg.js';
@@ -14,6 +15,11 @@ const socialList = [{
   title: 'Kotlin on Twitter',
   logoAlt: 'Twitter logo',
   icon: SvgTwitterLogo
+}, {
+  url: 'https://bsky.app/profile/kotlinlang.org',
+  title: 'Kotlin on Bluesky',
+  logoAlt: 'Bluesky logo',
+  icon: BlueskyIcon
 }, {
   url: 'https://surveys.jetbrains.com/s3/kotlin-slack-sign-up',
   title: 'Kotlin Slack',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@jetbrains/kotlin-web-site-ui",
   "description": "UI components for Kotlin web sites development",
-  "version": "4.8.3",
+  "version": "4.9.0",
   "license": "Apache-2.0",
   "author": "JetBrains",
   "files": [
@@ -51,7 +51,7 @@
     "@rescui/button": "^0.10.0",
     "@rescui/checkbox": "^0.1.0",
     "@rescui/focus-manager": "^0.1.1",
-    "@rescui/icons": "^0.12.0",
+    "@rescui/icons": "^0.16.13",
     "@rescui/input": "^0.4.6",
     "@rescui/menu": "^0.9.4",
     "@rescui/switcher": "^0.2.2",

package/CHANGELOG.md

@@ -1,61 +0,0 @@
-## 4.3.0 (December 1, 2022)
-
-### New breakpoints system
-
-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:
-  - Mobile small (**MS**)
-  - Mobile medium (**MM**) 
-  - Tablet small (**TS**)
-  - Tablet medium (**TM**)
-  - Tablet large (**TL**)
-  - Desktop small (**DS**)
-  - Desktop medium (**DM**)
-
-  * `BREAKPOINTS`, `BREAKPOINTS_MAX_MEDIA` and `BREAKPOINTS_MIN_MEDIA` constants exported for inline JSX usage:
-  ```jsx
-    function FlowerAdaptiveImg () {
-      return (
-        <picture>
-          <source media={BREAKPOINTS_MAX_MEDIA.MM} srcset="flowers-mobile.jpg">
-          <source media={BREAKPOINTS_MIN_MEDIA.TS && BREAKPOINTS_MAX_MEDIA.TL} srcset="flowers-tablet.jpg">
-          <img src="flowers-desktop.jpg" alt="Flowers">
-        </picture>
-      );
-    }
-```
-  * New breakpoint [**hooks**](https://github.com/JetBrains/kotlin-web-site-ui/blob/c1b5f8f69c692b9e4041a1b3d1685a818ecef197/src/components/breakpoints/hooks.ts#L5-L31) provide adaptive browser templates:
-  ```jsx
-  function FlowerAdaptiveImg () {
-    const isMM = useMM();
-    const size = isMM ? 'small' : 'large';
-    return <img src={`flowers-${size}.jpg`} alt="Flowers">;
-  }
-```
-
-### New pages layout
-
-Motivation of next layout is reduce type layouts and use fix counts of resolutions without pixel-by-pixel fluid container.
-
-  * Providing new classes `ktl-layout`, `ktl-layout--center`, `ktl-layout--spacing` for fluid grid. More information in storybook.
-  * Providing new postcss `custom media` with device type like:
-  ```css
-   @media (--ktl-ds) {
-     // ...
-   }
-
-   @media (--ktl-mm-min) {
-     // ...
-   }
-```
-  Medias without postfix used `max-width: $size`, medias with `-min` postfix used `min-width: $size`.
-  
-  For use medias in your project it should provide [postcss-custom-media](https://github.com/csstools/postcss-custom-media):
-  ```js
-  require("@webteam/postcss-preset")({
-    customMedia: [
-        // ...
-        '@jetbrains/kotlin-web-site-ui/out/components/breakpoints/media.pcss'
-    ],
-    // ...
-  })
-```