@semi-bot/semi-theme-ptdefalt 1.0.0 → 1.0.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/README.md CHANGED
@@ -9,7 +9,7 @@ Compatible with Semi Foundation Version 2.97.0 or newer.
9
9
 
10
10
  ## Version Release Note
11
11
 
12
- 初始化
12
+ 第二代
13
13
 
14
14
 
15
15
  ## Manual
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-ptdefalt",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -660,33 +660,98 @@
660
660
  },
661
661
  "animation": {
662
662
  "delay": {
663
- "fast": "180ms",
663
+ "fast": "80ms",
664
664
  "none": "0ms",
665
- "slow": "1000ms",
666
- "faster": "120ms",
667
- "normal": "600ms",
668
- "slower": "1200ms",
669
- "fastest": "90ms",
670
- "slowest": "1800ms"
665
+ "slow": "180ms",
666
+ "faster": "40ms",
667
+ "normal": "120ms",
668
+ "slower": "240ms",
669
+ "fastest": "20ms",
670
+ "slowest": "320ms"
671
671
  },
672
672
  "duration": {
673
- "fast": "180ms",
673
+ "fast": "160ms",
674
674
  "none": "0ms",
675
- "slow": "1000ms",
675
+ "slow": "320ms",
676
676
  "faster": "120ms",
677
- "normal": "600ms",
678
- "slower": "1200ms",
679
- "fastest": "90ms",
680
- "slowest": "1800ms"
677
+ "normal": "220ms",
678
+ "slower": "480ms",
679
+ "fastest": "80ms",
680
+ "slowest": "700ms"
681
681
  },
682
682
  "function": {
683
683
  "easeIn": "cubic-bezier(0.4, 0, 1, 1)",
684
684
  "linear": "linear",
685
685
  "easeOut": "cubic-bezier(0, 0, 0.2, 1)",
686
- "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)"
686
+ "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
687
+ "easeStandard": "cubic-bezier(0.2,0,0.01,0.99)"
688
+ }
689
+ },
690
+ "components": {
691
+ "card": {
692
+ "radius": {
693
+ "$radius-card": "18px"
694
+ }
695
+ },
696
+ "chat": {
697
+ "width": {
698
+ "$width-chat_inputBottom_sendButton": "16px"
699
+ },
700
+ "radius": {
701
+ "$radius-chat_inputBox_container": "14px"
702
+ },
703
+ "spacing": {
704
+ "$spacing-chat_inputBox-paddingTop": "8px",
705
+ "$spacing-chat_inputBox-paddingBottom": "4px"
706
+ }
707
+ },
708
+ "radio": {
709
+ "radius": {
710
+ "$radius-radio_buttonRadio": "14px",
711
+ "$radius-radio_addon_buttonRadio": "12px"
712
+ }
713
+ },
714
+ "table": {
715
+ "transition": {
716
+ "$transition_duration-table_row-head-bg": "var(--semi-transition_duration-fast)"
717
+ }
718
+ },
719
+ "button": {
720
+ "spacing": {
721
+ "$spacing-button_small-paddingLeft": "8px",
722
+ "$spacing-button_small-paddingRight": "8px"
723
+ }
724
+ },
725
+ "cascader": {
726
+ "width": {
727
+ "$width-cascader_focus-border": "1px"
728
+ },
729
+ "radius": {
730
+ "$radius-cascader": "12px"
731
+ },
732
+ "spacing": {
733
+ "$spacing-cascader_small_selection-paddingLeft": "10px",
734
+ "$spacing-cascader_small_selection-paddingRight": "10px",
735
+ "$spacing-cascader_large_selection_multiple-paddingLeft": "8px",
736
+ "$spacing-cascader_small_selection_multiple-paddingLeft": "2px",
737
+ "$spacing-cascader_large_selection_multiple-paddingRight": "8px",
738
+ "$spacing-cascader_small_selection_multiple-paddingRight": "2px"
739
+ }
740
+ },
741
+ "checkbox": {
742
+ "radius": {
743
+ "$radius-checkbox_cardType": "6px"
744
+ }
745
+ },
746
+ "tagInput": {
747
+ "radius": {
748
+ "$radius-tagInput": "12px"
749
+ },
750
+ "spacing": {
751
+ "$spacing-tagInput_small-Y": "3px"
752
+ }
687
753
  }
688
754
  },
