@alicloud/console-base-theme 1.9.5 → 1.9.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/build/cjs/mixin/typo.js +1 -1
- package/build/es/mixin/typo.js +3 -3
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @alicloud/console-base-theme
|
|
2
2
|
|
|
3
|
-
* [关于 CSS Variable 的实践研究](doc/
|
|
3
|
+
* [关于 CSS Variable 的实践研究](doc/research.md)
|
|
4
4
|
* [设计标注 - Fusion](https://fusion.alibaba-inc.com/pc/component/tokens)
|
|
5
5
|
* [设计标注 - XConsole](https://fusion.alibaba-inc.com/79480/component/tokens)
|
|
6
6
|
* [XConsole Design Themes](https://fusion.alibaba-inc.com/79480/setting/theme)
|
package/build/cjs/mixin/typo.js
CHANGED
|
@@ -31,7 +31,7 @@ var mixinTypoSmall = (0, _styledComponents.css)(["font-size:inherit;", ""], _tex
|
|
|
31
31
|
exports.mixinTypoSmall = mixinTypoSmall;
|
|
32
32
|
var mixinTypoCode = (0, _styledComponents.css)(["padding:2px 4px;border-radius:2px;", " ", ""], _text.mixinTextCode, _bg.mixinBgSecondaryFade);
|
|
33
33
|
exports.mixinTypoCode = mixinTypoCode;
|
|
34
|
-
var mixinTypoKbd = (0, _styledComponents.css)(["display:inline-block;padding:
|
|
34
|
+
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);
|
|
35
35
|
exports.mixinTypoKbd = mixinTypoKbd;
|
|
36
36
|
var mixinTypoBlockquote = (0, _styledComponents.css)(["padding:8px 16px;border-left-width:4px;border-left-style:solid;", " ", ""], _border.mixinBorderTertiaryColor, _text.mixinTextTertiary);
|
|
37
37
|
exports.mixinTypoBlockquote = mixinTypoBlockquote;
|
package/build/es/mixin/typo.js
CHANGED
|
@@ -4,8 +4,8 @@ import { css } from 'styled-components';
|
|
|
4
4
|
import { TYPO, COLOR } from '../var';
|
|
5
5
|
import { mixinTextPrimary, mixinTextEmphasis, mixinTextCode, mixinTextSecondary, mixinTextTertiary } from './text';
|
|
6
6
|
import { mixinLinkPrimary } from './link';
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
7
|
+
import { mixinBgSecondaryFade, mixinBgTertiary } from './bg';
|
|
8
|
+
import { mixinBorderPrimary, mixinBorderTertiaryColor } from './border';
|
|
9
9
|
|
|
10
10
|
// 日文专属
|
|
11
11
|
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);
|
|
|
18
18
|
export var mixinTypoEm = css(["font-style:normal;", ""], mixinTextEmphasis);
|
|
19
19
|
export var mixinTypoSmall = css(["font-size:inherit;", ""], mixinTextTertiary);
|
|
20
20
|
export var mixinTypoCode = css(["padding:2px 4px;border-radius:2px;", " ", ""], mixinTextCode, mixinBgSecondaryFade);
|
|
21
|
-
export var mixinTypoKbd = css(["display:inline-block;padding:
|
|
21
|
+
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);
|
|
22
22
|
export var mixinTypoBlockquote = css(["padding:8px 16px;border-left-width:4px;border-left-style:solid;", " ", ""], mixinBorderTertiaryColor, mixinTextTertiary);
|
|
23
23
|
export var mixinTypoLineWrap = css(["white-space:normal;word-wrap:break-word;"]);
|
|
24
24
|
export var mixinTypoNoWrap = css(["white-space:nowrap;"]);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alicloud/console-base-theme",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.6",
|
|
4
4
|
"description": "控制台主题 - 基于 css variable 和 styled-components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -31,14 +31,14 @@
|
|
|
31
31
|
"lodash-es": "^4.17.21",
|
|
32
32
|
"react": "^17.0.2",
|
|
33
33
|
"styled-components": "^5.3.10",
|
|
34
|
-
"typescript": "^
|
|
34
|
+
"typescript": "^5.0.4"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
37
|
"styled-components": ">=5"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@alicloud/console-base-theme-color": "^1.5.10",
|
|
41
|
-
"@alicloud/mere-dom": "^1.
|
|
41
|
+
"@alicloud/mere-dom": "^1.8.0"
|
|
42
42
|
},
|
|
43
43
|
"scripts": {
|
|
44
44
|
"start": "breezr start-storybook",
|