@douyinfe/semi-foundation 2.40.0-beta.0 → 2.40.0

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.
Files changed (16) hide show
  1. package/button/button.scss +0 -1
  2. package/image/variables.scss +1 -1
  3. package/lib/cjs/button/button.css +0 -1
  4. package/lib/cjs/button/button.scss +0 -1
  5. package/lib/cjs/image/image.css +1 -1
  6. package/lib/cjs/image/variables.scss +1 -1
  7. package/lib/cjs/skeleton/skeleton.css +2 -2
  8. package/lib/cjs/skeleton/variables.scss +2 -2
  9. package/lib/es/button/button.css +0 -1
  10. package/lib/es/button/button.scss +0 -1
  11. package/lib/es/image/image.css +1 -1
  12. package/lib/es/image/variables.scss +1 -1
  13. package/lib/es/skeleton/skeleton.css +2 -2
  14. package/lib/es/skeleton/variables.scss +2 -2
  15. package/package.json +3 -3
  16. package/skeleton/variables.scss +2 -2
package/button/button.scss CHANGED
@@ -11,7 +11,6 @@ $module: #{$prefix}-button;
11
11
  display: inline-flex;
12
12
  align-items: center;
13
13
  justify-content: center;
14
- margin: 0;
15
14
  cursor: pointer;
16
15
  user-select: none;
17
16
  border: $width-button-border $color-button_primary-border-default solid;
package/image/variables.scss CHANGED
@@ -27,7 +27,7 @@ $height-image_preview_icon: 40px; // 图像预览footer操作区icon高度
27
27
  $height-image_preview_header_close: 30px; // 图像预览header部分的关闭热区高度
28
28
 
29
29
  $radius-image: var(--semi-border-radius-small); // 图像圆角
30
- $radius-image_preview_footer: 6px; // 图像预览footer操作区圆角
30
+ $radius-image_preview_footer: var(--semi-border-radius-medium); // 图像预览footer操作区圆角
31
31
 
32
32
  $color-image_mask-bg: var(--semi-color-overlay-bg); // 图像蒙层背景色
33
33
  $color-image_mask_info_text: var(--semi-color-white); // 图像蒙层文字颜色
package/lib/cjs/button/button.css CHANGED
@@ -30,7 +30,6 @@
30
30
  display: inline-flex;
31
31
  align-items: center;
32
32
  justify-content: center;
33
- margin: 0;
34
33
  cursor: pointer;
35
34
  user-select: none;
36
35
  border: 0 transparent solid;
package/lib/cjs/button/button.scss CHANGED
@@ -11,7 +11,6 @@ $module: #{$prefix}-button;
11
11
  display: inline-flex;
12
12
  align-items: center;
13
13
  justify-content: center;
14
- margin: 0;
15
14
  cursor: pointer;
16
15
  user-select: none;
17
16
  border: $width-button-border $color-button_primary-border-default solid;
package/lib/cjs/image/image.css CHANGED
@@ -113,7 +113,7 @@
113
113
  .semi-image-preview-footer-content {
114
114
  padding: 0 16px;
115
115
  background: rgba(0, 0, 0, 0.75);
116
- border-radius: 6px;
116
+ border-radius: var(--semi-border-radius-medium);
117
117
  height: 48px;
118
118
  }