689
- "components": {},
690
755
  "typography": {
691
756
  "Header": {
692
757
  "header-1": {
@@ -14,26 +14,27 @@
14
14
  --semi-transform_rotate-anticlockwise180deg:rotate(-180deg);
15
15
  --semi-transform_rotate-anticlockwise270deg:rotate(-270deg);
16
16
  --semi-transform_rotate-anticlockwise360deg:rotate(-360deg);
17
- --semi-transition_delay-fast:180ms;
17
+ --semi-transition_delay-fast:80ms;
18
18
  --semi-transition_delay-none:0ms;
19
- --semi-transition_delay-slow:1000ms;
20
- --semi-transition_delay-faster:120ms;
21
- --semi-transition_delay-normal:600ms;
22
- --semi-transition_delay-slower:1200ms;
23
- --semi-transition_delay-fastest:90ms;
24
- --semi-transition_delay-slowest:1800ms;
25
- --semi-transition_duration-fast:180ms;
19
+ --semi-transition_delay-slow:180ms;
20
+ --semi-transition_delay-faster:40ms;
21
+ --semi-transition_delay-normal:120ms;
22
+ --semi-transition_delay-slower:240ms;
23
+ --semi-transition_delay-fastest:20ms;
24
+ --semi-transition_delay-slowest:320ms;
25
+ --semi-transition_duration-fast:160ms;
26
26
  --semi-transition_duration-none:0ms;
27
- --semi-transition_duration-slow:1000ms;
27
+ --semi-transition_duration-slow:320ms;
28
28
  --semi-transition_duration-faster:120ms;
29
- --semi-transition_duration-normal:600ms;
30
- --semi-transition_duration-slower:1200ms;
31
- --semi-transition_duration-fastest:90ms;
32
- --semi-transition_duration-slowest:1800ms;
29
+ --semi-transition_duration-normal:220ms;
30
+ --semi-transition_duration-slower:480ms;
31
+ --semi-transition_duration-fastest:80ms;
32
+ --semi-transition_duration-slowest:700ms;
33
33
  --semi-transition_function-easeIn:cubic-bezier(0.4, 0, 1, 1);
34
34
  --semi-transition_function-linear:linear;
35
35
  --semi-transition_function-easeOut:cubic-bezier(0, 0, 0.2, 1);
36
36
  --semi-transition_function-easeInOut:cubic-bezier(0.4, 0, 0.2, 1);
37
+ --semi-transition_function-easeStandard:cubic-bezier(0.2,0,0.01,0.99);
37
38
 
38
39
  }
39
40
 
package/scss/local.scss CHANGED
@@ -0,0 +1,21 @@
1
+ $radius-card: 18px;
2
+ $width-chat_inputBottom_sendButton: 16px;
3
+ $radius-chat_inputBox_container: 14px;
4
+ $spacing-chat_inputBox-paddingTop: 8px;
5
+ $spacing-chat_inputBox-paddingBottom: 4px;
6
+ $radius-radio_buttonRadio: 14px;
7
+ $radius-radio_addon_buttonRadio: 12px;
8
+ $transition_duration-table_row-head-bg: var(--semi-transition_duration-fast);
9
+ $spacing-button_small-paddingLeft: 8px;
10
+ $spacing-button_small-paddingRight: 8px;
11
+ $width-cascader_focus-border: 1px;
12
+ $radius-cascader: 12px;
13
+ $spacing-cascader_small_selection-paddingLeft: 10px;
14
+ $spacing-cascader_small_selection-paddingRight: 10px;
15
+ $spacing-cascader_large_selection_multiple-paddingLeft: 8px;
16
+ $spacing-cascader_small_selection_multiple-paddingLeft: 2px;
17
+ $spacing-cascader_large_selection_multiple-paddingRight: 8px;
18
+ $spacing-cascader_small_selection_multiple-paddingRight: 2px;
19
+ $radius-checkbox_cardType: 6px;
20
+ $radius-tagInput: 12px;
21
+ $spacing-tagInput_small-Y: 3px;
package/semi.css CHANGED
@@ -602,26 +602,27 @@ body, :host {
602
602
  --semi-transform_rotate-anticlockwise180deg:rotate(-180deg);
603
603
  --semi-transform_rotate-anticlockwise270deg:rotate(-270deg);
604
604
  --semi-transform_rotate-anticlockwise360deg:rotate(-360deg);
605
- --semi-transition_delay-fast:180ms;
605
+ --semi-transition_delay-fast:80ms;
606
606
  --semi-transition_delay-none:0ms;
607
- --semi-transition_delay-slow:1000ms;
608
- --semi-transition_delay-faster:120ms;
609
- --semi-transition_delay-normal:600ms;
610
- --semi-transition_delay-slower:1200ms;
611
- --semi-transition_delay-fastest:90ms;
612
- --semi-transition_delay-slowest:1800ms;
613
- --semi-transition_duration-fast:180ms;
607
+ --semi-transition_delay-slow:180ms;
608
+ --semi-transition_delay-faster:40ms;
609
+ --semi-transition_delay-normal:120ms;
610
+ --semi-transition_delay-slower:240ms;
611
+ --semi-transition_delay-fastest:20ms;
612
+ --semi-transition_delay-slowest:320ms;
613
+ --semi-transition_duration-fast:160ms;
614
614
  --semi-transition_duration-none:0ms;
615
- --semi-transition_duration-slow:1000ms;
615
+ --semi-transition_duration-slow:320ms;
616
616
  --semi-transition_duration-faster:120ms;
617
- --semi-transition_duration-normal:600ms;
618
- --semi-transition_duration-slower:1200ms;
619
- --semi-transition_duration-fastest:90ms;
620
- --semi-transition_duration-slowest:1800ms;
617
+ --semi-transition_duration-normal:220ms;
618
+ --semi-transition_duration-slower:480ms;
619
+ --semi-transition_duration-fastest:80ms;
620
+ --semi-transition_duration-slowest:700ms;
621
621
  --semi-transition_function-easeIn:cubic-bezier(0.4, 0, 1, 1);
622
622
  --semi-transition_function-linear:linear;
623
623
  --semi-transition_function-easeOut:cubic-bezier(0, 0, 0.2, 1);
624
624
  --semi-transition_function-easeInOut:cubic-bezier(0.4, 0, 0.2, 1);
625
+ --semi-transition_function-easeStandard:cubic-bezier(0.2,0,0.01,0.99);
625
626
  }
626
627
 
627
628
  .semi-portal {
@@ -3584,8 +3585,8 @@ body, :host {
3584
3585
  height: 24px;
3585
3586
  padding-top: 2px;
3586
3587
  padding-bottom: 2px;
3587
- padding-left: 12px;
3588
- padding-right: 12px;
3588
+ padding-left: 8px;
3589
+ padding-right: 8px;
3589
3590
  font-size: 14px;
3590
3591
  line-height: 20px;
3591
3592
  font-weight: 600;
@@ -3622,8 +3623,8 @@ body, :host {
3622
3623
  padding-right: 16px;
3623
3624
  }
3624
3625
  .semi-button-group > .semi-button-size-small .semi-button-content {
3625
- padding-left: 12px;
3626
- padding-right: 12px;
3626
+ padding-left: 8px;
3627
+ padding-right: 8px;
3627
3628
  }
3628
3629
  .semi-button-group > .semi-button.semi-button-with-icon-only {
3629
3630
  padding-left: 0;
@@ -3698,8 +3699,8 @@ body, :host {
3698
3699
  }
3699
3700
  .semi-rtl .semi-button-size-small,
3700
3701
  .semi-portal-rtl .semi-button-size-small {
3701
- padding-left: 12px;
3702
- padding-right: 12px;
3702
+ padding-left: 8px;
3703
+ padding-right: 8px;
3703
3704
  }
3704
3705
  .semi-rtl .semi-button-size-large,
3705
3706
  .semi-portal-rtl .semi-button-size-large {
@@ -3727,8 +3728,8 @@ body, :host {
3727
3728
  }
3728
3729
  .semi-rtl .semi-button-group > .semi-button-size-small .semi-button-content,
3729
3730
  .semi-portal-rtl .semi-button-group > .semi-button-size-small .semi-button-content {
3730
- padding-left: 12px;
3731
- padding-right: 12px;
3731
+ padding-left: 8px;
3732
+ padding-right: 8px;
3732
3733
  }
3733
3734
  .semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only,
3734
3735
  .semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only {
@@ -4389,7 +4390,7 @@ body, :host {
4389
4390
  box-sizing: border-box;
4390
4391
  margin: 0;
4391
4392
  padding: 0;
4392
- border-radius: var(--semi-border-radius-medium);
4393
+ border-radius: 18px;
4393
4394
  overflow: hidden;
4394
4395
  background-color: var(--semi-color-bg-0);
4395
4396
  font-size: 14px;
@@ -4881,7 +4882,7 @@ body, :host {
4881
4882
 
4882
4883
  .semi-cascader {
4883
4884
  box-sizing: border-box;
4884
- border-radius: var(--semi-border-radius-small);
4885
+ border-radius: 12px;
4885
4886
  border: 1px solid transparent;
4886
4887
  min-width: 80px;
4887
4888
  min-height: 32px;
@@ -4912,12 +4913,12 @@ body, :host {
4912
4913
  line-height: 24px;
4913
4914
  }
4914
4915
  .semi-cascader-small .semi-cascader-selection {
4915
- padding-left: 12px;
4916
- padding-right: 12px;
4916
+ padding-left: 10px;
4917
+ padding-right: 10px;
4917
4918
  }
4918
4919
  .semi-cascader-small .semi-cascader-selection-multiple {
4919
- padding-left: 4px;
4920
- padding-right: 4px;
4920
+ padding-left: 2px;
4921
+ padding-right: 2px;
4921
4922
  }
4922
4923
  .semi-cascader-large {
4923
4924
  min-height: 40px;
@@ -4933,8 +4934,8 @@ body, :host {
4933
4934
  padding-right: 12px;
4934
4935
  }
4935
4936
  .semi-cascader-large .semi-cascader-selection-multiple {
4936
- padding-left: 4px;
4937
- padding-right: 4px;
4937
+ padding-left: 8px;
4938
+ padding-right: 8px;
4938
4939
  }
4939
4940
  .semi-cascader-focus {
4940
4941
  border: 1px solid var(--semi-color-focus-border);
@@ -5713,7 +5714,7 @@ body, :host {
5713
5714
  padding-left: 16px;
5714
5715
  padding-right: 16px;
5715
5716
  padding-top: 8px;
5716
- padding-bottom: 8px;
5717
+ padding-bottom: 4px;
5717
5718
  }
5718
5719
  .semi-chat-inputBox-clearButton.semi-button {
5719
5720
  border-radius: 50%;
@@ -5739,8 +5740,8 @@ body, :host {
5739
5740
  color: var(--semi-color-text-0);
5740
5741
  }
5741
5742
  .semi-chat-inputBox-sendButton.semi-button {
5742
- width: 32px;
5743
- height: 32px;
5743
+ width: 16px;
5744
+ height: 16px;
5744
5745
  }
5745
5746
  .semi-chat-inputBox-sendButton.semi-button-icon {
5746
5747
  transform: rotate(45deg);
@@ -5758,7 +5759,7 @@ body, :host {
5758
5759
  display: flex;
5759
5760
  flex-direction: row;
5760
5761
  flex-grow: 1;
5761
- border-radius: 16px;
5762
+ border-radius: 14px;
5762
5763
  padding: 11px;
5763
5764
  border: 1px solid var(--semi-color-border);
5764
5765
  align-items: flex-end;
@@ -6041,7 +6042,7 @@ body, :host {
6041
6042
  .semi-checkbox-cardType {
6042
6043
  flex-wrap: nowrap;
6043
6044
  align-items: flex-start;
6044
- border-radius: 3px;
6045
+ border-radius: 6px;
6045
6046
  padding: 12px 16px;
6046
6047
  background: transparent;
6047
6048
  border: 1px solid transparent;
@@ -17767,12 +17768,12 @@ img[src=""], img:not([src]) {
17767
17768
  .semi-radio-buttonRadioComponent {
17768
17769
  padding: 4px;
17769
17770
  background: var(--semi-color-fill-0);
17770
- border-radius: var(--semi-border-radius-small);
17771
+ border-radius: 14px;
17771
17772
  }
17772
17773
  .semi-radio-buttonRadioGroup {
17773
17774
  position: relative;
17774
17775
  padding: 4px;
17775
- border-radius: var(--semi-border-radius-small);
17776
+ border-radius: 14px;
17776
17777
  line-height: 16px;
17777
17778
  }
17778
17779
  .semi-radio-buttonRadioGroup:not(:last-child) {
@@ -17906,7 +17907,7 @@ img[src=""], img:not([src]) {
17906
17907
  }
17907
17908
  .semi-radio-addon-buttonRadio {
17908
17909
  text-align: center;
17909
- border-radius: var(--semi-border-radius-small);
17910
+ border-radius: 12px;
17910
17911
  font-weight: 600;
17911
17912
  color: var(--semi-color-text-1);
17912
17913
  font-size: 12px;
@@ -18026,7 +18027,7 @@ img[src=""], img:not([src]) {
18026
18027
  .semi-radioGroup-buttonRadio {
18027
18028
  display: inline-block;
18028
18029
  background: var(--semi-color-fill-0);
18029
- border-radius: var(--semi-border-radius-small);
18030
+ border-radius: 14px;
18030
18031
  vertical-align: middle;
18031
18032
  }
18032
18033
 
@@ -21175,7 +21176,7 @@ img[src=""], img:not([src]) {
21175
21176
  vertical-align: middle;
21176
21177
  overflow-wrap: break-word;
21177
21178
  position: relative;
21178
- transition: background-color var(--semi-transition_duration-none) linear;
21179
+ transition: background-color var(--semi-transition_duration-fast) linear;
21179
21180
  }
21180
21181
  .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-row-head-clickSort {
21181
21182
  cursor: pointer;
@@ -23000,7 +23001,7 @@ img[src=""], img:not([src]) {
23000
23001
  .semi-tagInput {
23001
23002
  background-color: var(--semi-color-fill-0);
23002
23003
  border: 1px transparent solid;
23003
- border-radius: var(--semi-border-radius-small);
23004
+ border-radius: 12px;
23004
23005
  display: inline-flex;
23005
23006
  font-weight: 400;
23006
23007
  width: 100%;
@@ -23117,8 +23118,8 @@ img[src=""], img:not([src]) {
23117
23118
  max-width: 100%;
23118
23119
  }
23119
23120
  .semi-tagInput-wrapper-tag-size-small {
23120
- margin-top: 1px;
23121
- margin-bottom: 1px;
23121
+ margin-top: 3px;
23122
+ margin-bottom: 3px;
23122
23123
  }
23123
23124
  .semi-tagInput-wrapper-tag-size-default {
23124
23125
  margin-top: 2px;
@@ -23167,8 +23168,8 @@ img[src=""], img:not([src]) {
23167
23168
  }
23168
23169
  .semi-tagInput-wrapper .semi-tagInput-wrapper-input-small {
23169
23170
  height: 20px;
23170
- margin-top: 1px;
23171
- margin-bottom: 1px;
23171
+ margin-top: 3px;
23172
+ margin-bottom: 3px;
23172
23173
  line-height: 20px;
23173
23174
  }
23174
23175
  .semi-tagInput-wrapper .semi-tagInput-wrapper-input-small .semi-input-small {
@@ -26467,8 +26468,8 @@ p.semi-typography-extended,
26467
26468
  }
26468
26469
  .semi-rtl .semi-button-size-small,
26469
26470
  .semi-portal-rtl .semi-button-size-small {
26470
- padding-left: 12px;
26471
- padding-right: 12px;
26471
+ padding-left: 8px;
26472
+ padding-right: 8px;
26472
26473
  }
26473
26474
  .semi-rtl .semi-button-size-large,
26474
26475
  .semi-portal-rtl .semi-button-size-large {
@@ -26496,8 +26497,8 @@ p.semi-typography-extended,
26496
26497
  }
26497
26498
  .semi-rtl .semi-button-group > .semi-button-size-small .semi-button-content,
26498
26499
  .semi-portal-rtl .semi-button-group > .semi-button-size-small .semi-button-content {
26499
- padding-left: 12px;
26500
- padding-right: 12px;
26500
+ padding-left: 8px;
26501
+ padding-right: 8px;
26501
26502
  }
26502
26503
  .semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only,
26503
26504
  .semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only {