alchemy_cms 7.4.10 → 8.0.0.b

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.

Potentially problematic release.

This version of alchemy_cms might be problematic. Click here for more details.

Files changed (425) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +16 -5
  3. data/app/assets/builds/alchemy/admin/page-select.css +1 -1
  4. data/app/assets/builds/alchemy/admin/print.css +1 -1
  5. data/app/assets/builds/alchemy/admin.css +2 -2
  6. data/app/assets/builds/alchemy/dark-theme.css +1 -0
  7. data/app/assets/builds/alchemy/light-theme.css +1 -0
  8. data/app/assets/builds/alchemy/theme.css +1 -0
  9. data/app/assets/builds/alchemy/welcome.css +1 -1
  10. data/app/assets/builds/tinymce/skins/content/alchemy/content.min.css +1 -1
  11. data/app/assets/builds/tinymce/skins/content/alchemy-dark/content.min.css +1 -0
  12. data/app/assets/builds/tinymce/skins/ui/alchemy/content.min.css +1 -0
  13. data/app/assets/builds/tinymce/skins/ui/alchemy/skin.min.css +1 -1
  14. data/app/assets/builds/tinymce/skins/ui/alchemy-dark/content.min.css +1 -0
  15. data/app/assets/builds/tinymce/skins/ui/alchemy-dark/skin.min.css +1 -0
  16. data/app/assets/config/alchemy_manifest.js +0 -2
  17. data/app/assets/images/alchemy/element_icons/default.svg +1 -0
  18. data/app/assets/images/alchemy/icons-sprite.svg +1 -0
  19. data/app/components/alchemy/admin/element_select.rb +39 -0
  20. data/app/components/alchemy/admin/resource/applied_filter.rb +29 -0
  21. data/app/components/alchemy/admin/resource/checkbox_filter.rb +36 -0
  22. data/app/components/alchemy/admin/resource/datepicker_filter.rb +42 -0
  23. data/app/components/alchemy/admin/resource/select_filter.rb +43 -0
  24. data/app/components/alchemy/admin/toolbar_button.rb +5 -2
  25. data/app/components/alchemy/ingredients/number_view.rb +18 -0
  26. data/app/controllers/alchemy/admin/attachments_controller.rb +10 -15
  27. data/app/controllers/alchemy/admin/clipboard_controller.rb +2 -6
  28. data/app/controllers/alchemy/admin/elements_controller.rb +3 -1
  29. data/app/controllers/alchemy/admin/languages_controller.rb +1 -1
  30. data/app/controllers/alchemy/admin/pages_controller.rb +15 -15
  31. data/app/controllers/alchemy/admin/pictures_controller.rb +27 -37
  32. data/app/controllers/alchemy/admin/resources_controller.rb +16 -106
  33. data/app/controllers/alchemy/attachments_controller.rb +43 -14
  34. data/app/controllers/alchemy/messages_controller.rb +1 -1
  35. data/app/controllers/alchemy/pages_controller.rb +26 -4
  36. data/app/controllers/concerns/alchemy/admin/resource_filter.rb +93 -0
  37. data/app/decorators/alchemy/element_editor.rb +5 -48
  38. data/app/decorators/alchemy/ingredient_editor.rb +3 -53
  39. data/app/helpers/alchemy/admin/attachments_helper.rb +5 -5
  40. data/app/helpers/alchemy/admin/base_helper.rb +14 -84
  41. data/app/helpers/alchemy/admin/pages_helper.rb +1 -1
  42. data/app/helpers/alchemy/base_helper.rb +0 -30
  43. data/app/helpers/alchemy/elements_block_helper.rb +0 -14
  44. data/app/helpers/alchemy/pages_helper.rb +1 -1
  45. data/{lib → app/helpers}/alchemy/resources_helper.rb +5 -45
  46. data/app/javascript/alchemy_admin/components/action.js +2 -0
  47. data/app/javascript/alchemy_admin/components/alchemy_html_element.js +3 -3
  48. data/app/javascript/alchemy_admin/components/auto_submit.js +20 -0
  49. data/app/javascript/alchemy_admin/components/datepicker.js +18 -7
  50. data/app/javascript/alchemy_admin/components/element_editor/delete_element_button.js +8 -7
  51. data/app/javascript/alchemy_admin/components/element_editor.js +25 -15
  52. data/app/javascript/alchemy_admin/components/element_select.js +43 -0
  53. data/app/javascript/alchemy_admin/components/index.js +3 -0
  54. data/app/javascript/alchemy_admin/components/link_buttons.js +6 -2
  55. data/app/javascript/alchemy_admin/components/remote_select.js +9 -2
  56. data/app/javascript/alchemy_admin/components/tags_autocomplete.js +5 -1
  57. data/app/javascript/alchemy_admin/components/tinymce.js +93 -14
  58. data/app/javascript/alchemy_admin/components/update_check.js +42 -0
  59. data/app/javascript/alchemy_admin/components/uploader/file_upload.js +15 -8
  60. data/app/javascript/alchemy_admin/components/uploader/progress.js +12 -6
  61. data/app/javascript/alchemy_admin/components/uploader.js +4 -2
  62. data/app/javascript/alchemy_admin/confirm_dialog.js +27 -57
  63. data/app/javascript/alchemy_admin/dialog.js +1 -1
  64. data/app/javascript/alchemy_admin/dirty.js +3 -2
  65. data/app/javascript/alchemy_admin/file_editors.js +1 -1
  66. data/app/javascript/alchemy_admin/i18n.js +15 -16
  67. data/app/javascript/alchemy_admin/image_loader.js +4 -2
  68. data/app/javascript/alchemy_admin/initializer.js +1 -49
  69. data/app/javascript/alchemy_admin/picture_editors.js +7 -4
  70. data/app/javascript/alchemy_admin/picture_selector.js +4 -4
  71. data/app/javascript/alchemy_admin/utils/ajax.js +51 -44
  72. data/app/javascript/alchemy_admin.js +3 -8
  73. data/app/jobs/alchemy/delete_picture_job.rb +12 -0
  74. data/app/models/alchemy/admin/filters/base.rb +38 -0
  75. data/app/models/alchemy/admin/filters/checkbox.rb +24 -0
  76. data/app/models/alchemy/admin/filters/datepicker.rb +53 -0
  77. data/app/models/alchemy/admin/filters/select.rb +70 -0
  78. data/app/models/alchemy/admin/resource_name.rb +27 -0
  79. data/app/models/alchemy/attachment.rb +49 -44
  80. data/app/models/alchemy/base_record.rb +2 -0
  81. data/app/models/alchemy/element/definitions.rb +1 -1
  82. data/app/models/alchemy/element/element_ingredients.rb +6 -6
  83. data/app/models/alchemy/element/presenters.rb +3 -12
  84. data/app/models/alchemy/element.rb +10 -27
  85. data/app/models/alchemy/element_definition.rb +190 -0
  86. data/app/models/alchemy/ingredient.rb +10 -43
  87. data/app/models/alchemy/ingredient_definition.rb +134 -0
  88. data/app/models/alchemy/ingredient_validator.rb +7 -3
  89. data/app/models/alchemy/ingredients/number.rb +19 -0
  90. data/app/models/alchemy/language.rb +2 -21
  91. data/app/models/alchemy/message.rb +3 -7
  92. data/app/models/alchemy/node.rb +1 -1
  93. data/app/models/alchemy/page/{page_layouts.rb → definitions.rb} +12 -19
  94. data/app/models/alchemy/page/fixed_attributes.rb +1 -1
  95. data/app/models/alchemy/page/page_elements.rb +13 -14
  96. data/app/models/alchemy/page/page_naming.rb +3 -11
  97. data/app/models/alchemy/page/page_natures.rb +20 -15
  98. data/app/models/alchemy/page/page_scopes.rb +1 -1
  99. data/app/models/alchemy/page.rb +12 -39
  100. data/app/models/alchemy/page_definition.rb +115 -0
  101. data/app/models/alchemy/picture.rb +71 -99
  102. data/app/models/alchemy/picture_variant.rb +115 -5
  103. data/{lib → app/models}/alchemy/resource.rb +4 -18
  104. data/{lib → app/models}/alchemy/searchable_resource.rb +15 -0
  105. data/app/models/alchemy/site/layout.rb +5 -5
  106. data/app/models/alchemy/site.rb +1 -21
  107. data/app/models/alchemy/storage_adapter/active_storage/attachment_url.rb +41 -0
  108. data/app/models/alchemy/storage_adapter/active_storage/picture_url.rb +55 -0
  109. data/app/models/alchemy/storage_adapter/active_storage/preprocessor.rb +40 -0
  110. data/app/models/alchemy/storage_adapter/active_storage.rb +173 -0
  111. data/app/models/alchemy/{attachment/url.rb → storage_adapter/dragonfly/attachment_url.rb} +12 -12
  112. data/app/models/alchemy/storage_adapter/dragonfly/picture_url.rb +75 -0
  113. data/app/models/alchemy/{picture → storage_adapter/dragonfly}/preprocessor.rb +4 -4
  114. data/app/models/alchemy/storage_adapter/dragonfly.rb +205 -0
  115. data/app/models/alchemy/storage_adapter.rb +74 -0
  116. data/app/models/concerns/alchemy/picture_thumbnails.rb +19 -6
  117. data/app/models/concerns/alchemy/relatable_resource.rb +28 -0
  118. data/app/serializers/alchemy/element_serializer.rb +0 -1
  119. data/app/services/alchemy/dragonfly_to_image_processing.rb +100 -0
  120. data/app/stylesheets/alchemy/_custom-properties.scss +162 -0
  121. data/app/stylesheets/alchemy/_defaults.scss +3 -0
  122. data/app/stylesheets/alchemy/_extends.scss +69 -0
  123. data/app/{assets/stylesheets → stylesheets}/alchemy/_mixins.scss +40 -68
  124. data/app/stylesheets/alchemy/_themes.scss +540 -0
  125. data/app/stylesheets/alchemy/_variables.scss +5 -0
  126. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/archive.scss +45 -42
  127. data/app/stylesheets/alchemy/admin/attachments.scss +17 -0
  128. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/base.scss +20 -15
  129. data/app/stylesheets/alchemy/admin/buttons.scss +135 -0
  130. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/clipboard.scss +2 -2
  131. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/dashboard.scss +13 -16
  132. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/dialogs.scss +33 -16
  133. data/app/stylesheets/alchemy/admin/element-select.scss +11 -0
  134. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/elements.scss +239 -133
  135. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/errors.scss +5 -5
  136. data/app/stylesheets/alchemy/admin/filters.scss +57 -0
  137. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/flatpickr.scss +54 -76
  138. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/form_fields.scss +10 -11
  139. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/forms.scss +28 -21
  140. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/frame.scss +20 -18
  141. data/app/stylesheets/alchemy/admin/hints.scss +5 -0
  142. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/icons.scss +1 -1
  143. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/image_library.scss +21 -61
  144. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/images.scss +1 -1
  145. data/app/stylesheets/alchemy/admin/labels.scss +5 -0
  146. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/lists.scss +3 -3
  147. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/navigation.scss +55 -59
  148. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/node-select.scss +1 -10
  149. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/nodes.scss +21 -18
  150. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/notices.scss +20 -19
  151. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/page-select.scss +18 -2
  152. data/app/stylesheets/alchemy/admin/pagination.scss +137 -0
  153. data/app/stylesheets/alchemy/admin/preview_window.scss +46 -0
  154. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/print.scss +1 -1
  155. data/app/stylesheets/alchemy/admin/resource_info.scss +148 -0
  156. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/search.scss +10 -7
  157. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/selects.scss +85 -46
  158. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/shoelace.scss +37 -68
  159. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/sitemap.scss +39 -34
  160. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/tables.scss +9 -7
  161. data/app/stylesheets/alchemy/admin/tags.scss +143 -0
  162. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/toolbar.scss +6 -6
  163. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/typography.scss +3 -6
  164. data/app/{assets/stylesheets → stylesheets}/alchemy/admin/upload.scss +7 -5
  165. data/app/stylesheets/alchemy/admin.scss +44 -0
  166. data/app/stylesheets/alchemy/dark-theme.scss +5 -0
  167. data/app/stylesheets/alchemy/light-theme.scss +6 -0
  168. data/app/stylesheets/alchemy/theme.scss +13 -0
  169. data/app/stylesheets/alchemy/welcome.scss +75 -0
  170. data/app/stylesheets/tinymce/skins/content/alchemy/content.scss +69 -0
  171. data/app/{assets/stylesheets/tinymce/skins/content/alchemy → stylesheets/tinymce/skins/content/alchemy-dark}/content.scss +12 -12
  172. data/app/stylesheets/tinymce/skins/ui/alchemy/content.scss +1 -0
  173. data/app/{assets/stylesheets → stylesheets}/tinymce/skins/ui/alchemy/skin.scss +158 -176
  174. data/app/stylesheets/tinymce/skins/ui/alchemy-dark/content.scss +1 -0
  175. data/app/stylesheets/tinymce/skins/ui/alchemy-dark/skin.scss +3784 -0
  176. data/app/views/alchemy/admin/attachments/_files_list.html.erb +22 -12
  177. data/app/views/alchemy/admin/attachments/_overlay_file_list.html.erb +1 -1
  178. data/app/views/alchemy/admin/attachments/assign.js.erb +4 -3
  179. data/app/views/alchemy/admin/attachments/show.html.erb +55 -43
  180. data/app/views/alchemy/admin/{elements/_clipboard_button.html.erb → clipboard/_button.html.erb} +3 -5
  181. data/app/views/alchemy/admin/clipboard/_update_nested_element_button.turbo_stream.erb +11 -0
  182. data/app/views/alchemy/admin/clipboard/clear.turbo_stream.erb +4 -0
  183. data/app/views/alchemy/admin/clipboard/index.html.erb +15 -13
  184. data/app/views/alchemy/admin/clipboard/insert.turbo_stream.erb +18 -0
  185. data/app/views/alchemy/admin/clipboard/remove.turbo_stream.erb +9 -0
  186. data/app/views/alchemy/admin/crop.html.erb +1 -1
  187. data/app/views/alchemy/admin/dashboard/info.html.erb +17 -31
  188. data/app/views/alchemy/admin/elements/_element.html.erb +4 -8
  189. data/app/views/alchemy/admin/elements/_form.html.erb +9 -9
  190. data/app/views/alchemy/admin/elements/_header.html.erb +5 -1
  191. data/app/views/alchemy/admin/elements/_toolbar.html.erb +4 -6
  192. data/app/views/alchemy/admin/elements/create.turbo_stream.erb +2 -1
  193. data/app/views/alchemy/admin/elements/index.html.erb +2 -2
  194. data/app/views/alchemy/admin/ingredients/_file_fields.html.erb +3 -16
  195. data/app/views/alchemy/admin/ingredients/_picture_fields.html.erb +0 -9
  196. data/app/views/alchemy/admin/languages/_form.html.erb +1 -1
  197. data/app/views/alchemy/admin/languages/_table.html.erb +1 -1
  198. data/app/views/alchemy/admin/languages/index.html.erb +5 -2
  199. data/app/views/alchemy/admin/layoutpages/index.html.erb +1 -12
  200. data/app/views/alchemy/admin/pages/_form.html.erb +2 -2
  201. data/app/views/alchemy/admin/pages/_page.html.erb +2 -3
  202. data/app/views/alchemy/admin/pages/_toolbar.html.erb +1 -15
  203. data/app/views/alchemy/admin/pages/index.html.erb +1 -1
  204. data/app/views/alchemy/admin/partials/_remote_search_form.html.erb +9 -12
  205. data/app/views/alchemy/admin/partials/_search_form.html.erb +4 -9
  206. data/app/views/alchemy/admin/pictures/_archive.html.erb +16 -29
  207. data/app/views/alchemy/admin/pictures/_archive_overlay.html.erb +3 -7
  208. data/app/views/alchemy/admin/pictures/_filter_and_size_bar.html.erb +1 -1
  209. data/app/views/alchemy/admin/pictures/_form.html.erb +1 -1
  210. data/app/views/alchemy/admin/pictures/_infos.html.erb +21 -52
  211. data/app/views/alchemy/admin/pictures/_library_sidebar.html.erb +7 -0
  212. data/app/views/alchemy/admin/pictures/_picture.html.erb +14 -20
  213. data/app/views/alchemy/admin/pictures/_picture_to_assign.html.erb +20 -16
  214. data/app/views/alchemy/admin/pictures/_sorting_select.html.erb +13 -0
  215. data/app/views/alchemy/admin/pictures/_tag_list.html.erb +1 -1
  216. data/app/views/alchemy/admin/pictures/edit_multiple.html.erb +1 -6
  217. data/app/views/alchemy/admin/pictures/index.html.erb +5 -19
  218. data/app/views/alchemy/admin/pictures/show.html.erb +10 -5
  219. data/app/views/alchemy/admin/resources/_applied_filters.html.erb +8 -0
  220. data/app/views/alchemy/admin/resources/_filter_bar.html.erb +5 -25
  221. data/app/views/alchemy/admin/resources/_pagination.html.erb +6 -0
  222. data/app/views/alchemy/admin/resources/_per_page_select.html.erb +4 -2
  223. data/app/views/alchemy/admin/resources/_resource_table.html.erb +1 -1
  224. data/app/views/alchemy/admin/resources/_resource_usage_info.html.erb +36 -0
  225. data/app/views/alchemy/admin/resources/_table_header.html.erb +1 -15
  226. data/app/views/alchemy/admin/sites/index.html.erb +5 -1
  227. data/app/views/alchemy/admin/styleguide/index.html.erb +118 -58
  228. data/app/views/alchemy/admin/tags/index.html.erb +1 -1
  229. data/app/views/alchemy/admin/tinymce/_setup.html.erb +7 -7
  230. data/app/{javascript/alchemy_admin/locales/en.js → views/alchemy/admin/translations/_en.js} +5 -2
  231. data/app/views/alchemy/admin/uploader/_button.html.erb +1 -1
  232. data/app/views/alchemy/admin/uploader/_setup.html.erb +4 -4
  233. data/app/views/alchemy/base/error_notice.html.erb +1 -1
  234. data/app/views/alchemy/ingredients/_number_editor.html.erb +24 -0
  235. data/app/views/alchemy/no_index.html.erb +31 -0
  236. data/app/views/alchemy/welcome.html.erb +12 -10
  237. data/app/views/kaminari/alchemy/_first_page.html.erb +5 -3
  238. data/app/views/kaminari/alchemy/_last_page.html.erb +5 -3
  239. data/app/views/kaminari/alchemy/_next_page.html.erb +5 -3
  240. data/app/views/kaminari/alchemy/_paginator.html.erb +18 -13
  241. data/app/views/kaminari/alchemy/_prev_page.html.erb +5 -3
  242. data/app/views/layouts/alchemy/admin.html.erb +25 -24
  243. data/config/alchemy/config.yml +3 -2
  244. data/config/initializers/dragonfly.rb +0 -1
  245. data/config/initializers/mime_types.rb +1 -0
  246. data/config/locales/alchemy.en.yml +57 -21
  247. data/config/routes.rb +0 -2
  248. data/db/migrate/20250905140323_add_created_at_index_to_pictures_and_attachments.rb +14 -0
  249. data/lib/alchemy/admin/preview_url.rb +4 -5
  250. data/lib/alchemy/cache_digests/template_tracker.rb +6 -9
  251. data/lib/alchemy/config_missing.rb +14 -0
  252. data/lib/alchemy/configuration/base_option.rb +24 -0
  253. data/lib/alchemy/configuration/boolean_option.rb +16 -0
  254. data/lib/alchemy/configuration/class_option.rb +15 -0
  255. data/lib/alchemy/configuration/class_set_option.rb +46 -0
  256. data/lib/alchemy/configuration/integer_list_option.rb +13 -0
  257. data/lib/alchemy/configuration/integer_option.rb +12 -0
  258. data/lib/alchemy/configuration/list_option.rb +22 -0
  259. data/lib/alchemy/configuration/regexp_option.rb +11 -0
  260. data/lib/alchemy/configuration/string_list_option.rb +13 -0
  261. data/lib/alchemy/configuration/string_option.rb +11 -0
  262. data/lib/alchemy/configuration.rb +115 -0
  263. data/lib/alchemy/configuration_methods.rb +3 -1
  264. data/lib/alchemy/configurations/default_language.rb +12 -0
  265. data/lib/alchemy/configurations/default_site.rb +10 -0
  266. data/lib/alchemy/configurations/format_matchers.rb +11 -0
  267. data/lib/alchemy/configurations/mailer.rb +16 -0
  268. data/lib/alchemy/configurations/main.rb +223 -0
  269. data/lib/alchemy/configurations/page_cache.rb +19 -0
  270. data/lib/alchemy/configurations/preview.rb +32 -0
  271. data/lib/alchemy/configurations/sitemap.rb +10 -0
  272. data/lib/alchemy/configurations/uploader.rb +34 -0
  273. data/lib/alchemy/engine.rb +81 -24
  274. data/lib/alchemy/hints.rb +3 -7
  275. data/lib/alchemy/install/tasks.rb +0 -12
  276. data/lib/alchemy/on_page_layout.rb +2 -2
  277. data/lib/alchemy/propshaft/tinymce_asset.rb +15 -0
  278. data/lib/alchemy/seeder.rb +2 -2
  279. data/lib/alchemy/tasks/tidy.rb +18 -0
  280. data/lib/alchemy/tasks/usage.rb +4 -4
  281. data/lib/alchemy/test_support/config_stubbing.rb +1 -7
  282. data/lib/alchemy/test_support/factories/attachment_factory.rb +13 -2
  283. data/lib/alchemy/test_support/factories/language_factory.rb +1 -1
  284. data/lib/alchemy/test_support/factories/page_factory.rb +2 -3
  285. data/lib/alchemy/test_support/factories/picture_factory.rb +31 -2
  286. data/lib/alchemy/test_support/factories/site_factory.rb +2 -2
  287. data/lib/alchemy/test_support/having_crop_action_examples.rb +2 -2
  288. data/lib/alchemy/test_support/having_picture_thumbnails_examples.rb +80 -26
  289. data/lib/alchemy/test_support/relatable_resource_examples.rb +58 -0
  290. data/lib/alchemy/test_support/shared_ingredient_examples.rb +5 -5
  291. data/lib/alchemy/tinymce.rb +0 -1
  292. data/lib/alchemy/upgrader/eight_zero.rb +14 -0
  293. data/lib/alchemy/upgrader.rb +33 -20
  294. data/lib/alchemy/version.rb +1 -1
  295. data/lib/alchemy.rb +185 -172
  296. data/lib/alchemy_cms.rb +1 -7
  297. data/lib/generators/alchemy/ingredient/ingredient_generator.rb +0 -3
  298. data/lib/generators/alchemy/install/files/_article.html.erb +6 -4
  299. data/lib/generators/alchemy/install/files/alchemy.en.yml +22 -3
  300. data/lib/generators/alchemy/install/files/application.html.erb +5 -0
  301. data/lib/generators/alchemy/install/install_generator.rb +25 -23
  302. data/lib/generators/alchemy/install/templates/alchemy.rb.tt +200 -0
  303. data/lib/generators/alchemy/install/templates/dragonfly.rb.tt +0 -1
  304. data/lib/generators/alchemy/install/templates/elements.yml.tt +3 -1
  305. data/lib/generators/alchemy/install/templates/menus.yml.tt +1 -1
  306. data/lib/generators/alchemy/install/templates/page_layouts.yml.tt +2 -2
  307. data/lib/generators/alchemy/page_layouts/page_layouts_generator.rb +2 -2
  308. data/lib/tasks/alchemy/assets.rake +14 -0
  309. data/lib/tasks/alchemy/tidy.rake +6 -0
  310. data/lib/tasks/alchemy/upgrade.rake +12 -47
  311. data/vendor/assets/stylesheets/tinymce/skins/content/dark/content.min.css +1 -0
  312. data/vendor/assets/stylesheets/tinymce/skins/content/default/content.min.css +1 -0
  313. data/vendor/assets/stylesheets/tinymce/skins/ui/oxide/skin.min.css +1 -0
  314. data/vendor/assets/stylesheets/tinymce/skins/ui/oxide-dark/content.min.css +1 -0
  315. data/vendor/assets/stylesheets/tinymce/skins/ui/oxide-dark/skin.min.css +1 -0
  316. data/vendor/javascript/clipboard.min.js +1 -1
  317. data/vendor/javascript/cropperjs.min.js +1 -1
  318. data/vendor/javascript/handlebars.min.js +3 -3
  319. data/vendor/javascript/jquery.min.js +1 -1
  320. data/vendor/javascript/select2.min.js +3 -3
  321. data/vendor/javascript/shoelace.min.js +92 -76
  322. data/vendor/javascript/sortable.min.js +2 -2
  323. data/vendor/javascript/tinymce.min.js +1 -1
  324. data/vendor/javascript/ungap-custom-elements.min.js +2 -2
  325. metadata +223 -208
  326. data/CHANGELOG.md +0 -2041
  327. data/CODE_OF_CONDUCT.md +0 -13
  328. data/CONTRIBUTING.md +0 -73
  329. data/Gemfile +0 -71
  330. data/Rakefile +0 -102
  331. data/SECURITY.md +0 -13
  332. data/alchemy_cms.gemspec +0 -88
  333. data/app/assets/builds/alchemy/admin/page-select.css.map +0 -1
  334. data/app/assets/builds/alchemy/admin/print.css.map +0 -1
  335. data/app/assets/builds/alchemy/admin.css.map +0 -1
  336. data/app/assets/builds/alchemy/custom-properties.css +0 -1
  337. data/app/assets/builds/alchemy/custom-properties.css.map +0 -1
  338. data/app/assets/builds/alchemy/welcome.css.map +0 -1
  339. data/app/assets/builds/tinymce/skins/content/alchemy/content.min.css.map +0 -1
  340. data/app/assets/builds/tinymce/skins/ui/alchemy/skin.min.css.map +0 -1
  341. data/app/assets/javascripts/alchemy/admin.js +0 -10
  342. data/app/assets/stylesheets/alchemy/_defaults.scss +0 -3
  343. data/app/assets/stylesheets/alchemy/_deprecated_variables.scss +0 -45
  344. data/app/assets/stylesheets/alchemy/_deprecation.scss +0 -17
  345. data/app/assets/stylesheets/alchemy/_extends.scss +0 -62
  346. data/app/assets/stylesheets/alchemy/_variables.scss +0 -201
  347. data/app/assets/stylesheets/alchemy/admin/attachments.scss +0 -40
  348. data/app/assets/stylesheets/alchemy/admin/buttons.scss +0 -123
  349. data/app/assets/stylesheets/alchemy/admin/hints.scss +0 -5
  350. data/app/assets/stylesheets/alchemy/admin/labels.scss +0 -3
  351. data/app/assets/stylesheets/alchemy/admin/pagination.scss +0 -92
  352. data/app/assets/stylesheets/alchemy/admin/preview_window.scss +0 -33
  353. data/app/assets/stylesheets/alchemy/admin/resource_info.scss +0 -42
  354. data/app/assets/stylesheets/alchemy/admin/tags.scss +0 -158
  355. data/app/assets/stylesheets/alchemy/admin.scss +0 -42
  356. data/app/assets/stylesheets/alchemy/custom-properties.css +0 -98
  357. data/app/assets/stylesheets/alchemy/welcome.scss +0 -57
  358. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/content.css +0 -711
  359. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/content.inline.css +0 -705
  360. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/content.inline.min.css +0 -7
  361. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/content.min.css +0 -7
  362. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/content.mobile.css +0 -29
  363. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/content.mobile.min.css +0 -7
  364. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/skin.mobile.css +0 -677
  365. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/skin.mobile.min.css +0 -7
  366. data/app/controllers/alchemy/elements_controller.rb +0 -32
  367. data/app/helpers/alchemy/admin/elements_helper.rb +0 -25
  368. data/app/models/alchemy/element/dom_id.rb +0 -31
  369. data/app/models/alchemy/picture/calculations.rb +0 -49
  370. data/app/models/alchemy/picture/transformations.rb +0 -115
  371. data/app/models/alchemy/picture/url.rb +0 -54
  372. data/app/views/alchemy/admin/attachments/destroy.js.erb +0 -1
  373. data/app/views/alchemy/admin/clipboard/clear.js.erb +0 -3
  374. data/app/views/alchemy/admin/clipboard/insert.js.erb +0 -29
  375. data/app/views/alchemy/admin/clipboard/remove.js.erb +0 -10
  376. data/app/views/alchemy/admin/resources/_filter.html.erb +0 -12
  377. data/app/views/alchemy/admin/resources/_resource.html.erb +0 -34
  378. data/app/views/alchemy/admin/resources/_table.html.erb +0 -29
  379. data/app/views/alchemy/elements/show.html.erb +0 -1
  380. data/app/views/alchemy/elements/show.js.erb +0 -1
  381. data/app/views/alchemy/ingredients/_audio_view.html.erb +0 -1
  382. data/app/views/alchemy/ingredients/_boolean_view.html.erb +0 -1
  383. data/app/views/alchemy/ingredients/_datetime_view.html.erb +0 -3
  384. data/app/views/alchemy/ingredients/_file_view.html.erb +0 -4
  385. data/app/views/alchemy/ingredients/_headline_view.html.erb +0 -4
  386. data/app/views/alchemy/ingredients/_html_view.html.erb +0 -1
  387. data/app/views/alchemy/ingredients/_link_view.html.erb +0 -4
  388. data/app/views/alchemy/ingredients/_node_view.html.erb +0 -1
  389. data/app/views/alchemy/ingredients/_page_view.html.erb +0 -1
  390. data/app/views/alchemy/ingredients/_picture_view.html.erb +0 -4
  391. data/app/views/alchemy/ingredients/_richtext_view.html.erb +0 -3
  392. data/app/views/alchemy/ingredients/_select_view.html.erb +0 -1
  393. data/app/views/alchemy/ingredients/_text_view.html.erb +0 -4
  394. data/app/views/alchemy/ingredients/_video_view.html.erb +0 -3
  395. data/babel.config.js +0 -12
  396. data/bin/importmap +0 -4
  397. data/bin/rails +0 -9
  398. data/bin/rspec +0 -3
  399. data/bin/setup +0 -30
  400. data/bin/start +0 -17
  401. data/bun.lockb +0 -0
  402. data/bundles/shoelace.js +0 -12
  403. data/bundles/tinymce.js +0 -22
  404. data/config/initializers/assets.rb +0 -4
  405. data/eslint.config.js +0 -17
  406. data/lib/alchemy/config.rb +0 -114
  407. data/lib/alchemy/element_definition.rb +0 -73
  408. data/lib/alchemy/page_layout.rb +0 -73
  409. data/lib/alchemy/resource_filter.rb +0 -40
  410. data/lib/alchemy/upgrader/seven_point_four.rb +0 -26
  411. data/lib/alchemy/upgrader/seven_point_three.rb +0 -52
  412. data/lib/alchemy/upgrader/tasks/.keep +0 -0
  413. data/lib/generators/alchemy/ingredient/templates/view.html.erb +0 -1
  414. data/lib/generators/alchemy/install/files/alchemy_admin.js +0 -1
  415. data/lib/generators/alchemy/install/files/all.js +0 -11
  416. data/lib/generators/alchemy/install/files/article.css +0 -25
  417. data/rollup.config.mjs +0 -108
  418. data/vendor/assets/images/remixicon.symbol.svg +0 -11
  419. /data/app/{assets/stylesheets → stylesheets}/alchemy/_fonts.scss +0 -0
  420. /data/app/{assets/stylesheets → stylesheets}/alchemy/admin/attachment-select.scss +0 -0
  421. /data/app/{assets/stylesheets → stylesheets}/alchemy/admin/flash.scss +0 -0
  422. /data/app/{assets/stylesheets → stylesheets}/alchemy/admin/list_filter.scss +0 -0
  423. /data/app/{assets/stylesheets → stylesheets}/alchemy/admin/spinner.scss +0 -0
  424. /data/app/{assets/stylesheets → stylesheets}/tinymce/skins/skintool.json +0 -0
  425. /data/app/{assets/stylesheets → stylesheets}/tinymce/skins/ui/alchemy/fonts/tinymce-mobile.woff +0 -0
