@semi-bot/semi-theme-imwf 1.0.3 → 1.0.4
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 +81 -3
- package/scss/global.scss +4 -4
- package/scss/local.scss +27 -0
- package/scss/mixin.scss +2 -2
- package/semi.css +75 -69
- package/semi.min.css +1 -1
package/README.md
CHANGED
package/package.json
CHANGED
package/raw.json
CHANGED
|
@@ -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,83 @@
|
|
|
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
|
+
},
|
|
729
|
+
"toast": {
|
|
730
|
+
"spacing": {
|
|
731
|
+
"$spacing-toast_content-paddingTop": "12px",
|
|
732
|
+
"$spacing-toast_content-paddingLeft": "12px",
|
|
733
|
+
"$spacing-toast_content-paddingRight": "8px",
|
|
734
|
+
"$spacing-toast_content-paddingBottom": "12px",
|
|
735
|
+
"$spacing-toast_content_text-marginLeft": "12px",
|
|
736
|
+
"$spacing-toast_content_close_btn-marginTop": "-2px"
|
|
737
|
+
}
|
|
738
|
+
},
|
|
739
|
+
"button": {
|
|
740
|
+
"spacing": {
|
|
741
|
+
"$spacing-button_small-paddingLeft": "10px",
|
|
742
|
+
"$spacing-button_small-paddingRight": "10px"
|
|
743
|
+
}
|
|
744
|
+
},
|
|
745
|
+
"select": {
|
|
746
|
+
"spacing": {
|
|
747
|
+
"$spacing-select_option-paddingLeft": "12px",
|
|
748
|
+
"$spacing-select_selection-marginLeft": "8px"
|
|
749
|
+
}
|
|
750
|
+
},
|
|
751
|
+
"cascader": {
|
|
752
|
+
"spacing": {
|
|
753
|
+
"$spacing-cascader_selection-paddingLeft": "8px",
|
|
754
|
+
"$spacing-cascader_small_selection-paddingLeft": "8px",
|
|
755
|
+
"$spacing-cascader_small_selection_multiple-paddingLeft": "2px"
|
|
756
|
+
}
|
|
757
|
+
},
|
|
758
|
+
"checkbox": {
|
|
759
|
+
"radius": {
|
|
760
|
+
"$radius-checkbox_cardType": "8px"
|
|
761
|
+
}
|
|
762
|
+
},
|
|
763
|
+
"treeselect": {
|
|
764
|
+
"spacing": {
|
|
765
|
+
"$spacing-treeSelect_selection-paddingLeft": "8px"
|
|
766
|
+
}
|
|
767
|
+
},
|
|
768
|
+
"inputNumber": {
|
|
769
|
+
"color": {
|
|
770
|
+
"$color-inputNumber_button-bg-default": "var(--semi-color-default)"
|
|
771
|
+
},
|
|
772
|
+
"radius": {
|
|
773
|
+
"$radius-inputNumber": "5px"
|
|
774
|
+
}
|
|
697
775
|
}
|
|
698
776
|
},
|
|
699
777
|
"typography": {
|
package/scss/global.scss
CHANGED
|
@@ -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,31 @@
|
|
|
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
|
+
$spacing-toast_content-paddingTop: 12px;
|
|
16
|
+
$spacing-toast_content-paddingLeft: 12px;
|
|
17
|
+
$spacing-toast_content-paddingRight: 8px;
|
|
18
|
+
$spacing-toast_content-paddingBottom: 12px;
|
|
19
|
+
$spacing-toast_content_text-marginLeft: 12px;
|
|
20
|
+
$spacing-toast_content_close_btn-marginTop: -2px;
|
|
21
|
+
$spacing-button_small-paddingLeft: 10px;
|
|
22
|
+
$spacing-button_small-paddingRight: 10px;
|
|
23
|
+
$spacing-select_option-paddingLeft: 12px;
|
|
24
|
+
$spacing-select_selection-marginLeft: 8px;
|
|
25
|
+
$spacing-cascader_selection-paddingLeft: 8px;
|
|
26
|
+
$spacing-cascader_small_selection-paddingLeft: 8px;
|
|
27
|
+
$spacing-cascader_small_selection_multiple-paddingLeft: 2px;
|
|
28
|
+
$radius-checkbox_cardType: 8px;
|
|
29
|
+
$spacing-treeSelect_selection-paddingLeft: 8px;
|
|
30
|
+
$color-inputNumber_button-bg-default: var(--semi-color-default);
|
|
31
|
+
$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() {
|