@eunomia/elements 1.0.0-beta.3 → 1.0.0-beta.5

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 (394) hide show
  1. package/README.md +1 -1
  2. package/dist/cdn/components/chunks/{chunk-EAGGN3ZI.js → chunk-2XASWWKR.js} +9 -9
  3. package/dist/cdn/components/chunks/chunk-32DTNR52.js +1 -0
  4. package/dist/cdn/components/chunks/chunk-3MTUVMM5.js +1 -0
  5. package/dist/cdn/components/chunks/chunk-5GKM5DIB.js +1 -0
  6. package/dist/cdn/components/chunks/{chunk-32KRPOPV.js → chunk-5XJGYXW7.js} +6 -6
  7. package/dist/cdn/components/chunks/{chunk-O2HNWH65.js → chunk-5XJLIHAU.js} +7 -7
  8. package/dist/cdn/components/chunks/{chunk-TBKKTJOX.js → chunk-6ETDXUH2.js} +3 -3
  9. package/dist/cdn/components/chunks/{chunk-5GF2Q3NR.js → chunk-74AOAB4X.js} +1 -1
  10. package/dist/cdn/components/chunks/{chunk-WYMBUIKX.js → chunk-A6KGFALA.js} +4 -4
  11. package/dist/cdn/components/chunks/{chunk-NEYBPT3D.js → chunk-AIS3UICU.js} +9 -9
  12. package/dist/cdn/components/chunks/{chunk-LJYTHDZP.js → chunk-D2M4BV5Y.js} +6 -6
  13. package/dist/cdn/components/chunks/chunk-DKOPI7QA.js +415 -0
  14. package/dist/cdn/components/chunks/{chunk-53QH6MPM.js → chunk-EAKYD33D.js} +3 -3
  15. package/dist/cdn/components/chunks/chunk-EST3M4AO.js +1 -0
  16. package/dist/cdn/components/chunks/{chunk-BYBUXKXC.js → chunk-IDKZKLJR.js} +7 -7
  17. package/dist/cdn/components/chunks/chunk-JRGM3W7I.js +53 -0
  18. package/dist/cdn/components/chunks/{chunk-RWONCXTF.js → chunk-KVYUNKUO.js} +2 -2
  19. package/dist/cdn/components/chunks/{chunk-6UPI7GHJ.js → chunk-L65WUTXM.js} +12 -12
  20. package/dist/cdn/components/chunks/chunk-LFCXUVDO.js +1 -0
  21. package/dist/cdn/components/chunks/chunk-LGLQ36QB.js +16 -0
  22. package/dist/cdn/components/chunks/chunk-MPQP4R54.js +263 -0
  23. package/dist/cdn/components/chunks/{chunk-ON42P6FI.js → chunk-NBIENHLV.js} +6 -6
  24. package/dist/cdn/components/chunks/chunk-OAULRKHQ.js +38 -0
  25. package/dist/cdn/components/chunks/chunk-OW7XKDCH.js +124 -0
  26. package/dist/cdn/components/chunks/chunk-P32B7BFD.js +118 -0
  27. package/dist/cdn/components/chunks/{chunk-ZPFHTJSS.js → chunk-PCM7D3YF.js} +1 -1
  28. package/dist/cdn/components/chunks/{chunk-ABYEBP57.js → chunk-PED5ATYN.js} +11 -8
  29. package/dist/cdn/components/chunks/{chunk-5C7YND22.js → chunk-S2UCEWNG.js} +8 -8
  30. package/dist/cdn/components/chunks/{chunk-5RCCZVFZ.js → chunk-SD2WHGPF.js} +7 -6
  31. package/dist/cdn/components/chunks/chunk-SJWRE6PW.js +1 -0
  32. package/dist/cdn/components/chunks/{chunk-6IILPCSQ.js → chunk-X2AUBZD2.js} +3 -3
  33. package/dist/cdn/components/eun-alert.js +65 -45
  34. package/dist/cdn/components/eun-animate.js +5 -3
  35. package/dist/cdn/components/eun-badge.js +8 -8
  36. package/dist/cdn/components/eun-breadcrumb-item.js +14 -10
  37. package/dist/cdn/components/eun-breadcrumb.js +11 -7
  38. package/dist/cdn/components/eun-button.js +1 -1
  39. package/dist/cdn/components/eun-calendar.js +20 -20
  40. package/dist/cdn/components/eun-card.js +61 -13
  41. package/dist/cdn/components/eun-carousel.js +35 -27
  42. package/dist/cdn/components/eun-check-card.js +3 -3
  43. package/dist/cdn/components/eun-checkbox-list.js +3 -3
  44. package/dist/cdn/components/eun-checkbox.js +1 -1
  45. package/dist/cdn/components/eun-chip.js +45 -207
  46. package/dist/cdn/components/eun-collapse.js +49 -29
  47. package/dist/cdn/components/eun-color-picker.js +13 -13
  48. package/dist/cdn/components/eun-counter.js +15 -15
  49. package/dist/cdn/components/eun-date-picker.js +62 -62
  50. package/dist/cdn/components/eun-drawer.js +12 -12
  51. package/dist/cdn/components/eun-dropdown-button.js +1 -1
  52. package/dist/cdn/components/eun-dropdown-item.js +6 -6
  53. package/dist/cdn/components/eun-fab.js +31 -53
  54. package/dist/cdn/components/eun-icon.js +1 -1
  55. package/dist/cdn/components/eun-image-card.js +18 -11
  56. package/dist/cdn/components/eun-image-carousel.js +18 -18
  57. package/dist/cdn/components/eun-infinite-list.js +1 -1
  58. package/dist/cdn/components/eun-input-file.js +12 -12
  59. package/dist/cdn/components/eun-input-phone.js +28 -28
  60. package/dist/cdn/components/eun-input.js +1 -1
  61. package/dist/cdn/components/eun-label.js +4 -4
  62. package/dist/cdn/components/eun-link.js +134 -18
  63. package/dist/cdn/components/eun-loader.js +1 -1
  64. package/dist/cdn/components/eun-modal.js +21 -21
  65. package/dist/cdn/components/eun-pagination.js +3 -3
  66. package/dist/cdn/components/eun-password-strength.js +9 -6
  67. package/dist/cdn/components/eun-progress-bar.js +13 -13
  68. package/dist/cdn/components/eun-radio-card.js +2 -2
  69. package/dist/cdn/components/eun-radio-list.js +1 -1
  70. package/dist/cdn/components/eun-radio.js +1 -1
  71. package/dist/cdn/components/eun-scheduler-event-editor.js +9 -9
  72. package/dist/cdn/components/eun-scheduler-event.js +1 -1
  73. package/dist/cdn/components/eun-scheduler.js +26 -26
  74. package/dist/cdn/components/eun-search.js +21 -21
  75. package/dist/cdn/components/eun-select.js +10 -10
  76. package/dist/cdn/components/eun-sidebar.js +9 -9
  77. package/dist/cdn/components/eun-skeleton.js +1 -1
  78. package/dist/cdn/components/eun-slider.js +8 -8
  79. package/dist/cdn/components/eun-sliding-card.js +4 -3
  80. package/dist/cdn/components/eun-step.js +8 -8
  81. package/dist/cdn/components/eun-stepper.js +8 -8
  82. package/dist/cdn/components/eun-switch.js +10 -10
  83. package/dist/cdn/components/eun-tab-group.js +19 -11
  84. package/dist/cdn/components/eun-tab-panel.js +1 -1
  85. package/dist/cdn/components/eun-tab.js +1 -1
  86. package/dist/cdn/components/eun-table-action-bar.js +1 -1
  87. package/dist/cdn/components/eun-table-cell.js +1 -1
  88. package/dist/cdn/components/eun-table-column.js +1 -1
  89. package/dist/cdn/components/eun-table-header.js +1 -1
  90. package/dist/cdn/components/eun-table-item.js +1 -1
  91. package/dist/cdn/components/eun-table-skeleton-row.js +1 -1
  92. package/dist/cdn/components/eun-table.js +3 -3
  93. package/dist/cdn/components/eun-tag.js +34 -126
  94. package/dist/cdn/components/eun-textarea.js +23 -23
  95. package/dist/cdn/components/eun-time-picker.js +32 -32
  96. package/dist/cdn/components/eun-toast.js +40 -36
  97. package/dist/cdn/components/eun-toggle-group.js +213 -72
  98. package/dist/cdn/components/eun-toggle-item.js +49 -30
  99. package/dist/cdn/components/eun-toggle.js +12 -9
  100. package/dist/cdn/components/eun-toolbar.js +15 -8
  101. package/dist/cdn/components/eun-tooltip.js +122 -87
  102. package/dist/cdn/styles/eunomia-themes.css +1 -1
  103. package/dist/cdn/styles/themes/eunomia-theme.css +1 -1
  104. package/dist/cdn/styles/themes/eunomia-theme.scss +1 -0
  105. package/dist/cdn/styles/themes/mixins/eunomia-neutrals.mixin.scss +71 -0
  106. package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia-dark.mixin.scss +3 -13
  107. package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia.mixin.scss +3 -13
  108. package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia.theme.css +1 -1
  109. package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia.theme.scss +2 -0
  110. package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire-dark.mixin.scss +3 -13
  111. package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire.mixin.scss +3 -13
  112. package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire.theme.css +1 -1
  113. package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire.theme.scss +2 -0
  114. package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest-dark.mixin.scss +3 -13
  115. package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest.mixin.scss +3 -13
  116. package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest.theme.css +1 -1
  117. package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest.theme.scss +2 -0
  118. package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold-dark.mixin.scss +3 -13
  119. package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold.mixin.scss +3 -13
  120. package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold.theme.css +1 -1
  121. package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold.theme.scss +2 -0
  122. package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean-dark.mixin.scss +3 -13
  123. package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean.mixin.scss +3 -13
  124. package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean.theme.css +1 -1
  125. package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean.theme.scss +2 -0
  126. package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon-dark.mixin.scss +3 -13
  127. package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon.mixin.scss +3 -13
  128. package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon.theme.css +1 -1
  129. package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon.theme.scss +2 -0
  130. package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet-dark.mixin.scss +3 -13
  131. package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet.mixin.scss +3 -13
  132. package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet.theme.css +1 -1
  133. package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet.theme.scss +2 -0
  134. package/dist/cdn/styles/tools/indexes/eunomia-tools.index.scss +1 -0
  135. package/dist/cdn/styles/tools/mixins/settings/eunomia-alpha.mixin.scss +39 -0
  136. package/dist/cdn/styles/tools/mixins/settings/eunomia-border.mixin.scss +3 -3
  137. package/dist/cdn/styles/tools/mixins/settings/eunomia-font.mixin.scss +12 -12
  138. package/dist/cdn/styles/tools/mixins/settings/eunomia-radius.mixin.scss +4 -4
  139. package/dist/components/action/button/button.d.ts +44 -15
  140. package/dist/components/action/button/button.js +100 -20
  141. package/dist/components/action/button/button.styles.js +179 -393
  142. package/dist/components/action/dropdown-button/dropdown-button.d.ts +13 -6
  143. package/dist/components/action/dropdown-button/dropdown-button.js +16 -5
  144. package/dist/components/action/dropdown-button/dropdown-button.styles.js +8 -8
  145. package/dist/components/action/dropdown-button/dropdown-item.styles.js +6 -6
  146. package/dist/components/action/fab/fab.d.ts +7 -4
  147. package/dist/components/action/fab/fab.js +11 -6
  148. package/dist/components/action/fab/fab.styles.js +26 -49
  149. package/dist/components/action/link/link.d.ts +115 -6
  150. package/dist/components/action/link/link.js +245 -21
  151. package/dist/components/action/link/link.styles.js +105 -3
  152. package/dist/components/action/shared-styles/button-palette.styles.d.ts +27 -0
  153. package/dist/components/action/shared-styles/button-palette.styles.js +151 -0
  154. package/dist/components/action/toggle/toggle-group.d.ts +55 -11
  155. package/dist/components/action/toggle/toggle-group.js +193 -52
  156. package/dist/components/action/toggle/toggle-group.styles.d.ts +7 -5
  157. package/dist/components/action/toggle/toggle-group.styles.js +166 -41
  158. package/dist/components/action/toggle/toggle-item.d.ts +4 -4
  159. package/dist/components/action/toggle/toggle-item.js +2 -2
  160. package/dist/components/action/toggle/toggle-item.styles.js +45 -26
  161. package/dist/components/action/toggle/toggle.d.ts +1 -1
  162. package/dist/components/action/toggle/toggle.js +1 -1
  163. package/dist/components/action/toggle/toggle.styles.d.ts +2 -2
  164. package/dist/components/action/toggle/toggle.styles.js +13 -10
  165. package/dist/components/alert/alert/alert.d.ts +4 -3
  166. package/dist/components/alert/alert/alert.js +4 -3
  167. package/dist/components/alert/alert/alert.styles.js +57 -36
  168. package/dist/components/alert/drawer/drawer.js +1 -1
  169. package/dist/components/alert/drawer/drawer.styles.js +3 -3
  170. package/dist/components/alert/modal/modal.d.ts +8 -8
  171. package/dist/components/alert/modal/modal.js +11 -11
  172. package/dist/components/alert/modal/modal.styles.js +6 -6
  173. package/dist/components/alert/toast/toast.d.ts +4 -3
  174. package/dist/components/alert/toast/toast.js +4 -3
  175. package/dist/components/alert/toast/toast.styles.js +41 -36
  176. package/dist/components/content/badge/badge.d.ts +6 -6
  177. package/dist/components/content/badge/badge.js +4 -4
  178. package/dist/components/content/badge/badge.styles.js +5 -5
  179. package/dist/components/content/card/card.d.ts +36 -8
  180. package/dist/components/content/card/card.js +68 -8
  181. package/dist/components/content/card/card.styles.js +52 -11
  182. package/dist/components/content/card/image-card.d.ts +3 -2
  183. package/dist/components/content/card/image-card.js +2 -1
  184. package/dist/components/content/card/image-card.styles.js +17 -10
  185. package/dist/components/content/card/sliding-card.d.ts +2 -1
  186. package/dist/components/content/card/sliding-card.js +1 -0
  187. package/dist/components/content/card/sliding-card.styles.js +3 -2
  188. package/dist/components/content/chip/chip.d.ts +16 -7
  189. package/dist/components/content/chip/chip.js +18 -6
  190. package/dist/components/content/chip/chip.styles.d.ts +1 -1
  191. package/dist/components/content/chip/chip.styles.js +43 -207
  192. package/dist/components/content/collapse/collapse.d.ts +29 -11
  193. package/dist/components/content/collapse/collapse.js +53 -23
  194. package/dist/components/content/collapse/collapse.styles.js +23 -9
  195. package/dist/components/content/icon/icon.d.ts +12 -2
  196. package/dist/components/content/icon/icon.js +52 -22
  197. package/dist/components/content/icon/icon.style.d.ts +2 -0
  198. package/dist/components/content/icon/icon.style.js +5 -2
  199. package/dist/components/content/image-carousel/image-carousel.styles.js +14 -14
  200. package/dist/components/content/password-strength/password-strength.styles.js +7 -4
  201. package/dist/components/content/progress-bar/progress-bar.styles.js +9 -9
  202. package/dist/components/content/shared-styles/card-link.styles.js +1 -0
  203. package/dist/components/content/shared-styles/tone-surface.styles.d.ts +31 -0
  204. package/dist/components/content/shared-styles/tone-surface.styles.js +149 -0
  205. package/dist/components/content/tag/tag.d.ts +16 -6
  206. package/dist/components/content/tag/tag.js +19 -6
  207. package/dist/components/content/tag/tag.styles.d.ts +1 -1
  208. package/dist/components/content/tag/tag.styles.js +40 -125
  209. package/dist/components/content/tooltip/tooltip.d.ts +15 -4
  210. package/dist/components/content/tooltip/tooltip.js +21 -4
  211. package/dist/components/content/tooltip/tooltip.styles.js +115 -79
  212. package/dist/components/form/checkbox/check-card.styles.js +2 -2
  213. package/dist/components/form/checkbox/checkbox-list.d.ts +1 -1
  214. package/dist/components/form/checkbox/checkbox.d.ts +1 -1
  215. package/dist/components/form/checkbox/checkbox.styles.js +6 -6
  216. package/dist/components/form/color-picker/color-picker.d.ts +3 -3
  217. package/dist/components/form/color-picker/color-picker.js +4 -4
  218. package/dist/components/form/color-picker/color-picker.styles.js +7 -7
  219. package/dist/components/form/counter/counter.d.ts +3 -3
  220. package/dist/components/form/counter/counter.js +3 -3
  221. package/dist/components/form/counter/counter.styles.js +12 -12
  222. package/dist/components/form/date-picker/date-picker-day-grid.styles.js +2 -2
  223. package/dist/components/form/date-picker/date-picker-grid.styles.js +15 -15
  224. package/dist/components/form/date-picker/date-picker-month-grid.styles.js +1 -1
  225. package/dist/components/form/date-picker/date-picker-year-grid.styles.js +1 -1
  226. package/dist/components/form/date-picker/date-picker.d.ts +3 -3
  227. package/dist/components/form/date-picker/date-picker.js +3 -3
  228. package/dist/components/form/date-picker/date-picker.styles.js +17 -17
  229. package/dist/components/form/input/input.d.ts +3 -3
  230. package/dist/components/form/input/input.js +4 -4
  231. package/dist/components/form/input-file/input-file.d.ts +1 -1
  232. package/dist/components/form/input-file/input-file.styles.js +9 -9
  233. package/dist/components/form/input-phone/input-phone.d.ts +3 -3
  234. package/dist/components/form/input-phone/input-phone.js +3 -3
  235. package/dist/components/form/input-phone/input-phone.styles.js +19 -19
  236. package/dist/components/form/label/label.styles.js +4 -4
  237. package/dist/components/form/radio/radio-card.styles.js +1 -1
  238. package/dist/components/form/radio/radio-list.d.ts +1 -1
  239. package/dist/components/form/radio/radio.d.ts +1 -1
  240. package/dist/components/form/radio/radio.styles.js +2 -2
  241. package/dist/components/form/search/search.styles.js +9 -9
  242. package/dist/components/form/select/select.d.ts +3 -3
  243. package/dist/components/form/select/select.js +3 -3
  244. package/dist/components/form/select/select.styles.js +6 -6
  245. package/dist/components/form/shared-styles/card.styles.js +1 -1
  246. package/dist/components/form/shared-styles/field.styles.js +12 -12
  247. package/dist/components/form/shared-styles/form-labels.styles.js +1 -1
  248. package/dist/components/form/shared-styles/listbox.styles.js +6 -6
  249. package/dist/components/form/slider/slider.d.ts +1 -1
  250. package/dist/components/form/slider/slider.styles.js +6 -6
  251. package/dist/components/form/switch/switch.d.ts +1 -1
  252. package/dist/components/form/switch/switch.styles.js +8 -8
  253. package/dist/components/form/textarea/textarea.d.ts +3 -3
  254. package/dist/components/form/textarea/textarea.js +4 -4
  255. package/dist/components/form/textarea/textarea.styles.js +6 -6
  256. package/dist/components/form/time-picker/time-picker-columns.styles.js +6 -6
  257. package/dist/components/form/time-picker/time-picker-list.styles.js +2 -2
  258. package/dist/components/form/time-picker/time-picker.d.ts +3 -3
  259. package/dist/components/form/time-picker/time-picker.js +3 -3
  260. package/dist/components/form/time-picker/time-picker.styles.js +13 -13
  261. package/dist/components/layout/animate/animate.d.ts +8 -0
  262. package/dist/components/layout/animate/animate.js +20 -8
  263. package/dist/components/loader/loader/loader.styles.js +2 -2
  264. package/dist/components/loader/skeleton/skeleton.styles.js +8 -5
  265. package/dist/components/navigation/breadcrumb/breadcrumb-item.d.ts +7 -0
  266. package/dist/components/navigation/breadcrumb/breadcrumb-item.js +15 -1
  267. package/dist/components/navigation/breadcrumb/breadcrumb-item.styles.js +3 -3
  268. package/dist/components/navigation/breadcrumb/breadcrumb.d.ts +1 -0
  269. package/dist/components/navigation/breadcrumb/breadcrumb.js +7 -1
  270. package/dist/components/navigation/breadcrumb/breadcrumb.styles.js +3 -3
  271. package/dist/components/navigation/carousel/carousel.d.ts +40 -6
  272. package/dist/components/navigation/carousel/carousel.js +61 -12
  273. package/dist/components/navigation/carousel/carousel.styles.js +19 -7
  274. package/dist/components/navigation/pagination/pagination.styles.js +3 -3
  275. package/dist/components/navigation/sidebar/sidebar.styles.js +9 -9
  276. package/dist/components/navigation/stepper/step.styles.js +8 -8
  277. package/dist/components/navigation/stepper/stepper.styles.js +8 -8
  278. package/dist/components/navigation/tabs/tab/tab.styles.js +5 -5
  279. package/dist/components/navigation/tabs/tab-group/tab-group.d.ts +9 -0
  280. package/dist/components/navigation/tabs/tab-group/tab-group.js +19 -2
  281. package/dist/components/navigation/tabs/tab-group/tab-group.styles.js +12 -4
  282. package/dist/components/navigation/tabs/tab-panel/tab-panel.styles.js +1 -1
  283. package/dist/components/navigation/toolbar/toolbar.d.ts +2 -0
  284. package/dist/components/navigation/toolbar/toolbar.js +2 -0
  285. package/dist/components/navigation/toolbar/toolbar.styles.js +16 -7
  286. package/dist/features/scheduler/calendar/calendar.d.ts +6 -6
  287. package/dist/features/scheduler/calendar/calendar.js +10 -10
  288. package/dist/features/scheduler/calendar/calendar.styles.js +3 -3
  289. package/dist/features/scheduler/scheduler/scheduler.d.ts +6 -6
  290. package/dist/features/scheduler/scheduler/scheduler.js +13 -13
  291. package/dist/features/scheduler/scheduler/scheduler.styles.js +2 -2
  292. package/dist/features/scheduler/scheduler-event/scheduler-event.d.ts +10 -8
  293. package/dist/features/scheduler/scheduler-event/scheduler-event.js +7 -7
  294. package/dist/features/scheduler/scheduler-event/scheduler-event.styles.js +8 -8
  295. package/dist/features/scheduler/scheduler-event-editor/scheduler-event-editor.js +5 -5
  296. package/dist/features/scheduler/scheduler-event-editor/scheduler-event-editor.styles.js +2 -2
  297. package/dist/features/scheduler/shared/scheduler-event-popover.js +2 -2
  298. package/dist/features/scheduler/shared/scheduler-event-popover.styles.js +4 -4
  299. package/dist/features/scheduler/shared/scheduler-hour-grid.d.ts +2 -2
  300. package/dist/features/scheduler/shared/scheduler-hour-grid.js +3 -3
  301. package/dist/features/scheduler/shared/scheduler-hour-grid.styles.js +1 -1
  302. package/dist/features/scheduler/shared/scheduler-month-view.d.ts +3 -3
  303. package/dist/features/scheduler/shared/scheduler-month-view.js +2 -2
  304. package/dist/features/scheduler/shared/scheduler-month-view.styles.js +1 -1
  305. package/dist/features/scheduler/shared/scheduler-year-view.styles.js +1 -1
  306. package/dist/features/table/native-table.css +11 -11
  307. package/dist/features/table/table/table.styles.js +2 -2
  308. package/dist/features/table/table/table.types.d.ts +7 -3
  309. package/dist/features/table/table-action-bar/table-action-bar.js +3 -3
  310. package/dist/features/table/table-action-bar/table-action-bar.styles.js +2 -2
  311. package/dist/features/table/table-cell/table-cell.styles.js +2 -2
  312. package/dist/features/table/table-column/table-column.styles.js +3 -3
  313. package/dist/features/table/table-header/table-header.styles.js +4 -4
  314. package/dist/features/table/table-item/table-item.styles.js +6 -6
  315. package/dist/features/table/table-managed/table-managed.js +2 -2
  316. package/dist/features/table/table-skeleton-row/table-skeleton-row.styles.js +1 -1
  317. package/dist/i18n/en.d.ts +3 -0
  318. package/dist/i18n/en.js +3 -0
  319. package/dist/i18n/fr.js +3 -0
  320. package/dist/index.d.ts +7 -7
  321. package/dist/index.js +5 -2
  322. package/dist/jsx.d.ts +19 -6
  323. package/dist/mixins/button.mixin.d.ts +11 -9
  324. package/dist/mixins/button.mixin.js +23 -5
  325. package/dist/mixins/card-link.mixin.d.ts +3 -2
  326. package/dist/mixins/card-link.mixin.js +12 -5
  327. package/dist/mixins/check.mixin.d.ts +1 -1
  328. package/dist/mixins/disabled.mixin.d.ts +3 -3
  329. package/dist/mixins/disabled.mixin.js +10 -5
  330. package/dist/mixins/editable.mixin.d.ts +1 -1
  331. package/dist/mixins/field-appearance.mixin.d.ts +19 -0
  332. package/dist/mixins/{field-variant.mixin.js → field-appearance.mixin.js} +11 -11
  333. package/dist/mixins/form.mixin.d.ts +5 -1
  334. package/dist/mixins/form.mixin.js +32 -12
  335. package/dist/mixins/overflow-navigation.mixin.js +2 -1
  336. package/dist/mixins/radio.mixin.d.ts +1 -1
  337. package/dist/mixins/validators.mixin.d.ts +9 -3
  338. package/dist/ssr/animate-ssr.css +26 -72
  339. package/dist/ssr/links-ssr.css +35 -0
  340. package/dist/ssr/overlay-ssr.css +0 -41
  341. package/dist/ssr/rich-text.css +38 -0
  342. package/dist/ssr/sidebar-ssr.css +0 -38
  343. package/dist/ssr/toolbar-ssr.css +73 -39
  344. package/dist/types/variant.type.d.ts +26 -10
  345. package/dist/utils/navigation.utils.d.ts +14 -0
  346. package/dist/utils/navigation.utils.js +33 -0
  347. package/dist/utils/new-tab-anchor.controller.d.ts +44 -0
  348. package/dist/utils/new-tab-anchor.controller.js +102 -0
  349. package/dist/utils/rich-text.utils.d.ts +33 -0
  350. package/dist/utils/rich-text.utils.js +140 -49
  351. package/dist/utils/severity-icon.utils.d.ts +1 -1
  352. package/dist/utils/severity-icon.utils.js +1 -1
  353. package/dist/utils/theme-generator.utils.d.ts +26 -3
  354. package/dist/utils/theme-generator.utils.js +68 -21
  355. package/package.json +13 -2
  356. package/styles/themes/eunomia-theme.scss +1 -0
  357. package/styles/themes/mixins/eunomia-neutrals.mixin.scss +71 -0
  358. package/styles/themes/prebuilt-themes/eunomia/eunomia-dark.mixin.scss +3 -13
  359. package/styles/themes/prebuilt-themes/eunomia/eunomia.mixin.scss +3 -13
  360. package/styles/themes/prebuilt-themes/eunomia/eunomia.theme.scss +2 -0
  361. package/styles/themes/prebuilt-themes/fire/eunomia-fire-dark.mixin.scss +3 -13
  362. package/styles/themes/prebuilt-themes/fire/eunomia-fire.mixin.scss +3 -13
  363. package/styles/themes/prebuilt-themes/fire/eunomia-fire.theme.scss +2 -0
  364. package/styles/themes/prebuilt-themes/forest/eunomia-forest-dark.mixin.scss +3 -13
  365. package/styles/themes/prebuilt-themes/forest/eunomia-forest.mixin.scss +3 -13
  366. package/styles/themes/prebuilt-themes/forest/eunomia-forest.theme.scss +2 -0
  367. package/styles/themes/prebuilt-themes/gold/eunomia-gold-dark.mixin.scss +3 -13
  368. package/styles/themes/prebuilt-themes/gold/eunomia-gold.mixin.scss +3 -13
  369. package/styles/themes/prebuilt-themes/gold/eunomia-gold.theme.scss +2 -0
  370. package/styles/themes/prebuilt-themes/ocean/eunomia-ocean-dark.mixin.scss +3 -13
  371. package/styles/themes/prebuilt-themes/ocean/eunomia-ocean.mixin.scss +3 -13
  372. package/styles/themes/prebuilt-themes/ocean/eunomia-ocean.theme.scss +2 -0
  373. package/styles/themes/prebuilt-themes/salmon/eunomia-salmon-dark.mixin.scss +3 -13
  374. package/styles/themes/prebuilt-themes/salmon/eunomia-salmon.mixin.scss +3 -13
  375. package/styles/themes/prebuilt-themes/salmon/eunomia-salmon.theme.scss +2 -0
  376. package/styles/themes/prebuilt-themes/violet/eunomia-violet-dark.mixin.scss +3 -13
  377. package/styles/themes/prebuilt-themes/violet/eunomia-violet.mixin.scss +3 -13
  378. package/styles/themes/prebuilt-themes/violet/eunomia-violet.theme.scss +2 -0
  379. package/styles/tools/indexes/eunomia-tools.index.scss +1 -0
  380. package/styles/tools/mixins/settings/eunomia-alpha.mixin.scss +39 -0
  381. package/styles/tools/mixins/settings/eunomia-border.mixin.scss +3 -3
  382. package/styles/tools/mixins/settings/eunomia-font.mixin.scss +12 -12
  383. package/styles/tools/mixins/settings/eunomia-radius.mixin.scss +4 -4
  384. package/dist/cdn/components/chunks/chunk-3LMI7KUA.js +0 -48
  385. package/dist/cdn/components/chunks/chunk-5TH3P53V.js +0 -16
  386. package/dist/cdn/components/chunks/chunk-ATH2OAMU.js +0 -1
  387. package/dist/cdn/components/chunks/chunk-BKHD4S57.js +0 -1
  388. package/dist/cdn/components/chunks/chunk-KNM5QHDK.js +0 -38
  389. package/dist/cdn/components/chunks/chunk-MBF52GEL.js +0 -1
  390. package/dist/cdn/components/chunks/chunk-T7WABJEJ.js +0 -1
  391. package/dist/cdn/components/chunks/chunk-XSMCT4DF.js +0 -1
  392. package/dist/cdn/components/chunks/chunk-Z6PJYSC3.js +0 -622
  393. package/dist/cdn/components/chunks/chunk-ZKPCO5RB.js +0 -262
  394. package/dist/mixins/field-variant.mixin.d.ts +0 -22
