@m4l/styles 6.4.0 → 6.5.1

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 (283) hide show
  1. package/config.d.ts +1 -1
  2. package/index.js +34 -30
  3. package/package.json +28 -13
  4. package/theme/breakpoints.d.ts +10 -0
  5. package/theme/index.js +1 -0
  6. package/theme/ourTheme.js +25 -0
  7. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +8 -1
  8. package/theme/overrides/M4LExtendedComponents/M4LAccordion.js +145 -0
  9. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +8 -1
  10. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.js +283 -0
  11. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +8 -1
  12. package/theme/overrides/M4LExtendedComponents/M4LAppBar.js +118 -0
  13. package/theme/overrides/M4LExtendedComponents/M4LAppBarCommercial.d.ts +8 -1
  14. package/theme/overrides/M4LExtendedComponents/M4LAppBarCommercial.js +25 -0
  15. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +8 -1
  16. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.js +498 -0
  17. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +10 -3
  18. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.js +565 -0
  19. package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts +7 -0
  20. package/theme/overrides/M4LExtendedComponents/M4LAvatar.js +46 -0
  21. package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts +8 -1
  22. package/theme/overrides/M4LExtendedComponents/M4LBadge.js +35 -0
  23. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +8 -1
  24. package/theme/overrides/M4LExtendedComponents/M4LButton.js +257 -0
  25. package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts +8 -1
  26. package/theme/overrides/M4LExtendedComponents/M4LCheckBox.js +83 -0
  27. package/theme/overrides/M4LExtendedComponents/M4LCommonActions.d.ts +8 -1
  28. package/theme/overrides/M4LExtendedComponents/M4LCommonActions.js +17 -0
  29. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +8 -1
  30. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.js +392 -0
  31. package/theme/overrides/M4LExtendedComponents/M4LErrorLabel.d.ts +8 -1
  32. package/theme/overrides/M4LExtendedComponents/M4LErrorLabel.js +28 -0
  33. package/theme/overrides/M4LExtendedComponents/M4LFieldLabel.d.ts +8 -1
  34. package/theme/overrides/M4LExtendedComponents/M4LFieldLabel.js +27 -0
  35. package/theme/overrides/M4LExtendedComponents/M4LFormatter.d.ts +7 -0
  36. package/theme/overrides/M4LExtendedComponents/M4LFormatter.js +21 -0
  37. package/theme/overrides/M4LExtendedComponents/M4LGridLayout.d.ts +8 -1
  38. package/theme/overrides/M4LExtendedComponents/M4LGridLayout.js +12 -0
  39. package/theme/overrides/M4LExtendedComponents/M4LHamburgerMenuCommercial.d.ts +8 -1
  40. package/theme/overrides/M4LExtendedComponents/M4LHamburgerMenuCommercial.js +14 -0
  41. package/theme/overrides/M4LExtendedComponents/M4LIcon.d.ts +8 -1
  42. package/theme/overrides/M4LExtendedComponents/M4LIcon.js +53 -0
  43. package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts +8 -1
  44. package/theme/overrides/M4LExtendedComponents/M4LIconButton.js +153 -0
  45. package/theme/overrides/M4LExtendedComponents/M4LImage.d.ts +7 -0
  46. package/theme/overrides/M4LExtendedComponents/M4LImage.js +15 -0
  47. package/theme/overrides/M4LExtendedComponents/M4LImageButton.d.ts +8 -1
  48. package/theme/overrides/M4LExtendedComponents/M4LImageButton.js +58 -0
  49. package/theme/overrides/M4LExtendedComponents/M4LMFLoader.d.ts +7 -0
  50. package/theme/overrides/M4LExtendedComponents/M4LMFLoader.js +23 -0
  51. package/theme/overrides/M4LExtendedComponents/M4LMap.d.ts +7 -0
  52. package/theme/overrides/M4LExtendedComponents/M4LMap.js +283 -0
  53. package/theme/overrides/M4LExtendedComponents/M4LMapGpsTools.d.ts +7 -0
  54. package/theme/overrides/M4LExtendedComponents/M4LMapGpsTools.js +62 -0
  55. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +10 -3
  56. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.js +38 -0
  57. package/theme/overrides/M4LExtendedComponents/M4LMenuActions.d.ts +7 -0
  58. package/theme/overrides/M4LExtendedComponents/M4LMenuActions.js +38 -0
  59. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +7 -0
  60. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.js +152 -0
  61. package/theme/overrides/M4LExtendedComponents/M4LModuleLayout.d.ts +7 -0
  62. package/theme/overrides/M4LExtendedComponents/M4LModuleLayout.js +21 -0
  63. package/theme/overrides/M4LExtendedComponents/M4LNavLink.d.ts +7 -0
  64. package/theme/overrides/M4LExtendedComponents/M4LNavLink.js +24 -0
  65. package/theme/overrides/M4LExtendedComponents/M4LNoItemSelected.d.ts +7 -0
  66. package/theme/overrides/M4LExtendedComponents/M4LNoItemSelected.js +24 -0
  67. package/theme/overrides/M4LExtendedComponents/M4LPDFViewer.d.ts +7 -0
  68. package/theme/overrides/M4LExtendedComponents/M4LPDFViewer.js +19 -0
  69. package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts +12 -5
  70. package/theme/overrides/M4LExtendedComponents/M4LPager.js +112 -0
  71. package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +8 -1
  72. package/theme/overrides/M4LExtendedComponents/M4LPaperForm.js +58 -0
  73. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +8 -1
  74. package/theme/overrides/M4LExtendedComponents/M4LPeriod.js +184 -0
  75. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +8 -1
  76. package/theme/overrides/M4LExtendedComponents/M4LPopover.js +95 -0
  77. package/theme/overrides/M4LExtendedComponents/M4LPrintingSystem.d.ts +9 -2
  78. package/theme/overrides/M4LExtendedComponents/M4LPrintingSystem.js +186 -0
  79. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +7 -0
  80. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.js +123 -0
  81. package/theme/overrides/M4LExtendedComponents/M4LRHFormProvider.d.ts +7 -0
  82. package/theme/overrides/M4LExtendedComponents/M4LRHFormProvider.js +19 -0
  83. package/theme/overrides/M4LExtendedComponents/M4LScrollBar.d.ts +8 -1
  84. package/theme/overrides/M4LExtendedComponents/M4LScrollBar.js +36 -0
  85. package/theme/overrides/M4LExtendedComponents/M4LSectionCommercial.d.ts +7 -0
  86. package/theme/overrides/M4LExtendedComponents/M4LSectionCommercial.js +23 -0
  87. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +8 -1
  88. package/theme/overrides/M4LExtendedComponents/M4LSideBar.js +1749 -0
  89. package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.d.ts +7 -0
  90. package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.js +142 -0
  91. package/theme/overrides/M4LExtendedComponents/M4LStack.d.ts +7 -0
  92. package/theme/overrides/M4LExtendedComponents/M4LStack.js +17 -0
  93. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +8 -1
  94. package/theme/overrides/M4LExtendedComponents/M4LTab.js +69 -0
  95. package/theme/overrides/M4LExtendedComponents/M4LTabContent.d.ts +8 -1
  96. package/theme/overrides/M4LExtendedComponents/M4LTabContent.js +35 -0
  97. package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts +8 -1
  98. package/theme/overrides/M4LExtendedComponents/M4LTabs.js +44 -0
  99. package/theme/overrides/M4LExtendedComponents/M4LTooltip.d.ts +8 -1
  100. package/theme/overrides/M4LExtendedComponents/M4LTooltip.js +26 -0
  101. package/theme/overrides/M4LExtendedComponents/M4LTopBar.d.ts +7 -0
  102. package/theme/overrides/M4LExtendedComponents/M4LTopBar.js +71 -0
  103. package/theme/overrides/M4LExtendedComponents/M4LTypography.d.ts +7 -0
  104. package/theme/overrides/M4LExtendedComponents/M4LTypography.js +16 -0
  105. package/theme/overrides/M4LExtendedComponents/M4LanguagePopover.d.ts +8 -1
  106. package/theme/overrides/M4LExtendedComponents/M4LanguagePopover.js +25 -0
  107. package/theme/overrides/M4LExtendedComponents/M4LinearProgressIndeterminate.d.ts +7 -0
  108. package/theme/overrides/M4LExtendedComponents/M4LinearProgressIndeterminate.js +58 -0
  109. package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts +8 -1
  110. package/theme/overrides/M4LExtendedComponents/M4LoadingButton.js +243 -0
  111. package/theme/overrides/M4LExtendedComponents/M4LoadingError.d.ts +10 -3
  112. package/theme/overrides/M4LExtendedComponents/M4LoadingError.js +71 -0
  113. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +8 -1
  114. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.js +384 -0
  115. package/theme/overrides/M4LRHFComponents/M4LRHFAutocompleteAsync.d.ts +7 -0
  116. package/theme/overrides/M4LRHFComponents/M4LRHFAutocompleteAsync.js +13 -0
  117. package/theme/overrides/M4LRHFComponents/M4LRHFCheckbox.d.ts +8 -1
  118. package/theme/overrides/M4LRHFComponents/M4LRHFCheckbox.js +80 -0
  119. package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts +8 -1
  120. package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.js +133 -0
  121. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +8 -1
  122. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.js +184 -0
  123. package/theme/overrides/M4LRHFComponents/M4LRHFPeriod.d.ts +7 -0
  124. package/theme/overrides/M4LRHFComponents/M4LRHFPeriod.js +12 -0
  125. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +8 -1
  126. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.js +175 -0
  127. package/theme/overrides/M4LRHFComponents/M4LRHFTextFieldPassword.d.ts +7 -0
  128. package/theme/overrides/M4LRHFComponents/M4LRHFTextFieldPassword.js +12 -0
  129. package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.d.ts +19 -12
  130. package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.js +188 -0
  131. package/theme/overrides/MUIComponents/Accordion.d.ts +10 -3
  132. package/theme/overrides/MUIComponents/Accordion.js +80 -0
  133. package/theme/overrides/MUIComponents/Alert.d.ts +104 -0
  134. package/theme/overrides/MUIComponents/Autocomplete.d.ts +8 -1
  135. package/theme/overrides/MUIComponents/Autocomplete.js +38 -0
  136. package/theme/overrides/MUIComponents/Avatar.d.ts +7 -0
  137. package/theme/overrides/MUIComponents/Avatar.js +30 -0
  138. package/theme/overrides/MUIComponents/Backdrop.d.ts +15 -1
  139. package/theme/overrides/MUIComponents/Backdrop.js +24 -0
  140. package/theme/overrides/MUIComponents/Badge.d.ts +8 -1
  141. package/theme/overrides/MUIComponents/Badge.js +18 -0
  142. package/theme/overrides/MUIComponents/Breadcrumbs.d.ts +8 -1
  143. package/theme/overrides/MUIComponents/Breadcrumbs.js +15 -0
  144. package/theme/overrides/MUIComponents/Button.d.ts +7 -0
  145. package/theme/overrides/MUIComponents/Button.js +68 -0
  146. package/theme/overrides/MUIComponents/ButtonGroup.d.ts +8 -1
  147. package/theme/overrides/MUIComponents/ButtonGroup.js +45 -0
  148. package/theme/overrides/MUIComponents/Card.d.ts +8 -1
  149. package/theme/overrides/MUIComponents/Card.js +36 -0
  150. package/theme/overrides/MUIComponents/Checkbox.d.ts +8 -1
  151. package/theme/overrides/MUIComponents/Checkbox.js +47 -0
  152. package/theme/overrides/MUIComponents/Chip.d.ts +47 -0
  153. package/theme/overrides/MUIComponents/CmpDisenoTest.d.ts +7 -0
  154. package/theme/overrides/MUIComponents/CmpDisenoTest.js +8 -0
  155. package/theme/overrides/MUIComponents/ControlLabel.d.ts +10 -3
  156. package/theme/overrides/MUIComponents/ControlLabel.js +28 -0
  157. package/theme/overrides/MUIComponents/CssBaseline.d.ts +8 -1
  158. package/theme/overrides/MUIComponents/CssBaseline.js +46 -0
  159. package/theme/overrides/MUIComponents/CustomIcons.d.ts +105 -0
  160. package/theme/overrides/MUIComponents/DataGrid.d.ts +8 -1
  161. package/theme/overrides/MUIComponents/DataGrid.js +100 -0
  162. package/theme/overrides/MUIComponents/Drawer.d.ts +8 -1
  163. package/theme/overrides/MUIComponents/Drawer.js +44 -0
  164. package/theme/overrides/MUIComponents/Fab.d.ts +8 -1
  165. package/theme/overrides/MUIComponents/Fab.js +38 -0
  166. package/theme/overrides/MUIComponents/IconButton.d.ts +8 -1
  167. package/theme/overrides/MUIComponents/IconButton.js +33 -0
  168. package/theme/overrides/MUIComponents/Input.d.ts +11 -4
  169. package/theme/overrides/MUIComponents/Input.js +99 -0
  170. package/theme/overrides/MUIComponents/InputLabel.d.ts +8 -1
  171. package/theme/overrides/MUIComponents/InputLabel.js +18 -0
  172. package/theme/overrides/MUIComponents/Link.d.ts +8 -1
  173. package/theme/overrides/MUIComponents/Link.js +19 -0
  174. package/theme/overrides/MUIComponents/List.d.ts +8 -1
  175. package/theme/overrides/MUIComponents/List.js +36 -0
  176. package/theme/overrides/MUIComponents/LoadingButton.d.ts +10 -3
  177. package/theme/overrides/MUIComponents/LoadingButton.js +27 -0
  178. package/theme/overrides/MUIComponents/Menu.d.ts +8 -1
  179. package/theme/overrides/MUIComponents/Menu.js +20 -0
  180. package/theme/overrides/MUIComponents/Pagination.d.ts +7 -0
  181. package/theme/overrides/MUIComponents/Pagination.js +38 -0
  182. package/theme/overrides/MUIComponents/Paper.d.ts +7 -0
  183. package/theme/overrides/MUIComponents/Paper.js +71 -0
  184. package/theme/overrides/MUIComponents/Popover.d.ts +8 -1
  185. package/theme/overrides/MUIComponents/Popover.js +12 -0
  186. package/theme/overrides/MUIComponents/Progress.d.ts +8 -1
  187. package/theme/overrides/MUIComponents/Progress.js +25 -0
  188. package/theme/overrides/MUIComponents/Radio.d.ts +8 -1
  189. package/theme/overrides/MUIComponents/Radio.js +20 -0
  190. package/theme/overrides/MUIComponents/Rating.d.ts +38 -0
  191. package/theme/overrides/MUIComponents/Select.d.ts +15 -0
  192. package/theme/overrides/MUIComponents/Skeleton.d.ts +8 -1
  193. package/theme/overrides/MUIComponents/Skeleton.js +17 -0
  194. package/theme/overrides/MUIComponents/Slider.d.ts +8 -1
  195. package/theme/overrides/MUIComponents/Slider.js +28 -0
  196. package/theme/overrides/MUIComponents/Stepper.d.ts +8 -1
  197. package/theme/overrides/MUIComponents/Stepper.js +14 -0
  198. package/theme/overrides/MUIComponents/SvgIcon.d.ts +8 -1
  199. package/theme/overrides/MUIComponents/SvgIcon.js +21 -0
  200. package/theme/overrides/MUIComponents/Switch.d.ts +8 -1
  201. package/theme/overrides/MUIComponents/Switch.js +33 -0
  202. package/theme/overrides/MUIComponents/Table.d.ts +16 -9
  203. package/theme/overrides/MUIComponents/Table.js +89 -0
  204. package/theme/overrides/MUIComponents/Timeline.d.ts +8 -1
  205. package/theme/overrides/MUIComponents/Timeline.js +21 -0
  206. package/theme/overrides/MUIComponents/ToggleButton.d.ts +7 -0
  207. package/theme/overrides/MUIComponents/ToggleButton.js +54 -0
  208. package/theme/overrides/MUIComponents/Tooltip.d.ts +8 -1
  209. package/theme/overrides/MUIComponents/Tooltip.js +18 -0
  210. package/theme/overrides/MUIComponents/TreeView.d.ts +853 -0
  211. package/theme/overrides/MUIComponents/Typography.d.ts +8 -1
  212. package/theme/overrides/MUIComponents/Typography.js +23 -0
  213. package/theme/overrides/index.d.ts +8 -1
  214. package/theme/overrides/index.js +213 -0
  215. package/theme/palette/baseColors.js +395 -0
  216. package/theme/palette/baseOpacityColors.d.ts +2 -2
  217. package/theme/palette/baseOpacityColors.js +133 -0
  218. package/theme/palette/commonColors.js +7 -0
  219. package/theme/palette/defaultColors.d.ts +5 -5
  220. package/theme/palette/defaultColors.js +38 -0
  221. package/theme/palette/greyPalette.js +29 -0
  222. package/theme/palette/index.js +1 -0
  223. package/theme/palette/presetColors.d.ts +3 -3
  224. package/theme/palette/presetColors.js +225 -0
  225. package/theme/palette/semanticColors.d.ts +4 -4
  226. package/theme/palette/semanticColors.js +161 -0
  227. package/theme/shadows.d.ts +4 -1
  228. package/theme/{shadows-BTb924yW.js → shadows.js} +23 -21
  229. package/theme/sizes/baseBorder.d.ts +1 -1
  230. package/theme/sizes/baseBorder.js +7 -0
  231. package/theme/sizes/baseBorderRadius.d.ts +2 -2
  232. package/theme/sizes/baseBorderRadius.js +12 -0
  233. package/theme/sizes/baseSizes.d.ts +2 -2
  234. package/theme/sizes/baseSizes.js +24 -0
  235. package/theme/sizes/index.js +1 -0
  236. package/theme/sizes/pointerQr.d.ts +1 -1
  237. package/theme/sizes/pointerQr.js +38 -0
  238. package/theme/sizes/size.d.ts +1 -1
  239. package/theme/sizes/size.js +26 -0
  240. package/theme/sizes/types.d.ts +33 -37
  241. package/theme/sizes/types.js +1 -0
  242. package/theme/typography/baseFontSize.d.ts +1 -1
  243. package/theme/typography/baseFontSize.js +56 -0
  244. package/theme/typography/baseLetterSpacing.d.ts +1 -1
  245. package/theme/typography/baseLetterSpacing.js +6 -0
  246. package/theme/typography/baseLineHeight.d.ts +1 -1
  247. package/theme/typography/baseLineHeight.js +12 -0
  248. package/theme/typography/baseWeight.d.ts +1 -1
  249. package/theme/typography/baseWeight.js +8 -0
  250. package/theme/typography/types.d.ts +14 -14
  251. package/theme/typography/typography.d.ts +1 -1
  252. package/theme/typography/typography.js +14 -0
  253. package/theme/typography/typographySizes.d.ts +1 -1
  254. package/theme/typography/typographySizes.js +259 -0
  255. package/theme/typography.d.ts +3 -3
  256. package/theme/typography.js +134 -0
  257. package/types/augmentations.d.js +1 -0
  258. package/types/augmentations.d.ts +158 -160
  259. package/types/index.js +1 -0
  260. package/types/types.d.ts +25 -25
  261. package/types/types.js +1 -0
  262. package/utils/getColorPresets.d.ts +7 -0
  263. package/utils/getColorPresets.js +14 -0
  264. package/utils/getColorState.d.ts +8 -1
  265. package/utils/getFontValue.d.ts +7 -7
  266. package/utils/getFontValue.js +24 -0
  267. package/utils/getPaletteByPreset.d.ts +20 -13
  268. package/utils/getPaletteByPreset.js +142 -0
  269. package/utils/index.js +1 -0
  270. package/utils/useResponsive.d.ts +11 -4
  271. package/vite-env.d.ts +3 -3
  272. package/theme/index-DMfun8ST.js +0 -236
  273. package/theme/overrides/M4LExtendedComponents/index-BciWnNTM.js +0 -6773
  274. package/theme/overrides/M4LRHFComponents/index-Dv4h8DSV.js +0 -1157
  275. package/theme/overrides/MUIComponents/index-DrBJTI1s.js +0 -1325
  276. package/theme/overrides/index-Bc-JdivL.js +0 -116
  277. package/theme/palette-C5yYre7Z.js +0 -963
  278. package/theme/typography-CaSN0-2L.js +0 -457
  279. package/utils/getColorPresets-CJ_S_BFb.js +0 -14
  280. package/utils/getFontValue-BEO-XID9.js +0 -40
  281. /package/{config-B8bZIPuH.js → config.js} +0 -0
  282. /package/utils/{getColorState-D1JKXD4T.js → getColorState.js} +0 -0
  283. /package/utils/{useResponsive-DaeQVwlH.js → useResponsive.js} +0 -0
