@shohojdhara/atomix 0.3.3 → 0.3.4

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 (398) hide show
  1. package/README.md +46 -28
  2. package/dist/atomix.css +13 -6
  3. package/dist/atomix.min.css +1 -1
  4. package/dist/index.d.ts +912 -505
  5. package/dist/index.esm.js +2924 -2133
  6. package/dist/index.esm.js.map +1 -1
  7. package/dist/index.js +2719 -1916
  8. package/dist/index.js.map +1 -1
  9. package/dist/index.min.js +1 -1
  10. package/dist/index.min.js.map +1 -1
  11. package/package.json +11 -62
  12. package/scripts/atomix-cli.js +338 -2
  13. package/scripts/cli/interactive-init.js +36 -44
  14. package/scripts/cli/theme-bridge.js +129 -0
  15. package/scripts/sync-theme-config.js +22 -22
  16. package/src/components/Button/Button.tsx +36 -1
  17. package/src/lib/config/index.ts +275 -0
  18. package/src/lib/config/loader.ts +105 -0
  19. package/src/lib/index.ts +1 -0
  20. package/src/lib/theme/composeTheme.ts +0 -5
  21. package/src/lib/theme/config/index.ts +1 -1
  22. package/src/lib/theme/config/loader.ts +75 -41
  23. package/src/lib/theme/config/types.ts +21 -7
  24. package/src/lib/theme/config/validator.ts +1 -1
  25. package/src/lib/theme/constants.ts +12 -2
  26. package/src/lib/theme/createTheme.ts +0 -1
  27. package/src/lib/theme/createThemeFromConfig.ts +132 -0
  28. package/src/lib/theme/devtools/CLI.ts +161 -76
  29. package/src/lib/theme/devtools/Comparator.tsx +343 -0
  30. package/src/lib/theme/devtools/IMPROVEMENTS.md +429 -0
  31. package/src/lib/theme/devtools/Inspector.tsx +21 -6
  32. package/src/lib/theme/devtools/LiveEditor.tsx +393 -0
  33. package/src/lib/theme/devtools/README.md +433 -0
  34. package/src/lib/theme/devtools/index.ts +12 -11
  35. package/src/lib/theme/generateCSSVariables.ts +79 -38
  36. package/src/lib/theme/index.ts +18 -2
  37. package/src/lib/theme/runtime/ThemeManager.test.ts +17 -1
  38. package/src/lib/theme/runtime/ThemeManager.ts +7 -7
  39. package/src/lib/theme/types.ts +42 -43
  40. package/src/lib/theme-tools.ts +7 -67
  41. package/src/lib/types/components.ts +69 -75
  42. package/src/styles/01-settings/_settings.navbar.scss +1 -1
  43. package/src/styles/03-generic/_generated-root.css +5 -0
  44. package/src/styles/06-components/_components.navbar.scss +12 -5
  45. package/src/themes/README.md +1 -2
  46. package/src/themes/themes.config.js +10 -194
  47. package/dist/themes/applemix.css +0 -16576
  48. package/dist/themes/applemix.css.map +0 -1
  49. package/dist/themes/applemix.min.css +0 -73
  50. package/dist/themes/boomdevs.css +0 -16007
  51. package/dist/themes/boomdevs.css.map +0 -1
  52. package/dist/themes/boomdevs.min.css +0 -406
  53. package/dist/themes/esrar.css +0 -18424
  54. package/dist/themes/esrar.css.map +0 -1
  55. package/dist/themes/esrar.min.css +0 -221
  56. package/dist/themes/flashtrade.css +0 -17596
  57. package/dist/themes/flashtrade.css.map +0 -1
  58. package/dist/themes/flashtrade.min.css +0 -196
  59. package/dist/themes/mashroom.css +0 -31082
  60. package/dist/themes/mashroom.css.map +0 -1
  61. package/dist/themes/mashroom.min.css +0 -450
  62. package/dist/themes/shaj-default.css +0 -17200
  63. package/dist/themes/shaj-default.css.map +0 -1
  64. package/dist/themes/shaj-default.min.css +0 -502
  65. package/src/lib/theme/__tests__/ThemeBuilder.test.ts +0 -223
  66. package/src/lib/theme/builders/ThemeBuilder.ts +0 -372
  67. package/src/lib/theme/errors.test.ts +0 -207
  68. package/src/lib/theme/generators/CSSGenerator.ts +0 -311
  69. package/src/lib/theme/generators/ConfigGenerator.ts +0 -287
  70. package/src/lib/theme/generators/TypeGenerator.ts +0 -228
  71. package/src/lib/theme/generators/index.ts +0 -21
  72. package/src/lib/theme/monitoring/ThemeAnalytics.ts +0 -409
  73. package/src/lib/theme/monitoring/index.ts +0 -17
  74. package/src/lib/theme/overrides/ComponentOverrides.ts +0 -243
  75. package/src/lib/theme/overrides/index.ts +0 -15
  76. package/src/lib/theme/whitelabel/WhiteLabelManager.ts +0 -364
  77. package/src/lib/theme/whitelabel/index.ts +0 -13
  78. package/src/themes/THEME_CHECKLIST.md +0 -74
  79. package/src/themes/applemix/01-settings/_index.scss +0 -24
  80. package/src/themes/applemix/01-settings/_settings.animations.scss +0 -0
  81. package/src/themes/applemix/01-settings/_settings.background.scss +0 -6
  82. package/src/themes/applemix/01-settings/_settings.colors.scss +0 -75
  83. package/src/themes/applemix/01-settings/_settings.config.scss +0 -15
  84. package/src/themes/applemix/01-settings/_settings.typography.scss +0 -30
  85. package/src/themes/applemix/02-tools/_index.scss +0 -4
  86. package/src/themes/applemix/03-generic/_index.scss +0 -7
  87. package/src/themes/applemix/04-elements/_index.scss +0 -7
  88. package/src/themes/applemix/05-objects/_index.scss +0 -7
  89. package/src/themes/applemix/06-components/_index.scss +0 -15
  90. package/src/themes/applemix/99-utilities/_index.scss +0 -7
  91. package/src/themes/applemix/README.md +0 -378
  92. package/src/themes/applemix/index.scss +0 -33
  93. package/src/themes/boomdevs/01-settings/_index.scss +0 -38
  94. package/src/themes/boomdevs/01-settings/_settings.accordion.scss +0 -12
  95. package/src/themes/boomdevs/01-settings/_settings.animations.scss +0 -11
  96. package/src/themes/boomdevs/01-settings/_settings.avatar.scss +0 -9
  97. package/src/themes/boomdevs/01-settings/_settings.badge.scss +0 -11
  98. package/src/themes/boomdevs/01-settings/_settings.border-radius.scss +0 -16
  99. package/src/themes/boomdevs/01-settings/_settings.border.scss +0 -10
  100. package/src/themes/boomdevs/01-settings/_settings.box-shadow.scss +0 -14
  101. package/src/themes/boomdevs/01-settings/_settings.breadcrumb.scss +0 -13
  102. package/src/themes/boomdevs/01-settings/_settings.breakpoints.scss +0 -15
  103. package/src/themes/boomdevs/01-settings/_settings.button.scss +0 -9
  104. package/src/themes/boomdevs/01-settings/_settings.callout.scss +0 -9
  105. package/src/themes/boomdevs/01-settings/_settings.card.scss +0 -11
  106. package/src/themes/boomdevs/01-settings/_settings.checkbox.scss +0 -9
  107. package/src/themes/boomdevs/01-settings/_settings.colors.scss +0 -145
  108. package/src/themes/boomdevs/01-settings/_settings.dropdown.scss +0 -11
  109. package/src/themes/boomdevs/01-settings/_settings.grid.scss +0 -16
  110. package/src/themes/boomdevs/01-settings/_settings.input.scss +0 -14
  111. package/src/themes/boomdevs/01-settings/_settings.link.scss +0 -11
  112. package/src/themes/boomdevs/01-settings/_settings.list.scss +0 -10
  113. package/src/themes/boomdevs/01-settings/_settings.modal.scss +0 -16
  114. package/src/themes/boomdevs/01-settings/_settings.navbar.scss +0 -16
  115. package/src/themes/boomdevs/01-settings/_settings.pagination.scss +0 -13
  116. package/src/themes/boomdevs/01-settings/_settings.progress.scss +0 -11
  117. package/src/themes/boomdevs/01-settings/_settings.rating.scss +0 -10
  118. package/src/themes/boomdevs/01-settings/_settings.spacing.scss +0 -33
  119. package/src/themes/boomdevs/01-settings/_settings.spinner.scss +0 -11
  120. package/src/themes/boomdevs/01-settings/_settings.steps.scss +0 -12
  121. package/src/themes/boomdevs/01-settings/_settings.tabs.scss +0 -12
  122. package/src/themes/boomdevs/01-settings/_settings.todo.scss +0 -15
  123. package/src/themes/boomdevs/01-settings/_settings.toggle.scss +0 -14
  124. package/src/themes/boomdevs/01-settings/_settings.tooltip.scss +0 -13
  125. package/src/themes/boomdevs/01-settings/_settings.typography.scss +0 -58
  126. package/src/themes/boomdevs/01-settings/_settings.video-player.scss +0 -12
  127. package/src/themes/boomdevs/02-tools/_index.scss +0 -7
  128. package/src/themes/boomdevs/03-generic/_index.scss +0 -7
  129. package/src/themes/boomdevs/04-elements/_index.scss +0 -7
  130. package/src/themes/boomdevs/05-objects/_index.scss +0 -7
  131. package/src/themes/boomdevs/06-components/_components.button.scss +0 -11
  132. package/src/themes/boomdevs/06-components/_index.scss +0 -11
  133. package/src/themes/boomdevs/99-utilities/_index.scss +0 -7
  134. package/src/themes/boomdevs/index.scss +0 -26
  135. package/src/themes/esrar/01-settings/_index.scss +0 -15
  136. package/src/themes/esrar/01-settings/_settings.colors.scss +0 -91
  137. package/src/themes/esrar/02-tools/_index.scss +0 -8
  138. package/src/themes/esrar/02-tools/_tools.animations.scss +0 -342
  139. package/src/themes/esrar/06-components/_components.accordion.scss +0 -49
  140. package/src/themes/esrar/06-components/_components.avatar-group.scss +0 -14
  141. package/src/themes/esrar/06-components/_components.avatar.scss +0 -61
  142. package/src/themes/esrar/06-components/_components.badge.scss +0 -117
  143. package/src/themes/esrar/06-components/_components.breadcrumb.scss +0 -65
  144. package/src/themes/esrar/06-components/_components.btn-group.scss +0 -19
  145. package/src/themes/esrar/06-components/_components.button.scss +0 -224
  146. package/src/themes/esrar/06-components/_components.callout.scss +0 -51
  147. package/src/themes/esrar/06-components/_components.card.scss +0 -134
  148. package/src/themes/esrar/06-components/_components.chart.scss +0 -24
  149. package/src/themes/esrar/06-components/_components.checkbox-group.scss +0 -26
  150. package/src/themes/esrar/06-components/_components.checkbox.scss +0 -71
  151. package/src/themes/esrar/06-components/_components.color-mode-toggle.scss +0 -29
  152. package/src/themes/esrar/06-components/_components.countdown.scss +0 -67
  153. package/src/themes/esrar/06-components/_components.data-table.scss +0 -22
  154. package/src/themes/esrar/06-components/_components.datepicker.scss +0 -20
  155. package/src/themes/esrar/06-components/_components.dropdown.scss +0 -272
  156. package/src/themes/esrar/06-components/_components.edge-panel.scss +0 -10
  157. package/src/themes/esrar/06-components/_components.form-group.scss +0 -15
  158. package/src/themes/esrar/06-components/_components.form.scss +0 -66
  159. package/src/themes/esrar/06-components/_components.hero.scss +0 -251
  160. package/src/themes/esrar/06-components/_components.icon.scss +0 -33
  161. package/src/themes/esrar/06-components/_components.image-gallery.scss +0 -29
  162. package/src/themes/esrar/06-components/_components.input.scss +0 -91
  163. package/src/themes/esrar/06-components/_components.list-group.scss +0 -26
  164. package/src/themes/esrar/06-components/_components.modal.scss +0 -148
  165. package/src/themes/esrar/06-components/_components.notification.scss +0 -80
  166. package/src/themes/esrar/06-components/_components.pagination.scss +0 -84
  167. package/src/themes/esrar/06-components/_components.popover.scss +0 -10
  168. package/src/themes/esrar/06-components/_components.progress.scss +0 -64
  169. package/src/themes/esrar/06-components/_components.rating.scss +0 -26
  170. package/src/themes/esrar/06-components/_components.skeleton.scss +0 -15
  171. package/src/themes/esrar/06-components/_components.slider.scss +0 -90
  172. package/src/themes/esrar/06-components/_components.spinner.scss +0 -71
  173. package/src/themes/esrar/06-components/_components.steps.scss +0 -76
  174. package/src/themes/esrar/06-components/_components.tab.scss +0 -58
  175. package/src/themes/esrar/06-components/_components.tag.scss +0 -21
  176. package/src/themes/esrar/06-components/_components.timeline.scss +0 -19
  177. package/src/themes/esrar/06-components/_components.toast.scss +0 -91
  178. package/src/themes/esrar/06-components/_components.toggle.scss +0 -74
  179. package/src/themes/esrar/06-components/_components.tooltip.scss +0 -45
  180. package/src/themes/esrar/06-components/_components.upload.scss +0 -102
  181. package/src/themes/esrar/06-components/_index.scss +0 -42
  182. package/src/themes/esrar/index.scss +0 -30
  183. package/src/themes/flashtrade/01-settings/_index.scss +0 -19
  184. package/src/themes/flashtrade/01-settings/_settings.animations.scss +0 -11
  185. package/src/themes/flashtrade/01-settings/_settings.background.scss +0 -9
  186. package/src/themes/flashtrade/01-settings/_settings.colors.scss +0 -79
  187. package/src/themes/flashtrade/01-settings/_settings.config.scss +0 -16
  188. package/src/themes/flashtrade/01-settings/_settings.typography.scss +0 -35
  189. package/src/themes/flashtrade/02-tools/_index.scss +0 -8
  190. package/src/themes/flashtrade/03-generic/_index.scss +0 -8
  191. package/src/themes/flashtrade/04-elements/_index.scss +0 -12
  192. package/src/themes/flashtrade/05-objects/_index.scss +0 -8
  193. package/src/themes/flashtrade/06-components/_components.badge.scss +0 -156
  194. package/src/themes/flashtrade/06-components/_components.button.scss +0 -135
  195. package/src/themes/flashtrade/06-components/_components.card.scss +0 -214
  196. package/src/themes/flashtrade/06-components/_components.navbar.scss +0 -227
  197. package/src/themes/flashtrade/06-components/_index.scss +0 -13
  198. package/src/themes/flashtrade/99-utilities/_index.scss +0 -9
  199. package/src/themes/flashtrade/99-utilities/_utilities.trading.scss +0 -187
  200. package/src/themes/flashtrade/README.md +0 -386
  201. package/src/themes/flashtrade/demo.html +0 -272
  202. package/src/themes/flashtrade/index.scss +0 -36
  203. package/src/themes/mashroom/01-settings/_index.scss +0 -69
  204. package/src/themes/mashroom/01-settings/_settings.accordion.scss +0 -32
  205. package/src/themes/mashroom/01-settings/_settings.animations.scss +0 -26
  206. package/src/themes/mashroom/01-settings/_settings.avatar-group.scss +0 -22
  207. package/src/themes/mashroom/01-settings/_settings.avatar.scss +0 -57
  208. package/src/themes/mashroom/01-settings/_settings.badge.scss +0 -19
  209. package/src/themes/mashroom/01-settings/_settings.border-radius.scss +0 -24
  210. package/src/themes/mashroom/01-settings/_settings.border.scss +0 -14
  211. package/src/themes/mashroom/01-settings/_settings.box-shadow.scss +0 -40
  212. package/src/themes/mashroom/01-settings/_settings.breadcrumb.scss +0 -0
  213. package/src/themes/mashroom/01-settings/_settings.breakpoints.scss +0 -17
  214. package/src/themes/mashroom/01-settings/_settings.btn-group.scss +0 -5
  215. package/src/themes/mashroom/01-settings/_settings.button.scss +0 -50
  216. package/src/themes/mashroom/01-settings/_settings.callout.scss +0 -81
  217. package/src/themes/mashroom/01-settings/_settings.card.scss +0 -52
  218. package/src/themes/mashroom/01-settings/_settings.checkbox-group.scss +0 -5
  219. package/src/themes/mashroom/01-settings/_settings.checkbox.scss +0 -23
  220. package/src/themes/mashroom/01-settings/_settings.color-mode.scss +0 -7
  221. package/src/themes/mashroom/01-settings/_settings.colors.scss +0 -180
  222. package/src/themes/mashroom/01-settings/_settings.config.scss +0 -4
  223. package/src/themes/mashroom/01-settings/_settings.countdown.scss +0 -20
  224. package/src/themes/mashroom/01-settings/_settings.data-table.scss +0 -56
  225. package/src/themes/mashroom/01-settings/_settings.datepicker.scss +0 -45
  226. package/src/themes/mashroom/01-settings/_settings.design-tokens.scss +0 -3
  227. package/src/themes/mashroom/01-settings/_settings.dropdown.scss +0 -45
  228. package/src/themes/mashroom/01-settings/_settings.edge-panel.scss +0 -24
  229. package/src/themes/mashroom/01-settings/_settings.fonts.scss +0 -8
  230. package/src/themes/mashroom/01-settings/_settings.form-group.scss +0 -14
  231. package/src/themes/mashroom/01-settings/_settings.form.scss +0 -6
  232. package/src/themes/mashroom/01-settings/_settings.grid.scss +0 -23
  233. package/src/themes/mashroom/01-settings/_settings.hero.scss +0 -41
  234. package/src/themes/mashroom/01-settings/_settings.input.scss +0 -51
  235. package/src/themes/mashroom/01-settings/_settings.link.scss +0 -13
  236. package/src/themes/mashroom/01-settings/_settings.list-group.scss +0 -16
  237. package/src/themes/mashroom/01-settings/_settings.list.scss +0 -13
  238. package/src/themes/mashroom/01-settings/_settings.masonry-grid.scss +0 -23
  239. package/src/themes/mashroom/01-settings/_settings.menu.scss +0 -50
  240. package/src/themes/mashroom/01-settings/_settings.messages.scss +0 -98
  241. package/src/themes/mashroom/01-settings/_settings.modal.scss +0 -41
  242. package/src/themes/mashroom/01-settings/_settings.nav.scss +0 -20
  243. package/src/themes/mashroom/01-settings/_settings.navbar.scss +0 -54
  244. package/src/themes/mashroom/01-settings/_settings.pagination.scss +0 -30
  245. package/src/themes/mashroom/01-settings/_settings.photoviewer.scss +0 -45
  246. package/src/themes/mashroom/01-settings/_settings.popover.scss +0 -20
  247. package/src/themes/mashroom/01-settings/_settings.position.scss +0 -9
  248. package/src/themes/mashroom/01-settings/_settings.progress.scss +0 -17
  249. package/src/themes/mashroom/01-settings/_settings.rating.scss +0 -11
  250. package/src/themes/mashroom/01-settings/_settings.river.scss +0 -50
  251. package/src/themes/mashroom/01-settings/_settings.sectionintro.scss +0 -31
  252. package/src/themes/mashroom/01-settings/_settings.select.scss +0 -47
  253. package/src/themes/mashroom/01-settings/_settings.side-menu.scss +0 -79
  254. package/src/themes/mashroom/01-settings/_settings.skeleton.scss +0 -24
  255. package/src/themes/mashroom/01-settings/_settings.spacing.scss +0 -66
  256. package/src/themes/mashroom/01-settings/_settings.spinner.scss +0 -34
  257. package/src/themes/mashroom/01-settings/_settings.steps.scss +0 -33
  258. package/src/themes/mashroom/01-settings/_settings.tabs.scss +0 -33
  259. package/src/themes/mashroom/01-settings/_settings.testimonials.scss +0 -24
  260. package/src/themes/mashroom/01-settings/_settings.todo.scss +0 -52
  261. package/src/themes/mashroom/01-settings/_settings.toggle.scss +0 -49
  262. package/src/themes/mashroom/01-settings/_settings.tooltip.scss +0 -20
  263. package/src/themes/mashroom/01-settings/_settings.typography.scss +0 -95
  264. package/src/themes/mashroom/01-settings/_settings.upload.scss +0 -96
  265. package/src/themes/mashroom/01-settings/_settings.z-layers.scss +0 -19
  266. package/src/themes/mashroom/02-tools/_index.scss +0 -8
  267. package/src/themes/mashroom/02-tools/_tools.psychedelic-gradients.scss +0 -78
  268. package/src/themes/mashroom/02-tools/_tools.trippy-effects.scss +0 -114
  269. package/src/themes/mashroom/03-generic/_index.scss +0 -6
  270. package/src/themes/mashroom/04-elements/_index.scss +0 -6
  271. package/src/themes/mashroom/05-objects/_index.scss +0 -6
  272. package/src/themes/mashroom/06-components/_components.accordion.scss +0 -187
  273. package/src/themes/mashroom/06-components/_components.avatar-group.scss +0 -276
  274. package/src/themes/mashroom/06-components/_components.avatar.scss +0 -114
  275. package/src/themes/mashroom/06-components/_components.badge.scss +0 -152
  276. package/src/themes/mashroom/06-components/_components.breadcrumb.scss +0 -162
  277. package/src/themes/mashroom/06-components/_components.btn-group.scss +0 -404
  278. package/src/themes/mashroom/06-components/_components.button.scss +0 -160
  279. package/src/themes/mashroom/06-components/_components.callout.scss +0 -140
  280. package/src/themes/mashroom/06-components/_components.card.scss +0 -225
  281. package/src/themes/mashroom/06-components/_components.checkbox.scss +0 -186
  282. package/src/themes/mashroom/06-components/_components.color-mode-toggle.scss +0 -308
  283. package/src/themes/mashroom/06-components/_components.countdown.scss +0 -402
  284. package/src/themes/mashroom/06-components/_components.data-table.scss +0 -354
  285. package/src/themes/mashroom/06-components/_components.datepicker.scss +0 -349
  286. package/src/themes/mashroom/06-components/_components.dropdown.scss +0 -334
  287. package/src/themes/mashroom/06-components/_components.edge-panel.scss +0 -413
  288. package/src/themes/mashroom/06-components/_components.form-group.scss +0 -433
  289. package/src/themes/mashroom/06-components/_components.form.scss +0 -358
  290. package/src/themes/mashroom/06-components/_components.hero.scss +0 -151
  291. package/src/themes/mashroom/06-components/_components.input.scss +0 -147
  292. package/src/themes/mashroom/06-components/_components.list-group.scss +0 -456
  293. package/src/themes/mashroom/06-components/_components.list.scss +0 -145
  294. package/src/themes/mashroom/06-components/_components.menu.scss +0 -497
  295. package/src/themes/mashroom/06-components/_components.messages.scss +0 -277
  296. package/src/themes/mashroom/06-components/_components.modal.scss +0 -264
  297. package/src/themes/mashroom/06-components/_components.nav.scss +0 -181
  298. package/src/themes/mashroom/06-components/_components.navbar.scss +0 -538
  299. package/src/themes/mashroom/06-components/_components.pagination.scss +0 -400
  300. package/src/themes/mashroom/06-components/_components.photoviewer.scss +0 -498
  301. package/src/themes/mashroom/06-components/_components.popover.scss +0 -383
  302. package/src/themes/mashroom/06-components/_components.product-review.scss +0 -408
  303. package/src/themes/mashroom/06-components/_components.progress.scss +0 -249
  304. package/src/themes/mashroom/06-components/_components.rating.scss +0 -300
  305. package/src/themes/mashroom/06-components/_components.river.scss +0 -570
  306. package/src/themes/mashroom/06-components/_components.sectionintro.scss +0 -546
  307. package/src/themes/mashroom/06-components/_components.select.scss +0 -455
  308. package/src/themes/mashroom/06-components/_components.side-menu.scss +0 -635
  309. package/src/themes/mashroom/06-components/_components.skeleton.scss +0 -447
  310. package/src/themes/mashroom/06-components/_components.slider.scss +0 -414
  311. package/src/themes/mashroom/06-components/_components.spinner.scss +0 -198
  312. package/src/themes/mashroom/06-components/_components.steps.scss +0 -350
  313. package/src/themes/mashroom/06-components/_components.tabs.scss +0 -269
  314. package/src/themes/mashroom/06-components/_components.testimonials.scss +0 -561
  315. package/src/themes/mashroom/06-components/_components.toggle.scss +0 -231
  316. package/src/themes/mashroom/06-components/_components.tooltip.scss +0 -167
  317. package/src/themes/mashroom/06-components/_components.upload.scss +0 -537
  318. package/src/themes/mashroom/06-components/_components.video-player.scss +0 -560
  319. package/src/themes/mashroom/06-components/_index.scss +0 -55
  320. package/src/themes/mashroom/99-utilities/_index.scss +0 -6
  321. package/src/themes/mashroom/index.scss +0 -26
  322. package/src/themes/shaj-default/01-settings/_index.scss +0 -69
  323. package/src/themes/shaj-default/01-settings/_settings.accordion.scss +0 -38
  324. package/src/themes/shaj-default/01-settings/_settings.animations.scss +0 -32
  325. package/src/themes/shaj-default/01-settings/_settings.avatar-group.scss +0 -28
  326. package/src/themes/shaj-default/01-settings/_settings.avatar.scss +0 -63
  327. package/src/themes/shaj-default/01-settings/_settings.badge.scss +0 -25
  328. package/src/themes/shaj-default/01-settings/_settings.border-radius.scss +0 -24
  329. package/src/themes/shaj-default/01-settings/_settings.border.scss +0 -20
  330. package/src/themes/shaj-default/01-settings/_settings.box-shadow.scss +0 -46
  331. package/src/themes/shaj-default/01-settings/_settings.breadcrumb.scss +0 -0
  332. package/src/themes/shaj-default/01-settings/_settings.breakpoints.scss +0 -23
  333. package/src/themes/shaj-default/01-settings/_settings.btn-group.scss +0 -11
  334. package/src/themes/shaj-default/01-settings/_settings.button.scss +0 -56
  335. package/src/themes/shaj-default/01-settings/_settings.callout.scss +0 -87
  336. package/src/themes/shaj-default/01-settings/_settings.card.scss +0 -52
  337. package/src/themes/shaj-default/01-settings/_settings.checkbox-group.scss +0 -11
  338. package/src/themes/shaj-default/01-settings/_settings.checkbox.scss +0 -29
  339. package/src/themes/shaj-default/01-settings/_settings.color-mode.scss +0 -13
  340. package/src/themes/shaj-default/01-settings/_settings.colors.scss +0 -91
  341. package/src/themes/shaj-default/01-settings/_settings.config.scss +0 -4
  342. package/src/themes/shaj-default/01-settings/_settings.countdown.scss +0 -26
  343. package/src/themes/shaj-default/01-settings/_settings.data-table.scss +0 -62
  344. package/src/themes/shaj-default/01-settings/_settings.datepicker.scss +0 -51
  345. package/src/themes/shaj-default/01-settings/_settings.design-tokens.scss +0 -9
  346. package/src/themes/shaj-default/01-settings/_settings.dropdown.scss +0 -51
  347. package/src/themes/shaj-default/01-settings/_settings.edge-panel.scss +0 -30
  348. package/src/themes/shaj-default/01-settings/_settings.fonts.scss +0 -13
  349. package/src/themes/shaj-default/01-settings/_settings.form-group.scss +0 -20
  350. package/src/themes/shaj-default/01-settings/_settings.form.scss +0 -12
  351. package/src/themes/shaj-default/01-settings/_settings.grid.scss +0 -29
  352. package/src/themes/shaj-default/01-settings/_settings.hero.scss +0 -47
  353. package/src/themes/shaj-default/01-settings/_settings.input.scss +0 -57
  354. package/src/themes/shaj-default/01-settings/_settings.link.scss +0 -19
  355. package/src/themes/shaj-default/01-settings/_settings.list-group.scss +0 -22
  356. package/src/themes/shaj-default/01-settings/_settings.list.scss +0 -19
  357. package/src/themes/shaj-default/01-settings/_settings.masonry-grid.scss +0 -29
  358. package/src/themes/shaj-default/01-settings/_settings.menu.scss +0 -56
  359. package/src/themes/shaj-default/01-settings/_settings.messages.scss +0 -104
  360. package/src/themes/shaj-default/01-settings/_settings.modal.scss +0 -47
  361. package/src/themes/shaj-default/01-settings/_settings.nav.scss +0 -26
  362. package/src/themes/shaj-default/01-settings/_settings.navbar.scss +0 -60
  363. package/src/themes/shaj-default/01-settings/_settings.pagination.scss +0 -36
  364. package/src/themes/shaj-default/01-settings/_settings.photoviewer.scss +0 -51
  365. package/src/themes/shaj-default/01-settings/_settings.popover.scss +0 -26
  366. package/src/themes/shaj-default/01-settings/_settings.position.scss +0 -15
  367. package/src/themes/shaj-default/01-settings/_settings.progress.scss +0 -23
  368. package/src/themes/shaj-default/01-settings/_settings.rating.scss +0 -17
  369. package/src/themes/shaj-default/01-settings/_settings.river.scss +0 -56
  370. package/src/themes/shaj-default/01-settings/_settings.sectionintro.scss +0 -37
  371. package/src/themes/shaj-default/01-settings/_settings.select.scss +0 -53
  372. package/src/themes/shaj-default/01-settings/_settings.side-menu.scss +0 -85
  373. package/src/themes/shaj-default/01-settings/_settings.skeleton.scss +0 -30
  374. package/src/themes/shaj-default/01-settings/_settings.spacing.scss +0 -72
  375. package/src/themes/shaj-default/01-settings/_settings.spinner.scss +0 -24
  376. package/src/themes/shaj-default/01-settings/_settings.steps.scss +0 -39
  377. package/src/themes/shaj-default/01-settings/_settings.tabs.scss +0 -39
  378. package/src/themes/shaj-default/01-settings/_settings.testimonials.scss +0 -30
  379. package/src/themes/shaj-default/01-settings/_settings.todo.scss +0 -58
  380. package/src/themes/shaj-default/01-settings/_settings.toggle.scss +0 -55
  381. package/src/themes/shaj-default/01-settings/_settings.tooltip.scss +0 -26
  382. package/src/themes/shaj-default/01-settings/_settings.typography.scss +0 -101
  383. package/src/themes/shaj-default/01-settings/_settings.upload.scss +0 -102
  384. package/src/themes/shaj-default/01-settings/_settings.z-layers.scss +0 -25
  385. package/src/themes/shaj-default/02-tools/_index.scss +0 -0
  386. package/src/themes/shaj-default/03-generic/_generic.root.scss +0 -0
  387. package/src/themes/shaj-default/03-generic/_index.scss +0 -2
  388. package/src/themes/shaj-default/04-elements/_index.scss +0 -0
  389. package/src/themes/shaj-default/05-objects/_index.scss +0 -0
  390. package/src/themes/shaj-default/06-components/_components.button.scss +0 -55
  391. package/src/themes/shaj-default/06-components/_components.card.scss +0 -57
  392. package/src/themes/shaj-default/06-components/_components.input.scss +0 -58
  393. package/src/themes/shaj-default/06-components/_components.navbar.scss +0 -99
  394. package/src/themes/shaj-default/06-components/_components.tooltip.scss +0 -0
  395. package/src/themes/shaj-default/06-components/_index.scss +0 -13
  396. package/src/themes/shaj-default/99-utilities/_index.scss +0 -0
  397. package/src/themes/shaj-default/index.scss +0 -25
  398. package/theme.config.ts +0 -360
