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/platform/webdesktop.css ADDED
@@ -0,0 +1,72 @@
1
+ :root[data-platform='web-desktop'] {
2
+ --layout-screen-padding-horizontal: var(--whiteSpace-general-6x);
3
+ --button-font-size-default: var(--font-size-l);
4
+ --button-font-size-medium: var(--font-size-m);
5
+ --button-font-size-small: var(--font-size-s);
6
+ --button-font-size-xl: var(--font-size-xl);
7
+ --button-primary-medium-whiteSpace-padding-horizontal: var(--whiteSpace-general-2x);
8
+ --button-primary-medium-whiteSpace-padding-vertical: var(--whiteSpace-general-1_5x);
9
+ --button-primary-medium-whiteSpace-gap: var(--whiteSpace-general-1x);
10
+ --button-primary-medium-borderRadius-default: 4px;
11
+ --button-secondary-medium-whiteSpace-padding-horizontal: var(--whiteSpace-general-2x);
12
+ --button-secondary-medium-whiteSpace-padding-vertical: var(--whiteSpace-general-1_5x);
13
+ --button-secondary-medium-whiteSpace-gap: var(--whiteSpace-general-1x);
14
+ --button-secondary-medium-borderRadius-default: var(--borderRadius-general-4x);
15
+ --button-tertiary-borderRadius-default: var(--borderRadius-general-2x);
16
+ --button-tertiary-medium-whiteSpace-gap: var(--whiteSpace-general-_5x);
17
+ --button-round-size-default: var(--size-general-4x);
18
+ --button-round-size-small: var(--size-general-3x);
19
+ --button-round-size-large: var(--size-general-6x);
20
+ --button-outlined-medium-whiteSpace-padding-horizontal: var(--whiteSpace-general-2x);
21
+ --button-outlined-medium-whiteSpace-padding-vertical: var(--whiteSpace-general-1_5x);
22
+ --button-outlined-medium-whiteSpace-gap: var(--whiteSpace-general-1x);
23
+ --button-outlined-medium-borderRadius-default: var(--borderRadius-general-4x);
24
+ --button-transparent-medium-borderRadius-default: var(--borderRadius-general-4x);
25
+ --button-transparent-medium-whiteSpace-gap: var(--whiteSpace-general-1x);
26
+ --input-field-whiteSpace-field-padding-horizontal: var(--whiteSpace-general-2x);
27
+ --input-field-whiteSpace-field-padding-vertical: var(--whiteSpace-general-1_5x);
28
+ --input-field-whiteSpace-field-gap: var(--whiteSpace-general-1x);
29
+ --input-field-whiteSpace-label-gap: var(--whiteSpace-general-1x);
30
+ --input-field-whiteSpace-caption-gap: var(--whiteSpace-general-1x);
31
+ --input-field-whiteSpace-assistive-gap: var(--whiteSpace-general-1x);
32
+ --input-field-borderRadius-default: var(--borderRadius-general-1x);
33
+ --inpur-font-size-default: var(--font-size-l);
34
+
35
+ --input-width-default: var(300px);
36
+ --input-padding-default: var(--input-padding);
37
+ --input-margin-default: 0;
38
+ --input-labal-margin: 20px 0 10px 0;
39
+ --input-height: 30px;
40
+
41
+ --checkbox-label-font-size-default: var(--font-size-s);
42
+ --checkbox-border-radius-default: var(--borderRadius-general-1x);
43
+
44
+ /* badge */
45
+ --badge-font-size: var(--font-size-l);
46
+ --badge-whiteSpace-gap: var(--whiteSpace-general-_5x);
47
+ --badge-primary-padding: var(--size-general-_75x);
48
+ --badge-primary-border-radius: var(--borderRadius-general-2x);
49
+ /* flex */
50
+ --flex-gap-default: var(--whiteSpace-general-1x);
51
+ --flex-gap-xs: var(--whiteSpace-general-_5x);
52
+ --flex-gap-s: var(--whiteSpace-general-1x);
53
+ --flex-gap-m: var(--whiteSpace-general-1_5x);
54
+ --flex-gap-l: var(--whiteSpace-general-2x);
55
+ --flex-gap-xl: var(--whiteSpace-general-2_5x);
56
+ --flex-gap-2xl: var(--whiteSpace-general-3x);
57
+ --flex-gap-3xl: var(--whiteSpace-general-3_5x);
58
+ --flex-gap-4xl: var(--whiteSpace-general-4x);
59
+
60
+ /* gallery */
61
+ --gallery-container-border-radius: var(--borderRadius-general-5x);
62
+ --gallery-slider-button-margin: var(--size-general-1_5x);
63
+ --gallery-tool-margin: var(--size-general-1_5x);
64
+
65
+ --admin-header-height: var(--size-general-12x);
66
+
67
+ /* modal window */
68
+ --modal-window-padding: 60px 100px;
69
+
70
+ /* notification message */
71
+ --notification-font-size: var(--font-size-l);
72
+ }
package/src/assets/styles/platform/webdesktop_old.css ADDED
@@ -0,0 +1,65 @@
1
+ :root[data-platform='web-desktop'] {
2
+ --layout-screen-padding-horizontal: var(--whiteSpace-general-6x);
3
+ --button-font-size-default: var(--font-size-l);
4
+ --button-font-size-medium: var(--font-size-m);
5
+ --button-font-size-small: var(--font-size-s);
6
+ --button-font-size-xl: var(--font-size-xl);
7
+ --button-primary-medium-whiteSpace-padding-horizontal: var(--whiteSpace-general-2x);
8
+ --button-primary-medium-whiteSpace-padding-vertical: var(--whiteSpace-general-1_5x);
9
+ --button-primary-medium-whiteSpace-gap: var(--whiteSpace-general-1x);
10
+ --button-primary-medium-borderRadius-default: var(--borderRadius-general-4x);
11
+ --button-secondary-medium-whiteSpace-padding-horizontal: var(--whiteSpace-general-2x);
12
+ --button-secondary-medium-whiteSpace-padding-vertical: var(--whiteSpace-general-1_5x);
13
+ --button-secondary-medium-whiteSpace-gap: var(--whiteSpace-general-1x);
14
+ --button-secondary-medium-borderRadius-default: var(--borderRadius-general-4x);
15
+ --button-tertiary-borderRadius-default: var(--borderRadius-general-2x);
16
+ --button-tertiary-medium-whiteSpace-gap: var(--whiteSpace-general-_5x);
17
+ --button-round-size-default: var(--size-general-4x);
18
+ --button-round-size-small: var(--size-general-3x);
19
+ --button-round-size-large: var(--size-general-6x);
20
+ --button-outlined-medium-whiteSpace-padding-horizontal: var(--whiteSpace-general-2x);
21
+ --button-outlined-medium-whiteSpace-padding-vertical: var(--whiteSpace-general-1_5x);
22
+ --button-outlined-medium-whiteSpace-gap: var(--whiteSpace-general-1x);
23
+ --button-outlined-medium-borderRadius-default: var(--borderRadius-general-4x);
24
+ --button-transparent-medium-borderRadius-default: var(--borderRadius-general-4x);
25
+ --button-transparent-medium-whiteSpace-gap: var(--whiteSpace-general-1x);
26
+ --input-field-whiteSpace-field-padding-horizontal: var(--whiteSpace-general-2x);
27
+ --input-field-whiteSpace-field-padding-vertical: var(--whiteSpace-general-1_5x);
28
+ --input-field-whiteSpace-field-gap: var(--whiteSpace-general-1x);
29
+ --input-field-whiteSpace-label-gap: var(--whiteSpace-general-1x);
30
+ --input-field-whiteSpace-caption-gap: var(--whiteSpace-general-1x);
31
+ --input-field-whiteSpace-assistive-gap: var(--whiteSpace-general-1x);
32
+ --input-field-borderRadius-default: var(--borderRadius-general-4x);
33
+
34
+ --input-width-default: var(300px);
35
+ --input-padding-default: var(--input-padding);
36
+ --input-margin-default: 0;
37
+ --input-labal-margin: 20px 0 10px 0;
38
+ --input-height: 30px;
39
+
40
+ --checkbox-label-font-size-default: var(--font-size-s);
41
+ --checkbox-border-radius-default: var(--borderRadius-general-1x);
42
+
43
+ /* badge */
44
+ --badge-font-size: var(--font-size-l);
45
+ --badge-whiteSpace-gap: var(--whiteSpace-general-_5x);
46
+ --badge-primary-padding: var(--size-general-_75x);
47
+ --badge-primary-border-radius: var(--borderRadius-general-2x);
48
+ /* flex */
49
+ --flex-gap-default: var(--whiteSpace-general-1x);
50
+ --flex-gap-xs: var(--whiteSpace-general-_5x);
51
+ --flex-gap-s: var(--whiteSpace-general-1x);
52
+ --flex-gap-m: var(--whiteSpace-general-1_5x);
53
+ --flex-gap-l: var(--whiteSpace-general-2x);
54
+ --flex-gap-xl: var(--whiteSpace-general-2_5x);
55
+ --flex-gap-2xl: var(--whiteSpace-general-3x);
56
+ --flex-gap-3xl: var(--whiteSpace-general-3_5x);
57
+ --flex-gap-4xl: var(--whiteSpace-general-4x);
58
+
59
+ /* gallery */
60
+ --gallery-container-border-radius: var(--borderRadius-general-5x);
61
+ --gallery-slider-button-margin: var(--size-general-1_5x);
62
+ --gallery-tool-margin: var(--size-general-1_5x);
63
+
64
+ --admin-header-height: var(--size-general-12x);
65
+ }
package/src/assets/styles/platform/webmobile.css ADDED
@@ -0,0 +1,53 @@
1
+ :root[data-platform='web-mobile'] {
2
+ --layout-screen-padding-horizontal: var(--whiteSpace-general-2x);
3
+ --button-font-size-default: var(--font-size-l);
4
+ --button-font-size-medium: var(--font-size-m);
5
+ --button-font-size-small: var(--font-size-s);
6
+ --button-font-size-xl: var(--font-size-xl);
7
+ --button-primary-medium-whiteSpace-padding-horizontal: var(--whiteSpace-general-2x);
8
+ --button-primary-medium-whiteSpace-padding-vertical: var(--whiteSpace-general-1_5x);
9
+ --button-primary-medium-whiteSpace-gap: var(--whiteSpace-general-1x);
10
+ --button-primary-medium-borderRadius-default: var(--borderRadius-general-4x);
11
+ --button-secondary-medium-whiteSpace-padding-horizontal: var(--whiteSpace-general-2x);
12
+ --button-secondary-medium-whiteSpace-padding-vertical: var(--whiteSpace-general-1_5x);
13
+ --button-secondary-medium-whiteSpace-gap: var(--whiteSpace-general-1x);
14
+ --button-secondary-medium-borderRadius-default: var(--borderRadius-general-4x);
15
+ --button-tertiary-borderRadius-default: var(--borderRadius-general-2x);
16
+ --button-tertiary-medium-whiteSpace-gap: var(--whiteSpace-general-_5x);
17
+ --button-round-size-default: var(--size-general-4x);
18
+ --button-round-size-small: var(--size-general-3x);
19
+ --button-round-size-large: var(--size-general-6x);
20
+ --button-outlined-medium-whiteSpace-padding-horizontal: var(--whiteSpace-general-2x);
21
+ --button-outlined-medium-whiteSpace-padding-vertical: var(--whiteSpace-general-1_5x);
22
+ --button-outlined-medium-whiteSpace-gap: var(--whiteSpace-general-1x);
23
+ --button-outlined-medium-borderRadius-default: var(--borderRadius-general-4x);
24
+ --button-transparent-medium-borderRadius-default: var(--borderRadius-general-4x);
25
+ --button-transparent-medium-whiteSpace-gap: var(--whiteSpace-general-1x);
26
+ --input-field-whiteSpace-field-padding-horizontal: var(--whiteSpace-general-2x);
27
+ --input-field-whiteSpace-field-padding-vertical: var(--whiteSpace-general-1_5x);
28
+ --input-field-whiteSpace-field-gap: var(--whiteSpace-general-1x);
29
+ --input-field-whiteSpace-label-gap: var(--whiteSpace-general-1x);
30
+ --input-field-whiteSpace-caption-gap: var(--whiteSpace-general-1x);
31
+ --input-field-whiteSpace-assistive-gap: var(--whiteSpace-general-1x);
32
+ --input-field-borderRadius-default: var(--borderRadius-general-4x);
33
+ /* badge */
34
+ --badge-font-size: var(--font-size-l);
35
+ --badge-whiteSpace-gap: var(--whiteSpace-general-_5x);
36
+ --badge-primary-padding: var(--size-general-_75x);
37
+ --badge-primary-border-radius: var(--borderRadius-general-2x);
38
+ /* flex */
39
+ --flex-gap-default: var(--whiteSpace-general-1x);
40
+ --flex-gap-xs: var(--whiteSpace-general-_5x);
41
+ --flex-gap-s: var(--whiteSpace-general-1x);
42
+ --flex-gap-m: var(--whiteSpace-general-1_5x);
43
+ --flex-gap-l: var(--whiteSpace-general-2x);
44
+ --flex-gap-xl: var(--whiteSpace-general-2_5x);
45
+ --flex-gap-2xl: var(--whiteSpace-general-3x);
46
+ --flex-gap-3xl: var(--whiteSpace-general-3_5x);
47
+ --flex-gap-4xl: var(--whiteSpace-general-4x);
48
+
49
+ /* gallery */
50
+ --gallery-container-border-radius: var(--borderRadius-general-5x);
51
+ --gallery-slider-button-margin: var(--size-general-1_5x);
52
+ --gallery-tool-margin: var(--size-general-1_5x);
53
+ }
package/src/assets/styles/platform/webtablet.css ADDED
@@ -0,0 +1,53 @@
1
+ :root[data-platform='web-tablet'] {
2
+ --layout-screen-padding-horizontal: var(--whiteSpace-general-4x);
3
+ --button-font-size-default: var(--font-size-l);
4
+ --button-font-size-medium: var(--font-size-m);
5
+ --button-font-size-small: var(--font-size-s);
6
+ --button-font-size-xl: var(--font-size-xl);
7
+ --button-primary-medium-whiteSpace-padding-horizontal: var(--whiteSpace-general-2x);
8
+ --button-primary-medium-whiteSpace-padding-vertical: var(--whiteSpace-general-1_5x);
9
+ --button-primary-medium-whiteSpace-gap: var(--whiteSpace-general-1x);
10
+ --button-primary-medium-borderRadius-default: var(--borderRadius-general-4x);
11
+ --button-secondary-medium-whiteSpace-padding-horizontal: var(--whiteSpace-general-2x);
12
+ --button-secondary-medium-whiteSpace-padding-vertical: var(--whiteSpace-general-1_5x);
13
+ --button-secondary-medium-whiteSpace-gap: var(--whiteSpace-general-1x);
14
+ --button-secondary-medium-borderRadius-default: var(--borderRadius-general-4x);
15
+ --button-tertiary-borderRadius-default: var(--borderRadius-general-2x);
16
+ --button-tertiary-medium-whiteSpace-gap: var(--whiteSpace-general-_5x);
17
+ --button-round-size-default: var(--size-general-4x);
18
+ --button-round-size-small: var(--size-general-3x);
19
+ --button-round-size-large: var(--size-general-6x);
20
+ --button-outlined-medium-whiteSpace-padding-horizontal: var(--whiteSpace-general-2x);
21
+ --button-outlined-medium-whiteSpace-padding-vertical: var(--whiteSpace-general-1_5x);
22
+ --button-outlined-medium-whiteSpace-gap: var(--whiteSpace-general-1x);
23
+ --button-outlined-medium-borderRadius-default: var(--borderRadius-general-4x);
24
+ --button-transparent-medium-borderRadius-default: var(--borderRadius-general-4x);
25
+ --button-transparent-medium-whiteSpace-gap: var(--whiteSpace-general-1x);
26
+ --input-field-whiteSpace-field-padding-horizontal: var(--whiteSpace-general-2x);
27
+ --input-field-whiteSpace-field-padding-vertical: var(--whiteSpace-general-1_5x);
28
+ --input-field-whiteSpace-field-gap: var(--whiteSpace-general-1x);
29
+ --input-field-whiteSpace-label-gap: var(--whiteSpace-general-1x);
30
+ --input-field-whiteSpace-caption-gap: var(--whiteSpace-general-1x);
31
+ --input-field-whiteSpace-assistive-gap: var(--whiteSpace-general-1x);
32
+ --input-field-borderRadius-default: var(--borderRadius-general-4x);
33
+ /* badge */
34
+ --badge-font-size: var(--font-size-l);
35
+ --badge-whiteSpace-gap: var(--whiteSpace-general-_5x);
36
+ --badge-primary-padding: var(--size-general-_75x);
37
+ --badge-primary-border-radius: var(--borderRadius-general-2x);
38
+ /* flex */
39
+ --flex-gap-default: var(--whiteSpace-general-1x);
40
+ --flex-gap-xs: var(--whiteSpace-general-_5x);
41
+ --flex-gap-s: var(--whiteSpace-general-1x);
42
+ --flex-gap-m: var(--whiteSpace-general-1_5x);
43
+ --flex-gap-l: var(--whiteSpace-general-2x);
44
+ --flex-gap-xl: var(--whiteSpace-general-2_5x);
45
+ --flex-gap-2xl: var(--whiteSpace-general-3x);
46
+ --flex-gap-3xl: var(--whiteSpace-general-3_5x);
47
+ --flex-gap-4xl: var(--whiteSpace-general-4x);
48
+
49
+ /* gallery */
50
+ --gallery-container-border-radius: var(--borderRadius-general-5x);
51
+ --gallery-slider-button-margin: var(--size-general-1_5x);
52
+ --gallery-tool-margin: var(--size-general-1_5x);
53
+ }
package/src/assets/styles/reset.scss ADDED
@@ -0,0 +1,28 @@
1
+ @import './colors.scss';
2
+
3
+ html,
4
+ body {
5
+ margin: 0;
6
+ padding: 0;
7
+ overflow-x: hidden;
8
+ height: 100%;
9
+ width: 100%;
10
+ background: #e4e5e7;
11
+ position: relative;
12
+ }
13
+
14
+ .main-container {
15
+ border: 1px solid #eee;
16
+ background-color: rgb(238, 241, 246);
17
+ height: 100%;
18
+ overflow: visible;
19
+ }
20
+
21
+ #app {
22
+ font-size: 1em;
23
+ font-weight: normal;
24
+ color: $site_dark_gray;
25
+ line-height: 1.5;
26
+ font-family: 'Open Sans', sans-serif;
27
+ height: 100%;
28
+ }
package/src/assets/styles/shadow.scss ADDED
@@ -0,0 +1,6 @@
1
+ $normal-shadow:
2
+ rgba(0, 0, 0, 0.1) 0px 5px 5px,
3
+ rgba(0, 0, 0, 0.1) 0px -1px 3px,
4
+ rgba(0, 0, 0, 0.1) 0px 4px 6px,
5
+ rgba(0, 0, 0, 0.1) 0px 2px 3px,
6
+ rgba(0, 0, 0, 0.1) 0px -3px 5px;
package/src/assets/styles/theme/aquaBlueLight.css ADDED
@@ -0,0 +1,162 @@
1
+ :root[data-theme='aquaBlueLight'] {
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-5);
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
+ /* button pag*/
85
+ --button-pagination-background: var(--palette-primary-base-5);
86
+ --button-pagination-background-hovered: var(--palette-primary-base-5);
87
+ --button-pagination-background-pressed: var(--palette-primary-base);
88
+ --button-pagination-background-disabled: var(--palette-primary-base-5);
89
+ --button-pagination-font-color: var(--palette-primary-base-1);
90
+ --button-pagination-font-color-hovered: var(--palette-primary-base-1);
91
+ --button-pagination-font-color-pressed: var(--palette-white);
92
+ --button-pagination-font-color-disabled: var(--palette-primary-base-5);
93
+
94
+ /* input */
95
+
96
+ --input-background: var(--palette-white);
97
+ --input-label-color: var(--palette-primary-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-primary-base-2);
107
+ --checkbox-border-color: var(--border-color-default);
108
+ --checkbox-border-color-hovered: var(--palette-primary-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-primary-base);
118
+ --tabs-font-color: var(--palette-white);
119
+ --tabs-border-color: var(--border-color-default);
120
+ --tabs-background-selected: var(--palette-primary-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-primary-base-4);
125
+
126
+ --menu-font-color: var(--palette-primary-base-1);
127
+ --menu-font-color-hovered: var(--palette-primary-base);
128
+ --menu-font-color-pressed: var(--palette-primary-base);
129
+ --submenu-font-color: var(--palette-primary-base-1);
130
+ --submenu-font-color-hovered: var(--palette-primary-base);
131
+ --submenu-font-color-pressed: var(--palette-primary-base);
132
+ --menu-background: var(--palette-primary-base-5);
133
+ --menu-background-hovered: var(--palette-primary-base-5);
134
+ --menu-background-pressed: var(--palette-primary-base-5);
135
+ --submenu-background: var(--palette-primary-base-5);
136
+ --submenu-background-hovered: var(--palette-primary-base-5);
137
+ --submenu-background-pressed: var(--palette-primary-base-5);
138
+ --menu-border-color: var(--border-color-default);
139
+
140
+ --left-slider-background: var(--palette-primary-base-5);
141
+ --right-slider-background: var(--palette-primary-base-5);
142
+
143
+ --right-slider-click-line-background: var(--palette-primary-base-3);
144
+ --right-slider-click-line-font-color: var(--palette-white);
145
+ --right-slider-click-line-background-hovered: var(--palette-primary-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-primary-base);
150
+ --left-slider-click-line-font-color: var(--palette-white);
151
+ --left-slider-click-line-background-hovered: var(--palette-primary-base-3);
152
+ --left-slider-click-line-font-color-hovered: var(--palette-white);
153
+ --left-slider-click-line-border-color: var(--palette-primary-base);
154
+
155
+ --admin-header-background-color: var(--palette-primary-base-4);
156
+ --admin-header-font-color: var(--palette-white);
157
+
158
+ --badge-primary-font-color: var(--palette-grey-1);
159
+ --badge-primary-background-color: var(--palette-grey-4);
160
+
161
+ --collaps-item-shadow-color: var(--palette-primary-base);
162
+ }
package/src/assets/styles/theme/blueLight.css ADDED
@@ -0,0 +1,187 @@
1
+ :root[data-theme='blueLight'] {
2
+ /* background, divider */
3
+
4
+ --border-color-default: var(--palette-secondary-base-3);
5
+
6
+ --background-color: #f5faff;
7
+ --background-color-sub: var(--palette-secondary-base-5);
8
+
9
+ /* font-color */
10
+ --font-color: #5f6a99;
11
+ --font-color-focus: #25293d;
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(--background-color);
97
+ --input-label-color: var(--palette-secondary-base-4);
98
+ --input-placeholder-color: var(--font-color);
99
+ --input-readonly-background: var(--palette-neutral-30);
100
+ --input-border-color: var(--background-color);
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: #5f6a99;
127
+ --menu-font-color-hovered: #5f6a99;
128
+ --menu-font-color-pressed: #5f6a99;
129
+ --submenu-font-color: #5f6a99;
130
+ --submenu-font-color-hovered: #5f6a99;
131
+ --submenu-font-color-pressed: #5f6a99;
132
+ --menu-background: var(--palette-white);
133
+ --menu-background-hovered: var(--palette-white);
134
+ --menu-background-pressed: var(--palette-white);
135
+ --submenu-background: var(--palette-white);
136
+ --submenu-background-hovered: var(--palette-white);
137
+ --submenu-background-pressed: var(--palette-white);
138
+ --menu-border-color: var(--border-color-default);
139
+
140
+ --left-slider-background: var(--palette-white);
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(--background-color);
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
+
163
+ /* modal window */
164
+ --modal-window-background-color: var(--palette-white);
165
+ --modal-divider-color: #e3e7fb;
166
+
167
+ /* progress bar */
168
+ --progress-bar-color: var(--palette-warning);
169
+ --progress-bar-full-color: var(--palette-success);
170
+
171
+ /* notification message */
172
+
173
+ --notification-message-primary-background-color: var(--palette-primary-base-5);
174
+ --notification-message-success-background-color: var(--palette-success-5);
175
+ --notification-message-warning-background-color: var(--palette-warning-5);
176
+ --notification-message-error-background-color: var(--palette-error-5);
177
+
178
+ --notification-message-primary-border-color: var(--palette-primary-base);
179
+ --notification-message-success-border-color: var(--palette-success);
180
+ --notification-message-warning-border-color: var(--palette-warning);
181
+ --notification-message-error-border-color: var(--palette-error);
182
+
183
+ --notification-message-primary-font-color: var(--palette-primary-base-2);
184
+ --notification-message-success-font-color: var(--palette-success-2);
185
+ --notification-message-warning-font-color: var(--palette-warning-2);
186
+ --notification-message-error-font-color: var(--palette-error-2);
187
+ }