@alicloud/console-base-theme 1.7.2 → 1.7.3

package/build/cjs/mixin/typo.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mixinTypoStrong = exports.mixinTypoSmall = exports.mixinTypoNoWrap = exports.mixinTypoLineWrap = exports.mixinTypoKbd = exports.mixinTypoFontFamilyMono = exports.mixinTypoFontFamilyBaseJa = exports.mixinTypoFontFamilyBase = exports.mixinTypoFontBase = exports.mixinTypoEm = exports.mixinTypoEllipsisLines = exports.mixinTypoEllipsis = exports.mixinTypoCode = exports.mixinTypoBlockquote = void 0;
+exports.mixinTypoStrong = exports.mixinTypoSmall = exports.mixinTypoNoWrap = exports.mixinTypoLineWrap = exports.mixinTypoKbd = exports.mixinTypoFontFamilyMono = exports.mixinTypoFontFamilyBaseJa = exports.mixinTypoFontFamilyBase = exports.mixinTypoFontBase = exports.mixinTypoEm = exports.mixinTypoEllipsisLines = exports.mixinTypoEllipsis = exports.mixinTypoElementsList = exports.mixinTypoElementsInline = exports.mixinTypoCode = exports.mixinTypoBlockquote = void 0;
 
 var _styledComponents = require("styled-components");
 
@@ -11,10 +11,13 @@ var _var = require("../var");
 
 var _text = require("./text");
 
+var _link = require("./link");
+
 var _bg = require("./bg");
 
 var _border = require("./border");
 
+// 此文件手动编辑
 // 日文专属
 var mixinTypoFontFamilyBaseJa = (0, _styledComponents.css)(["font-family:", ";font-family:var(--cb-typo-font-family-base-ja,", ");"], _var.TYPO.FONT_FAMILY_BASE_JA, _var.TYPO.FONT_FAMILY_BASE_JA); // lang-ja 是 console-base 注入到 body 的 className，虽然有些耦合，但比较实用
 
@@ -52,4 +55,16 @@ var mixinTypoEllipsisLines = (0, _styledComponents.css)(["display:-webkit-box;li
   var h = props.lineHeight * props.lines;
   return props.withMaxHeight ? (0, _styledComponents.css)(["max-height:", "px;"], h) : (0, _styledComponents.css)(["height:", "px;"], h);
 });
-exports.mixinTypoEllipsisLines = mixinTypoEllipsisLines;
+/**
+ * 当某元素内部有各种 inline 元素需要有样式的时候，用它
+ */
+
+exports.mixinTypoEllipsisLines = mixinTypoEllipsisLines;
+var mixinTypoElementsInline = (0, _styledComponents.css)(["a{text-decoration:none;", " &:link:hover{text-decoration:underline;}}em{", "}strong{", "}small{font-size:inherit;", "}code{", " ", "}kbd{", "}br{content:'';display:block;}"], _link.mixinLinkPrimary, mixinTypoEm, mixinTypoStrong, _text.mixinTextTertiary, mixinTypoCode, mixinTypoFontFamilyMono, mixinTypoKbd);
+/**
+ * 当某元素内部有 ul\ol\dl 元素需要有样式的时候，用它
+ */
+
+exports.mixinTypoElementsInline = mixinTypoElementsInline;
+var mixinTypoElementsList = (0, _styledComponents.css)(["ul,ol,dl{margin:1em 0 1em 1em;padding:0;line-height:1.5 !important;font-size:inherit;color:inherit;&:first-child{margin-top:0;}&:last-child{margin-bottom:0;}li{margin:0.5em 0;list-style:inherit;}}ul{list-style:disc inside;ul{list-style-type:circle;ul{list-style-type:disc;}}}ol{list-style:decimal inside;ol{list-style-type:lower-roman;}}dl{dt{margin-top:1em;padding:0;font-weight:600;}dd{margin:0 0 1em 0;}}"]);
+exports.mixinTypoElementsList = mixinTypoElementsList;

