@douyinfe/semi-foundation 2.71.0 → 2.71.1
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/button/iconButton.scss +6 -0
- package/button/variables.scss +6 -0
- package/lib/cjs/button/iconButton.css +6 -0
- package/lib/cjs/button/iconButton.scss +6 -0
- package/lib/cjs/button/variables.scss +6 -0
- package/lib/es/button/iconButton.css +6 -0
- package/lib/es/button/iconButton.scss +6 -0
- package/lib/es/button/variables.scss +6 -0
- package/package.json +4 -4
package/button/iconButton.scss
CHANGED
|
@@ -35,6 +35,8 @@ $module: #{$prefix}-button;
|
|
|
35
35
|
padding-right: $spacing-button_iconOnly_default-paddingRight;
|
|
36
36
|
padding-top: $spacing-button_iconOnly_default-paddingTop;
|
|
37
37
|
padding-bottom: $spacing-button_iconOnly_default-paddingRight;
|
|
38
|
+
height: $height-button_iconOnly_default;
|
|
39
|
+
width: $width-button_iconOnly_default;
|
|
38
40
|
justify-content: center;
|
|
39
41
|
align-items: center;
|
|
40
42
|
|
|
@@ -45,6 +47,8 @@ $module: #{$prefix}-button;
|
|
|
45
47
|
padding-right: $spacing-button_iconOnly_small-paddingRight;
|
|
46
48
|
padding-top: $spacing-button_iconOnly_small-paddingTop;
|
|
47
49
|
padding-bottom: $spacing-button_iconOnly_small-paddingBottom;
|
|
50
|
+
height: $height-button_iconOnly_small;
|
|
51
|
+
width: $width-button_iconOnly_small;
|
|
48
52
|
}
|
|
49
53
|
|
|
50
54
|
&-large {
|
|
@@ -52,6 +56,8 @@ $module: #{$prefix}-button;
|
|
|
52
56
|
padding-right: $spacing-button_iconOnly_large-paddingRight;
|
|
53
57
|
padding-top: $spacing-button_iconOnly_large-paddingTop;
|
|
54
58
|
padding-bottom: $spacing-button_iconOnly_large-paddingBottom;
|
|
59
|
+
height: $height-button_iconOnly_large;
|
|
60
|
+
width: $width-button_iconOnly_large;
|
|
55
61
|
}
|
|
56
62
|
}
|
|
57
63
|
}
|
package/button/variables.scss
CHANGED
|
@@ -154,6 +154,12 @@ $spacing-button_iconOnly_small-paddingLeft: $spacing-extra-tight; // 图标按
|
|
|
154
154
|
$spacing-button_iconOnly_small-paddingRight: $spacing-extra-tight; // 图标按钮右侧内边距 - 小尺寸
|
|
155
155
|
$spacing-button_iconOnly_small-paddingTop: $spacing-extra-tight; // 图标按钮顶部内边距 - 小尺寸
|
|
156
156
|
$spacing-button_iconOnly_small-paddingBottom: $spacing-extra-tight; // 图标按钮底部内边距 - 小尺寸
|
|
157
|
+
$height-button_iconOnly_small: $height-control-small; // 图标按钮 height - 小尺寸
|
|
158
|
+
$width-button_iconOnly_small: $height-control-small; // 图标按钮 width - 小尺寸
|
|
159
|
+
$height-button_iconOnly_default:$height-control-default; // 图标按钮 height - 默认
|
|
160
|
+
$width-button_iconOnly_default: $height-control-default; // 图标按钮 width - 默认
|
|
161
|
+
$height-button_iconOnly_large: $height-control-large; // 图标按钮 height - 大尺寸
|
|
162
|
+
$width-button_iconOnly_large: $height-control-large; // 图标按钮 width - 大尺寸
|
|
157
163
|
|
|
158
164
|
// margin
|
|
159
165
|
$spacing-button_iconOnly_content-marginLeft: $spacing-tight; // 按钮左侧图标距离文字间距
|
|
@@ -25,6 +25,8 @@
|
|
|
25
25
|
padding-right: 8px;
|
|
26
26
|
padding-top: 8px;
|
|
27
27
|
padding-bottom: 8px;
|
|
28
|
+
height: 32px;
|
|
29
|
+
width: 32px;
|
|
28
30
|
justify-content: center;
|
|
29
31
|
align-items: center;
|
|
30
32
|
}
|
|
@@ -33,12 +35,16 @@
|
|
|
33
35
|
padding-right: 4px;
|
|
34
36
|
padding-top: 4px;
|
|
35
37
|
padding-bottom: 4px;
|
|
38
|
+
height: 24px;
|
|
39
|
+
width: 24px;
|
|
36
40
|
}
|
|
37
41
|
.semi-button.semi-button-with-icon-only.semi-button-size-large {
|
|
38
42
|
padding-left: 12px;
|
|
39
43
|
padding-right: 12px;
|
|
40
44
|
padding-top: 12px;
|
|
41
45
|
padding-bottom: 12px;
|
|
46
|
+
height: 40px;
|
|
47
|
+
width: 40px;
|
|
42
48
|
}
|
|
43
49
|
.semi-button-content-left {
|
|
44
50
|
margin-right: 8px;
|
|
@@ -35,6 +35,8 @@ $module: #{$prefix}-button;
|
|
|
35
35
|
padding-right: $spacing-button_iconOnly_default-paddingRight;
|
|
36
36
|
padding-top: $spacing-button_iconOnly_default-paddingTop;
|
|
37
37
|
padding-bottom: $spacing-button_iconOnly_default-paddingRight;
|
|
38
|
+
height: $height-button_iconOnly_default;
|
|
39
|
+
width: $width-button_iconOnly_default;
|
|
38
40
|
justify-content: center;
|
|
39
41
|
align-items: center;
|
|
40
42
|
|
|
@@ -45,6 +47,8 @@ $module: #{$prefix}-button;
|
|
|
45
47
|
padding-right: $spacing-button_iconOnly_small-paddingRight;
|
|
46
48
|
padding-top: $spacing-button_iconOnly_small-paddingTop;
|
|
47
49
|
padding-bottom: $spacing-button_iconOnly_small-paddingBottom;
|
|
50
|
+
height: $height-button_iconOnly_small;
|
|
51
|
+
width: $width-button_iconOnly_small;
|
|
48
52
|
}
|
|
49
53
|
|
|
50
54
|
&-large {
|
|
@@ -52,6 +56,8 @@ $module: #{$prefix}-button;
|
|
|
52
56
|
padding-right: $spacing-button_iconOnly_large-paddingRight;
|
|
53
57
|
padding-top: $spacing-button_iconOnly_large-paddingTop;
|
|
54
58
|
padding-bottom: $spacing-button_iconOnly_large-paddingBottom;
|
|
59
|
+
height: $height-button_iconOnly_large;
|
|
60
|
+
width: $width-button_iconOnly_large;
|
|
55
61
|
}
|
|
56
62
|
}
|
|
57
63
|
}
|
|
@@ -154,6 +154,12 @@ $spacing-button_iconOnly_small-paddingLeft: $spacing-extra-tight; // 图标按
|
|
|
154
154
|
$spacing-button_iconOnly_small-paddingRight: $spacing-extra-tight; // 图标按钮右侧内边距 - 小尺寸
|
|
155
155
|
$spacing-button_iconOnly_small-paddingTop: $spacing-extra-tight; // 图标按钮顶部内边距 - 小尺寸
|
|
156
156
|
$spacing-button_iconOnly_small-paddingBottom: $spacing-extra-tight; // 图标按钮底部内边距 - 小尺寸
|
|
157
|
+
$height-button_iconOnly_small: $height-control-small; // 图标按钮 height - 小尺寸
|
|
158
|
+
$width-button_iconOnly_small: $height-control-small; // 图标按钮 width - 小尺寸
|
|
159
|
+
$height-button_iconOnly_default:$height-control-default; // 图标按钮 height - 默认
|
|
160
|
+
$width-button_iconOnly_default: $height-control-default; // 图标按钮 width - 默认
|
|
161
|
+
$height-button_iconOnly_large: $height-control-large; // 图标按钮 height - 大尺寸
|
|
162
|
+
$width-button_iconOnly_large: $height-control-large; // 图标按钮 width - 大尺寸
|
|
157
163
|
|
|
158
164
|
// margin
|
|
159
165
|
$spacing-button_iconOnly_content-marginLeft: $spacing-tight; // 按钮左侧图标距离文字间距
|
|
@@ -25,6 +25,8 @@
|
|
|
25
25
|
padding-right: 8px;
|
|
26
26
|
padding-top: 8px;
|
|
27
27
|
padding-bottom: 8px;
|
|
28
|
+
height: 32px;
|
|
29
|
+
width: 32px;
|
|
28
30
|
justify-content: center;
|
|
29
31
|
align-items: center;
|
|
30
32
|
}
|
|
@@ -33,12 +35,16 @@
|
|
|
33
35
|
padding-right: 4px;
|
|
34
36
|
padding-top: 4px;
|
|
35
37
|
padding-bottom: 4px;
|
|
38
|
+
height: 24px;
|
|
39
|
+
width: 24px;
|
|
36
40
|
}
|
|
37
41
|
.semi-button.semi-button-with-icon-only.semi-button-size-large {
|
|
38
42
|
padding-left: 12px;
|
|
39
43
|
padding-right: 12px;
|
|
40
44
|
padding-top: 12px;
|
|
41
45
|
padding-bottom: 12px;
|
|
46
|
+
height: 40px;
|
|
47
|
+
width: 40px;
|
|
42
48
|
}
|
|
43
49
|
.semi-button-content-left {
|
|
44
50
|
margin-right: 8px;
|
|
@@ -35,6 +35,8 @@ $module: #{$prefix}-button;
|
|
|
35
35
|
padding-right: $spacing-button_iconOnly_default-paddingRight;
|
|
36
36
|
padding-top: $spacing-button_iconOnly_default-paddingTop;
|
|
37
37
|
padding-bottom: $spacing-button_iconOnly_default-paddingRight;
|
|
38
|
+
height: $height-button_iconOnly_default;
|
|
39
|
+
width: $width-button_iconOnly_default;
|
|
38
40
|
justify-content: center;
|
|
39
41
|
align-items: center;
|
|
40
42
|
|
|
@@ -45,6 +47,8 @@ $module: #{$prefix}-button;
|
|
|
45
47
|
padding-right: $spacing-button_iconOnly_small-paddingRight;
|
|
46
48
|
padding-top: $spacing-button_iconOnly_small-paddingTop;
|
|
47
49
|
padding-bottom: $spacing-button_iconOnly_small-paddingBottom;
|
|
50
|
+
height: $height-button_iconOnly_small;
|
|
51
|
+
width: $width-button_iconOnly_small;
|
|
48
52
|
}
|
|
49
53
|
|
|
50
54
|
&-large {
|
|
@@ -52,6 +56,8 @@ $module: #{$prefix}-button;
|
|
|
52
56
|
padding-right: $spacing-button_iconOnly_large-paddingRight;
|
|
53
57
|
padding-top: $spacing-button_iconOnly_large-paddingTop;
|
|
54
58
|
padding-bottom: $spacing-button_iconOnly_large-paddingBottom;
|
|
59
|
+
height: $height-button_iconOnly_large;
|
|
60
|
+
width: $width-button_iconOnly_large;
|
|
55
61
|
}
|
|
56
62
|
}
|
|
57
63
|
}
|
|
@@ -154,6 +154,12 @@ $spacing-button_iconOnly_small-paddingLeft: $spacing-extra-tight; // 图标按
|
|
|
154
154
|
$spacing-button_iconOnly_small-paddingRight: $spacing-extra-tight; // 图标按钮右侧内边距 - 小尺寸
|
|
155
155
|
$spacing-button_iconOnly_small-paddingTop: $spacing-extra-tight; // 图标按钮顶部内边距 - 小尺寸
|
|
156
156
|
$spacing-button_iconOnly_small-paddingBottom: $spacing-extra-tight; // 图标按钮底部内边距 - 小尺寸
|
|
157
|
+
$height-button_iconOnly_small: $height-control-small; // 图标按钮 height - 小尺寸
|
|
158
|
+
$width-button_iconOnly_small: $height-control-small; // 图标按钮 width - 小尺寸
|
|
159
|
+
$height-button_iconOnly_default:$height-control-default; // 图标按钮 height - 默认
|
|
160
|
+
$width-button_iconOnly_default: $height-control-default; // 图标按钮 width - 默认
|
|
161
|
+
$height-button_iconOnly_large: $height-control-large; // 图标按钮 height - 大尺寸
|
|
162
|
+
$width-button_iconOnly_large: $height-control-large; // 图标按钮 width - 大尺寸
|
|
157
163
|
|
|
158
164
|
// margin
|
|
159
165
|
$spacing-button_iconOnly_content-marginLeft: $spacing-tight; // 按钮左侧图标距离文字间距
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-foundation",
|
|
3
|
-
"version": "2.71.
|
|
3
|
+
"version": "2.71.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build:lib": "node ./scripts/compileLib.js",
|
|
7
7
|
"prepublishOnly": "npm run build:lib"
|
|
8
8
|
},
|
|
9
9
|
"dependencies": {
|
|
10
|
-
"@douyinfe/semi-animation": "2.71.
|
|
11
|
-
"@douyinfe/semi-json-viewer-core": "2.71.
|
|
10
|
+
"@douyinfe/semi-animation": "2.71.1",
|
|
11
|
+
"@douyinfe/semi-json-viewer-core": "2.71.1",
|
|
12
12
|
"@mdx-js/mdx": "^3.0.1",
|
|
13
13
|
"async-validator": "^3.5.0",
|
|
14
14
|
"classnames": "^2.2.6",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"*.scss",
|
|
30
30
|
"*.css"
|
|
31
31
|
],
|
|
32
|
-
"gitHead": "
|
|
32
|
+
"gitHead": "e109344a9a8f3aff3e4c5ac020c90dc134b8ea7f",
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@babel/plugin-transform-runtime": "^7.15.8",
|
|
35
35
|
"@babel/preset-env": "^7.15.8",
|