@jetbrains/kotlin-web-site-ui 4.4.6 → 4.5.0-alpha.0

package/out/components/breakpoints/constants.js

@@ -5,7 +5,7 @@ const POINTS = {
   TM: 808,
   TL: 1000,
   DS: 1190,
-  DM: 1144
+  DM: 1280
 };
 const BREAKPOINTS = Object.freeze(POINTS);
 const BREAKPOINTS_KEYS = Object.keys(POINTS);

package/out/components/breakpoints/media.pcss

@@ -4,11 +4,11 @@
 @custom-media --ktl-tm-min (min-width: 809px);
 @custom-media --ktl-tl-min (min-width: 1001px);
 @custom-media --ktl-ds-min (min-width: 1191px);
-@custom-media --ktl-dm-min (min-width: 1145px);
+@custom-media --ktl-dm-min (min-width: 1281px);
 @custom-media --ktl-ms (max-width: 374px);
 @custom-media --ktl-mm (max-width: 472px);
 @custom-media --ktl-ts (max-width: 616px);
 @custom-media --ktl-tm (max-width: 808px);
 @custom-media --ktl-tl (max-width: 1000px);
 @custom-media --ktl-ds (max-width: 1190px);
-@custom-media --ktl-dm (max-width: 1144px);
+@custom-media --ktl-dm (max-width: 1280px);

package/out/components/header/index.js

@@ -1,4 +1,4 @@
 import './index.css';
 import { Header } from './header.js';
 export { Header as default } from './header.js';
-export { ANDROID_TITLE, ANDROID_URL, COMMUNITY_TITLE, COMMUNITY_URL, DATA_SCIENCE_TITLE, DATA_SCIENCE_URL, DOCS_TITLE, DOCS_URL, HOME_TITLE, HOME_URL, KMM_DOCS_TITLE, KMM_DOCS_URL, KOTLIN_DOCS_TITLE, KOTLIN_DOCS_URL, MULTIPLATFORM_MOBILE_TITLE, MULTIPLATFORM_MOBILE_URL, MULTIPLATFORM_OTHERS_TITLE, MULTIPLATFORM_OTHERS_URL, PLAY_EXAMPLES_TITLE, PLAY_EXAMPLES_URL, PLAY_HANDSON_TITLE, PLAY_HANDSON_URL, PLAY_KOANS_TITLE, PLAY_KOANS_URL, PLAY_TITLE, PLAY_TITLE_FULL, PLAY_URL, SERVER_SIDE_TITLE, SERVER_SIDE_URL, SOLUTIONS_TITLE, TEACH_TITLE, TEACH_URL, WEB_FRONTEND_TITLE, WEB_FRONTEND_URL, getNavScheme } from './nav-scheme.js';
+export { ANDROID_TITLE, ANDROID_URL, COMMUNITY_TITLE, COMMUNITY_URL, DATA_SCIENCE_TITLE, DATA_SCIENCE_URL, DOCS_TITLE, DOCS_URL, HOME_TITLE, HOME_URL, KMM_DOCS_TITLE, KMM_DOCS_URL, KOTLIN_DOCS_TITLE, KOTLIN_DOCS_URL, MULTIPLATFORM_LIBRARIES_TITLE, MULTIPLATFORM_LIBRARIES_URL, MULTIPLATFORM_MOBILE_TITLE, MULTIPLATFORM_MOBILE_URL, PLAY_EXAMPLES_TITLE, PLAY_EXAMPLES_URL, PLAY_HANDSON_TITLE, PLAY_HANDSON_URL, PLAY_KOANS_TITLE, PLAY_KOANS_URL, PLAY_TITLE, PLAY_TITLE_FULL, PLAY_URL, SERVER_SIDE_TITLE, SERVER_SIDE_URL, SOLUTIONS_TITLE, TEACH_TITLE, TEACH_URL, getNavScheme } from './nav-scheme.js';

package/out/components/header/nav-scheme.js

@@ -6,10 +6,8 @@ const MULTIPLATFORM_MOBILE_TITLE = 'Multiplatform Mobile';
 const MULTIPLATFORM_MOBILE_URL = `/lp/mobile/`;
 const SERVER_SIDE_TITLE = 'Server-side';
 const SERVER_SIDE_URL = `/lp/server-side/`;
-const WEB_FRONTEND_TITLE = 'Web frontend';
-const WEB_FRONTEND_URL = `/docs/js-overview.html`;
-const MULTIPLATFORM_OTHERS_TITLE = 'Multiplatform for other platforms';
-const MULTIPLATFORM_OTHERS_URL = '/docs/multiplatform.html';
+const MULTIPLATFORM_LIBRARIES_TITLE = 'Multiplatform libraries';
+const MULTIPLATFORM_LIBRARIES_URL = '/docs/multiplatform-library.html';
 const DATA_SCIENCE_TITLE = 'Data science';
 const DATA_SCIENCE_URL = `/docs/data-science-overview.html`;
 const ANDROID_TITLE = 'Android';