@@ -1,98 +0,0 @@
1
- @forward '../../../styles/01-settings/settings.messages' with (
2
- $messages-padding-x: 24px,
3
- // 24px - more generous padding
4
- $messages-padding-y: 24px,
5
- // 24px
6
- $messages-border-radius: 12px,
7
- // 12px - softer corners
8
- $messages-border-width: 0px,
9
- $messages-border-color: null,
10
- $messages-bg: var(--atomix-secondary-bg-subtle),
11
- $messages-content-margin-top: 24px,
12
-
13
- // 24px
14
- $messages-avatar-margin: 12px,
15
-
16
- // 12px
17
- $messages-items-padding-x: 0px,
18
- $messages-items-padding-y: 0px,
19
- $messages-items-width: 520px,
20
- // 520px - wider for modern screens
21
- $messages-items-border-width: 0px,
22
- $messages-items-border-color: transparent,
23
- $messages-items-border-radius: null,
24
- $messages-items-gap: 8px,
25
-
26
- // 8px - better spacing
27
- $messages-text-padding-x: 16px,
28
- // 16px
29
- $messages-text-padding-y: 12px,
30
- // 12px
31
- $messages-text-font-size: 16px,
32
- // 16px - better readability
33
- $messages-text-primary-color: var(--atomix-body-color),
34
- $messages-text-secondary-color: var(--atomix-body-color),
35
- $messages-text-primary-bg: var(--atomix-brand-bg-subtle),
36
- $messages-text-secondary-bg: var(--atomix-tertiary-bg-subtle),
37
- $messages-text-border-radius: 16px,
38
-
39
- // 16px - modern bubble shape
40
- $messages-file-padding-x: 16px,
41
- // 16px
42
- $messages-file-padding-y: 12px,
43
- // 12px
44
- $messages-file-text-font-size: 16px,
45
- // 16px
46
- $messages-file-text-primary-color: var(--atomix-body-color),
47
- $messages-file-text-secondary-color: var(--atomix-body-color),
48
- $messages-file-icon-size: 44px,
49
- // 44px - larger icons
50
- $messages-file-icon-bg: var(--atomix-primary-2),
51
- $messages-file-icon-bg-dark: var(--atomix-primary-7),
52
- $messages-file-icon-margin-right: 12px,
53
- // 12px
54
- $messages-file-info-font-size: 12px,
55
- // 12px
56
- $messages-file-info-color: var(--atomix-tertiary-text-emphasis),
57
- $messages-file-primary-bg: var(--atomix-brand-bg-subtle),
58
- $messages-file-secondary-bg: var(--atomix-tertiary-bg-subtle),
59
- $messages-file-border-radius: 16px,
60
-
61
- // 16px
62
- $messages-image-width: 320px,
63
- // 320px - better mobile experience
64
- $messages-image-height: 240px,
65
- // 240px
66
- $messages-image-border-radius: 12px,
67
-
68
- // 12px
69
- $messages-form-margin-top: 24px,
70
- // 24px
71
- $messages-form-row-gap: 12px,
72
- // 12px
73
- $messages-form-submit-icon-size: 20px,
74
-
75
- // 20px
76
- $messages-input-padding-x: 16px,
77
- // 16px
78
- $messages-input-padding-y: 12px,
79
- // 12px
80
- $messages-input-font-size: 16px,
81
- // 16px
82
- $messages-input-color: var(--atomix-body-color),
83
- $messages-input-placeholder-color: var(--atomix-tertiary-text-emphasis),
84
- $messages-input-border-width: 1px,
85
- $messages-input-border-color: var(--atomix-secondary-border-subtle),
86
- $messages-input-border-radius: 8px,
87
-
88
- // 8px
89
- $messages-input-options-icons-size: 20px,
90
- // 20px
91
- $messages-input-options-row-gap: 8px,
92
-
93
- // 8px
94
- $messages-body-height: calc(100vh - 500px) // adjusted height
95
- );
96
-
97
- // Override variables that don't have !default in the original
98
- $messages-width: 100%;
@@ -1,41 +0,0 @@
1
- @forward '../../../styles/01-settings/settings.modal' with (
2
- $modal-inner-padding: 24px,
3
-
4
- // 24px - more spacious
5
- $modal-content-color: null,
6
- $modal-content-bg: var(--atomix-body-bg),
7
- $modal-content-border-radius: 12px,
8
- // 12px - softer corners
9
- $modal-content-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12),
10
- // deeper shadow
11
- $modal-header-padding-bottom: 16px,
12
- // 16px
13
- $modal-title-font-size: 20px,
14
- // 20px - larger titles
15
- $modal-sub-margin-top: 6px,
16
- // 6px
17
- $modal-sub-color: var(--atomix-tertiary-text-emphasis),
18
- $modal-footer-items-gap: 12px,
19
-
20
- // 12px
21
- $modal-backdrop-bg: var(--atomix-invert-bg-subtle),
22
- $modal-backdrop-opacity: 0.6,
23
- // slightly more opaque
24
- $modal-backdrop-blur: 12px,
25
-
26
- // 12px - more blur
27
- $modal-close-icon-color: #000000,
28
- $modal-close-icon-size: 24px,
29
-
30
- // 24px - smaller close button
31
- $modal-sm: 480px,
32
- // 480px
33
- $modal-md: 720px,
34
- // 720px
35
- $modal-lg: 960px,
36
- // 960px
37
- $modal-xl: 1200px // 1200px
38
- );
39
-
40
- // Override variables that don't have !default in the original
41
- $modal-sub-font-size: 14px; // 14px
@@ -1,20 +0,0 @@
1
- @use '../../../styles/01-settings/settings.nav' with (
2
- $nav-item-gap-x: 12px,
3
-
4
- // 12px - more spacing between items
5
- $nav-link-padding-x: 16px,
6
- // 16px - more generous padding
7
- $nav-link-padding-y: 10px,
8
- // 10px
9
- $nav-link-font-size: 16px,
10
- // 16px
11
- $nav-link-font-weight: 500,
12
- $nav-link-color: var(--atomix-body-color),
13
- $nav-link-hover-color: var(--atomix-body-color),
14
- $nav-link-bg: var(--atomix-body-bg),
15
- $nav-link-hover-bg: var(--atomix-secondary-bg-subtle),
16
- $nav-link-inner-gap: 8px,
17
-
18
- // 8px
19
- $nav-icon-size: 18px // 18px - slightly smaller icons
20
- );
@@ -1,54 +0,0 @@
1
- @use '../../../styles/01-settings/settings.navbar' with (
2
- // Navbar container and layout
3
- $navbar-padding-x: 32px,
4
- // 32px - more breathing room
5
- $navbar-padding-y: 12px,
6
- // 12px
7
- $navbar-container-max-width: 1440px,
8
- // 1440px
9
- $navbar-height: 72px,
10
-
11
- // 72px - taller for modern feel
12
- // Navbar appearance
13
- $navbar-bg: var(--atomix-body-bg),
14
- $navbar-border-width: 1px,
15
- $navbar-border-color: var(--atomix-primary-border-subtle),
16
- $navbar-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05),
17
- // Even softer, larger shadow for depth
18
- // Brand/logo
19
- $navbar-brand-margin-end: 32px,
20
- // 32px
21
- $navbar-brand-font-size: 20px,
22
- // 20px - slightly larger
23
- $navbar-brand-font-weight: 600,
24
- $navbar-brand-color: var(--atomix-body-color),
25
- // Mobile toggler
26
- $navbar-toggler-size: 36px,
27
- // 36px
28
- $navbar-toggler-color: var(--atomix-body-color),
29
- $navbar-toggler-bg: transparent,
30
- $navbar-toggler-border: 0,
31
- $navbar-toggler-border-radius: 6px,
32
- // 6px
33
- $navbar-toggler-focus-shadow: 0 0 0 3px rgba(14, 165, 233, 0.3),
34
- // larger focus
35
- // Collapse/mobile menu
36
- $navbar-collapse-padding-top: 12px,
37
- // 12px
38
- $navbar-collapse-transition: all 300ms ease-in-out,
39
-
40
- // smoother transition
41
- // Backdrop (for mobile overlay)
42
- $navbar-backdrop-bg: rgba(0, 0, 0, 0.5),
43
- $navbar-backdrop-z-index: 1029,
44
-
45
- // Z-index values
46
- $navbar-z-index: 1030,
47
- $navbar-fixed-z-index: 1030,
48
-
49
- // Dark mode variants
50
- $navbar-bg-dark: var(--atomix-gray-9),
51
- $navbar-border-color-dark: var(--atomix-gray-7),
52
- $navbar-brand-color-dark: var(--atomix-gray-1),
53
- $navbar-toggler-color-dark: var(--atomix-gray-1)
54
- );
@@ -1,30 +0,0 @@
1
- @use '../../../styles/01-settings/settings.pagination' with (
2
- $pagination-size: 36px,
3
- // 36px - larger touch targets
4
- $pagination-size-sm: 28px,
5
- // 28px
6
- $pagination-size-lg: 44px,
7
-
8
- // 44px
9
- $pagination-padding-x: 12px,
10
- // 12px
11
- $pagination-padding-y: 8px,
12
-
13
- // 8px
14
- $pagination-font-size: 14px,
15
-
16
- // 14px
17
- $pagination-color: var(--atomix-secondary-text-emphasis),
18
- $pagination-bg: var(--atomix-body-bg),
19
- $pagination-border-radius: 6px,
20
-
21
- // 6px - softer corners instead of pill
22
- $pagination-focus-border-width: 2px,
23
- $pagination-focus-border-color: var(--atomix-brand-border-subtle),
24
- $pagination-hover-color: var(--atomix-body-color),
25
- $pagination-hover-bg: var(--atomix-secondary-bg-subtle),
26
- $pagination-active-color: var(--atomix-body-color),
27
- $pagination-active-bg: var(--atomix-brand-bg-subtle),
28
- $pagination-disabled-color: var(--atomix-tertiary-text-emphasis),
29
- $pagination-disabled-bg: var(--atomix-body-bg)
30
- );
@@ -1,45 +0,0 @@
1
- @use '../../../styles/01-settings/settings.photoviewer' with (
2
- // Modal/backdrop variables
3
- $photoviewer-modal-background-color: rgba(17, 24, 39, 0.9),
4
- // darker backdrop
5
- $photoviewer-modal-backdrop-blur: 16px,
6
- // more blur
7
- $photoviewer-modal-close-button-color: var(--atomix-body-color),
8
- // Panel variables
9
- $photoviewer-info-panel-width: 360px,
10
- // wider panel
11
- $photoviewer-info-panel-background: var(--atomix-body-bg),
12
- $photoviewer-info-panel-border-color: var(--atomix-primary-border-subtle),
13
- // Thumbnail variables
14
- $photoviewer-thumbnail-active-border-color: var(--atomix-primary),
15
- $photoviewer-thumbnail-size: 72px,
16
- // larger thumbnails
17
- $photoviewer-thumbnail-size-large: 96px,
18
- // larger thumbnails
19
- $photoviewer-thumbnail-gap: 1rem,
20
- // more spacing
21
- $photoviewer-thumbnail-border-radius: 8px,
22
-
23
- // softer corners
24
- // Animation variables
25
- $photoviewer-transition-duration: 0.25s,
26
- // faster transitions
27
- $photoviewer-transition-timing: cubic-bezier(0.4, 0, 0.2, 1),
28
- $photoviewer-fast-transition: 0.1s,
29
-
30
- // Control variables
31
- $photoviewer-control-size: 3rem,
32
- // larger controls
33
- $photoviewer-control-size-small: 2.5rem,
34
- $photoviewer-control-background: var(--atomix-body-bg),
35
- $photoviewer-control-background-hover: var(--atomix-secondary-bg-subtle),
36
- $photoviewer-control-color: var(--atomix-body-color),
37
- $photoviewer-control-color-hover: var(--atomix-primary),
38
- // Navigation variables
39
- $photoviewer-nav-button-size: 3.5rem,
40
- // larger nav buttons
41
- $photoviewer-nav-button-background: var(--atomix-body-bg),
42
- $photoviewer-nav-button-color: var(--atomix-body-color),
43
- $photoviewer-nav-button-hover-background: var(--atomix-secondary-bg-subtle),
44
- $photoviewer-nav-button-hover-color: var(--atomix-primary)
45
- );
@@ -1,20 +0,0 @@
1
- @use '../../../styles/01-settings/settings.popover' with (
2
- $popover-max-width: 320px,
3
- // 320px - wider for better content
4
- $popover-padding-x: 20px,
5
- // 20px
6
- $popover-padding-y: 16px,
7
- // 16px
8
- $popover-inner-gap-x: 12px,
9
- // 12px
10
- $popover-inner-gap-y: 16px,
11
- // 16px
12
- $popover-bg: var(--atomix-body-bg),
13
- $popover-border-radius: 8px,
14
- // 8px - softer corners
15
- $popover-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15),
16
- // enhanced shadow
17
- $popover-arrow-size: 10px,
18
- // 10px - smaller arrow
19
- $popover-arrow-offset: 6px // 6px
20
- );
@@ -1,9 +0,0 @@
1
- @use '../../../styles/01-settings/settings.position' with (
2
- $position-values: (
3
- 0: 0,
4
- 25: 25%,
5
- 50: 50%,
6
- 75: 75%,
7
- 100: 100%,
8
- )
9
- );
@@ -1,17 +0,0 @@
1
- @use '../../../styles/01-settings/settings.progress' with (
2
- $progress-width: 100%,
3
- $progress-height: 8px,
4
- // 8px - slightly thicker
5
- $progress-font-size: 12px,
6
- // 12px
7
- $progress-bg: var(--atomix-secondary-bg-subtle),
8
- $progress-border-radius: 800px,
9
- // pill shape
10
- $progress-bar-height: 8px,
11
- // 8px
12
- $progress-bar-color: var(--atomix-primary-text-emphasis),
13
- $progress-bar-bg: var(--atomix-primary),
14
- $progress-bar-transition: 0.3s,
15
- // smoother transition
16
- $progress-bar-easing: ease-in-out
17
- );
@@ -1,11 +0,0 @@
1
- @use '../../../styles/01-settings/settings.rating' with (
2
- $rating-star-size: 24px,
3
- // 24px - more reasonable default size
4
- $rating-star-size-sm: 16px,
5
- // 16px
6
- $rating-star-size-lg: 32px,
7
- // 32px
8
- $rating-star-bg: var(--atomix-primary),
9
- $rating-star-half-bg: var(--atomix-primary),
10
- $rating-stars-gap: 4px // 4px - better spacing between stars
11
- );
@@ -1,50 +0,0 @@
1
- @forward '../../../styles/01-settings/settings.river' with (
2
- // River container
3
- $river-width: 100%,
4
- $river-padding-x: 0px,
5
- $river-padding-y: 64px,
6
- // 64px - more vertical space for elegance
7
- $river-bg: var(--atomix-body-bg),
8
- $river-overlay: #000000,
9
- // black
10
- $river-overlay-opacity: 0.6,
11
-
12
- // slightly more opaque for depth
13
- // Typography
14
- $river-title-font-size: 40px,
15
- // 40px - bolder titles
16
- $river-text-font-size: 18px,
17
- // 18px - improved readability
18
- $river-title-font-weight: 700,
19
- // bolder weight
20
- $river-text-font-weight: 400,
21
-
22
- $river-title-color: var(--atomix-body-color),
23
- $river-text-color: var(--atomix-secondary-text-emphasis),
24
- // Spacing
25
- $river-text-margin-top: 12px,
26
- // 12px
27
- $river-actions-margin-top: 24px,
28
- // 24px
29
- $river-actions-spacing-x: 16px,
30
-
31
- // 16px
32
- // Image
33
- $river-image-border-radius: 8px,
34
- // 8px - soft rounded images
35
- $river-image-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1),
36
- // subtle shadow for depth
37
- // Inner spacing
38
- $river-spacing-inner: 64px,
39
-
40
- // 64px - more generous spacing
41
- // Content widths
42
- $river-content-max-width: 720px,
43
- // 720px - wider content area
44
- $river-breakout-title-width: 720px,
45
- // 720px
46
- $river-breakout-text-width: 600px // 600px
47
- );
48
-
49
- // Override variables that don't have !default in the original
50
- $river-border-radius: 0px;
@@ -1,31 +0,0 @@
1
- @use '../../../styles/01-settings/settings.sectionintro' with (
2
- // Padding
3
- $sectionintro-padding-x: 0px,
4
- $sectionintro-padding-y: 48px,
5
-
6
- // 48px - more vertical space
7
- // Typography
8
- $sectionintro-title-font-size: 36px,
9
- // 36px - larger for impact
10
- $sectionintro-text-font-size: 18px,
11
-
12
- // 18px
13
- $sectionintro-title-color: var(--atomix-body-color),
14
- $sectionintro-text-color: var(--atomix-body-color),
15
- $sectionintro-title-font-weight: 700,
16
- // bolder
17
- $sectionintro-text-font-weight: 400,
18
-
19
- // Spacing
20
- $sectionintro-label-margin-bottom: 12px,
21
- // 12px
22
- $sectionintro-text-margin-top: 12px,
23
- // 12px
24
- $sectionintro-actions-margin-top: 24px,
25
- // 24px
26
- $sectionintro-actions-inner-gap: 12px,
27
-
28
- // 12px
29
- // Width
30
- $sectionintro-width: 800px // 800px - wider for modern layouts
31
- );
@@ -1,47 +0,0 @@
1
- @use '../../../styles/01-settings/settings.select' with (
2
- $select-width: 320px,
3
- // 320px - wider for better content
4
- $select-padding-x: 16px,
5
- // 16px
6
- $select-padding-y: 12px,
7
- // 12px
8
- $select-color: var(--atomix-body-color),
9
- $select-font-size: 16px,
10
- // 16px
11
- $select-font-size-lg: 18px,
12
- // 18px
13
- $select-icon-toggle-size: 20px,
14
- // 20px
15
- $select-icon-toggle-color: var(--atomix-secondary-text-emphasis),
16
- $select-placeholder-color: var(--atomix-tertiary-text-emphasis),
17
- $select-bg: var(--atomix-body-bg),
18
- $select-expanded-bg: var(--atomix-secondary-bg-subtle),
19
- $select-border-color: var(--atomix-primary-border-subtle),
20
- $select-border-color-hover: var(--atomix-secondary-border-subtle),
21
- $select-border-radius: 8px,
22
- // 8px
23
- $select-inner-spacer: 8px,
24
- // 8px
25
- $select-dropdown-icon-size: 20px,
26
- // 20px
27
- $select-panel-padding-x: 8px,
28
- // 8px
29
- $select-panel-padding-y: 8px,
30
- // 8px
31
- $select-panel-spacer-y: 8px,
32
- // 8px
33
- $select-panel-bg: var(--atomix-body-bg),
34
- $select-panel-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1),
35
- // enhanced shadow
36
- $select-panel-border-radius: 8px,
37
- // 8px
38
- $select-item-padding-x: 12px,
39
- // 12px
40
- $select-item-padding-y: 10px,
41
- // 10px
42
- $select-item-color: var(--atomix-body-color),
43
- $select-item-bg: var(--atomix-body-bg),
44
- $select-item-border-radius: 6px,
45
- // 6px
46
- $select-item-bg-hover: var(--atomix-secondary-bg-subtle)
47
- );
@@ -1,79 +0,0 @@
1
- @use '../../../styles/01-settings/settings.side-menu' with (
2
- // Side menu container
3
- $side-menu-padding-x: 24px,
4
- // 24px - more generous padding
5
- $side-menu-padding-y: 32px,
6
- // 32px
7
- $side-menu-bg: var(--atomix-body-bg),
8
- $side-menu-border-radius: 8px,
9
- // 8px - softer corners
10
- $side-menu-border-width: 1px,
11
- $side-menu-border-color: var(--atomix-border-color),
12
- $side-menu-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08),
13
- // enhanced shadow
14
- // Side menu title
15
- $side-menu-title-font-size: 18px,
16
- // 18px - larger title
17
- $side-menu-title-font-weight: 600,
18
- $side-menu-title-color: var(--atomix-body-color),
19
- $side-menu-title-spacer-y: 12px,
20
-
21
- // 12px
22
- // Side menu toggler
23
- $side-menu-toggler-padding-x: 12px,
24
- // 12px
25
- $side-menu-toggler-padding-y: 8px,
26
- // 8px
27
- $side-menu-toggler-bg: transparent,
28
- $side-menu-toggler-hover-bg: var(--atomix-secondary-bg-subtle),
29
- $side-menu-toggler-border-radius: 6px,
30
- // 6px
31
- $side-menu-toggler-transition: all 0.2s ease-in-out,
32
-
33
- // Side menu items
34
- $side-menu-item-padding-x: 16px,
35
- // 16px - more padding
36
- $side-menu-item-padding-y: 12px,
37
- // 12px
38
- $side-menu-item-font-size: 16px,
39
- // 16px - better readability
40
- $side-menu-item-font-weight: 400,
41
- $side-menu-item-color: var(--atomix-secondary-text-emphasis),
42
- $side-menu-item-hover-color: var(--atomix-body-color),
43
- $side-menu-item-active-color: var(--atomix-brand-text-emphasis),
44
- $side-menu-item-disabled-color: var(--atomix-disabled-text-emphasis),
45
- $side-menu-item-bg: transparent,
46
- $side-menu-item-hover-bg: var(--atomix-secondary-bg-subtle),
47
- $side-menu-item-active-bg: var(--atomix-brand-bg-subtle),
48
- $side-menu-item-disabled-bg: transparent,
49
- $side-menu-item-border-radius: 6px,
50
- // 6px
51
- $side-menu-item-transition: all 0.2s ease-in-out,
52
- $side-menu-item-gap: 12px,
53
-
54
- // 12px
55
- // Side menu list
56
- $side-menu-list-margin-bottom: 16px,
57
- // 16px
58
- $side-menu-list-gap: 4px,
59
-
60
- // 4px
61
- // Side menu wrapper (for mobile animation)
62
- $side-menu-wrapper-transition: height 0.3s ease-in-out,
63
- $side-menu-inner-padding-top: 24px,
64
-
65
- // 24px
66
- // Mobile responsive
67
- $side-menu-mobile-padding-x: 20px,
68
- // 20px
69
- $side-menu-mobile-padding-y: 16px,
70
-
71
- // 16px
72
- // Dark mode variants
73
- $side-menu-bg-dark: var(--atomix-gray-9),
74
- $side-menu-border-color-dark: var(--atomix-gray-7),
75
- $side-menu-title-color-dark: var(--atomix-gray-1),
76
- $side-menu-item-color-dark: var(--atomix-gray-3),
77
- $side-menu-item-hover-color-dark: var(--atomix-gray-1),
78
- $side-menu-item-active-color-dark: var(--atomix-brand-text-emphasis)
79
- );
@@ -1,24 +0,0 @@
1
- @use '../../../styles/01-settings/settings.skeleton' with (
2
- $skeleton-sizes: (
3
- sm: 14px,
4
- // 14px
5
- md: 16px,
6
- // 16px
7
- lg: 24px,
8
- // 24px
9
- xl: 32px,
10
- // 32px
11
- xxl: 36px,
12
- // 36px
13
- 3xl: 40px,
14
- // 40px
15
- 4xl: 44px,
16
- // 44px
17
- ),
18
-
19
- $skeleton-color: rgba(0, 0, 0, 0.08),
20
- // slightly more visible
21
- $skeleton-color-gradient-end: rgba(0, 0, 0, 0.12),
22
- $skeleton-gradient-from-color: rgba(0, 0, 0, 0.08),
23
- $skeleton-gradient-to-color: rgba(0, 0, 0, 0.12)
24
- );
@@ -1,66 +0,0 @@
1
- // Spacing scale (matches Atomix)
2
- $spacer: 16px !default;
3
-
4
- $spacing-sizes: (
5
- 0: 0px,
6
- 1: 4px,
7
- // 4px
8
- 2: 8px,
9
- // 8px
10
- 3: 12px,
11
- // 12px
12
- 4: 16px,
13
- // 16px
14
- 5: 20px,
15
- // 20px
16
- 6: 24px,
17
- // 24px
18
- 7: 28px,
19
- // 28px
20
- 8: 32px,
21
- // 32px
22
- 9: 36px,
23
- // 36px
24
- 10: 40px,
25
- // 40px
26
- 11: 44px,
27
- // 44px
28
- 12: 48px,
29
- // 48px
30
- 14: 56px,
31
- // 56px
32
- 16: 64px,
33
- // 64px
34
- 20: 80px,
35
- // 80px
36
- 24: 96px,
37
- // 96px
38
- 28: 112px,
39
- // 112px
40
- 32: 128px,
41
- // 128px
42
- 36: 144px,
43
- // 144px
44
- 40: 160px,
45
- // 160px
46
- 44: 176px,
47
- // 176px
48
- 48: 192px,
49
- // 192px
50
- 52: 208px,
51
- // 208px
52
- 56: 224px,
53
- // 224px
54
- 60: 240px,
55
- // 240px
56
- 64: 256px,
57
- // 256px
58
- 72: 288px,
59
- // 288px
60
- 80: 320px,
61
- // 320px
62
- 90: 360px, // 360px
63
- ) !default;
64
-
65
- $spacing-important: true !default;
66
- $enable-negative-margins: false !default;