@king-design/intact 2.0.0-beta.1 → 2.0.2

package/es/site/src/pages/index/index.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
 import { createRef } from 'intact';
@@ -19,15 +18,10 @@ var Index = /*#__PURE__*/function (_Layout) {
 
     _this = _Layout.call.apply(_Layout, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.bestPrac = createRef();
+    _this.bannerVideo = createRef();
     return _this;
   }
 
-  Index.defaults = function defaults() {
-    return _extends({}, Layout.defaults(), {
-      themeColor: '#0191EA'
-    });
-  };
-
   var _proto = Index.prototype;
 
   _proto.handleColorChange = function handleColorChange(color) {
@@ -36,7 +30,16 @@ var Index = /*#__PURE__*/function (_Layout) {
     _Layout.prototype.handleColorChange.call(this, color);
 
     (_this$bestPrac$value = this.bestPrac.value) == null ? void 0 : _this$bestPrac$value.setFrameValue(color);
-    this.set('themeColor', color);
+  };
+
+  _proto.mounted = function mounted() {
+    var _this2 = this;
+
+    var video = this.bannerVideo.value;
+
+    video.oncanplay = function () {
+      _this2.set('videoLevel', 5);
+    };
   };
 
   return Index;

package/es/site/src/pages/index/styles.js

@@ -1,8 +1,6 @@
 import { css } from '@emotion/css';
 import global from '../../styles/default';
-import design_system from '../../imgs/design_system.png';
-import nav_logo from '../../imgs/nav_logo.png';
-import index_nav_bg from '../../imgs/index_nav_bg.png';
+import banner from '../../imgs/banner.jpg';
 export function makeStyles() {
-  return /*#__PURE__*/css("font-family:", global.fontFamily, ";.nav{height:460px;position:relative;.nav-bg,.nav-content-box{width:100%;height:100%;position:absolute;left:0;top:0;}.nav-bg{z-index:1;background-image:url(", index_nav_bg, ");background-position:63px 0px;background-repeat:no-repeat;}.nav-content-box{z-index:5;background:linear-gradient(90deg, #EFF3FA 37.08%, rgba(235, 242, 248, 0.26) 74.87%);padding-top:64px;display:flex;align-items:center;justify-content:center;.nav-content{width:", global.contentWidth, "px;}}.nav-content{&>div:first-child{margin-top:53px;margin-bottom:22px;width:154px;height:29px;background-image:url(", design_system, ");}&>div:nth-child(2){margin-bottom:20px;width:443px;height:74px;background-image:url(", nav_logo, ");}&>div:nth-child(3){font-size:24px;color:#4A4A4A;margin-bottom:33px;}&>div:last-child{display:flex;.k-btn{width:108px;height:40px;margin-right:16px;display:flex;align-items:center;font-family:Roboto;font-size:14px;img{margin-right:7px;}}}}.btn-github{margin-left:5px;}}");
+  return /*#__PURE__*/css("font-family:", global.fontFamily, ";.nav{height:460px;position:relative;margin-top:-64px;.nav-bg,.nav-content-box{width:100%;height:100%;position:absolute;left:0;top:0;}.nav-bg{z-index:1;background-image:url(", banner, ");background-repeat:no-repeat;background-size:1920px 460px;}.nav-video-box{width:100%;height:100%;overflow:hidden;position:absolute;left:0;top:0;.nav-video-bg{width:1920px;height:460px;}}.nav-content-box{z-index:10;background:linear-gradient(270deg, rgba(248,252,255,0) 32%, rgba(244,249,255,0.96) 73%);display:flex;align-items:center;justify-content:center;padding-left:20px;}.nav-content{width:", global.contentWidth, "px;color:#000000;height:100%;position:relative;&>div{position:absolute;}&>div:first-child{font-size:45px;font-weight:500;top:164px;}&>div:nth-child(2){font-size:22px;top:237px;}&>div:nth-child(3){top:340px;.k-btn{margin-right:16px;}}}}@media (max-width: 768px){.nav{.nav-content{width:100%;&>div:first-child{font-size:34px;}&>div:nth-child(2){width:300px;background-size:contain;background-position:center;font-size:16px;}}.nav-video-box{&,& video{display:none;}}}}");
 }

package/es/site/src/pages/layout.d.ts

@@ -5,6 +5,7 @@ export interface LayoutProps {
     colorList: string[];
     showThemeColor: boolean;
     curLang: string;
+    videoLevel?: number;
 }
 export default class Layout<T extends LayoutProps = LayoutProps> extends Component<T> {
     static template: string | import("intact").Template<any>;
@@ -13,4 +14,5 @@ export default class Layout<T extends LayoutProps = LayoutProps> extends Compone
     showColorList(): void;
     hideColorList(): void;
     setLang(langType: string): void;
+    onChangeVersion(version: string): void;
 }

package/es/site/src/pages/layout.js

@@ -2,8 +2,27 @@ import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import { __decorate } from "tslib";
 import template from './layout.vdt';
 import { Component } from 'intact';
-import { setTheme, bind } from 'kpc';
+import { setTheme, bind, Dialog } from 'kpc';
 var colorList = ['#0191EA', '#FF7F22', '#2238FF'];
+var themeColor = colorList[0];
+Dialog.setHooks({
+  onStart: function onStart(scrollBarWidth) {
+    if (scrollBarWidth) {
+      var header = document.querySelector('.k-layout-header');
+
+      if (header) {
+        header.style.paddingRight = scrollBarWidth + "px";
+      }
+    }
+  },
+  onEnd: function onEnd() {
+    var header = document.querySelector('.k-layout-header');
+
+    if (header) {
+      header.style.paddingRight = '0';
+    }
+  }
+});
 
 var Layout = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Layout, _Component);
@@ -17,6 +36,7 @@ var Layout = /*#__PURE__*/function (_Component) {
   _proto.handleColorChange = function handleColorChange(color) {
     if (this.get('themeColor') !== color) {
       this.set('themeColor', color);
+      themeColor = color;
       this.set('showThemeColor', false);
       setTheme({
         color: {
@@ -39,6 +59,12 @@ var Layout = /*#__PURE__*/function (_Component) {
     this.set('curLang', langType);
   };
 
+  _proto.onChangeVersion = function onChangeVersion(version) {
+    if (version === 'v1') {
+      location.href = '/v1/';
+    }
+  };
+
   return Layout;
 }(Component);
 
@@ -47,10 +73,11 @@ Layout.template = template;
 Layout.defaults = function () {
   return {
     version: 'v1.1.1',
-    themeColor: colorList[0],
+    themeColor: themeColor,
     colorList: colorList,
     showThemeColor: false,
-    curLang: 'cn'
+    curLang: 'cn',
+    videoLevel: 0
   };
 };
 
@@ -58,4 +85,6 @@ export { Layout as default };
 
 __decorate([bind], Layout.prototype, "showColorList", null);
 
-__decorate([bind], Layout.prototype, "hideColorList", null);
+__decorate([bind], Layout.prototype, "hideColorList", null);
+
+__decorate([bind], Layout.prototype, "onChangeVersion", null);

package/es/site/src/pages/resource/index.d.ts

@@ -1,4 +1,8 @@
 import Layout from '../layout';
+export declare const getAxure: () => void;
+export declare const getSketch: () => void;
+export declare const getFigma: () => void;
+export declare const getWeights: () => void;
 export default class Index extends Layout {
     static template: string | import("vdt").Template<any>;
     static defaults(): {
@@ -7,5 +11,7 @@ export default class Index extends Layout {
         colorList?: string[] | undefined;
         showThemeColor?: boolean | undefined;
         curLang?: string | undefined;
+        videoLevel?: number | undefined;
     };
+    goDoc(link: string): void;
 }

package/es/site/src/pages/resource/index.js

@@ -2,6 +2,19 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import template from './index.vdt';
 import Layout from '../layout';
+import { Link } from '../../components/link';
+export var getAxure = function getAxure() {
+  location.href = 'https://damife.ks3-cn-beijing.ksyuncs.com/kpc/KingDesign-Axure.zip';
+};
+export var getSketch = function getSketch() {
+  location.href = 'https://damife.ks3-cn-beijing.ksyuncs.com/kpc/KingDesign-Sketch.zip';
+};
+export var getFigma = function getFigma() {
+  window.open('https://www.figma.com/file/Uo5AKEmBXT4HOD41CDWliK/King-Design-V1.0.0?node-id=0%3A1');
+};
+export var getWeights = function getWeights() {
+  location.href = 'https://damife.ks3-cn-beijing.ksyuncs.com/kpc/度量工具.xlsx';
+};
 
 var Index = /*#__PURE__*/function (_Layout) {
   _inheritsLoose(Index, _Layout);
@@ -14,8 +27,15 @@ var Index = /*#__PURE__*/function (_Layout) {
     return _extends({}, Layout.defaults());
   };
 
+  var _proto = Index.prototype;
+
+  _proto.goDoc = function goDoc(link) {
+    Link.to(link);
+  };
+
   return Index;
 }(Layout);
 
 Index.template = template;
-export { Index as default };
+export { Index as default };
+;

package/es/site/src/pages/resource/styles.js

@@ -1,8 +1,10 @@
 import { css } from '@emotion/css';
-import global, { mainBlock } from '../../styles/default';
-import resource_bg from '../../imgs/resource_bg.png';
+import global, { mainBlock, center } from '../../styles/default';
+import resource_bg from '../../imgs/resource_bg.jpg';
 import color_process_bg from '../../imgs/color_process_bg.png';
 import workflow_bg from '../../imgs/workflow_bg.png';
+import color_process_expect from '../../imgs/expect.png';
+import { theme } from 'kpc/styles/theme';
 export function makeStyles() {
-  return /*#__PURE__*/css("font-family:", global.fontFamily, ";.source-nav{", mainBlock(260), ";padding-top:64px;background:#F1F6FA;background-image:url(", resource_bg, ");background-repeat:no-repeat;background-position:750px 10px;.content{display:flex;align-items:center;.nav-title{&>div:first-child{font-size:44px;color:#000000;}&>div:last-child{color:#797979;font-size:16px;}}}}.source-content{", mainBlock(961), ";.content-top{height:429px;background:#EFF3FA;border-radius:8px;margin-top:32px;}.main-title{color:#000000;font-weight:600;font-size:24px;padding:26px 0px 9px 40px;}.secondary-title{padding-left:40px;color:#7A7A7A;font-size:16px;}.card-title{margin-bottom:24px;font-size:12px;color:#626262;}.card-content-box{height:141px;display:flex;&>div:not(:last-child){margin-right:27px;}}.card-item{width:168px;height:42px;background:#EFF3FA;border-radius:4px;display:flex;align-items:center;padding-left:9px;color:#434343;margin-bottom:12px;img{width:27px;height:27px;}&>div:last-child{padding-left:14px;}}.workflow-box{background-image:url(", workflow_bg, ");width:1132px;height:252px;margin:32px auto;margin-bottom:18px;background-repeat:no-repeat;display:flex;justify-content:space-around;align-items:center;padding-top:25px;}.line{height:4px;width:100%;background:linear-gradient(90deg, #0191EA 20.07%, #0142EA 84.76%);}.content-bottom{height:420px;margin-top:29px;display:flex;color:#7A7A7A;font-size:16px;.title{color:#000000;font-size:24px;}&>div{background:#EFF3FA;border-radius:8px;}.tool-box{flex-grow:1;margin-right:31px;padding:25px 39px 37px 41px;.tool-item{background:#DAE3EF;border-radius:8px;height:120px;margin-top:30px;display:flex;align-items:center;padding-left:40px;}.process-box{background-image:url(", color_process_bg, ");}}.priciples{margin-top:15px;}.principle{width:505px;padding:28px 49px 29px 41px;.priciple-item{cursor:pointer;color:#000000;height:60px;display:flex;align-items:center;span{flex-grow:1;}.k-icon{color:#5A5A68;}}.priciple-item:not(:last-child){border-bottom:1px solid #B0BDC8;}}}}");
+  return /*#__PURE__*/css("font-family:", global.fontFamily, ";.source-nav{", mainBlock(260), ";background-image:url(", resource_bg, ");background-repeat:no-repeat;background-position:right bottom;background-size:cover;padding-left:20px;.content{display:flex;align-items:center;.nav-title{color:#000000;&>div:first-child{font-size:44px;}&>div:last-child{font-size:16px;}}}}.source-content{", mainBlock(961), ";.content-top{height:429px;background:#EFF3FA;border-radius:8px;margin-top:32px;}.main-title{color:#000000;font-weight:600;font-size:24px;padding:26px 0px 0px 40px;}.secondary-title{padding-left:40px;color:#7A7A7A;font-size:16px;}.card-title{margin-bottom:24px;font-size:12px;color:#626262;}.card-content-box{height:141px;display:flex;&>div:not(:last-child){margin-right:27px;}}.card-item{width:168px;height:42px;background:#EFF3FA;border-radius:4px;display:flex;align-items:center;padding-left:9px;color:#434343;margin-bottom:12px;cursor:pointer;img{width:27px;height:27px;border-radius:4px;}&>div:last-child{padding-left:14px;}&:hover{background:#E5EAF4;}&:active{background:#DAE3EF;}.github-logo{width:27px;height:27px;border-radius:4px;", center(), ";background:#fff;margin-right:14px;}.code-resource{display:flex;align-items:center;color:#434343;&>div:last-child{padding-left:14px;}}.sketch-img-box{width:27px;height:27px;border-radius:4px;", center(), ";background:#fff;img{width:70%;height:70%;}}}.workflow-box{background-image:url(", workflow_bg, ");width:1132px;height:252px;margin:32px auto;margin-bottom:18px;background-repeat:no-repeat;display:flex;justify-content:space-around;align-items:center;padding-top:25px;}.line{height:4px;width:100%;background:linear-gradient(90deg, #0191EA 20.07%, #0142EA 84.76%);}.content-bottom{height:420px;margin-top:29px;display:flex;color:#7A7A7A;font-size:16px;.title{color:#000000;font-size:24px;}&>div{background:#EFF3FA;border-radius:8px;}.tool-box{flex-grow:1;margin-right:31px;padding:25px 39px 37px 41px;.tool-item{background:#DAE3EF;border-radius:8px;height:120px;margin-top:30px;display:flex;align-items:center;padding-left:40px;transition:box-shadow ", theme.transition.middle, ";}.tool-item:hover{box-shadow:", global.cardBoxShadow, ";}.process-box{background-image:url(", color_process_bg, ");background-size:contain;span{color:#626262;margin-left:10px;}}.expect-box{background-image:url(", color_process_expect, ");background-size:cover;}}.priciples{margin-top:15px;}.principle{width:505px;padding:28px 49px 29px 41px;.priciple-item{cursor:pointer;color:#000000;height:60px;display:flex;align-items:center;span{flex-grow:1;}.k-icon{color:#5A5A68;}}.priciple-item:not(:last-child){border-bottom:1px solid #B0BDC8;}.priciple-item,.priciple-item i{transition:color .25s linear;}.priciple-item:hover{color:#0191EA;i{color:#0191EA;}}}}}@media (max-width: 768px){.source-content{height:auto;padding:8px;.content-top{height:auto;}.main-title{padding:26px 16px;}.secondary-title{padding-left:16px;}.workflow-box{flex-direction:column;padding:8px;height:auto;width:100%;align-items:normal;}.card-content-box{height:auto;flex-direction:column;}.content-bottom{height:auto;flex-direction:column;.tool-box{padding:26px 16px;margin-right:0;.tool-item{max-width:500px;}.process-box{padding-left:15px;}.expect-box{background-position:-24px;}}.principle{width:auto;margin-top:20px;padding:26px 16px;}}}}");
 }

package/es/site/src/pages/solution/index.d.ts

@@ -2,10 +2,16 @@ import Layout from '../layout';
 export default class Index extends Layout {
     static template: string | import("vdt").Template<any>;
     static defaults(): {
+        curImgList: never[];
+        showImgBox: boolean;
         version?: string | undefined;
         themeColor?: string | undefined;
         colorList?: string[] | undefined;
         showThemeColor?: boolean | undefined;
         curLang?: string | undefined;
+        videoLevel?: number | undefined;
     };
+    handleImgClick(info: any): void;
+    handleBoxClose(): void;
+    downloadSketch(info: any): void;
 }

package/es/site/src/pages/solution/index.js

@@ -11,7 +11,25 @@ var Index = /*#__PURE__*/function (_Layout) {
   }
 
   Index.defaults = function defaults() {
-    return _extends({}, Layout.defaults());
+    return _extends({}, Layout.defaults(), {
+      curImgList: [],
+      showImgBox: false
+    });
+  };
+
+  var _proto = Index.prototype;
+
+  _proto.handleImgClick = function handleImgClick(info) {
+    this.set('curImgList', info.templateList);
+    this.set('showImgBox', true);
+  };
+
+  _proto.handleBoxClose = function handleBoxClose() {
+    this.set('showImgBox', false);
+  };
+
+  _proto.downloadSketch = function downloadSketch(info) {
+    location.href = "https://damife.ks3-cn-beijing.ksyuncs.com/kpc/" + info.downloadFileName;
   };
 
   return Index;

package/es/site/src/pages/solution/styles.js

@@ -1,6 +1,7 @@
 import { css } from '@emotion/css';
 import global, { mainBlock } from '../../styles/default';
-import solution_bg from '../../imgs/solution_bg.png';
+import solution_bg from '../../imgs/solution_bg.jpg';
+import { theme } from 'kpc/styles/theme';
 export function makeStyles() {
-  return /*#__PURE__*/css("font-family:", global.fontFamily, ";.solution-nav{", mainBlock(260), ";padding-top:64px;background:#F1F6FA;background-image:url(", solution_bg, ");background-repeat:no-repeat;background-position:-30px 0px;.content{display:flex;align-items:center;.nav-title{&>div:first-child{font-size:44px;color:#000000;}&>div:last-child{color:#797979;font-size:16px;}}}}.solution-content{", mainBlock(1030), ";&>div{padding-top:32px;}.solution-row{display:flex;justify-content:space-between;margin-top:20px;}.solution-item{width:384px;&>div:first-child{width:384px;height:240px;background:#EFF3FA;border-radius:8px;}&>div:last-child{display:flex;align-items:center;.title-box{flex-grow:1;&>div:first-child{margin-top:15px;font-size:18px;color:#000000;}}.download-icon{.k-icon{font-size:25px;}}}}}");
+  return /*#__PURE__*/css("font-family:", global.fontFamily, ";.solution-nav{", mainBlock(260), ";background-image:url(", solution_bg, ");background-repeat:no-repeat;background-position:right bottom;background-size:cover;.content{display:flex;align-items:center;.nav-title{color:#000000;&>div:first-child{font-size:44px;}&>div:last-child{font-size:16px;}}}}.solution-content{background:#F7F8FA;padding-bottom:40px;", mainBlock(1030), ";height:auto;&>div{padding-top:20px;}.solution-title{font-family:PingFangSC-Regular;font-size:16px;color:#000000;margin-bottom:30px;margin-top:10px;}.solution-box{display:flex;flex-wrap:wrap;}.solution-item{width:285px;height:310px;background:#ffffff;margin-bottom:20px;border-radius:10px;transition:box-shadow ", theme.transition.middle, ";img{width:100%;border-radius:10px 10px 0 0;cursor:pointer;}&:hover{box-shadow:", global.cardBoxShadow, ";}}.solution-item:not(:nth-child(4)){margin-right:20px;}.solution-item:hover{box-shadow:", global.cardBoxShadow, ";}.solution-info{padding:20px;&>div:first-child{font-size:16px;}&>div:last-child{display:flex;align-items:center;.sketch-logo{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #E6E6E6;border-radius:6px;cursor:pointer;transition:background ", theme.transition.middle, ";}.sketch-logo:hover{background:#F3F3F3;border-color:#F3F3F3;}.solution-desc{flex-grow:1;color:#8A8A8A;}img{width:70%;}}}}@media (max-width: 768px){.solution-nav{.content{padding-left:20px;}}.solution-title{padding-left:20px;}.solution-content{.solution-row{flex-direction:column;padding:0 16px;}}.solution-box{padding:0 20px;}.solution-content{.solution-item{margin:0 0 20px 0!important;width:100%;height:340px;}}}");
 }

package/es/site/src/pages/styles.d.ts

@@ -1 +1,2 @@
 export declare function makeHeaderStyles(): string;
+export declare function makeLayoutStyles(): string;

package/es/site/src/pages/styles.js

@@ -1,8 +1,11 @@
 import { css } from '@emotion/css';
 import headerLogo from '../imgs/header_logo.png';
 import headerLogo2x from '../imgs/header_logo_x2.png';
-import { center, fullfill } from '../styles/default';
+import { center } from '../styles/default';
 import { theme } from 'kpc/styles/theme';
 export function makeHeaderStyles() {
-  return /*#__PURE__*/css("&.k-layout-header{background:rgba(255, 255, 255, 0.6);box-shadow:0px 1px 1px rgba(176, 176, 176, 0.63);color:#000;backdrop-filter:blur(20px);justify-content:space-between;.logo{background-image:url(", headerLogo, ");width:174px;height:37px;background-size:cover;margin-left:22px;cursor:pointer;}@media screen and (-webkit-min-device-pixel-ratio: 2){.logo{background-image:url(", headerLogo2x, ");}}.k-tabs{border:none;display:flex;align-items:center;}.k-tab{color:#000;}.lang-wrapper{height:100%;display:flex;align-items:center;}.lang-box{display:flex;background:#DFEAF2;border-radius:2px;padding:4px;&>div{color:#090909;width:66px;height:24px;border-radius:2px;line-height:24px;text-align:center;}&>div.active{background:#FFFFFF;color:#0191EA;}}.main{height:100%;display:flex;align-items:center;.theme-color-box{position:relative;width:100px;height:100%;&:hover{background:#ffffff;}.cur-color{", fullfill(), ";", center(), ";}.theme-color-option{width:100%;position:absolute;left:0;top:65px;background:#ffffff;box-shadow:0px 4px 20px rgba(108, 103, 103, 0.25);&>div{height:62px;", center(), ";}}.color-item{", center(), ";cursor:pointer;width:34px;height:34px;border-radius:50%;color:#ffffff;border:4px solid #FFFFFF;box-shadow:0px 4px 20px rgba(108, 103, 103, 0.25);box-sizing:border-box;}}}.menu-btn{display:none;}@media (max-width: 768px){.logo{width:30px;}.k-tabs{display:none;}.menu-btn{display:block;}.nav-menu-list{width:200px;.active{color:", theme.color.primary, ";}}}}");
+  return /*#__PURE__*/css("&.k-layout-header{background:rgba(255, 255, 255, 0.65);box-shadow:0px 1px 4px 0px rgba(11, 11, 11, 0.2);color:#000;backdrop-filter:blur(20px);-moz-backdrop-filter:blur(20px);justify-content:space-between;.logo{background-image:url(", headerLogo, ");width:182px;height:40px;background-size:cover;margin-left:22px;cursor:pointer;}@media screen and (-webkit-min-device-pixel-ratio: 2){.logo{background-image:url(", headerLogo2x, ");}}.k-tabs{border:none;display:flex;align-items:center;}.k-tab{a{color:inherit;&:before{content:'';position:absolute;inset:0;}}}.k-select.versions{background:transparent;}.lang-wrapper{height:100%;display:flex;align-items:center;}.lang-box{display:flex;background:#DFEAF2;border-radius:2px;padding:4px;&>div{color:#090909;width:66px;height:24px;border-radius:2px;line-height:24px;text-align:center;}&>div.active{background:#FFFFFF;color:#0191EA;}}.main{height:100%;display:flex;align-items:center;.k-tabs{margin-right:40px;.k-tab{color:#000000;}}.theme-color-box{font-size:14px;position:relative;height:100%;display:flex;align-items:center;padding:0 16px;white-space:nowrap;&:hover{background:#ffffff;&>div:first-child{background:#ffffff;}}&>div:first-child{display:flex;align-items:center;height:100%;padding-right:10px;}.cur-color{height:100%;", center(), ";flex-grow:1;}.theme-color-option{width:100%;position:absolute;left:0;top:65px;background:#ffffff;box-shadow:0px 4px 20px rgba(108, 103, 103, 0.25);border-radius:4px;overflow:hidden;&>div{height:62px;", center(), ";}&>div:hover{background:#F8F8F8;}}.color-item{", center(), ";cursor:pointer;width:34px;height:34px;border-radius:50%;color:#ffffff;border:4px solid #FFFFFF;box-shadow:0px 4px 20px rgba(108, 103, 103, 0.25);box-sizing:border-box;}.color-item:hover{box-shadow:0 0 16px rgba(0, 0, 0, .1);}}}.menu-btn{display:none;margin-right:20px;}@media (max-width: 768px){.logo{width:50px;}.k-tabs{display:none;}.menu-btn{display:block;}.nav-menu-list{width:100%;.active{color:", theme.color.primary, ";}}}}");
+}
+export function makeLayoutStyles() {
+  return /*#__PURE__*/css("min-width:1240px;a,a code{color:", theme.color.link, ";text-decoration:none;&:hover{color:", theme.color.linkHover, ";}}@media (max-width: 768px){min-width:auto;}");
 }

package/es/site/src/router/index.d.ts

@@ -8,5 +8,6 @@ declare type RouteAction = {
 declare type Data = {
     path?: string;
 };
+export declare const version: string;
 declare const _default: Router<RouteResult, import("universal-router").RouterContext>;
 export default _default;