@@ -43,14 +41,11 @@ const navScheme = [{
     title: MULTIPLATFORM_MOBILE_TITLE,
     url: MULTIPLATFORM_MOBILE_URL
   }, {
-    title: MULTIPLATFORM_OTHERS_TITLE,
-    url: MULTIPLATFORM_OTHERS_URL
+    title: MULTIPLATFORM_LIBRARIES_TITLE,
+    url: MULTIPLATFORM_LIBRARIES_URL
   }, {
     title: SERVER_SIDE_TITLE,
     url: SERVER_SIDE_URL
-  }, {
-    title: WEB_FRONTEND_TITLE,
-    url: WEB_FRONTEND_URL
   }, {
     title: DATA_SCIENCE_TITLE,
     url: DATA_SCIENCE_URL
@@ -138,4 +133,4 @@ function makeExternalUrl(url, currentUrl, isPlayground) {
   return url;
 }
 
-export { ANDROID_TITLE, ANDROID_URL, COMMUNITY_TITLE, COMMUNITY_URL, DATA_SCIENCE_TITLE, DATA_SCIENCE_URL, DOCS_TITLE, DOCS_URL, HOME_TITLE, HOME_URL, KMM_DOCS_TITLE, KMM_DOCS_URL, KOTLIN_DOCS_TITLE, KOTLIN_DOCS_URL, MULTIPLATFORM_MOBILE_TITLE, MULTIPLATFORM_MOBILE_URL, MULTIPLATFORM_OTHERS_TITLE, MULTIPLATFORM_OTHERS_URL, PLAY_EXAMPLES_TITLE, PLAY_EXAMPLES_URL, PLAY_HANDSON_TITLE, PLAY_HANDSON_URL, PLAY_KOANS_TITLE, PLAY_KOANS_URL, PLAY_TITLE, PLAY_TITLE_FULL, PLAY_URL, SERVER_SIDE_TITLE, SERVER_SIDE_URL, SOLUTIONS_TITLE, TEACH_TITLE, TEACH_URL, WEB_FRONTEND_TITLE, WEB_FRONTEND_URL, getNavScheme };
+export { ANDROID_TITLE, ANDROID_URL, COMMUNITY_TITLE, COMMUNITY_URL, DATA_SCIENCE_TITLE, DATA_SCIENCE_URL, DOCS_TITLE, DOCS_URL, HOME_TITLE, HOME_URL, KMM_DOCS_TITLE, KMM_DOCS_URL, KOTLIN_DOCS_TITLE, KOTLIN_DOCS_URL, MULTIPLATFORM_LIBRARIES_TITLE, MULTIPLATFORM_LIBRARIES_URL, MULTIPLATFORM_MOBILE_TITLE, MULTIPLATFORM_MOBILE_URL, PLAY_EXAMPLES_TITLE, PLAY_EXAMPLES_URL, PLAY_HANDSON_TITLE, PLAY_HANDSON_URL, PLAY_KOANS_TITLE, PLAY_KOANS_URL, PLAY_TITLE, PLAY_TITLE_FULL, PLAY_URL, SERVER_SIDE_TITLE, SERVER_SIDE_URL, SOLUTIONS_TITLE, TEACH_TITLE, TEACH_URL, getNavScheme };

package/out/components/quotes-slider/index.css

@@ -21,6 +21,14 @@
 }
     }
 
+.ktl-quotes-slider-module_icon-container-dark-theme_YwVUC svg > path {
+            fill: #ffffff;
+        }
+
+.ktl-quotes-slider-module_quote-text_u-x9D {
+    margin: 0;
+}
+
 .ktl-quotes-slider-module_nav_0aZMC {
     margin-top: 16px;
 }
@@ -35,10 +43,6 @@
 }
     }
 
-.ktl-quotes-slider-module_title_wOsKl p {
-        color: var(--ktl-icon-color-dark);
-    }
-
 .ktl-quotes-slider-module_controls_OuyQ8 {
     display: flex;
     align-items: center;
@@ -68,10 +72,6 @@
         opacity: 1;
     }
 
-.ktl-quotes-slider-module_control-prev_9eMAN {
-    transform: scale(-1);
-}
-
 .ktl-quotes-slider-module_slides-count_T0-Ln {
     margin: 0 30px;
     -webkit-user-select: none;
@@ -80,7 +80,3 @@
     min-width: 40px;
     text-align: center;
 }
-
-.ktl-quotes-slider-module_slides-count_T0-Ln p {
-        color: var(--ktl-icon-color-dark);
-    }

package/out/components/quotes-slider/index.js

@@ -1,3 +1,3 @@
 import './index.css';
-import { QuotesSlider } from './quites-slider.js';
-export { QuotesSlider as default } from './quites-slider.js';
+import { QuotesSlider } from './quotes-slider.js';
+export { QuotesSlider as default } from './quotes-slider.js';

package/out/components/quotes-slider/{quites-slider.js → quotes-slider.js}

