@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.
Files changed (249) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +23 -23
  3. package/dist/Alert/alert.js +1 -1
  4. package/dist/Alert/style.scss +69 -69
  5. package/dist/Avatar/avatar.d.ts +4 -1
  6. package/dist/Avatar/avatar.js +19 -6
  7. package/dist/Avatar/style.scss +17 -16
  8. package/dist/Badge/style.scss +100 -100
  9. package/dist/Card/style.scss +35 -35
  10. package/dist/CascaderView/cascader-column-item.js +1 -1
  11. package/dist/CascaderView/style.scss +22 -22
  12. package/dist/Cell/CellGroup.js +53 -14
  13. package/dist/Cell/cell.js +52 -15
  14. package/dist/Cell/context.d.ts +19 -0
  15. package/dist/Cell/context.js +2 -0
  16. package/dist/Cell/styles.scss +81 -52
  17. package/dist/Cell/types.d.ts +30 -7
  18. package/dist/Checkbox/checkbox-button.d.ts +6 -2
  19. package/dist/Checkbox/checkbox-button.js +6 -18
  20. package/dist/Checkbox/checkbox-group.js +19 -4
  21. package/dist/Checkbox/checkbox-round.d.ts +8 -0
  22. package/dist/Checkbox/checkbox-round.js +35 -0
  23. package/dist/Checkbox/checkbox.js +49 -34
  24. package/dist/Checkbox/index.d.ts +0 -2
  25. package/dist/Checkbox/index.js +0 -2
  26. package/dist/Checkbox/index.scss +165 -151
  27. package/dist/Checkbox/types.d.ts +11 -1
  28. package/dist/ConfigProvider/config-provider.d.ts +1 -0
  29. package/dist/DemoBlock/index.scss +20 -20
  30. package/dist/DemoDescription/index.scss +3 -3
  31. package/dist/Descriptions/style.scss +65 -65
  32. package/dist/Divider/divider.d.ts +1 -1
  33. package/dist/Divider/divider.js +5 -3
  34. package/dist/Divider/style.scss +62 -62
  35. package/dist/Ellipsis/style.scss +13 -13
  36. package/dist/Empty/style.scss +29 -29
  37. package/dist/ErrorBlock/demo/base.js +2 -2
  38. package/dist/ErrorBlock/style.scss +62 -62
  39. package/dist/Footer/style.scss +55 -55
  40. package/dist/Form/ErrorList.d.ts +4 -0
  41. package/dist/Form/ErrorList.js +9 -0
  42. package/dist/Form/context.d.ts +5 -2
  43. package/dist/Form/context.js +2 -1
  44. package/dist/Form/form.d.ts +25 -12
  45. package/dist/Form/form.js +25 -13
  46. package/dist/Form/hooks/useForm.js +1 -8
  47. package/dist/Form/hooks/useFormContext.js +1 -2
  48. package/dist/Form/index.d.ts +8 -3
  49. package/dist/Form/index.js +7 -2
  50. package/dist/Form/styles.scss +11 -0
  51. package/dist/Form/types.d.ts +8 -0
  52. package/dist/FormCell/FormCell.d.ts +21 -0
  53. package/dist/FormCell/FormCell.js +56 -0
  54. package/dist/FormCell/index.d.ts +4 -0
  55. package/dist/FormCell/index.js +3 -0
  56. package/dist/FormCell/styles.scss +103 -0
  57. package/dist/Grid/style.scss +17 -17
  58. package/dist/Icon/demo/base.js +2 -2
  59. package/dist/IndexedStack/IndexedStack.d.ts +9 -0
  60. package/dist/IndexedStack/IndexedStack.js +27 -0
  61. package/dist/IndexedStack/index.d.ts +3 -0
  62. package/dist/IndexedStack/index.js +2 -0
  63. package/dist/InputNumber/input-number.d.ts +3 -2
  64. package/dist/InputNumber/input-number.js +48 -26
  65. package/dist/InputNumber/style.scss +100 -43
  66. package/dist/Loading/DotLoading.d.ts +7 -0
  67. package/dist/{Mask/mask-modal.js → Loading/DotLoading.js} +25 -25
  68. package/dist/{SpinLoading/spin-loading.d.ts → Loading/SpinLoading.d.ts} +0 -1
  69. package/dist/Loading/SpinLoading.js +69 -0
  70. package/dist/Loading/index.d.ts +6 -0
  71. package/dist/Loading/index.js +4 -0
  72. package/dist/Loading/style.scss +113 -0
  73. package/dist/NavBar/nav-bar.d.ts +1 -0
  74. package/dist/NavBar/nav-bar.js +3 -2
  75. package/dist/NavBar/style.scss +65 -61
  76. package/dist/NoticeBar/style.scss +130 -130
  77. package/dist/PageIndicator/style.scss +59 -59
  78. package/dist/Progress/Progress.d.ts +39 -0
  79. package/dist/Progress/Progress.js +56 -0
  80. package/dist/Progress/ProgressCircle.d.ts +15 -0
  81. package/dist/Progress/ProgressCircle.js +117 -0
  82. package/dist/Progress/ProgressLine.d.ts +15 -0
  83. package/dist/Progress/ProgressLine.js +87 -0
  84. package/dist/Progress/index.d.ts +3 -0
  85. package/dist/Progress/index.js +2 -0
  86. package/dist/Progress/style.scss +33 -0
  87. package/dist/Progress/types.d.ts +6 -0
  88. package/dist/Progress/types.js +2 -0
  89. package/dist/Radio/RadioGroup.js +3 -3
  90. package/dist/Radio/radio.js +1 -1
  91. package/dist/Radio/style.scss +154 -138
  92. package/dist/Radio/types.d.ts +6 -4
  93. package/dist/Rate/rate.js +1 -1
  94. package/dist/Rate/style.scss +37 -37
  95. package/dist/Result/demo/base.js +2 -2
  96. package/dist/Result/style.scss +73 -73
  97. package/dist/Result/use-result-icon.js +1 -1
  98. package/dist/SafeArea/style.scss +20 -18
  99. package/dist/Scaffold/style.scss +17 -16
  100. package/dist/Segmented/Segmented.d.ts +57 -0
  101. package/dist/Segmented/Segmented.js +82 -0
  102. package/dist/Segmented/index.d.ts +2 -0
  103. package/dist/Segmented/index.js +1 -0
  104. package/dist/Segmented/style.scss +75 -0
  105. package/dist/Skeleton/Skeleton.d.ts +86 -0
  106. package/dist/Skeleton/Skeleton.js +263 -0
  107. package/dist/Skeleton/index.d.ts +3 -0
  108. package/dist/Skeleton/index.js +2 -0
  109. package/dist/Skeleton/style.scss +215 -0
  110. package/dist/Space/space.d.ts +1 -0
  111. package/dist/Space/space.js +20 -6
  112. package/dist/Space/style.scss +101 -77
  113. package/dist/Stepper/index.d.ts +3 -0
  114. package/dist/Stepper/index.js +2 -0
  115. package/dist/Stepper/stepper.d.ts +14 -0
  116. package/dist/Stepper/stepper.js +92 -0
  117. package/dist/Stepper/style.scss +100 -0
  118. package/dist/Steps/HorizontalSteps.js +10 -3
  119. package/dist/Steps/VerticalSteps.js +5 -2
  120. package/dist/Steps/style.scss +153 -146
  121. package/dist/Steps/types.d.ts +2 -0
  122. package/dist/Switch/style.scss +127 -128
  123. package/dist/Switch/switch.d.ts +2 -0
  124. package/dist/Switch/switch.js +6 -5
  125. package/dist/TabBar/demo/base.js +2 -2
  126. package/dist/TabBar/index.js +2 -1
  127. package/dist/TabBar/index.scss +37 -36
  128. package/dist/Tabs/style.scss +108 -108
  129. package/dist/Tag/style.scss +110 -86
  130. package/dist/Tag/tag.d.ts +4 -1
  131. package/dist/Tag/tag.js +8 -2
  132. package/dist/WaterMark/style.scss +17 -17
  133. package/dist/index.d.ts +17 -26
  134. package/dist/index.js +8 -13
  135. package/dist/style/css-variable.scss +6 -0
  136. package/dist/style/style.scss +52 -52
  137. package/dist/style/theme-dark.scss +24 -24
  138. package/dist/style/theme-default.scss +54 -54
  139. package/dist/style/variable.scss +180 -168
  140. package/dist/types.d.ts +10 -1
  141. package/dist/utils/type.js +36 -36
  142. package/dist/utils/with-default-props.js +4 -4
  143. package/package.json +5 -8
  144. package/dist/ActionSheet/ActionSheet.d.ts +0 -25
  145. package/dist/ActionSheet/ActionSheet.js +0 -77
  146. package/dist/ActionSheet/index.d.ts +0 -3
  147. package/dist/ActionSheet/index.js +0 -2
  148. package/dist/ActionSheet/style.scss +0 -51
  149. package/dist/CascaderPicker/cascader-picker.d.ts +0 -27
  150. package/dist/CascaderPicker/cascader-picker.js +0 -88
  151. package/dist/CascaderPicker/index.d.ts +0 -3
  152. package/dist/CascaderPicker/index.js +0 -2
  153. package/dist/CascaderPicker/style.scss +0 -42
  154. package/dist/Form/FormItem/form-item-input.d.ts +0 -15
  155. package/dist/Form/FormItem/form-item-input.js +0 -39
  156. package/dist/Form/FormItem/form-item-label.d.ts +0 -13
  157. package/dist/Form/FormItem/form-item-label.js +0 -25
  158. package/dist/Form/FormItem/form-item.d.ts +0 -21
  159. package/dist/Form/FormItem/form-item.js +0 -70
  160. package/dist/Form/FormItem/index.d.ts +0 -5
  161. package/dist/Form/FormItem/index.js +0 -3
  162. package/dist/Form/style.scss +0 -45
  163. package/dist/Input/base-input.d.ts +0 -14
  164. package/dist/Input/base-input.js +0 -63
  165. package/dist/Input/index.d.ts +0 -12
  166. package/dist/Input/index.js +0 -9
  167. package/dist/Input/index.scss +0 -173
  168. package/dist/Input/input-affix-wrapper.d.ts +0 -8
  169. package/dist/Input/input-affix-wrapper.js +0 -50
  170. package/dist/Input/input-opt.d.ts +0 -16
  171. package/dist/Input/input-opt.js +0 -93
  172. package/dist/Input/input-password.d.ts +0 -7
  173. package/dist/Input/input-password.js +0 -47
  174. package/dist/Input/input.d.ts +0 -15
  175. package/dist/Input/input.js +0 -47
  176. package/dist/Input/textarea.d.ts +0 -13
  177. package/dist/Input/textarea.js +0 -45
  178. package/dist/Input/types.d.ts +0 -1
  179. package/dist/Input/types.js +0 -1
  180. package/dist/Mask/index.d.ts +0 -3
  181. package/dist/Mask/index.js +0 -2
  182. package/dist/Mask/mask-modal.d.ts +0 -45
  183. package/dist/Mask/mask.d.ts +0 -5
  184. package/dist/Mask/mask.js +0 -19
  185. package/dist/Mask/style.scss +0 -20
  186. package/dist/Picker/index.d.ts +0 -3
  187. package/dist/Picker/index.js +0 -2
  188. package/dist/Picker/picker.d.ts +0 -19
  189. package/dist/Picker/picker.js +0 -97
  190. package/dist/Picker/style.scss +0 -41
  191. package/dist/PickerView/index.d.ts +0 -4
  192. package/dist/PickerView/index.js +0 -2
  193. package/dist/PickerView/picker-view-column-item.d.ts +0 -7
  194. package/dist/PickerView/picker-view-column-item.js +0 -11
  195. package/dist/PickerView/picker-view-column.d.ts +0 -10
  196. package/dist/PickerView/picker-view-column.js +0 -117
  197. package/dist/PickerView/picker-view.d.ts +0 -12
  198. package/dist/PickerView/picker-view.js +0 -60
  199. package/dist/PickerView/style.scss +0 -72
  200. package/dist/PickerView/types.d.ts +0 -4
  201. package/dist/Popup/index.d.ts +0 -3
  202. package/dist/Popup/index.js +0 -2
  203. package/dist/Popup/popup-modal.d.ts +0 -52
  204. package/dist/Popup/popup-modal.js +0 -74
  205. package/dist/Popup/popup.d.ts +0 -4
  206. package/dist/Popup/popup.js +0 -56
  207. package/dist/Popup/style.scss +0 -53
  208. package/dist/ScrollView/index.d.ts +0 -4
  209. package/dist/ScrollView/index.js +0 -2
  210. package/dist/ScrollView/scroll-view.d.ts +0 -4
  211. package/dist/ScrollView/scroll-view.js +0 -55
  212. package/dist/ScrollView/style.scss +0 -19
  213. package/dist/ScrollView/types.d.ts +0 -26
  214. package/dist/ScrollView/types.js +0 -1
  215. package/dist/SideBar/SideBarContext.d.ts +0 -18
  216. package/dist/SideBar/SideBarContext.js +0 -2
  217. package/dist/SideBar/index.d.ts +0 -3
  218. package/dist/SideBar/index.js +0 -2
  219. package/dist/SideBar/side-bar.d.ts +0 -25
  220. package/dist/SideBar/side-bar.js +0 -351
  221. package/dist/SideBar/style.scss +0 -85
  222. package/dist/SideBar/types.d.ts +0 -7
  223. package/dist/SideBar/types.js +0 -1
  224. package/dist/SpinLoading/demo/base.d.ts +0 -3
  225. package/dist/SpinLoading/demo/base.js +0 -21
  226. package/dist/SpinLoading/index.d.ts +0 -3
  227. package/dist/SpinLoading/index.js +0 -2
  228. package/dist/SpinLoading/spin-loading.js +0 -59
  229. package/dist/SpinLoading/spin-loading.scss +0 -40
  230. package/dist/Tabs/demo/base.d.ts +0 -3
  231. package/dist/Tabs/demo/base.js +0 -59
  232. package/dist/Tag/demo/base.d.ts +0 -7
  233. package/dist/Tag/demo/base.js +0 -67
  234. package/dist/Tag/demo/style.scss +0 -8
  235. package/dist/Toast/index.d.ts +0 -5
  236. package/dist/Toast/index.js +0 -3
  237. package/dist/Toast/style.scss +0 -63
  238. package/dist/Toast/toast-modal.d.ts +0 -18
  239. package/dist/Toast/toast-modal.js +0 -112
  240. package/dist/Toast/toast.d.ts +0 -7
  241. package/dist/Toast/toast.js +0 -78
  242. package/dist/VerificationCodeInput/demo/base.d.ts +0 -3
  243. package/dist/VerificationCodeInput/demo/base.js +0 -11
  244. package/dist/VerificationCodeInput/index.d.ts +0 -3
  245. package/dist/VerificationCodeInput/index.js +0 -2
  246. package/dist/VerificationCodeInput/style.scss +0 -20
  247. package/dist/VerificationCodeInput/verification-code-input.d.ts +0 -24
  248. package/dist/VerificationCodeInput/verification-code-input.js +0 -99
  249. /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 Input } from "./Input";
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 Picker } from "./Picker";
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 { default as ScrollView } from "./ScrollView";
35
- export { default as SideBar } from "./SideBar";
30
+ export { Segmented } from "./Segmented";
31
+ export { default as Skeleton } from "./Skeleton";
36
32
  export { default as Space } from "./Space";
37
- export { default as SpinLoading } from "./SpinLoading";
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";
@@ -0,0 +1,6 @@
1
+ :root,page {
2
+ //--triones-blue: #1677FF;
3
+ //--trioens-color-primary: #1677FF;
4
+
5
+ --triones-safe-area-multiple:1;
6
+ }
@@ -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
+ }