@jetbrains/kotlin-web-site-ui 4.13.0-alpha.5 → 4.13.0-alpha.7

package/out/components/breakpoints-v2/constants.js

@@ -3,7 +3,8 @@ const BREAKPOINTS = {
   ML: 640,
   TS: 808,
   TL: 1000,
-  DS: 1190
+  DS: 1190,
+  DL: Infinity
 };
 const BREAKPOINTS_NAMES = Object.freeze(Object.keys(BREAKPOINTS));
 
@@ -14,7 +15,7 @@ function isBreakpointKey(key) {
 
 function generateInMediaItem([name, value], index, list) {
   if (!isBreakpointKey(name)) throw new Error(`Invalid breakpoint name: ${name}`);
-  let result = `width <= ${value}px`;
+  let result = value === Infinity ? 'width' : `width <= ${value}px`;
 
   if (index > 0) {
     result = `${list[index - 1][1]}px < ${result}`;
@@ -30,7 +31,7 @@ function generateMoreMediaItem([name, value]) {
   return [name, `(width > ${value}px)`];
 }
 
-const BREAKPOINTS_MORE_MEDIA = Object.fromEntries(Object.entries(BREAKPOINTS).map(generateMoreMediaItem)); // --- Generate media queries for width < min ---
+const BREAKPOINTS_MORE_MEDIA = Object.fromEntries(Object.entries(BREAKPOINTS).filter(([, value]) => value !== Infinity).map(generateMoreMediaItem)); // --- Generate media queries for width < min ---
 
 function generateLessMediaItem([name], index, list) {
   if (!isBreakpointKey(name)) throw new Error(`Invalid breakpoint name: ${name}`);
@@ -47,12 +48,12 @@ function generateMaxMediaItem([name, value]) {
   return [name, `(max-width: ${value}px)`];
 }
 
-const BREAKPOINTS_MAX_MEDIA = Object.fromEntries(Object.entries(BREAKPOINTS).map(generateMaxMediaItem)); // --- Generate media queries for (max-width: max) ---
+const BREAKPOINTS_MAX_MEDIA = Object.fromEntries(Object.entries(BREAKPOINTS).filter(([, value]) => value !== Infinity).map(generateMaxMediaItem)); // --- Generate media queries for (max-width: max) ---
 
 function generateMinMediaItem([name, value]) {
   if (!isBreakpointKey(name)) throw new Error(`Invalid breakpoint name: ${name}`);
   return [name, `(min-width: ${value + 1}px)`];
 }
 
-const BREAKPOINTS_MIN_MEDIA = Object.fromEntries(Object.entries(BREAKPOINTS).map(generateMinMediaItem));
+const BREAKPOINTS_MIN_MEDIA = Object.fromEntries(Object.entries(BREAKPOINTS).filter(([, value]) => value !== Infinity).map(generateMinMediaItem));
 export { BREAKPOINTS, BREAKPOINTS_IN_MEDIA, BREAKPOINTS_LESS_MEDIA, BREAKPOINTS_MAX_MEDIA, BREAKPOINTS_MIN_MEDIA, BREAKPOINTS_MORE_MEDIA, BREAKPOINTS_NAMES };

package/out/components/breakpoints-v2/media.pcss

@@ -13,6 +13,7 @@
 @custom-media --ktl-ts-in (640px < width <= 808px);
 @custom-media --ktl-tl-in (808px < width <= 1000px);
 @custom-media --ktl-ds-in (1000px < width <= 1190px);
+@custom-media --ktl-dl-in (1190px < width);
 @custom-media --ktl-ms-more (width > 472px);
 @custom-media --ktl-ml-more (width > 640px);
 @custom-media --ktl-ts-more (width > 808px);
@@ -21,4 +22,5 @@
 @custom-media --ktl-ml-less (width <= 472px);
 @custom-media --ktl-ts-less (width <= 640px);
 @custom-media --ktl-tl-less (width <= 808px);
-@custom-media --ktl-ds-less (width <= 1000px);
+@custom-media --ktl-ds-less (width <= 1000px);
+@custom-media --ktl-dl-less (width <= 1190px);

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

@@ -5,7 +5,7 @@ const SOLUTIONS_TITLE = 'Solutions';
 const CASE_STUDIES_TITLE = 'Case studies';
 const CASE_STUDIES_URL = '/case-studies/';
 const MULTIPLATFORM_MOBILE_TITLE = 'Multiplatform';
-const MULTIPLATFORM_MOBILE_URL = `/lp/mobile/`;
+const MULTIPLATFORM_MOBILE_URL = `/multiplatform/`;
 const SERVER_SIDE_TITLE = 'Server-side';
 const SERVER_SIDE_URL = `/server-side/`;
 const MULTIPLATFORM_LIBRARIES_TITLE = 'Multiplatform libraries';

package/package.json

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