sprof 0.1.0

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 (357) hide show
  1. package/README.md +29 -0
  2. package/package.json +101 -0
  3. package/src/Hooks/Hooks.ts +75 -0
  4. package/src/assets/img/avatar.webp +0 -0
  5. package/src/assets/styles/borders.scss +11 -0
  6. package/src/assets/styles/brandbook.css +227 -0
  7. package/src/assets/styles/colors.scss +42 -0
  8. package/src/assets/styles/fonts.scss +15 -0
  9. package/src/assets/styles/index.css +15 -0
  10. package/src/assets/styles/index.scss +45 -0
  11. package/src/assets/styles/platform/android.css +53 -0
  12. package/src/assets/styles/platform/ios.css +53 -0
  13. package/src/assets/styles/platform/webdesktop.css +72 -0
  14. package/src/assets/styles/platform/webdesktop_old.css +65 -0
  15. package/src/assets/styles/platform/webmobile.css +53 -0
  16. package/src/assets/styles/platform/webtablet.css +53 -0
  17. package/src/assets/styles/reset.scss +28 -0
  18. package/src/assets/styles/shadow.scss +6 -0
  19. package/src/assets/styles/theme/aquaBlueLight.css +162 -0
  20. package/src/assets/styles/theme/blueLight.css +187 -0
  21. package/src/assets/styles/theme/blueLight_test.css +162 -0
  22. package/src/assets/styles/theme/dark.css +286 -0
  23. package/src/assets/styles/theme/light.css +151 -0
  24. package/src/assets/svg/ArrowLeft.svg +5 -0
  25. package/src/assets/svg/ArrowRight.svg +5 -0
  26. package/src/assets/svg/Close.svg +7 -0
  27. package/src/assets/svg/DoubleArrowLeft.svg +5 -0
  28. package/src/assets/svg/DoubleArrowRight.svg +5 -0
  29. package/src/assets/svg/Ellipsis.svg +7 -0
  30. package/src/assets/svg/Filter.svg +10 -0
  31. package/src/assets/svg/Menu.svg +5 -0
  32. package/src/assets/svg/Move.svg +5 -0
  33. package/src/assets/svg/Password.svg +5 -0
  34. package/src/assets/svg/RightMenu.svg +5 -0
  35. package/src/assets/svg/Settings.svg +6 -0
  36. package/src/assets/svg/User.svg +6 -0
  37. package/src/buildLibrary.ts +59 -0
  38. package/src/classes/Auth.ts +63 -0
  39. package/src/classes/AuthButton.ts +64 -0
  40. package/src/classes/AuthForm.ts +114 -0
  41. package/src/classes/AuthModal.ts +32 -0
  42. package/src/classes/AuthStatusesObjects.ts +37 -0
  43. package/src/classes/AuthTokens.ts +43 -0
  44. package/src/classes/AuthUser.ts +53 -0
  45. package/src/classes/CallbackRequest.ts +12 -0
  46. package/src/classes/Chat.ts +18 -0
  47. package/src/classes/ChatMessage.ts +48 -0
  48. package/src/classes/Contact.ts +96 -0
  49. package/src/classes/Cropper.ts +22 -0
  50. package/src/classes/DateHelper.ts +29 -0
  51. package/src/classes/Email.ts +18 -0
  52. package/src/classes/EmailField.ts +42 -0
  53. package/src/classes/EmailRules.ts +4 -0
  54. package/src/classes/FTSPPreset.ts +16 -0
  55. package/src/classes/FileInfo.ts +86 -0
  56. package/src/classes/HttpResponse.ts +22 -0
  57. package/src/classes/Human.ts +106 -0
  58. package/src/classes/LabelValue.ts +11 -0
  59. package/src/classes/LocalStore.ts +22 -0
  60. package/src/classes/M2M.ts +25 -0
  61. package/src/classes/Menu.ts +102 -0
  62. package/src/classes/PageSectionImage.ts +19 -0
  63. package/src/classes/PasswordField.ts +39 -0
  64. package/src/classes/PasswordRepeatField.ts +37 -0
  65. package/src/classes/Phone.ts +17 -0
  66. package/src/classes/PostAddress.ts +11 -0
  67. package/src/classes/PostAddressRules.ts +1 -0
  68. package/src/classes/Role.ts +13 -0
  69. package/src/classes/Schema.ts +13 -0
  70. package/src/classes/SchemaField.ts +10 -0
  71. package/src/classes/SearchElement.ts +18 -0
  72. package/src/classes/SearchElementMeta.ts +10 -0
  73. package/src/classes/SearchGroup.ts +25 -0
  74. package/src/classes/SearchGroupMetaColumn.ts +11 -0
  75. package/src/classes/SearchModel.ts +61 -0
  76. package/src/classes/SortModel.ts +57 -0
  77. package/src/classes/SubMenu.ts +56 -0
  78. package/src/classes/TelephoneNumberRules.ts +9 -0
  79. package/src/classes/User.ts +17 -0
  80. package/src/classes/UserAccount.ts +17 -0
  81. package/src/classes/UserService.ts +20 -0
  82. package/src/classes/ValidationRules.ts +15 -0
  83. package/src/classes/ValueType.ts +69 -0
  84. package/src/classes/Website.ts +11 -0
  85. package/src/classes/WebsiteRules.ts +4 -0
  86. package/src/classes/admin/AdminButtonParams.ts +27 -0
  87. package/src/classes/admin/AdminHeaderParams.ts +34 -0
  88. package/src/classes/calendar/Calendar.ts +168 -0
  89. package/src/classes/calendar/Day.ts +15 -0
  90. package/src/classes/calendar/Month.ts +144 -0
  91. package/src/classes/calendar/Week.ts +44 -0
  92. package/src/classes/calendar/Year.ts +130 -0
  93. package/src/classes/filters/Cursor.ts +43 -0
  94. package/src/classes/filters/FTSP.ts +99 -0
  95. package/src/classes/filters/FilterModel.ts +263 -0
  96. package/src/classes/filters/FilterQuery.ts +187 -0
  97. package/src/classes/filters/OperatorsOptions.ts +8 -0
  98. package/src/classes/filters/OperatorsTextOptions.ts +3 -0
  99. package/src/classes/filters/Pagination.ts +78 -0
  100. package/src/classes/filters/SelectFilter.ts +15 -0
  101. package/src/classes/filters/TreeModel.ts +14 -0
  102. package/src/classes/page/CustomSection.ts +24 -0
  103. package/src/classes/page/Page.ts +160 -0
  104. package/src/classes/page/PageDocument.ts +27 -0
  105. package/src/classes/page/PageImage.ts +15 -0
  106. package/src/classes/page/PageSection.ts +82 -0
  107. package/src/classes/page/PageSectionDocument.ts +56 -0
  108. package/src/classes/page/PageSideMenu.ts +74 -0
  109. package/src/components/AdaptiveContainer.vue +154 -0
  110. package/src/components/AdaptiveContainerHorizontal.vue +173 -0
  111. package/src/components/AdminGallery.vue +238 -0
  112. package/src/components/AuthModal.vue +16 -0
  113. package/src/components/CarouselImages.vue +434 -0
  114. package/src/components/ContactForm.vue +219 -0
  115. package/src/components/ContextWindow.vue +48 -0
  116. package/src/components/DateInputRange.vue +66 -0
  117. package/src/components/DateInputRange_v2.vue +25 -0
  118. package/src/components/DropList.vue +55 -0
  119. package/src/components/Edit.svg +10 -0
  120. package/src/components/EmailForm.vue +180 -0
  121. package/src/components/FTSPPanel.vue +379 -0
  122. package/src/components/FilterCheckbox.vue +73 -0
  123. package/src/components/FilterSelect.vue +104 -0
  124. package/src/components/FiltersButtonsSelect.vue +126 -0
  125. package/src/components/GeneralItem.vue +172 -0
  126. package/src/components/GridContainer.vue +66 -0
  127. package/src/components/Icons/Filter/IconDownload.vue +55 -0
  128. package/src/components/Icons/Filter/IconFilter.vue +55 -0
  129. package/src/components/Icons/IconArrowLeft.vue +36 -0
  130. package/src/components/Icons/IconCheckDefault.vue +41 -0
  131. package/src/components/Icons/IconClose.vue +37 -0
  132. package/src/components/Icons/IconEdit.vue +40 -0
  133. package/src/components/Icons/IconEmail.vue +36 -0
  134. package/src/components/Icons/IconMove.vue +53 -0
  135. package/src/components/Icons/IconPhone.vue +36 -0
  136. package/src/components/Icons/IconSearch.vue +47 -0
  137. package/src/components/Icons/IconSelectArrow.vue +41 -0
  138. package/src/components/Icons/Pagination/ArrowLeft.vue +52 -0
  139. package/src/components/Icons/Pagination/ArrowRight.vue +52 -0
  140. package/src/components/Icons/Pagination/DoubleArrowLeft.vue +52 -0
  141. package/src/components/Icons/Pagination/DoubleArrowRight.vue +52 -0
  142. package/src/components/Icons/Pagination/EllipsisSvg.vue +58 -0
  143. package/src/components/ImageCropper.vue +203 -0
  144. package/src/components/InfoItem.vue +294 -0
  145. package/src/components/InfoItemSelectButtons.vue +43 -0
  146. package/src/components/LeftRightContainer.vue +93 -0
  147. package/src/components/MessageBody.vue +45 -0
  148. package/src/components/PAutocomplete.vue +93 -0
  149. package/src/components/PDialog.vue +77 -0
  150. package/src/components/PLoader.vue +68 -0
  151. package/src/components/PNotification.vue +79 -0
  152. package/src/components/PPagination.vue +174 -0
  153. package/src/components/PhoneForm.vue +180 -0
  154. package/src/components/RSContainer.vue +262 -0
  155. package/src/components/RemoteSearch.vue +156 -0
  156. package/src/components/ResearcheContainer.vue +71 -0
  157. package/src/components/RightSliderContainer.vue +181 -0
  158. package/src/components/RightTabsContainer.vue +210 -0
  159. package/src/components/SelectValueType.vue +39 -0
  160. package/src/components/SingleNameToggleForm.vue +399 -0
  161. package/src/components/SortList.vue +101 -0
  162. package/src/components/SortSelect.vue +93 -0
  163. package/src/components/SvgIcon.vue +25 -0
  164. package/src/components/Switch3Pos.vue +173 -0
  165. package/src/components/ThemeWrapper.vue +19 -0
  166. package/src/components/ToggleInfoItem.vue +296 -0
  167. package/src/components/TopSliderContainer.vue +166 -0
  168. package/src/components/UploaderImage.vue +268 -0
  169. package/src/components/atoms/PButton/PButton.stories.ts +44 -0
  170. package/src/components/atoms/PButton/PButton.test.ts +66 -0
  171. package/src/components/atoms/PButton/PButton.vue +54 -0
  172. package/src/components/atoms/PButton/skins/p-button_base.css +131 -0
  173. package/src/components/atoms/PButton/skins/p-button_filter.scss +83 -0
  174. package/src/components/atoms/PButton/skins/p-button_icon.scss +78 -0
  175. package/src/components/atoms/PButton/skins/p-button_pag.css +44 -0
  176. package/src/components/atoms/PButton/skins/p-button_text.css +88 -0
  177. package/src/components/atoms/PButton/skins/p-button_text_ano.css +88 -0
  178. package/src/components/atoms/PCheckbox/PCheckBox.test.ts +107 -0
  179. package/src/components/atoms/PCheckbox/PCheckBox.vue +92 -0
  180. package/src/components/atoms/PDatePicker/PDatePicker.test.ts +63 -0
  181. package/src/components/atoms/PDatePicker/PDatePicker.vue +141 -0
  182. package/src/components/atoms/PFlex/PFlex.test.ts +41 -0
  183. package/src/components/atoms/PFlex/PFlex.vue +46 -0
  184. package/src/components/atoms/PInput/PInput.stories.ts +40 -0
  185. package/src/components/atoms/PInput/PInput.test.ts +92 -0
  186. package/src/components/atoms/PInput/PInput.vue +133 -0
  187. package/src/components/atoms/PInputDate/PInputDate.test.ts +55 -0
  188. package/src/components/atoms/PInputDate/PInputDate.vue +79 -0
  189. package/src/components/atoms/PInputNumber/PInputNumber.vue +175 -0
  190. package/src/components/atoms/PLeftSlider/PLeftSlider.test.ts +121 -0
  191. package/src/components/atoms/PLeftSlider/PLeftSlider.vue +139 -0
  192. package/src/components/atoms/PList/PList.test.ts +32 -0
  193. package/src/components/atoms/PList/PList.vue +27 -0
  194. package/src/components/atoms/PListItem/PListItem.test.ts +61 -0
  195. package/src/components/atoms/PListItem/PListItem.vue +51 -0
  196. package/src/components/atoms/PRadio/PRadio.test.ts +110 -0
  197. package/src/components/atoms/PRadio/PRadio.vue +97 -0
  198. package/src/components/atoms/PRightSlider/PRightSlider.test.ts +123 -0
  199. package/src/components/atoms/PRightSlider/PRightSlider.vue +149 -0
  200. package/src/components/atoms/PSelect/PSelect.test.ts +74 -0
  201. package/src/components/atoms/PSelect/PSelect.vue +192 -0
  202. package/src/components/atoms/PSelect/select-arrow-down.svg +4 -0
  203. package/src/components/atoms/PSticky/PSticky.test.ts +70 -0
  204. package/src/components/atoms/PSticky/PSticky.vue +37 -0
  205. package/src/components/atoms/PString/PString.test.ts +58 -0
  206. package/src/components/atoms/PString/PString.vue +58 -0
  207. package/src/components/atoms/PTextarea/PTextarea.stories.ts +40 -0
  208. package/src/components/atoms/PTextarea/PTextarea.test.ts +22 -0
  209. package/src/components/atoms/PTextarea/PTextarea.vue +123 -0
  210. package/src/components/atoms/PTopSlider/PTopSlider.test.ts +95 -0
  211. package/src/components/atoms/PTopSlider/PTopSlider.vue +164 -0
  212. package/src/components/molecules/Collapse/CollapseContainer.vue +36 -0
  213. package/src/components/molecules/Collapse/CollapseItem.vue +295 -0
  214. package/src/components/molecules/Collapse/VerticalCollapseContainer.vue +102 -0
  215. package/src/components/molecules/PAdd/PAdd.vue +65 -0
  216. package/src/components/molecules/PAdd/PContainer.vue +65 -0
  217. package/src/components/molecules/PAdd/PContainerStickyHead.vue +51 -0
  218. package/src/components/molecules/PDel/PDel.vue +74 -0
  219. package/src/components/organisms/AuthForm.vue +219 -0
  220. package/src/components/organisms/PModal.vue +113 -0
  221. package/src/components/organisms/PTabs/ITab.ts +5 -0
  222. package/src/components/organisms/PTabs/PTabs.vue +190 -0
  223. package/src/components/organisms/UploaderFile/UploaderFile.test.ts +23 -0
  224. package/src/components/organisms/UploaderFile/UploaderFile.vue +202 -0
  225. package/src/components/pages/AuthPage.vue +22 -0
  226. package/src/components/pages/PageNotFound.vue +7 -0
  227. package/src/index.ts +206 -0
  228. package/src/interfaces/AdminLayout.ts +4 -0
  229. package/src/interfaces/Animations.ts +5 -0
  230. package/src/interfaces/AuthStatuses.ts +8 -0
  231. package/src/interfaces/CalendarScale.ts +6 -0
  232. package/src/interfaces/Callback.ts +2 -0
  233. package/src/interfaces/Class.ts +3 -0
  234. package/src/interfaces/DataTypes.ts +8 -0
  235. package/src/interfaces/Filter.ts +3 -0
  236. package/src/interfaces/IAdminMenu.ts +9 -0
  237. package/src/interfaces/IAuthInfo.ts +0 -0
  238. package/src/interfaces/ICursor.ts +14 -0
  239. package/src/interfaces/IEmailPassword.ts +4 -0
  240. package/src/interfaces/IFIlesList.ts +4 -0
  241. package/src/interfaces/IFile.ts +7 -0
  242. package/src/interfaces/IFileAnchor.ts +4 -0
  243. package/src/interfaces/IFileInfo.ts +22 -0
  244. package/src/interfaces/IFileInfosGetter.ts +5 -0
  245. package/src/interfaces/IFiler.ts +7 -0
  246. package/src/interfaces/IFilter.ts +4 -0
  247. package/src/interfaces/IFilterQuery.ts +24 -0
  248. package/src/interfaces/IForm.ts +5 -0
  249. package/src/interfaces/IHTTPTypes.ts +19 -0
  250. package/src/interfaces/IMessage.ts +5 -0
  251. package/src/interfaces/IOption.ts +4 -0
  252. package/src/interfaces/IOrdered.ts +4 -0
  253. package/src/interfaces/IPagination.ts +15 -0
  254. package/src/interfaces/ISearchElement.ts +6 -0
  255. package/src/interfaces/ISearchObject.ts +6 -0
  256. package/src/interfaces/ISearchQuery.ts +4 -0
  257. package/src/interfaces/ISelectFilter.ts +6 -0
  258. package/src/interfaces/ISortModel.ts +18 -0
  259. package/src/interfaces/IStorePaginator.ts +4 -0
  260. package/src/interfaces/ISupposedTimePeriod.ts +4 -0
  261. package/src/interfaces/ITimePeriod.ts +4 -0
  262. package/src/interfaces/ITokens.ts +4 -0
  263. package/src/interfaces/IWithId.ts +3 -0
  264. package/src/interfaces/IWithImage.ts +9 -0
  265. package/src/interfaces/IWithName.ts +4 -0
  266. package/src/interfaces/IWithSupposedTimePeriod.ts +4 -0
  267. package/src/interfaces/ItemsWithCount.ts +4 -0
  268. package/src/interfaces/LocalStoreKeys.ts +7 -0
  269. package/src/interfaces/Operators.ts +11 -0
  270. package/src/interfaces/Orders.ts +4 -0
  271. package/src/interfaces/RoleName.ts +4 -0
  272. package/src/interfaces/SocialTypes.ts +6 -0
  273. package/src/interfaces/Sort.ts +9 -0
  274. package/src/interfaces/ValueRelation.ts +7 -0
  275. package/src/interfaces/canvas/ICanvas.ts +3 -0
  276. package/src/interfaces/canvas/ICanvasResult.ts +7 -0
  277. package/src/interfaces/canvas/ICoordinates.ts +6 -0
  278. package/src/interfaces/types.ts +3 -0
  279. package/src/services/AdminHead.ts +32 -0
  280. package/src/services/AdminSideMenu.ts +52 -0
  281. package/src/services/AdminUI.ts +9 -0
  282. package/src/services/Arrays.ts +65 -0
  283. package/src/services/Axios.ts +64 -0
  284. package/src/services/BaseRoutes.ts +21 -0
  285. package/src/services/BaseStore.ts +220 -0
  286. package/src/services/Button.ts +42 -0
  287. package/src/services/Cache.ts +44 -0
  288. package/src/services/CacheS.ts +44 -0
  289. package/src/services/CarouselSwipe.ts +14 -0
  290. package/src/services/ClassHelper.ts +101 -0
  291. package/src/services/Color.ts +8 -0
  292. package/src/services/CreateSortModels.ts +26 -0
  293. package/src/services/Cursor.ts +51 -0
  294. package/src/services/DateFormat.ts +102 -0
  295. package/src/services/DateMask.ts +69 -0
  296. package/src/services/Dates.ts +41 -0
  297. package/src/services/DatesFormatter.ts +45 -0
  298. package/src/services/Dialog.ts +70 -0
  299. package/src/services/Dragger.ts +22 -0
  300. package/src/services/Extension.ts +6 -0
  301. package/src/services/Favourite.ts +62 -0
  302. package/src/services/HttpClient.ts +199 -0
  303. package/src/services/HttpClientS.ts +188 -0
  304. package/src/services/HttpError.ts +58 -0
  305. package/src/services/Loading.ts +14 -0
  306. package/src/services/MakeCarousel.ts +10 -0
  307. package/src/services/Menu.ts +102 -0
  308. package/src/services/Message.ts +66 -0
  309. package/src/services/Notification.ts +37 -0
  310. package/src/services/PHelp.ts +20 -0
  311. package/src/services/Paginator.ts +22 -0
  312. package/src/services/Period.ts +29 -0
  313. package/src/services/PhoneService.ts +46 -0
  314. package/src/services/Router.ts +85 -0
  315. package/src/services/RouterGuard.ts +15 -0
  316. package/src/services/Scheduler.ts +66 -0
  317. package/src/services/Scroll.ts +19 -0
  318. package/src/services/SortList.ts +44 -0
  319. package/src/services/Sorter.ts +6 -0
  320. package/src/services/Strings.test.ts +30 -0
  321. package/src/services/Strings.ts +138 -0
  322. package/src/services/Time.ts +124 -0
  323. package/src/services/Timer.ts +13 -0
  324. package/src/services/Token.ts +71 -0
  325. package/src/services/Visible.ts +16 -0
  326. package/src/services/WaitElement.ts +19 -0
  327. package/src/services/WebSocketClient.ts +62 -0
  328. package/src/services/brandColors.ts +5 -0
  329. package/src/services/buildNameNumbers.ts +8 -0
  330. package/src/services/countRating.ts +12 -0
  331. package/src/services/index.ts +105 -0
  332. package/src/services/indexNames.ts +55 -0
  333. package/src/services/moves.ts +17 -0
  334. package/src/services/useConfirmLeavePage.ts +52 -0
  335. package/src/services/validate.ts +22 -0
  336. package/src/store/AuthStore.ts +58 -0
  337. package/src/store/ContactsStore.ts +11 -0
  338. package/src/store/CropperStore.ts +20 -0
  339. package/src/store/EmailsStore.ts +11 -0
  340. package/src/store/FTSPPresetsStore.ts +11 -0
  341. package/src/store/FileInfosStore.ts +11 -0
  342. package/src/store/HumansStore.ts +11 -0
  343. package/src/store/MenusStore.ts +11 -0
  344. package/src/store/PhonesStore.ts +11 -0
  345. package/src/store/SchemasStore.ts +11 -0
  346. package/src/store/SearchStore.ts +65 -0
  347. package/src/store/ServicesStores.ts +29 -0
  348. package/src/store/ServicesStoresNames.ts +17 -0
  349. package/src/store/UserAccountsStore.ts +11 -0
  350. package/src/store/ValueTypesStore.ts +11 -0
  351. package/src/tsconfig.build-lib.json +30 -0
  352. package/src/types/AuthInfo.ts +6 -0
  353. package/src/types/HttpHeaders.ts +12 -0
  354. package/src/types/HttpMethods.ts +6 -0
  355. package/src/types/Sizes.ts +7 -0
  356. package/src/types/Statuses.ts +9 -0
  357. package/src/types/ValueTypes.ts +16 -0