data/app/stylesheets/alchemy/_themes.scss ADDED
@@ -0,0 +1,540 @@
1
+ @use "custom-properties";
2
+
3
+ @mixin dark-theme {
4
+ --body-background-color: var(--a-dark-grey);
5
+
6
+ /* Borders */
7
+ --border-color: var(--a-darker-grey);
8
+ --border-inset-color: var(--a-grey);
9
+
10
+ /* Buttons */
11
+ --button-bg-color: var(--color-blue_dark);
12
+ --button-border-color: var(--color-blue_medium);
13
+ --button-box-shadow: 0 1px 1px -1px hsl(0deg, 0%, 10%);
14
+ --button-focus-border-color: var(--color-orange_dark);
15
+ --button-focus-box-shadow: 0 1px 1px 0 var(--button-focus-border-color);
16
+ --button-hover-bg-color: var(--color-blue_medium);
17
+ --button-hover-border-color: var(--color-blue_medium);
18
+ --button-text-color: var(--color-white);
19
+ --button-text-shadow: none;
20
+ --button-disabled-bg-color: var(--a-dark-grey);
21
+ --button-disabled-border-color: var(--a-grey);
22
+ --button-secondary-bg-color: var(--a-darker-grey);
23
+ --button-secondary-border-color: var(--a-grey);
24
+ --button-secondary-hover-bg-color: var(--a-dark-grey);
25
+ --button-secondary-hover-border-color: var(--a-grey);
26
+ --button-secondary-text-color: var(--color-white);
27
+
28
+ --code-background-color: var(--a-darkest-grey);
29
+ --code-border-color: var(--a-grey);
30
+
31
+ /* Datepicker */
32
+ --datepicker-bg-color: var(--a-dark-grey);
33
+ --datepicker-border-color: var(--a-grey);
34
+ --datepicker-box-shadow: var(--select-dropdown-box-shadow);
35
+ --datepicker-text-color: var(--text-color);
36
+ --datepicker-weekday-text-color: var(--a-lighter-grey);
37
+ --datepicker-text-hover-color: var(--color-orange_medium);
38
+ --datepicker-day-hover-bg: var(--a-grey);
39
+ --datepicker-today-border-color: var(--a-light-grey);
40
+ --datepicker-today-hover-bg-color: var(--a-light-grey);
41
+ --datepicker-today-hover-text-color: var(--color-white);
42
+ --datepicker-selected-bg-color: var(--color-blue_medium);
43
+ --datepicker-selected-text-color: var(--color-white);
44
+
45
+ /* Dialogs */
46
+ --dialog-header-color: var(--color-blue_dark);
47
+ --dialog-header-text-color: var(--color-white);
48
+ --dialog-box-shadow: 0 var(--spacing-2) var(--spacing-4)
49
+ hsla(0deg, 0%, 0%, 0.5);
50
+ --dialog-overlay-color: hsla(0deg, 0%, 10%, 0.8);
51
+ --dialog-background-color: var(--a-dark-grey);
52
+
53
+ /* Elements */
54
+ --element-editor-background-color: var(--a-dark-grey);
55
+ --element-editor-border-color: var(--a-darkest-grey);
56
+ --element-editor-dragged-background-color: var(--color-blue_medium);
57
+ --element-editor-dragged-border-color: var(--color-orange_dark);
58
+ --element-editor-hover-box-shadow-color: var(--a-darkest-grey);
59
+ --element-header-bg-color: transparent;
60
+ --element-header-active-bg-color: var(--color-blue_medium);
61
+ --element-header-active-color: var(--color-white);
62
+ --element-header-deprecated-bg-color: hsla(29deg, 95%, 20%, 0.25);
63
+ --element-deprecated-border-color: hsl(29deg, 95%, 30%);
64
+ --element-toolbar-background-color: var(--a-dark-grey);
65
+ --element-toolbar-border-color: var(--a-darker-grey);
66
+ --element-dirty-border-color: hsl(55deg, 67%, 45%);
67
+ --element-dirty-header-color: hsl(55deg, 45%, 15%);
68
+
69
+ --elements-window-handle-dragged-background-color: var(--color-orange_dark);
70
+
71
+ --droppable-elements-background-color: var(--color-blue_dark);
72
+
73
+ --nestable-elements-background-color: var(--a-dark-grey);
74
+ --nestable-elements-box-shadow-color: var(--a-darkest-grey);
75
+
76
+ /* Focus Status */
77
+ --focus-color: var(--color-orange_dark);
78
+
79
+ /* Form Fields */
80
+ --form-field-addon-background-color: var(--a-darker-grey);
81
+ --form-field-background-color: var(--a-darkest-grey);
82
+ --form-field-border-color: var(--border-inset-color);
83
+ --form-field-box-shadow: inset 0 0 1px var(--a-dark-grey);
84
+ --form-field-label-color: var(--text-color-muted);
85
+ --form-field-text-color: var(--text-color);
86
+ --form-field-disabled-text-color: hsl(0deg, 0%, 53%);
87
+ --form-field-disabled-bg-color: hsla(0deg, 0%, 20%, 0.5);
88
+ --form-field-error-bg-color: hsl(0deg, 47%, 10%);
89
+ --form-field-error-box-shadow: inset 0 0 1px hsla(0deg, 25%, 30%, 0.5);
90
+
91
+ /* Header */
92
+ --header-background: var(--a-darkest-grey);
93
+
94
+ /* Hints */
95
+ --hint-background-color: hsl(55deg, 20%, 25%);
96
+ --hint-border-color: hsla(55deg, 20%, 50%, 0.5);
97
+ --hint-text-color: hsl(55deg, 20%, 75%);
98
+ --hint-text-link-color: hsla(0deg, 0%, 100%, 0.85);
99
+
100
+ /* Icon Buttons */
101
+ --icon-button-linked-color: hsla(42deg, 100%, 40%, 0.75);
102
+ --icon-button-linked-hover-color: hsla(42deg, 100%, 50%, 0.75);
103
+ --icon-button-linked-border-color: hsl(42deg, 100%, 50%);
104
+ --icon-button-linked-hover-border-color: hsl(42deg, 100%, 60%);
105
+ --icon-button-hover-bg-color: var(--a-darkest-grey);
106
+
107
+ /* Icons */
108
+ --icon-color: var(--a-lighter-grey);
109
+
110
+ --image-overlay-box-shadow: -4px 0 4px 0px hsla(0deg, 0%, 0%, 0.5);
111
+ --image-overlay-hover-bg-color: var(--a-darker-grey);
112
+
113
+ --list-filter-background-color: var(--form-field-background-color);
114
+ --list-filter-focus-background-color: var(--form-field-background-color);
115
+
116
+ /* Main Menu */
117
+ --main-menu-bg-color: var(--color-blue_dark);
118
+ --main-menu-active-bg-color: var(--color-orange_dark);
119
+ --main-menu-active-text-color: var(--color-blue_dark);
120
+ --main-menu-text-color: var(--color-white);
121
+ --main-menu-icon-color: var(--color-white);
122
+
123
+ /* Notices */
124
+ --notice-success-background-color: hsl(88deg, 47%, 20%);
125
+ --notice-success-border-color: hsl(127deg, 25%, 30%);
126
+ --notice-success-text-color: hsl(127deg, 42%, 65%);
127
+
128
+ --notice-info-background-color: hsl(215deg, 63%, 20%);
129
+ --notice-info-border-color: hsl(225deg, 25%, 30%);
130
+ --notice-info-text-color: hsl(225deg, 55%, 80%);
131
+
132
+ --notice-warning-background-color: hsl(55deg, 70%, 15%);
133
+ --notice-warning-border-color: hsl(55deg, 25%, 30%);
134
+ --notice-warning-text-color: hsl(55deg, 53%, 80%);
135
+
136
+ --notice-error-background-color: hsl(0deg, 45%, 15%);
137
+ --notice-error-border-color: hsl(0deg, 25%, 30%);
138
+ --notice-error-text-color: hsl(0, 50%, 75%);
139
+
140
+ /* Pagination */
141
+ --pagination-background-color: var(--a-darker-grey);
142
+ --pagination-border-color: var(--a-dark-grey);
143
+ --pagination-active-bg-color: var(--color-blue_dark);
144
+ --pagination-active-text-color: var(--color-white);
145
+ --pagination-disabled-text-color: var(--a-light-grey);
146
+
147
+ /* Panels */
148
+ --panel-background-color: var(--a-darker-grey);
149
+ --panel-border-color: var(--a-grey);
150
+
151
+ --picture-thumbnail-background-color: var(--a-dark-grey);
152
+ --picture-thumbnail-toolbar-bg-color: var(--a-darker-grey);
153
+ --picture-tool-background-color: var(--a-darker-grey);
154
+ --picture-tool-hover-background-color: var(--a-darkest-grey);
155
+
156
+ --search-field-background-color: var(--a-dark-grey);
157
+
158
+ /* Selects */
159
+ --select-background-color: var(--form-field-background-color);
160
+ --select-border-color: var(--form-field-border-color);
161
+ --select-text-color: var(--text-color);
162
+ --select-hover-bg-color: var(--color-blue_dark);
163
+ --select-hover-border-color: var(--form-field-border-color);
164
+ --select-hover-text-color: var(--color-white);
165
+ --select-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="hsl(200deg, 5%, 70%)" viewBox="0 0 24 24"><path d="M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z"></path></svg>');
166
+ --select-close-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsl(200deg, 5%, 70%)"><path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"></path></svg>');
167
+ --select-disabled-background-color: var(--a-darker-grey);
168
+ --select-disabled-border-color: var(--a-grey);
169
+ --select-disabled-text-color: var(--a-lighter-grey);
170
+ --select-dropdown-background-color: var(--a-darker-grey);
171
+ --select-dropdown-box-shadow: 0 var(--spacing-2) var(--spacing-2)
172
+ hsla(0deg, 0%, 0%, 0.75);
173
+ --select-dropdown-border-color: var(--a-grey);
174
+
175
+ /* Sidebar */
176
+ --sidebar-background-color: var(--a-darker-grey);
177
+
178
+ /* Sitemap */
179
+ --sitemap-page-background-color: var(--a-darker-grey);
180
+ --sitemap-page-hover-color: var(--a-grey);
181
+ --sitemap-info-background-color: var(--a-darker-grey);
182
+ --sitemap-highlight-color: var(--a-grey);
183
+
184
+ /* Tables */
185
+ --table-border-color: var(--border-color);
186
+ --table-row-even-background-color: var(--a-darker-grey);
187
+ --table-row-odd-background-color: var(--a-darkest-grey);
188
+ --table-row-hover-color: var(--a-grey);
189
+
190
+ /* Tags */
191
+ --tag-background-color: var(--a-grey);
192
+ --tag-hover-background-color: var(--a-dark-grey);
193
+ --tag-active-background-color: var(--color-orange_dark);
194
+ --tag-active-text-color: var(--a-grey);
195
+ --tag-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsl(200deg, 5%, 70%)"><path d="M10.9042 2.10025L20.8037 3.51446L22.2179 13.414L13.0255 22.6063C12.635 22.9969 12.0019 22.9969 11.6113 22.6063L1.71184 12.7069C1.32131 12.3163 1.32131 11.6832 1.71184 11.2926L10.9042 2.10025ZM11.6113 4.22157L3.83316 11.9997L12.3184 20.485L20.0966 12.7069L19.036 5.28223L11.6113 4.22157ZM13.7327 10.5855C12.9516 9.80448 12.9516 8.53815 13.7327 7.7571C14.5137 6.97606 15.78 6.97606 16.5611 7.7571C17.3421 8.53815 17.3421 9.80448 16.5611 10.5855C15.78 11.3666 14.5137 11.3666 13.7327 10.5855Z"></path></svg>');
196
+ --tag-active-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsl(200deg, 5%, 22.5%)"><path d="M10.9042 2.10025L20.8037 3.51446L22.2179 13.414L13.0255 22.6063C12.635 22.9969 12.0019 22.9969 11.6113 22.6063L1.71184 12.7069C1.32131 12.3163 1.32131 11.6832 1.71184 11.2926L10.9042 2.10025ZM11.6113 4.22157L3.83316 11.9997L12.3184 20.485L20.0966 12.7069L19.036 5.28223L11.6113 4.22157ZM13.7327 10.5855C12.9516 9.80448 12.9516 8.53815 13.7327 7.7571C14.5137 6.97606 15.78 6.97606 16.5611 7.7571C17.3421 8.53815 17.3421 9.80448 16.5611 10.5855C15.78 11.3666 14.5137 11.3666 13.7327 10.5855Z"></path></svg>');
197
+
198
+ /* Text */
199
+ --text-color: var(--a-lightest-grey);
200
+ --text-color-muted: var(--a-lighter-grey);
201
+ --text-link-color: var(--color-orange_medium);
202
+ --text-shadow-light: 0 0 var(--spacing-1) hsla(0deg, 0%, 20%, 0.5);
203
+
204
+ /* Thumbnails */
205
+ --thumbnail-background:
206
+ linear-gradient(45deg, var(--a-grey) 25%, transparent 25%) 0.5em 0.5em/1em
207
+ 1em,
208
+ linear-gradient(-45deg, var(--a-grey) 25%, transparent 25%) -0.5em 0/1em 1em,
209
+ linear-gradient(45deg, transparent 75%, var(--a-grey) 75%) 0 0/1em 1em,
210
+ linear-gradient(-45deg, transparent 75%, var(--a-grey) 75%) 0 0.5em/1em 1em
211
+ var(--a-dark-grey);
212
+
213
+ /* Toolbar */
214
+ --toolbar-bg-color: var(--a-darker-grey);
215
+ --toolbar-border-bottom: 1px solid var(--a-darkest-grey);
216
+
217
+ /* Tooltips */
218
+ --tooltip-background-color: var(--color-blue_dark);
219
+ --tooltip-box-shadow: 0 0 var(--spacing-1) hsla(0deg, 0%, 0%, 0.5);
220
+
221
+ /* Shoelace */
222
+ --tabs_indicator-color: var(--color-orange_dark);
223
+ --tabs_track-color: var(--border-color);
224
+ --sl-input-label-color: var(--text-color);
225
+
226
+ /* File Upload */
227
+ --file-upload-failed-text-color: var(--notice-error-text-color);
228
+ --file-upload-text-color: var(--text-color);
229
+ --file-upload_background-color: var(--a-grey);
230
+ --file-upload_single-upload-background-color: var(--a-dark-grey);
231
+ --file-upload_progress-track-color: var(--a-darker-grey);
232
+ --file-upload_progress-indicator-color: var(--color-blue_medium);
233
+ --file-upload_progress-indicator-color-canceled: var(--a-grey);
234
+ --file-upload_progress-indicator-color-failed: var(
235
+ --notice-error-border-color
236
+ );
237
+ --file-upload_progress-indicator-color-invalid: var(
238
+ --notice-warning-border-color
239
+ );
240
+ --file-upload_progress-indicator-color-successful: var(
241
+ --notice-success-border-color
242
+ );
243
+ --file-upload_progress-indicator-color-upload-finished: var(
244
+ --color-blue_medium
245
+ );
246
+
247
+ /*
248
+ * Shoelace Theme Tokens
249
+ */
250
+
251
+ /* Primary */
252
+ --sl-color-primary-50: var(--color-orange_medium);
253
+ --sl-color-primary-100: var(--color-orange_medium);
254
+ --sl-color-primary-200: var(--color-orange_medium);
255
+ --sl-color-primary-300: var(--color-orange_dark);
256
+ --sl-color-primary-400: var(--color-orange_dark);
257
+ --sl-color-primary-500: var(--color-orange_dark);
258
+ --sl-color-primary-600: var(--color-orange_dark);
259
+ --sl-color-primary-700: var(--color-orange_very_dark);
260
+ --sl-color-primary-800: var(--color-orange_very_dark);
261
+ --sl-color-primary-900: var(--color-orange_very_dark);
262
+ --sl-color-primary-950: var(--color-orange_very_dark);
263
+
264
+ /* Neutral */
265
+ --sl-color-neutral-50: var(--a-grey);
266
+ --sl-color-neutral-100: var(--a-grey);
267
+ --sl-color-neutral-200: var(--a-light-grey);
268
+ --sl-color-neutral-300: var(--a-light-grey);
269
+ --sl-color-neutral-400: var(--a-light-grey);
270
+ --sl-color-neutral-500: var(--a-lighter-grey);
271
+ --sl-color-neutral-600: var(--a-lighter-grey);
272
+ --sl-color-neutral-700: var(--a-lighter-grey);
273
+ --sl-color-neutral-800: var(--a-lightest-grey);
274
+ --sl-color-neutral-900: var(--a-lightest-grey);
275
+ --sl-color-neutral-950: var(--a-lightest-grey);
276
+
277
+ .select2-container.select2-container-multi
278
+ .select2-search-choice-close:before,
279
+ .select2-container.select2-allowclear .select2-search-choice-close:before {
280
+ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsl(200deg, 5%, 70%)"><path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"></path></svg>');
281
+ }
282
+ }
283
+
284
+ @mixin light-theme {
285
+ --body-background-color: var(--color-grey_very_light);
286
+
287
+ /* Borders */
288
+ --border-color: hsla(0deg, 0%, 69%, 0.5);
289
+ --border-inset-color: hsla(0deg, 0%, 79%, 0.5);
290
+
291
+ /* Buttons */
292
+ --button-bg-color: var(--color-white);
293
+ --button-border-color: var(--border-color);
294
+ --button-box-shadow: 0 1px 1px -1px hsl(0deg, 0%, 20%);
295
+ --button-focus-border-color: var(--color-orange_dark);
296
+ --button-focus-box-shadow: 0 1px 1px 0 var(--button-focus-border-color);
297
+ --button-hover-bg-color: var(--color-grey_very_light);
298
+ --button-hover-border-color: hsla(0deg, 0%, 59%, 0.5);
299
+ --button-text-color: var(--text-color);
300
+ --button-text-shadow: none;
301
+ --button-disabled-bg-color: hsla(0deg, 0%, 100%, 0.5);
302
+ --button-disabled-border-color: var(--button-border-color);
303
+ --button-secondary-bg-color: var(--color-grey_light);
304
+ --button-secondary-border-color: var(--border-color);
305
+ --button-secondary-hover-bg-color: var(--color-white);
306
+ --button-secondary-hover-border-color: var(--color-grey_medium);
307
+ --button-secondary-text-color: var(--text-color);
308
+
309
+ --code-background-color: var(--color-grey_light);
310
+ --code-border-color: var(--border-color);
311
+
312
+ /* Datepicker */
313
+ --datepicker-bg-color: var(--color-white);
314
+ --datepicker-border-color: var(--border-color);
315
+ --datepicker-box-shadow: var(--select-dropdown-box-shadow);
316
+ --datepicker-text-color: var(--text-color);
317
+ --datepicker-weekday-text-color: rgba(0, 0, 0, 0.54);
318
+ --datepicker-text-hover-color: var(--color-orange_dark);
319
+ --datepicker-day-hover-bg: var(--color-grey_light);
320
+ --datepicker-today-border-color: var(--color-grey_dark);
321
+ --datepicker-today-hover-bg-color: var(--color-grey_dark);
322
+ --datepicker-today-hover-text-color: var(--color-white);
323
+ --datepicker-selected-bg-color: var(--color-blue_medium);
324
+ --datepicker-selected-text-color: var(--color-white);
325
+
326
+ /* Dialogs */
327
+ --dialog-header-color: var(--color-blue_dark);
328
+ --dialog-header-text-color: var(--color-white);
329
+ --dialog-box-shadow: 0 var(--spacing-2) var(--spacing-4)
330
+ hsla(0deg, 0%, 14%, 0.5);
331
+ --dialog-overlay-color: hsla(0deg, 0%, 39%, 0.4);
332
+ --dialog-background-color: var(--color-grey_very_light);
333
+
334
+ /* Elements */
335
+ --element-editor-background-color: var(--color-grey_very_light);
336
+ --element-header-bg-color: transparent;
337
+ --element-header-active-bg-color: var(--color-blue_dark);
338
+ --element-header-active-color: var(--color-white);
339
+ --element-header-deprecated-bg-color: hsla(29deg, 95%, 84%, 0.25);
340
+ --element-deprecated-border-color: hsl(29deg, 95%, 84%);
341
+ --element-toolbar-background-color: var(--color-grey_very_light);
342
+ --element-toolbar-border-color: var(--color-grey_light);
343
+ --element-dirty-border-color: hsl(56deg, 67%, 52%);
344
+ --element-dirty-header-color: hsl(56deg, 100%, 93%);
345
+
346
+ /* Focus Status */
347
+ --focus-color: hsla(28deg, 77%, 68%, 0.75);
348
+
349
+ /* Form Fields */
350
+ --form-field-addon-background-color: var(--color-grey_light);
351
+ --form-field-background-color: var(--color-white);
352
+ --form-field-border-color: var(--border-color) var(--border-color)
353
+ var(--border-inset-color) var(--border-inset-color);
354
+ --form-field-box-shadow: inset 0 0 1px var(--color-grey_light);
355
+ --form-field-label-color: var(--text-color);
356
+ --form-field-text-color: var(--text-color);
357
+ --form-field-disabled-text-color: hsl(0deg, 0%, 53%);
358
+ --form-field-disabled-bg-color: hsla(0deg, 0%, 100%, 0.5);
359
+ --form-field-error-bg-color: hsl(0deg, 47%, 96%);
360
+ --form-field-error-box-shadow: inset 0 0 1px hsla(0deg, 25%, 69%, 0.5);
361
+
362
+ /* Header */
363
+ --header-background: hsl(0deg, 0%, 85%);
364
+
365
+ /* Hints */
366
+ --hint-background-color: var(--color-yellow_light);
367
+ --hint-border-color: var(--color-grey_light);
368
+ --hint-text-color: hsl(49deg, 18%, 30%);
369
+ --hint-text-link-color: var(--color-grey_very_dark);
370
+
371
+ /* Icon Buttons */
372
+ --icon-button-linked-color: hsla(42deg, 100%, 74%, 0.75);
373
+ --icon-button-linked-hover-color: hsla(42deg, 100%, 64%, 0.75);
374
+ --icon-button-linked-border-color: hsl(42deg, 100%, 64%);
375
+ --icon-button-linked-hover-border-color: hsl(42deg, 100%, 54%);
376
+ --icon-button-hover-bg-color: hsla(0deg, 0%, 69%, 0.5);
377
+
378
+ /* Icons */
379
+ --icon-color: hsla(224deg, 23%, 26%, 0.75);
380
+
381
+ --image-overlay-box-shadow: -4px 0 4px 0px var(--text-color);
382
+ --image-overlay-hover-bg-color: var(--color-grey_light);
383
+
384
+ --list-filter-background-color: hsla(0deg, 0%, 100%, 0.25);
385
+ --list-filter-focus-background-color: var(--color-white);
386
+
387
+ /* Main Menu */
388
+ --main-menu-bg-color: var(--color-blue_dark);
389
+ --main-menu-active-bg-color: var(--color-orange_dark);
390
+ --main-menu-active-text-color: var(--color-blue_dark);
391
+ --main-menu-text-color: var(--color-white);
392
+ --main-menu-icon-color: var(--color-white);
393
+
394
+ /* Notices */
395
+ --notice-success-background-color: hsl(88deg, 47%, 88%);
396
+ --notice-success-border-color: hsl(127deg, 25%, 69%);
397
+ --notice-success-text-color: hsl(128deg, 32%, 26%);
398
+
399
+ --notice-info-background-color: hsl(215deg, 63%, 87%);
400
+ --notice-info-border-color: hsl(222deg, 25%, 61%);
401
+ --notice-info-text-color: hsl(225deg, 53%, 29%);
402
+
403
+ --notice-warning-background-color: hsl(56deg, 68%, 85%);
404
+ --notice-warning-border-color: hsl(55deg, 25%, 69%);
405
+ --notice-warning-text-color: hsl(56deg, 53%, 29%);
406
+
407
+ --notice-error-background-color: hsl(0deg, 47%, 88%);
408
+ --notice-error-border-color: hsl(0deg, 25%, 69%);
409
+ --notice-error-text-color: hsl(0deg, 51%, 42%);
410
+
411
+ /* Pagination */
412
+ --pagination-background-color: var(--color-grey_very_light);
413
+ --pagination-border-color: var(--border-color);
414
+ --pagination-active-bg-color: var(--color-blue_dark);
415
+ --pagination-active-text-color: var(--color-white);
416
+ --pagination-disabled-text-color: #c0c0c0;
417
+
418
+ /* Panels */
419
+ --panel-background-color: var(--color-grey_light);
420
+ --panel-border-color: var(--border-color);
421
+
422
+ --picture-tool-background-color: var(--color-white);
423
+ --picture-tool-hover-background-color: var(--color-grey_very_light);
424
+
425
+ --search-field-background-color: var(--color-grey_very_light);
426
+
427
+ /* Selects */
428
+ --select-background-color: var(--form-field-background-color);
429
+ --select-border-color: var(--border-inset-color);
430
+ --select-text-color: var(--form-field-text-color);
431
+ --select-hover-bg-color: var(--color-blue_dark);
432
+ --select-hover-border-color: var(--border-color);
433
+ --select-hover-text-color: var(--color-white);
434
+ --select-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsla(224deg, 23%, 26%, 0.75)"><path d="M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"></path></svg>');
435
+ --select-close-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsla(224deg, 23%, 26%, 0.75)"><path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"></path></svg>');
436
+ --select-disabled-background-color: var(--color-grey_very_light);
437
+ --select-disabled-border-color: var(--border-inset-color);
438
+ --select-dropdown-background-color: var(--color-white);
439
+ --select-dropdown-box-shadow: 0 var(--spacing-2) var(--spacing-2)
440
+ hsla(0deg, 0%, 0%, 0.15);
441
+ --select-dropdown-border-color: var(--color-grey_very_light);
442
+
443
+ /* Sidebar */
444
+ --sidebar-background-color: var(--color-grey_very_light);
445
+
446
+ /* Sitemap */
447
+ --sitemap-page-background-color: hsla(0deg, 0%, 100%, 0.75);
448
+ --sitemap-page-hover-color: hsla(60deg, 81%, 92%, 0.5);
449
+ --sitemap-info-background-color: hsla(0deg, 0%, 100%, 0.5);
450
+ --sitemap-highlight-color: hsla(57deg, 100%, 82%, 0.5);
451
+
452
+ /* Tables */
453
+ --table-border-color: var(--color-grey_light);
454
+ --table-row-even-background-color: var(--color-white);
455
+ --table-row-odd-background-color: hsla(0deg, 0%, 100%, 0.5);
456
+ --table-row-hover-color: hsla(60deg, 81%, 92%, 0.5);
457
+
458
+ /* Tags */
459
+ --tag-background-color: var(--color-grey_light);
460
+ --tag-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsla(224deg, 23%, 26%, 0.75)"><path d="M10.9042 2.10025L20.8037 3.51446L22.2179 13.414L13.0255 22.6063C12.635 22.9969 12.0019 22.9969 11.6113 22.6063L1.71184 12.7069C1.32131 12.3163 1.32131 11.6832 1.71184 11.2926L10.9042 2.10025ZM11.6113 4.22157L3.83316 11.9997L12.3184 20.485L20.0966 12.7069L19.036 5.28223L11.6113 4.22157ZM13.7327 10.5855C12.9516 9.80448 12.9516 8.53815 13.7327 7.7571C14.5137 6.97606 15.78 6.97606 16.5611 7.7571C17.3421 8.53815 17.3421 9.80448 16.5611 10.5855C15.78 11.3666 14.5137 11.3666 13.7327 10.5855Z"></path></svg>');
461
+ --tag-hover-background-color: var(--color-grey_medium);
462
+ --tag-active-background-color: var(--color-blue_medium);
463
+ --tag-active-text-color: var(--color-grey_very_light);
464
+ --tag-active-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgba(255, 255, 255, 0.95)"><path d="M10.9042 2.10025L20.8037 3.51446L22.2179 13.414L13.0255 22.6063C12.635 22.9969 12.0019 22.9969 11.6113 22.6063L1.71184 12.7069C1.32131 12.3163 1.32131 11.6832 1.71184 11.2926L10.9042 2.10025ZM11.6113 4.22157L3.83316 11.9997L12.3184 20.485L20.0966 12.7069L19.036 5.28223L11.6113 4.22157ZM13.7327 10.5855C12.9516 9.80448 12.9516 8.53815 13.7327 7.7571C14.5137 6.97606 15.78 6.97606 16.5611 7.7571C17.3421 8.53815 17.3421 9.80448 16.5611 10.5855C15.78 11.3666 14.5137 11.3666 13.7327 10.5855Z"></path></svg>');
465
+
466
+ /* Text */
467
+ --text-color: hsla(224deg, 23%, 26%, 0.8);
468
+ --text-color-muted: hsla(224deg, 23%, 26%, 0.5);
469
+ --text-link-color: var(--color-orange_very_dark);
470
+ --text-shadow-light: 0 0 var(--spacing-1) hsla(0deg, 0%, 100%, 0.5);
471
+
472
+ /* Thumbnails */
473
+ --thumbnail-background:
474
+ linear-gradient(45deg, var(--color-grey_light) 25%, transparent 25%) 0.5em
475
+ 0.5em/1em 1em,
476
+ linear-gradient(-45deg, var(--color-grey_light) 25%, transparent 25%) -0.5em
477
+ 0/1em 1em,
478
+ linear-gradient(45deg, transparent 75%, var(--color-grey_light) 75%) 0 0/1em
479
+ 1em,
480
+ linear-gradient(-45deg, transparent 75%, var(--color-grey_light) 75%) 0
481
+ 0.5em/1em 1em var(--color-grey_medium);
482
+
483
+ /* Toolbar */
484
+ --toolbar-bg-color: var(--color-grey_light);
485
+ --toolbar-border-bottom: var(--border-default);
486
+
487
+ /* Tooltips */
488
+ --tooltip-background-color: var(--color-blue_dark);
489
+ --tooltip-box-shadow: 0 0 var(--spacing-1) var(--color-grey_light);
490
+
491
+ /* Shoelace */
492
+ --tabs_indicator-color: var(--color-orange_dark);
493
+ --tabs_track-color: var(--color-grey_light);
494
+ --sl-input-label-color: var(--text-color);
495
+
496
+ /* File Upload */
497
+ --file-upload-failed-text-color: var(--color-red_medium);
498
+ --file-upload-text-color: var(--text-color);
499
+ --file-upload_background-color: hsla(0deg, 0%, 80%, 0.8);
500
+ --file-upload_single-upload-background-color: var(--color-grey_light);
501
+ --file-upload_progress-track-color: var(--color-blue_very_light);
502
+ --file-upload_progress-indicator-color: var(--color-blue_dark);
503
+ --file-upload_progress-indicator-color-canceled: hsla(0deg, 0%, 60%, 0.8);
504
+ --file-upload_progress-indicator-color-failed: var(--color-red_medium);
505
+ --file-upload_progress-indicator-color-invalid: var(--color-red_medium);
506
+ --file-upload_progress-indicator-color-successful: var(--color-green_medium);
507
+ --file-upload_progress-indicator-color-upload-finished: var(
508
+ --color-blue_dark
509
+ );
510
+
511
+ /*
512
+ * Shoelace Theme Tokens
513
+ */
514
+
515
+ /* Primary */
516
+ --sl-color-primary-50: var(--color-blue_very_light);
517
+ --sl-color-primary-100: var(--color-blue_very_light);
518
+ --sl-color-primary-200: var(--color-blue_light);
519
+ --sl-color-primary-300: var(--color-blue_light);
520
+ --sl-color-primary-400: var(--color-blue_medium);
521
+ --sl-color-primary-500: var(--color-blue_medium);
522
+ --sl-color-primary-600: var(--color-blue_dark);
523
+ --sl-color-primary-700: var(--color-blue_dark);
524
+ --sl-color-primary-800: var(--color-blue_dark);
525
+ --sl-color-primary-900: var(--color-blue_dark);
526
+ --sl-color-primary-950: var(--color-blue_dark);
527
+
528
+ /* Neutral */
529
+ --sl-color-neutral-50: var(--color-grey_very_light);
530
+ --sl-color-neutral-100: var(--color-grey_very_light);
531
+ --sl-color-neutral-200: var(--color-grey_light);
532
+ --sl-color-neutral-300: var(--color-grey_light);
533
+ --sl-color-neutral-400: var(--color-grey_medium);
534
+ --sl-color-neutral-500: var(--color-grey_medium);
535
+ --sl-color-neutral-600: var(--color-grey_dark);
536
+ --sl-color-neutral-700: var(--color-grey_dark);
537
+ --sl-color-neutral-800: var(--color-grey_very_dark);
538
+ --sl-color-neutral-900: var(--color-grey_very_dark);
539
+ --sl-color-neutral-950: var(--color-grey_very_dark);
540
+ }
data/app/stylesheets/alchemy/_variables.scss ADDED
@@ -0,0 +1,5 @@
1
+ $small-screen-break-point: 500px;
2
+ $medium-screen-break-point: 700px;
3
+ $large-screen-break-point: 1000px;
4
+ $xlarge-screen-break-point: 1440px;
5
+ $xxlarge-screen-break-point: 1680px;