@trionesdev/antd-mobile-base-react 0.0.2-beta.2 → 0.0.2-beta.20
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/LICENSE +21 -21
- package/README.md +23 -23
- package/dist/Alert/alert.js +1 -1
- package/dist/Alert/style.scss +69 -69
- package/dist/Avatar/avatar.d.ts +4 -1
- package/dist/Avatar/avatar.js +19 -6
- package/dist/Avatar/style.scss +17 -16
- package/dist/Badge/style.scss +100 -100
- package/dist/Card/style.scss +35 -35
- package/dist/CascaderView/cascader-column-item.js +1 -1
- package/dist/CascaderView/style.scss +22 -22
- package/dist/Cell/CellGroup.js +53 -14
- package/dist/Cell/cell.js +52 -15
- package/dist/Cell/context.d.ts +19 -0
- package/dist/Cell/context.js +2 -0
- package/dist/Cell/styles.scss +81 -52
- package/dist/Cell/types.d.ts +30 -7
- package/dist/Checkbox/checkbox-button.d.ts +6 -2
- package/dist/Checkbox/checkbox-button.js +6 -18
- package/dist/Checkbox/checkbox-group.js +19 -4
- package/dist/Checkbox/checkbox-round.d.ts +8 -0
- package/dist/Checkbox/checkbox-round.js +35 -0
- package/dist/Checkbox/checkbox.js +49 -34
- package/dist/Checkbox/index.d.ts +0 -2
- package/dist/Checkbox/index.js +0 -2
- package/dist/Checkbox/index.scss +165 -151
- package/dist/Checkbox/types.d.ts +11 -1
- package/dist/ConfigProvider/config-provider.d.ts +1 -0
- package/dist/DemoBlock/index.scss +20 -20
- package/dist/DemoDescription/index.scss +3 -3
- package/dist/Descriptions/style.scss +65 -65
- package/dist/Divider/divider.d.ts +1 -1
- package/dist/Divider/divider.js +5 -3
- package/dist/Divider/style.scss +62 -62
- package/dist/Ellipsis/style.scss +13 -13
- package/dist/Empty/style.scss +29 -29
- package/dist/ErrorBlock/demo/base.js +2 -2
- package/dist/ErrorBlock/style.scss +62 -62
- package/dist/Footer/style.scss +55 -55
- package/dist/Form/ErrorList.d.ts +4 -0
- package/dist/Form/ErrorList.js +9 -0
- package/dist/Form/context.d.ts +5 -2
- package/dist/Form/context.js +2 -1
- package/dist/Form/form.d.ts +25 -12
- package/dist/Form/form.js +25 -13
- package/dist/Form/hooks/useForm.js +1 -8
- package/dist/Form/hooks/useFormContext.js +1 -2
- package/dist/Form/index.d.ts +8 -3
- package/dist/Form/index.js +7 -2
- package/dist/Form/styles.scss +11 -0
- package/dist/Form/types.d.ts +8 -0
- package/dist/FormCell/FormCell.d.ts +21 -0
- package/dist/FormCell/FormCell.js +56 -0
- package/dist/FormCell/index.d.ts +4 -0
- package/dist/FormCell/index.js +3 -0
- package/dist/FormCell/styles.scss +103 -0
- package/dist/Grid/style.scss +17 -17
- package/dist/Icon/demo/base.js +2 -2
- package/dist/IndexedStack/IndexedStack.d.ts +9 -0
- package/dist/IndexedStack/IndexedStack.js +27 -0
- package/dist/IndexedStack/index.d.ts +3 -0
- package/dist/IndexedStack/index.js +2 -0
- package/dist/InputNumber/input-number.d.ts +3 -2
- package/dist/InputNumber/input-number.js +48 -26
- package/dist/InputNumber/style.scss +100 -43
- package/dist/Loading/DotLoading.d.ts +7 -0
- package/dist/{Mask/mask-modal.js → Loading/DotLoading.js} +25 -25
- package/dist/{SpinLoading/spin-loading.d.ts → Loading/SpinLoading.d.ts} +0 -1
- package/dist/Loading/SpinLoading.js +69 -0
- package/dist/Loading/index.d.ts +6 -0
- package/dist/Loading/index.js +4 -0
- package/dist/Loading/style.scss +113 -0
- package/dist/NavBar/nav-bar.d.ts +1 -0
- package/dist/NavBar/nav-bar.js +3 -2
- package/dist/NavBar/style.scss +65 -61
- package/dist/NoticeBar/style.scss +130 -130
- package/dist/PageIndicator/style.scss +59 -59
- package/dist/Progress/Progress.d.ts +39 -0
- package/dist/Progress/Progress.js +56 -0
- package/dist/Progress/ProgressCircle.d.ts +15 -0
- package/dist/Progress/ProgressCircle.js +117 -0
- package/dist/Progress/ProgressLine.d.ts +15 -0
- package/dist/Progress/ProgressLine.js +87 -0
- package/dist/Progress/index.d.ts +3 -0
- package/dist/Progress/index.js +2 -0
- package/dist/Progress/style.scss +33 -0
- package/dist/Progress/types.d.ts +6 -0
- package/dist/Progress/types.js +2 -0
- package/dist/Radio/RadioGroup.js +3 -3
- package/dist/Radio/radio.js +1 -1
- package/dist/Radio/style.scss +154 -138
- package/dist/Radio/types.d.ts +6 -4
- package/dist/Rate/rate.js +1 -1
- package/dist/Rate/style.scss +37 -37
- package/dist/Result/demo/base.js +2 -2
- package/dist/Result/style.scss +73 -73
- package/dist/Result/use-result-icon.js +1 -1
- package/dist/SafeArea/style.scss +20 -18
- package/dist/Scaffold/style.scss +17 -16
- package/dist/Segmented/Segmented.d.ts +57 -0
- package/dist/Segmented/Segmented.js +82 -0
- package/dist/Segmented/index.d.ts +2 -0
- package/dist/Segmented/index.js +1 -0
- package/dist/Segmented/style.scss +75 -0
- package/dist/Skeleton/Skeleton.d.ts +86 -0
- package/dist/Skeleton/Skeleton.js +263 -0
- package/dist/Skeleton/index.d.ts +3 -0
- package/dist/Skeleton/index.js +2 -0
- package/dist/Skeleton/style.scss +215 -0
- package/dist/Space/space.d.ts +1 -0
- package/dist/Space/space.js +20 -6
- package/dist/Space/style.scss +101 -77
- package/dist/Stepper/index.d.ts +3 -0
- package/dist/Stepper/index.js +2 -0
- package/dist/Stepper/stepper.d.ts +14 -0
- package/dist/Stepper/stepper.js +92 -0
- package/dist/Stepper/style.scss +100 -0
- package/dist/Steps/HorizontalSteps.js +10 -3
- package/dist/Steps/VerticalSteps.js +5 -2
- package/dist/Steps/style.scss +153 -146
- package/dist/Steps/types.d.ts +2 -0
- package/dist/Switch/style.scss +127 -128
- package/dist/Switch/switch.d.ts +2 -0
- package/dist/Switch/switch.js +6 -5
- package/dist/TabBar/demo/base.js +2 -2
- package/dist/TabBar/index.js +2 -1
- package/dist/TabBar/index.scss +37 -36
- package/dist/Tabs/style.scss +108 -108
- package/dist/Tag/style.scss +110 -86
- package/dist/Tag/tag.d.ts +4 -1
- package/dist/Tag/tag.js +8 -2
- package/dist/WaterMark/style.scss +17 -17
- package/dist/index.d.ts +17 -26
- package/dist/index.js +8 -13
- package/dist/style/css-variable.scss +6 -0
- package/dist/style/style.scss +52 -52
- package/dist/style/theme-dark.scss +24 -24
- package/dist/style/theme-default.scss +54 -54
- package/dist/style/variable.scss +180 -168
- package/dist/types.d.ts +10 -1
- package/dist/utils/type.js +36 -36
- package/dist/utils/with-default-props.js +4 -4
- package/package.json +5 -8
- package/dist/ActionSheet/ActionSheet.d.ts +0 -25
- package/dist/ActionSheet/ActionSheet.js +0 -77
- package/dist/ActionSheet/index.d.ts +0 -3
- package/dist/ActionSheet/index.js +0 -2
- package/dist/ActionSheet/style.scss +0 -51
- package/dist/CascaderPicker/cascader-picker.d.ts +0 -27
- package/dist/CascaderPicker/cascader-picker.js +0 -88
- package/dist/CascaderPicker/index.d.ts +0 -3
- package/dist/CascaderPicker/index.js +0 -2
- package/dist/CascaderPicker/style.scss +0 -42
- package/dist/Form/FormItem/form-item-input.d.ts +0 -15
- package/dist/Form/FormItem/form-item-input.js +0 -39
- package/dist/Form/FormItem/form-item-label.d.ts +0 -13
- package/dist/Form/FormItem/form-item-label.js +0 -25
- package/dist/Form/FormItem/form-item.d.ts +0 -21
- package/dist/Form/FormItem/form-item.js +0 -70
- package/dist/Form/FormItem/index.d.ts +0 -5
- package/dist/Form/FormItem/index.js +0 -3
- package/dist/Form/style.scss +0 -45
- package/dist/Input/base-input.d.ts +0 -14
- package/dist/Input/base-input.js +0 -63
- package/dist/Input/index.d.ts +0 -12
- package/dist/Input/index.js +0 -9
- package/dist/Input/index.scss +0 -173
- package/dist/Input/input-affix-wrapper.d.ts +0 -8
- package/dist/Input/input-affix-wrapper.js +0 -50
- package/dist/Input/input-opt.d.ts +0 -16
- package/dist/Input/input-opt.js +0 -93
- package/dist/Input/input-password.d.ts +0 -7
- package/dist/Input/input-password.js +0 -47
- package/dist/Input/input.d.ts +0 -15
- package/dist/Input/input.js +0 -47
- package/dist/Input/textarea.d.ts +0 -13
- package/dist/Input/textarea.js +0 -45
- package/dist/Input/types.d.ts +0 -1
- package/dist/Input/types.js +0 -1
- package/dist/Mask/index.d.ts +0 -3
- package/dist/Mask/index.js +0 -2
- package/dist/Mask/mask-modal.d.ts +0 -45
- package/dist/Mask/mask.d.ts +0 -5
- package/dist/Mask/mask.js +0 -19
- package/dist/Mask/style.scss +0 -20
- package/dist/Picker/index.d.ts +0 -3
- package/dist/Picker/index.js +0 -2
- package/dist/Picker/picker.d.ts +0 -19
- package/dist/Picker/picker.js +0 -97
- package/dist/Picker/style.scss +0 -41
- package/dist/PickerView/index.d.ts +0 -4
- package/dist/PickerView/index.js +0 -2
- package/dist/PickerView/picker-view-column-item.d.ts +0 -7
- package/dist/PickerView/picker-view-column-item.js +0 -11
- package/dist/PickerView/picker-view-column.d.ts +0 -10
- package/dist/PickerView/picker-view-column.js +0 -117
- package/dist/PickerView/picker-view.d.ts +0 -12
- package/dist/PickerView/picker-view.js +0 -60
- package/dist/PickerView/style.scss +0 -72
- package/dist/PickerView/types.d.ts +0 -4
- package/dist/Popup/index.d.ts +0 -3
- package/dist/Popup/index.js +0 -2
- package/dist/Popup/popup-modal.d.ts +0 -52
- package/dist/Popup/popup-modal.js +0 -74
- package/dist/Popup/popup.d.ts +0 -4
- package/dist/Popup/popup.js +0 -56
- package/dist/Popup/style.scss +0 -53
- package/dist/ScrollView/index.d.ts +0 -4
- package/dist/ScrollView/index.js +0 -2
- package/dist/ScrollView/scroll-view.d.ts +0 -4
- package/dist/ScrollView/scroll-view.js +0 -55
- package/dist/ScrollView/style.scss +0 -19
- package/dist/ScrollView/types.d.ts +0 -26
- package/dist/ScrollView/types.js +0 -1
- package/dist/SideBar/SideBarContext.d.ts +0 -18
- package/dist/SideBar/SideBarContext.js +0 -2
- package/dist/SideBar/index.d.ts +0 -3
- package/dist/SideBar/index.js +0 -2
- package/dist/SideBar/side-bar.d.ts +0 -25
- package/dist/SideBar/side-bar.js +0 -351
- package/dist/SideBar/style.scss +0 -85
- package/dist/SideBar/types.d.ts +0 -7
- package/dist/SideBar/types.js +0 -1
- package/dist/SpinLoading/demo/base.d.ts +0 -3
- package/dist/SpinLoading/demo/base.js +0 -21
- package/dist/SpinLoading/index.d.ts +0 -3
- package/dist/SpinLoading/index.js +0 -2
- package/dist/SpinLoading/spin-loading.js +0 -59
- package/dist/SpinLoading/spin-loading.scss +0 -40
- package/dist/Tabs/demo/base.d.ts +0 -3
- package/dist/Tabs/demo/base.js +0 -59
- package/dist/Tag/demo/base.d.ts +0 -7
- package/dist/Tag/demo/base.js +0 -67
- package/dist/Tag/demo/style.scss +0 -8
- package/dist/Toast/index.d.ts +0 -5
- package/dist/Toast/index.js +0 -3
- package/dist/Toast/style.scss +0 -63
- package/dist/Toast/toast-modal.d.ts +0 -18
- package/dist/Toast/toast-modal.js +0 -112
- package/dist/Toast/toast.d.ts +0 -7
- package/dist/Toast/toast.js +0 -78
- package/dist/VerificationCodeInput/demo/base.d.ts +0 -3
- package/dist/VerificationCodeInput/demo/base.js +0 -11
- package/dist/VerificationCodeInput/index.d.ts +0 -3
- package/dist/VerificationCodeInput/index.js +0 -2
- package/dist/VerificationCodeInput/style.scss +0 -20
- package/dist/VerificationCodeInput/verification-code-input.d.ts +0 -24
- package/dist/VerificationCodeInput/verification-code-input.js +0 -99
- /package/dist/{PickerView → Form}/types.js +0 -0
package/dist/index.js
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import "./style";
|
|
2
|
-
export { default as ActionSheet } from "./ActionSheet";
|
|
3
2
|
export { default as Alert } from "./Alert";
|
|
4
3
|
export { default as Avatar } from "./Avatar";
|
|
5
4
|
export { default as Badge } from "./Badge";
|
|
6
5
|
export { default as Card } from "./Card";
|
|
7
|
-
export { default as CascaderPicker } from "./CascaderPicker";
|
|
8
6
|
export { default as CascaderView } from "./CascaderView";
|
|
9
7
|
export { default as Cell } from "./Cell";
|
|
10
8
|
export { default as Checkbox } from "./Checkbox";
|
|
@@ -15,32 +13,29 @@ export { default as Ellipsis } from "./Ellipsis";
|
|
|
15
13
|
export { default as Empty } from "./Empty";
|
|
16
14
|
export { default as ErrorBlock, createErrorBlock } from "./ErrorBlock";
|
|
17
15
|
export { default as Footer } from "./Footer";
|
|
18
|
-
export { default as Form } from "./Form";
|
|
16
|
+
export { default as Form, useFormContext, Field } from "./Form";
|
|
17
|
+
export { default as FormCell } from "./FormCell";
|
|
19
18
|
export { default as Grid } from "./Grid";
|
|
20
|
-
export { default as
|
|
19
|
+
export { default as IndexedStack } from "./IndexedStack";
|
|
21
20
|
export { default as InputNumber } from "./InputNumber";
|
|
22
|
-
export { default as Mask } from "./Mask";
|
|
23
21
|
export { default as NavBar } from "./NavBar";
|
|
24
22
|
export { default as NoticeBar } from "./NoticeBar";
|
|
25
23
|
export { default as PageIndicator } from "./PageIndicator";
|
|
26
|
-
export { default as
|
|
27
|
-
export { default as PickerView } from "./PickerView";
|
|
28
|
-
export { default as Popup } from "./Popup";
|
|
24
|
+
export { default as Progress } from "./Progress";
|
|
29
25
|
export { default as Radio } from "./Radio";
|
|
30
26
|
export { default as Rate } from "./Rate";
|
|
31
27
|
export { default as Result } from "./Result";
|
|
32
28
|
export { default as SafeArea } from "./SafeArea";
|
|
33
29
|
export { default as Scaffold } from "./Scaffold";
|
|
34
|
-
export {
|
|
35
|
-
export { default as
|
|
30
|
+
export { Segmented } from "./Segmented";
|
|
31
|
+
export { default as Skeleton } from "./Skeleton";
|
|
36
32
|
export { default as Space } from "./Space";
|
|
37
|
-
export {
|
|
33
|
+
export { DotLoading, SpinLoading } from "./Loading";
|
|
34
|
+
export { default as Stepper } from "./Stepper";
|
|
38
35
|
export { default as Steps } from "./Steps";
|
|
39
36
|
export { default as Switch } from "./Switch";
|
|
40
37
|
export { default as TabBar } from "./TabBar";
|
|
41
38
|
export { default as Tag } from "./Tag";
|
|
42
|
-
export { default as Toast } from "./Toast";
|
|
43
39
|
export { default as Tabs } from "./Tabs";
|
|
44
|
-
export { default as VerificationCodeInput } from "./VerificationCodeInput";
|
|
45
40
|
export { default as WaterMark } from "./WaterMark";
|
|
46
41
|
export * from "./types";
|
package/dist/style/style.scss
CHANGED
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
@use './theme-default.scss' as
|
|
2
|
-
@use './theme-dark.scss' as
|
|
3
|
-
|
|
4
|
-
:root {
|
|
5
|
-
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
html {
|
|
9
|
-
background-color: var(--triones-antm-color-background-body);
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
body {
|
|
13
|
-
color: var(--triones-antm-color-text);
|
|
14
|
-
font-size: 14Px;
|
|
15
|
-
font-family: var(--triones-antm-font-family);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
a,
|
|
19
|
-
button {
|
|
20
|
-
cursor: pointer;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
a {
|
|
24
|
-
color: var(--triones-antm-color-primary);
|
|
25
|
-
transition: opacity ease-in-out 0.2s;
|
|
26
|
-
&:active {
|
|
27
|
-
opacity: 0.8;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.adm-plain-anchor {
|
|
32
|
-
color: unset;
|
|
33
|
-
transition: none;
|
|
34
|
-
&:active {
|
|
35
|
-
opacity: unset;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
body.triones-antm-overflow-hidden {
|
|
40
|
-
overflow: hidden !important;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
div.triones-antm-px-tester {
|
|
44
|
-
--size: 1;
|
|
45
|
-
height: calc(var(--size) / 2 * 2Px);
|
|
46
|
-
width: 0;
|
|
47
|
-
position: fixed;
|
|
48
|
-
left: -100vw;
|
|
49
|
-
top: -100vh;
|
|
50
|
-
user-select: none;
|
|
51
|
-
pointer-events: none;
|
|
52
|
-
}
|
|
1
|
+
@use './theme-default.scss' as default;
|
|
2
|
+
@use './theme-dark.scss' as dark;
|
|
3
|
+
|
|
4
|
+
:root {
|
|
5
|
+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
html {
|
|
9
|
+
background-color: var(--triones-antm-color-background-body);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
body {
|
|
13
|
+
color: var(--triones-antm-color-text);
|
|
14
|
+
font-size: 14Px;
|
|
15
|
+
font-family: var(--triones-antm-font-family);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
a,
|
|
19
|
+
button {
|
|
20
|
+
cursor: pointer;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
a {
|
|
24
|
+
color: var(--triones-antm-color-primary);
|
|
25
|
+
transition: opacity ease-in-out 0.2s;
|
|
26
|
+
&:active {
|
|
27
|
+
opacity: 0.8;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.adm-plain-anchor {
|
|
32
|
+
color: unset;
|
|
33
|
+
transition: none;
|
|
34
|
+
&:active {
|
|
35
|
+
opacity: unset;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
body.triones-antm-overflow-hidden {
|
|
40
|
+
overflow: hidden !important;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
div.triones-antm-px-tester {
|
|
44
|
+
--size: 1;
|
|
45
|
+
height: calc(var(--size) / 2 * 2Px);
|
|
46
|
+
width: 0;
|
|
47
|
+
position: fixed;
|
|
48
|
+
left: -100vw;
|
|
49
|
+
top: -100vh;
|
|
50
|
+
user-select: none;
|
|
51
|
+
pointer-events: none;
|
|
52
|
+
}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
html[data-prefers-color-scheme='dark'] {
|
|
2
|
-
// variables should be exposed to users:
|
|
3
|
-
--triones-antm-color-primary: #3086ff;
|
|
4
|
-
--triones-antm-color-success: #34b368;
|
|
5
|
-
--triones-antm-color-warning: #ffa930;
|
|
6
|
-
--triones-antm-color-danger: #ff4a58;
|
|
7
|
-
|
|
8
|
-
--triones-antm-color-yellow: #ffa930;
|
|
9
|
-
--triones-antm-color-orange: #e65a2b;
|
|
10
|
-
--triones-antm-color-wathet: #0d2543;
|
|
11
|
-
|
|
12
|
-
--triones-antm-color-text: #e6e6e6;
|
|
13
|
-
--triones-antm-color-text-secondary: #b3b3b3;
|
|
14
|
-
--triones-antm-color-weak: #808080;
|
|
15
|
-
--triones-antm-color-light: #4d4d4d;
|
|
16
|
-
--triones-antm-color-border: #2b2b2b;
|
|
17
|
-
--triones-antm-color-box: #0a0a0a;
|
|
18
|
-
--triones-antm-color-background: #1a1a1a;
|
|
19
|
-
|
|
20
|
-
--triones-antm-color-background-body: var(--triones-antm-color-background);
|
|
21
|
-
|
|
22
|
-
// The variables below are deprecated and only exist for backward compatibility:
|
|
23
|
-
--triones-antm-border-color: var(--triones-antm-color-border);
|
|
24
|
-
}
|
|
1
|
+
html[data-prefers-color-scheme='dark'] {
|
|
2
|
+
// variables should be exposed to users:
|
|
3
|
+
--triones-antm-color-primary: #3086ff;
|
|
4
|
+
--triones-antm-color-success: #34b368;
|
|
5
|
+
--triones-antm-color-warning: #ffa930;
|
|
6
|
+
--triones-antm-color-danger: #ff4a58;
|
|
7
|
+
|
|
8
|
+
--triones-antm-color-yellow: #ffa930;
|
|
9
|
+
--triones-antm-color-orange: #e65a2b;
|
|
10
|
+
--triones-antm-color-wathet: #0d2543;
|
|
11
|
+
|
|
12
|
+
--triones-antm-color-text: #e6e6e6;
|
|
13
|
+
--triones-antm-color-text-secondary: #b3b3b3;
|
|
14
|
+
--triones-antm-color-weak: #808080;
|
|
15
|
+
--triones-antm-color-light: #4d4d4d;
|
|
16
|
+
--triones-antm-color-border: #2b2b2b;
|
|
17
|
+
--triones-antm-color-box: #0a0a0a;
|
|
18
|
+
--triones-antm-color-background: #1a1a1a;
|
|
19
|
+
|
|
20
|
+
--triones-antm-color-background-body: var(--triones-antm-color-background);
|
|
21
|
+
|
|
22
|
+
// The variables below are deprecated and only exist for backward compatibility:
|
|
23
|
+
--triones-antm-border-color: var(--triones-antm-color-border);
|
|
24
|
+
}
|
|
@@ -1,54 +1,54 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
// Currently internal variables:
|
|
3
|
-
--triones-antm-radius-s: 4Px;
|
|
4
|
-
--triones-antm-radius-m: 8Px;
|
|
5
|
-
--triones-antm-radius-l: 12Px;
|
|
6
|
-
|
|
7
|
-
--triones-antm-font-size-1: 9Px;
|
|
8
|
-
--triones-antm-font-size-2: 10Px;
|
|
9
|
-
--triones-antm-font-size-3: 11Px;
|
|
10
|
-
--triones-antm-font-size-4: 12Px;
|
|
11
|
-
--triones-antm-font-size-5: 13Px;
|
|
12
|
-
--triones-antm-font-size-6: 14Px;
|
|
13
|
-
--triones-antm-font-size-7: 15Px;
|
|
14
|
-
--triones-antm-font-size-8: 16Px;
|
|
15
|
-
--triones-antm-font-size-9: 17Px;
|
|
16
|
-
--triones-antm-font-size-10: 18Px;
|
|
17
|
-
|
|
18
|
-
// variables should be exposed to users:
|
|
19
|
-
--triones-antm-color-primary: #1677ff;
|
|
20
|
-
--triones-antm-color-success: #00b578;
|
|
21
|
-
--triones-antm-color-warning: #ff8f1f;
|
|
22
|
-
--triones-antm-color-danger: #ff3141;
|
|
23
|
-
|
|
24
|
-
--triones-antm-color-yellow: #ff9f18;
|
|
25
|
-
--triones-antm-color-orange: #ff6430;
|
|
26
|
-
--triones-antm-color-wathet: #e7f1ff;
|
|
27
|
-
|
|
28
|
-
--triones-antm-color-text: #333333;
|
|
29
|
-
--triones-antm-color-text-secondary: #666666;
|
|
30
|
-
--triones-antm-color-weak: #999999;
|
|
31
|
-
--triones-antm-color-light: #cccccc;
|
|
32
|
-
--triones-antm-color-border: #eeeeee;
|
|
33
|
-
--triones-antm-color-background: #ffffff;
|
|
34
|
-
|
|
35
|
-
--triones-antm-color-highlight: var(--triones-antm-color-danger);
|
|
36
|
-
|
|
37
|
-
// Deprecated. We use `--triones-antm-color-text-light-solid` in code
|
|
38
|
-
// but keep here for compatible
|
|
39
|
-
--triones-antm-color-white: #ffffff;
|
|
40
|
-
--triones-antm-color-box: #f5f5f5;
|
|
41
|
-
|
|
42
|
-
--triones-antm-color-text-light-solid: var(--triones-antm-color-white);
|
|
43
|
-
--triones-antm-color-text-dark-solid: #000000;
|
|
44
|
-
--triones-antm-color-fill-content: var(--triones-antm-color-box);
|
|
45
|
-
|
|
46
|
-
--triones-antm-font-size-main: var(--triones-antm-font-size-5);
|
|
47
|
-
|
|
48
|
-
--triones-antm-font-family: -apple-system, blinkmacsystemfont,
|
|
49
|
-
'Helvetica Neue', helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
|
|
50
|
-
'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
|
|
51
|
-
|
|
52
|
-
// The variables below are deprecated and only exist for backward compatibility:
|
|
53
|
-
--triones-antm-border-color: var(--triones-antm-color-border);
|
|
54
|
-
}
|
|
1
|
+
:root {
|
|
2
|
+
// Currently internal variables:
|
|
3
|
+
--triones-antm-radius-s: 4Px;
|
|
4
|
+
--triones-antm-radius-m: 8Px;
|
|
5
|
+
--triones-antm-radius-l: 12Px;
|
|
6
|
+
|
|
7
|
+
--triones-antm-font-size-1: 9Px;
|
|
8
|
+
--triones-antm-font-size-2: 10Px;
|
|
9
|
+
--triones-antm-font-size-3: 11Px;
|
|
10
|
+
--triones-antm-font-size-4: 12Px;
|
|
11
|
+
--triones-antm-font-size-5: 13Px;
|
|
12
|
+
--triones-antm-font-size-6: 14Px;
|
|
13
|
+
--triones-antm-font-size-7: 15Px;
|
|
14
|
+
--triones-antm-font-size-8: 16Px;
|
|
15
|
+
--triones-antm-font-size-9: 17Px;
|
|
16
|
+
--triones-antm-font-size-10: 18Px;
|
|
17
|
+
|
|
18
|
+
// variables should be exposed to users:
|
|
19
|
+
--triones-antm-color-primary: #1677ff;
|
|
20
|
+
--triones-antm-color-success: #00b578;
|
|
21
|
+
--triones-antm-color-warning: #ff8f1f;
|
|
22
|
+
--triones-antm-color-danger: #ff3141;
|
|
23
|
+
|
|
24
|
+
--triones-antm-color-yellow: #ff9f18;
|
|
25
|
+
--triones-antm-color-orange: #ff6430;
|
|
26
|
+
--triones-antm-color-wathet: #e7f1ff;
|
|
27
|
+
|
|
28
|
+
--triones-antm-color-text: #333333;
|
|
29
|
+
--triones-antm-color-text-secondary: #666666;
|
|
30
|
+
--triones-antm-color-weak: #999999;
|
|
31
|
+
--triones-antm-color-light: #cccccc;
|
|
32
|
+
--triones-antm-color-border: #eeeeee;
|
|
33
|
+
--triones-antm-color-background: #ffffff;
|
|
34
|
+
|
|
35
|
+
--triones-antm-color-highlight: var(--triones-antm-color-danger);
|
|
36
|
+
|
|
37
|
+
// Deprecated. We use `--triones-antm-color-text-light-solid` in code
|
|
38
|
+
// but keep here for compatible
|
|
39
|
+
--triones-antm-color-white: #ffffff;
|
|
40
|
+
--triones-antm-color-box: #f5f5f5;
|
|
41
|
+
|
|
42
|
+
--triones-antm-color-text-light-solid: var(--triones-antm-color-white);
|
|
43
|
+
--triones-antm-color-text-dark-solid: #000000;
|
|
44
|
+
--triones-antm-color-fill-content: var(--triones-antm-color-box);
|
|
45
|
+
|
|
46
|
+
--triones-antm-font-size-main: var(--triones-antm-font-size-5);
|
|
47
|
+
|
|
48
|
+
--triones-antm-font-family: -apple-system, blinkmacsystemfont,
|
|
49
|
+
'Helvetica Neue', helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
|
|
50
|
+
'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
|
|
51
|
+
|
|
52
|
+
// The variables below are deprecated and only exist for backward compatibility:
|
|
53
|
+
--triones-antm-border-color: var(--triones-antm-color-border);
|
|
54
|
+
}
|