package/src/assets/styles/theme/blueLight_test.css ADDED
@@ -0,0 +1,162 @@
1
+ :root[data-theme='blueLight'] {
2
+ /* background, divider */
3
+
4
+ --border-color-default: var(--palette-secondary-base-3);
5
+
6
+ --background-color: var(--palette-white);
7
+ --background-color-sub: var(--palette-secondary-base-5);
8
+
9
+ /* font-color */
10
+ --font-color: var(--palette-secondary-base-1);
11
+ --font-color-focus: var(--palette-secondary-base-2);
12
+ --font-secondary-disabled-color: var(--palette-grey-4);
13
+
14
+ /* button primary */
15
+ --button-primary-background: var(--palette-secondary-base);
16
+ --button-primary-background-hovered: var(--palette-secondary-base-3);
17
+ --button-primary-background-pressed: var(--palette-secondary-base);
18
+ --button-primary-background-disabled: var(--palette-grey-3);
19
+ --button-primary-font-color: var(--palette-white);
20
+ --button-primary-font-color-hovered: var(--palette-white);
21
+ --button-primary-font-color-pressed: var(--palette-white);
22
+ --button-primary-font-color-disabled: var(--palette-grey-5);
23
+
24
+ /* button additional */
25
+ --button-additional-background: var(--palette-secondary-additional);
26
+ --button-additional-background-hovered: var(--palette-secondary-additional-3);
27
+ --button-additional-background-pressed: var(--palette-secondary-additional);
28
+ --button-additional-background-disabled: var(--palette-grey-3);
29
+ --button-additional-font-color: var(--palette-white);
30
+ --button-additional-font-color-hovered: var(--palette-white);
31
+ --button-additional-font-color-pressed: var(--palette-white);
32
+ --button-additional-font-color-disabled: var(--palette-grey-5);
33
+
34
+ /* button information*/
35
+ --button-info-background: var(--palette-secondary-base);
36
+ --button-info-background-hovered: var(--palette-secondary-base-3);
37
+ --button-info-background-pressed: var(--palette-secondary-base);
38
+ --button-info-background-disabled: var(--palette-grey-3);
39
+ --button-info-font-color: var(--palette-white);
40
+ --button-info-font-color-hovered: var(--palette-white);
41
+ --button-info-font-color-pressed: var(--palette-white);
42
+ --button-info-font-color-disabled: var(--palette-grey-5);
43
+
44
+ /* button success*/
45
+ --button-success-background: var(--palette-success);
46
+ --button-success-background-hovered: var(--palette-success-3);
47
+ --button-success-background-pressed: var(--palette-success);
48
+ --button-success-background-disabled: var(--palette-grey-3);
49
+ --button-success-font-color: var(--palette-white);
50
+ --button-success-font-color-hovered: var(--palette-white);
51
+ --button-success-font-color-pressed: var(--palette-white);
52
+ --button-success-font-color-disabled: var(--palette-grey-5);
53
+
54
+ /* button warning*/
55
+ --button-warning-background: var(--palette-warning);
56
+ --button-warning-background-hovered: var(--palette-warning-3);
57
+ --button-warning-background-pressed: var(--palette-warning);
58
+ --button-warning-background-disabled: var(--palette-grey-3);
59
+ --button-warning-font-color: var(--palette-white);
60
+ --button-warning-font-color-hovered: var(--palette-white);
61
+ --button-warning-font-color-pressed: var(--palette-white);
62
+ --button-warning-font-color-disabled: var(--palette-grey-5);
63
+
64
+ /* button error*/
65
+ --button-error-background: var(--palette-error);
66
+ --button-error-background-hovered: var(--palette-error-3);
67
+ --button-error-background-pressed: var(--palette-error);
68
+ --button-error-background-disabled: var(--palette-grey-3);
69
+ --button-error-font-color: var(--palette-white);
70
+ --button-error-font-color-hovered: var(--palette-white);
71
+ --button-error-font-color-pressed: var(--palette-white);
72
+ --button-error-font-color-disabled: var(--palette-grey-5);
73
+
74
+ /* button neutral*/
75
+ --button-neutral-background: var(--palette-grey-5);
76
+ --button-neutral-background-hovered: var(--palette-grey-4);
77
+ --button-neutral-background-pressed: var(--palette-grey-5);
78
+ --button-neutral-background-disabled: var(--palette-grey-3);
79
+ --button-neutral-font-color: var(--palette-white);
80
+ --button-neutral-font-color-hovered: var(--palette-white);
81
+ --button-neutral-font-color-pressed: var(--palette-white);
82
+ --button-neutral-font-color-disabled: var(--palette-grey-5);
83
+
84
+ /* button pag*/
85
+ --button-pagination-background: var(--palette-secondary-base-5);
86
+ --button-pagination-background-hovered: var(--palette-secondary-base-5);
87
+ --button-pagination-background-pressed: var(--palette-secondary-base);
88
+ --button-pagination-background-disabled: var(--palette-secondary-base-5);
89
+ --button-pagination-font-color: var(--palette-secondary-base-1);
90
+ --button-pagination-font-color-hovered: var(--palette-secondary-base-1);
91
+ --button-pagination-font-color-pressed: var(--palette-white);
92
+ --button-pagination-font-color-disabled: var(--palette-secondary-base-5);
93
+
94
+ /* input */
95
+
96
+ --input-background: var(--palette-white);
97
+ --input-label-color: var(--palette-secondary-base-4);
98
+ --input-placeholder-color: var(--palette-grey-5);
99
+ --input-readonly-background: var(--palette-neutral-30);
100
+ --input-border-color: var(--border-color-default);
101
+ --input-focus-color: var(--font-color-focus);
102
+ --input-font-color: var(--font-color);
103
+
104
+ /* checkbox */
105
+
106
+ --checkbox-label-color: var(--palette-secondary-base-2);
107
+ --checkbox-border-color: var(--border-color-default);
108
+ --checkbox-border-color-hovered: var(--palette-secondary-base);
109
+
110
+ /* list */
111
+ --list-font-color: var(--palette-grey-7);
112
+ --list-background-color-hovered: var(--palette-grey-2);
113
+ --list-font-color-pressed: var(--palette-grey-9);
114
+
115
+ /* tabs */
116
+
117
+ --tabs-background: var(--palette-secondary-base);
118
+ --tabs-font-color: var(--palette-white);
119
+ --tabs-border-color: var(--border-color-default);
120
+ --tabs-background-selected: var(--palette-secondary-base-4);
121
+ --tabs-selected-font-color: var(--palette-white);
122
+ --tabs-selected-border-color: var(--border-color-default);
123
+
124
+ --tabs-hover-background-color: var(--palette-secondary-base-4);
125
+
126
+ --menu-font-color: var(--palette-secondary-base-1);
127
+ --menu-font-color-hovered: var(--palette-secondary-base);
128
+ --menu-font-color-pressed: var(--palette-secondary-base);
129
+ --submenu-font-color: var(--palette-secondary-base-1);
130
+ --submenu-font-color-hovered: var(--palette-secondary-base);
131
+ --submenu-font-color-pressed: var(--palette-secondary-base);
132
+ --menu-background: var(--palette-secondary-base-5);
133
+ --menu-background-hovered: var(--palette-secondary-base-5);
134
+ --menu-background-pressed: var(--palette-secondary-base-5);
135
+ --submenu-background: var(--palette-secondary-base-5);
136
+ --submenu-background-hovered: var(--palette-secondary-base-5);
137
+ --submenu-background-pressed: var(--palette-secondary-base-5);
138
+ --menu-border-color: var(--border-color-default);
139
+
140
+ --left-slider-background: var(--palette-secondary-base-5);
141
+ --right-slider-background: var(--palette-secondary-base-5);
142
+
143
+ --right-slider-click-line-background: var(--palette-secondary-base-3);
144
+ --right-slider-click-line-font-color: var(--palette-white);
145
+ --right-slider-click-line-background-hovered: var(--palette-secondary-base-4);
146
+ --right-slider-click-line-font-color-hovered: var(--palette-white);
147
+ --right-slider-click-line-border-color: var(--border-color-default);
148
+
149
+ --left-slider-click-line-background: var(--palette-secondary-base);
150
+ --left-slider-click-line-font-color: var(--palette-white);
151
+ --left-slider-click-line-background-hovered: var(--palette-secondary-base-3);
152
+ --left-slider-click-line-font-color-hovered: var(--palette-white);
153
+ --left-slider-click-line-border-color: var(--palette-secondary-base);
154
+
155
+ --admin-header-background-color: var(--palette-secondary-base-4);
156
+ --admin-header-font-color: var(--palette-white);
157
+
158
+ --badge-secondary-font-color: var(--palette-grey-1);
159
+ --badge-secondary-background-color: var(--palette-grey-4);
160
+
161
+ --collaps-item-shadow-color: var(--palette-secondary-base);
162
+ }
package/src/assets/styles/theme/dark.css ADDED
@@ -0,0 +1,286 @@
1
+ :root[data-theme='dark'] {
2
+ /* background, divider */
3
+
4
+ --border-color-default: var(--palette-primary-base-3);
5
+
6
+ --background-color: var(--palette-white);
7
+ --background-color-sub: var(--palette-primary-base-2);
8
+
9
+ /* font-color */
10
+ --font-color: var(--palette-primary-base-1);
11
+ --font-color-focus: var(--palette-primary-base-2);
12
+ --font-primary-disabled-color: var(--palette-grey-4);
13
+
14
+ /* button primary */
15
+ --button-primary-background: var(--palette-primary-base);
16
+ --button-primary-background-hovered: var(--palette-primary-base-3);
17
+ --button-primary-background-pressed: var(--palette-primary-base);
18
+ --button-primary-background-disabled: var(--palette-grey-3);
19
+ --button-primary-font-color: var(--palette-white);
20
+ --button-primary-font-color-hovered: var(--palette-white);
21
+ --button-primary-font-color-pressed: var(--palette-white);
22
+ --button-primary-font-color-disabled: var(--palette-grey-5);
23
+
24
+ /* button additional */
25
+ --button-additional-background: var(--palette-primary-additional);
26
+ --button-additional-background-hovered: var(--palette-primary-additional-3);
27
+ --button-additional-background-pressed: var(--palette-primary-additional);
28
+ --button-additional-background-disabled: var(--palette-grey-3);
29
+ --button-additional-font-color: var(--palette-white);
30
+ --button-additional-font-color-hovered: var(--palette-white);
31
+ --button-additional-font-color-pressed: var(--palette-white);
32
+ --button-additional-font-color-disabled: var(--palette-grey-5);
33
+
34
+ /* button information*/
35
+ --button-info-background: var(--palette-primary-base);
36
+ --button-info-background-hovered: var(--palette-primary-base-3);
37
+ --button-info-background-pressed: var(--palette-primary-base);
38
+ --button-info-background-disabled: var(--palette-grey-3);
39
+ --button-info-font-color: var(--palette-white);
40
+ --button-info-font-color-hovered: var(--palette-white);
41
+ --button-info-font-color-pressed: var(--palette-white);
42
+ --button-info-font-color-disabled: var(--palette-grey-5);
43
+
44
+ /* button success*/
45
+ --button-success-background: var(--palette-success);
46
+ --button-success-background-hovered: var(--palette-success-3);
47
+ --button-success-background-pressed: var(--palette-success);
48
+ --button-success-background-disabled: var(--palette-grey-3);
49
+ --button-success-font-color: var(--palette-white);
50
+ --button-success-font-color-hovered: var(--palette-white);
51
+ --button-success-font-color-pressed: var(--palette-white);
52
+ --button-success-font-color-disabled: var(--palette-grey-5);
53
+
54
+ /* button warning*/
55
+ --button-warning-background: var(--palette-warning);
56
+ --button-warning-background-hovered: var(--palette-warning-3);
57
+ --button-warning-background-pressed: var(--palette-warning);
58
+ --button-warning-background-disabled: var(--palette-grey-3);
59
+ --button-warning-font-color: var(--palette-white);
60
+ --button-warning-font-color-hovered: var(--palette-white);
61
+ --button-warning-font-color-pressed: var(--palette-white);
62
+ --button-warning-font-color-disabled: var(--palette-grey-5);
63
+
64
+ /* button error*/
65
+ --button-error-background: var(--palette-error);
66
+ --button-error-background-hovered: var(--palette-error-3);
67
+ --button-error-background-pressed: var(--palette-error);
68
+ --button-error-background-disabled: var(--palette-grey-3);
69
+ --button-error-font-color: var(--palette-white);
70
+ --button-error-font-color-hovered: var(--palette-white);
71
+ --button-error-font-color-pressed: var(--palette-white);
72
+ --button-error-font-color-disabled: var(--palette-grey-5);
73
+
74
+ /* button neutral*/
75
+ --button-neutral-background: var(--palette-grey-5);
76
+ --button-neutral-background-hovered: var(--palette-grey-4);
77
+ --button-neutral-background-pressed: var(--palette-grey-5);
78
+ --button-neutral-background-disabled: var(--palette-grey-3);
79
+ --button-neutral-font-color: var(--palette-white);
80
+ --button-neutral-font-color-hovered: var(--palette-white);
81
+ --button-neutral-font-color-pressed: var(--palette-white);
82
+ --button-neutral-font-color-disabled: var(--palette-grey-5);
83
+
84
+ /* input */
85
+
86
+ --input-background: var(--palette-white);
87
+ --input-label-color: var(--palette-primary-base-4);
88
+ --input-placeholder-color: var(--palette-grey-5);
89
+ --input-readonly-background: var(--palette-neutral-30);
90
+ --input-border-color: var(--border-color-default);
91
+ --input-focus-color: var(--font-color-focus);
92
+ --input-font-color: var(--font-color);
93
+
94
+ /* checkbox */
95
+
96
+ --checkbox-label-color: var(--palette-primary-base-4);
97
+ --checkbox-border-color: var(--border-color-default);
98
+ --checkbox-border-color-hovered: var(--palette-primary-base);
99
+
100
+ /* list */
101
+ --list-font-color: var(--palette-grey-7);
102
+ --list-background-color-hovered: var(--palette-grey-2);
103
+ --list-font-color-pressed: var(--palette-grey-9);
104
+
105
+ /* tabs */
106
+
107
+ --tabs-background: var(--palette-primary-base);
108
+ --tabs-font-color: var(--palette-white);
109
+ --tabs-border-color: var(--border-color-default);
110
+ --tabs-background-selected: var(--palette-primary-base-4);
111
+ --tabs-selected-font-color: var(--palette-white);
112
+ --tabs-selected-border-color: var(--border-color-default);
113
+
114
+ --tabs-hover-background-color: var(--palette-primary-base-4);
115
+
116
+ --menu-font-color: var(--palette-primary-base-1);
117
+ --menu-font-color-hovered: var(--palette-primary-base);
118
+ --menu-font-color-pressed: var(--palette-primary-base);
119
+ --submenu-font-color: var(--palette-primary-base-1);
120
+ --submenu-font-color-hovered: var(--palette-primary-base);
121
+ --submenu-font-color-pressed: var(--palette-primary-base);
122
+ --menu-background: var(--palette-primary-base-2);
123
+ --menu-background-hovered: var(--palette-primary-base-2);
124
+ --menu-background-pressed: var(--palette-primary-base-2);
125
+ --submenu-background: var(--palette-primary-base-2);
126
+ --submenu-background-hovered: var(--palette-primary-base-2);
127
+ --submenu-background-pressed: var(--palette-primary-base-2);
128
+ --menu-border-color: var(--border-color-default);
129
+
130
+ --left-slider-background: var(--palette-primary-base-2);
131
+ --right-slider-background: var(--palette-primary-base-2);
132
+
133
+ --right-slider-click-line-background: var(--palette-primary-base-3);
134
+ --right-slider-click-line-font-color: var(--palette-white);
135
+ --right-slider-click-line-background-hovered: var(--palette-primary-base-4);
136
+ --right-slider-click-line-font-color-hovered: var(--palette-white);
137
+ --right-slider-click-line-border-color: var(--border-color-default);
138
+
139
+ --left-slider-click-line-background: var(--palette-primary-base-3);
140
+ --left-slider-click-line-font-color: var(--palette-white);
141
+ --left-slider-click-line-background-hovered: var(--palette-primary-base-4);
142
+ --left-slider-click-line-font-color-hovered: var(--palette-white);
143
+ --left-slider-click-line-border-color: var(--border-color-default);
144
+
145
+ --admin-header-background-color: var(--palette-primary-base-4);
146
+ --admin-header-font-color: var(--palette-white);
147
+
148
+ /* --p-input-border-radius: */
149
+ /* --input-field-enabled-label-font-color: var(--palette-neutral-130-white);
150
+ --input-field-enabled-assistive-font-color: var(--palette-neutral-130-white);
151
+ --input-field-enabled-font-color: var(--palette-grey-2);
152
+ --input-field-enabled-font-before-after: var(--palette-grey-3);
153
+ --input-field-enabled-placeholder: var(--palette-grey-3);
154
+ --input-field-hover-font-color: var(--palette-grey-2);
155
+ --input-field-hover-placeholder: var(--palette-grey-2);
156
+ --input-field-active-font-color: var(--palette-grey-2);
157
+ --input-field-focus-font-color-before-after: var(--input-field-enabled-font-color);
158
+ --input-field-focus-font-color: var(--palette-neutral-130-white);
159
+ --input-field-enabled-border-color: var(--input-regular-border);
160
+ --input-field-enabled-background-color: rgba(255, 255, 255, 0);
161
+ --input-field-hover-border-color: var(--palette-grey-2);
162
+ --input-field-hover-background-color: rgba(255, 255, 255, 0.05);
163
+ --input-field-active-border-color: var(--palette-grey-2);
164
+ --input-field-active-background-color: rgba(255, 255, 255, 0);
165
+ --input-field-focus-border-color: var(--palette-active-50);
166
+ --input-field-focus-background-color: rgba(255, 255, 255, 0);
167
+ --input-field-active-label-font-color: var(--palette-neutral-130-white);
168
+ --input-field-active-assistive-font-color: var(--palette-neutral-130-white);
169
+ --input-field-hover-label-font-color: var(--palette-neutral-130-white);
170
+ --input-field-hover-assistive-font-color: var(--palette-neutral-130-white);
171
+ --input-field-focus-label-font-color: var(--palette-neutral-130-white);
172
+ --input-field-focus-assistive-font-color: var(--palette-neutral-130-white); */
173
+
174
+ /* input valid */
175
+ /* --input-field-valid-font-before-after: var(--palette-grey-3);
176
+ --input-field-valid-font-color: var(--palette-grey-2);
177
+ --input-field-valid-border-color: var(--palette-semantic-success-70);
178
+ --input-field-valid-background-color: rgba(255, 255, 255, 0);
179
+ --input-field-valid-label-font-color: var(--palette-neutral-130-white);
180
+ --input-field-valid-assistive-font-color: var(--palette-neutral-130-white); */
181
+
182
+ /* input invalid */
183
+ /* --input-field-invalid-font-color: var(--palette-semantic-error-60B);
184
+ --input-field-invalid-font-before-after: var(--palette-semantic-error-60B);
185
+ --input-field-invalid-border-color: var(--palette-semantic-error-60B);
186
+ --input-field-invalid-background-color: rgba(255, 255, 255, 0);
187
+ --input-field-invalid-label-font-color: var(--palette-neutral-130-white);
188
+ --input-field-invalid-assistive-font-color: var(--palette-semantic-error-60B); */
189
+ /* input disabled */
190
+ /* --input-field-disabled-font-color: var(--palette-grey-3);
191
+ --input-field-disabled-border-color: var(--input-regular-border);
192
+ --input-field-disabled-background-color: var(--palette-grey-4);
193
+ --input-field-disabled-label-font-color: var(--palette-neutral-130-white);
194
+ --input-field-disabled-assistive-font-color: var(--palette-neutral-130-white); */
195
+ /* typo */
196
+ /* --typography-h1-font-color: var(--palette-neutral-130-white);
197
+ --typography-h2-font-color: var(--palette-neutral-130-white);
198
+ --typography-h3-font-color: var(--palette-neutral-130-white);
199
+ --typography-h4-font-color: var(--palette-neutral-130-white);
200
+ --typography-h5-font-color: var(--palette-neutral-130-white);
201
+ --typography-h6-font-color: var(--palette-neutral-130-white);
202
+ --typography-title-font-color: var(--palette-neutral-130-white);
203
+ --typography-subtitle-font-color: var(--palette-neutral-130-white);
204
+ --typography-body-font-color: var(--palette-neutral-130-white);
205
+ --typography-caption-font-color: var(--palette-neutral-130-white);
206
+ --typography-link-enabled-font-color: var(--palette-active-60B);
207
+ --typography-link-hover-font-color: var(--palette-active-80);
208
+ --typography-link-active-font-color: var(--palette-active-100);
209
+ --typography-link-visited-font-color: var(--palette-active-100); */
210
+ /* checkbox */
211
+ /* --input-checkbox-assistive-default: var(--typography-body-font-color);
212
+ --input-checkbox-assistive-invalid: var(--palette-semantic-error-60B);
213
+ --input-checkbox-unchecked-background-enabled: rgba(255, 255, 255, 0);
214
+ --input-checkbox-unchecked-background-hover: rgba(255, 255, 255, 0);
215
+ --input-checkbox-unchecked-background-active: rgba(255, 255, 255, 0);
216
+ --input-checkbox-unchecked-background-invalid: rgba(255, 255, 255, 0);
217
+ --input-checkbox-unchecked-background-disabled: var(--palette-neutral-20);
218
+ --input-checkbox-unchecked-label-default: var(--typography-body-font-color);
219
+ --input-checkbox-unchecked-outline-enabled: var(--palette-neutral-60B);
220
+ --input-checkbox-unchecked-outline-hover: var(--palette-neutral-70);
221
+ --input-checkbox-unchecked-outline-active: var(--palette-active-60B);
222
+ --input-checkbox-unchecked-outline-invalid: var(--palette-semantic-error-60B);
223
+ --input-checkbox-unchecked-outline-disabled: var(--palette-neutral-40);
224
+ --input-checkbox-checked-background-enabled: var(--palette-active-60B);
225
+ --input-checkbox-checked-background-hover: var(--palette-active-80);
226
+ --input-checkbox-checked-background-active: var(--palette-active-80);
227
+ --input-checkbox-checked-background-invalid: rgba(255, 255, 255, 0);
228
+ --input-checkbox-checked-background-disabled: var(--palette-neutral-60B);
229
+ --input-checkbox-checked-icon-enabled: var(--palette-neutral-10-white);
230
+ --input-checkbox-checked-icon-hover: var(--palette-neutral-10-white);
231
+ --input-checkbox-checked-icon-active: var(--palette-neutral-10-white);
232
+ --input-checkbox-checked-icon-invalid: var(--palette-semantic-error-60B);
233
+ --input-checkbox-checked-icon-disabled: var(--palette-neutral-10-white);
234
+ --input-checkbox-checked-label-default: var(--typography-body-font-color);
235
+ --input-checkbox-checked-outline-enabled: var(--palette-active-80);
236
+ --input-checkbox-checked-outline-hover: var(--palette-active-80);
237
+ --input-checkbox-checked-outline-active: var(--palette-active-80);
238
+ --input-checkbox-checked-outline-invalid: var(--palette-semantic-error-60B);
239
+ --input-checkbox-checked-outline-disabled: var(--palette-neutral-60B);
240
+ --input-checkbox-indeterminate-background-enabled: var(--palette-active-60B);
241
+ --input-checkbox-indeterminate-background-hover: var(--palette-active-80);
242
+ --input-checkbox-indeterminate-background-active: var(--palette-active-80);
243
+ --input-checkbox-indeterminate-background-invalid: rgba(255, 255, 255, 0);
244
+ --input-checkbox-indeterminate-background-disabled: var(--palette-neutral-60B);
245
+ --input-checkbox-indeterminate-icon-enabled: var(--palette-neutral-10-white);
246
+ --input-checkbox-indeterminate-icon-hover: var(--palette-neutral-10-white);
247
+ --input-checkbox-indeterminate-icon-active: var(--palette-neutral-10-white);
248
+ --input-checkbox-indeterminate-icon-invalid: var(--palette-semantic-error-60B);
249
+ --input-checkbox-indeterminate-icon-disabled: var(--palette-neutral-10-white);
250
+ --input-checkbox-indeterminate-label-default: var(--typography-body-font-color);
251
+ --input-checkbox-indeterminate-outline-enabled: var(--palette-active-80);
252
+ --input-checkbox-indeterminate-outline-hover: var(--palette-active-90);
253
+ --input-checkbox-indeterminate-outline-active: var(--palette-active-90);
254
+ --input-checkbox-indeterminate-outline-invalid: var(--palette-semantic-error-60B);
255
+ --input-checkbox-indeterminate-outline-disabled: var(--palette-neutral-60B); */
256
+ /* input radio */
257
+ /* --input-radio-assistive-default: var(--typography-body-font-color);
258
+ --input-radio-assistive-invalid: var(--palette-semantic-error-60B);
259
+ --input-radio-unchecked-background-enabled: rgba(255, 255, 255, 0);
260
+ --input-radio-unchecked-background-hover: rgba(255, 255, 255, 0);
261
+ --input-radio-unchecked-background-active: rgba(255, 255, 255, 0);
262
+ --input-radio-unchecked-background-invalid: rgba(255, 255, 255, 0);
263
+ --input-radio-unchecked-background-disabled: var(--palette-neutral-60B);
264
+ --input-radio-unchecked-label-default: var(--typography-body-font-color);
265
+ --input-radio-unchecked-outline-enabled: var(--palette-neutral-60B);
266
+ --input-radio-unchecked-outline-hover: var(--palette-neutral-70);
267
+ --input-radio-unchecked-outline-active: var(--palette-active-60B);
268
+ --input-radio-unchecked-outline-invalid: var(--palette-semantic-error-60B);
269
+ --input-radio-unchecked-outline-disabled: var(--palette-neutral-60B);
270
+ --input-radio-checked-background-enabled: var(--palette-active-60B);
271
+ --input-radio-checked-background-hover: var(--palette-active-80);
272
+ --input-radio-checked-background-active: var(--palette-active-80);
273
+ --input-radio-checked-background-disabled: var(--palette-neutral-60B);
274
+ --input-radio-checked-icon-enabled: var(--palette-neutral-10-white);
275
+ --input-radio-checked-icon-hover: var(--palette-neutral-10-white);
276
+ --input-radio-checked-icon-active: var(--palette-neutral-10-white);
277
+ --input-radio-checked-icon-disabled: var(--palette-neutral-10-white);
278
+ --input-radio-checked-label-default: var(--typography-body-font-color);
279
+ --input-radio-checked-outline-enabled: var(--palette-active-80);
280
+ --input-radio-checked-outline-hover: var(--palette-active-80);
281
+ --input-radio-checked-outline-active: var(--palette-active-80);
282
+ --input-radio-checked-outline-disabled: var(--palette-neutral-60B); */
283
+ /* badge */
284
+ --badge-primary-font-color: var(--palette-grey-1);
285
+ --badge-primary-background-color: var(--palette-grey-4);
286
+ }
package/src/assets/styles/theme/light.css ADDED
@@ -0,0 +1,151 @@
1
+ :root[data-theme='light'] {
2
+ /* background, divider */
3
+
4
+ --border-color-default: var(--palette-secondary-base-3);
5
+
6
+ --background-color: var(--palette-white);
7
+ --background-color-sub: var(--palette-secondary-base-5);
8
+
9
+ /* font-color */
10
+ --font-color: var(--palette-secondary-base-1);
11
+ --font-color-hovered: var(--palette-secondary-base);
12
+ --font-color-focus: var(--palette-secondary-base-2);
13
+ --font-secondary-disabled-color: var(--palette-grey-4);
14
+
15
+ /* button primary */
16
+ --button-primary-background: var(--palette-secondary-base);
17
+ --button-primary-background-hovered: var(--palette-secondary-base-3);
18
+ --button-primary-background-pressed: var(--palette-secondary-base);
19
+ --button-primary-background-disabled: var(--palette-grey-3);
20
+ --button-primary-font-color: var(--palette-white);
21
+ --button-primary-font-color-hovered: var(--palette-white);
22
+ --button-primary-font-color-pressed: var(--palette-white);
23
+ --button-primary-font-color-disabled: var(--palette-grey-5);
24
+
25
+ /* button additional */
26
+ --button-additional-background: var(--palette-secondary-additional);
27
+ --button-additional-background-hovered: var(--palette-secondary-additional-3);
28
+ --button-additional-background-pressed: var(--palette-secondary-additional);
29
+ --button-additional-background-disabled: var(--palette-grey-3);
30
+ --button-additional-font-color: var(--palette-white);
31
+ --button-additional-font-color-hovered: var(--palette-white);
32
+ --button-additional-font-color-pressed: var(--palette-white);
33
+ --button-additional-font-color-disabled: var(--palette-grey-5);
34
+
35
+ /* button information*/
36
+ --button-info-background: var(--palette-secondary-base);
37
+ --button-info-background-hovered: var(--palette-secondary-base-3);
38
+ --button-info-background-pressed: var(--palette-secondary-base);
39
+ --button-info-background-disabled: var(--palette-grey-3);
40
+ --button-info-font-color: var(--palette-white);
41
+ --button-info-font-color-hovered: var(--palette-white);
42
+ --button-info-font-color-pressed: var(--palette-white);
43
+ --button-info-font-color-disabled: var(--palette-grey-5);
44
+
45
+ /* button success*/
46
+ --button-success-background: var(--palette-success);
47
+ --button-success-background-hovered: var(--palette-success-3);
48
+ --button-success-background-pressed: var(--palette-success);
49
+ --button-success-background-disabled: var(--palette-grey-3);
50
+ --button-success-font-color: var(--palette-white);
51
+ --button-success-font-color-hovered: var(--palette-white);
52
+ --button-success-font-color-pressed: var(--palette-white);
53
+ --button-success-font-color-disabled: var(--palette-grey-5);
54
+
55
+ /* button warning*/
56
+ --button-warning-background: var(--palette-warning);
57
+ --button-warning-background-hovered: var(--palette-warning-3);
58
+ --button-warning-background-pressed: var(--palette-warning);
59
+ --button-warning-background-disabled: var(--palette-grey-3);
60
+ --button-warning-font-color: var(--palette-white);
61
+ --button-warning-font-color-hovered: var(--palette-white);
62
+ --button-warning-font-color-pressed: var(--palette-white);
63
+ --button-warning-font-color-disabled: var(--palette-grey-5);
64
+
65
+ /* button error*/
66
+ --button-error-background: var(--palette-error);
67
+ --button-error-background-hovered: var(--palette-error-3);
68
+ --button-error-background-pressed: var(--palette-error);
69
+ --button-error-background-disabled: var(--palette-grey-3);
70
+ --button-error-font-color: var(--palette-white);
71
+ --button-error-font-color-hovered: var(--palette-white);
72
+ --button-error-font-color-pressed: var(--palette-white);
73
+ --button-error-font-color-disabled: var(--palette-grey-5);
74
+
75
+ /* button neutral*/
76
+ --button-neutral-background: var(--palette-grey-5);
77
+ --button-neutral-background-hovered: var(--palette-grey-4);
78
+ --button-neutral-background-pressed: var(--palette-grey-5);
79
+ --button-neutral-background-disabled: var(--palette-grey-3);
80
+ --button-neutral-font-color: var(--palette-white);
81
+ --button-neutral-font-color-hovered: var(--palette-white);
82
+ --button-neutral-font-color-pressed: var(--palette-white);
83
+ --button-neutral-font-color-disabled: var(--palette-grey-5);
84
+
85
+ /* input */
86
+
87
+ --input-background: var(--palette-white);
88
+ --input-label-color: var(--palette-secondary-base-4);
89
+ --input-placeholder-color: var(--palette-grey-5);
90
+ --input-readonly-background: var(--palette-neutral-30);
91
+ --input-border-color: var(--border-color-default);
92
+ --input-focus-color: var(--font-color-focus);
93
+ --input-font-color: var(--font-color);
94
+
95
+ /* checkbox */
96
+
97
+ --checkbox-label-color: var(--palette-secondary-base-4);
98
+ --checkbox-border-color: var(--border-color-default);
99
+ --checkbox-border-color-hovered: var(--palette-secondary-base);
100
+
101
+ /* list */
102
+ --list-font-color: var(--palette-grey-7);
103
+ --list-background-color-hovered: var(--palette-grey-2);
104
+ --list-font-color-pressed: var(--palette-grey-9);
105
+
106
+ /* tabs */
107
+
108
+ --tabs-background: var(--palette-secondary-base);
109
+ --tabs-font-color: var(--palette-white);
110
+ --tabs-border-color: var(--border-color-default);
111
+ --tabs-background-selected: var(--palette-secondary-base-4);
112
+ --tabs-selected-font-color: var(--palette-white);
113
+ --tabs-selected-border-color: var(--border-color-default);
114
+
115
+ --tabs-hover-background-color: var(--palette-secondary-base-4);
116
+
117
+ --menu-font-color: var(--palette-secondary-base-1);
118
+ --menu-font-color-hovered: var(--palette-secondary-base);
119
+ --menu-font-color-pressed: var(--palette-secondary-base);
120
+ --submenu-font-color: var(--palette-secondary-base-1);
121
+ --submenu-font-color-hovered: var(--palette-secondary-base);
122
+ --submenu-font-color-pressed: var(--palette-secondary-base);
123
+ --menu-background: var(--palette-secondary-base-5);
124
+ --menu-background-hovered: var(--palette-secondary-base-5);
125
+ --menu-background-pressed: var(--palette-secondary-base-5);
126
+ --submenu-background: var(--palette-secondary-base-5);
127
+ --submenu-background-hovered: var(--palette-secondary-base-5);
128
+ --submenu-background-pressed: var(--palette-secondary-base-5);
129
+ --menu-border-color: var(--border-color-default);
130
+
131
+ --left-slider-background: var(--palette-secondary-base-5);
132
+ --right-slider-background: var(--palette-secondary-base-5);
133
+
134
+ --right-slider-click-line-background: var(--palette-secondary-base-3);
135
+ --right-slider-click-line-font-color: var(--palette-white);
136
+ --right-slider-click-line-background-hovered: var(--palette-secondary-base-4);
137
+ --right-slider-click-line-font-color-hovered: var(--palette-white);
138
+ --right-slider-click-line-border-color: var(--border-color-default);
139
+
140
+ --left-slider-click-line-background: var(--palette-secondary-base);
141
+ --left-slider-click-line-font-color: var(--palette-white);
142
+ --left-slider-click-line-background-hovered: var(--palette-secondary-base-3);
143
+ --left-slider-click-line-font-color-hovered: var(--palette-white);
144
+ --left-slider-click-line-border-color: var(--palette-secondary-base);
145
+
146
+ --admin-header-background-color: var(--palette-secondary-base-4);
147
+ --admin-header-font-color: var(--palette-white);
148
+
149
+ --badge-secondary-font-color: var(--palette-grey-1);
150
+ --badge-secondary-background-color: var(--palette-grey-4);
151
+ }
package/src/assets/svg/ArrowLeft.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg width="0" height="0" class="hidden">
2
+ <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" id="arrow-left">
3
+ <path d="M656.733 149.806C659.446 147.019 662.69 144.804 666.274 143.292C669.857 141.779 673.707 141 677.597 141C681.486 141 685.337 141.779 688.92 143.292C692.503 144.804 695.748 147.019 698.461 149.806C704.024 155.518 707.138 163.176 707.138 171.15C707.138 179.123 704.024 186.782 698.461 192.494L386.589 512.366L698.461 832.302C701.269 835.176 703.483 838.575 704.976 842.305C706.47 846.035 707.215 850.022 707.167 854.04C707.119 858.057 706.281 862.026 704.699 865.72C703.118 869.413 700.824 872.759 697.949 875.566C695.211 878.242 691.972 880.351 688.417 881.774C684.863 883.197 681.063 883.904 677.235 883.857C673.407 883.809 669.625 883.007 666.107 881.497C662.589 879.986 659.404 877.797 656.733 875.054L325.085 534.702C319.26 528.726 316 520.711 316 512.366C316 504.021 319.26 496.006 325.085 490.03L656.733 149.806Z" ></path>
4
+ </symbol>
5
+ </svg>
package/src/assets/svg/ArrowRight.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg width="0" height="0" class="hidden">
2
+ <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" id="arrow-right">
3
+ <path d="M366.436 875.054C363.723 877.84 360.479 880.055 356.895 881.568C353.312 883.08 349.462 883.859 345.572 883.859C341.683 883.859 337.832 883.08 334.249 881.568C330.666 880.055 327.421 877.84 324.708 875.054C319.145 869.342 316.031 861.683 316.031 853.71C316.031 845.736 319.145 838.077 324.708 832.366L636.58 512.494L324.708 192.558C321.9 189.684 319.686 186.284 318.193 182.555C316.699 178.825 315.954 174.837 316.002 170.82C316.049 166.802 316.888 162.833 318.47 159.14C320.051 155.446 322.345 152.1 325.22 149.294C327.958 146.618 331.197 144.508 334.752 143.086C338.306 141.663 342.106 140.955 345.934 141.003C349.762 141.05 353.544 141.852 357.062 143.363C360.58 144.873 363.765 147.063 366.436 149.806L698.084 490.158C703.909 496.134 707.169 504.148 707.169 512.494C707.169 520.839 703.909 528.854 698.084 534.83L366.436 875.054Z" ></path>
4
+ </symbol>
5
+ </svg>
package/src/assets/svg/Close.svg ADDED
@@ -0,0 +1,7 @@
1
+ <svg width="0" height="0" class="hidden">
2
+ <symbol id="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
3
+ <path
4
+ d="M12 10.5857L16.95 5.63574L18.364 7.04974L13.414 11.9997L18.364 16.9497L16.95 18.3637L12 13.4137L7.04999 18.3637L5.63599 16.9497L10.586 11.9997L5.63599 7.04974L7.04999 5.63574L12 10.5857Z"
5
+ ></path>
6
+ </symbol>
7
+ </svg>
package/src/assets/svg/DoubleArrowLeft.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg width="0" height="0" class="hidden">
2
+ <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" id="double-arrow-left">
3
+ <path d="M529.408 149.376C532.121 146.589 535.365 144.374 538.949 142.862C542.532 141.35 546.382 140.57 550.272 140.57C554.161 140.57 558.011 141.35 561.595 142.862C565.178 144.374 568.422 146.589 571.136 149.376C576.699 155.088 579.813 162.746 579.813 170.72C579.813 178.694 576.699 186.352 571.136 192.064L259.264 511.936L571.136 831.872C573.943 834.746 576.157 838.145 577.651 841.875C579.145 845.605 579.889 849.593 579.842 853.61C579.794 857.628 578.956 861.597 577.374 865.29C575.792 868.984 573.499 872.329 570.624 875.136C567.886 877.812 564.647 879.922 561.092 881.344C557.538 882.767 553.738 883.475 549.91 883.427C546.081 883.38 542.3 882.578 538.782 881.067C535.264 879.556 532.079 877.367 529.408 874.624L197.76 534.272C191.935 528.296 188.675 520.281 188.675 511.936C188.675 503.591 191.935 495.576 197.76 489.6L529.408 149.376ZM785.408 149.376C788.121 146.589 791.365 144.374 794.949 142.862C798.532 141.35 802.382 140.57 806.272 140.57C810.161 140.57 814.011 141.35 817.595 142.862C821.178 144.374 824.422 146.589 827.136 149.376C832.699 155.088 835.813 162.746 835.813 170.72C835.813 178.694 832.699 186.352 827.136 192.064L515.264 511.936L827.136 831.872C829.943 834.746 832.157 838.145 833.651 841.875C835.145 845.605 835.889 849.593 835.842 853.61C835.794 857.628 834.956 861.597 833.374 865.29C831.792 868.984 829.499 872.329 826.624 875.136C823.886 877.812 820.647 879.922 817.092 881.344C813.538 882.767 809.738 883.475 805.91 883.427C802.081 883.38 798.3 882.578 794.782 881.067C791.264 879.556 788.079 877.367 785.408 874.624L453.76 534.272C447.935 528.296 444.675 520.281 444.675 511.936C444.675 503.591 447.935 495.576 453.76 489.6L785.408 149.376Z" ></path>
4
+ </symbol>
5
+ </svg>
package/src/assets/svg/DoubleArrowRight.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg width="0" height="0" class="hidden">
2
+ <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" id="double-arrow-right">
3
+ <path d="M495.111 874.624C492.397 877.411 489.153 879.626 485.57 881.138C481.987 882.65 478.136 883.43 474.247 883.43C470.357 883.43 466.507 882.65 462.924 881.138C459.34 879.626 456.096 877.411 453.383 874.624C447.819 868.912 444.706 861.254 444.706 853.28C444.706 845.306 447.819 837.648 453.383 831.936L765.255 512.064L453.383 192.128C450.575 189.254 448.361 185.855 446.867 182.125C445.374 178.395 444.629 174.407 444.677 170.39C444.724 166.372 445.563 162.403 447.145 158.71C448.726 155.016 451.02 151.671 453.895 148.864C456.633 146.188 459.872 144.078 463.426 142.656C466.981 141.233 470.781 140.525 474.609 140.573C478.437 140.62 482.219 141.422 485.737 142.933C489.254 144.444 492.44 146.633 495.111 149.376L826.759 489.728C832.584 495.704 835.844 503.719 835.844 512.064C835.844 520.409 832.584 528.424 826.759 534.4L495.111 874.624ZM239.111 874.624C236.397 877.411 233.153 879.626 229.57 881.138C225.987 882.65 222.136 883.43 218.247 883.43C214.357 883.43 210.507 882.65 206.924 881.138C203.34 879.626 200.096 877.411 197.383 874.624C191.819 868.912 188.706 861.254 188.706 853.28C188.706 845.306 191.819 837.648 197.383 831.936L509.255 512.064L197.383 192.128C194.575 189.254 192.361 185.855 190.867 182.125C189.374 178.395 188.629 174.407 188.677 170.39C188.724 166.372 189.563 162.403 191.145 158.71C192.726 155.016 195.02 151.671 197.895 148.864C200.633 146.188 203.872 144.078 207.426 142.656C210.981 141.233 214.781 140.525 218.609 140.573C222.437 140.62 226.219 141.422 229.737 142.933C233.254 144.444 236.44 146.633 239.111 149.376L570.759 489.728C576.584 495.704 579.844 503.719 579.844 512.064C579.844 520.409 576.584 528.424 570.759 534.4L239.111 874.624Z" ></path>
4
+ </symbol>
5
+ </svg>
package/src/assets/svg/Ellipsis.svg ADDED
@@ -0,0 +1,7 @@
1
+ <svg width="0" height="0" class="hidden">
2
+ <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" id="ellipsis">
3
+ <path d="M65 135C73.2843 135 80 128.284 80 120C80 111.716 73.2843 105 65 105C56.7157 105 50 111.716 50 120C50 128.284 56.7157 135 65 135Z" ></path>
4
+ <path d="M120 135C128.284 135 135 128.284 135 120C135 111.716 128.284 105 120 105C111.716 105 105 111.716 105 120C105 128.284 111.716 135 120 135Z" ></path>
5
+ <path d="M175 135C183.284 135 190 128.284 190 120C190 111.716 183.284 105 175 105C166.716 105 160 111.716 160 120C160 128.284 166.716 135 175 135Z" ></path>
6
+ </symbol>
7
+ </svg>
package/src/assets/svg/Filter.svg ADDED
@@ -0,0 +1,10 @@
1
+ <svg width="0" height="0" class="hidden">
2
+ <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" id="filter">
3
+ <path d="M26.6641 9.33398L13.4961 9.33398M18.6641 22.6673H6.66406" stroke-width="2" stroke-linecap="round"
4
+ stroke-linejoin="round"></path>
5
+ <path d="M22.6641 26.668C24.8732 26.668 26.6641 24.8771 26.6641 22.668C26.6641 20.4588 24.8732 18.668 22.6641 18.668C20.4549 18.668 18.6641 20.4588 18.6641 22.668C18.6641 24.8771 20.4549 26.668 22.6641 26.668Z"
6
+ stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
7
+ <path d="M9.33203 13.334C11.5412 13.334 13.332 11.5431 13.332 9.33398C13.332 7.12485 11.5412 5.33398 9.33203 5.33398C7.12289 5.33398 5.33203 7.12485 5.33203 9.33398C5.33203 11.5431 7.12289 13.334 9.33203 13.334Z"
8
+ stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
9
+ </symbol>
10
+ </svg>