@douyinfe/semi-ui 2.16.0-beta.0 → 2.16.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/avatar/__test__/avatar.test.js +3 -3
  2. package/dist/css/semi.css +33 -12
  3. package/dist/css/semi.min.css +1 -1
  4. package/dist/umd/semi-ui.js +39 -175
  5. package/dist/umd/semi-ui.js.map +1 -1
  6. package/dist/umd/semi-ui.min.js +1 -1
  7. package/dist/umd/semi-ui.min.js.map +1 -1
  8. package/lib/cjs/typography/base.js +3 -15
  9. package/lib/cjs/typography/text.js +1 -11
  10. package/lib/es/typography/base.js +3 -15
  11. package/lib/es/typography/text.js +1 -10
  12. package/package.json +11 -11
  13. package/select/_story/select.stories.tsx +1 -1
  14. package/typography/_story/typography.stories.js +3 -15
  15. package/typography/base.tsx +4 -9
  16. package/typography/text.tsx +1 -9
package/avatar/__test__/avatar.test.js CHANGED
@@ -261,7 +261,7 @@ describe('Avatar', () => {
261
261
  it('src', () => {
262
262
  const element = (
263
263
  <Avatar
264
- src="https://sf6-cdn-tos.douyinstatic.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/avatarDemo.jpeg"
264
+ src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/dy.png"
265
265
  style={{ margin: 4 }}
266
266
  />
267
267
  );
@@ -272,7 +272,7 @@ describe('Avatar', () => {
272
272
  .at(0)
273
273
  .props()
274
274
  .src
275
- ).toEqual('https://sf6-cdn-tos.douyinstatic.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/avatarDemo.jpeg');
275
+ ).toEqual('https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/dy.png');
276
276
  });
277
277
 
278
278
  it('shape', () => {
@@ -320,7 +320,7 @@ describe('Avatar', () => {
320
320
  const avatar = mount(
321
321
  <Avatar
322
322
  onError={spyOnError}
323
- src="https://sf6-cdn-tos.douyinstatic.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/avatarDemo.jpeg"
323
+ src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/dy.png"
324
324
  />
325
325
  );
326
326
  avatar
package/dist/css/semi.css CHANGED
@@ -11788,7 +11788,7 @@ body[theme-mode=dark], body .semi-always-dark {
11788
11788
  border-color: var(--semi-color-focus-border);
11789
11789
  }
11790
11790
  .semi-input-wrapper-focus:active {
11791
- background-color: var(--semi-color-fill-0);
11791
+ background-color: var(--semi-color-fill-2);
11792
11792
  border-color: var(--semi-color-focus-border);
11793
11793
  }
11794
11794
  .semi-input-wrapper.semi-input-readonly {
@@ -11806,6 +11806,10 @@ body[theme-mode=dark], body .semi-always-dark {
11806
11806
  background-color: var(--semi-color-danger-light-default);
11807
11807
  border-color: var(--semi-color-danger);
11808
11808
  }
11809
+ .semi-input-wrapper-error:active {
11810
+ background-color: var(--semi-color-danger-light-active);
11811
+ border-color: var(--semi-color-danger);
11812
+ }
11809
11813
  .semi-input-wrapper-warning {
11810
11814
  background-color: var(--semi-color-warning-light-default);
11811
11815
  border-color: var(--semi-color-warning-light-default);
@@ -11818,6 +11822,10 @@ body[theme-mode=dark], body .semi-always-dark {
11818
11822
  background-color: var(--semi-color-warning-light-default);
11819
11823
  border-color: var(--semi-color-warning);
11820
11824
  }
11825
+ .semi-input-wrapper-warning:active {
11826
+ background-color: var(--semi-color-warning-light-active);
11827
+ border-color: var(--semi-color-warning);
11828
+ }
11821
11829
  .semi-input-wrapper__with-prefix {
11822
11830
  display: inline-flex;
11823
11831
  align-items: center;
@@ -11938,6 +11946,12 @@ body[theme-mode=dark], body .semi-always-dark {
11938
11946
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus ~ .semi-input-modebtn:not(:last-child), .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus ~ .semi-input-modebtn:not(:last-child) {
11939
11947
  border-radius: 0;
11940
11948
  }
11949
+ .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active {
11950
+ background-color: var(--semi-color-fill-2);
11951
+ }
11952
+ .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active ~ .semi-input-modebtn {
11953
+ background-color: var(--semi-color-fill-2);
11954
+ }
11941
11955
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover {
11942
11956
  background-color: var(--semi-color-fill-0);
11943
11957
  }
@@ -11966,6 +11980,13 @@ body[theme-mode=dark], body .semi-always-dark {
11966
11980
  background-color: var(--semi-color-danger-light-default);
11967
11981
  border-color: var(--semi-color-danger);
11968
11982
  }
11983
+ .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:active {
11984
+ background-color: var(--semi-color-danger-light-active);
11985
+ }
11986
+ .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:active + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:active + .semi-input-modebtn {
11987
+ background-color: var(--semi-color-danger-light-active);
11988
+ border-color: var(--semi-color-danger);
11989
+ }
11969
11990
  .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:hover {
11970
11991
  background-color: var(--semi-color-danger-light-default);
11971
11992
  }
@@ -11994,6 +12015,13 @@ body[theme-mode=dark], body .semi-always-dark {
11994
12015
  background-color: var(--semi-color-warning-light-default);
11995
12016
  border-color: var(--semi-color-warning);
11996
12017
  }
12018
+ .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:active {
12019
+ background-color: var(--semi-color-warning-light-active);
12020
+ }
12021
+ .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:active + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:active + .semi-input-modebtn {
12022
+ background-color: var(--semi-color-warning-light-active);
12023
+ border-color: var(--semi-color-warning);
12024
+ }
11997
12025
  .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:hover {
11998
12026
  background-color: var(--semi-color-warning-light-default);
11999
12027
  }
@@ -15192,11 +15220,11 @@ body[theme-mode=dark], body .semi-always-dark {
15192
15220
  align-items: center;
15193
15221
  }
15194
15222
  .semi-select-prefix-text, .semi-select-suffix-text {
15195
- margin: 0 12px;
15223
+ margin: 0px 12px;
15196
15224
  }
15197
15225
  .semi-select-prefix-icon, .semi-select-suffix-icon {
15198
15226
  color: var(--semi-color-text-2);
15199
- margin: 0 8px;
15227
+ margin: 0px 8px;
15200
15228
  }
15201
15229
  .semi-select-suffix {
15202
15230
  display: flex;
@@ -19787,12 +19815,6 @@ body[theme-mode=dark], body .semi-always-dark {
19787
19815
  line-height: 20px;
19788
19816
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
19789
19817
  }
19790
- .semi-typography-text {
19791
- display: inline-block;
19792
- }
19793
- .semi-typography-text-icon {
19794
- display: inline-flex;
19795
- }
19796
19818
  .semi-typography.semi-typography-secondary {
19797
19819
  color: var(--semi-color-text-1);
19798
19820
  }
@@ -19824,7 +19846,6 @@ body[theme-mode=dark], body .semi-always-dark {
19824
19846
  color: var(--semi-color-link);
19825
19847
  }
19826
19848
  .semi-typography-icon {
19827
- display: inline-flex;
19828
19849
  margin-right: 4px;
19829
19850
  vertical-align: middle;
19830
19851
  color: inherit;
@@ -20816,7 +20837,7 @@ p.semi-typography-extended,
20816
20837
  }
20817
20838
  .semi-input-textarea-wrapper-error:active {
20818
20839
  background-color: var(--semi-color-danger-light-active);
20819
- border-color: var(--semi-color-danger-light-active);
20840
+ border-color: var(--semi-color-danger);
20820
20841
  }
20821
20842
  .semi-input-textarea-wrapper-warning {
20822
20843
  background-color: var(--semi-color-warning-light-default);
@@ -20832,7 +20853,7 @@ p.semi-typography-extended,
20832
20853
  }
20833
20854
  .semi-input-textarea-wrapper-warning:active {
20834
20855
  background-color: var(--semi-color-warning-light-active);
20835
- border-color: var(--semi-color-warning-light-active);
20856
+ border-color: var(--semi-color-warning);
20836
20857
  }
20837
20858
 
20838
20859
  .semi-input-textarea {