@@ -1,963 +0,0 @@
1
- import { alpha as a } from "@mui/material/styles";
2
- const t = {
3
- patronusBlue: {
4
- toneOpacity10: "#EBF3FF",
5
- // comprobado
6
- toneOpacity20: "#263747",
7
- // comprobado
8
- 10: "#DBE9FF",
9
- // comprobado
10
- 20: "#B6D3FF",
11
- // comprobado
12
- 30: "#6DA8FF",
13
- // comprobado
14
- 40: "#3787FF",
15
- // comprobado
16
- 50: "#0064FF",
17
- // comprobado
18
- 60: "#0050C8",
19
- // comprobado
20
- 70: "#003A92",
21
- // comprobado
22
- 80: "#00245B",
23
- // comprobado
24
- 90: "#000F24",
25
- // comprobado
26
- 100: "#2C4053"
27
- // Todo: Validar este color desde figma
28
- },
29
- crayonBlue: {
30
- toneOpacity10: "#E5EEFC",
31
- // comprobado
32
- toneOpacity20: "#263543",
33
- // comprobado
34
- 10: "#D7E6FC",
35
- // comprobado
36
- 20: "#BBD4FA",
37
- // comprobado
38
- 30: "#A4C6F9",
39
- // comprobado
40
- 40: "#87B4F7",
41
- // comprobado
42
- 50: "#5494F3",
43
- // comprobado
44
- 60: "#2B7BF0",
45
- // comprobado
46
- 70: "#1064E0",
47
- // comprobado
48
- 80: "#0E56C2",
49
- // comprobado
50
- 90: "#0A3F8F",
51
- // comprobado
52
- 100: "#113366"
53
- // Todo: Validar este color desde figma
54
- },
55
- middleYellow: {
56
- toneOpacity10: "#FBF9E0",
57
- // comprobado
58
- toneOpacity20: "#3C4027",
59
- // comprobado
60
- 10: "#FFFDE9",
61
- // comprobado
62
- 20: "#FFFBC5",
63
- // comprobado
64
- 30: "#FFF688",
65
- // comprobado
66
- 40: "#FFF25A",
67
- // comprobado
68
- 50: "#FFEF26",
69
- // comprobado
70
- 60: "#EFDD00",
71
- // comprobado
72
- 70: "#D0C000",
73
- // comprobado
74
- 80: "#BBAD00",
75
- // comprobado
76
- 90: "#877D00",
77
- // comprobado
78
- 100: "#353100"
79
- // Todo: Validar este color desde figma
80
- },
81
- acidGreen: {
82
- toneOpacity10: "#E9F8E5",
83
- // comprobado
84
- toneOpacity20: "#2A3F2C",
85
- // comprobado
86
- 10: "#ECFAEA",
87
- // comprobado
88
- 20: "#C7F1BF",
89
- // comprobado
90
- 30: "#A2E794",
91
- // comprobado
92
- 40: "#7CDE69",
93
- // comprobado
94
- 50: "#47CC2D",
95
- // comprobado
96
- 60: "#3CAD26",
97
- // comprobado
98
- 70: "#2E851D",
99
- // comprobado
100
- 80: "#246617",
101
- // comprobado
102
- 90: "#153D0E",
103
- // comprobado
104
- 100: "#0B3D00"
105
- // Todo: Validar este color desde figma
106
- },
107
- grassGreen: {
108
- toneOpacity10: "#D9ECE6",
109
- // comprobado
110
- toneOpacity20: "#27423A",
111
- // comprobado
112
- 10: "#E3F4EB",
113
- // comprobado
114
- 20: "#AADEC2",
115
- // comprobado
116
- 30: "#7BCCA1",
117
- // comprobado
118
- 40: "#3FA26D",
119
- // comprobado
120
- 50: "#00804C",
121
- // comprobado
122
- 60: "#005B37",
123
- // comprobado
124
- 70: "#004026",
125
- // comprobado
126
- 80: "#002416",
127
- // comprobado
128
- 90: "#00120B",
129
- // comprobado
130
- 100: "#2C433D"
131
- // Todo: Validar este color desde figma
132
- },
133
- desertBeige: {
134
- toneOpacity10: "#F2F0EB",
135
- // comprobado
136
- toneOpacity20: "#454742",
137
- // comprobado
138
- 10: "#F6EBE2",
139
- // comprobado
140
- 20: "#EDD7C5",
141
- // comprobado
142
- 30: "#E7CAB1",
143
- // comprobado
144
- 40: "#DDB490",
145
- // comprobado
146
- 50: "#D4A276",
147
- // comprobado
148
- 60: "#BD8F68",
149
- // comprobado
150
- 70: "#AD794C",
151
- // comprobado
152
- 80: "#90653F",
153
- // comprobado
154
- 90: "#735133",
155
- // comprobado
156
- 100: "#454742"
157
- // Todo: Validar este color desde figma
158
- },
159
- turquiBlue: {
160
- toneOpacity10: "#DEE9EB",
161
- // comprobado
162
- toneOpacity20: "#314042",
163
- // comprobado
164
- 10: "#C8E1EC",
165
- // comprobado
166
- 20: "#A3CDDF",
167
- // comprobado
168
- 30: "#76A5BA",
169
- // comprobado
170
- 40: "#377F9D",
171
- // comprobado
172
- 50: "#2A6077",
173
- // comprobado
174
- 60: "#214C5F",
175
- // comprobado
176
- 70: "#1B3F4E",
177
- // comprobado
178
- 80: "#15313C",
179
- // comprobado
180
- 90: "#0F232B",
181
- // comprobado
182
- 100: "#314042"
183
- // Todo: Validar este color desde figma
184
- },
185
- blazeOrange: {
186
- toneOpacity10: "#F4EFE1",
187
- // comprobado
188
- toneOpacity20: "#474638",
189
- // comprobado
190
- 10: "#F9E9D0",
191
- // comprobado
192
- 20: "#F4D3A1",
193
- // comprobado
194
- 30: "#F2BD6D",
195
- // comprobado
196
- 40: "#EBAE53",
197
- // comprobado
198
- 50: "#E59722",
199
- // comprobado
200
- 60: "#BA7916",
201
- // comprobado
202
- 70: "#925F11",
203
- // comprobado
204
- 80: "#774D0E",
205
- // comprobado
206
- 90: "#55370A",
207
- // comprobado
208
- 100: "#474638"
209
- // Todo: Validar este color desde figma
210
- },
211
- flameRed: {
212
- toneOpacity10: "#FCDEDC",
213
- // comprobado
214
- toneOpacity20: "#3E3231",
215
- // comprobado
216
- 10: "#FCDEDC",
217
- // comprobado
218
- 20: "#F9BDB9",
219
- // comprobado
220
- 30: "#F79D96",
221
- // comprobado
222
- 40: "#F47C73",
223
- // comprobado
224
- 50: "#F15B50",
225
- // comprobado
226
- 60: "#EE382B",
227
- // comprobado
228
- 70: "#D01E11",
229
- // comprobado
230
- 80: "#8A0F0F",
231
- // Todo: Validar este color desde figma
232
- 90: "#660C0C",
233
- // Todo: Validar este color desde figma
234
- 100: "#660C0C"
235
- // Todo: Validar este color desde figma
236
- },
237
- coolGrey: {
238
- toneOpacity10: "#",
239
- // No aplica
240
- toneOpacity20: "#",
241
- // No aplica
242
- 10: "#BAC6CC",
243
- // comprobado
244
- 20: "#A7B4B9",
245
- // comprobado
246
- 30: "#94A1A6",
247
- // comprobado
248
- 40: "#818F93",
249
- // comprobado
250
- 50: "#687180",
251
- // comprobado
252
- 60: "#5C696C",
253
- // comprobado
254
- 70: "#495859",
255
- // comprobado
256
- 80: "#364546",
257
- // comprobado
258
- 90: "#233333",
259
- // comprobado
260
- 100: "#233333"
261
- // Todo: Validar este color desde figma
262
- },
263
- brown: {
264
- toneOpacity10: "#ECEAE6",
265
- // comprobado
266
- toneOpacity20: "#43433E",
267
- // comprobado
268
- 10: "#DFC9BD",
269
- // comprobado
270
- 20: "#C59D88",
271
- // comprobado
272
- 30: "#B8886E",
273
- // comprobado
274
- 40: "#B17D61",
275
- // comprobado
276
- 50: "#9E694D",
277
- // comprobado
278
- 60: "#875A42",
279
- // comprobado
280
- 70: "#7C533D",
281
- // comprobado
282
- 80: "#704B37",
283
- // comprobado
284
- 90: "#654432",
285
- // comprobado
286
- 100: "#3F413D"
287
- // Todo: Validar este color desde figma
288
- },
289
- marbleLight: {
290
- toneOpacity10: "#",
291
- // No aplica
292
- toneOpacity20: "#",
293
- // No aplica
294
- 10: "#FFFFFF",
295
- // comprobado
296
- 20: "#F9FAFA",
297
- // comprobado
298
- 30: "#F4F5F5",
299
- // comprobado
300
- 40: "#F0F4F4",
301
- // comprobado
302
- 50: "#E6E8EA",
303
- // comprobado
304
- 60: "#E1E9EA",
305
- // comprobado
306
- 70: "#E2E7E9",
307
- // comprobado
308
- 80: "#fff0",
309
- // Todo: Validar este color desde figma
310
- 90: "#fff0",
311
- // Todo: Validar este color desde figma
312
- 100: "#fff0"
313
- // Todo: Validar este color desde figma
314
- },
315
- onyx: {
316
- toneOpacity10: "#",
317
- // No aplica
318
- toneOpacity20: "#",
319
- // No aplica
320
- 10: "#364040",
321
- // comprobado
322
- 20: "#323B3B",
323
- // comprobado
324
- 30: "#2A3232",
325
- // comprobado
326
- 40: "#252C2C",
327
- // comprobado
328
- 50: "#212727",
329
- // comprobado
330
- 60: "#1C212",
331
- // comprobado
332
- 70: "#090A0A",
333
- // comprobado
334
- 80: "#fff0",
335
- // Todo: Validar este color desde figma
336
- 90: "#fff0",
337
- // Todo: Validar este color desde figma
338
- 100: "#fff0"
339
- // Todo: Validar este color desde figma
340
- },
341
- mint: {
342
- toneOpacity10: "#",
343
- // No aplica
344
- toneOpacity20: "#",
345
- // No aplica
346
- 10: "#9BB4CA",
347
- // comprobado
348
- 20: "#A1BDD9",
349
- // comprobado
350
- 30: "#A6C5E2",
351
- // comprobado
352
- 40: "#BCD6F0",
353
- // comprobado
354
- 50: "#C8E1F9",
355
- // comprobado
356
- 60: "#BFDBF8",
357
- // comprobado
358
- 70: "#C3DEFE",
359
- // comprobado
360
- 80: "#DFE7F2",
361
- // comprobado
362
- 90: "#F1F2F4",
363
- // comprobado
364
- 100: "#F1F2F4"
365
- // Todo: Validar este color desde figma
366
- },
367
- oxford: {
368
- toneOpacity10: "#F9FAFA",
369
- // comprobado
370
- toneOpacity20: "#2A3232",
371
- // comprobado
372
- 10: "#F7F8F9",
373
- // comprobado
374
- 20: "#DCDFE4",
375
- // comprobado
376
- 30: "#A7ADB8",
377
- // comprobado
378
- 40: "#8590A2",
379
- // comprobado
380
- 50: "#758195",
381
- // comprobado
382
- 60: "#626F86",
383
- // comprobado
384
- 70: "#44546F",
385
- // comprobado
386
- 80: "#2C3E5D",
387
- // comprobado
388
- 90: "#091E42",
389
- // comprobado
390
- 100: "#091E42"
391
- // Todo: Validar este color desde figma
392
- }
393
- }, e = {
394
- patronus: {
395
- 10: a(t.patronusBlue[50], 0.08),
396
- 20: a(t.patronusBlue[50], 0.12),
397
- 30: a(t.patronusBlue[50], 0.16),
398
- 40: a(t.patronusBlue[50], 0.32),
399
- 50: a(t.patronusBlue[50], 0.48),
400
- 60: a(t.patronusBlue[50], 0.6),
401
- 70: a(t.patronusBlue[50], 0.72)
402
- },
403
- turqui: {
404
- 10: a(t.turquiBlue[50], 0.08),
405
- 20: a(t.turquiBlue[50], 0.12),
406
- 30: a(t.turquiBlue[50], 0.16),
407
- 40: a(t.turquiBlue[50], 0.32),
408
- 50: a(t.turquiBlue[50], 0.48),
409
- 60: a(t.turquiBlue[50], 0.6),
410
- 70: a(t.turquiBlue[50], 0.72)
411
- },
412
- grass: {
413
- 10: a(t.grassGreen[50], 0.08),
414
- 20: a(t.grassGreen[50], 0.12),
415
- 30: a(t.grassGreen[50], 0.16),
416
- 40: a(t.grassGreen[50], 0.32),
417
- 50: a(t.grassGreen[50], 0.48),
418
- 60: a(t.grassGreen[50], 0.6),
419
- 70: a(t.grassGreen[50], 0.72)
420
- },
421
- brown: {
422
- 10: a(t.brown[50], 0.08),
423
- 20: a(t.brown[50], 0.12),
424
- 30: a(t.brown[50], 0.16),
425
- 40: a(t.brown[50], 0.32),
426
- 50: a(t.brown[50], 0.48),
427
- 60: a(t.brown[50], 0.6),
428
- 70: a(t.brown[50], 0.72)
429
- },
430
- beige: {
431
- 10: a(t.desertBeige[50], 0.08),
432
- 20: a(t.desertBeige[50], 0.12),
433
- 30: a(t.desertBeige[50], 0.16),
434
- 40: a(t.desertBeige[50], 0.32),
435
- 50: a(t.desertBeige[50], 0.48),
436
- 60: a(t.desertBeige[50], 0.6),
437
- 70: a(t.desertBeige[50], 0.72)
438
- },
439
- blaze: {
440
- 10: a(t.blazeOrange[50], 0.08),
441
- 20: a(t.blazeOrange[50], 0.12),
442
- 30: a(t.blazeOrange[50], 0.16),
443
- 40: a(t.blazeOrange[50], 0.32),
444
- 50: a(t.blazeOrange[50], 0.48),
445
- 60: a(t.blazeOrange[50], 0.6),
446
- 70: a(t.blazeOrange[50], 0.72)
447
- },
448
- cool: {
449
- 10: a(t.coolGrey[70], 0.08),
450
- 20: a(t.coolGrey[70], 0.12),
451
- 30: a(t.coolGrey[70], 0.16),
452
- 40: a(t.coolGrey[70], 0.32),
453
- 50: a(t.coolGrey[70], 0.48),
454
- 60: a(t.coolGrey[70], 0.6),
455
- 70: a(t.coolGrey[70], 0.72)
456
- },
457
- marble: {
458
- 10: a(t.marbleLight[10], 0.08),
459
- 20: a(t.marbleLight[10], 0.16),
460
- 30: a(t.marbleLight[10], 0.12),
461
- 40: a(t.marbleLight[10], 0.32),
462
- 50: a(t.marbleLight[10], 0.48),
463
- 60: a(t.marbleLight[10], 0.6),
464
- 70: a(t.marbleLight[10], 0.72)
465
- },
466
- oxford: {
467
- 10: a(t.oxford[90], 0.04),
468
- 20: a(t.oxford[90], 0.08),
469
- 30: a(t.oxford[90], 0.12),
470
- 40: a(t.oxford[90], 0.2),
471
- 50: a(t.oxford[90], 0.31),
472
- 60: a(t.oxford[90], 0.49),
473
- 70: a(t.oxford[90], 0.7)
474
- },
475
- mint: {
476
- 10: a(t.mint[40], 0.04),
477
- 20: a(t.mint[20], 0.08),
478
- 30: a(t.mint[50], 0.1),
479
- 40: a(t.mint[30], 0.14),
480
- 50: a(t.mint[70], 0.18),
481
- 60: a(t.mint[60], 0.28),
482
- 70: a(t.mint[10], 0.5)
483
- },
484
- middle: {
485
- 10: a(t.middleYellow[50], 0.08),
486
- 20: a(t.middleYellow[50], 0.12),
487
- 30: a(t.middleYellow[50], 0.16),
488
- 40: a(t.middleYellow[50], 0.32),
489
- 50: a(t.middleYellow[50], 0.48),
490
- 60: a(t.middleYellow[50], 0.6),
491
- 70: a(t.middleYellow[50], 0.72)
492
- },
493
- acid: {
494
- 10: a(t.acidGreen[50], 0.08),
495
- 20: a(t.acidGreen[50], 0.12),
496
- 30: a(t.acidGreen[50], 0.16),
497
- 40: a(t.acidGreen[50], 0.32),
498
- 50: a(t.acidGreen[50], 0.48),
499
- 60: a(t.acidGreen[50], 0.6),
500
- 70: a(t.acidGreen[50], 0.72)
501
- },
502
- flame: {
503
- 10: a(t.flameRed[50], 0.08),
504
- 20: a(t.flameRed[50], 0.12),
505
- 30: a(t.flameRed[50], 0.16),
506
- 40: a(t.flameRed[50], 0.32),
507
- 50: a(t.flameRed[50], 0.48),
508
- 60: a(t.flameRed[50], 0.6),
509
- 70: a(t.flameRed[50], 0.72)
510
- },
511
- crayon: {
512
- 10: a(t.crayonBlue[50], 0.08),
513
- 20: a(t.crayonBlue[50], 0.12),
514
- 30: a(t.crayonBlue[50], 0.16),
515
- 40: a(t.crayonBlue[50], 0.32),
516
- 50: a(t.crayonBlue[50], 0.48),
517
- 60: a(t.crayonBlue[50], 0.6),
518
- 70: a(t.crayonBlue[50], 0.72)
519
- }
520
- }, r = {
521
- patronus: {
522
- main: t.patronusBlue[50],
523
- lighter: t.patronusBlue[70],
524
- light: t.patronusBlue[40],
525
- dark: t.patronusBlue[30],
526
- darker: t.patronusBlue[10],
527
- contrastText: t.marbleLight[30],
528
- toneOpacityLight: t.patronusBlue.toneOpacity10,
529
- toneOpacityDark: t.patronusBlue.toneOpacity20,
530
- opacityLight: e.patronus[10],
531
- opacityDark: e.patronus[20],
532
- borderMainDark: e.patronus[50],
533
- borderMainLight: e.patronus[50]
534
- },
535
- turqui: {
536
- lighter: t.turquiBlue[70],
537
- light: t.turquiBlue[40],
538
- main: t.turquiBlue[50],
539
- dark: t.turquiBlue[30],
540
- darker: t.turquiBlue[10],
541
- contrastText: t.marbleLight[30],
542
- toneOpacityLight: t.marbleLight.toneOpacity10,
543
- toneOpacityDark: t.marbleLight.toneOpacity20,
544
- opacityLight: e.turqui[10],
545
- opacityDark: e.turqui[20],
546
- borderMainDark: e.turqui[50],
547
- borderMainLight: e.turqui[50]
548
- },
549
- grass: {
550
- lighter: t.grassGreen[70],
551
- light: t.grassGreen[40],
552
- main: t.grassGreen[50],
553
- dark: t.grassGreen[30],
554
- darker: t.grassGreen[10],
555
- contrastText: t.marbleLight[30],
556
- toneOpacityLight: t.grassGreen.toneOpacity10,
557
- toneOpacityDark: t.grassGreen.toneOpacity20,
558
- opacityLight: e.turqui[10],
559
- opacityDark: e.turqui[20],
560
- borderMainDark: e.turqui[50],
561
- borderMainLight: e.turqui[50]
562
- },
563
- brown: {
564
- lighter: t.brown[70],
565
- light: t.brown[40],
566
- main: t.brown[50],
567
- dark: t.brown[30],
568
- darker: t.brown[10],
569
- contrastText: t.marbleLight[30],
570
- toneOpacityLight: t.brown.toneOpacity10,
571
- toneOpacityDark: t.brown.toneOpacity20,
572
- opacityLight: e.turqui[10],
573
- opacityDark: e.turqui[20],
574
- borderMainDark: e.turqui[50],
575
- borderMainLight: e.turqui[50]
576
- },
577
- blaze: {
578
- lighter: t.blazeOrange[70],
579
- light: t.blazeOrange[40],
580
- main: t.blazeOrange[50],
581
- dark: t.blazeOrange[30],
582
- darker: t.blazeOrange[10],
583
- contrastText: t.marbleLight[30],
584
- toneOpacityLight: t.blazeOrange.toneOpacity10,
585
- toneOpacityDark: t.blazeOrange.toneOpacity20,
586
- opacityLight: e.blaze[10],
587
- opacityDark: e.blaze[20],
588
- borderMainDark: e.blaze[50],
589
- borderMainLight: e.blaze[50]
590
- }
591
- }, l = {
592
- patronus: {
593
- main: r.patronus.main,
594
- focusVisible: r.patronus.light,
595
- focusActive: r.patronus.lighter,
596
- hover: r.patronus.light,
597
- opacity: r.patronus.opacityLight,
598
- toneOpacity: r.patronus.toneOpacityLight,
599
- contrastText: r.patronus.contrastText,
600
- //Por compatibilidad con MUI
601
- hoverOpacity: r.patronus.opacityLight,
602
- light: r.patronus.light,
603
- dark: r.patronus.dark
604
- },
605
- blaze: {
606
- main: r.blaze.main,
607
- focusVisible: r.blaze.light,
608
- focusActive: r.blaze.lighter,
609
- hover: r.blaze.light,
610
- opacity: r.blaze.opacityLight,
611
- toneOpacity: r.blaze.toneOpacityLight,
612
- contrastText: r.blaze.contrastText,
613
- hoverOpacity: r.blaze.opacityLight,
614
- //Por compatibilidad con MUI
615
- light: r.blaze.light,
616
- dark: r.blaze.dark
617
- },
618
- brown: {
619
- main: r.brown.main,
620
- focusVisible: r.brown.light,
621
- focusActive: r.brown.lighter,
622
- hover: r.brown.light,
623
- opacity: r.brown.opacityLight,
624
- toneOpacity: r.brown.toneOpacityLight,
625
- contrastText: r.brown.contrastText,
626
- hoverOpacity: r.brown.opacityLight,
627
- //Por compatibilidad con MUI
628
- light: r.brown.light,
629
- dark: r.brown.dark
630
- },
631
- grass: {
632
- main: r.grass.main,
633
- focusVisible: r.grass.light,
634
- focusActive: r.grass.lighter,
635
- hover: r.grass.light,
636
- opacity: r.grass.opacityLight,
637
- toneOpacity: r.grass.toneOpacityLight,
638
- contrastText: r.grass.contrastText,
639
- hoverOpacity: r.grass.opacityLight,
640
- //Por compatibilidad con MUI
641
- light: r.grass.light,
642
- dark: r.grass.dark
643
- },
644
- turqui: {
645
- main: r.turqui.main,
646
- focusVisible: r.turqui.light,
647
- focusActive: r.turqui.lighter,
648
- hover: r.turqui.light,
649
- opacity: r.turqui.opacityLight,
650
- toneOpacity: r.turqui.toneOpacityLight,
651
- contrastText: r.turqui.contrastText,
652
- hoverOpacity: r.turqui.opacityLight,
653
- //Por compatibilidad con MUI
654
- light: r.turqui.light,
655
- dark: r.turqui.dark
656
- }
657
- }, g = {
658
- patronus: {
659
- main: r.patronus.main,
660
- focusVisible: r.patronus.light,
661
- // validar para dark
662
- focusActive: r.patronus.lighter,
663
- // validar para dark
664
- hover: r.patronus.dark,
665
- opacity: r.patronus.opacityDark,
666
- toneOpacity: r.patronus.toneOpacityDark,
667
- contrastText: r.patronus.contrastText,
668
- hoverOpacity: r.patronus.opacityDark,
669
- //Por compatibilidad con MUI
670
- light: r.patronus.light,
671
- dark: r.patronus.dark
672
- },
673
- blaze: {
674
- main: r.blaze.main,
675
- focusVisible: r.blaze.light,
676
- // validar para dark
677
- focusActive: r.blaze.lighter,
678
- // validar para dark
679
- hover: r.blaze.dark,
680
- opacity: r.blaze.opacityDark,
681
- toneOpacity: r.blaze.toneOpacityDark,
682
- contrastText: r.blaze.contrastText,
683
- hoverOpacity: r.blaze.opacityDark,
684
- //Por compatibilidad con MUI
685
- light: r.blaze.light,
686
- dark: r.blaze.dark
687
- },
688
- brown: {
689
- main: r.brown.main,
690
- focusVisible: r.brown.light,
691
- // validar para dark
692
- focusActive: r.brown.lighter,
693
- // validar para dark
694
- hover: r.brown.dark,
695
- opacity: r.brown.opacityDark,
696
- toneOpacity: r.brown.toneOpacityDark,
697
- contrastText: r.brown.contrastText,
698
- hoverOpacity: r.brown.opacityDark,
699
- //Por compatibilidad con MUI
700
- light: r.brown.light,
701
- dark: r.brown.dark
702
- },
703
- grass: {
704
- main: r.grass.main,
705
- focusVisible: r.grass.light,
706
- // validar para dark
707
- focusActive: r.grass.lighter,
708
- // validar para dark
709
- hover: r.grass.dark,
710
- opacity: r.grass.opacityDark,
711
- toneOpacity: r.grass.toneOpacityDark,
712
- contrastText: r.grass.contrastText,
713
- hoverOpacity: r.grass.opacityDark,
714
- //Por compatibilidad con MUI
715
- light: r.grass.light,
716
- dark: r.grass.dark
717
- },
718
- turqui: {
719
- main: r.turqui.main,
720
- focusVisible: r.turqui.light,
721
- // validar para dark
722
- focusActive: r.turqui.lighter,
723
- // validar para dark
724
- hover: r.turqui.dark,
725
- opacity: r.turqui.opacityDark,
726
- toneOpacity: r.turqui.toneOpacityDark,
727
- contrastText: r.turqui.contrastText,
728
- hoverOpacity: r.turqui.opacityDark,
729
- //Por compatibilidad con MUI
730
- light: r.turqui.light,
731
- dark: r.turqui.dark
732
- }
733
- }, c = Object.keys(r), p = c.map((n) => ({
734
- name: n,
735
- value: r[n].main
736
- })), y = {
737
- black: "#000",
738
- white: "#fff"
739
- }, u = {
740
- 0: "#FFFFFF",
741
- 100: "#F9FAFB",
742
- 200: "#F4F6F8",
743
- 300: "#DFE3E8",
744
- 400: "#C4CDD5",
745
- 500: "#919EAB",
746
- 600: "#637381",
747
- 700: "#454F5B",
748
- 800: "#212B36",
749
- 900: "#161C24",
750
- 5008: a("#919EAB", 0.08),
751
- 50012: a("#919EAB", 0.12),
752
- 50016: a("#919EAB", 0.16),
753
- 50024: a("#919EAB", 0.24),
754
- 50032: a("#919EAB", 0.32),
755
- 50048: a("#919EAB", 0.48),
756
- 50056: a("#919EAB", 0.56),
757
- 50080: a("#919EAB", 0.8),
758
- 50: "",
759
- A100: "",
760
- A200: "",
761
- A400: "",
762
- A700: ""
763
- }, i = {
764
- info: {
765
- main: t.crayonBlue[50],
766
- lighter: t.crayonBlue[70],
767
- light: t.crayonBlue[60],
768
- dark: t.crayonBlue[40],
769
- darker: t.crayonBlue[20],
770
- contrastText: t.marbleLight[30],
771
- toneOpacityLight: t.crayonBlue.toneOpacity20,
772
- toneOpacityDark: t.crayonBlue.toneOpacity10,
773
- opacityLight: t.crayonBlue[10],
774
- opacityDark: t.crayonBlue[40],
775
- borderMainLight: t.crayonBlue[50],
776
- borderMainDark: t.crayonBlue[50]
777
- },
778
- warning: {
779
- main: t.middleYellow[50],
780
- lighter: t.middleYellow[90],
781
- light: t.middleYellow[70],
782
- dark: t.middleYellow[30],
783
- darker: t.middleYellow[20],
784
- contrastText: t.onyx[20],
785
- toneOpacityLight: t.middleYellow.toneOpacity10,
786
- toneOpacityDark: t.middleYellow.toneOpacity20,
787
- opacityLight: t.middleYellow[10],
788
- opacityDark: t.middleYellow[20],
789
- borderMainLight: t.middleYellow[50],
790
- borderMainDark: t.middleYellow[50]
791
- },
792
- error: {
793
- main: t.flameRed[50],
794
- lighter: t.flameRed[70],
795
- light: t.flameRed[60],
796
- dark: t.flameRed[30],
797
- darker: t.flameRed[20],
798
- contrastText: t.marbleLight[30],
799
- toneOpacityLight: t.flameRed.toneOpacity10,
800
- toneOpacityDark: t.flameRed.toneOpacity20,
801
- opacityLight: t.flameRed[10],
802
- opacityDark: t.flameRed[20],
803
- borderMainLight: t.flameRed[50],
804
- borderMainDark: t.flameRed[50]
805
- },
806
- success: {
807
- main: t.acidGreen[50],
808
- lighter: t.acidGreen[70],
809
- light: t.acidGreen[60],
810
- dark: t.acidGreen[30],
811
- darker: t.acidGreen[20],
812
- contrastText: t.marbleLight[20],
813
- toneOpacityLight: t.acidGreen.toneOpacity10,
814
- toneOpacityDark: t.acidGreen.toneOpacity20,
815
- opacityLight: t.acidGreen[10],
816
- opacityDark: t.acidGreen[20],
817
- borderMainLight: t.acidGreen[50],
818
- borderMainDark: t.acidGreen[50]
819
- }
820
- }, h = {
821
- info: {
822
- main: i.info.main,
823
- focusActive: i.info.lighter,
824
- hover: i.info.light,
825
- opacity: i.info.opacityLight,
826
- toneOpacity: i.info.toneOpacityLight,
827
- contrastText: i.info.contrastText,
828
- hoverOpacity: i.info.opacityLight,
829
- //Por compatibilidad con MUI
830
- light: i.info.light,
831
- dark: i.info.dark
832
- },
833
- success: {
834
- main: i.success.main,
835
- focusActive: i.success.lighter,
836
- hover: i.success.light,
837
- opacity: i.success.opacityLight,
838
- toneOpacity: i.success.toneOpacityLight,
839
- contrastText: i.success.contrastText,
840
- hoverOpacity: i.success.opacityLight,
841
- //Por compatibilidad con MUI
842
- light: i.success.light,
843
- dark: i.success.dark
844
- },
845
- warning: {
846
- main: i.warning.main,
847
- focusActive: i.warning.lighter,
848
- hover: i.warning.light,
849
- opacity: i.warning.opacityLight,
850
- toneOpacity: i.warning.toneOpacityLight,
851
- contrastText: i.warning.contrastText,
852
- hoverOpacity: i.warning.opacityLight,
853
- //Por compatibilidad con MUI
854
- light: i.warning.light,
855
- dark: i.warning.dark
856
- },
857
- error: {
858
- main: i.error.main,
859
- focusActive: i.error.lighter,
860
- hover: i.error.light,
861
- opacity: i.error.opacityLight,
862
- toneOpacity: i.error.toneOpacityLight,
863
- contrastText: i.error.contrastText,
864
- hoverOpacity: i.error.opacityLight,
865
- //Por compatibilidad con MUI
866
- light: i.error.light,
867
- dark: i.error.dark
868
- }
869
- }, d = {
870
- info: {
871
- main: i.info.main,
872
- focusActive: i.info.darker,
873
- hover: i.info.dark,
874
- opacity: i.info.opacityDark,
875
- toneOpacity: i.info.toneOpacityDark,
876
- contrastText: i.info.contrastText,
877
- hoverOpacity: i.info.opacityDark,
878
- //Por compatibilidad con MUI
879
- light: i.info.light,
880
- dark: i.info.dark
881
- },
882
- success: {
883
- main: i.success.main,
884
- focusActive: i.success.darker,
885
- hover: i.success.dark,
886
- opacity: i.success.opacityDark,
887
- toneOpacity: i.success.toneOpacityDark,
888
- contrastText: i.success.contrastText,
889
- hoverOpacity: i.success.opacityDark,
890
- //Por compatibilidad con MUI
891
- light: i.success.light,
892
- dark: i.success.dark
893
- },
894
- warning: {
895
- main: i.warning.main,
896
- focusActive: i.warning.darker,
897
- hover: i.warning.dark,
898
- opacity: i.warning.opacityDark,
899
- toneOpacity: i.warning.toneOpacityDark,
900
- contrastText: i.warning.contrastText,
901
- hoverOpacity: i.warning.opacityDark,
902
- //Por compatibilidad con MUI
903
- light: i.warning.light,
904
- dark: i.warning.dark
905
- },
906
- error: {
907
- main: i.error.main,
908
- focusActive: i.error.darker,
909
- hover: i.error.dark,
910
- opacity: i.error.opacityDark,
911
- toneOpacity: i.error.toneOpacityDark,
912
- contrastText: i.error.contrastText,
913
- hoverOpacity: i.error.opacityDark,
914
- //Por compatibilidad con MUI
915
- light: i.error.light,
916
- dark: i.error.dark
917
- }
918
- }, o = {
919
- mainLight: e.oxford[10],
920
- mainDark: e.mint[20],
921
- lighter: e.oxford[40],
922
- light: e.oxford[20],
923
- dark: e.mint[30],
924
- darker: e.mint[50],
925
- toneOpacityLight: t.oxford.toneOpacity10,
926
- toneOpacityDark: t.oxford.toneOpacity20,
927
- opacityLight: e.oxford[30],
928
- opacityDark: e.oxford[30]
929
- }, O = {
930
- main: o.mainLight,
931
- focusActive: o.lighter,
932
- hover: o.light,
933
- opacity: o.toneOpacityLight,
934
- toneOpacity: o.toneOpacityLight,
935
- hoverOpacity: o.opacityLight,
936
- //Por compatibilidad con MUI
937
- light: o.light,
938
- dark: o.dark
939
- }, k = {
940
- main: o.mainLight,
941
- focusActive: o.lighter,
942
- hover: o.dark,
943
- opacity: o.toneOpacityDark,
944
- toneOpacity: o.toneOpacityDark,
945
- hoverOpacity: o.opacityDark,
946
- //Por compatibilidad con MUI
947
- light: o.light,
948
- dark: o.dark
949
- };
950
- export {
951
- t as B,
952
- y as C,
953
- O as D,
954
- u as G,
955
- r as P,
956
- h as S,
957
- e as a,
958
- k as b,
959
- d as c,
960
- l as d,
961
- g as e,
962
- p
963
- };