package/dist/cdn/styles/themes/eunomia-theme.css CHANGED
@@ -1 +1 @@
1
- @font-face{font-family:"Mulish";font-style:normal;font-weight:200 1000;font-display:swap;src:url("../../../fonts/mulish/mulish-latin-variable-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Mulish";font-style:italic;font-weight:200 1000;font-display:swap;src:url("../../../fonts/mulish/mulish-latin-variable-italic.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.eunomia-theme{--eun-color-grey-0: #ffffff;--eun-color-grey-100: #f7f8fa;--eun-color-grey-200: #ecedf0;--eun-color-grey-300: #dee0e7;--eun-color-grey-400: #c1c9d6;--eun-color-grey-500: #8d93aa;--eun-color-grey-600: #666e8a;--eun-color-grey-700: #484e61;--eun-color-grey-800: #071621;--eun-color-grey-900: #000000;--eun-font-family: "Mulish", sans-serif;--eun-fontSize-xxs: 0.4rem;--eun-fontSize-xs: 0.6rem;--eun-fontSize-s: 0.82rem;--eun-fontSize-m: 1rem;--eun-fontSize-l: 1.3rem;--eun-fontSize-xl: 1.6rem;--eun-fontSize-xxl: 2rem;--eun-fontSize-xxxl: 3.4rem;--eun-fontSize-xxxxl: 5rem;--eun-fontWeight-s: 300;--eun-fontWeight-m: 500;--eun-fontWeight-l: 700;--eun-space-xxs: 0.1rem;--eun-space-xs: 0.25rem;--eun-space-s: 0.5rem;--eun-space-m: 1rem;--eun-space-l: 2rem;--eun-space-xl: 3.5rem;--eun-space-xxl: 5rem;--eun-borderRadius-s: 5px;--eun-borderRadius-m: 10px;--eun-borderRadius-l: 20px;--eun-borderRadius-xl: 999px;--eun-borderWidth-s: 1px;--eun-borderWidth-m: 1.5px;--eun-borderWidth-l: 2px;--eun-shadow-xs: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;--eun-shadow-s: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;--eun-shadow-m: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;--eun-shadow-l: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;--eun-shadow-xl: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;--eun-height-xxs: 8px;--eun-height-xs: 16px;--eun-height-s: 24px;--eun-height-m: 32px;--eun-height-l: 34px;--eun-height-xl: 48px;--eun-height-xxl: 56px;--eun-breakpoint-mobile: 600px;--eun-breakpoint-tablet: 768px;--eun-breakpoint-laptop: 1024px;--eun-breakpoint-desktop: 1280px}.eunomia-theme .eun-grid{display:grid;row-gap:var(--eun-grid-row-gap, var(--eun-space-s));column-gap:var(--eun-grid-column-gap, var(--eun-space-m))}.eunomia-theme .eun-grid--halves{grid-template-columns:repeat(2, 1fr)}.eunomia-theme .eun-grid--thirds-1-2{grid-template-columns:1fr 2fr}.eunomia-theme .eun-grid--thirds-2-1{grid-template-columns:2fr 1fr}.eunomia-theme .eun-grid--thirds-equal{grid-template-columns:repeat(3, 1fr)}.eunomia-theme .eun-grid--2x2{grid-template-columns:repeat(2, 1fr);grid-auto-flow:row}.eunomia-theme .eun-grid--sidebar-left,.eunomia-theme .eun-grid--sidebar-right{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, auto)}.eunomia-theme .eun-grid--sidebar-left>:first-child{grid-column:1;grid-row:1/span 2}.eunomia-theme .eun-grid--sidebar-right>:first-child{grid-column:2;grid-row:1/span 2}.eunomia-theme .eun-grid--lead-left,.eunomia-theme .eun-grid--lead-right{grid-template-rows:repeat(2, auto)}.eunomia-theme .eun-grid--lead-left{grid-template-columns:auto 1fr}.eunomia-theme .eun-grid--lead-right{grid-template-columns:1fr auto}.eunomia-theme .eun-grid--lead-left>:first-child{grid-column:1;grid-row:1/span 2}.eunomia-theme .eun-grid--lead-right>:first-child{grid-column:2;grid-row:1/span 2}.eunomia-theme .eun-grid--gallery{grid-template-columns:repeat(auto-fill, minmax(var(--eun-grid-min-width, 220px), 1fr))}.eunomia-theme .eun-grid--panel{grid-template-rows:auto 1fr auto}@media(max-width: 767px){.eunomia-theme .eun-grid--halves,.eunomia-theme .eun-grid--thirds-1-2,.eunomia-theme .eun-grid--thirds-2-1,.eunomia-theme .eun-grid--thirds-equal,.eunomia-theme .eun-grid--2x2,.eunomia-theme .eun-grid--sidebar-left,.eunomia-theme .eun-grid--sidebar-right{grid-template-columns:1fr;grid-template-rows:none}.eunomia-theme .eun-grid--sidebar-left>:first-child,.eunomia-theme .eun-grid--sidebar-right>:first-child{grid-column:1;grid-row:auto}}.eunomia-theme--dark{--eun-color-grey-0: #16171c;--eun-color-grey-100: #2b3748;--eun-color-grey-200: #353c48;--eun-color-grey-300: #666e8a;--eun-color-grey-400: #8d93aa;--eun-color-grey-500: #5f6876;--eun-color-grey-600: #c1c1c1;--eun-color-grey-700: #ecedf0;--eun-color-grey-800: #f7f8fa;--eun-color-grey-900: #ffffff;--eun-font-family: "Mulish", sans-serif;--eun-fontSize-xxs: 0.4rem;--eun-fontSize-xs: 0.6rem;--eun-fontSize-s: 0.82rem;--eun-fontSize-m: 1rem;--eun-fontSize-l: 1.3rem;--eun-fontSize-xl: 1.6rem;--eun-fontSize-xxl: 2rem;--eun-fontSize-xxxl: 3.4rem;--eun-fontSize-xxxxl: 5rem;--eun-fontWeight-s: 300;--eun-fontWeight-m: 500;--eun-fontWeight-l: 700;--eun-space-xxs: 0.1rem;--eun-space-xs: 0.25rem;--eun-space-s: 0.5rem;--eun-space-m: 1rem;--eun-space-l: 2rem;--eun-space-xl: 3.5rem;--eun-space-xxl: 5rem;--eun-borderRadius-s: 5px;--eun-borderRadius-m: 10px;--eun-borderRadius-l: 20px;--eun-borderRadius-xl: 999px;--eun-borderWidth-s: 1px;--eun-borderWidth-m: 1.5px;--eun-borderWidth-l: 2px;--eun-shadow-xs: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;--eun-shadow-s: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;--eun-shadow-m: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;--eun-shadow-l: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;--eun-shadow-xl: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;--eun-height-xxs: 8px;--eun-height-xs: 16px;--eun-height-s: 24px;--eun-height-m: 32px;--eun-height-l: 34px;--eun-height-xl: 48px;--eun-height-xxl: 56px;--eun-breakpoint-mobile: 600px;--eun-breakpoint-tablet: 768px;--eun-breakpoint-laptop: 1024px;--eun-breakpoint-desktop: 1280px}.eunomia-theme--dark .eun-grid{display:grid;row-gap:var(--eun-grid-row-gap, var(--eun-space-s));column-gap:var(--eun-grid-column-gap, var(--eun-space-m))}.eunomia-theme--dark .eun-grid--halves{grid-template-columns:repeat(2, 1fr)}.eunomia-theme--dark .eun-grid--thirds-1-2{grid-template-columns:1fr 2fr}.eunomia-theme--dark .eun-grid--thirds-2-1{grid-template-columns:2fr 1fr}.eunomia-theme--dark .eun-grid--thirds-equal{grid-template-columns:repeat(3, 1fr)}.eunomia-theme--dark .eun-grid--2x2{grid-template-columns:repeat(2, 1fr);grid-auto-flow:row}.eunomia-theme--dark .eun-grid--sidebar-left,.eunomia-theme--dark .eun-grid--sidebar-right{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, auto)}.eunomia-theme--dark .eun-grid--sidebar-left>:first-child{grid-column:1;grid-row:1/span 2}.eunomia-theme--dark .eun-grid--sidebar-right>:first-child{grid-column:2;grid-row:1/span 2}.eunomia-theme--dark .eun-grid--lead-left,.eunomia-theme--dark .eun-grid--lead-right{grid-template-rows:repeat(2, auto)}.eunomia-theme--dark .eun-grid--lead-left{grid-template-columns:auto 1fr}.eunomia-theme--dark .eun-grid--lead-right{grid-template-columns:1fr auto}.eunomia-theme--dark .eun-grid--lead-left>:first-child{grid-column:1;grid-row:1/span 2}.eunomia-theme--dark .eun-grid--lead-right>:first-child{grid-column:2;grid-row:1/span 2}.eunomia-theme--dark .eun-grid--gallery{grid-template-columns:repeat(auto-fill, minmax(var(--eun-grid-min-width, 220px), 1fr))}.eunomia-theme--dark .eun-grid--panel{grid-template-rows:auto 1fr auto}@media(max-width: 767px){.eunomia-theme--dark .eun-grid--halves,.eunomia-theme--dark .eun-grid--thirds-1-2,.eunomia-theme--dark .eun-grid--thirds-2-1,.eunomia-theme--dark .eun-grid--thirds-equal,.eunomia-theme--dark .eun-grid--2x2,.eunomia-theme--dark .eun-grid--sidebar-left,.eunomia-theme--dark .eun-grid--sidebar-right{grid-template-columns:1fr;grid-template-rows:none}.eunomia-theme--dark .eun-grid--sidebar-left>:first-child,.eunomia-theme--dark .eun-grid--sidebar-right>:first-child{grid-column:1;grid-row:auto}}
1
+ @font-face{font-family:"Mulish";font-style:normal;font-weight:200 1000;font-display:swap;src:url("../../../fonts/mulish/mulish-latin-variable-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Mulish";font-style:italic;font-weight:200 1000;font-display:swap;src:url("../../../fonts/mulish/mulish-latin-variable-italic.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.eunomia-theme{--eun-color-grey-0: #ffffff;--eun-color-grey-100: #f7f8fa;--eun-color-grey-200: #ecedf0;--eun-color-grey-300: #dee0e7;--eun-color-grey-400: #c1c9d6;--eun-color-grey-500: #8d93aa;--eun-color-grey-600: #666e8a;--eun-color-grey-700: #484e61;--eun-color-grey-800: #071621;--eun-color-grey-900: #000000;--eun-font-family: "Mulish", sans-serif;--eun-font-size-xxs: 0.4rem;--eun-font-size-xs: 0.6rem;--eun-font-size-s: 0.82rem;--eun-font-size-m: 1rem;--eun-font-size-l: 1.3rem;--eun-font-size-xl: 1.6rem;--eun-font-size-xxl: 2rem;--eun-font-size-xxxl: 3.4rem;--eun-font-size-xxxxl: 5rem;--eun-font-weight-s: 300;--eun-font-weight-m: 500;--eun-font-weight-l: 700;--eun-space-xxs: 0.1rem;--eun-space-xs: 0.25rem;--eun-space-s: 0.5rem;--eun-space-m: 1rem;--eun-space-l: 2rem;--eun-space-xl: 3.5rem;--eun-space-xxl: 5rem;--eun-border-radius-s: 5px;--eun-border-radius-m: 10px;--eun-border-radius-l: 20px;--eun-border-radius-xl: 999px;--eun-border-width-s: 1px;--eun-border-width-m: 1.5px;--eun-border-width-l: 2px;--eun-shadow-xs: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;--eun-shadow-s: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;--eun-shadow-m: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;--eun-shadow-l: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;--eun-shadow-xl: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;--eun-surface-transparent-25: color-mix( in srgb, var(--eun-surface-color) 25%, transparent );--eun-surface-transparent-50: color-mix( in srgb, var(--eun-surface-color) 50%, transparent );--eun-surface-transparent-75: color-mix( in srgb, var(--eun-surface-color) 75%, transparent );--eun-text-transparent-25: color-mix( in srgb, var(--eun-text-color) 25%, transparent );--eun-text-transparent-50: color-mix( in srgb, var(--eun-text-color) 50%, transparent );--eun-text-transparent-75: color-mix( in srgb, var(--eun-text-color) 75%, transparent );--eun-text-on-dark-secondary: rgba(255, 255, 255, 0.7);--eun-height-xxs: 8px;--eun-height-xs: 16px;--eun-height-s: 24px;--eun-height-m: 32px;--eun-height-l: 34px;--eun-height-xl: 48px;--eun-height-xxl: 56px;--eun-breakpoint-mobile: 600px;--eun-breakpoint-tablet: 768px;--eun-breakpoint-laptop: 1024px;--eun-breakpoint-desktop: 1280px}.eunomia-theme .eun-grid{display:grid;row-gap:var(--eun-grid-row-gap, var(--eun-space-s));column-gap:var(--eun-grid-column-gap, var(--eun-space-m))}.eunomia-theme .eun-grid--halves{grid-template-columns:repeat(2, 1fr)}.eunomia-theme .eun-grid--thirds-1-2{grid-template-columns:1fr 2fr}.eunomia-theme .eun-grid--thirds-2-1{grid-template-columns:2fr 1fr}.eunomia-theme .eun-grid--thirds-equal{grid-template-columns:repeat(3, 1fr)}.eunomia-theme .eun-grid--2x2{grid-template-columns:repeat(2, 1fr);grid-auto-flow:row}.eunomia-theme .eun-grid--sidebar-left,.eunomia-theme .eun-grid--sidebar-right{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, auto)}.eunomia-theme .eun-grid--sidebar-left>:first-child{grid-column:1;grid-row:1/span 2}.eunomia-theme .eun-grid--sidebar-right>:first-child{grid-column:2;grid-row:1/span 2}.eunomia-theme .eun-grid--lead-left,.eunomia-theme .eun-grid--lead-right{grid-template-rows:repeat(2, auto)}.eunomia-theme .eun-grid--lead-left{grid-template-columns:auto 1fr}.eunomia-theme .eun-grid--lead-right{grid-template-columns:1fr auto}.eunomia-theme .eun-grid--lead-left>:first-child{grid-column:1;grid-row:1/span 2}.eunomia-theme .eun-grid--lead-right>:first-child{grid-column:2;grid-row:1/span 2}.eunomia-theme .eun-grid--gallery{grid-template-columns:repeat(auto-fill, minmax(var(--eun-grid-min-width, 220px), 1fr))}.eunomia-theme .eun-grid--panel{grid-template-rows:auto 1fr auto}@media(max-width: 767px){.eunomia-theme .eun-grid--halves,.eunomia-theme .eun-grid--thirds-1-2,.eunomia-theme .eun-grid--thirds-2-1,.eunomia-theme .eun-grid--thirds-equal,.eunomia-theme .eun-grid--2x2,.eunomia-theme .eun-grid--sidebar-left,.eunomia-theme .eun-grid--sidebar-right{grid-template-columns:1fr;grid-template-rows:none}.eunomia-theme .eun-grid--sidebar-left>:first-child,.eunomia-theme .eun-grid--sidebar-right>:first-child{grid-column:1;grid-row:auto}}.eunomia-theme--dark{--eun-color-grey-0: #16171c;--eun-color-grey-100: #2b3748;--eun-color-grey-200: #353c48;--eun-color-grey-300: #666e8a;--eun-color-grey-400: #8d93aa;--eun-color-grey-500: #5f6876;--eun-color-grey-600: #c1c1c1;--eun-color-grey-700: #ecedf0;--eun-color-grey-800: #f7f8fa;--eun-color-grey-900: #ffffff;--eun-font-family: "Mulish", sans-serif;--eun-font-size-xxs: 0.4rem;--eun-font-size-xs: 0.6rem;--eun-font-size-s: 0.82rem;--eun-font-size-m: 1rem;--eun-font-size-l: 1.3rem;--eun-font-size-xl: 1.6rem;--eun-font-size-xxl: 2rem;--eun-font-size-xxxl: 3.4rem;--eun-font-size-xxxxl: 5rem;--eun-font-weight-s: 300;--eun-font-weight-m: 500;--eun-font-weight-l: 700;--eun-space-xxs: 0.1rem;--eun-space-xs: 0.25rem;--eun-space-s: 0.5rem;--eun-space-m: 1rem;--eun-space-l: 2rem;--eun-space-xl: 3.5rem;--eun-space-xxl: 5rem;--eun-border-radius-s: 5px;--eun-border-radius-m: 10px;--eun-border-radius-l: 20px;--eun-border-radius-xl: 999px;--eun-border-width-s: 1px;--eun-border-width-m: 1.5px;--eun-border-width-l: 2px;--eun-shadow-xs: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;--eun-shadow-s: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;--eun-shadow-m: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;--eun-shadow-l: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;--eun-shadow-xl: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;--eun-surface-transparent-25: color-mix( in srgb, var(--eun-surface-color) 25%, transparent );--eun-surface-transparent-50: color-mix( in srgb, var(--eun-surface-color) 50%, transparent );--eun-surface-transparent-75: color-mix( in srgb, var(--eun-surface-color) 75%, transparent );--eun-text-transparent-25: color-mix( in srgb, var(--eun-text-color) 25%, transparent );--eun-text-transparent-50: color-mix( in srgb, var(--eun-text-color) 50%, transparent );--eun-text-transparent-75: color-mix( in srgb, var(--eun-text-color) 75%, transparent );--eun-text-on-dark-secondary: rgba(255, 255, 255, 0.7);--eun-height-xxs: 8px;--eun-height-xs: 16px;--eun-height-s: 24px;--eun-height-m: 32px;--eun-height-l: 34px;--eun-height-xl: 48px;--eun-height-xxl: 56px;--eun-breakpoint-mobile: 600px;--eun-breakpoint-tablet: 768px;--eun-breakpoint-laptop: 1024px;--eun-breakpoint-desktop: 1280px}.eunomia-theme--dark .eun-grid{display:grid;row-gap:var(--eun-grid-row-gap, var(--eun-space-s));column-gap:var(--eun-grid-column-gap, var(--eun-space-m))}.eunomia-theme--dark .eun-grid--halves{grid-template-columns:repeat(2, 1fr)}.eunomia-theme--dark .eun-grid--thirds-1-2{grid-template-columns:1fr 2fr}.eunomia-theme--dark .eun-grid--thirds-2-1{grid-template-columns:2fr 1fr}.eunomia-theme--dark .eun-grid--thirds-equal{grid-template-columns:repeat(3, 1fr)}.eunomia-theme--dark .eun-grid--2x2{grid-template-columns:repeat(2, 1fr);grid-auto-flow:row}.eunomia-theme--dark .eun-grid--sidebar-left,.eunomia-theme--dark .eun-grid--sidebar-right{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, auto)}.eunomia-theme--dark .eun-grid--sidebar-left>:first-child{grid-column:1;grid-row:1/span 2}.eunomia-theme--dark .eun-grid--sidebar-right>:first-child{grid-column:2;grid-row:1/span 2}.eunomia-theme--dark .eun-grid--lead-left,.eunomia-theme--dark .eun-grid--lead-right{grid-template-rows:repeat(2, auto)}.eunomia-theme--dark .eun-grid--lead-left{grid-template-columns:auto 1fr}.eunomia-theme--dark .eun-grid--lead-right{grid-template-columns:1fr auto}.eunomia-theme--dark .eun-grid--lead-left>:first-child{grid-column:1;grid-row:1/span 2}.eunomia-theme--dark .eun-grid--lead-right>:first-child{grid-column:2;grid-row:1/span 2}.eunomia-theme--dark .eun-grid--gallery{grid-template-columns:repeat(auto-fill, minmax(var(--eun-grid-min-width, 220px), 1fr))}.eunomia-theme--dark .eun-grid--panel{grid-template-rows:auto 1fr auto}@media(max-width: 767px){.eunomia-theme--dark .eun-grid--halves,.eunomia-theme--dark .eun-grid--thirds-1-2,.eunomia-theme--dark .eun-grid--thirds-2-1,.eunomia-theme--dark .eun-grid--thirds-equal,.eunomia-theme--dark .eun-grid--2x2,.eunomia-theme--dark .eun-grid--sidebar-left,.eunomia-theme--dark .eun-grid--sidebar-right{grid-template-columns:1fr;grid-template-rows:none}.eunomia-theme--dark .eun-grid--sidebar-left>:first-child,.eunomia-theme--dark .eun-grid--sidebar-right>:first-child{grid-column:1;grid-row:auto}}
package/dist/cdn/styles/themes/eunomia-theme.scss CHANGED
@@ -9,6 +9,7 @@
9
9
  @include eunomia-border-radius();
10
10
  @include eunomia-border-width();
11
11
  @include eunomia-shadows();
12
+ @include eunomia-alpha();
12
13
  @include eunomia-height();
13
14
  @include eunomia-breakpoints();
14
15
  @include eunomia-grid-layouts();
package/dist/cdn/styles/themes/mixins/eunomia-neutrals.mixin.scss ADDED
@@ -0,0 +1,71 @@
1
+ @mixin eunomia-neutrals {
2
+ --eun-content-hover: #9696961a;
3
+ --eun-content-pressed: #e4e6e8;
4
+ --eun-divider-color: #dee0e7;
5
+ --eun-border-color: #dee0e7;
6
+ --eun-surface-color: #ffffff;
7
+ --eun-surface-sunken: color-mix(
8
+ in srgb,
9
+ var(--eun-text-color) 5%,
10
+ transparent
11
+ );
12
+ --eun-surface-sunken-hover: color-mix(
13
+ in srgb,
14
+ var(--eun-text-color) 9%,
15
+ transparent
16
+ );
17
+ --eun-surface-sunken-pressed: color-mix(
18
+ in srgb,
19
+ var(--eun-text-color) 12%,
20
+ transparent
21
+ );
22
+ --eun-surface-sunken-strong: color-mix(
23
+ in srgb,
24
+ var(--eun-text-color) 8%,
25
+ transparent
26
+ );
27
+ --eun-disabled-color: #ecedf0;
28
+ --eun-readonly-color: #666e8a;
29
+ --eun-text-color: #071621;
30
+ --eun-text-secondary: #484e61;
31
+ --eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);
32
+ --eun-text-disabled-color: #8d93aa;
33
+ --eun-text-readonly-color: #c1c9d6;
34
+ --eun-disabled-content: #c1c9d6;
35
+ }
36
+
37
+ @mixin eunomia-dark-neutrals {
38
+ --eun-content-hover: rgba(255, 255, 255, 0.08);
39
+ --eun-content-pressed: rgba(255, 255, 255, 0.14);
40
+ --eun-divider-color: var(--eun-color-grey-300);
41
+ --eun-border-color: var(--eun-color-grey-300);
42
+ --eun-surface-color: var(--eun-color-grey-0);
43
+ --eun-surface-sunken: color-mix(
44
+ in srgb,
45
+ var(--eun-text-color) 8%,
46
+ transparent
47
+ );
48
+ --eun-surface-sunken-hover: color-mix(
49
+ in srgb,
50
+ var(--eun-text-color) 12%,
51
+ transparent
52
+ );
53
+ --eun-surface-sunken-pressed: color-mix(
54
+ in srgb,
55
+ var(--eun-text-color) 16%,
56
+ transparent
57
+ );
58
+ --eun-surface-sunken-strong: color-mix(
59
+ in srgb,
60
+ var(--eun-text-color) 16%,
61
+ transparent
62
+ );
63
+ --eun-disabled-color: var(--eun-color-grey-200);
64
+ --eun-readonly-color: var(--eun-color-grey-600);
65
+ --eun-text-color: var(--eun-color-grey-800);
66
+ --eun-text-secondary: var(--eun-color-grey-700);
67
+ --eun-placeholder-color: var(--eun-color-grey-400);
68
+ --eun-text-disabled-color: var(--eun-color-grey-500);
69
+ --eun-text-readonly-color: var(--eun-color-grey-400);
70
+ --eun-disabled-content: var(--eun-color-grey-400);
71
+ }
package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia-dark.mixin.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use "./../../mixins/eunomia-neutrals.mixin.scss" as *;
2
+
1
3
  @mixin eunomia-eunomia-dark-theme-colors {
2
4
  $primary-500: #6c92ff;
3
5
  $secondary-500: #edbd6f;
@@ -58,19 +60,7 @@
58
60
  --eun-color-secondary-transparent-hover: #{rgba($secondary-500, 0.3)};
59
61
  --eun-color-secondary-transparent-active: #{rgba($secondary-500, 0.4)};
60
62
 
61
- --eun-content-hover: rgba(255, 255, 255, 0.08);
62
- --eun-content-pressed: rgba(255, 255, 255, 0.14);
63
- --eun-divider-color: var(--eun-color-grey-300);
64
- --eun-border-color: var(--eun-color-grey-300);
65
- --eun-surface-color: var(--eun-color-grey-0);
66
- --eun-disabled-color: var(--eun-color-grey-200);
67
- --eun-readonly-color: var(--eun-color-grey-600);
68
- --eun-text-color: var(--eun-color-grey-800);
69
- --eun-text-secondary: var(--eun-color-grey-700);
70
- --eun-placeholder-color: var(--eun-color-grey-400);
71
- --eun-text-disabled-color: var(--eun-color-grey-500);
72
- --eun-text-readonly-color: var(--eun-color-grey-400);
73
- --eun-disabled-content: var(--eun-color-grey-400);
63
+ @include eunomia-dark-neutrals();
74
64
 
75
65
  --eun-surface-tint: #2a3243;
76
66
  --eun-divider-tint: #667090;
package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia.mixin.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use "./../../mixins/eunomia-neutrals.mixin.scss" as *;
2
+
1
3
  @mixin eunomia-eunomia-theme-colors {
2
4
  $primary-500: #3d6fff;
3
5
  $secondary-500: #edbd6f;
@@ -58,19 +60,7 @@
58
60
  --eun-color-secondary-transparent-hover: #{rgba($secondary-500, 0.3)};
59
61
  --eun-color-secondary-transparent-active: #{rgba($secondary-500, 0.4)};
60
62
 
61
- --eun-content-hover: #9696961a;
62
- --eun-content-pressed: #e4e6e8;
63
- --eun-divider-color: #dee0e7;
64
- --eun-border-color: #dee0e7;
65
- --eun-surface-color: #ffffff;
66
- --eun-disabled-color: #ecedf0;
67
- --eun-readonly-color: #666e8a;
68
- --eun-text-color: #071621;
69
- --eun-text-secondary: #484e61;
70
- --eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);
71
- --eun-text-disabled-color: #8d93aa;
72
- --eun-text-readonly-color: #c1c9d6;
73
- --eun-disabled-content: #c1c9d6;
63
+ @include eunomia-neutrals();
74
64
 
75
65
  --eun-surface-tint: #f5f8ff;
76
66
  --eun-divider-tint: #d6dae8;
package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia.theme.css CHANGED
@@ -1 +1 @@
1
- @font-face{font-family:"Mulish";font-style:normal;font-weight:200 1000;font-display:swap;src:url("../../../fonts/mulish/mulish-latin-variable-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Mulish";font-style:italic;font-weight:200 1000;font-display:swap;src:url("../../../fonts/mulish/mulish-latin-variable-italic.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.eunomia-eunomia-theme{--eun-color-primary-50: #9ab4ff;--eun-color-on-primary-50: #000000de;--eun-color-primary-100: #85a4ff;--eun-color-on-primary-100: #000000de;--eun-color-primary-200: #6f94ff;--eun-color-on-primary-200: #000000de;--eun-color-primary-300: #5480ff;--eun-color-on-primary-300: #000000de;--eun-color-primary-400: #4978ff;--eun-color-on-primary-400: #000000de;--eun-color-primary-500: #3d6fff;--eun-color-on-primary-500: #ffffff;--eun-color-primary-600: #3968f0;--eun-color-on-primary-600: #ffffff;--eun-color-primary-700: #3662e0;--eun-color-on-primary-700: #ffffff;--eun-color-primary-800: #2d52bd;--eun-color-on-primary-800: #ffffff;--eun-color-primary-900: #2646a1;--eun-color-on-primary-900: #ffffff;--eun-color-primary-950: #203a85;--eun-color-on-primary-950: #ffffff;--eun-color-primary-bg-hover: rgba(61, 111, 255, 0.08);--eun-color-primary-bg-active: rgba(61, 111, 255, 0.08);--eun-color-primary-transparent: rgba(61, 111, 255, 0.2);--eun-color-primary-transparent-hover: rgba(61, 111, 255, 0.3);--eun-color-primary-transparent-active: rgba(61, 111, 255, 0.4);--eun-color-secondary-50: #f6ddb4;--eun-color-on-secondary-50: #000000de;--eun-color-secondary-100: #f4d5a4;--eun-color-on-secondary-100: #000000de;--eun-color-secondary-200: #f2ce94;--eun-color-on-secondary-200: #000000de;--eun-color-secondary-300: #efc580;--eun-color-on-secondary-300: #000000de;--eun-color-secondary-400: #eec178;--eun-color-on-secondary-400: #000000de;--eun-color-secondary-500: #edbd6f;--eun-color-on-secondary-500: #000000de;--eun-color-secondary-600: #dfb268;--eun-color-on-secondary-600: #000000de;--eun-color-secondary-700: #d1a662;--eun-color-on-secondary-700: #000000de;--eun-color-secondary-800: #af8c52;--eun-color-on-secondary-800: #000000de;--eun-color-secondary-900: #957746;--eun-color-on-secondary-900: #000000de;--eun-color-secondary-950: #7b623a;--eun-color-on-secondary-950: #ffffff;--eun-color-secondary-bg-hover: rgba(237, 189, 111, 0.08);--eun-color-secondary-bg-active: rgba(237, 189, 111, 0.08);--eun-color-secondary-transparent: rgba(237, 189, 111, 0.2);--eun-color-secondary-transparent-hover: rgba(237, 189, 111, 0.3);--eun-color-secondary-transparent-active: rgba(237, 189, 111, 0.4);--eun-content-hover: #9696961a;--eun-content-pressed: #e4e6e8;--eun-divider-color: #dee0e7;--eun-border-color: #dee0e7;--eun-surface-color: #ffffff;--eun-disabled-color: #ecedf0;--eun-readonly-color: #666e8a;--eun-text-color: #071621;--eun-text-secondary: #484e61;--eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);--eun-text-disabled-color: #8d93aa;--eun-text-readonly-color: #c1c9d6;--eun-disabled-content: #c1c9d6;--eun-surface-tint: #f5f8ff;--eun-divider-tint: #d6dae8;--eun-border-tint: #d6dae8;--eun-content-hover-tint: #e4e9f1;--eun-content-pressed-tint: #dce0e9}.eunomia-eunomia-theme--dark{--eun-color-primary-50: #384c85;--eun-color-on-primary-50: #ffffff;--eun-color-primary-100: #445ca1;--eun-color-on-primary-100: #ffffff;--eun-color-primary-200: #506cbd;--eun-color-on-primary-200: #ffffff;--eun-color-primary-300: #5f80e0;--eun-color-on-primary-300: #000000de;--eun-color-primary-400: #6689f0;--eun-color-on-primary-400: #000000de;--eun-color-primary-500: #6c92ff;--eun-color-on-primary-500: #000000de;--eun-color-primary-600: #7599ff;--eun-color-on-primary-600: #000000de;--eun-color-primary-700: #7e9fff;--eun-color-on-primary-700: #000000de;--eun-color-primary-800: #92aeff;--eun-color-on-primary-800: #000000de;--eun-color-primary-900: #a2baff;--eun-color-on-primary-900: #000000de;--eun-color-primary-950: #b3c6ff;--eun-color-on-primary-950: #000000de;--eun-color-primary-bg-hover: rgba(108, 146, 255, 0.08);--eun-color-primary-bg-active: rgba(108, 146, 255, 0.08);--eun-color-primary-transparent: rgba(108, 146, 255, 0.2);--eun-color-primary-transparent-hover: rgba(108, 146, 255, 0.3);--eun-color-primary-transparent-active: rgba(108, 146, 255, 0.4);--eun-color-secondary-50: #7b623a;--eun-color-on-secondary-50: #ffffff;--eun-color-secondary-100: #957746;--eun-color-on-secondary-100: #000000de;--eun-color-secondary-200: #af8c52;--eun-color-on-secondary-200: #000000de;--eun-color-secondary-300: #d1a662;--eun-color-on-secondary-300: #000000de;--eun-color-secondary-400: #dfb268;--eun-color-on-secondary-400: #000000de;--eun-color-secondary-500: #edbd6f;--eun-color-on-secondary-500: #000000de;--eun-color-secondary-600: #eec178;--eun-color-on-secondary-600: #000000de;--eun-color-secondary-700: #efc580;--eun-color-on-secondary-700: #000000de;--eun-color-secondary-800: #f2ce94;--eun-color-on-secondary-800: #000000de;--eun-color-secondary-900: #f4d5a4;--eun-color-on-secondary-900: #000000de;--eun-color-secondary-950: #f6ddb4;--eun-color-on-secondary-950: #000000de;--eun-color-secondary-bg-hover: rgba(237, 189, 111, 0.08);--eun-color-secondary-bg-active: rgba(237, 189, 111, 0.08);--eun-color-secondary-transparent: rgba(237, 189, 111, 0.2);--eun-color-secondary-transparent-hover: rgba(237, 189, 111, 0.3);--eun-color-secondary-transparent-active: rgba(237, 189, 111, 0.4);--eun-content-hover: rgba(255, 255, 255, 0.08);--eun-content-pressed: rgba(255, 255, 255, 0.14);--eun-divider-color: var(--eun-color-grey-300);--eun-border-color: var(--eun-color-grey-300);--eun-surface-color: var(--eun-color-grey-0);--eun-disabled-color: var(--eun-color-grey-200);--eun-readonly-color: var(--eun-color-grey-600);--eun-text-color: var(--eun-color-grey-800);--eun-text-secondary: var(--eun-color-grey-700);--eun-placeholder-color: var(--eun-color-grey-400);--eun-text-disabled-color: var(--eun-color-grey-500);--eun-text-readonly-color: var(--eun-color-grey-400);--eun-disabled-content: var(--eun-color-grey-400);--eun-surface-tint: #2a3243;--eun-divider-tint: #667090;--eun-border-tint: #667090;--eun-content-hover-tint: rgba(248, 250, 255, 0.08);--eun-content-pressed-tint: rgba(248, 250, 255, 0.14)}
1
+ @font-face{font-family:"Mulish";font-style:normal;font-weight:200 1000;font-display:swap;src:url("../../../fonts/mulish/mulish-latin-variable-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Mulish";font-style:italic;font-weight:200 1000;font-display:swap;src:url("../../../fonts/mulish/mulish-latin-variable-italic.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.eunomia-eunomia-theme{--eun-color-primary-50: #9ab4ff;--eun-color-on-primary-50: #000000de;--eun-color-primary-100: #85a4ff;--eun-color-on-primary-100: #000000de;--eun-color-primary-200: #6f94ff;--eun-color-on-primary-200: #000000de;--eun-color-primary-300: #5480ff;--eun-color-on-primary-300: #000000de;--eun-color-primary-400: #4978ff;--eun-color-on-primary-400: #000000de;--eun-color-primary-500: #3d6fff;--eun-color-on-primary-500: #ffffff;--eun-color-primary-600: #3968f0;--eun-color-on-primary-600: #ffffff;--eun-color-primary-700: #3662e0;--eun-color-on-primary-700: #ffffff;--eun-color-primary-800: #2d52bd;--eun-color-on-primary-800: #ffffff;--eun-color-primary-900: #2646a1;--eun-color-on-primary-900: #ffffff;--eun-color-primary-950: #203a85;--eun-color-on-primary-950: #ffffff;--eun-color-primary-bg-hover: rgba(61, 111, 255, 0.08);--eun-color-primary-bg-active: rgba(61, 111, 255, 0.08);--eun-color-primary-transparent: rgba(61, 111, 255, 0.2);--eun-color-primary-transparent-hover: rgba(61, 111, 255, 0.3);--eun-color-primary-transparent-active: rgba(61, 111, 255, 0.4);--eun-color-secondary-50: #f6ddb4;--eun-color-on-secondary-50: #000000de;--eun-color-secondary-100: #f4d5a4;--eun-color-on-secondary-100: #000000de;--eun-color-secondary-200: #f2ce94;--eun-color-on-secondary-200: #000000de;--eun-color-secondary-300: #efc580;--eun-color-on-secondary-300: #000000de;--eun-color-secondary-400: #eec178;--eun-color-on-secondary-400: #000000de;--eun-color-secondary-500: #edbd6f;--eun-color-on-secondary-500: #000000de;--eun-color-secondary-600: #dfb268;--eun-color-on-secondary-600: #000000de;--eun-color-secondary-700: #d1a662;--eun-color-on-secondary-700: #000000de;--eun-color-secondary-800: #af8c52;--eun-color-on-secondary-800: #000000de;--eun-color-secondary-900: #957746;--eun-color-on-secondary-900: #000000de;--eun-color-secondary-950: #7b623a;--eun-color-on-secondary-950: #ffffff;--eun-color-secondary-bg-hover: rgba(237, 189, 111, 0.08);--eun-color-secondary-bg-active: rgba(237, 189, 111, 0.08);--eun-color-secondary-transparent: rgba(237, 189, 111, 0.2);--eun-color-secondary-transparent-hover: rgba(237, 189, 111, 0.3);--eun-color-secondary-transparent-active: rgba(237, 189, 111, 0.4);--eun-content-hover: #9696961a;--eun-content-pressed: #e4e6e8;--eun-divider-color: #dee0e7;--eun-border-color: #dee0e7;--eun-surface-color: #ffffff;--eun-surface-sunken: color-mix( in srgb, var(--eun-text-color) 5%, transparent );--eun-surface-sunken-hover: color-mix( in srgb, var(--eun-text-color) 9%, transparent );--eun-surface-sunken-pressed: color-mix( in srgb, var(--eun-text-color) 12%, transparent );--eun-surface-sunken-strong: color-mix( in srgb, var(--eun-text-color) 8%, transparent );--eun-disabled-color: #ecedf0;--eun-readonly-color: #666e8a;--eun-text-color: #071621;--eun-text-secondary: #484e61;--eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);--eun-text-disabled-color: #8d93aa;--eun-text-readonly-color: #c1c9d6;--eun-disabled-content: #c1c9d6;--eun-surface-tint: #f5f8ff;--eun-divider-tint: #d6dae8;--eun-border-tint: #d6dae8;--eun-content-hover-tint: #e4e9f1;--eun-content-pressed-tint: #dce0e9}.eunomia-eunomia-theme--dark{--eun-color-primary-50: #384c85;--eun-color-on-primary-50: #ffffff;--eun-color-primary-100: #445ca1;--eun-color-on-primary-100: #ffffff;--eun-color-primary-200: #506cbd;--eun-color-on-primary-200: #ffffff;--eun-color-primary-300: #5f80e0;--eun-color-on-primary-300: #000000de;--eun-color-primary-400: #6689f0;--eun-color-on-primary-400: #000000de;--eun-color-primary-500: #6c92ff;--eun-color-on-primary-500: #000000de;--eun-color-primary-600: #7599ff;--eun-color-on-primary-600: #000000de;--eun-color-primary-700: #7e9fff;--eun-color-on-primary-700: #000000de;--eun-color-primary-800: #92aeff;--eun-color-on-primary-800: #000000de;--eun-color-primary-900: #a2baff;--eun-color-on-primary-900: #000000de;--eun-color-primary-950: #b3c6ff;--eun-color-on-primary-950: #000000de;--eun-color-primary-bg-hover: rgba(108, 146, 255, 0.08);--eun-color-primary-bg-active: rgba(108, 146, 255, 0.08);--eun-color-primary-transparent: rgba(108, 146, 255, 0.2);--eun-color-primary-transparent-hover: rgba(108, 146, 255, 0.3);--eun-color-primary-transparent-active: rgba(108, 146, 255, 0.4);--eun-color-secondary-50: #7b623a;--eun-color-on-secondary-50: #ffffff;--eun-color-secondary-100: #957746;--eun-color-on-secondary-100: #000000de;--eun-color-secondary-200: #af8c52;--eun-color-on-secondary-200: #000000de;--eun-color-secondary-300: #d1a662;--eun-color-on-secondary-300: #000000de;--eun-color-secondary-400: #dfb268;--eun-color-on-secondary-400: #000000de;--eun-color-secondary-500: #edbd6f;--eun-color-on-secondary-500: #000000de;--eun-color-secondary-600: #eec178;--eun-color-on-secondary-600: #000000de;--eun-color-secondary-700: #efc580;--eun-color-on-secondary-700: #000000de;--eun-color-secondary-800: #f2ce94;--eun-color-on-secondary-800: #000000de;--eun-color-secondary-900: #f4d5a4;--eun-color-on-secondary-900: #000000de;--eun-color-secondary-950: #f6ddb4;--eun-color-on-secondary-950: #000000de;--eun-color-secondary-bg-hover: rgba(237, 189, 111, 0.08);--eun-color-secondary-bg-active: rgba(237, 189, 111, 0.08);--eun-color-secondary-transparent: rgba(237, 189, 111, 0.2);--eun-color-secondary-transparent-hover: rgba(237, 189, 111, 0.3);--eun-color-secondary-transparent-active: rgba(237, 189, 111, 0.4);--eun-content-hover: rgba(255, 255, 255, 0.08);--eun-content-pressed: rgba(255, 255, 255, 0.14);--eun-divider-color: var(--eun-color-grey-300);--eun-border-color: var(--eun-color-grey-300);--eun-surface-color: var(--eun-color-grey-0);--eun-surface-sunken: color-mix( in srgb, var(--eun-text-color) 8%, transparent );--eun-surface-sunken-hover: color-mix( in srgb, var(--eun-text-color) 12%, transparent );--eun-surface-sunken-pressed: color-mix( in srgb, var(--eun-text-color) 16%, transparent );--eun-surface-sunken-strong: color-mix( in srgb, var(--eun-text-color) 16%, transparent );--eun-disabled-color: var(--eun-color-grey-200);--eun-readonly-color: var(--eun-color-grey-600);--eun-text-color: var(--eun-color-grey-800);--eun-text-secondary: var(--eun-color-grey-700);--eun-placeholder-color: var(--eun-color-grey-400);--eun-text-disabled-color: var(--eun-color-grey-500);--eun-text-readonly-color: var(--eun-color-grey-400);--eun-disabled-content: var(--eun-color-grey-400);--eun-surface-tint: #2a3243;--eun-divider-tint: #667090;--eun-border-tint: #667090;--eun-content-hover-tint: rgba(248, 250, 255, 0.08);--eun-content-pressed-tint: rgba(248, 250, 255, 0.14)}
package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia.theme.scss CHANGED
@@ -9,6 +9,7 @@
9
9
  @use "./../../../tools/mixins/settings/eunomia-radius.mixin.scss" as *;
10
10
  @use "./../../../tools/mixins/settings/eunomia-border.mixin.scss" as *;
11
11
  @use "./../../../tools/mixins/settings/eunomia-shadows.mixin.scss" as *;
12
+ @use "./../../../tools/mixins/settings/eunomia-alpha.mixin.scss" as *;
12
13
  @use "./../../../tools/mixins/layout/eunomia-grid.mixin.scss" as *;
13
14
 
14
15
  @mixin default-settings {
@@ -19,6 +20,7 @@
19
20
  @include eunomia-border-radius();
20
21
  @include eunomia-border-width();
21
22
  @include eunomia-shadows();
23
+ @include eunomia-alpha();
22
24
  @include eunomia-height();
23
25
  @include eunomia-breakpoints();
24
26
  @include eunomia-grid-layouts();
package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire-dark.mixin.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use "./../../mixins/eunomia-neutrals.mixin.scss" as *;
2
+
1
3
  @mixin eunomia-fire-dark-theme-colors {
2
4
  $primary-500: #e94235;
3
5
  $secondary-500: #df781e;
@@ -58,19 +60,7 @@
58
60
  --eun-color-secondary-transparent-hover: #{rgba($secondary-500, 0.3)};
59
61
  --eun-color-secondary-transparent-active: #{rgba($secondary-500, 0.4)};
60
62
 
61
- --eun-content-hover: rgba(255, 255, 255, 0.08);
62
- --eun-content-pressed: rgba(255, 255, 255, 0.14);
63
- --eun-divider-color: var(--eun-color-grey-300);
64
- --eun-border-color: var(--eun-color-grey-300);
65
- --eun-surface-color: var(--eun-color-grey-0);
66
- --eun-disabled-color: var(--eun-color-grey-200);
67
- --eun-readonly-color: var(--eun-color-grey-600);
68
- --eun-text-color: var(--eun-color-grey-800);
69
- --eun-text-secondary: var(--eun-color-grey-700);
70
- --eun-placeholder-color: var(--eun-color-grey-400);
71
- --eun-text-disabled-color: var(--eun-color-grey-500);
72
- --eun-text-readonly-color: var(--eun-color-grey-400);
73
- --eun-disabled-content: var(--eun-color-grey-400);
63
+ @include eunomia-dark-neutrals();
74
64
 
75
65
  --eun-surface-tint: #2f2e39;
76
66
  --eun-divider-tint: #6c6c86;
package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire.mixin.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use "./../../mixins/eunomia-neutrals.mixin.scss" as *;
2
+
1
3
  @mixin eunomia-fire-theme-colors {
2
4
  $primary-500: #d8291c;
3
5
  $secondary-500: #f2790f;
@@ -58,19 +60,7 @@
58
60
  --eun-color-secondary-transparent-hover: #{rgba($secondary-500, 0.3)};
59
61
  --eun-color-secondary-transparent-active: #{rgba($secondary-500, 0.4)};
60
62
 
61
- --eun-content-hover: #edeff0;
62
- --eun-content-pressed: #e4e6e8;
63
- --eun-divider-color: #dee0e7;
64
- --eun-border-color: #dee0e7;
65
- --eun-surface-color: #ffffff;
66
- --eun-disabled-color: #ecedf0;
67
- --eun-readonly-color: #666e8a;
68
- --eun-text-color: #071621;
69
- --eun-text-secondary: #484e61;
70
- --eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);
71
- --eun-text-disabled-color: #8d93aa;
72
- --eun-text-readonly-color: #c1c9d6;
73
- --eun-disabled-content: #c1c9d6;
63
+ @include eunomia-neutrals();
74
64
 
75
65
  --eun-surface-tint: #fdf4f4;
76
66
  --eun-divider-tint: #ded7dd;
package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire.theme.css CHANGED
@@ -1 +1 @@
1
- @font-face{font-family:"Mulish";font-style:normal;font-weight:200 1000;font-display:swap;src:url("../../../fonts/mulish/mulish-latin-variable-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Mulish";font-style:italic;font-weight:200 1000;font-display:swap;src:url("../../../fonts/mulish/mulish-latin-variable-italic.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.eunomia-fire-theme{--eun-color-primary-50: #eb9089;--eun-color-on-primary-50: #000000de;--eun-color-primary-100: #e67870;--eun-color-on-primary-100: #000000de;--eun-color-primary-200: #e26157;--eun-color-on-primary-200: #000000de;--eun-color-primary-300: #dd4337;--eun-color-on-primary-300: #000000de;--eun-color-primary-400: #da362a;--eun-color-on-primary-400: #ffffff;--eun-color-primary-500: #d8291c;--eun-color-on-primary-500: #ffffff;--eun-color-primary-600: #cb271a;--eun-color-on-primary-600: #ffffff;--eun-color-primary-700: #be2419;--eun-color-on-primary-700: #ffffff;--eun-color-primary-800: #a01e15;--eun-color-on-primary-800: #ffffff;--eun-color-primary-900: #881a12;--eun-color-on-primary-900: #ffffff;--eun-color-primary-950: #70150f;--eun-color-on-primary-950: #ffffff;--eun-color-primary-bg-hover: rgba(216, 41, 28, 0.08);--eun-color-primary-bg-active: rgba(216, 41, 28, 0.08);--eun-color-primary-transparent: rgba(216, 41, 28, 0.2);--eun-color-primary-transparent-hover: rgba(216, 41, 28, 0.3);--eun-color-primary-transparent-active: rgba(216, 41, 28, 0.4);--eun-color-secondary-50: #f8b982;--eun-color-on-secondary-50: #000000de;--eun-color-secondary-100: #f7ab68;--eun-color-on-secondary-100: #000000de;--eun-color-secondary-200: #f59c4d;--eun-color-on-secondary-200: #000000de;--eun-color-secondary-300: #f4892c;--eun-color-on-secondary-300: #000000de;--eun-color-secondary-400: #f3811d;--eun-color-on-secondary-400: #000000de;--eun-color-secondary-500: #f2790f;--eun-color-on-secondary-500: #000000de;--eun-color-secondary-600: #e3720e;--eun-color-on-secondary-600: #000000de;--eun-color-secondary-700: #d56a0d;--eun-color-on-secondary-700: #000000de;--eun-color-secondary-800: #b35a0b;--eun-color-on-secondary-800: #ffffff;--eun-color-secondary-900: #984c09;--eun-color-on-secondary-900: #ffffff;--eun-color-secondary-950: #7e3f08;--eun-color-on-secondary-950: #ffffff;--eun-color-secondary-bg-hover: rgba(242, 121, 15, 0.08);--eun-color-secondary-bg-active: rgba(242, 121, 15, 0.08);--eun-color-secondary-transparent: rgba(242, 121, 15, 0.2);--eun-color-secondary-transparent-hover: rgba(242, 121, 15, 0.3);--eun-color-secondary-transparent-active: rgba(242, 121, 15, 0.4);--eun-content-hover: #edeff0;--eun-content-pressed: #e4e6e8;--eun-divider-color: #dee0e7;--eun-border-color: #dee0e7;--eun-surface-color: #ffffff;--eun-disabled-color: #ecedf0;--eun-readonly-color: #666e8a;--eun-text-color: #071621;--eun-text-secondary: #484e61;--eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);--eun-text-disabled-color: #8d93aa;--eun-text-readonly-color: #c1c9d6;--eun-disabled-content: #c1c9d6;--eun-surface-tint: #fdf4f4;--eun-divider-tint: #ded7dd;--eun-border-tint: #ded7dd;--eun-content-hover-tint: #ece5e5;--eun-content-pressed-tint: #e3ddde}.eunomia-fire-theme--dark{--eun-color-primary-50: #6f211b;--eun-color-on-primary-50: #ffffff;--eun-color-primary-100: #862922;--eun-color-on-primary-100: #ffffff;--eun-color-primary-200: #9e3027;--eun-color-on-primary-200: #ffffff;--eun-color-primary-300: #bc392e;--eun-color-on-primary-300: #ffffff;--eun-color-primary-400: #c83c32;--eun-color-on-primary-400: #ffffff;--eun-color-primary-500: #e94235;--eun-color-on-primary-500: #000000de;--eun-color-primary-600: #d84c41;--eun-color-on-primary-600: #000000de;--eun-color-primary-700: #da574d;--eun-color-on-primary-700: #000000de;--eun-color-primary-800: #e07169;--eun-color-on-primary-800: #000000de;--eun-color-primary-900: #e48780;--eun-color-on-primary-900: #000000de;--eun-color-primary-950: #e99b96;--eun-color-on-primary-950: #000000de;--eun-color-primary-bg-hover: rgba(233, 66, 53, 0.08);--eun-color-primary-bg-active: rgba(233, 66, 53, 0.08);--eun-color-primary-transparent: rgba(233, 66, 53, 0.2);--eun-color-primary-transparent-hover: rgba(233, 66, 53, 0.3);--eun-color-primary-transparent-active: rgba(233, 66, 53, 0.4);--eun-color-secondary-50: #743f10;--eun-color-on-secondary-50: #ffffff;--eun-color-secondary-100: #8c4c13;--eun-color-on-secondary-100: #ffffff;--eun-color-secondary-200: #a55a17;--eun-color-on-secondary-200: #ffffff;--eun-color-secondary-300: #c4691a;--eun-color-on-secondary-300: #000000de;--eun-color-secondary-400: #d2711c;--eun-color-on-secondary-400: #000000de;--eun-color-secondary-500: #df781e;--eun-color-on-secondary-500: #000000de;--eun-color-secondary-600: #e1812c;--eun-color-on-secondary-600: #000000de;--eun-color-secondary-700: #e38839;--eun-color-on-secondary-700: #000000de;--eun-color-secondary-800: #e79c59;--eun-color-on-secondary-800: #000000de;--eun-color-secondary-900: #ebab72;--eun-color-on-secondary-900: #000000de;--eun-color-secondary-950: #eeb98a;--eun-color-on-secondary-950: #000000de;--eun-color-secondary-bg-hover: rgba(223, 120, 30, 0.08);--eun-color-secondary-bg-active: rgba(223, 120, 30, 0.08);--eun-color-secondary-transparent: rgba(223, 120, 30, 0.2);--eun-color-secondary-transparent-hover: rgba(223, 120, 30, 0.3);--eun-color-secondary-transparent-active: rgba(223, 120, 30, 0.4);--eun-content-hover: rgba(255, 255, 255, 0.08);--eun-content-pressed: rgba(255, 255, 255, 0.14);--eun-divider-color: var(--eun-color-grey-300);--eun-border-color: var(--eun-color-grey-300);--eun-surface-color: var(--eun-color-grey-0);--eun-disabled-color: var(--eun-color-grey-200);--eun-readonly-color: var(--eun-color-grey-600);--eun-text-color: var(--eun-color-grey-800);--eun-text-secondary: var(--eun-color-grey-700);--eun-placeholder-color: var(--eun-color-grey-400);--eun-text-disabled-color: var(--eun-color-grey-500);--eun-text-readonly-color: var(--eun-color-grey-400);--eun-disabled-content: var(--eun-color-grey-400);--eun-surface-tint: #2f2e39;--eun-divider-tint: #6c6c86;--eun-border-tint: #6c6c86;--eun-content-hover-tint: rgba(253, 245, 245, 0.08);--eun-content-pressed-tint: rgba(253, 245, 245, 0.14)}
1
+ @font-face{font-family:"Mulish";font-style:normal;font-weight:200 1000;font-display:swap;src:url("../../../fonts/mulish/mulish-latin-variable-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Mulish";font-style:italic;font-weight:200 1000;font-display:swap;src:url("../../../fonts/mulish/mulish-latin-variable-italic.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.eunomia-fire-theme{--eun-color-primary-50: #eb9089;--eun-color-on-primary-50: #000000de;--eun-color-primary-100: #e67870;--eun-color-on-primary-100: #000000de;--eun-color-primary-200: #e26157;--eun-color-on-primary-200: #000000de;--eun-color-primary-300: #dd4337;--eun-color-on-primary-300: #000000de;--eun-color-primary-400: #da362a;--eun-color-on-primary-400: #ffffff;--eun-color-primary-500: #d8291c;--eun-color-on-primary-500: #ffffff;--eun-color-primary-600: #cb271a;--eun-color-on-primary-600: #ffffff;--eun-color-primary-700: #be2419;--eun-color-on-primary-700: #ffffff;--eun-color-primary-800: #a01e15;--eun-color-on-primary-800: #ffffff;--eun-color-primary-900: #881a12;--eun-color-on-primary-900: #ffffff;--eun-color-primary-950: #70150f;--eun-color-on-primary-950: #ffffff;--eun-color-primary-bg-hover: rgba(216, 41, 28, 0.08);--eun-color-primary-bg-active: rgba(216, 41, 28, 0.08);--eun-color-primary-transparent: rgba(216, 41, 28, 0.2);--eun-color-primary-transparent-hover: rgba(216, 41, 28, 0.3);--eun-color-primary-transparent-active: rgba(216, 41, 28, 0.4);--eun-color-secondary-50: #f8b982;--eun-color-on-secondary-50: #000000de;--eun-color-secondary-100: #f7ab68;--eun-color-on-secondary-100: #000000de;--eun-color-secondary-200: #f59c4d;--eun-color-on-secondary-200: #000000de;--eun-color-secondary-300: #f4892c;--eun-color-on-secondary-300: #000000de;--eun-color-secondary-400: #f3811d;--eun-color-on-secondary-400: #000000de;--eun-color-secondary-500: #f2790f;--eun-color-on-secondary-500: #000000de;--eun-color-secondary-600: #e3720e;--eun-color-on-secondary-600: #000000de;--eun-color-secondary-700: #d56a0d;--eun-color-on-secondary-700: #000000de;--eun-color-secondary-800: #b35a0b;--eun-color-on-secondary-800: #ffffff;--eun-color-secondary-900: #984c09;--eun-color-on-secondary-900: #ffffff;--eun-color-secondary-950: #7e3f08;--eun-color-on-secondary-950: #ffffff;--eun-color-secondary-bg-hover: rgba(242, 121, 15, 0.08);--eun-color-secondary-bg-active: rgba(242, 121, 15, 0.08);--eun-color-secondary-transparent: rgba(242, 121, 15, 0.2);--eun-color-secondary-transparent-hover: rgba(242, 121, 15, 0.3);--eun-color-secondary-transparent-active: rgba(242, 121, 15, 0.4);--eun-content-hover: #9696961a;--eun-content-pressed: #e4e6e8;--eun-divider-color: #dee0e7;--eun-border-color: #dee0e7;--eun-surface-color: #ffffff;--eun-surface-sunken: color-mix( in srgb, var(--eun-text-color) 5%, transparent );--eun-surface-sunken-hover: color-mix( in srgb, var(--eun-text-color) 9%, transparent );--eun-surface-sunken-pressed: color-mix( in srgb, var(--eun-text-color) 12%, transparent );--eun-surface-sunken-strong: color-mix( in srgb, var(--eun-text-color) 8%, transparent );--eun-disabled-color: #ecedf0;--eun-readonly-color: #666e8a;--eun-text-color: #071621;--eun-text-secondary: #484e61;--eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);--eun-text-disabled-color: #8d93aa;--eun-text-readonly-color: #c1c9d6;--eun-disabled-content: #c1c9d6;--eun-surface-tint: #fdf4f4;--eun-divider-tint: #ded7dd;--eun-border-tint: #ded7dd;--eun-content-hover-tint: #ece5e5;--eun-content-pressed-tint: #e3ddde}.eunomia-fire-theme--dark{--eun-color-primary-50: #6f211b;--eun-color-on-primary-50: #ffffff;--eun-color-primary-100: #862922;--eun-color-on-primary-100: #ffffff;--eun-color-primary-200: #9e3027;--eun-color-on-primary-200: #ffffff;--eun-color-primary-300: #bc392e;--eun-color-on-primary-300: #ffffff;--eun-color-primary-400: #c83c32;--eun-color-on-primary-400: #ffffff;--eun-color-primary-500: #e94235;--eun-color-on-primary-500: #000000de;--eun-color-primary-600: #d84c41;--eun-color-on-primary-600: #000000de;--eun-color-primary-700: #da574d;--eun-color-on-primary-700: #000000de;--eun-color-primary-800: #e07169;--eun-color-on-primary-800: #000000de;--eun-color-primary-900: #e48780;--eun-color-on-primary-900: #000000de;--eun-color-primary-950: #e99b96;--eun-color-on-primary-950: #000000de;--eun-color-primary-bg-hover: rgba(233, 66, 53, 0.08);--eun-color-primary-bg-active: rgba(233, 66, 53, 0.08);--eun-color-primary-transparent: rgba(233, 66, 53, 0.2);--eun-color-primary-transparent-hover: rgba(233, 66, 53, 0.3);--eun-color-primary-transparent-active: rgba(233, 66, 53, 0.4);--eun-color-secondary-50: #743f10;--eun-color-on-secondary-50: #ffffff;--eun-color-secondary-100: #8c4c13;--eun-color-on-secondary-100: #ffffff;--eun-color-secondary-200: #a55a17;--eun-color-on-secondary-200: #ffffff;--eun-color-secondary-300: #c4691a;--eun-color-on-secondary-300: #000000de;--eun-color-secondary-400: #d2711c;--eun-color-on-secondary-400: #000000de;--eun-color-secondary-500: #df781e;--eun-color-on-secondary-500: #000000de;--eun-color-secondary-600: #e1812c;--eun-color-on-secondary-600: #000000de;--eun-color-secondary-700: #e38839;--eun-color-on-secondary-700: #000000de;--eun-color-secondary-800: #e79c59;--eun-color-on-secondary-800: #000000de;--eun-color-secondary-900: #ebab72;--eun-color-on-secondary-900: #000000de;--eun-color-secondary-950: #eeb98a;--eun-color-on-secondary-950: #000000de;--eun-color-secondary-bg-hover: rgba(223, 120, 30, 0.08);--eun-color-secondary-bg-active: rgba(223, 120, 30, 0.08);--eun-color-secondary-transparent: rgba(223, 120, 30, 0.2);--eun-color-secondary-transparent-hover: rgba(223, 120, 30, 0.3);--eun-color-secondary-transparent-active: rgba(223, 120, 30, 0.4);--eun-content-hover: rgba(255, 255, 255, 0.08);--eun-content-pressed: rgba(255, 255, 255, 0.14);--eun-divider-color: var(--eun-color-grey-300);--eun-border-color: var(--eun-color-grey-300);--eun-surface-color: var(--eun-color-grey-0);--eun-surface-sunken: color-mix( in srgb, var(--eun-text-color) 8%, transparent );--eun-surface-sunken-hover: color-mix( in srgb, var(--eun-text-color) 12%, transparent );--eun-surface-sunken-pressed: color-mix( in srgb, var(--eun-text-color) 16%, transparent );--eun-surface-sunken-strong: color-mix( in srgb, var(--eun-text-color) 16%, transparent );--eun-disabled-color: var(--eun-color-grey-200);--eun-readonly-color: var(--eun-color-grey-600);--eun-text-color: var(--eun-color-grey-800);--eun-text-secondary: var(--eun-color-grey-700);--eun-placeholder-color: var(--eun-color-grey-400);--eun-text-disabled-color: var(--eun-color-grey-500);--eun-text-readonly-color: var(--eun-color-grey-400);--eun-disabled-content: var(--eun-color-grey-400);--eun-surface-tint: #2f2e39;--eun-divider-tint: #6c6c86;--eun-border-tint: #6c6c86;--eun-content-hover-tint: rgba(253, 245, 245, 0.08);--eun-content-pressed-tint: rgba(253, 245, 245, 0.14)}
package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire.theme.scss CHANGED
@@ -9,6 +9,7 @@
9
9
  @use "./../../../tools/mixins/settings/eunomia-radius.mixin.scss" as *;
10
10
  @use "./../../../tools/mixins/settings/eunomia-border.mixin.scss" as *;
11
11
  @use "./../../../tools/mixins/settings/eunomia-shadows.mixin.scss" as *;
12
+ @use "./../../../tools/mixins/settings/eunomia-alpha.mixin.scss" as *;
12
13
  @use "./../../../tools/mixins/layout/eunomia-grid.mixin.scss" as *;
13
14
 
14
15
  @mixin default-settings {
@@ -19,6 +20,7 @@
19
20
  @include eunomia-border-radius();
20
21
  @include eunomia-border-width();
21
22
  @include eunomia-shadows();
23
+ @include eunomia-alpha();
22
24
  @include eunomia-height();
23
25
  @include eunomia-breakpoints();
24
26
  @include eunomia-grid-layouts();
package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest-dark.mixin.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use "./../../mixins/eunomia-neutrals.mixin.scss" as *;
2
+
1
3
  @mixin eunomia-forest-dark-theme-colors {
2
4
  $primary-500: #8cddb7;
3
5
  $secondary-500: #c49e7b;
@@ -58,19 +60,7 @@
58
60
  --eun-color-secondary-transparent-hover: #{rgba($secondary-500, 0.3)};
59
61
  --eun-color-secondary-transparent-active: #{rgba($secondary-500, 0.4)};
60
62
 
61
- --eun-content-hover: rgba(255, 255, 255, 0.08);
62
- --eun-content-pressed: rgba(255, 255, 255, 0.14);
63
- --eun-divider-color: var(--eun-color-grey-300);
64
- --eun-border-color: var(--eun-color-grey-300);
65
- --eun-surface-color: var(--eun-color-grey-0);
66
- --eun-disabled-color: var(--eun-color-grey-200);
67
- --eun-readonly-color: var(--eun-color-grey-600);
68
- --eun-text-color: var(--eun-color-grey-800);
69
- --eun-text-secondary: var(--eun-color-grey-700);
70
- --eun-placeholder-color: var(--eun-color-grey-400);
71
- --eun-text-disabled-color: var(--eun-color-grey-500);
72
- --eun-text-readonly-color: var(--eun-color-grey-400);
73
- --eun-disabled-content: var(--eun-color-grey-400);
63
+ @include eunomia-dark-neutrals();
74
64
 
75
65
  --eun-surface-tint: #2b363f;
76
66
  --eun-divider-tint: #68748c;
package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest.mixin.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use "./../../mixins/eunomia-neutrals.mixin.scss" as *;
2
+
1
3
  @mixin eunomia-forest-theme-colors {
2
4
  $primary-500: #1b7a4d;
3
5
  $secondary-500: #8b5e34;
@@ -58,19 +60,7 @@
58
60
  --eun-color-secondary-transparent-hover: #{rgba($secondary-500, 0.3)};
59
61
  --eun-color-secondary-transparent-active: #{rgba($secondary-500, 0.4)};
60
62
 
61
- --eun-content-hover: #edeff0;
62
- --eun-content-pressed: #e4e6e8;
63
- --eun-divider-color: #dee0e7;
64
- --eun-border-color: #dee0e7;
65
- --eun-surface-color: #ffffff;
66
- --eun-disabled-color: #ecedf0;
67
- --eun-readonly-color: #666e8a;
68
- --eun-text-color: #071621;
69
- --eun-text-secondary: #484e61;
70
- --eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);
71
- --eun-text-disabled-color: #8d93aa;
72
- --eun-text-readonly-color: #c1c9d6;
73
- --eun-disabled-content: #c1c9d6;
63
+ @include eunomia-neutrals();
74
64
 
75
65
  --eun-surface-tint: #f4f8f6;
76
66
  --eun-divider-tint: #d4dbdf;
package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest.theme.css CHANGED
@@ -1 +1 @@
1
- @font-face{font-family:"Mulish";font-style:normal;font-weight:200 1000;font-display:swap;src:url("../../../fonts/mulish/mulish-latin-variable-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Mulish";font-style:italic;font-weight:200 1000;font-display:swap;src:url("../../../fonts/mulish/mulish-latin-variable-italic.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.eunomia-forest-theme{--eun-color-primary-50: #88baa2;--eun-color-on-primary-50: #000000de;--eun-color-primary-100: #6fab8f;--eun-color-on-primary-100: #000000de;--eun-color-primary-200: #569d7b;--eun-color-on-primary-200: #000000de;--eun-color-primary-300: #368a62;--eun-color-on-primary-300: #000000de;--eun-color-primary-400: #298258;--eun-color-on-primary-400: #ffffff;--eun-color-primary-500: #1b7a4d;--eun-color-on-primary-500: #ffffff;--eun-color-primary-600: #197348;--eun-color-on-primary-600: #ffffff;--eun-color-primary-700: #186b44;--eun-color-on-primary-700: #ffffff;--eun-color-primary-800: #145a39;--eun-color-on-primary-800: #ffffff;--eun-color-primary-900: #114d31;--eun-color-on-primary-900: #ffffff;--eun-color-primary-950: #0e3f28;--eun-color-on-primary-950: #ffffff;--eun-color-primary-bg-hover: rgba(27, 122, 77, 0.08);--eun-color-primary-bg-active: rgba(27, 122, 77, 0.08);--eun-color-primary-transparent: rgba(27, 122, 77, 0.2);--eun-color-primary-transparent-hover: rgba(27, 122, 77, 0.3);--eun-color-primary-transparent-active: rgba(27, 122, 77, 0.4);--eun-color-secondary-50: #c3ab95;--eun-color-on-secondary-50: #000000de;--eun-color-secondary-100: #b69a7f;--eun-color-on-secondary-100: #000000de;--eun-color-secondary-200: #a98869;--eun-color-on-secondary-200: #000000de;--eun-color-secondary-300: #99714c;--eun-color-on-secondary-300: #000000;--eun-color-secondary-400: #926840;--eun-color-on-secondary-400: #ffffff;--eun-color-secondary-500: #8b5e34;--eun-color-on-secondary-500: #ffffff;--eun-color-secondary-600: #835831;--eun-color-on-secondary-600: #ffffff;--eun-color-secondary-700: #7a532e;--eun-color-on-secondary-700: #ffffff;--eun-color-secondary-800: #674626;--eun-color-on-secondary-800: #ffffff;--eun-color-secondary-900: #583b21;--eun-color-on-secondary-900: #ffffff;--eun-color-secondary-950: #48311b;--eun-color-on-secondary-950: #ffffff;--eun-color-secondary-bg-hover: rgba(139, 94, 52, 0.08);--eun-color-secondary-bg-active: rgba(139, 94, 52, 0.08);--eun-color-secondary-transparent: rgba(139, 94, 52, 0.2);--eun-color-secondary-transparent-hover: rgba(139, 94, 52, 0.3);--eun-color-secondary-transparent-active: rgba(139, 94, 52, 0.4);--eun-content-hover: #edeff0;--eun-content-pressed: #e4e6e8;--eun-divider-color: #dee0e7;--eun-border-color: #dee0e7;--eun-surface-color: #ffffff;--eun-disabled-color: #ecedf0;--eun-readonly-color: #666e8a;--eun-text-color: #071621;--eun-text-secondary: #484e61;--eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);--eun-text-disabled-color: #8d93aa;--eun-text-readonly-color: #c1c9d6;--eun-disabled-content: #c1c9d6;--eun-surface-tint: #f4f8f6;--eun-divider-tint: #d4dbdf;--eun-border-tint: #d4dbdf;--eun-content-hover-tint: #e2e9e8;--eun-content-pressed-tint: #dae1e0}.eunomia-forest-theme--dark{--eun-color-primary-50: #49735f;--eun-color-on-primary-50: #ffffff;--eun-color-primary-100: #588b74;--eun-color-on-primary-100: #000000de;--eun-color-primary-200: #67a487;--eun-color-on-primary-200: #000000de;--eun-color-primary-300: #7bc3a1;--eun-color-on-primary-300: #000000de;--eun-color-primary-400: #84cfac;--eun-color-on-primary-400: #000000de;--eun-color-primary-500: #8cddb7;--eun-color-on-primary-500: #000000de;--eun-color-primary-600: #93dfbb;--eun-color-on-primary-600: #000000de;--eun-color-primary-700: #9ae1c0;--eun-color-on-primary-700: #000000de;--eun-color-primary-800: #aae6ca;--eun-color-on-primary-800: #000000de;--eun-color-primary-900: #b6ead2;--eun-color-on-primary-900: #000000de;--eun-color-primary-950: #c4edda;--eun-color-on-primary-950: #000000de;--eun-color-primary-bg-hover: rgba(140, 221, 183, 0.08);--eun-color-primary-bg-active: rgba(140, 221, 183, 0.08);--eun-color-primary-transparent: rgba(140, 221, 183, 0.2);--eun-color-primary-transparent-hover: rgba(140, 221, 183, 0.3);--eun-color-primary-transparent-active: rgba(140, 221, 183, 0.4);--eun-color-secondary-50: #67523f;--eun-color-on-secondary-50: #ffffff;--eun-color-secondary-100: #7c644d;--eun-color-on-secondary-100: #ffffff;--eun-color-secondary-200: #91755b;--eun-color-on-secondary-200: #000000;--eun-color-secondary-300: #ad8b6c;--eun-color-on-secondary-300: #000000de;--eun-color-secondary-400: #b99573;--eun-color-on-secondary-400: #000000de;--eun-color-secondary-500: #c49e7b;--eun-color-on-secondary-500: #000000de;--eun-color-secondary-600: #c8a382;--eun-color-on-secondary-600: #000000de;--eun-color-secondary-700: #cbaa8b;--eun-color-on-secondary-700: #000000de;--eun-color-secondary-800: #d4b89d;--eun-color-on-secondary-800: #000000de;--eun-color-secondary-900: #dac1ab;--eun-color-on-secondary-900: #000000de;--eun-color-secondary-950: #e1cdba;--eun-color-on-secondary-950: #000000de;--eun-color-secondary-bg-hover: rgba(196, 158, 123, 0.08);--eun-color-secondary-bg-active: rgba(196, 158, 123, 0.08);--eun-color-secondary-transparent: rgba(196, 158, 123, 0.2);--eun-color-secondary-transparent-hover: rgba(196, 158, 123, 0.3);--eun-color-secondary-transparent-active: rgba(196, 158, 123, 0.4);--eun-content-hover: rgba(255, 255, 255, 0.08);--eun-content-pressed: rgba(255, 255, 255, 0.14);--eun-divider-color: var(--eun-color-grey-300);--eun-border-color: var(--eun-color-grey-300);--eun-surface-color: var(--eun-color-grey-0);--eun-disabled-color: var(--eun-color-grey-200);--eun-readonly-color: var(--eun-color-grey-600);--eun-text-color: var(--eun-color-grey-800);--eun-text-secondary: var(--eun-color-grey-700);--eun-placeholder-color: var(--eun-color-grey-400);--eun-text-disabled-color: var(--eun-color-grey-500);--eun-text-readonly-color: var(--eun-color-grey-400);--eun-disabled-content: var(--eun-color-grey-400);--eun-surface-tint: #2b363f;--eun-divider-tint: #68748c;--eun-border-tint: #68748c;--eun-content-hover-tint: rgba(249, 253, 251, 0.08);--eun-content-pressed-tint: rgba(249, 253, 251, 0.14)}
1
+ @font-face{font-family:"Mulish";font-style:normal;font-weight:200 1000;font-display:swap;src:url("../../../fonts/mulish/mulish-latin-variable-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Mulish";font-style:italic;font-weight:200 1000;font-display:swap;src:url("../../../fonts/mulish/mulish-latin-variable-italic.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.eunomia-forest-theme{--eun-color-primary-50: #88baa2;--eun-color-on-primary-50: #000000de;--eun-color-primary-100: #6fab8f;--eun-color-on-primary-100: #000000de;--eun-color-primary-200: #569d7b;--eun-color-on-primary-200: #000000de;--eun-color-primary-300: #368a62;--eun-color-on-primary-300: #000000de;--eun-color-primary-400: #298258;--eun-color-on-primary-400: #ffffff;--eun-color-primary-500: #1b7a4d;--eun-color-on-primary-500: #ffffff;--eun-color-primary-600: #197348;--eun-color-on-primary-600: #ffffff;--eun-color-primary-700: #186b44;--eun-color-on-primary-700: #ffffff;--eun-color-primary-800: #145a39;--eun-color-on-primary-800: #ffffff;--eun-color-primary-900: #114d31;--eun-color-on-primary-900: #ffffff;--eun-color-primary-950: #0e3f28;--eun-color-on-primary-950: #ffffff;--eun-color-primary-bg-hover: rgba(27, 122, 77, 0.08);--eun-color-primary-bg-active: rgba(27, 122, 77, 0.08);--eun-color-primary-transparent: rgba(27, 122, 77, 0.2);--eun-color-primary-transparent-hover: rgba(27, 122, 77, 0.3);--eun-color-primary-transparent-active: rgba(27, 122, 77, 0.4);--eun-color-secondary-50: #c3ab95;--eun-color-on-secondary-50: #000000de;--eun-color-secondary-100: #b69a7f;--eun-color-on-secondary-100: #000000de;--eun-color-secondary-200: #a98869;--eun-color-on-secondary-200: #000000de;--eun-color-secondary-300: #99714c;--eun-color-on-secondary-300: #000000;--eun-color-secondary-400: #926840;--eun-color-on-secondary-400: #ffffff;--eun-color-secondary-500: #8b5e34;--eun-color-on-secondary-500: #ffffff;--eun-color-secondary-600: #835831;--eun-color-on-secondary-600: #ffffff;--eun-color-secondary-700: #7a532e;--eun-color-on-secondary-700: #ffffff;--eun-color-secondary-800: #674626;--eun-color-on-secondary-800: #ffffff;--eun-color-secondary-900: #583b21;--eun-color-on-secondary-900: #ffffff;--eun-color-secondary-950: #48311b;--eun-color-on-secondary-950: #ffffff;--eun-color-secondary-bg-hover: rgba(139, 94, 52, 0.08);--eun-color-secondary-bg-active: rgba(139, 94, 52, 0.08);--eun-color-secondary-transparent: rgba(139, 94, 52, 0.2);--eun-color-secondary-transparent-hover: rgba(139, 94, 52, 0.3);--eun-color-secondary-transparent-active: rgba(139, 94, 52, 0.4);--eun-content-hover: #9696961a;--eun-content-pressed: #e4e6e8;--eun-divider-color: #dee0e7;--eun-border-color: #dee0e7;--eun-surface-color: #ffffff;--eun-surface-sunken: color-mix( in srgb, var(--eun-text-color) 5%, transparent );--eun-surface-sunken-hover: color-mix( in srgb, var(--eun-text-color) 9%, transparent );--eun-surface-sunken-pressed: color-mix( in srgb, var(--eun-text-color) 12%, transparent );--eun-surface-sunken-strong: color-mix( in srgb, var(--eun-text-color) 8%, transparent );--eun-disabled-color: #ecedf0;--eun-readonly-color: #666e8a;--eun-text-color: #071621;--eun-text-secondary: #484e61;--eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);--eun-text-disabled-color: #8d93aa;--eun-text-readonly-color: #c1c9d6;--eun-disabled-content: #c1c9d6;--eun-surface-tint: #f4f8f6;--eun-divider-tint: #d4dbdf;--eun-border-tint: #d4dbdf;--eun-content-hover-tint: #e2e9e8;--eun-content-pressed-tint: #dae1e0}.eunomia-forest-theme--dark{--eun-color-primary-50: #49735f;--eun-color-on-primary-50: #ffffff;--eun-color-primary-100: #588b74;--eun-color-on-primary-100: #000000de;--eun-color-primary-200: #67a487;--eun-color-on-primary-200: #000000de;--eun-color-primary-300: #7bc3a1;--eun-color-on-primary-300: #000000de;--eun-color-primary-400: #84cfac;--eun-color-on-primary-400: #000000de;--eun-color-primary-500: #8cddb7;--eun-color-on-primary-500: #000000de;--eun-color-primary-600: #93dfbb;--eun-color-on-primary-600: #000000de;--eun-color-primary-700: #9ae1c0;--eun-color-on-primary-700: #000000de;--eun-color-primary-800: #aae6ca;--eun-color-on-primary-800: #000000de;--eun-color-primary-900: #b6ead2;--eun-color-on-primary-900: #000000de;--eun-color-primary-950: #c4edda;--eun-color-on-primary-950: #000000de;--eun-color-primary-bg-hover: rgba(140, 221, 183, 0.08);--eun-color-primary-bg-active: rgba(140, 221, 183, 0.08);--eun-color-primary-transparent: rgba(140, 221, 183, 0.2);--eun-color-primary-transparent-hover: rgba(140, 221, 183, 0.3);--eun-color-primary-transparent-active: rgba(140, 221, 183, 0.4);--eun-color-secondary-50: #67523f;--eun-color-on-secondary-50: #ffffff;--eun-color-secondary-100: #7c644d;--eun-color-on-secondary-100: #ffffff;--eun-color-secondary-200: #91755b;--eun-color-on-secondary-200: #000000;--eun-color-secondary-300: #ad8b6c;--eun-color-on-secondary-300: #000000de;--eun-color-secondary-400: #b99573;--eun-color-on-secondary-400: #000000de;--eun-color-secondary-500: #c49e7b;--eun-color-on-secondary-500: #000000de;--eun-color-secondary-600: #c8a382;--eun-color-on-secondary-600: #000000de;--eun-color-secondary-700: #cbaa8b;--eun-color-on-secondary-700: #000000de;--eun-color-secondary-800: #d4b89d;--eun-color-on-secondary-800: #000000de;--eun-color-secondary-900: #dac1ab;--eun-color-on-secondary-900: #000000de;--eun-color-secondary-950: #e1cdba;--eun-color-on-secondary-950: #000000de;--eun-color-secondary-bg-hover: rgba(196, 158, 123, 0.08);--eun-color-secondary-bg-active: rgba(196, 158, 123, 0.08);--eun-color-secondary-transparent: rgba(196, 158, 123, 0.2);--eun-color-secondary-transparent-hover: rgba(196, 158, 123, 0.3);--eun-color-secondary-transparent-active: rgba(196, 158, 123, 0.4);--eun-content-hover: rgba(255, 255, 255, 0.08);--eun-content-pressed: rgba(255, 255, 255, 0.14);--eun-divider-color: var(--eun-color-grey-300);--eun-border-color: var(--eun-color-grey-300);--eun-surface-color: var(--eun-color-grey-0);--eun-surface-sunken: color-mix( in srgb, var(--eun-text-color) 8%, transparent );--eun-surface-sunken-hover: color-mix( in srgb, var(--eun-text-color) 12%, transparent );--eun-surface-sunken-pressed: color-mix( in srgb, var(--eun-text-color) 16%, transparent );--eun-surface-sunken-strong: color-mix( in srgb, var(--eun-text-color) 16%, transparent );--eun-disabled-color: var(--eun-color-grey-200);--eun-readonly-color: var(--eun-color-grey-600);--eun-text-color: var(--eun-color-grey-800);--eun-text-secondary: var(--eun-color-grey-700);--eun-placeholder-color: var(--eun-color-grey-400);--eun-text-disabled-color: var(--eun-color-grey-500);--eun-text-readonly-color: var(--eun-color-grey-400);--eun-disabled-content: var(--eun-color-grey-400);--eun-surface-tint: #2b363f;--eun-divider-tint: #68748c;--eun-border-tint: #68748c;--eun-content-hover-tint: rgba(249, 253, 251, 0.08);--eun-content-pressed-tint: rgba(249, 253, 251, 0.14)}
package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest.theme.scss CHANGED
@@ -9,6 +9,7 @@
9
9
  @use "./../../../tools/mixins/settings/eunomia-radius.mixin.scss" as *;
10
10
  @use "./../../../tools/mixins/settings/eunomia-border.mixin.scss" as *;
11
11
  @use "./../../../tools/mixins/settings/eunomia-shadows.mixin.scss" as *;
12
+ @use "./../../../tools/mixins/settings/eunomia-alpha.mixin.scss" as *;
12
13
  @use "./../../../tools/mixins/layout/eunomia-grid.mixin.scss" as *;
13
14
 
14
15
  @mixin default-settings {
@@ -19,6 +20,7 @@
19
20
  @include eunomia-border-radius();
20
21
  @include eunomia-border-width();
21
22
  @include eunomia-shadows();
23
+ @include eunomia-alpha();
22
24
  @include eunomia-height();
23
25
  @include eunomia-breakpoints();
24
26
  @include eunomia-grid-layouts();
package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold-dark.mixin.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use "./../../mixins/eunomia-neutrals.mixin.scss" as *;
2
+
1
3
  @mixin eunomia-gold-dark-theme-colors {
2
4
  $primary-500: #ccab42;
3
5
  $secondary-500: #a7c9e7;
@@ -58,19 +60,7 @@
58
60
  --eun-color-secondary-transparent-hover: #{rgba($secondary-500, 0.3)};
59
61
  --eun-color-secondary-transparent-active: #{rgba($secondary-500, 0.4)};
60
62
 
61
- --eun-content-hover: rgba(255, 255, 255, 0.08);
62
- --eun-content-pressed: rgba(255, 255, 255, 0.14);
63
- --eun-divider-color: var(--eun-color-grey-300);
64
- --eun-border-color: var(--eun-color-grey-300);
65
- --eun-surface-color: var(--eun-color-grey-0);
66
- --eun-disabled-color: var(--eun-color-grey-200);
67
- --eun-readonly-color: var(--eun-color-grey-600);
68
- --eun-text-color: var(--eun-color-grey-800);
69
- --eun-text-secondary: var(--eun-color-grey-700);
70
- --eun-placeholder-color: var(--eun-color-grey-400);
71
- --eun-text-disabled-color: var(--eun-color-grey-500);
72
- --eun-text-readonly-color: var(--eun-color-grey-400);
73
- --eun-disabled-content: var(--eun-color-grey-400);
63
+ @include eunomia-dark-neutrals();
74
64
 
75
65
  --eun-surface-tint: #2e3339;
76
66
  --eun-divider-tint: #6b7186;
package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold.mixin.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use "./../../mixins/eunomia-neutrals.mixin.scss" as *;
2
+
1
3
  @mixin eunomia-gold-theme-colors {
2
4
  $primary-500: #c9a227;
3
5
  $secondary-500: #123a5e;
@@ -58,19 +60,7 @@
58
60
  --eun-color-secondary-transparent-hover: #{rgba($secondary-500, 0.3)};
59
61
  --eun-color-secondary-transparent-active: #{rgba($secondary-500, 0.4)};
60
62
 
61
- --eun-content-hover: #edeff0;
62
- --eun-content-pressed: #e4e6e8;
63
- --eun-divider-color: #dee0e7;
64
- --eun-border-color: #dee0e7;
65
- --eun-surface-color: #ffffff;
66
- --eun-disabled-color: #ecedf0;
67
- --eun-readonly-color: #666e8a;
68
- --eun-text-color: #071621;
69
- --eun-text-secondary: #484e61;
70
- --eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);
71
- --eun-text-disabled-color: #8d93aa;
72
- --eun-text-readonly-color: #c1c9d6;
73
- --eun-disabled-content: #c1c9d6;
63
+ @include eunomia-neutrals();
74
64
 
75
65
  --eun-surface-tint: #fcfaf4;
76
66
  --eun-divider-tint: #dddddd;
package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold.theme.css CHANGED
@@ -1 +1 @@
1
- @font-face{font-family:"Mulish";font-style:normal;font-weight:200 1000;font-display:swap;src:url("../../../fonts/mulish/mulish-latin-variable-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Mulish";font-style:italic;font-weight:200 1000;font-display:swap;src:url("../../../fonts/mulish/mulish-latin-variable-italic.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.eunomia-gold-theme{--eun-color-primary-50: #e3cf8f;--eun-color-on-primary-50: #000000de;--eun-color-primary-100: #ddc477;--eun-color-on-primary-100: #000000de;--eun-color-primary-200: #d7ba5f;--eun-color-on-primary-200: #000000de;--eun-color-primary-300: #cfad41;--eun-color-on-primary-300: #000000de;--eun-color-primary-400: #cca834;--eun-color-on-primary-400: #000000de;--eun-color-primary-500: #c9a227;--eun-color-on-primary-500: #000000de;--eun-color-primary-600: #bd9825;--eun-color-on-primary-600: #000000de;--eun-color-primary-700: #b18f22;--eun-color-on-primary-700: #000000de;--eun-color-primary-800: #95781d;--eun-color-on-primary-800: #000000de;--eun-color-primary-900: #7f6619;--eun-color-on-primary-900: #ffffff;--eun-color-primary-950: #695414;--eun-color-on-primary-950: #ffffff;--eun-color-primary-bg-hover: rgba(201, 162, 39, 0.08);--eun-color-primary-bg-active: rgba(201, 162, 39, 0.08);--eun-color-primary-transparent: rgba(201, 162, 39, 0.2);--eun-color-primary-transparent-hover: rgba(201, 162, 39, 0.3);--eun-color-primary-transparent-active: rgba(201, 162, 39, 0.4);--eun-color-secondary-50: #8499ab;--eun-color-on-secondary-50: #000000de;--eun-color-secondary-100: #6a839a;--eun-color-on-secondary-100: #000000de;--eun-color-secondary-200: #506d88;--eun-color-on-secondary-200: #ffffff;--eun-color-secondary-300: #2e5271;--eun-color-on-secondary-300: #ffffff;--eun-color-secondary-400: #204668;--eun-color-on-secondary-400: #ffffff;--eun-color-secondary-500: #123a5e;--eun-color-on-secondary-500: #ffffff;--eun-color-secondary-600: #113758;--eun-color-on-secondary-600: #ffffff;--eun-color-secondary-700: #103353;--eun-color-on-secondary-700: #ffffff;--eun-color-secondary-800: #0d2b46;--eun-color-on-secondary-800: #ffffff;--eun-color-secondary-900: #0b253b;--eun-color-on-secondary-900: #ffffff;--eun-color-secondary-950: #091e31;--eun-color-on-secondary-950: #ffffff;--eun-color-secondary-bg-hover: rgba(18, 58, 94, 0.08);--eun-color-secondary-bg-active: rgba(18, 58, 94, 0.08);--eun-color-secondary-transparent: rgba(18, 58, 94, 0.2);--eun-color-secondary-transparent-hover: rgba(18, 58, 94, 0.3);--eun-color-secondary-transparent-active: rgba(18, 58, 94, 0.4);--eun-content-hover: #edeff0;--eun-content-pressed: #e4e6e8;--eun-divider-color: #dee0e7;--eun-border-color: #dee0e7;--eun-surface-color: #ffffff;--eun-disabled-color: #ecedf0;--eun-readonly-color: #666e8a;--eun-text-color: #071621;--eun-text-secondary: #484e61;--eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);--eun-text-disabled-color: #8d93aa;--eun-text-readonly-color: #c1c9d6;--eun-disabled-content: #c1c9d6;--eun-surface-tint: #fcfaf4;--eun-divider-tint: #dddddd;--eun-border-tint: #dddddd;--eun-content-hover-tint: #ebebe6;--eun-content-pressed-tint: #e3e3de}.eunomia-gold-theme--dark{--eun-color-primary-50: #6a5922;--eun-color-on-primary-50: #ffffff;--eun-color-primary-100: #806b2a;--eun-color-on-primary-100: #ffffff;--eun-color-primary-200: #977e31;--eun-color-on-primary-200: #000000de;--eun-color-primary-300: #b3963b;--eun-color-on-primary-300: #000000de;--eun-color-primary-400: #c0a13e;--eun-color-on-primary-400: #000000de;--eun-color-primary-500: #ccab42;--eun-color-on-primary-500: #000000de;--eun-color-primary-600: #cfaf4d;--eun-color-on-primary-600: #000000de;--eun-color-primary-700: #d2b559;--eun-color-on-primary-700: #000000de;--eun-color-primary-800: #d9c073;--eun-color-on-primary-800: #000000de;--eun-color-primary-900: #dec988;--eun-color-on-primary-900: #000000de;--eun-color-primary-950: #e5d39c;--eun-color-on-primary-950: #000000de;--eun-color-primary-bg-hover: rgba(204, 171, 66, 0.08);--eun-color-primary-bg-active: rgba(204, 171, 66, 0.08);--eun-color-primary-transparent: rgba(204, 171, 66, 0.2);--eun-color-primary-transparent-hover: rgba(204, 171, 66, 0.3);--eun-color-primary-transparent-active: rgba(204, 171, 66, 0.4);--eun-color-secondary-50: #576978;--eun-color-on-secondary-50: #ffffff;--eun-color-secondary-100: #697e91;--eun-color-on-secondary-100: #000000de;--eun-color-secondary-200: #7b94ab;--eun-color-on-secondary-200: #000000de;--eun-color-secondary-300: #93b2cc;--eun-color-on-secondary-300: #000000de;--eun-color-secondary-400: #9cbdda;--eun-color-on-secondary-400: #000000de;--eun-color-secondary-500: #a7c9e7;--eun-color-on-secondary-500: #000000de;--eun-color-secondary-600: #accde9;--eun-color-on-secondary-600: #000000de;--eun-color-secondary-700: #b1cfea;--eun-color-on-secondary-700: #000000de;--eun-color-secondary-800: #bdd7ee;--eun-color-on-secondary-800: #000000de;--eun-color-secondary-900: #c8def0;--eun-color-on-secondary-900: #000000de;--eun-color-secondary-950: #d1e3f3;--eun-color-on-secondary-950: #000000de;--eun-color-secondary-bg-hover: rgba(167, 201, 231, 0.08);--eun-color-secondary-bg-active: rgba(167, 201, 231, 0.08);--eun-color-secondary-transparent: rgba(167, 201, 231, 0.2);--eun-color-secondary-transparent-hover: rgba(167, 201, 231, 0.3);--eun-color-secondary-transparent-active: rgba(167, 201, 231, 0.4);--eun-content-hover: rgba(255, 255, 255, 0.08);--eun-content-pressed: rgba(255, 255, 255, 0.14);--eun-divider-color: var(--eun-color-grey-300);--eun-border-color: var(--eun-color-grey-300);--eun-surface-color: var(--eun-color-grey-0);--eun-disabled-color: var(--eun-color-grey-200);--eun-readonly-color: var(--eun-color-grey-600);--eun-text-color: var(--eun-color-grey-800);--eun-text-secondary: var(--eun-color-grey-700);--eun-placeholder-color: var(--eun-color-grey-400);--eun-text-disabled-color: var(--eun-color-grey-500);--eun-text-readonly-color: var(--eun-color-grey-400);--eun-disabled-content: var(--eun-color-grey-400);--eun-surface-tint: #2e3339;--eun-divider-tint: #6b7186;--eun-border-tint: #6b7186;--eun-content-hover-tint: rgba(252, 251, 246, 0.08);--eun-content-pressed-tint: rgba(252, 251, 246, 0.14)}
1
+ @font-face{font-family:"Mulish";font-style:normal;font-weight:200 1000;font-display:swap;src:url("../../../fonts/mulish/mulish-latin-variable-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Mulish";font-style:italic;font-weight:200 1000;font-display:swap;src:url("../../../fonts/mulish/mulish-latin-variable-italic.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.eunomia-gold-theme{--eun-color-primary-50: #e3cf8f;--eun-color-on-primary-50: #000000de;--eun-color-primary-100: #ddc477;--eun-color-on-primary-100: #000000de;--eun-color-primary-200: #d7ba5f;--eun-color-on-primary-200: #000000de;--eun-color-primary-300: #cfad41;--eun-color-on-primary-300: #000000de;--eun-color-primary-400: #cca834;--eun-color-on-primary-400: #000000de;--eun-color-primary-500: #c9a227;--eun-color-on-primary-500: #000000de;--eun-color-primary-600: #bd9825;--eun-color-on-primary-600: #000000de;--eun-color-primary-700: #b18f22;--eun-color-on-primary-700: #000000de;--eun-color-primary-800: #95781d;--eun-color-on-primary-800: #000000de;--eun-color-primary-900: #7f6619;--eun-color-on-primary-900: #ffffff;--eun-color-primary-950: #695414;--eun-color-on-primary-950: #ffffff;--eun-color-primary-bg-hover: rgba(201, 162, 39, 0.08);--eun-color-primary-bg-active: rgba(201, 162, 39, 0.08);--eun-color-primary-transparent: rgba(201, 162, 39, 0.2);--eun-color-primary-transparent-hover: rgba(201, 162, 39, 0.3);--eun-color-primary-transparent-active: rgba(201, 162, 39, 0.4);--eun-color-secondary-50: #8499ab;--eun-color-on-secondary-50: #000000de;--eun-color-secondary-100: #6a839a;--eun-color-on-secondary-100: #000000de;--eun-color-secondary-200: #506d88;--eun-color-on-secondary-200: #ffffff;--eun-color-secondary-300: #2e5271;--eun-color-on-secondary-300: #ffffff;--eun-color-secondary-400: #204668;--eun-color-on-secondary-400: #ffffff;--eun-color-secondary-500: #123a5e;--eun-color-on-secondary-500: #ffffff;--eun-color-secondary-600: #113758;--eun-color-on-secondary-600: #ffffff;--eun-color-secondary-700: #103353;--eun-color-on-secondary-700: #ffffff;--eun-color-secondary-800: #0d2b46;--eun-color-on-secondary-800: #ffffff;--eun-color-secondary-900: #0b253b;--eun-color-on-secondary-900: #ffffff;--eun-color-secondary-950: #091e31;--eun-color-on-secondary-950: #ffffff;--eun-color-secondary-bg-hover: rgba(18, 58, 94, 0.08);--eun-color-secondary-bg-active: rgba(18, 58, 94, 0.08);--eun-color-secondary-transparent: rgba(18, 58, 94, 0.2);--eun-color-secondary-transparent-hover: rgba(18, 58, 94, 0.3);--eun-color-secondary-transparent-active: rgba(18, 58, 94, 0.4);--eun-content-hover: #9696961a;--eun-content-pressed: #e4e6e8;--eun-divider-color: #dee0e7;--eun-border-color: #dee0e7;--eun-surface-color: #ffffff;--eun-surface-sunken: color-mix( in srgb, var(--eun-text-color) 5%, transparent );--eun-surface-sunken-hover: color-mix( in srgb, var(--eun-text-color) 9%, transparent );--eun-surface-sunken-pressed: color-mix( in srgb, var(--eun-text-color) 12%, transparent );--eun-surface-sunken-strong: color-mix( in srgb, var(--eun-text-color) 8%, transparent );--eun-disabled-color: #ecedf0;--eun-readonly-color: #666e8a;--eun-text-color: #071621;--eun-text-secondary: #484e61;--eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);--eun-text-disabled-color: #8d93aa;--eun-text-readonly-color: #c1c9d6;--eun-disabled-content: #c1c9d6;--eun-surface-tint: #fcfaf4;--eun-divider-tint: #dddddd;--eun-border-tint: #dddddd;--eun-content-hover-tint: #ebebe6;--eun-content-pressed-tint: #e3e3de}.eunomia-gold-theme--dark{--eun-color-primary-50: #6a5922;--eun-color-on-primary-50: #ffffff;--eun-color-primary-100: #806b2a;--eun-color-on-primary-100: #ffffff;--eun-color-primary-200: #977e31;--eun-color-on-primary-200: #000000de;--eun-color-primary-300: #b3963b;--eun-color-on-primary-300: #000000de;--eun-color-primary-400: #c0a13e;--eun-color-on-primary-400: #000000de;--eun-color-primary-500: #ccab42;--eun-color-on-primary-500: #000000de;--eun-color-primary-600: #cfaf4d;--eun-color-on-primary-600: #000000de;--eun-color-primary-700: #d2b559;--eun-color-on-primary-700: #000000de;--eun-color-primary-800: #d9c073;--eun-color-on-primary-800: #000000de;--eun-color-primary-900: #dec988;--eun-color-on-primary-900: #000000de;--eun-color-primary-950: #e5d39c;--eun-color-on-primary-950: #000000de;--eun-color-primary-bg-hover: rgba(204, 171, 66, 0.08);--eun-color-primary-bg-active: rgba(204, 171, 66, 0.08);--eun-color-primary-transparent: rgba(204, 171, 66, 0.2);--eun-color-primary-transparent-hover: rgba(204, 171, 66, 0.3);--eun-color-primary-transparent-active: rgba(204, 171, 66, 0.4);--eun-color-secondary-50: #576978;--eun-color-on-secondary-50: #ffffff;--eun-color-secondary-100: #697e91;--eun-color-on-secondary-100: #000000de;--eun-color-secondary-200: #7b94ab;--eun-color-on-secondary-200: #000000de;--eun-color-secondary-300: #93b2cc;--eun-color-on-secondary-300: #000000de;--eun-color-secondary-400: #9cbdda;--eun-color-on-secondary-400: #000000de;--eun-color-secondary-500: #a7c9e7;--eun-color-on-secondary-500: #000000de;--eun-color-secondary-600: #accde9;--eun-color-on-secondary-600: #000000de;--eun-color-secondary-700: #b1cfea;--eun-color-on-secondary-700: #000000de;--eun-color-secondary-800: #bdd7ee;--eun-color-on-secondary-800: #000000de;--eun-color-secondary-900: #c8def0;--eun-color-on-secondary-900: #000000de;--eun-color-secondary-950: #d1e3f3;--eun-color-on-secondary-950: #000000de;--eun-color-secondary-bg-hover: rgba(167, 201, 231, 0.08);--eun-color-secondary-bg-active: rgba(167, 201, 231, 0.08);--eun-color-secondary-transparent: rgba(167, 201, 231, 0.2);--eun-color-secondary-transparent-hover: rgba(167, 201, 231, 0.3);--eun-color-secondary-transparent-active: rgba(167, 201, 231, 0.4);--eun-content-hover: rgba(255, 255, 255, 0.08);--eun-content-pressed: rgba(255, 255, 255, 0.14);--eun-divider-color: var(--eun-color-grey-300);--eun-border-color: var(--eun-color-grey-300);--eun-surface-color: var(--eun-color-grey-0);--eun-surface-sunken: color-mix( in srgb, var(--eun-text-color) 8%, transparent );--eun-surface-sunken-hover: color-mix( in srgb, var(--eun-text-color) 12%, transparent );--eun-surface-sunken-pressed: color-mix( in srgb, var(--eun-text-color) 16%, transparent );--eun-surface-sunken-strong: color-mix( in srgb, var(--eun-text-color) 16%, transparent );--eun-disabled-color: var(--eun-color-grey-200);--eun-readonly-color: var(--eun-color-grey-600);--eun-text-color: var(--eun-color-grey-800);--eun-text-secondary: var(--eun-color-grey-700);--eun-placeholder-color: var(--eun-color-grey-400);--eun-text-disabled-color: var(--eun-color-grey-500);--eun-text-readonly-color: var(--eun-color-grey-400);--eun-disabled-content: var(--eun-color-grey-400);--eun-surface-tint: #2e3339;--eun-divider-tint: #6b7186;--eun-border-tint: #6b7186;--eun-content-hover-tint: rgba(252, 251, 246, 0.08);--eun-content-pressed-tint: rgba(252, 251, 246, 0.14)}
package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold.theme.scss CHANGED
@@ -9,6 +9,7 @@
9
9
  @use "./../../../tools/mixins/settings/eunomia-radius.mixin.scss" as *;
10
10
  @use "./../../../tools/mixins/settings/eunomia-border.mixin.scss" as *;
11
11
  @use "./../../../tools/mixins/settings/eunomia-shadows.mixin.scss" as *;
12
+ @use "./../../../tools/mixins/settings/eunomia-alpha.mixin.scss" as *;
12
13
  @use "./../../../tools/mixins/layout/eunomia-grid.mixin.scss" as *;
13
14
 
14
15
  @mixin default-settings {
@@ -19,6 +20,7 @@
19
20
  @include eunomia-border-radius();
20
21
  @include eunomia-border-width();
21
22
  @include eunomia-shadows();
23
+ @include eunomia-alpha();
22
24
  @include eunomia-height();
23
25
  @include eunomia-breakpoints();
24
26
  @include eunomia-grid-layouts();
package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean-dark.mixin.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use "./../../mixins/eunomia-neutrals.mixin.scss" as *;
2
+
1
3
  @mixin eunomia-ocean-dark-theme-colors {
2
4
  $primary-500: #7dd1ea;
3
5
  $secondary-500: #46c6ba;
@@ -58,19 +60,7 @@
58
60
  --eun-color-secondary-transparent-hover: #{rgba($secondary-500, 0.3)};
59
61
  --eun-color-secondary-transparent-active: #{rgba($secondary-500, 0.4)};
60
62
 
61
- --eun-content-hover: rgba(255, 255, 255, 0.08);
62
- --eun-content-pressed: rgba(255, 255, 255, 0.14);
63
- --eun-divider-color: var(--eun-color-grey-300);
64
- --eun-border-color: var(--eun-color-grey-300);
65
- --eun-surface-color: var(--eun-color-grey-0);
66
- --eun-disabled-color: var(--eun-color-grey-200);
67
- --eun-readonly-color: var(--eun-color-grey-600);
68
- --eun-text-color: var(--eun-color-grey-800);
69
- --eun-text-secondary: var(--eun-color-grey-700);
70
- --eun-placeholder-color: var(--eun-color-grey-400);
71
- --eun-text-disabled-color: var(--eun-color-grey-500);
72
- --eun-text-readonly-color: var(--eun-color-grey-400);
73
- --eun-disabled-content: var(--eun-color-grey-400);
63
+ @include eunomia-dark-neutrals();
74
64
 
75
65
  --eun-surface-tint: #2a3542;
76
66
  --eun-divider-tint: #67738f;
package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean.mixin.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use "./../../mixins/eunomia-neutrals.mixin.scss" as *;
2
+
1
3
  @mixin eunomia-ocean-theme-colors {
2
4
  $primary-500: #0b6e8c;
3
5
  $secondary-500: #2ec4b6;
@@ -58,19 +60,7 @@
58
60
  --eun-color-secondary-transparent-hover: #{rgba($secondary-500, 0.3)};
59
61
  --eun-color-secondary-transparent-active: #{rgba($secondary-500, 0.4)};
60
62
 
61
- --eun-content-hover: #edeff0;
62
- --eun-content-pressed: #e4e6e8;
63
- --eun-divider-color: #dee0e7;
64
- --eun-border-color: #dee0e7;
65
- --eun-surface-color: #ffffff;
66
- --eun-disabled-color: #ecedf0;
67
- --eun-readonly-color: #666e8a;
68
- --eun-text-color: #071621;
69
- --eun-text-secondary: #484e61;
70
- --eun-placeholder-color: var(--eun-color-grey-400, #c1c9d6);
71
- --eun-text-disabled-color: #8d93aa;
72
- --eun-text-readonly-color: #c1c9d6;
73
- --eun-disabled-content: #c1c9d6;
63
+ @include eunomia-neutrals();
74
64
 
75
65
  --eun-surface-tint: #f3f8f9;
76
66
  --eun-divider-tint: #d3dae2;