@jetbrains/kotlin-web-site-ui 0.0.0-foundation-changes.1 → 0.0.0-foundation-changes.2

package/out/components/cta-block/cta-block/cta-block.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { CtaBlock as CtaBlock$1 } from './v2/cta-block.js';
+
+function CtaBlock(props) {
+  if (props.adaptive !== 'layout') {
+    const {
+      adaptive,
+      ...rest
+    } = props;
+    return React.createElement(CtaBlock$1, { ...rest
+    });
+  }
+
+  const {
+    adaptive,
+    ...rest
+  } = props;
+  return React.createElement(CtaBlock$1, { ...rest
+  });
+}
+
+export { CtaBlock };

package/out/components/cta-block/cta-block/index.js

@@ -0,0 +1,6 @@
+import './index.css';
+import { CtaBlock as CtaBlock$1 } from './cta-block.js';
+export { CtaBlock as CtaBlockV1 } from './v1/cta-block.js';
+export { CtaBlock as CtaBlockV2 } from './v2/cta-block.js';
+const CtaBlock = CtaBlock$1;
+export { CtaBlock as default };

package/out/components/cta-block/cta-block/v2/cta-block.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import cn from 'classnames';
+import 'bem-cn-fast';
+import { useTextStyles } from '../../typography/hooks.js';
+import styles from './cta-block.module.pcss.js';
+
+function CtaBlock({
+  className,
+  theme,
+  classTopTitle,
+  topTitle,
+  classMainTitle,
+  mainTitle,
+  classContent,
+  children,
+  classButtons,
+  buttons
+}) {
+  const textCn = useTextStyles(theme || 'dark');
+  return React.createElement("div", {
+    className: cn(className, styles.wrapper)
+  }, React.createElement("div", {
+    className: cn(styles.layout, 'ktl-layout ktl-layout--center')
+  }, topTitle && React.createElement("div", {
+    className: cn(classTopTitle, styles.topTitle, textCn('ktl-text-3'))
+  }, topTitle), React.createElement("h2", {
+    className: cn(classMainTitle, styles.mainTitle, textCn('ktl-hero'))
+  }, mainTitle), children && React.createElement("div", {
+    className: cn(classContent, styles.content)
+  }, children), buttons && React.createElement("div", {
+    className: cn(classButtons, styles.buttons)
+  }, buttons)));
+}
+
+export { CtaBlock };

package/out/components/cta-block/cta-block/v2/cta-block.module.pcss.js

@@ -0,0 +1,9 @@
+var styles = {
+  "wrapper": "ktl-cta-block-module_wrapper_pE-pv",
+  "topTitle": "ktl-cta-block-module_top-title_8ly2n",
+  "mainTitle": "ktl-cta-block-module_main-title_iq1p4",
+  "content": "ktl-cta-block-module_content_QQ4PV",
+  "buttons": "ktl-cta-block-module_buttons_KPToV",
+  "layout": "ktl-cta-block-module_layout_ExLIm"
+};
+export { styles as default };

package/out/components/cta-block/typography/create-text-cn.js

@@ -0,0 +1,26 @@
+import bemCnFast from 'bem-cn-fast';
+
+function createTextCn(theme) {
+  if (!theme) {
+    throw new TypeError('theme argument is required');
+  }
+
+  function textCn(type = 'ktl-text-1', params = {
+    paragraphOffsetAuto: false,
+    hardness: undefined,
+    external: false,
+    mode: undefined
+  }) {
+    return bemCnFast(type)({
+      'paragraph-offset-auto': params.paragraphOffsetAuto,
+      hardness: params.hardness,
+      external: params.external,
+      mode: params.mode,
+      theme
+    });
+  }
+
+  return textCn;
+}
+
+export { createTextCn };

package/out/components/cta-block/typography/hooks.js

@@ -0,0 +1,6 @@
+import { useTheme } from '@rescui/ui-contexts';
+import { createTextCn } from './create-text-cn.js';
+
+const useTextStyles = theme => createTextCn(useTheme(theme));
+
+export { useTextStyles };

package/package.json

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

package/out/components/cta-block/index.js

@@ -1,7 +0,0 @@
-import './index.css';
-import 'react';
-import 'classnames';
-import 'bem-cn-fast';
-import '@rescui/ui-contexts';
-import { CtaBlock } from './v1/cta-block.js';
-export { CtaBlock as default } from './v1/cta-block.js';