fat-design 0.0.1-beta.20250809023342 → 0.0.1-beta.20250809091225

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 (237) hide show
  1. package/index.browser.js +1 -1
  2. package/libs/config-16.js +7 -0
  3. package/libs/config-17.js +7 -0
  4. package/libs/config-18.js +9 -0
  5. package/libs/config-19.js +9 -0
  6. package/libs/theme/theme-blue1.css +59 -0
  7. package/libs/theme/theme-blue2.css +64 -0
  8. package/libs/theme/theme-blue3.css +74 -0
  9. package/libs/theme/theme-blue4.css +54 -0
  10. package/libs/theme/theme-default.css +61 -0
  11. package/libs/theme/theme-green.css +97 -0
  12. package/libs/theme/theme-orange.css +59 -0
  13. package/libs/theme/theme-pink.css +54 -0
  14. package/libs/theme/theme-purple.css +54 -0
  15. package/libs/theme/theme-red.css +56 -0
  16. package/package.json +2 -2
  17. package/types/0buildTypes/config-provider/constants.d.ts +3 -0
  18. package/types/0buildTypes/config-provider/index.d.ts +4 -0
  19. package/types/0buildTypes/config-provider/v2/consumer.d.ts +3 -0
  20. package/types/0buildTypes/config-provider/v2/context.d.ts +6 -0
  21. package/types/0buildTypes/config-provider/v2/error-boundary.d.ts +27 -0
  22. package/types/0buildTypes/config-provider/v2/functions.d.ts +66 -0
  23. package/types/0buildTypes/config-provider/v2/index.d.ts +36 -0
  24. package/types/0buildTypes/config-provider/v2/provider.d.ts +4 -0
  25. package/types/0buildTypes/config-provider/v2/types.d.ts +22 -0
  26. package/types/0buildTypes/dependencies.d.ts +2 -0
  27. package/types/0buildTypes/empty/empty.d.ts +22 -0
  28. package/types/0buildTypes/empty/index.d.ts +2 -0
  29. package/types/0buildTypes/filter/filter-types.d.ts +21 -0
  30. package/types/0buildTypes/filter/filter.d.ts +10 -0
  31. package/types/0buildTypes/filter/index.d.ts +9 -0
  32. package/types/0buildTypes/form2/deps.d.ts +10 -0
  33. package/types/0buildTypes/form2/form-actions.d.ts +36 -0
  34. package/types/0buildTypes/form2/form-buttons.d.ts +28 -0
  35. package/types/0buildTypes/form2/form-context.d.ts +4 -0
  36. package/types/0buildTypes/form2/form-error.d.ts +3 -0
  37. package/types/0buildTypes/form2/form-item-card.d.ts +4 -0
  38. package/types/0buildTypes/form2/form-item-comp.d.ts +4 -0
  39. package/types/0buildTypes/form2/form-item-label.d.ts +4 -0
  40. package/types/0buildTypes/form2/form-item-preview.d.ts +4 -0
  41. package/types/0buildTypes/form2/form-item.d.ts +7 -0
  42. package/types/0buildTypes/form2/form-layout.d.ts +3 -0
  43. package/types/0buildTypes/form2/form-rules.d.ts +3 -0
  44. package/types/0buildTypes/form2/form-section.d.ts +25 -0
  45. package/types/0buildTypes/form2/form-types.d.ts +390 -0
  46. package/types/0buildTypes/form2/form.d.ts +36 -0
  47. package/types/0buildTypes/form2/helper/buildParams.d.ts +5 -0
  48. package/types/0buildTypes/form2/helper/constants.d.ts +24 -0
  49. package/types/0buildTypes/form2/helper/fixItemProps.d.ts +16 -0
  50. package/types/0buildTypes/form2/helper/fnInheritProps.d.ts +2 -0
  51. package/types/0buildTypes/form2/helper/linkageFormState.d.ts +16 -0
  52. package/types/0buildTypes/form2/helper/useDataSource.d.ts +14 -0
  53. package/types/0buildTypes/form2/helper/useFormChildren.d.ts +5 -0
  54. package/types/0buildTypes/form2/helper/useFormItemState.d.ts +3 -0
  55. package/types/0buildTypes/form2/helper/useGetXProps.d.ts +3 -0
  56. package/types/0buildTypes/form2/index.d.ts +20 -0
  57. package/types/0buildTypes/form2/layout/from-float-layout.d.ts +3 -0
  58. package/types/0buildTypes/hooks/index.d.ts +16 -0
  59. package/types/0buildTypes/hooks/useCurrentState.d.ts +11 -0
  60. package/types/0buildTypes/hooks/useOnKeyPressSave.d.ts +12 -0
  61. package/types/0buildTypes/hooks/usePersistFn.d.ts +3 -0
  62. package/types/0buildTypes/hooks/usePreciseStore.d.ts +53 -0
  63. package/types/0buildTypes/hooks/useSize.d.ts +6 -0
  64. package/types/0buildTypes/hooks/useUniqueId.d.ts +2 -0
  65. package/types/0buildTypes/hooks/useValueOnChange.d.ts +2 -0
  66. package/types/0buildTypes/image/Image.d.ts +42 -0
  67. package/types/0buildTypes/image/Operations.d.ts +25 -0
  68. package/types/0buildTypes/image/Preview.d.ts +64 -0
  69. package/types/0buildTypes/image/PreviewGroup.d.ts +32 -0
  70. package/types/0buildTypes/image/common.d.ts +2 -0
  71. package/types/0buildTypes/image/context.d.ts +7 -0
  72. package/types/0buildTypes/image/getFixScaleEleTransPosition.d.ts +17 -0
  73. package/types/0buildTypes/image/hooks/useImageTransform.d.ts +28 -0
  74. package/types/0buildTypes/image/hooks/useMouseEvent.d.ts +9 -0
  75. package/types/0buildTypes/image/hooks/usePreviewItems.d.ts +7 -0
  76. package/types/0buildTypes/image/hooks/useRegisterImage.d.ts +2 -0
  77. package/types/0buildTypes/image/hooks/useStatus.d.ts +14 -0
  78. package/types/0buildTypes/image/hooks/useTouchEvent.d.ts +8 -0
  79. package/types/0buildTypes/image/index.d.ts +6 -0
  80. package/types/0buildTypes/image/interface.d.ts +14 -0
  81. package/types/0buildTypes/image/previewConfig.d.ts +4 -0
  82. package/types/0buildTypes/image/util.d.ts +1 -0
  83. package/types/0buildTypes/image/utils/KeyCode.d.ts +23 -0
  84. package/types/0buildTypes/image/utils/addEventListener.d.ts +4 -0
  85. package/types/0buildTypes/image/utils/buildIcons.d.ts +2 -0
  86. package/types/0buildTypes/image/utils/css.d.ts +8 -0
  87. package/types/0buildTypes/image/utils/isEqual.d.ts +8 -0
  88. package/types/0buildTypes/image/utils/raf.d.ts +6 -0
  89. package/types/0buildTypes/image/utils/useEvent.d.ts +1 -0
  90. package/types/0buildTypes/image/utils/useLayoutEffect.d.ts +4 -0
  91. package/types/0buildTypes/image/utils/useMergedState.d.ts +12 -0
  92. package/types/0buildTypes/image/utils/useSafeState.d.ts +14 -0
  93. package/types/0buildTypes/index.d.ts +4 -0
  94. package/types/0buildTypes/libs.d.ts +66 -0
  95. package/types/0buildTypes/nav/group.d.ts +30 -0
  96. package/types/0buildTypes/nav/index.d.ts +4 -0
  97. package/types/0buildTypes/nav/item.d.ts +30 -0
  98. package/types/0buildTypes/nav/nav.d.ts +2 -0
  99. package/types/0buildTypes/nav/popup-item.d.ts +24 -0
  100. package/types/0buildTypes/nav/sub-nav.d.ts +30 -0
  101. package/types/0buildTypes/nav/types.d.ts +375 -0
  102. package/types/0buildTypes/others.d.ts +10 -0
  103. package/types/0buildTypes/pages/deps.d.ts +5 -0
  104. package/types/0buildTypes/pages/detail-page/detail-page-card-form.d.ts +12 -0
  105. package/types/0buildTypes/pages/detail-page/detail-page-form-item.d.ts +9 -0
  106. package/types/0buildTypes/pages/detail-page/detail-page-section.d.ts +19 -0
  107. package/types/0buildTypes/pages/detail-page/detail-page-summary.d.ts +9 -0
  108. package/types/0buildTypes/pages/detail-page/detail-page.d.ts +14 -0
  109. package/types/0buildTypes/pages/detail-page/index.d.ts +2 -0
  110. package/types/0buildTypes/pages/detail-page/types.d.ts +29 -0
  111. package/types/0buildTypes/pages/page-card/types.d.ts +6 -0
  112. package/types/0buildTypes/previews/renderFileImage.d.ts +34 -0
  113. package/types/0buildTypes/query-form/index.d.ts +2 -0
  114. package/types/0buildTypes/query-form/query-form-items.d.ts +3 -0
  115. package/types/0buildTypes/query-form/query-form-layout.d.ts +2 -0
  116. package/types/0buildTypes/query-form/query-form.d.ts +17 -0
  117. package/types/0buildTypes/query-form/types.d.ts +5 -0
  118. package/types/0buildTypes/sortable-list/helpers.d.ts +8 -0
  119. package/types/0buildTypes/sortable-list/hooks.d.ts +24 -0
  120. package/types/0buildTypes/sortable-list/index.d.ts +14 -0
  121. package/types/0buildTypes/sortable-list/sortable-editable-table.d.ts +2 -0
  122. package/types/0buildTypes/sortable-list/sortable-list.d.ts +560 -0
  123. package/types/0buildTypes/sortable-list/sortable-table.d.ts +2 -0
  124. package/types/0buildTypes/sortable-list/types.d.ts +15 -0
  125. package/types/0buildTypes/table-pro/index.d.ts +26 -0
  126. package/types/0buildTypes/table-pro/table-pro.d.ts +17 -0
  127. package/types/0buildTypes/table-pro/types.d.ts +93 -0
  128. package/types/0buildTypes/table-pro/useTablePro.d.ts +10 -0
  129. package/types/0buildTypes/table-pro/utils/formatQueryRes.d.ts +1 -0
  130. package/types/0buildTypes/table-pro/widget/column-setting.d.ts +4 -0
  131. package/types/0buildTypes/table-pro/widget/deps.d.ts +2 -0
  132. package/types/0buildTypes/table-pro/widget/index.d.ts +25 -0
  133. package/types/0buildTypes/table-pro/widget/operations.d.ts +5 -0
  134. package/types/0buildTypes/table-pro/widget/operationsActions.d.ts +2 -0
  135. package/types/0buildTypes/table-pro/widget/renderFormats.d.ts +17 -0
  136. package/types/0buildTypes/table-pro/widget/renderMultiFieldCell.d.ts +4 -0
  137. package/types/0buildTypes/table-pro/widget/renderOperationCell.d.ts +4 -0
  138. package/types/0buildTypes/table-pro/widget/renderToolbar.d.ts +6 -0
  139. package/types/0buildTypes/table-pro/widget/table-utils-types.d.ts +40 -0
  140. package/types/0buildTypes/util/comp.d.ts +16 -0
  141. package/types/0buildTypes/util/component.d.ts +1 -0
  142. package/types/0buildTypes/util/constants.d.ts +4 -0
  143. package/types/0buildTypes/util/dom.d.ts +116 -0
  144. package/types/0buildTypes/util/env.d.ts +7 -0
  145. package/types/0buildTypes/util/func-wrapper.d.ts +1 -0
  146. package/types/0buildTypes/util/func.d.ts +73 -0
  147. package/types/0buildTypes/util/guid.d.ts +11 -0
  148. package/types/0buildTypes/util/isStateEquals.d.ts +4 -0
  149. package/types/0buildTypes/util/localforage.d.ts +11 -0
  150. package/types/0buildTypes/util/log.d.ts +18 -0
  151. package/types/0buildTypes/util/pick-res-data.d.ts +28 -0
  152. package/types/0buildTypes/util/react-dom.d.ts +27 -0
  153. package/types/0buildTypes/util/shallowEqual.d.ts +3 -0
  154. package/types/0buildTypes/util/string.d.ts +32 -0
  155. package/types/0buildTypes/util/tiny-emitter.d.ts +10 -0
  156. package/types/0buildTypes/util/toMap.d.ts +7 -0
  157. package/types/affix/index.d.ts +33 -0
  158. package/types/animate/index.d.ts +80 -0
  159. package/types/avatar/index.d.ts +41 -0
  160. package/types/badge/index.d.ts +38 -0
  161. package/types/balloon/index.d.ts +254 -0
  162. package/types/balloon-confirm/index.d.ts +78 -0
  163. package/types/batch-input/index.d.ts +152 -0
  164. package/types/box/index.d.ts +18 -0
  165. package/types/breadcrumb/index.d.ts +60 -0
  166. package/types/button/index.d.ts +179 -0
  167. package/types/calendar/index.d.ts +76 -0
  168. package/types/card/index.d.ts +147 -0
  169. package/types/cascader/index.d.ts +135 -0
  170. package/types/cascader-select/index.d.ts +230 -0
  171. package/types/checkbox/index.d.ts +175 -0
  172. package/types/collapse/index.d.ts +96 -0
  173. package/types/config-provider/index.d.ts +3 -0
  174. package/types/date-picker/index.d.ts +123 -0
  175. package/types/dialog/index.d.ts +328 -0
  176. package/types/divider/index.d.ts +21 -0
  177. package/types/drawer/index.d.ts +121 -0
  178. package/types/dropdown/index.d.ts +198 -0
  179. package/types/field/index.d.ts +33 -0
  180. package/types/filter/index.d.ts +2 -0
  181. package/types/form/index.d.ts +5 -0
  182. package/types/grid/index.d.ts +142 -0
  183. package/types/hooks/index.d.ts +2 -0
  184. package/types/icon/index.d.ts +29 -0
  185. package/types/image/index.d.ts +3 -0
  186. package/types/index.d.ts +67 -0
  187. package/types/input/index.d.ts +367 -0
  188. package/types/list/index.d.ts +69 -0
  189. package/types/loading/index.d.ts +100 -0
  190. package/types/locale/default.d.ts +143 -0
  191. package/types/locale/en-us.d.ts +1 -0
  192. package/types/locale/id-id.d.ts +1 -0
  193. package/types/locale/it-it.d.ts +1 -0
  194. package/types/locale/ja-jp.d.ts +1 -0
  195. package/types/locale/ko-kr.d.ts +1 -0
  196. package/types/locale/ms-my.d.ts +1 -0
  197. package/types/locale/pt-pt.d.ts +1 -0
  198. package/types/locale/th-th.d.ts +1 -0
  199. package/types/locale/vi-vn.d.ts +1 -0
  200. package/types/locale/zh-cn.d.ts +1 -0
  201. package/types/locale/zh-hk.d.ts +1 -0
  202. package/types/locale/zh-tw.d.ts +1 -0
  203. package/types/menu/index.d.ts +336 -0
  204. package/types/menu-button/index.d.ts +100 -0
  205. package/types/message/index.d.ts +164 -0
  206. package/types/nav/index.d.ts +313 -0
  207. package/types/notification/index.d.ts +35 -0
  208. package/types/number-picker/index.d.ts +161 -0
  209. package/types/overlay/index.d.ts +363 -0
  210. package/types/pagination/index.d.ts +115 -0
  211. package/types/paragraph/index.d.ts +23 -0
  212. package/types/progress/index.d.ts +53 -0
  213. package/types/query-form/index.d.ts +3 -0
  214. package/types/radio/index.d.ts +180 -0
  215. package/types/range/index.d.ts +120 -0
  216. package/types/rating/index.d.ts +84 -0
  217. package/types/responsive-grid/index.d.ts +30 -0
  218. package/types/search/index.d.ts +219 -0
  219. package/types/select/index.d.ts +479 -0
  220. package/types/shell/index.d.ts +53 -0
  221. package/types/slider/index.d.ts +172 -0
  222. package/types/split-button/index.d.ts +134 -0
  223. package/types/step/index.d.ts +108 -0
  224. package/types/switch/index.d.ts +85 -0
  225. package/types/tab/index.d.ts +170 -0
  226. package/types/table/index.d.ts +407 -0
  227. package/types/table-pro/index.d.ts +3 -0
  228. package/types/tag/index.d.ts +124 -0
  229. package/types/time-picker/index.d.ts +193 -0
  230. package/types/timeline/index.d.ts +95 -0
  231. package/types/transfer/index.d.ts +199 -0
  232. package/types/tree/index.d.ts +421 -0
  233. package/types/tree-select/index.d.ts +251 -0
  234. package/types/typography/index.d.ts +28 -0
  235. package/types/upload/index.d.ts +707 -0
  236. package/types/util.d.ts +50 -0
  237. package/types/virtual-list/index.d.ts +44 -0