@@ -1,8 +1,10 @@
 import React__default, { useState, useCallback } from 'react';
 import SwipeableViews from 'react-swipeable-views';
+import { ArrowLeftIcon, ArrowRightIcon } from '@rescui/icons';
+import { useTheme } from '@rescui/ui-contexts';
+import { useTextStyles } from '@rescui/typography';
 import cn from 'classnames';
 import SvgQuote from './quote.svg.js';
-import SvgSliderArrow from './slider-arrow.svg.js';
 import styles from './quotes-slider.module.pcss.js';
 
 const QuotesSlider = ({
@@ -31,40 +33,50 @@ const QuotesSlider = ({
   const nextButtonClass = cn(styles.control, {
     [styles.controlActive]: index + 1 < totalSlides
   });
-  const quoteTextClass = large ? 'ktl-subtitle' : 'ktl-text-1';
+  const textCn = useTextStyles();
+  const theme = useTheme();
+  const quoteTextClass = large ? textCn('rs-subtitle-2') : textCn('rs-text-1');
   return React__default.createElement("div", {
-    className: styles.quotesSlider
+    className: cn(styles.quotesSlider, {
+      [styles.quotesSliderDarkTheme]: theme === 'dark'
+    })
   }, React__default.createElement("div", {
     className: styles.content
   }, React__default.createElement("div", {
-    className: styles.iconContainer
+    className: cn(styles.iconContainer, {
+      [styles.iconContainerDarkTheme]: theme === 'dark'
+    })
   }, React__default.createElement(SvgQuote, null)), React__default.createElement("div", null, quotes.length > 1 ? React__default.createElement(SwipeableViews, {
     index: index,
     onChangeIndex: handleChangeIndex
   }, quotes.map((quote, i) => React__default.createElement("p", {
-    className: quoteTextClass,
+    className: cn(quoteTextClass, styles.quoteText),
     key: i
   }, quote.text))) : React__default.createElement("p", {
-    className: quoteTextClass
+    className: cn(quoteTextClass, styles.quoteText)
   }, quotes[0].text), React__default.createElement("div", {
     className: styles.nav
   }, React__default.createElement("div", {
     className: styles.title
   }, React__default.createElement("p", {
-    className: "ktl-text-2"
+    className: textCn('rs-text-2')
   }, slideTitle)), quotes.length > 1 && React__default.createElement("div", {
     className: styles.controls
   }, React__default.createElement("div", {
     className: prevButtonClass,
     onClick: handlePrevSlide
-  }, React__default.createElement(SvgSliderArrow, null)), React__default.createElement("div", {
+  }, React__default.createElement(ArrowLeftIcon, {
+    theme: theme
+  })), React__default.createElement("div", {
     className: styles.slidesCount
   }, React__default.createElement("p", {
-    className: "ktl-text-2"
+    className: textCn('rs-text-2')
   }, index + 1, "/", totalSlides)), React__default.createElement("div", {
     className: nextButtonClass,
     onClick: handleNextSlide
-  }, React__default.createElement(SvgSliderArrow, null)))))));
+  }, React__default.createElement(ArrowRightIcon, {
+    theme: theme
+  })))))));
 };
 
 export { QuotesSlider };

package/out/components/quotes-slider/quotes-slider.module.pcss.js

@@ -2,12 +2,12 @@ var styles = {
   "quotesSlider": "ktl-quotes-slider-module_quotes-slider_y2xdf",
   "content": "ktl-quotes-slider-module_content_ycgWG",
   "iconContainer": "ktl-quotes-slider-module_icon-container_tRSxF",
+  "iconContainerDarkTheme": "ktl-quotes-slider-module_icon-container-dark-theme_YwVUC",
+  "quoteText": "ktl-quotes-slider-module_quote-text_u-x9D",
   "nav": "ktl-quotes-slider-module_nav_0aZMC",
-  "title": "ktl-quotes-slider-module_title_wOsKl",
   "controls": "ktl-quotes-slider-module_controls_OuyQ8",
   "control": "ktl-quotes-slider-module_control_eN3Tf",
   "controlActive": "ktl-quotes-slider-module_control-active_sE-QK",
-  "controlPrev": "ktl-quotes-slider-module_control-prev_9eMAN",
   "slidesCount": "ktl-quotes-slider-module_slides-count_T0-Ln"
 };
 export { styles as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@jetbrains/kotlin-web-site-ui",
   "description": "UI components for Kotlin web sites development",
-  "version": "4.4.6",
+  "version": "4.5.0-alpha.0",
   "license": "Apache-2.0",
   "author": "JetBrains",
   "files": [

package/out/components/quotes-slider/slider-arrow.svg.js

@@ -1,33 +0,0 @@
-import * as React from 'react';
-
-var _path;
-
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-const SvgSliderArrow = props => /*#__PURE__*/React.createElement("svg", _extends({
-  width: 19,
-  height: 14,
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-  d: "M19 7.1 11 14V8.1H0v-2h11V.3l8 6.8Z",
-  fill: "currentColor"
-})));
-
-export { SvgSliderArrow as default };