@alicloud/console-base-theme 1.9.5 → 1.9.7

package/README.md

@@ -1,6 +1,6 @@
 # @alicloud/console-base-theme
 
-* [关于 CSS Variable 的实践研究](doc/reserch.md)
+* [关于 CSS Variable 的实践研究](doc/research.md)
 * [设计标注 - Fusion](https://fusion.alibaba-inc.com/pc/component/tokens)
 * [设计标注 - XConsole](https://fusion.alibaba-inc.com/79480/component/tokens)
 * [XConsole Design Themes](https://fusion.alibaba-inc.com/79480/setting/theme)

package/build/cjs/mixin/reset.js

@@ -19,5 +19,5 @@ var mixinInputReset = (0, _styledComponents.css)(["border:1px solid transparent;
  * 4. 定义 disabled 的基础样式
  */
 exports.mixinInputReset = mixinInputReset;
-var mixinButtonReset = (0, _styledComponents.css)(["padding:0;border:1px solid transparent;box-sizing:border-box;outline:none;background:none;line-height:inherit;cursor:pointer;font-family:inherit;font-size:inherit;text-align:center;text-decoration:none;color:inherit;transition:all ease-out 0.3s;&:hover,&:link:hover{text-decoration:none;}&:focus-visible{outline:2px dashed ", ";}&[disabled]{cursor:not-allowed;}"], _var.COLOR.BORDER_ACCENT_HOVER);
+var mixinButtonReset = (0, _styledComponents.css)(["padding:0;border:1px solid transparent;box-sizing:border-box;outline:none;background:none;line-height:inherit;cursor:pointer;font-family:inherit;font-size:inherit;text-align:center;text-decoration:none;color:inherit;transition:all ease-out 0.3s;&:hover,&:link:hover{text-decoration:none;}&:focus-visible{outline:1px solid ", ";}&[disabled]{cursor:not-allowed;}"], _var.COLOR.BORDER_ACCENT_HOVER);
 exports.mixinButtonReset = mixinButtonReset;

package/build/cjs/mixin/typo.js

@@ -31,7 +31,7 @@ var mixinTypoSmall = (0, _styledComponents.css)(["font-size:inherit;", ""], _tex
 exports.mixinTypoSmall = mixinTypoSmall;
 var mixinTypoCode = (0, _styledComponents.css)(["padding:2px 4px;border-radius:2px;", " ", ""], _text.mixinTextCode, _bg.mixinBgSecondaryFade);
 exports.mixinTypoCode = mixinTypoCode;
-var mixinTypoKbd = (0, _styledComponents.css)(["display:inline-block;padding:2px 4px;border-radius:3px;box-shadow:inset 0 -1px 0 ", ";box-shadow:inset 0 -1px 0 var(--cb-color-shadow,", ");line-height:1.2;", " ", " ", ""], _var.COLOR.SHADOW, _var.COLOR.SHADOW, _text.mixinTextSecondary, _bg.mixinBgSecondary, _border.mixinBorderTertiary);
+var mixinTypoKbd = (0, _styledComponents.css)(["display:inline-block;margin:0 0.1em;padding:0.1em 0.6em;border-radius:3px;box-shadow:0 1px 0 ", ",0 0 0 2px ", " inset;box-shadow:0 1px 0 var(--cb-color-shadow,", "),0 0 0 2px var(--cb-color-text-inverse,", ") inset;font:600 12px/1.4 Arial,'Helvetica Neue',Helvetica,sans-serif;white-space:nowrap;", " ", " ", ""], _var.COLOR.SHADOW, _var.COLOR.TEXT_INVERSE, _var.COLOR.SHADOW, _var.COLOR.TEXT_INVERSE, _text.mixinTextSecondary, _bg.mixinBgTertiary, _border.mixinBorderPrimary);
 exports.mixinTypoKbd = mixinTypoKbd;
 var mixinTypoBlockquote = (0, _styledComponents.css)(["padding:8px 16px;border-left-width:4px;border-left-style:solid;", " ", ""], _border.mixinBorderTertiaryColor, _text.mixinTextTertiary);
 exports.mixinTypoBlockquote = mixinTypoBlockquote;

package/build/{es → esm}/mixin/reset.js

@@ -12,4 +12,4 @@ export var mixinInputReset = css(["border:1px solid transparent;box-sizing:borde
  * 3. 避免 link hover 的样式干扰
  * 4. 定义 disabled 的基础样式
  */
-export var mixinButtonReset = css(["padding:0;border:1px solid transparent;box-sizing:border-box;outline:none;background:none;line-height:inherit;cursor:pointer;font-family:inherit;font-size:inherit;text-align:center;text-decoration:none;color:inherit;transition:all ease-out 0.3s;&:hover,&:link:hover{text-decoration:none;}&:focus-visible{outline:2px dashed ", ";}&[disabled]{cursor:not-allowed;}"], COLOR.BORDER_ACCENT_HOVER);
+export var mixinButtonReset = css(["padding:0;border:1px solid transparent;box-sizing:border-box;outline:none;background:none;line-height:inherit;cursor:pointer;font-family:inherit;font-size:inherit;text-align:center;text-decoration:none;color:inherit;transition:all ease-out 0.3s;&:hover,&:link:hover{text-decoration:none;}&:focus-visible{outline:1px solid ", ";}&[disabled]{cursor:not-allowed;}"], COLOR.BORDER_ACCENT_HOVER);

package/build/{es → esm}/mixin/typo.js

@@ -4,8 +4,8 @@ import { css } from 'styled-components';
 import { TYPO, COLOR } from '../var';
 import { mixinTextPrimary, mixinTextEmphasis, mixinTextCode, mixinTextSecondary, mixinTextTertiary } from './text';
 import { mixinLinkPrimary } from './link';
-import { mixinBgSecondary, mixinBgSecondaryFade } from './bg';
-import { mixinBorderTertiary, mixinBorderTertiaryColor } from './border';
+import { mixinBgSecondaryFade, mixinBgTertiary } from './bg';
+import { mixinBorderPrimary, mixinBorderTertiaryColor } from './border';
 
 // 日文专属
 export var mixinTypoFontFamilyBaseJa = css(["font-family:", ";font-family:var(--cb-typo-font-family-base-ja,", ");"], TYPO.FONT_FAMILY_BASE_JA, TYPO.FONT_FAMILY_BASE_JA);
@@ -18,7 +18,7 @@ export var mixinTypoStrong = css(["font-weight:600;", ""], mixinTextPrimary);
 export var mixinTypoEm = css(["font-style:normal;", ""], mixinTextEmphasis);
 export var mixinTypoSmall = css(["font-size:inherit;", ""], mixinTextTertiary);
 export var mixinTypoCode = css(["padding:2px 4px;border-radius:2px;", " ", ""], mixinTextCode, mixinBgSecondaryFade);
-export var mixinTypoKbd = css(["display:inline-block;padding:2px 4px;border-radius:3px;box-shadow:inset 0 -1px 0 ", ";box-shadow:inset 0 -1px 0 var(--cb-color-shadow,", ");line-height:1.2;", " ", " ", ""], COLOR.SHADOW, COLOR.SHADOW, mixinTextSecondary, mixinBgSecondary, mixinBorderTertiary);
+export var mixinTypoKbd = css(["display:inline-block;margin:0 0.1em;padding:0.1em 0.6em;border-radius:3px;box-shadow:0 1px 0 ", ",0 0 0 2px ", " inset;box-shadow:0 1px 0 var(--cb-color-shadow,", "),0 0 0 2px var(--cb-color-text-inverse,", ") inset;font:600 12px/1.4 Arial,'Helvetica Neue',Helvetica,sans-serif;white-space:nowrap;", " ", " ", ""], COLOR.SHADOW, COLOR.TEXT_INVERSE, COLOR.SHADOW, COLOR.TEXT_INVERSE, mixinTextSecondary, mixinBgTertiary, mixinBorderPrimary);
 export var mixinTypoBlockquote = css(["padding:8px 16px;border-left-width:4px;border-left-style:solid;", " ", ""], mixinBorderTertiaryColor, mixinTextTertiary);
 export var mixinTypoLineWrap = css(["white-space:normal;word-wrap:break-word;"]);
 export var mixinTypoNoWrap = css(["white-space:nowrap;"]);

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@alicloud/console-base-theme",
-  "version": "1.9.5",
+  "version": "1.9.7",
   "description": "控制台主题 - 基于 css variable 和 styled-components",
   "license": "MIT",
   "sideEffects": false,
   "main": "build/cjs/index.js",
-  "module": "build/es/index.js",
+  "module": "build/esm/index.js",
   "types": "build/types/index.d.ts",
   "homepage": "https://github.com/aliyun/alibabacloud-console-base/tree/master/packages-theme/console-base-theme",
   "author": {
@@ -23,7 +23,7 @@
   "devDependencies": {
     "@alicloud/console-toolkit-cli": "^1.2.30",
     "@alicloud/console-toolkit-preset-component": "^1.2.61",
-    "@alicloud/demo-rc-elements": "^1.11.16",
+    "@alicloud/demo-rc-elements": "^1.12.2",
     "@alicloud/ts-config": "^1.1.3",
     "@types/lodash-es": "^4.17.7",
     "@types/react": "^17.0.58",
@@ -31,14 +31,14 @@
     "lodash-es": "^4.17.21",
     "react": "^17.0.2",
     "styled-components": "^5.3.10",
-    "typescript": "^4.9.5"
+    "typescript": "^5.0.4"
   },
   "peerDependencies": {
     "styled-components": ">=5"
   },
   "dependencies": {
     "@alicloud/console-base-theme-color": "^1.5.10",
-    "@alicloud/mere-dom": "^1.7.0"
+    "@alicloud/mere-dom": "^1.8.0"
   },
   "scripts": {
     "start": "breezr start-storybook",
@@ -46,8 +46,8 @@
     "build:esm": "breezr build --engine babel --es-module",
     "build:cjs": "breezr build --engine babel",
     "build:bundle": "breezr build --engine webpack",
-    "build:typings": "tsc --outDir build/types --declaration --emitDeclarationOnly",
-    "build": "yarn build:esm && yarn build:cjs && yarn build:typings",
+    "build:types": "tsc -p tsconfig-declaration.json --outDir build/types --declaration --emitDeclarationOnly",
+    "build": "yarn build:esm && yarn build:cjs && yarn build:types",
     "clean": "rm -rf build",
     "prepublishOnly": "yarn clean && yarn build"
   },