package/libs/config-16.js ADDED
@@ -0,0 +1,7 @@
1
+ import * as ReactDOM from 'react-dom'
2
+ import { configReactDOM } from "fat-design";
3
+ import 'fat-design/style.css'
4
+ function prepareLoadAssets() {
5
+ configReactDOM(ReactDOM);
6
+ }
7
+ prepareLoadAssets();
package/libs/config-17.js ADDED
@@ -0,0 +1,7 @@
1
+ import * as ReactDOM from 'react-dom'
2
+ import { configReactDOM } from "fat-design";
3
+ import 'fat-design/style.css'
4
+ function prepareLoadAssets() {
5
+ configReactDOM(ReactDOM);
6
+ }
7
+ prepareLoadAssets();
package/libs/config-18.js ADDED
@@ -0,0 +1,9 @@
1
+ import * as ReactDOMClient from 'react-dom/client'
2
+ import * as ReactDOM from 'react-dom'
3
+ import { configReactDOM18 , logger } from "fat-design";
4
+ import 'fat-design/style.css'
5
+ function prepareLoadAssets() {
6
+ configReactDOM18(ReactDOM, ReactDOMClient);
7
+ logger.setLogEnable(false);
8
+ }
9
+ prepareLoadAssets();
package/libs/config-19.js ADDED
@@ -0,0 +1,9 @@
1
+ import * as ReactDOMClient from 'react-dom/client'
2
+ import * as ReactDOM from 'react-dom'
3
+ import { configReactDOM18 , logger } from "fat-design";
4
+ import 'fat-design/style.css'
5
+ function prepareLoadAssets() {
6
+ configReactDOM18(ReactDOM, ReactDOMClient);
7
+ logger.setLogEnable(false);
8
+ }
9
+ prepareLoadAssets();
package/libs/theme/theme-blue1.css ADDED
@@ -0,0 +1,59 @@
1
+ .fatd-theme-blue1 {
2
+ --color-black: #000000;
3
+ --color-brand1-1: rgba(230, 253, 255, 1);
4
+ --color-brand1-5: rgba(43, 213, 255, 1);
5
+ --color-brand1-6: rgba(3, 193, 253, 1);
6
+ --color-brand1-9: rgba(0, 157, 214, 1);
7
+ --color-data1-1: rgba(12, 184, 198, 1);
8
+ --color-data1-2: rgba(90, 28, 184, 1);
9
+ --color-data1-3: rgba(159, 24, 184, 1);
10
+ --color-data1-4: rgba(245, 115, 21, 1);
11
+ --color-data1-5: rgba(245, 203, 34, 1);
12
+ --color-data1-6: rgba(8, 194, 158, 1);
13
+ --color-data1-7: rgba(153, 209, 15, 1);
14
+ --color-data1-8: rgba(3, 148, 245, 1);
15
+ --color-error-1: rgba(255, 240, 240, 1);
16
+ --color-error-2: rgba(255, 82, 99, 1);
17
+ --color-error-3: rgba(245, 39, 67, 1);
18
+ --color-error-4: rgba(207, 23, 53, 1);
19
+ --color-fill1-1: rgba(245, 247, 250, 1);
20
+ --color-fill1-2: rgba(244, 246, 249, 1);
21
+ --color-fill1-3: rgba(240, 242, 245, 1);
22
+ --color-fill1-4: rgba(237, 239, 242, 1);
23
+ --color-gradient-1: linear-gradient(270deg, rgb(121, 232, 199) 0%, rgb(8, 194, 158) 100%);
24
+ --color-gradient-2: linear-gradient(270deg, rgb(125, 238, 255) 0%, rgb(3, 193, 253) 100%);
25
+ --color-gradient-3: linear-gradient(270deg, rgb(255, 237, 117) 0%, rgb(245, 203, 34) 100%);
26
+ --color-gradient-4: linear-gradient(270deg, rgb(255, 163, 166) 0%, rgb(245, 39, 67) 100%);
27
+ --color-help-1: rgba(230, 249, 255, 1);
28
+ --color-help-2: rgba(166, 231, 255, 1);
29
+ --color-help-3: rgba(3, 148, 245, 1);
30
+ --color-help-4: rgba(0, 117, 207, 1);
31
+ --color-line1-1: rgba(228, 232, 238, 1);
32
+ --color-line1-2: rgba(220, 223, 230, 1);
33
+ --color-line1-3: rgba(217, 219, 222, 1);
34
+ --color-line1-4: rgba(196, 199, 204, 1);
35
+ --color-link-1: rgba(3, 193, 253, 1);
36
+ --color-link-2: rgba(0, 123, 176, 1);
37
+ --color-link-3: rgba(0, 157, 214, 1);
38
+ --color-notice-1: rgba(230, 253, 255, 1);
39
+ --color-notice-2: rgba(163, 241, 250, 1);
40
+ --color-notice-3: rgba(3, 193, 253, 1);
41
+ --color-notice-4: rgba(0, 157, 214, 1);
42
+ --color-other-1: rgba(31, 38, 51, 1);
43
+ --color-other-2: rgba(88, 93, 102, 1);
44
+ --color-other-3: rgba(141, 146, 153, 1);
45
+ --color-success-1: rgba(230, 255, 246, 1);
46
+ --color-success-2: rgba(121, 232, 199, 1);
47
+ --color-success-3: rgba(8, 194, 158, 1);
48
+ --color-success-4: rgba(0, 156, 130, 1);
49
+ --color-text1-1: rgba(196, 199, 204, 1);
50
+ --color-text1-2: rgba(141, 146, 153, 1);
51
+ --color-text1-3: rgba(88, 93, 102, 1);
52
+ --color-text1-4: rgba(31, 38, 51, 1);
53
+ --color-transparent: transparent;
54
+ --color-warning-1: rgba(255, 254, 240, 1);
55
+ --color-warning-2: rgba(255, 251, 199, 1);
56
+ --color-warning-3: rgba(245, 203, 34, 1);
57
+ --color-warning-4: rgba(207, 163, 19, 1);
58
+ --color-white: #FFFFFF;
59
+ }
package/libs/theme/theme-blue2.css ADDED
@@ -0,0 +1,64 @@
1
+ .fatd-theme-blue2 {
2
+ --color-black: #000000;
3
+ --color-brand1-1: rgba(242, 244, 255, 1);
4
+ --color-brand1-2: rgba(222, 225, 243, 1);
5
+ --color-brand1-6: rgba(46, 81, 243, 1);
6
+ --color-brand1-9: rgba(31, 65, 224, 1);
7
+ --color-data1-10: rgba(182, 122, 246, 1);
8
+ --color-data1-1: rgba(58, 125, 255, 1);
9
+ --color-data1-2: rgba(33, 204, 204, 1);
10
+ --color-data1-3: rgba(230, 201, 60, 1);
11
+ --color-data1-4: rgba(255, 111, 63, 1);
12
+ --color-data1-5: rgba(186, 75, 186, 1);
13
+ --color-data1-6: rgba(43, 151, 210, 1);
14
+ --color-data1-7: rgba(87, 222, 154, 1);
15
+ --color-data1-8: rgba(255, 161, 66, 1);
16
+ --color-data1-9: rgba(244, 86, 165, 1);
17
+ --color-data2-1: rgba(37, 194, 139, 1);
18
+ --color-data2-2: rgba(254, 197, 71, 1);
19
+ --color-data2-3: rgba(243, 139, 46, 1);
20
+ --color-data2-4: rgba(243, 85, 46, 1);
21
+ --color-data2-5: rgba(142, 172, 203, 1);
22
+ --color-error-1: rgba(253, 238, 234, 1);
23
+ --color-error-2: rgba(253, 201, 195, 1);
24
+ --color-error-3: rgba(243, 85, 46, 1);
25
+ --color-error-4: rgba(209, 57, 33, 1);
26
+ --color-fill1-1: rgba(246, 247, 248, 1);
27
+ --color-fill1-2: rgba(242, 243, 245, 1);
28
+ --color-fill1-3: rgba(230, 232, 236, 1);
29
+ --color-fill1-4: rgba(218, 221, 228, 1);
30
+ --color-help-1: rgba(231, 233, 238, 1);
31
+ --color-help-2: rgba(209, 214, 223, 1);
32
+ --color-help-3: rgba(171, 179, 194, 1);
33
+ --color-help-4: rgba(136, 146, 163, 1);
34
+ --color-line1-1: rgba(230, 232, 236, 1);
35
+ --color-line1-2: rgba(227, 228, 231, 1);
36
+ --color-line1-3: rgba(208, 210, 216, 1);
37
+ --color-line1-4: rgba(193, 195, 202, 1);
38
+ --color-link-1: rgba(47, 136, 245, 1);
39
+ --color-link-2: rgba(47, 136, 245, 1);
40
+ --color-link-3: rgba(18, 84, 186, 1);
41
+ --color-link-4: rgba(51, 51, 51, 1);
42
+ --color-link-5: rgba(102, 102, 102, 1);
43
+ --color-notice-1: rgba(234, 243, 254, 1);
44
+ --color-notice-2: rgba(196, 228, 253, 1);
45
+ --color-notice-3: rgba(47, 136, 245, 1);
46
+ --color-notice-4: rgba(18, 84, 186, 1);
47
+ --color-other-1: #FFF0E6;
48
+ --color-other-2: #FF6A00;
49
+ --color-other-3: #E35300;
50
+ --color-success-1: rgba(226, 246, 240, 1);
51
+ --color-success-2: rgba(188, 243, 218, 1);
52
+ --color-success-3: rgba(37, 194, 139, 1);
53
+ --color-success-4: rgba(15, 161, 118, 1);
54
+ --color-text1-1: #CCCCCC;
55
+ --color-text1-2: rgba(153, 153, 153, 1);
56
+ --color-text1-3: #666666;
57
+ --color-text1-4: #333333;
58
+ --color-transparent: transparent;
59
+ --color-warning-1: rgba(254, 244, 234, 1);
60
+ --color-warning-2: rgba(253, 216, 195, 1);
61
+ --color-warning-3: rgba(243, 139, 46, 1);
62
+ --color-warning-4: rgba(207, 108, 35, 1);
63
+ --color-white: #FFFFFF;
64
+ }
package/libs/theme/theme-blue3.css ADDED
@@ -0,0 +1,74 @@
1
+ .fatd-theme-blue3 {
2
+ --color-black: #000000;
3
+ --color-brand1-1: rgba(52, 136, 255, 1);
4
+ --color-brand1-2: rgba(205, 224, 255, 1);
5
+ --color-brand1-3: rgba(237, 243, 255, 1);
6
+ --color-brand1-6: rgba(0, 106, 255, 1);
7
+ --color-brand1-9: rgba(4, 79, 217, 1);
8
+ --color-brand2-1: rgba(255, 133, 71, 1);
9
+ --color-brand2-2: rgba(255, 224, 209, 1);
10
+ --color-brand2-3: rgba(255, 241, 237, 1);
11
+ --color-brand2-6: rgba(255, 102, 25, 1);
12
+ --color-brand2-9: rgba(224, 70, 4, 1);
13
+ --color-data1-10: rgba(128, 86, 60, 1);
14
+ --color-data1-1: rgba(88, 148, 255, 1);
15
+ --color-data1-2: rgba(57, 75, 118, 1);
16
+ --color-data1-3: rgba(247, 185, 0, 1);
17
+ --color-data1-4: rgba(229, 95, 36, 1);
18
+ --color-data1-5: rgba(128, 213, 245, 1);
19
+ --color-data1-6: rgba(152, 73, 176, 1);
20
+ --color-data1-7: rgba(59, 200, 138, 1);
21
+ --color-data1-8: rgba(0, 134, 157, 1);
22
+ --color-data1-9: rgba(244, 164, 158, 1);
23
+ --color-error-1: rgba(252, 218, 214, 1);
24
+ --color-error-2: rgba(249, 181, 173, 1);
25
+ --color-error-3: #F04631;
26
+ --color-error-4: rgba(228, 56, 35, 1);
27
+ --color-fill1-10: rgba(17, 23, 32, 1);
28
+ --color-fill1-1: rgba(247, 248, 250, 1);
29
+ --color-fill1-2: rgba(241, 243, 246, 1);
30
+ --color-fill1-3: rgba(230, 235, 241, 1);
31
+ --color-fill1-4: rgba(211, 218, 227, 1);
32
+ --color-fill1-5: rgba(188, 197, 209, 1);
33
+ --color-fill1-6: rgba(165, 176, 191, 1);
34
+ --color-fill1-7: rgba(143, 154, 169, 1);
35
+ --color-fill1-8: rgba(95, 105, 122, 1);
36
+ --color-fill1-9: rgba(62, 73, 92, 1);
37
+ --color-gradient-1: linear-gradient(270deg, rgb(121, 232, 199) 0%, rgb(8, 194, 158) 100%);
38
+ --color-gradient-2: linear-gradient(270deg, rgb(125, 238, 255) 0%, rgb(3, 193, 253) 100%);
39
+ --color-gradient-3: linear-gradient(270deg, rgb(255, 237, 117) 0%, rgb(245, 203, 34) 100%);
40
+ --color-gradient-4: linear-gradient(270deg, rgb(255, 163, 166) 0%, rgb(245, 39, 67) 100%);
41
+ --color-help-1: rgba(204, 225, 255, 1);
42
+ --color-help-2: rgba(153, 195, 255, 1);
43
+ --color-help-3: rgba(0, 104, 255, 1);
44
+ --color-help-4: rgba(10, 97, 222, 1);
45
+ --color-line1-1: rgba(241, 243, 246, 1);
46
+ --color-line1-2: rgba(230, 235, 241, 1);
47
+ --color-line1-3: rgba(211, 218, 227, 1);
48
+ --color-line1-4: rgba(188, 197, 209, 1);
49
+ --color-link-1: rgba(0, 104, 255, 1);
50
+ --color-link-2: rgba(152, 73, 176, 1);
51
+ --color-link-3: rgba(10, 97, 222, 1);
52
+ --color-notice-1: rgba(204, 225, 255, 1);
53
+ --color-notice-2: rgba(153, 195, 255, 1);
54
+ --color-notice-3: rgba(0, 104, 255, 1);
55
+ --color-notice-4: rgba(10, 97, 222, 1);
56
+ --color-other-1: #FFFFFF;
57
+ --color-other-2: #1F3858;
58
+ --color-other-3: #2C2F33;
59
+ --color-success-1: rgba(211, 241, 214, 1);
60
+ --color-success-2: rgba(166, 227, 174, 1);
61
+ --color-success-3: #66BC5C;
62
+ --color-success-4: rgba(31, 168, 48, 1);
63
+ --color-text1-10: rgba(17, 23, 32, 1);
64
+ --color-text1-1: rgba(188, 197, 209, 1);
65
+ --color-text1-2: rgba(143, 154, 169, 1);
66
+ --color-text1-3: rgba(62, 73, 92, 1);
67
+ --color-text1-4: rgba(17, 23, 32, 1);
68
+ --color-transparent: transparent;
69
+ --color-warning-1: rgba(253, 241, 204, 1);
70
+ --color-warning-2: rgba(252, 227, 153, 1);
71
+ --color-warning-3: rgba(247, 185, 0, 1);
72
+ --color-warning-4: rgba(243, 173, 19, 1);
73
+ --color-white: #FFFFFF;
74
+ }
package/libs/theme/theme-blue4.css ADDED
@@ -0,0 +1,54 @@
1
+ .fatd-theme-blue4 {
2
+ --color-brand1-1: rgba(230, 226, 251, 1);
3
+ --color-brand1-6: #3d4294;
4
+ --color-brand1-9: #494d94;
5
+ --color-data1-1: rgba(127, 186, 122, 1);
6
+ --color-data1-2: rgba(56, 81, 255, 1);
7
+ --color-data1-3: rgba(124, 141, 255, 1);
8
+ --color-data1-4: rgba(219, 72, 72, 1);
9
+ --color-data1-5: rgba(255, 117, 76, 1);
10
+ --color-data1-6: rgba(254, 229, 136, 1);
11
+ --color-data1-7: rgba(1, 226, 138, 1);
12
+ --color-data1-8: rgba(155, 252, 131, 1);
13
+ --color-data1-9: #FFFFFF;
14
+ --color-error-1: rgba(255, 241, 240, 1);
15
+ --color-error-2: rgba(255, 163, 158, 1);
16
+ --color-error-3: rgba(255, 77, 79, 1);
17
+ --color-error-4: rgba(201, 11, 48, 1);
18
+ --color-fill1-1: rgba(248, 248, 248, 1);
19
+ --color-fill1-2: rgba(243, 243, 243, 1);
20
+ --color-fill1-3: rgba(230, 230, 230, 1);
21
+ --color-fill1-4: rgba(214, 214, 214, 1);
22
+ --color-fill1-5: rgba(200, 200, 200, 1);
23
+ --color-help-1: rgba(232, 243, 252, 1);
24
+ --color-help-2: rgba(128, 193, 254, 1);
25
+ --color-help-3: rgba(22, 119, 255, 1);
26
+ --color-help-4: rgba(7, 57, 184, 1);
27
+ --color-line1-1: rgba(248, 248, 248, 1);
28
+ --color-line1-2: rgba(227, 227, 230, 1);
29
+ --color-line1-3: rgba(200, 201, 208, 1);
30
+ --color-line1-4: rgba(128, 129, 145, 1);
31
+ --color-link-1: #3d4294;
32
+ --color-link-2: rgba(124, 72, 219, 1);
33
+ --color-link-3: rgba(99, 58, 175, 1);
34
+ --color-notice-1: rgba(242, 236, 251, 1);
35
+ --color-notice-2: rgba(177, 146, 233, 1);
36
+ --color-notice-3: rgba(124, 72, 219, 1);
37
+ --color-notice-4: rgba(99, 58, 175, 1);
38
+ --color-other-1: rgba(242, 236, 251, 1);
39
+ --color-other-2: rgba(155, 155, 155, 1);
40
+ --color-other-3: rgba(155, 155, 155, 1);
41
+ --color-success-1: rgba(232, 249, 237, 1);
42
+ --color-success-2: rgba(150, 231, 177, 1);
43
+ --color-success-3: rgba(45, 208, 99, 1);
44
+ --color-success-4: rgba(36, 166, 79, 1);
45
+ --color-text1-1: rgba(221, 221, 226, 1);
46
+ --color-text1-2: rgba(187, 187, 193, 1);
47
+ --color-text1-3: rgba(134, 134, 142, 1);
48
+ --color-text1-4: rgba(51, 51, 51, 1);
49
+ --color-text1-5: rgba(26, 28, 29, 1);
50
+ --color-warning-1: rgba(255, 251, 230, 1);
51
+ --color-warning-2: rgba(255, 229, 143, 1);
52
+ --color-warning-3: rgba(250, 173, 20, 1);
53
+ --color-warning-4: rgba(204, 117, 0, 1);
54
+ }
package/libs/theme/theme-default.css ADDED
@@ -0,0 +1,61 @@
1
+ .fatd-theme-default {
2
+ --color-bg1-1: #f4f6f9;
3
+ --color-bg1-2: #f2f3f5;
4
+ --color-black: #000;
5
+ --color-brand1-1: #D0D4FF;
6
+ --color-brand1-6: #5263ff;
7
+ --color-brand1-9: #4253b2;
8
+ --color-btn1-normal: #8f9aa9;
9
+ --color-data1-1: #29a5ff;
10
+ --color-data1-2: #82cb79;
11
+ --color-data1-3: #ffcc2c;
12
+ --color-data1-4: #c45dd8;
13
+ --color-data1-5: #f68e4f;
14
+ --color-data1-6: #fc555d;
15
+ --color-data1-7: #c2c2c2;
16
+ --color-data1-8: #6a76ff;
17
+ --color-error-1: #f9d9d5;
18
+ --color-error-2: #f4b3ab;
19
+ --color-error-3: #f04631;
20
+ --color-error-4: #f03118;
21
+ --color-fill1-1: #f2f3f5;
22
+ --color-fill1-2: #f2f3f5;
23
+ --color-fill1-3: #e8ebee;
24
+ --color-fill1-4: #d2d7de;
25
+ --color-gradient-1: linear-gradient(270deg, rgb(121, 232, 199) 0%, rgb(8, 194, 158) 100%);
26
+ --color-gradient-2: linear-gradient(270deg, rgb(125, 238, 255) 0%, rgb(3, 193, 253) 100%);
27
+ --color-gradient-3: linear-gradient(270deg, rgb(255, 237, 117) 0%, rgb(245, 203, 34) 100%);
28
+ --color-gradient-4: linear-gradient(270deg, rgb(255, 163, 166) 0%, rgb(245, 39, 67) 100%);
29
+ --color-help-1: #d8ebf7;
30
+ --color-help-2: #b1d6ef;
31
+ --color-help-3: #3c99d8;
32
+ --color-help-4: #2e76a6;
33
+ --color-line1-1: #f2f3f5;
34
+ --color-line1-2: #e6ebf1;
35
+ --color-line1-3: #d2d7de;
36
+ --color-line1-4: #bbc3cc;
37
+ --color-link-1: #5263ff;
38
+ --color-link-2: #021b40;
39
+ --color-link-3: #0a61de;
40
+ --color-notice-1: #e5f3ff;
41
+ --color-notice-2: #99d0ff;
42
+ --color-notice-3: #5263ff;
43
+ --color-notice-4: #4253b2;
44
+ --color-other-1: #fff;
45
+ --color-other-2: #1f3858;
46
+ --color-other-3: #2c2f33;
47
+ --color-success-1: #d6f0db;
48
+ --color-success-2: #85d394;
49
+ --color-success-3: #00b853;
50
+ --color-success-4: #00a249;
51
+ --color-text1-1: #ccc;
52
+ --color-text1-2: #999;
53
+ --color-text1-3: #666;
54
+ --color-text1-4: #333;
55
+ --color-transparent: transparent;
56
+ --color-warning-1: #fff2cc;
57
+ --color-warning-2: #ffe599;
58
+ --color-warning-3: #ff9f00;
59
+ --color-warning-4: #f09000;
60
+ --color-white: #fff;
61
+ }
package/libs/theme/theme-green.css ADDED
@@ -0,0 +1,97 @@
1
+ .fatd-theme-green {
2
+ --color-black: #000;
3
+ --color-brand-background: var(--color-brand1-1);
4
+ --color-brand-hover: var(--color-brand1-9);
5
+ --color-brand-primary: var(--color-brand1-6);
6
+ --color-brand1-1: #f5fdf3;
7
+ --color-brand1-2: #dee1f3;
8
+ --color-brand1-6: #30b30e;
9
+ --color-brand1-9: #35991c;
10
+ --color-data1-1: #26dad0;
11
+ --color-data1-2: #5c89ff;
12
+ --color-data1-3: #7c6af2;
13
+ --color-data1-4: #c95ff2;
14
+ --color-data1-5: #ff6383;
15
+ --color-data1-6: #ff9f40;
16
+ --color-data1-7: #ffcb48;
17
+ --color-data1-8: #31dc72;
18
+ --color-error-1: #fdeeea;
19
+ --color-error-2: #fdc9c3;
20
+ --color-error-3: #f3552e;
21
+ --color-error-4: #d13921;
22
+ --color-error-background-normal: var(--color-error-1);
23
+ --color-error-background-primary: var(--color-error-2);
24
+ --color-error-hover: var(--color-error-4);
25
+ --color-error-normal: var(--color-error-3);
26
+ --color-fill-disable: var(--color-fill1-1);
27
+ --color-fill-normal: var(--color-fill1-2);
28
+ --color-fill1-1: #f6f7f8;
29
+ --color-fill1-2: #f2f3f5;
30
+ --color-fill1-3: #e6e8ec;
31
+ --color-fill1-4: #dadde4;
32
+ --color-fill1-primary: var(--color-fill1-4);
33
+ --color-fill1-secondary: var(--color-fill1-3);
34
+ --color-help-1: #e7e9ee;
35
+ --color-help-2: #d1d6df;
36
+ --color-help-3: #abb3c2;
37
+ --color-help-4: #8892a3;
38
+ --color-help-background-normal: var(--color-help-1);
39
+ --color-help-background-primary: var(--color-help-2);
40
+ --color-help-hover: var(--color-help-4);
41
+ --color-help-normal: var(--color-help-3);
42
+ --color-line-disable: var(--color-line1-1);
43
+ --color-line-normal: var(--color-line1-2);
44
+ --color-line-primary: var(--color-line1-4);
45
+ --color-line-secondary: var(--color-line1-3);
46
+ --color-line1-1: #e6e8ec;
47
+ --color-line1-2: #e3e4e7;
48
+ --color-line1-3: #d0d2d8;
49
+ --color-line1-4: #c1c3ca;
50
+ --color-link-1: #30b30e;
51
+ --color-link-2: #2f88f5;
52
+ --color-link-3: #1254ba;
53
+ --color-link-4: #333;
54
+ --color-link-5: #666;
55
+ --color-notice-1: #eaf3fe;
56
+ --color-notice-2: #c4e4fd;
57
+ --color-notice-3: #2f88f5;
58
+ --color-notice-4: #1254ba;
59
+ --color-notice-background-normal: var(--color-notice-1);
60
+ --color-notice-background-primary: var(--color-notice-2);
61
+ --color-notice-hover: var(--color-notice-4);
62
+ --color-notice-normal: var(--color-notice-3);
63
+ --color-other-1: #fff0e6;
64
+ --color-other-2: #ff6a00;
65
+ --color-other-3: #e35300;
66
+ --color-success-1: #e2f6f0;
67
+ --color-success-2: #bcf3da;
68
+ --color-success-3: #25c28b;
69
+ --color-success-4: #0fa176;
70
+ --color-success-background-normal: var(--color-success-1);
71
+ --color-success-background-primary: var(--color-success-2);
72
+ --color-success-hover: var(--color-success-4);
73
+ --color-success-normal: var(--color-success-3);
74
+ --color-text-disable: var(--color-text1-1);
75
+ --color-text-hint: var(--color-text1-2);
76
+ --color-text-link-clicked: var(--color-link-3);
77
+ --color-text-link-hover: var(--color-link-2);
78
+ --color-text-link-normal: var(--color-link-5);
79
+ --color-text-link-primary: var(--color-link-1);
80
+ --color-text-link-secondary: var(--color-link-4);
81
+ --color-text-normal: var(--color-text1-3);
82
+ --color-text-primary: var(--color-text1-4);
83
+ --color-text1-1: #ccc;
84
+ --color-text1-2: #999;
85
+ --color-text1-3: #666;
86
+ --color-text1-4: #333;
87
+ --color-transparent: transparent;
88
+ --color-warning-1: #fef4ea;
89
+ --color-warning-2: #fdd8c3;
90
+ --color-warning-3: #f38b2e;
91
+ --color-warning-4: #cf6c23;
92
+ --color-warning-background-normal: var(--color-warning-1);
93
+ --color-warning-background-primary: var(--color-warning-2);
94
+ --color-warning-hover: var(--color-warning-4);
95
+ --color-warning-normal: var(--color-warning-3);
96
+ --color-white: #fff;
97
+ }
package/libs/theme/theme-orange.css ADDED
@@ -0,0 +1,59 @@
1
+ .fatd-theme-orange {
2
+ --color-black: #000000;
3
+ --color-brand1-1: rgba(255, 247, 237, 1);
4
+ --color-brand1-5: rgba(255, 149, 74, 1);
5
+ --color-brand1-6: rgba(255, 119, 34, 1);
6
+ --color-brand1-9: rgba(217, 87, 17, 1);
7
+ --color-data1-1: rgba(1, 193, 178, 1);
8
+ --color-data1-2: rgba(85, 132, 255, 1);
9
+ --color-data1-3: rgba(130, 114, 236, 1);
10
+ --color-data1-4: rgba(255, 68, 95, 1);
11
+ --color-data1-5: rgba(255, 106, 0, 1);
12
+ --color-data1-6: rgba(255, 215, 77, 1);
13
+ --color-data1-7: rgba(77, 222, 109, 1);
14
+ --color-data1-8: rgba(24, 177, 247, 1);
15
+ --color-error-1: #FFECE4;
16
+ --color-error-2: rgba(255, 212, 204, 1);
17
+ --color-error-3: #FF3000;
18
+ --color-error-4: #E72B00;
19
+ --color-fill1-1: rgba(250, 250, 250, 1);
20
+ --color-fill1-2: rgba(244, 244, 244, 1);
21
+ --color-fill1-3: rgba(230, 230, 230, 1);
22
+ --color-fill1-4: rgba(217, 217, 217, 1);
23
+ --color-gradient-1: linear-gradient(270deg, rgb(121, 232, 199) 0%, rgb(8, 194, 158) 100%);
24
+ --color-gradient-2: linear-gradient(270deg, rgb(125, 238, 255) 0%, rgb(3, 193, 253) 100%);
25
+ --color-gradient-3: linear-gradient(270deg, rgb(255, 237, 117) 0%, rgb(245, 203, 34) 100%);
26
+ --color-gradient-4: linear-gradient(270deg, rgb(255, 163, 166) 0%, rgb(245, 39, 67) 100%);
27
+ --color-help-1: rgba(230, 247, 255, 1);
28
+ --color-help-2: rgba(163, 221, 255, 1);
29
+ --color-help-3: rgba(0, 127, 252, 1);
30
+ --color-help-4: rgba(0, 100, 214, 1);
31
+ --color-line1-1: rgba(238, 238, 238, 1);
32
+ --color-line1-2: rgba(230, 230, 230, 1);
33
+ --color-line1-3: rgba(216, 216, 216, 1);
34
+ --color-line1-4: rgba(191, 191, 191, 1);
35
+ --color-link-1: rgba(255, 119, 34, 1);
36
+ --color-link-2: rgba(0, 100, 214, 1);
37
+ --color-link-3: rgba(0, 100, 214, 1);
38
+ --color-notice-1: #E3F2FD;
39
+ --color-notice-2: #BAD9FF;
40
+ --color-notice-3: #4494F9;
41
+ --color-notice-4: #2E7DE0;
42
+ --color-other-1: #3A3C4B;
43
+ --color-other-2: #2A2C3C;
44
+ --color-other-3: #14161A;
45
+ --color-success-1: rgba(230, 255, 238, 1);
46
+ --color-success-2: rgba(163, 255, 195, 1);
47
+ --color-success-3: rgba(0, 216, 106, 1);
48
+ --color-success-4: rgba(0, 172, 84, 1);
49
+ --color-text1-1: rgba(204, 204, 204, 1);
50
+ --color-text1-2: rgba(153, 153, 153, 1);
51
+ --color-text1-3: rgba(102, 102, 102, 1);
52
+ --color-text1-4: rgba(51, 51, 51, 1);
53
+ --color-transparent: transparent;
54
+ --color-warning-1: #FFF3E0;
55
+ --color-warning-2: #FFE6BD;
56
+ --color-warning-3: #FF9300;
57
+ --color-warning-4: #EB7E10;
58
+ --color-white: #FFFFFF;
59
+ }
package/libs/theme/theme-pink.css ADDED
@@ -0,0 +1,54 @@
1
+ .fatd-theme-pink {
2
+ --color-brand1-1: rgba(230, 226, 251, 1);
3
+ --color-brand1-6: #7c0c7d;
4
+ --color-brand1-9: #90048d;
5
+ --color-data1-1: rgba(127, 186, 122, 1);
6
+ --color-data1-2: rgba(56, 81, 255, 1);
7
+ --color-data1-3: rgba(124, 141, 255, 1);
8
+ --color-data1-4: rgba(219, 72, 72, 1);
9
+ --color-data1-5: rgba(255, 117, 76, 1);
10
+ --color-data1-6: rgba(254, 229, 136, 1);
11
+ --color-data1-7: rgba(1, 226, 138, 1);
12
+ --color-data1-8: rgba(155, 252, 131, 1);
13
+ --color-data1-9: #FFFFFF;
14
+ --color-error-1: rgba(255, 241, 240, 1);
15
+ --color-error-2: rgba(255, 163, 158, 1);
16
+ --color-error-3: rgba(255, 77, 79, 1);
17
+ --color-error-4: rgba(201, 11, 48, 1);
18
+ --color-fill1-1: rgba(248, 248, 248, 1);
19
+ --color-fill1-2: rgba(243, 243, 243, 1);
20
+ --color-fill1-3: rgba(230, 230, 230, 1);
21
+ --color-fill1-4: rgba(214, 214, 214, 1);
22
+ --color-fill1-5: rgba(200, 200, 200, 1);
23
+ --color-help-1: rgba(232, 243, 252, 1);
24
+ --color-help-2: rgba(128, 193, 254, 1);
25
+ --color-help-3: rgba(22, 119, 255, 1);
26
+ --color-help-4: rgba(7, 57, 184, 1);
27
+ --color-line1-1: rgba(248, 248, 248, 1);
28
+ --color-line1-2: rgba(227, 227, 230, 1);
29
+ --color-line1-3: rgba(200, 201, 208, 1);
30
+ --color-line1-4: rgba(128, 129, 145, 1);
31
+ --color-link-1: #7c0c7d;
32
+ --color-link-2: rgba(124, 72, 219, 1);
33
+ --color-link-3: rgba(99, 58, 175, 1);
34
+ --color-notice-1: rgba(242, 236, 251, 1);
35
+ --color-notice-2: rgba(177, 146, 233, 1);
36
+ --color-notice-3: rgba(124, 72, 219, 1);
37
+ --color-notice-4: rgba(99, 58, 175, 1);
38
+ --color-other-1: rgba(242, 236, 251, 1);
39
+ --color-other-2: rgba(155, 155, 155, 1);
40
+ --color-other-3: rgba(155, 155, 155, 1);
41
+ --color-success-1: rgba(232, 249, 237, 1);
42
+ --color-success-2: rgba(150, 231, 177, 1);
43
+ --color-success-3: rgba(45, 208, 99, 1);
44
+ --color-success-4: rgba(36, 166, 79, 1);
45
+ --color-text1-1: rgba(221, 221, 226, 1);
46
+ --color-text1-2: rgba(187, 187, 193, 1);
47
+ --color-text1-3: rgba(134, 134, 142, 1);
48
+ --color-text1-4: rgba(51, 51, 51, 1);
49
+ --color-text1-5: rgba(26, 28, 29, 1);
50
+ --color-warning-1: rgba(255, 251, 230, 1);
51
+ --color-warning-2: rgba(255, 229, 143, 1);
52
+ --color-warning-3: rgba(250, 173, 20, 1);
53
+ --color-warning-4: rgba(204, 117, 0, 1);
54
+ }
package/libs/theme/theme-purple.css ADDED
@@ -0,0 +1,54 @@
1
+ .fatd-theme-purple {
2
+ --color-brand1-1: rgba(230, 226, 251, 1);
3
+ --color-brand1-6: #7C48DB;
4
+ --color-brand1-9: rgba(99, 58, 175, 1);
5
+ --color-data1-1: rgba(127, 186, 122, 1);
6
+ --color-data1-2: rgba(56, 81, 255, 1);
7
+ --color-data1-3: rgba(124, 141, 255, 1);
8
+ --color-data1-4: rgba(219, 72, 72, 1);
9
+ --color-data1-5: rgba(255, 117, 76, 1);
10
+ --color-data1-6: rgba(254, 229, 136, 1);
11
+ --color-data1-7: rgba(1, 226, 138, 1);
12
+ --color-data1-8: rgba(155, 252, 131, 1);
13
+ --color-data1-9: #FFFFFF;
14
+ --color-error-1: rgba(255, 241, 240, 1);
15
+ --color-error-2: rgba(255, 163, 158, 1);
16
+ --color-error-3: rgba(255, 77, 79, 1);
17
+ --color-error-4: rgba(201, 11, 48, 1);
18
+ --color-fill1-1: rgba(248, 248, 248, 1);
19
+ --color-fill1-2: rgba(243, 243, 243, 1);
20
+ --color-fill1-3: rgba(230, 230, 230, 1);
21
+ --color-fill1-4: rgba(214, 214, 214, 1);
22
+ --color-fill1-5: rgba(200, 200, 200, 1);
23
+ --color-help-1: rgba(232, 243, 252, 1);
24
+ --color-help-2: rgba(128, 193, 254, 1);
25
+ --color-help-3: rgba(22, 119, 255, 1);
26
+ --color-help-4: rgba(7, 57, 184, 1);
27
+ --color-line1-1: rgba(248, 248, 248, 1);
28
+ --color-line1-2: rgba(227, 227, 230, 1);
29
+ --color-line1-3: rgba(200, 201, 208, 1);
30
+ --color-line1-4: rgba(128, 129, 145, 1);
31
+ --color-link-1: #7C48DB;
32
+ --color-link-2: rgba(124, 72, 219, 1);
33
+ --color-link-3: rgba(99, 58, 175, 1);
34
+ --color-notice-1: rgba(242, 236, 251, 1);
35
+ --color-notice-2: rgba(177, 146, 233, 1);
36
+ --color-notice-3: rgba(124, 72, 219, 1);
37
+ --color-notice-4: rgba(99, 58, 175, 1);
38
+ --color-other-1: rgba(242, 236, 251, 1);
39
+ --color-other-2: rgba(155, 155, 155, 1);
40
+ --color-other-3: rgba(155, 155, 155, 1);
41
+ --color-success-1: rgba(232, 249, 237, 1);
42
+ --color-success-2: rgba(150, 231, 177, 1);
43
+ --color-success-3: rgba(45, 208, 99, 1);
44
+ --color-success-4: rgba(36, 166, 79, 1);
45
+ --color-text1-1: rgba(221, 221, 226, 1);
46
+ --color-text1-2: rgba(187, 187, 193, 1);
47
+ --color-text1-3: rgba(134, 134, 142, 1);
48
+ --color-text1-4: rgba(51, 51, 51, 1);
49
+ --color-text1-5: rgba(26, 28, 29, 1);
50
+ --color-warning-1: rgba(255, 251, 230, 1);
51
+ --color-warning-2: rgba(255, 229, 143, 1);
52
+ --color-warning-3: rgba(250, 173, 20, 1);
53
+ --color-warning-4: rgba(204, 117, 0, 1);
54
+ }
package/libs/theme/theme-red.css ADDED
@@ -0,0 +1,56 @@
1
+ .fatd-theme-red {
2
+ --color-black: #000;
3
+ --color-brand1-2: #dee1f3;
4
+ --color-brand1-6: #e9424d;
5
+ --color-brand1-9: #c22d3b;
6
+ --color-data1-1: #26dad0;
7
+ --color-data1-2: #5c89ff;
8
+ --color-data1-3: #7c6af2;
9
+ --color-data1-4: #c95ff2;
10
+ --color-data1-5: #ff6383;
11
+ --color-data1-6: #ff9f40;
12
+ --color-data1-7: #ffcb48;
13
+ --color-data1-8: #31dc72;
14
+ --color-error-1: #fdeeea;
15
+ --color-error-2: #fdc9c3;
16
+ --color-error-3: #f3552e;
17
+ --color-error-4: #d13921;
18
+ --color-fill1-1: #f6f7f8;
19
+ --color-fill1-2: #f2f3f5;
20
+ --color-fill1-3: #e6e8ec;
21
+ --color-fill1-4: #dadde4;
22
+ --color-help-1: #e7e9ee;
23
+ --color-help-2: #d1d6df;
24
+ --color-help-3: #abb3c2;
25
+ --color-help-4: #8892a3;
26
+ --color-line1-1: #e6e8ec;
27
+ --color-line1-2: #e3e4e7;
28
+ --color-line1-3: #d0d2d8;
29
+ --color-line1-4: #c1c3ca;
30
+ --color-link-1: rgba(217, 87, 17, 1);
31
+ --color-link-2: #c22d3b;
32
+ --color-link-3: #c22d3b;
33
+ --color-link-4: #333;
34
+ --color-link-5: #666;
35
+ --color-notice-1: #eaf3fe;
36
+ --color-notice-2: #c4e4fd;
37
+ --color-notice-3: #2f88f5;
38
+ --color-notice-4: #1254ba;
39
+ --color-other-1: #fff0e6;
40
+ --color-other-2: #ff6a00;
41
+ --color-other-3: #e35300;
42
+ --color-success-1: #e2f6f0;
43
+ --color-success-2: #bcf3da;
44
+ --color-success-3: #25c28b;
45
+ --color-success-4: #0fa176;
46
+ --color-text1-1: #ccc;
47
+ --color-text1-2: #999;
48
+ --color-text1-3: #666;
49
+ --color-text1-4: #333;
50
+ --color-transparent: transparent;
51
+ --color-warning-1: #fef4ea;
52
+ --color-warning-2: #fdd8c3;
53
+ --color-warning-3: #f38b2e;
54
+ --color-warning-4: #cf6c23;
55
+ --color-white: #fff;
56
+ }