119
119
  .semi-image-preview-footer-wrapper {
package/lib/cjs/image/variables.scss CHANGED
@@ -27,7 +27,7 @@ $height-image_preview_icon: 40px; // 图像预览footer操作区icon高度
27
27
  $height-image_preview_header_close: 30px; // 图像预览header部分的关闭热区高度
28
28
 
29
29
  $radius-image: var(--semi-border-radius-small); // 图像圆角
30
- $radius-image_preview_footer: 6px; // 图像预览footer操作区圆角
30
+ $radius-image_preview_footer: var(--semi-border-radius-medium); // 图像预览footer操作区圆角
31
31
 
32
32
  $color-image_mask-bg: var(--semi-color-overlay-bg); // 图像蒙层背景色
33
33
  $color-image_mask_info_text: var(--semi-color-white); // 图像蒙层文字颜色
package/lib/cjs/skeleton/skeleton.css CHANGED
@@ -3,7 +3,7 @@
3
3
  /* spacing */
4
4
  .semi-skeleton-avatar, .semi-skeleton-image, .semi-skeleton-title, .semi-skeleton-button {
5
5
  background: var(--semi-color-fill-0);
6
- border-radius: 4px;
6
+ border-radius: var(--semi-border-radius-small);
7
7
  }
8
8
  .semi-skeleton-avatar-circle {
9
9
  border-radius: 50%;
@@ -39,7 +39,7 @@
39
39
  }
40
40
  .semi-skeleton-paragraph li {
41
41
  background: var(--semi-color-fill-0);
42
- border-radius: 4px;
42
+ border-radius: var(--semi-border-radius-small);
43
43
  width: 100%;
44
44
  height: 16px;
45
45
  margin-bottom: 10px;
package/lib/cjs/skeleton/variables.scss CHANGED
@@ -15,6 +15,6 @@ $height-skeleton_button: $height-control-default; // 按钮骨架屏高度
15
15
 
16
16
  $spacing-skeleton_li-marginBottom: 10px; // 按钮骨架屏高度
17
17
 
18
- $radius-skeleton_item: 4px; // 骨架屏圆角
19
- $radius-skeleton_li: 4px; // 骨架屏圆角
18
+ $radius-skeleton_item: var(--semi-border-radius-small); // 骨架屏圆角
19
+ $radius-skeleton_li: var(--semi-border-radius-small); // 骨架屏圆角
20
20
 
package/lib/es/button/button.css CHANGED
@@ -30,7 +30,6 @@
30
30
  display: inline-flex;
31
31
  align-items: center;
32
32
  justify-content: center;
33
- margin: 0;
34
33
  cursor: pointer;
35
34
  user-select: none;
36
35
  border: 0 transparent solid;
package/lib/es/button/button.scss CHANGED
@@ -11,7 +11,6 @@ $module: #{$prefix}-button;
11
11
  display: inline-flex;
12
12
  align-items: center;
13
13
  justify-content: center;
14
- margin: 0;
15
14
  cursor: pointer;
16
15
  user-select: none;
17
16
  border: $width-button-border $color-button_primary-border-default solid;
package/lib/es/image/image.css CHANGED
@@ -113,7 +113,7 @@
113
113
  .semi-image-preview-footer-content {
114
114
  padding: 0 16px;
115
115
  background: rgba(0, 0, 0, 0.75);
116
- border-radius: 6px;
116
+ border-radius: var(--semi-border-radius-medium);
117
117
  height: 48px;
118
118
  }
119
119
  .semi-image-preview-footer-wrapper {
package/lib/es/image/variables.scss CHANGED
@@ -27,7 +27,7 @@ $height-image_preview_icon: 40px; // 图像预览footer操作区icon高度
27
27
  $height-image_preview_header_close: 30px; // 图像预览header部分的关闭热区高度
28
28
 
29
29
  $radius-image: var(--semi-border-radius-small); // 图像圆角
30
- $radius-image_preview_footer: 6px; // 图像预览footer操作区圆角
30
+ $radius-image_preview_footer: var(--semi-border-radius-medium); // 图像预览footer操作区圆角
31
31
 
32
32
  $color-image_mask-bg: var(--semi-color-overlay-bg); // 图像蒙层背景色
33
33
  $color-image_mask_info_text: var(--semi-color-white); // 图像蒙层文字颜色
package/lib/es/skeleton/skeleton.css CHANGED
@@ -3,7 +3,7 @@
3
3
  /* spacing */
4
4
  .semi-skeleton-avatar, .semi-skeleton-image, .semi-skeleton-title, .semi-skeleton-button {
5
5
  background: var(--semi-color-fill-0);
6
- border-radius: 4px;
6
+ border-radius: var(--semi-border-radius-small);
7
7
  }
8
8
  .semi-skeleton-avatar-circle {
9
9
  border-radius: 50%;
@@ -39,7 +39,7 @@
39
39
  }
40
40
  .semi-skeleton-paragraph li {
41
41
  background: var(--semi-color-fill-0);
42
- border-radius: 4px;
42
+ border-radius: var(--semi-border-radius-small);
43
43
  width: 100%;
44
44
  height: 16px;
45
45
  margin-bottom: 10px;
package/lib/es/skeleton/variables.scss CHANGED
@@ -15,6 +15,6 @@ $height-skeleton_button: $height-control-default; // 按钮骨架屏高度
15
15
 
16
16
  $spacing-skeleton_li-marginBottom: 10px; // 按钮骨架屏高度
17
17
 
18
- $radius-skeleton_item: 4px; // 骨架屏圆角
19
- $radius-skeleton_li: 4px; // 骨架屏圆角
18
+ $radius-skeleton_item: var(--semi-border-radius-small); // 骨架屏圆角
19
+ $radius-skeleton_li: var(--semi-border-radius-small); // 骨架屏圆角
20
20
 
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@douyinfe/semi-foundation",
3
- "version": "2.40.0-beta.0",
3
+ "version": "2.40.0",
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.40.0-beta.0",
10
+ "@douyinfe/semi-animation": "2.40.0",
11
11
  "async-validator": "^3.5.0",
12
12
  "classnames": "^2.2.6",
13
13
  "date-fns": "^2.29.3",
@@ -23,7 +23,7 @@
23
23
  "*.scss",
24
24
  "*.css"
25
25
  ],
26
- "gitHead": "f42587885c81ecb266aa0d32d2feaa7633e01e67",
26
+ "gitHead": "d73b400df9309f0c545a82da4534ce5a7a311a92",
27
27
  "devDependencies": {
28
28
  "@babel/plugin-transform-runtime": "^7.15.8",
29
29
  "@babel/preset-env": "^7.15.8",
package/skeleton/variables.scss CHANGED
@@ -15,6 +15,6 @@ $height-skeleton_button: $height-control-default; // 按钮骨架屏高度
15
15
 
16
16
  $spacing-skeleton_li-marginBottom: 10px; // 按钮骨架屏高度
17
17
 
18
- $radius-skeleton_item: 4px; // 骨架屏圆角
19
- $radius-skeleton_li: 4px; // 骨架屏圆角
18
+ $radius-skeleton_item: var(--semi-border-radius-small); // 骨架屏圆角
19
+ $radius-skeleton_li: var(--semi-border-radius-small); // 骨架屏圆角
20
20