@semi-bot/semi-theme-imwf 1.0.3 → 1.0.5
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/package.json +1 -1
- package/raw.json +88 -7
- package/scss/global.scss +8 -8
- package/scss/local.scss +28 -0
- package/scss/mixin.scss +2 -2
- package/semi.css +81 -75
- package/semi.min.css +1 -1
package/README.md
CHANGED
package/package.json
CHANGED
package/raw.json
CHANGED
|
@@ -473,9 +473,9 @@
|
|
|
473
473
|
"data/--semi-color-data-7": "rgba(139, 215, 210, 1)",
|
|
474
474
|
"data/--semi-color-data-8": "rgba(131, 176, 35, 1)",
|
|
475
475
|
"data/--semi-color-data-9": "rgba(233, 165, 229, 1)",
|
|
476
|
-
"fill/--semi-color-fill-0": "rgba(var(--semi-grey-8),
|
|
477
|
-
"fill/--semi-color-fill-1": "rgba(var(--semi-grey-8),
|
|
478
|
-
"fill/--semi-color-fill-2": "rgba(var(--semi-grey-8),
|
|
476
|
+
"fill/--semi-color-fill-0": "rgba(var(--semi-grey-8),0.04)",
|
|
477
|
+
"fill/--semi-color-fill-1": "rgba(var(--semi-grey-8),0.08)",
|
|
478
|
+
"fill/--semi-color-fill-2": "rgba(var(--semi-grey-8),0.12)",
|
|
479
479
|
"text/--semi-color-text-0": "rgba(var(--semi-grey-9), 1)",
|
|
480
480
|
"text/--semi-color-text-1": "rgba(var(--semi-grey-9), 0.8)",
|
|
481
481
|
"text/--semi-color-text-2": "rgba(var(--semi-grey-9), 0.6)",
|
|
@@ -491,7 +491,7 @@
|
|
|
491
491
|
"data/--semi-color-data-17": "rgba(182, 215, 129, 1)",
|
|
492
492
|
"data/--semi-color-data-18": "rgba(212, 88, 212, 1)",
|
|
493
493
|
"data/--semi-color-data-19": "rgba(188, 198, 255, 1)",
|
|
494
|
-
"border/--semi-color-border": "rgba(var(--semi-grey-9),
|
|
494
|
+
"border/--semi-color-border": "rgba(var(--semi-grey-9),0.08)",
|
|
495
495
|
"danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
|
|
496
496
|
"shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
|
|
497
497
|
"default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
|
|
@@ -636,8 +636,8 @@
|
|
|
636
636
|
"shadow-1": "none",
|
|
637
637
|
"shadow-2": "0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16)",
|
|
638
638
|
"shadow-3": "0px 4px 8px 0px rgba(0,0,0,0.03)",
|
|
639
|
-
"shadow-knob": "0px 4px
|
|
640
|
-
"shadow-elevated": "0px 0px 0px 0px rgba(0,0,0,0.30),0px 4px
|
|
639
|
+
"shadow-knob": "0px 4px 10px 0px rgba(0,0,0,0.10),0px 0px 1px 0px rgba(0,0,0,0.30)",
|
|
640
|
+
"shadow-elevated": "0px 0px 0px 0px rgba(0,0,0,0.30),0px 4px 20px 0px rgba(0,0,0,0.10)"
|
|
641
641
|
},
|
|
642
642
|
"spacing": {
|
|
643
643
|
"$spacing-base": "16px",
|
|
@@ -680,7 +680,14 @@
|
|
|
680
680
|
}
|
|
681
681
|
},
|
|
682
682
|
"components": {
|
|
683
|
-
"form": {
|
|
683
|
+
"form": {
|
|
684
|
+
"font": {
|
|
685
|
+
"$font-form_label-fontWeight": "500"
|
|
686
|
+
},
|
|
687
|
+
"spacing": {
|
|
688
|
+
"$spacing-form_label-marginBottom": "4px"
|
|
689
|
+
}
|
|
690
|
+
},
|
|
684
691
|
"tabs": {
|
|
685
692
|
"color": {
|
|
686
693
|
"$color-tabs_tab_button-text-default": "var(--semi-color-text-1)",
|
|
@@ -688,12 +695,86 @@
|
|
|
688
695
|
},
|
|
689
696
|
"radius": {
|
|
690
697
|
"$radius-tabs_tab_button": "23px"
|
|
698
|
+
},
|
|
699
|
+
"spacing": {
|
|
700
|
+
"$spacing-tabs_bar_button_tab-paddingX": "15px",
|
|
701
|
+
"$spacing-tabs_bar_button_tab-paddingY": "6px"
|
|
702
|
+
}
|
|
703
|
+
},
|
|
704
|
+
"badge": {
|
|
705
|
+
"color": {
|
|
706
|
+
"$color-badge_primary_light-bg-default": "var(--semi-color-highlight-bg)",
|
|
707
|
+
"$color-badge_primary_solid-bg-default": "var(--semi-color-data-2)"
|
|
708
|
+
}
|
|
709
|
+
},
|
|
710
|
+
"input": {
|
|
711
|
+
"radius": {
|
|
712
|
+
"$radius-input_wrapper": "6px"
|
|
713
|
+
},
|
|
714
|
+
"spacing": {
|
|
715
|
+
"$spacing-input-paddingLeft": "8px",
|
|
716
|
+
"$spacing-input-paddingRight": "8px"
|
|
691
717
|
}
|
|
692
718
|
},
|
|
693
719
|
"radio": {
|
|
694
720
|
"radius": {
|
|
695
721
|
"$radius-radio_addon_buttonRadio": "6px"
|
|
696
722
|
}
|
|
723
|
+
},
|
|
724
|
+
"table": {
|
|
725
|
+
"color": {
|
|
726
|
+
"$color-table_th-bg-default": "var(--semi-color-default)"
|
|
727
|
+
},
|
|
728
|
+
"width": {
|
|
729
|
+
"$width-table_header_border": "1px"
|
|
730
|
+
}
|
|
731
|
+
},
|
|
732
|
+
"toast": {
|
|
733
|
+
"spacing": {
|
|
734
|
+
"$spacing-toast_content-paddingTop": "12px",
|
|
735
|
+
"$spacing-toast_content-paddingLeft": "12px",
|
|
736
|
+
"$spacing-toast_content-paddingRight": "8px",
|
|
737
|
+
"$spacing-toast_content-paddingBottom": "12px",
|
|
738
|
+
"$spacing-toast_content_text-marginLeft": "12px",
|
|
739
|
+
"$spacing-toast_content_close_btn-marginTop": "-2px"
|
|
740
|
+
}
|
|
741
|
+
},
|
|
742
|
+
"button": {
|
|
743
|
+
"spacing": {
|
|
744
|
+
"$spacing-button_small-paddingLeft": "10px",
|
|
745
|
+
"$spacing-button_small-paddingRight": "10px"
|
|
746
|
+
}
|
|
747
|
+
},
|
|
748
|
+
"select": {
|
|
749
|
+
"spacing": {
|
|
750
|
+
"$spacing-select_option-paddingLeft": "12px",
|
|
751
|
+
"$spacing-select_selection-marginLeft": "8px"
|
|
752
|
+
}
|
|
753
|
+
},
|
|
754
|
+
"cascader": {
|
|
755
|
+
"spacing": {
|
|
756
|
+
"$spacing-cascader_selection-paddingLeft": "8px",
|
|
757
|
+
"$spacing-cascader_small_selection-paddingLeft": "8px",
|
|
758
|
+
"$spacing-cascader_small_selection_multiple-paddingLeft": "2px"
|
|
759
|
+
}
|
|
760
|
+
},
|
|
761
|
+
"checkbox": {
|
|
762
|
+
"radius": {
|
|
763
|
+
"$radius-checkbox_cardType": "8px"
|
|
764
|
+
}
|
|
765
|
+
},
|
|
766
|
+
"treeselect": {
|
|
767
|
+
"spacing": {
|
|
768
|
+
"$spacing-treeSelect_selection-paddingLeft": "8px"
|
|
769
|
+
}
|
|
770
|
+
},
|
|
771
|
+
"inputNumber": {
|
|
772
|
+
"color": {
|
|
773
|
+
"$color-inputNumber_button-bg-default": "var(--semi-color-default)"
|
|
774
|
+
},
|
|
775
|
+
"radius": {
|
|
776
|
+
"$radius-inputNumber": "5px"
|
|
777
|
+
}
|
|
697
778
|
}
|
|
698
779
|
},
|
|
699
780
|
"typography": {
|
package/scss/global.scss
CHANGED
|
@@ -22,9 +22,9 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
22
22
|
--semi-color-data-7: rgba(139, 215, 210, 1);
|
|
23
23
|
--semi-color-data-8: rgba(131, 176, 35, 1);
|
|
24
24
|
--semi-color-data-9: rgba(233, 165, 229, 1);
|
|
25
|
-
--semi-color-fill-0: rgba(var(--semi-grey-8),
|
|
26
|
-
--semi-color-fill-1: rgba(var(--semi-grey-8),
|
|
27
|
-
--semi-color-fill-2: rgba(var(--semi-grey-8),
|
|
25
|
+
--semi-color-fill-0: rgba(var(--semi-grey-8),0.04);
|
|
26
|
+
--semi-color-fill-1: rgba(var(--semi-grey-8),0.08);
|
|
27
|
+
--semi-color-fill-2: rgba(var(--semi-grey-8),0.12);
|
|
28
28
|
--semi-color-text-0: rgba(var(--semi-grey-9), 1);
|
|
29
29
|
--semi-color-text-1: rgba(var(--semi-grey-9), 0.8);
|
|
30
30
|
--semi-color-text-2: rgba(var(--semi-grey-9), 0.6);
|
|
@@ -40,7 +40,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
40
40
|
--semi-color-data-17: rgba(182, 215, 129, 1);
|
|
41
41
|
--semi-color-data-18: rgba(212, 88, 212, 1);
|
|
42
42
|
--semi-color-data-19: rgba(188, 198, 255, 1);
|
|
43
|
-
--semi-color-border: rgba(var(--semi-grey-9),
|
|
43
|
+
--semi-color-border: rgba(var(--semi-grey-9),0.08);
|
|
44
44
|
--semi-color-danger: rgba(var(--semi-red-5), 1);
|
|
45
45
|
--semi-color-shadow: rgba(var(--semi-black), 0.04);
|
|
46
46
|
--semi-color-default: rgba(var(--semi-grey-0), 1);
|
|
@@ -103,12 +103,12 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
103
103
|
--semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
|
|
104
104
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
|
|
105
105
|
-webkit-font-smoothing: antialiased;;
|
|
106
|
-
--semi-shadow-elevated: 0px 0px 0px 0px rgba(0,0,0,0.30),0px 4px
|
|
106
|
+
--semi-shadow-elevated: 0px 0px 0px 0px rgba(0,0,0,0.30),0px 4px 20px 0px rgba(0,0,0,0.10);
|
|
107
107
|
--semi-shadow-0: none;
|
|
108
108
|
--semi-shadow-1: none;
|
|
109
109
|
--semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
|
|
110
110
|
--semi-shadow-3: 0px 4px 8px 0px rgba(0,0,0,0.03);
|
|
111
|
-
--semi-shadow-knob: 0px 4px
|
|
111
|
+
--semi-shadow-knob: 0px 4px 10px 0px rgba(0,0,0,0.10),0px 0px 1px 0px rgba(0,0,0,0.30);
|
|
112
112
|
--semi-border-radius-m12: 12px;
|
|
113
113
|
--semi-border-radius-full: 9999px;
|
|
114
114
|
--semi-border-radius-large: 16px;
|
|
@@ -220,12 +220,12 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
|
|
|
220
220
|
--semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
|
|
221
221
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
|
|
222
222
|
-webkit-font-smoothing: antialiased;;
|
|
223
|
-
--semi-shadow-elevated: 0px 0px 0px 0px rgba(0,0,0,0.30),0px 4px
|
|
223
|
+
--semi-shadow-elevated: 0px 0px 0px 0px rgba(0,0,0,0.30),0px 4px 20px 0px rgba(0,0,0,0.10);
|
|
224
224
|
--semi-shadow-0: none;
|
|
225
225
|
--semi-shadow-1: none;
|
|
226
226
|
--semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
|
|
227
227
|
--semi-shadow-3: 0px 4px 8px 0px rgba(0,0,0,0.03);
|
|
228
|
-
--semi-shadow-knob: 0px 4px
|
|
228
|
+
--semi-shadow-knob: 0px 4px 10px 0px rgba(0,0,0,0.10),0px 0px 1px 0px rgba(0,0,0,0.30);
|
|
229
229
|
--semi-border-radius-m12: 12px;
|
|
230
230
|
--semi-border-radius-full: 9999px;
|
|
231
231
|
--semi-border-radius-large: 16px;
|
package/scss/local.scss
CHANGED
|
@@ -1,4 +1,32 @@
|
|
|
1
|
+
$font-form_label-fontWeight: 500;
|
|
2
|
+
$spacing-form_label-marginBottom: 4px;
|
|
1
3
|
$color-tabs_tab_button-text-default: var(--semi-color-text-1);
|
|
2
4
|
$color-tabs_tab_line_default-text-default: var(--semi-color-text-1);
|
|
3
5
|
$radius-tabs_tab_button: 23px;
|
|
6
|
+
$spacing-tabs_bar_button_tab-paddingX: 15px;
|
|
7
|
+
$spacing-tabs_bar_button_tab-paddingY: 6px;
|
|
8
|
+
$color-badge_primary_light-bg-default: var(--semi-color-highlight-bg);
|
|
9
|
+
$color-badge_primary_solid-bg-default: var(--semi-color-data-2);
|
|
10
|
+
$radius-input_wrapper: 6px;
|
|
11
|
+
$spacing-input-paddingLeft: 8px;
|
|
12
|
+
$spacing-input-paddingRight: 8px;
|
|
4
13
|
$radius-radio_addon_buttonRadio: 6px;
|
|
14
|
+
$color-table_th-bg-default: var(--semi-color-default);
|
|
15
|
+
$width-table_header_border: 1px;
|
|
16
|
+
$spacing-toast_content-paddingTop: 12px;
|
|
17
|
+
$spacing-toast_content-paddingLeft: 12px;
|
|
18
|
+
$spacing-toast_content-paddingRight: 8px;
|
|
19
|
+
$spacing-toast_content-paddingBottom: 12px;
|
|
20
|
+
$spacing-toast_content_text-marginLeft: 12px;
|
|
21
|
+
$spacing-toast_content_close_btn-marginTop: -2px;
|
|
22
|
+
$spacing-button_small-paddingLeft: 10px;
|
|
23
|
+
$spacing-button_small-paddingRight: 10px;
|
|
24
|
+
$spacing-select_option-paddingLeft: 12px;
|
|
25
|
+
$spacing-select_selection-marginLeft: 8px;
|
|
26
|
+
$spacing-cascader_selection-paddingLeft: 8px;
|
|
27
|
+
$spacing-cascader_small_selection-paddingLeft: 8px;
|
|
28
|
+
$spacing-cascader_small_selection_multiple-paddingLeft: 2px;
|
|
29
|
+
$radius-checkbox_cardType: 8px;
|
|
30
|
+
$spacing-treeSelect_selection-paddingLeft: 8px;
|
|
31
|
+
$color-inputNumber_button-bg-default: var(--semi-color-default);
|
|
32
|
+
$radius-inputNumber: 5px;
|
package/scss/mixin.scss
CHANGED
|
@@ -11,10 +11,10 @@
|
|
|
11
11
|
box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.03);
|
|
12
12
|
};
|
|
13
13
|
@mixin shadow-knob {
|
|
14
|
-
box-shadow: 0px 4px
|
|
14
|
+
box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.10),0px 0px 1px 0px rgba(0,0,0,0.30);
|
|
15
15
|
};
|
|
16
16
|
@mixin shadow-elevated {
|
|
17
|
-
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.30),0px 4px
|
|
17
|
+
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.30),0px 4px 20px 0px rgba(0,0,0,0.10);
|
|
18
18
|
};
|
|
19
19
|
|
|
20
20
|
@mixin box-sizing() {
|