package/build/es/mixin/typo.js

@@ -1,6 +1,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'; // 日文专属
 
@@ -26,4 +28,14 @@ export var mixinTypoEllipsisLines = css(["display:-webkit-box;line-height:", "px
 }, function (props) {
   var h = props.lineHeight * props.lines;
   return props.withMaxHeight ? css(["max-height:", "px;"], h) : css(["height:", "px;"], h);
-});
+});
+/**
+ * 当某元素内部有各种 inline 元素需要有样式的时候，用它
+ */
+
+export var mixinTypoElementsInline = css(["a{text-decoration:none;", " &:link:hover{text-decoration:underline;}}em{", "}strong{", "}small{font-size:inherit;", "}code{", " ", "}kbd{", "}br{content:'';display:block;}"], mixinLinkPrimary, mixinTypoEm, mixinTypoStrong, mixinTextTertiary, mixinTypoCode, mixinTypoFontFamilyMono, mixinTypoKbd);
+/**
+ * 当某元素内部有 ul\ol\dl 元素需要有样式的时候，用它
+ */
+
+export var mixinTypoElementsList = css(["ul,ol,dl{margin:1em 0 1em 1em;padding:0;line-height:1.5 !important;font-size:inherit;color:inherit;&:first-child{margin-top:0;}&:last-child{margin-bottom:0;}li{margin:0.5em 0;list-style:inherit;}}ul{list-style:disc inside;ul{list-style-type:circle;ul{list-style-type:disc;}}}ol{list-style:decimal inside;ol{list-style-type:lower-roman;}}dl{dt{margin-top:1em;padding:0;font-weight:600;}dd{margin:0 0 1em 0;}}"]);

package/build/types/mixin/typo.d.ts

@@ -13,3 +13,11 @@ export declare const mixinTypoLineWrap: import("styled-components").FlattenSimpl
 export declare const mixinTypoNoWrap: import("styled-components").FlattenSimpleInterpolation;
 export declare const mixinTypoEllipsis: import("styled-components").FlattenSimpleInterpolation;
 export declare const mixinTypoEllipsisLines: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<IPropsEllipsisLines, any>>;
+/**
+ * 当某元素内部有各种 inline 元素需要有样式的时候，用它
+ */
+export declare const mixinTypoElementsInline: import("styled-components").FlattenSimpleInterpolation;
+/**
+ * 当某元素内部有 ul\ol\dl 元素需要有样式的时候，用它
+ */
+export declare const mixinTypoElementsList: import("styled-components").FlattenSimpleInterpolation;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alicloud/console-base-theme",
-  "version": "1.7.2",
+  "version": "1.7.3",
   "description": "控制台主题 - 基于 css variable 和 styled-components",
   "license": "MIT",
   "sideEffects": false,
@@ -26,7 +26,7 @@
   "devDependencies": {
     "@alicloud/console-toolkit-cli": "^1.2.30",
     "@alicloud/console-toolkit-preset-component": "^1.2.61",
-    "@alicloud/demo-rc-elements": "^1.8.3",
+    "@alicloud/demo-rc-elements": "^1.9.1",
     "@types/lodash": "^4.14.182",
     "@types/react": "^17.0.48",
     "@types/styled-components": "^5.1.26",
@@ -39,7 +39,7 @@
     "styled-components": ">=5"
   },
   "dependencies": {
-    "@alicloud/console-base-theme-color": "^1.4.2",
+    "@alicloud/console-base-theme-color": "^1.4.3",
     "@alicloud/mere-dom": "^1.5.1"
   },
   "scripts": {
@@ -53,5 +53,5 @@
     "clean": "rm -rf build",
     "prepublishOnly": "yarn clean && yarn build"
   },
-  "gitHead": "607b3fb7bab41cc4508adac741e0f2238a57ec0d"
+  "gitHead": "0f28ee9c90ef9bb42b85135b74f9b52ff435d3b6"
 }