@schukai/monster 4.154.10 → 4.154.12

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 (96) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/package.json +1 -1
  3. package/source/components/accessibility/stylesheet/locale-picker.mjs +21 -23
  4. package/source/components/content/stylesheet/camera-capture.mjs +5 -1
  5. package/source/components/content/stylesheet/copy.mjs +5 -1
  6. package/source/components/content/stylesheet/fetch-box.mjs +60 -1
  7. package/source/components/content/stylesheet/viewer.mjs +21 -23
  8. package/source/components/content/viewer/stylesheet/html.mjs +1 -1
  9. package/source/components/content/viewer/stylesheet/message.mjs +1 -1
  10. package/source/components/data/stylesheet/kpi-tile.mjs +16 -22
  11. package/source/components/data/stylesheet/metric-graph.mjs +16 -22
  12. package/source/components/data/stylesheet/metric.mjs +16 -22
  13. package/source/components/datatable/stylesheet/change-button.mjs +21 -23
  14. package/source/components/datatable/stylesheet/column-bar.mjs +23 -25
  15. package/source/components/datatable/stylesheet/dataset.mjs +76 -23
  16. package/source/components/datatable/stylesheet/datatable.mjs +80 -27
  17. package/source/components/datatable/stylesheet/embedded-pagination.mjs +5 -1
  18. package/source/components/datatable/stylesheet/filter-button.mjs +1 -1
  19. package/source/components/datatable/stylesheet/filter-select.mjs +21 -23
  20. package/source/components/datatable/stylesheet/filter.mjs +21 -23
  21. package/source/components/datatable/stylesheet/pagination.mjs +21 -23
  22. package/source/components/datatable/stylesheet/save-button.mjs +21 -23
  23. package/source/components/datatable/stylesheet/status.mjs +21 -23
  24. package/source/components/files/style/file-manager.pcss +111 -0
  25. package/source/components/files/stylesheet/file-manager.mjs +3 -20
  26. package/source/components/form/stylesheet/action-button.mjs +9 -3
  27. package/source/components/form/stylesheet/button-bar.mjs +54 -41
  28. package/source/components/form/stylesheet/button.mjs +17 -23
  29. package/source/components/form/stylesheet/choice-cards.mjs +1 -1
  30. package/source/components/form/stylesheet/control-bar-spacer.mjs +1 -1
  31. package/source/components/form/stylesheet/control-bar.mjs +66 -47
  32. package/source/components/form/stylesheet/popper-button.mjs +16 -22
  33. package/source/components/form/stylesheet/quantity.mjs +1 -1
  34. package/source/components/form/stylesheet/select.mjs +2 -2
  35. package/source/components/form/stylesheet/sheet.mjs +1 -1
  36. package/source/components/form/stylesheet/wizard.mjs +5 -1
  37. package/source/components/host/stylesheet/call-button.mjs +21 -23
  38. package/source/components/host/stylesheet/host.mjs +5 -1
  39. package/source/components/host/stylesheet/toggle-button.mjs +21 -23
  40. package/source/components/layout/stylesheet/collapse.mjs +21 -23
  41. package/source/components/layout/stylesheet/details.mjs +21 -23
  42. package/source/components/layout/stylesheet/iframe.mjs +1 -1
  43. package/source/components/layout/stylesheet/overlay.mjs +5 -1
  44. package/source/components/layout/stylesheet/panel.mjs +5 -1
  45. package/source/components/layout/stylesheet/slider.mjs +5 -1
  46. package/source/components/layout/stylesheet/width-toggle.mjs +1 -1
  47. package/source/components/navigation/stylesheet/site-navigation.mjs +5 -1
  48. package/source/components/navigation/stylesheet/table-of-content.mjs +5 -1
  49. package/source/components/navigation/stylesheet/wizard-navigation.mjs +5 -1
  50. package/source/components/notify/stylesheet/message.mjs +1 -1
  51. package/source/components/notify/stylesheet/notify.mjs +1 -1
  52. package/source/components/state/style/thread-message.pcss +231 -0
  53. package/source/components/state/stylesheet/log.mjs +1 -1
  54. package/source/components/state/stylesheet/state.mjs +1 -1
  55. package/source/components/state/stylesheet/thread-message.mjs +2 -2
  56. package/source/components/state/stylesheet/thread.mjs +1 -1
  57. package/source/components/style/accessibility.css +1 -32
  58. package/source/components/style/badge.css +1 -147
  59. package/source/components/style/border.css +1 -65
  60. package/source/components/style/button.css +16 -22
  61. package/source/components/style/card.css +1 -155
  62. package/source/components/style/color.css +1 -166
  63. package/source/components/style/control.css +1 -14
  64. package/source/components/style/data-grid.css +1 -447
  65. package/source/components/style/display.css +1 -32
  66. package/source/components/style/floating-ui.css +1 -89
  67. package/source/components/style/host.css +1 -14
  68. package/source/components/style/icons.css +1 -1584
  69. package/source/components/style/popper.css +1 -101
  70. package/source/components/style/property.css +5 -1
  71. package/source/components/style/ripple.css +1 -13
  72. package/source/components/style/skeleton.css +56 -1
  73. package/source/components/style/space.css +1 -240
  74. package/source/components/style/spinner.css +1 -7
  75. package/source/components/style/table.css +1 -88
  76. package/source/components/style/theme-modern.css +4 -4
  77. package/source/components/style/theme.css +1 -388
  78. package/source/components/style/tree-menu.css +2 -0
  79. package/source/components/style/tree-menu.pcss +95 -0
  80. package/source/components/style/typography.css +1 -258
  81. package/source/components/stylesheet/button.mjs +16 -22
  82. package/source/components/stylesheet/icons.mjs +1 -1
  83. package/source/components/stylesheet/property.mjs +5 -1
  84. package/source/components/stylesheet/skeleton.mjs +56 -1
  85. package/source/components/stylesheet/spinner.mjs +1 -1
  86. package/source/components/stylesheet/theme-modern.mjs +4 -4
  87. package/source/components/stylesheet/tree-menu.mjs +3 -5
  88. package/source/components/time/stylesheet/day.mjs +16 -22
  89. package/source/components/time/stylesheet/month-calendar.mjs +18 -24
  90. package/source/components/time/timeline/stylesheet/appointment.mjs +21 -23
  91. package/source/components/time/timeline/stylesheet/segment.mjs +21 -23
  92. package/source/components/tree-menu/stylesheet/tree-menu.mjs +1 -1
  93. package/source/types/version.mjs +1 -1
  94. package/test/cases/components/form/control-heights.mjs +2 -2
  95. package/test/cases/components/style/skeleton.mjs +2 -2
  96. package/test/cases/components/style/theme-modern.mjs +7 -13
package/source/components/stylesheet/property.mjs CHANGED
@@ -25,7 +25,11 @@ try {
25
25
  PropertyStyleSheet.insertRule(
26
26
  `
27
27
  @layer property {
28
- :after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-font-family-monospace:\"Consolas\",\"Courier New\",\"Roboto Mono\",\"Source Code Pro\",\"Fira Mono\",monospace;--monster-font-size-min:15px;--monster-font-size-base:16px;--monster-font-size-max:16px;--monster-font-scale:1;--monster-font-scale-hi-dpi:1.25;--monster-font-scale-xhi-dpi:1.25;--monster-font-size-fluid:clamp(var(--monster-font-size-min),calc(var(--monster-font-size-min) + 0.1vw),var(--monster-font-size-max))}@media (min-resolution:1.5dppx){:after,:before,:root{--monster-font-scale:var(--monster-font-scale-hi-dpi,1.1)}}@media (min-resolution:3dppx){:after,:before,:root{--monster-font-scale:var(--monster-font-scale-xhi-dpi,1.18)}}:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-cinnamon-1);--monster-color-primary-4:var(--monster-color-cinnamon-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-6);--monster-bg-color-primary-4:var(--monster-color-gray-4)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1)}}:after,:before,:root{--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1)}}:after,:before,:root{--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1)}}:after,:before,:root{--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4)}}:after,:before,:root{--monster-color-danger-1:var(--monster-color-raspberry-1);--monster-color-danger-2:var(--monster-color-raspberry-4);--monster-color-danger-3:var(--monster-color-raspberry-6);--monster-color-danger-4:var(--monster-color-raspberry-1);--monster-bg-color-danger-1:var(--monster-color-raspberry-4);--monster-bg-color-danger-2:var(--monster-color-gray-1);--monster-bg-color-danger-3:var(--monster-color-raspberry-2);--monster-bg-color-danger-4:var(--monster-color-raspberry-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-danger-1:var(--monster-color-raspberry-1);--monster-color-danger-2:var(--monster-color-raspberry-3);--monster-color-danger-3:var(--monster-color-raspberry-4);--monster-color-danger-4:var(--monster-color-raspberry-1);--monster-bg-color-danger-1:var(--monster-color-raspberry-5);--monster-bg-color-danger-2:var(--monster-color-gray-6);--monster-bg-color-danger-3:var(--monster-color-raspberry-1);--monster-bg-color-danger-4:var(--monster-color-raspberry-4)}}:after,:before,:root{--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3)}}:after,:before,:root{--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3)}}:after,:before,:root{--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4)}}:after,:before,:root{--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6)}}:after,:before,:root{--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1);--monster-color-gradient-1:#ffe0b2;--monster-color-gradient-2:#ad8275;--monster-color-gradient-3:#771ba3}}:after,:before,:root{--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-theme-control-bg-color:var(--monster-color-seashell-1);--monster-theme-control-color:var(--monster-color-seashell-6);--monster-theme-control-hover-color:var(--monster-color-seashell-6);--monster-theme-control-hover-bg-color:var(--monster-color-seashell-2);--monster-theme-control-border-width:2px;--monster-theme-control-border-style:solid;--monster-theme-control-border-radius:0;--monster-theme-control-border-color:var(--monster-color-primary-1)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-control-bg-color:var(--monster-color-gray-5);--monster-theme-control-color:var(--monster-color-gray-1);--monster-theme-control-border-color:var(--monster-color-gray-3);--monster-theme-control-hover-color:var(--monster-color-gray-1);--monster-theme-control-hover-bg-color:var(--monster-color-gray-6)}}:after,:before,:root{--monster-theme-on-color:var(--monster-color-green-1);--monster-theme-on-bg-color:var(--monster-color-green-5);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-4)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-on-color:var(--monster-color-gray-6);--monster-theme-on-bg-color:var(--monster-color-gray-1);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-5)}}:after,:before,:root{--monster-border-style:solid;--monster-border-width:3px;--monster-border-radius:0;--monster-outline-width:1px;--monster-focus-ring-width:2px;--monster-focus-ring-style:solid;--monster-focus-ring-color:var(--monster-color-blue-4);--monster-focus-ring-offset:2px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-focus-ring-color:var(--monster-color-yellow-2)}}:after,:before,:root{--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px;--monster-dragger-width:2px;--monster-dragger-handle-width:4px;--monster-dragger-handle-height:50px}
28
+ :after,:before,:root{--monster-font-family:-apple-system, BlinkMacSystemFont, \"Quicksand\", \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";--monster-font-family-monospace:\"Consolas\", \"Courier New\", \"Roboto Mono\", \"Source Code Pro\", \"Fira Mono\", monospace;--monster-font-size-min:15px;--monster-font-size-base:16px;--monster-font-size-max:16px;--monster-font-scale:1;--monster-font-scale-hi-dpi:1.25;--monster-font-scale-xhi-dpi:1.25;--monster-font-size-fluid:clamp(
29
+ var(--monster-font-size-min),
30
+ calc(var(--monster-font-size-min) + 0.1vw),
31
+ var(--monster-font-size-max)
32
+ )}@media (min-resolution:1.5dppx){:after,:before,:root{--monster-font-scale:var(--monster-font-scale-hi-dpi, 1.1)}}@media (min-resolution:3dppx){:after,:before,:root{--monster-font-scale:var(--monster-font-scale-xhi-dpi, 1.18)}}:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-cinnamon-1);--monster-color-primary-4:var(--monster-color-cinnamon-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-6);--monster-bg-color-primary-4:var(--monster-color-gray-4)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1)}}:after,:before,:root{--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1)}}:after,:before,:root{--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1)}}:after,:before,:root{--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4)}}:after,:before,:root{--monster-color-danger-1:var(--monster-color-raspberry-1);--monster-color-danger-2:var(--monster-color-raspberry-4);--monster-color-danger-3:var(--monster-color-raspberry-6);--monster-color-danger-4:var(--monster-color-raspberry-1);--monster-bg-color-danger-1:var(--monster-color-raspberry-4);--monster-bg-color-danger-2:var(--monster-color-gray-1);--monster-bg-color-danger-3:var(--monster-color-raspberry-2);--monster-bg-color-danger-4:var(--monster-color-raspberry-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-danger-1:var(--monster-color-raspberry-1);--monster-color-danger-2:var(--monster-color-raspberry-3);--monster-color-danger-3:var(--monster-color-raspberry-4);--monster-color-danger-4:var(--monster-color-raspberry-1);--monster-bg-color-danger-1:var(--monster-color-raspberry-5);--monster-bg-color-danger-2:var(--monster-color-gray-6);--monster-bg-color-danger-3:var(--monster-color-raspberry-1);--monster-bg-color-danger-4:var(--monster-color-raspberry-4)}}:after,:before,:root{--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3)}}:after,:before,:root{--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3)}}:after,:before,:root{--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4)}}:after,:before,:root{--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6)}}:after,:before,:root{--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1);--monster-color-gradient-1:#ffe0b2;--monster-color-gradient-2:#ad8275;--monster-color-gradient-3:#771ba3}}:after,:before,:root{--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-theme-control-bg-color:var(--monster-color-seashell-1);--monster-theme-control-color:var(--monster-color-seashell-6);--monster-theme-control-hover-color:var(--monster-color-seashell-6);--monster-theme-control-hover-bg-color:var(--monster-color-seashell-2);--monster-theme-control-border-width:2px;--monster-theme-control-border-style:solid;--monster-theme-control-border-radius:0;--monster-theme-control-border-color:var(--monster-color-primary-1)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-control-bg-color:var(--monster-color-gray-5);--monster-theme-control-color:var(--monster-color-gray-1);--monster-theme-control-border-color:var(--monster-color-gray-3);--monster-theme-control-hover-color:var(--monster-color-gray-1);--monster-theme-control-hover-bg-color:var(--monster-color-gray-6)}}:after,:before,:root{--monster-theme-on-color:var(--monster-color-green-1);--monster-theme-on-bg-color:var(--monster-color-green-5);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-4)}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-theme-on-color:var(--monster-color-gray-6);--monster-theme-on-bg-color:var(--monster-color-gray-1);--monster-theme-off-color:var(--monster-color-gray-1);--monster-theme-off-bg-color:var(--monster-color-gray-5)}}:after,:before,:root{--monster-border-style:solid;--monster-border-width:3px;--monster-border-radius:0;--monster-outline-width:1px;--monster-focus-ring-width:2px;--monster-focus-ring-style:solid;--monster-focus-ring-color:var(--monster-color-blue-4);--monster-focus-ring-offset:2px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-focus-ring-color:var(--monster-color-yellow-2)}}:after,:before,:root{--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px;--monster-dragger-width:2px;--monster-dragger-handle-width:4px;--monster-dragger-handle-height:50px}
29
33
  }`,
30
34
  0,
31
35
  );
package/source/components/stylesheet/skeleton.mjs CHANGED
@@ -25,7 +25,62 @@ try {
25
25
  SkeletonStyleSheet.insertRule(
26
26
  `
27
27
  @layer skeleton {
28
- .monster-skeleton-col-10{--monster-skeleton-color:var(--monster-skeleton-fill,var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(in srgb,var(--monster-skeleton-color) 50%,transparent);--monster-skeleton-height:100%;--monster-skeleton-width:10%;--monster-skeleton:linear-gradient(99deg,transparent 0%,var(--monster-skeleton-color-50) 18%,var(--monster-skeleton-color) 48%,var(--monster-skeleton-color-50) 78%,transparent 100%)}.monster-skeleton-col-10,.monster-skeleton-col-20{background-image:var(--monster-skeleton);background-size:var(--monster-skeleton-width) var(--monster-skeleton-height);background-repeat:no-repeat;background-position:0 0;color:var(--monster-skeleton-color);min-height:1px}.monster-skeleton-col-20{--monster-skeleton-color:var(--monster-skeleton-fill,var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(in srgb,var(--monster-skeleton-color) 50%,transparent);--monster-skeleton-height:100%;--monster-skeleton-width:20%;--monster-skeleton:linear-gradient(99deg,transparent 0%,var(--monster-skeleton-color-50) 18%,var(--monster-skeleton-color) 48%,var(--monster-skeleton-color-50) 78%,transparent 100%)}.monster-skeleton-col-30{--monster-skeleton-color:var(--monster-skeleton-fill,var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(in srgb,var(--monster-skeleton-color) 50%,transparent);--monster-skeleton-height:100%;--monster-skeleton-width:30%;--monster-skeleton:linear-gradient(99deg,transparent 0%,var(--monster-skeleton-color-50) 18%,var(--monster-skeleton-color) 48%,var(--monster-skeleton-color-50) 78%,transparent 100%)}.monster-skeleton-col-30,.monster-skeleton-col-40{background-image:var(--monster-skeleton);background-size:var(--monster-skeleton-width) var(--monster-skeleton-height);background-repeat:no-repeat;background-position:0 0;color:var(--monster-skeleton-color);min-height:1px}.monster-skeleton-col-40{--monster-skeleton-color:var(--monster-skeleton-fill,var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(in srgb,var(--monster-skeleton-color) 50%,transparent);--monster-skeleton-height:100%;--monster-skeleton-width:40%;--monster-skeleton:linear-gradient(99deg,transparent 0%,var(--monster-skeleton-color-50) 18%,var(--monster-skeleton-color) 48%,var(--monster-skeleton-color-50) 78%,transparent 100%)}.monster-skeleton-col-50{--monster-skeleton-color:var(--monster-skeleton-fill,var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(in srgb,var(--monster-skeleton-color) 50%,transparent);--monster-skeleton-height:100%;--monster-skeleton-width:50%;--monster-skeleton:linear-gradient(99deg,transparent 0%,var(--monster-skeleton-color-50) 18%,var(--monster-skeleton-color) 48%,var(--monster-skeleton-color-50) 78%,transparent 100%)}.monster-skeleton-col-50,.monster-skeleton-col-60{background-image:var(--monster-skeleton);background-size:var(--monster-skeleton-width) var(--monster-skeleton-height);background-repeat:no-repeat;background-position:0 0;color:var(--monster-skeleton-color);min-height:1px}.monster-skeleton-col-60{--monster-skeleton-color:var(--monster-skeleton-fill,var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(in srgb,var(--monster-skeleton-color) 50%,transparent);--monster-skeleton-height:100%;--monster-skeleton-width:60%;--monster-skeleton:linear-gradient(99deg,transparent 0%,var(--monster-skeleton-color-50) 18%,var(--monster-skeleton-color) 48%,var(--monster-skeleton-color-50) 78%,transparent 100%)}.monster-skeleton-col-70{--monster-skeleton-color:var(--monster-skeleton-fill,var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(in srgb,var(--monster-skeleton-color) 50%,transparent);--monster-skeleton-height:100%;--monster-skeleton-width:70%;--monster-skeleton:linear-gradient(99deg,transparent 0%,var(--monster-skeleton-color-50) 18%,var(--monster-skeleton-color) 48%,var(--monster-skeleton-color-50) 78%,transparent 100%)}.monster-skeleton-col-70,.monster-skeleton-col-80{background-image:var(--monster-skeleton);background-size:var(--monster-skeleton-width) var(--monster-skeleton-height);background-repeat:no-repeat;background-position:0 0;color:var(--monster-skeleton-color);min-height:1px}.monster-skeleton-col-80{--monster-skeleton-color:var(--monster-skeleton-fill,var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(in srgb,var(--monster-skeleton-color) 50%,transparent);--monster-skeleton-height:100%;--monster-skeleton-width:80%;--monster-skeleton:linear-gradient(99deg,transparent 0%,var(--monster-skeleton-color-50) 18%,var(--monster-skeleton-color) 48%,var(--monster-skeleton-color-50) 78%,transparent 100%)}.monster-skeleton-col-90{--monster-skeleton-color:var(--monster-skeleton-fill,var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(in srgb,var(--monster-skeleton-color) 50%,transparent);--monster-skeleton-height:100%;--monster-skeleton-width:90%;--monster-skeleton:linear-gradient(99deg,transparent 0%,var(--monster-skeleton-color-50) 18%,var(--monster-skeleton-color) 48%,var(--monster-skeleton-color-50) 78%,transparent 100%)}.monster-skeleton-col-100,.monster-skeleton-col-90{background-image:var(--monster-skeleton);background-size:var(--monster-skeleton-width) var(--monster-skeleton-height);background-repeat:no-repeat;background-position:0 0;color:var(--monster-skeleton-color);min-height:1px}.monster-skeleton-col-100{--monster-skeleton-color:var(--monster-skeleton-fill,var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(in srgb,var(--monster-skeleton-color) 50%,transparent);--monster-skeleton-height:100%;--monster-skeleton-width:100%;--monster-skeleton:linear-gradient(99deg,transparent 0%,var(--monster-skeleton-color-50) 18%,var(--monster-skeleton-color) 48%,var(--monster-skeleton-color-50) 78%,transparent 100%)}.monster-skeleton-animated{animation:shimmer 4.25s linear infinite forwards;border-radius:4px}@keyframes shimmer{0%,to{filter:brightness(.81)}50%{filter:brightness(.45)}}@media (prefers-reduced-motion:reduce){.monster-skeleton-animated{animation:none}}
28
+ .monster-skeleton-col-10{--monster-skeleton-width:10%}.monster-skeleton-col-10,.monster-skeleton-col-20{--monster-skeleton-color:var(--monster-skeleton-fill, var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(
29
+ in srgb,
30
+ var(--monster-skeleton-color) 50%,
31
+ transparent
32
+ );--monster-skeleton-height:100%;--monster-skeleton:linear-gradient(
33
+ 99deg,
34
+ transparent 0%,
35
+ var(--monster-skeleton-color-50) 18%,
36
+ var(--monster-skeleton-color) 48%,
37
+ var(--monster-skeleton-color-50) 78%,
38
+ transparent 100%
39
+ );background-image:var(--monster-skeleton);background-size:var(--monster-skeleton-width) var(--monster-skeleton-height);background-repeat:no-repeat;background-position:0 0;color:var(--monster-skeleton-color);min-height:1px}.monster-skeleton-col-20{--monster-skeleton-width:20%}.monster-skeleton-col-30{--monster-skeleton-width:30%}.monster-skeleton-col-30,.monster-skeleton-col-40{--monster-skeleton-color:var(--monster-skeleton-fill, var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(
40
+ in srgb,
41
+ var(--monster-skeleton-color) 50%,
42
+ transparent
43
+ );--monster-skeleton-height:100%;--monster-skeleton:linear-gradient(
44
+ 99deg,
45
+ transparent 0%,
46
+ var(--monster-skeleton-color-50) 18%,
47
+ var(--monster-skeleton-color) 48%,
48
+ var(--monster-skeleton-color-50) 78%,
49
+ transparent 100%
50
+ );background-image:var(--monster-skeleton);background-size:var(--monster-skeleton-width) var(--monster-skeleton-height);background-repeat:no-repeat;background-position:0 0;color:var(--monster-skeleton-color);min-height:1px}.monster-skeleton-col-40{--monster-skeleton-width:40%}.monster-skeleton-col-50{--monster-skeleton-width:50%}.monster-skeleton-col-50,.monster-skeleton-col-60{--monster-skeleton-color:var(--monster-skeleton-fill, var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(
51
+ in srgb,
52
+ var(--monster-skeleton-color) 50%,
53
+ transparent
54
+ );--monster-skeleton-height:100%;--monster-skeleton:linear-gradient(
55
+ 99deg,
56
+ transparent 0%,
57
+ var(--monster-skeleton-color-50) 18%,
58
+ var(--monster-skeleton-color) 48%,
59
+ var(--monster-skeleton-color-50) 78%,
60
+ transparent 100%
61
+ );background-image:var(--monster-skeleton);background-size:var(--monster-skeleton-width) var(--monster-skeleton-height);background-repeat:no-repeat;background-position:0 0;color:var(--monster-skeleton-color);min-height:1px}.monster-skeleton-col-60{--monster-skeleton-width:60%}.monster-skeleton-col-70{--monster-skeleton-width:70%}.monster-skeleton-col-70,.monster-skeleton-col-80{--monster-skeleton-color:var(--monster-skeleton-fill, var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(
62
+ in srgb,
63
+ var(--monster-skeleton-color) 50%,
64
+ transparent
65
+ );--monster-skeleton-height:100%;--monster-skeleton:linear-gradient(
66
+ 99deg,
67
+ transparent 0%,
68
+ var(--monster-skeleton-color-50) 18%,
69
+ var(--monster-skeleton-color) 48%,
70
+ var(--monster-skeleton-color-50) 78%,
71
+ transparent 100%
72
+ );background-image:var(--monster-skeleton);background-size:var(--monster-skeleton-width) var(--monster-skeleton-height);background-repeat:no-repeat;background-position:0 0;color:var(--monster-skeleton-color);min-height:1px}.monster-skeleton-col-80{--monster-skeleton-width:80%}.monster-skeleton-col-90{--monster-skeleton-width:90%}.monster-skeleton-col-100,.monster-skeleton-col-90{--monster-skeleton-color:var(--monster-skeleton-fill, var(--monster-bg-color-primary-3));--monster-skeleton-color-50:color-mix(
73
+ in srgb,
74
+ var(--monster-skeleton-color) 50%,
75
+ transparent
76
+ );--monster-skeleton-height:100%;--monster-skeleton:linear-gradient(
77
+ 99deg,
78
+ transparent 0%,
79
+ var(--monster-skeleton-color-50) 18%,
80
+ var(--monster-skeleton-color) 48%,
81
+ var(--monster-skeleton-color-50) 78%,
82
+ transparent 100%
83
+ );background-image:var(--monster-skeleton);background-size:var(--monster-skeleton-width) var(--monster-skeleton-height);background-repeat:no-repeat;background-position:0 0;color:var(--monster-skeleton-color);min-height:1px}.monster-skeleton-col-100{--monster-skeleton-width:100%}.monster-skeleton-animated{animation:shimmer 4.25s linear infinite forwards;border-radius:4px}@keyframes shimmer{0%,to{filter:brightness(.81)}50%{filter:brightness(.45)}}@media (prefers-reduced-motion:reduce){.monster-skeleton-animated{animation:none}}
29
84
  }`,
30
85
  0,
31
86
  );
package/source/components/stylesheet/spinner.mjs CHANGED
@@ -25,7 +25,7 @@ try {
25
25
  SpinnerStyleSheet.insertRule(
26
26
  `
27
27
  @layer spinner {
28
- .monster-spinner{-webkit-mask:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='red' viewBox='0 0 44 44'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' calcMode='spline' dur='1.8s' keySplines='0.165, 0.84, 0.44, 1' keyTimes='0; 1' repeatCount='indefinite' values='1; 20'/%3E%3Canimate attributeName='stroke-opacity' begin='0s' calcMode='spline' dur='1.8s' keySplines='0.3, 0.61, 0.355, 1' keyTimes='0; 1' repeatCount='indefinite' values='1; 0'/%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' calcMode='spline' dur='1.8s' keySplines='0.165, 0.84, 0.44, 1' keyTimes='0; 1' repeatCount='indefinite' values='1; 20'/%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' calcMode='spline' dur='1.8s' keySplines='0.3, 0.61, 0.355, 1' keyTimes='0; 1' repeatCount='indefinite' values='1; 0'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\") no-repeat 50% 50%;mask:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='red' viewBox='0 0 44 44'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' calcMode='spline' dur='1.8s' keySplines='0.165, 0.84, 0.44, 1' keyTimes='0; 1' repeatCount='indefinite' values='1; 20'/%3E%3Canimate attributeName='stroke-opacity' begin='0s' calcMode='spline' dur='1.8s' keySplines='0.3, 0.61, 0.355, 1' keyTimes='0; 1' repeatCount='indefinite' values='1; 0'/%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' calcMode='spline' dur='1.8s' keySplines='0.165, 0.84, 0.44, 1' keyTimes='0; 1' repeatCount='indefinite' values='1; 20'/%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' calcMode='spline' dur='1.8s' keySplines='0.3, 0.61, 0.355, 1' keyTimes='0; 1' repeatCount='indefinite' values='1; 0'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\") no-repeat 50% 50%;height:100%}
28
+ .monster-spinner{-webkit-mask:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22red%22%20viewBox%3D%220%200%2044%2044%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2222%22%20r%3D%221%22%3E%3Canimate%20attributeName%3D%22r%22%20begin%3D%220s%22%20calcMode%3D%22spline%22%20dur%3D%221.8s%22%20keySplines%3D%220.165%2C%200.84%2C%200.44%2C%201%22%20keyTimes%3D%220%3B%201%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B%2020%22%2F%3E%3Canimate%20attributeName%3D%22stroke-opacity%22%20begin%3D%220s%22%20calcMode%3D%22spline%22%20dur%3D%221.8s%22%20keySplines%3D%220.3%2C%200.61%2C%200.355%2C%201%22%20keyTimes%3D%220%3B%201%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B%200%22%2F%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2222%22%20r%3D%221%22%3E%3Canimate%20attributeName%3D%22r%22%20begin%3D%22-0.9s%22%20calcMode%3D%22spline%22%20dur%3D%221.8s%22%20keySplines%3D%220.165%2C%200.84%2C%200.44%2C%201%22%20keyTimes%3D%220%3B%201%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B%2020%22%2F%3E%3Canimate%20attributeName%3D%22stroke-opacity%22%20begin%3D%22-0.9s%22%20calcMode%3D%22spline%22%20dur%3D%221.8s%22%20keySplines%3D%220.3%2C%200.61%2C%200.355%2C%201%22%20keyTimes%3D%220%3B%201%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B%200%22%2F%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat 50% 50%;mask:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22red%22%20viewBox%3D%220%200%2044%2044%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2222%22%20r%3D%221%22%3E%3Canimate%20attributeName%3D%22r%22%20begin%3D%220s%22%20calcMode%3D%22spline%22%20dur%3D%221.8s%22%20keySplines%3D%220.165%2C%200.84%2C%200.44%2C%201%22%20keyTimes%3D%220%3B%201%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B%2020%22%2F%3E%3Canimate%20attributeName%3D%22stroke-opacity%22%20begin%3D%220s%22%20calcMode%3D%22spline%22%20dur%3D%221.8s%22%20keySplines%3D%220.3%2C%200.61%2C%200.355%2C%201%22%20keyTimes%3D%220%3B%201%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B%200%22%2F%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2222%22%20r%3D%221%22%3E%3Canimate%20attributeName%3D%22r%22%20begin%3D%22-0.9s%22%20calcMode%3D%22spline%22%20dur%3D%221.8s%22%20keySplines%3D%220.165%2C%200.84%2C%200.44%2C%201%22%20keyTimes%3D%220%3B%201%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B%2020%22%2F%3E%3Canimate%20attributeName%3D%22stroke-opacity%22%20begin%3D%22-0.9s%22%20calcMode%3D%22spline%22%20dur%3D%221.8s%22%20keySplines%3D%220.3%2C%200.61%2C%200.355%2C%201%22%20keyTimes%3D%220%3B%201%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B%200%22%2F%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat 50% 50%;height:100%}
29
29
  }`,
30
30
  0,
31
31
  );
package/source/components/stylesheet/theme-modern.mjs CHANGED
@@ -25,7 +25,7 @@ try {
25
25
  ThemeModernStyleSheet.insertRule(
26
26
  `
27
27
  @layer thememodern {
28
- :root[data-monster-theme-name=modern]{color-scheme:light dark;--monster-font-family:\"IBM Plex Sans\",system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;--monster-theme-surface-canvas:#efeee9;--monster-theme-surface:#fcfbf8;--monster-theme-surface-subtle:#f2f1ed;--monster-theme-surface-strong:#e4e2dc;--monster-theme-text:#24231f;--monster-theme-text-secondary:#4d4b45;--monster-theme-text-muted:#66635b;--monster-theme-border:#858178;--monster-theme-border-strong:#625e56;--monster-theme-accent:#28262c;--monster-theme-accent-hover:#121115;--monster-theme-accent-subtle:#ece7df;--monster-theme-secondary:#4d4b45;--monster-theme-secondary-subtle:#f2e4d5;--monster-theme-secondary-strong:#3b3935;--monster-theme-tertiary:#236b5b;--monster-theme-tertiary-subtle:#dcefe6;--monster-theme-on-accent:#fff;--monster-theme-focus-ring:#236b5b;--monster-theme-selection:#dcefe6;--monster-theme-success:#276b46;--monster-theme-success-subtle:#e4f1d8;--monster-theme-warning:#7a5700;--monster-theme-warning-subtle:#fff1bd;--monster-theme-warning-emphasis:#f2c94c;--monster-theme-on-warning:#24231f;--monster-theme-error:#a12e45;--monster-theme-error-subtle:#fae2e8;--monster-theme-info:#5140a0;--monster-theme-info-subtle:#e9e3f8;--monster-theme-disabled:#66635b;--monster-theme-disabled-surface:#e4e2dc;--monster-color-primary-1:var(--monster-theme-text);--monster-color-primary-2:var(--monster-theme-text-secondary);--monster-color-primary-3:var(--monster-theme-text);--monster-color-primary-4:var(--monster-theme-on-accent);--monster-bg-color-primary-1:var(--monster-theme-surface);--monster-bg-color-primary-2:var(--monster-theme-surface-subtle);--monster-bg-color-primary-3:var(--monster-theme-surface-strong);--monster-bg-color-primary-4:var(--monster-theme-accent);--monster-color-secondary-1:var(--monster-theme-secondary);--monster-color-secondary-2:var(--monster-theme-secondary);--monster-color-secondary-3:var(--monster-theme-text);--monster-color-secondary-4:var(--monster-theme-on-accent);--monster-bg-color-secondary-1:var(--monster-theme-surface);--monster-bg-color-secondary-2:var(--monster-theme-secondary-subtle);--monster-bg-color-secondary-3:var(--monster-theme-secondary-subtle);--monster-bg-color-secondary-4:var(--monster-theme-secondary-strong);--monster-color-tertiary-1:var(--monster-theme-tertiary);--monster-color-tertiary-2:var(--monster-theme-tertiary);--monster-color-tertiary-3:var(--monster-theme-text);--monster-color-tertiary-4:var(--monster-theme-on-accent);--monster-bg-color-tertiary-1:var(--monster-theme-surface);--monster-bg-color-tertiary-2:var(--monster-theme-tertiary-subtle);--monster-bg-color-tertiary-3:var(--monster-theme-tertiary-subtle);--monster-bg-color-tertiary-4:var(--monster-theme-tertiary);--monster-color-destructive-1:var(--monster-theme-on-accent);--monster-color-destructive-2:var(--monster-theme-error);--monster-color-destructive-3:var(--monster-theme-text);--monster-color-destructive-4:var(--monster-theme-on-accent);--monster-bg-color-destructive-1:var(--monster-theme-error);--monster-bg-color-destructive-2:var(--monster-theme-surface);--monster-bg-color-destructive-3:var(--monster-theme-error-subtle);--monster-bg-color-destructive-4:var(--monster-theme-error);--monster-color-danger-1:var(--monster-theme-on-accent);--monster-color-danger-2:var(--monster-theme-error);--monster-color-danger-3:var(--monster-theme-text);--monster-color-danger-4:var(--monster-theme-on-accent);--monster-bg-color-danger-1:var(--monster-theme-error);--monster-bg-color-danger-2:var(--monster-theme-surface);--monster-bg-color-danger-3:var(--monster-theme-error-subtle);--monster-bg-color-danger-4:var(--monster-theme-error);--monster-color-error-1:var(--monster-theme-on-accent);--monster-color-error-2:var(--monster-theme-error);--monster-color-error-3:var(--monster-theme-text);--monster-color-error-4:var(--monster-theme-on-accent);--monster-bg-color-error-1:var(--monster-theme-error);--monster-bg-color-error-2:var(--monster-theme-surface);--monster-bg-color-error-3:var(--monster-theme-error-subtle);--monster-bg-color-error-4:var(--monster-theme-error);--monster-color-success-1:var(--monster-theme-on-accent);--monster-color-success-2:var(--monster-theme-success);--monster-color-success-3:var(--monster-theme-text);--monster-color-success-4:var(--monster-theme-on-accent);--monster-bg-color-success-1:var(--monster-theme-success);--monster-bg-color-success-2:var(--monster-theme-surface);--monster-bg-color-success-3:var(--monster-theme-success-subtle);--monster-bg-color-success-4:var(--monster-theme-success);--monster-color-warning-1:var(--monster-theme-on-warning);--monster-color-warning-2:var(--monster-theme-warning);--monster-color-warning-3:var(--monster-theme-text);--monster-color-warning-4:var(--monster-theme-on-warning);--monster-bg-color-warning-1:var(--monster-theme-warning-emphasis);--monster-bg-color-warning-2:var(--monster-theme-surface);--monster-bg-color-warning-3:var(--monster-theme-warning-subtle);--monster-bg-color-warning-4:var(--monster-theme-warning-emphasis);--monster-color-selection-1:var(--monster-theme-text);--monster-color-selection-2:var(--monster-theme-text);--monster-color-selection-3:var(--monster-theme-text);--monster-color-selection-4:var(--monster-theme-on-accent);--monster-bg-color-selection-1:var(--monster-theme-selection);--monster-bg-color-selection-2:var(--monster-theme-accent-subtle);--monster-bg-color-selection-3:var(--monster-theme-selection);--monster-bg-color-selection-4:var(--monster-theme-accent-hover);--monster-color-primary-disabled-1:var(--monster-theme-disabled);--monster-color-primary-disabled-2:var(--monster-theme-disabled);--monster-color-primary-disabled-3:var(--monster-theme-disabled);--monster-color-primary-disabled-4:var(--monster-theme-disabled);--monster-bg-color-primary-disabled-1:var(
28
+ :root[data-monster-theme-name=modern]{color-scheme:light dark;--monster-font-family:\"IBM Plex Sans\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;--monster-theme-surface-canvas:#efeee9;--monster-theme-surface:#fcfbf8;--monster-theme-surface-subtle:#f2f1ed;--monster-theme-surface-strong:#e4e2dc;--monster-theme-text:#24231f;--monster-theme-text-secondary:#4d4b45;--monster-theme-text-muted:#66635b;--monster-theme-border:#858178;--monster-theme-border-strong:#625e56;--monster-theme-accent:#28262c;--monster-theme-accent-hover:#121115;--monster-theme-accent-subtle:#ece7df;--monster-theme-secondary:#4d4b45;--monster-theme-secondary-subtle:#f2e4d5;--monster-theme-secondary-strong:#3b3935;--monster-theme-tertiary:#236b5b;--monster-theme-tertiary-subtle:#dcefe6;--monster-theme-on-accent:#fff;--monster-theme-focus-ring:#236b5b;--monster-theme-selection:#dcefe6;--monster-theme-success:#276b46;--monster-theme-success-subtle:#e4f1d8;--monster-theme-warning:#7a5700;--monster-theme-warning-subtle:#fff1bd;--monster-theme-warning-emphasis:#f2c94c;--monster-theme-on-warning:#24231f;--monster-theme-error:#a12e45;--monster-theme-error-subtle:#fae2e8;--monster-theme-info:#5140a0;--monster-theme-info-subtle:#e9e3f8;--monster-theme-disabled:#66635b;--monster-theme-disabled-surface:#e4e2dc;--monster-color-primary-1:var(--monster-theme-text);--monster-color-primary-2:var(--monster-theme-text-secondary);--monster-color-primary-3:var(--monster-theme-text);--monster-color-primary-4:var(--monster-theme-on-accent);--monster-bg-color-primary-1:var(--monster-theme-surface);--monster-bg-color-primary-2:var(--monster-theme-surface-subtle);--monster-bg-color-primary-3:var(--monster-theme-surface-strong);--monster-bg-color-primary-4:var(--monster-theme-accent);--monster-color-secondary-1:var(--monster-theme-secondary);--monster-color-secondary-2:var(--monster-theme-secondary);--monster-color-secondary-3:var(--monster-theme-text);--monster-color-secondary-4:var(--monster-theme-on-accent);--monster-bg-color-secondary-1:var(--monster-theme-surface);--monster-bg-color-secondary-2:var(--monster-theme-secondary-subtle);--monster-bg-color-secondary-3:var(--monster-theme-secondary-subtle);--monster-bg-color-secondary-4:var(--monster-theme-secondary-strong);--monster-color-tertiary-1:var(--monster-theme-tertiary);--monster-color-tertiary-2:var(--monster-theme-tertiary);--monster-color-tertiary-3:var(--monster-theme-text);--monster-color-tertiary-4:var(--monster-theme-on-accent);--monster-bg-color-tertiary-1:var(--monster-theme-surface);--monster-bg-color-tertiary-2:var(--monster-theme-tertiary-subtle);--monster-bg-color-tertiary-3:var(--monster-theme-tertiary-subtle);--monster-bg-color-tertiary-4:var(--monster-theme-tertiary);--monster-color-destructive-1:var(--monster-theme-on-accent);--monster-color-destructive-2:var(--monster-theme-error);--monster-color-destructive-3:var(--monster-theme-text);--monster-color-destructive-4:var(--monster-theme-on-accent);--monster-bg-color-destructive-1:var(--monster-theme-error);--monster-bg-color-destructive-2:var(--monster-theme-surface);--monster-bg-color-destructive-3:var(--monster-theme-error-subtle);--monster-bg-color-destructive-4:var(--monster-theme-error);--monster-color-danger-1:var(--monster-theme-on-accent);--monster-color-danger-2:var(--monster-theme-error);--monster-color-danger-3:var(--monster-theme-text);--monster-color-danger-4:var(--monster-theme-on-accent);--monster-bg-color-danger-1:var(--monster-theme-error);--monster-bg-color-danger-2:var(--monster-theme-surface);--monster-bg-color-danger-3:var(--monster-theme-error-subtle);--monster-bg-color-danger-4:var(--monster-theme-error);--monster-color-error-1:var(--monster-theme-on-accent);--monster-color-error-2:var(--monster-theme-error);--monster-color-error-3:var(--monster-theme-text);--monster-color-error-4:var(--monster-theme-on-accent);--monster-bg-color-error-1:var(--monster-theme-error);--monster-bg-color-error-2:var(--monster-theme-surface);--monster-bg-color-error-3:var(--monster-theme-error-subtle);--monster-bg-color-error-4:var(--monster-theme-error);--monster-color-success-1:var(--monster-theme-on-accent);--monster-color-success-2:var(--monster-theme-success);--monster-color-success-3:var(--monster-theme-text);--monster-color-success-4:var(--monster-theme-on-accent);--monster-bg-color-success-1:var(--monster-theme-success);--monster-bg-color-success-2:var(--monster-theme-surface);--monster-bg-color-success-3:var(--monster-theme-success-subtle);--monster-bg-color-success-4:var(--monster-theme-success);--monster-color-warning-1:var(--monster-theme-on-warning);--monster-color-warning-2:var(--monster-theme-warning);--monster-color-warning-3:var(--monster-theme-text);--monster-color-warning-4:var(--monster-theme-on-warning);--monster-bg-color-warning-1:var(--monster-theme-warning-emphasis);--monster-bg-color-warning-2:var(--monster-theme-surface);--monster-bg-color-warning-3:var(--monster-theme-warning-subtle);--monster-bg-color-warning-4:var(--monster-theme-warning-emphasis);--monster-color-selection-1:var(--monster-theme-text);--monster-color-selection-2:var(--monster-theme-text);--monster-color-selection-3:var(--monster-theme-text);--monster-color-selection-4:var(--monster-theme-on-accent);--monster-bg-color-selection-1:var(--monster-theme-selection);--monster-bg-color-selection-2:var(--monster-theme-accent-subtle);--monster-bg-color-selection-3:var(--monster-theme-selection);--monster-bg-color-selection-4:var(--monster-theme-accent-hover);--monster-color-primary-disabled-1:var(--monster-theme-disabled);--monster-color-primary-disabled-2:var(--monster-theme-disabled);--monster-color-primary-disabled-3:var(--monster-theme-disabled);--monster-color-primary-disabled-4:var(--monster-theme-disabled);--monster-bg-color-primary-disabled-1:var(
29
29
  --monster-theme-disabled-surface
30
30
  );--monster-bg-color-primary-disabled-2:var(
31
31
  --monster-theme-disabled-surface
@@ -33,11 +33,11 @@ try {
33
33
  --monster-theme-disabled-surface
34
34
  );--monster-bg-color-primary-disabled-4:var(
35
35
  --monster-theme-disabled-surface
36
- );--monster-color-border-1:var(--monster-theme-border);--monster-color-border-2:var(--monster-theme-border);--monster-color-border-3:var(--monster-theme-border-strong);--monster-color-border-4:var(--monster-theme-border-strong);--monster-border-style:solid;--monster-border-width:1px;--monster-border-radius:0.25rem;--monster-outline-width:3px;--monster-box-shadow-1:none;--monster-box-shadow-2:0 2px 0 rgba(36,35,31,.18);--monster-text-shadow:none;--monster-focus-ring-width:3px;--monster-focus-ring-style:solid;--monster-focus-ring-color:var(--monster-theme-focus-ring);--monster-focus-ring-offset:2px;--monster-control-min-block-size:max(2.75rem,44px);--monster-control-padding-block:0.625rem;--monster-control-padding-inline:0.875rem;--monster-button-padding:0.5rem 0.875rem;--monster-tree-menu-font-size-level-1:1rem;--monster-tree-menu-font-size-level-2:0.9375rem;--monster-tree-menu-font-size-level-3:0.875rem;--monster-tree-menu-font-size-deep:0.875rem;--monster-tree-menu-button-min-block-size:2rem;--monster-tree-menu-button-padding:0.3125rem 0.5rem;--monster-tree-menu-button-align-items:center;--monster-input-group-color:var(--monster-theme-text);--monster-input-group-background-color:var(--monster-theme-surface);--monster-input-group-box-shadow:none;--monster-input-group-hover-color:var(--monster-theme-text);--monster-input-group-hover-background-color:var(
36
+ );--monster-color-border-1:var(--monster-theme-border);--monster-color-border-2:var(--monster-theme-border);--monster-color-border-3:var(--monster-theme-border-strong);--monster-color-border-4:var(--monster-theme-border-strong);--monster-border-style:solid;--monster-border-width:1px;--monster-border-radius:0.25rem;--monster-outline-width:3px;--monster-box-shadow-1:none;--monster-box-shadow-2:0 2px 0 rgba(36,35,31,.18);--monster-text-shadow:none;--monster-focus-ring-width:3px;--monster-focus-ring-style:solid;--monster-focus-ring-color:var(--monster-theme-focus-ring);--monster-focus-ring-offset:2px;--monster-control-min-block-size:max(2.75rem, 44px);--monster-control-padding-block:0.625rem;--monster-control-padding-inline:0.875rem;--monster-button-padding:0.5rem 0.875rem;--monster-tree-menu-font-size-level-1:1rem;--monster-tree-menu-font-size-level-2:0.9375rem;--monster-tree-menu-font-size-level-3:0.875rem;--monster-tree-menu-font-size-deep:0.875rem;--monster-tree-menu-button-min-block-size:2rem;--monster-tree-menu-button-padding:0.3125rem 0.5rem;--monster-tree-menu-button-align-items:center;--monster-input-group-color:var(--monster-theme-text);--monster-input-group-background-color:var(--monster-theme-surface);--monster-input-group-box-shadow:none;--monster-input-group-hover-color:var(--monster-theme-text);--monster-input-group-hover-background-color:var(
37
37
  --monster-theme-surface-subtle
38
38
  );--monster-input-group-hover-border-color:var(
39
39
  --monster-theme-border-strong
40
- );--monster-input-group-hover-box-shadow:none;--monster-input-group-field-background-color:transparent;--monster-input-group-field-hover-background-color:transparent;--monster-action-menu-padding:0.25rem;--monster-action-menu-background-color:var(--monster-theme-surface);--monster-action-menu-color:var(--monster-theme-text);--monster-action-menu-border-width:1px;--monster-action-menu-border-style:solid;--monster-action-menu-border-color:var(--monster-theme-border);--monster-action-menu-border-radius:0.25rem;--monster-action-menu-box-shadow:none;--monster-action-menu-gap:0.125rem;--monster-action-menu-min-inline-size:11rem;--monster-action-menu-item-min-block-size:max(2.75rem,44px);--monster-action-menu-item-padding:0.625rem 0.75rem;--monster-action-menu-item-color:var(--monster-theme-text);--monster-action-menu-item-background-color:transparent;--monster-action-menu-item-border-width:0;--monster-action-menu-item-border-style:solid;--monster-action-menu-item-border-color:transparent;--monster-action-menu-item-border-radius:0.125rem;--monster-action-menu-item-box-shadow:none;--monster-action-menu-item-justify-content:flex-start;--monster-action-menu-item-text-align:left;--monster-action-menu-item-hover-color:var(--monster-theme-text);--monster-action-menu-item-hover-background-color:var(
40
+ );--monster-input-group-hover-box-shadow:none;--monster-input-group-field-background-color:transparent;--monster-input-group-field-hover-background-color:transparent;--monster-action-menu-padding:0.25rem;--monster-action-menu-background-color:var(--monster-theme-surface);--monster-action-menu-color:var(--monster-theme-text);--monster-action-menu-border-width:1px;--monster-action-menu-border-style:solid;--monster-action-menu-border-color:var(--monster-theme-border);--monster-action-menu-border-radius:0.25rem;--monster-action-menu-box-shadow:none;--monster-action-menu-gap:0.125rem;--monster-action-menu-min-inline-size:11rem;--monster-action-menu-item-min-block-size:max(2.75rem, 44px);--monster-action-menu-item-padding:0.625rem 0.75rem;--monster-action-menu-item-color:var(--monster-theme-text);--monster-action-menu-item-background-color:transparent;--monster-action-menu-item-border-width:0;--monster-action-menu-item-border-style:solid;--monster-action-menu-item-border-color:transparent;--monster-action-menu-item-border-radius:0.125rem;--monster-action-menu-item-box-shadow:none;--monster-action-menu-item-justify-content:flex-start;--monster-action-menu-item-text-align:left;--monster-action-menu-item-hover-color:var(--monster-theme-text);--monster-action-menu-item-hover-background-color:var(
41
41
  --monster-theme-surface-subtle
42
42
  );--monster-action-menu-item-hover-border-color:transparent;--monster-action-menu-item-hover-box-shadow:none;--monster-action-menu-item-active-background-color:var(
43
43
  --monster-theme-surface-strong
@@ -93,7 +93,7 @@ try {
93
93
  --monster-theme-secondary
94
94
  );--monster-split-panel-handle-active-background-color:var(
95
95
  --monster-theme-accent
96
- );--monster-split-panel-handle-border-radius:999px;--monster-split-panel-handle-active-scale:0.92;--monster-split-panel-transition-duration:160ms;--monster-tabs-nav-align-items:flex-end;--monster-tabs-nav-background-color:transparent;--monster-tabs-nav-border-width:0 0 1px;--monster-tabs-nav-border-color:var(--monster-theme-border);--monster-tabs-nav-border-radius:0;--monster-tabs-nav-box-shadow:none;--monster-tabs-nav-gap:0.25rem;--monster-tabs-nav-margin-block-end:0.75rem;--monster-tabs-nav-padding:0;--monster-tabs-button-font-weight:400;--monster-tabs-button-color:var(--monster-theme-text-secondary);--monster-tabs-button-background-color:transparent;--monster-tabs-button-border-width:0 0 3px;--monster-tabs-button-border-color:transparent;--monster-tabs-button-border-radius:0;--monster-tabs-button-margin-inline-end:0.75rem;--monster-tabs-button-min-block-size:var(--monster-control-min-block-size);--monster-tabs-button-padding:0.625rem 0 0.5rem;--monster-tabs-button-box-shadow:none;--monster-tabs-button-transition:border-color 160ms ease,color 160ms ease;--monster-tabs-button-hover-background-color:transparent;--monster-tabs-button-hover-border-color:var(--monster-theme-border-strong);--monster-tabs-button-hover-box-shadow:none;--monster-tabs-button-hover-color:var(--monster-theme-text);--monster-tabs-button-active-background-color:transparent;--monster-tabs-button-active-border-color:var(--monster-theme-accent);--monster-tabs-button-active-box-shadow:none;--monster-tabs-button-active-color:var(--monster-theme-accent);--monster-tabs-button-active-font-weight:500;--monster-tabs-indicator-inline-size:0;--monster-tabs-indicator-block-size:0;--monster-tabs-indicator-background-color:var(--monster-theme-accent);--monster-tabs-indicator-hover-opacity:0;--monster-tabs-indicator-active-opacity:0;--monster-tabs-overflow-switch-inline-size:var(
96
+ );--monster-split-panel-handle-border-radius:999px;--monster-split-panel-handle-active-scale:0.92;--monster-split-panel-transition-duration:160ms;--monster-tabs-nav-align-items:flex-end;--monster-tabs-nav-background-color:transparent;--monster-tabs-nav-border-width:0 0 1px;--monster-tabs-nav-border-color:var(--monster-theme-border);--monster-tabs-nav-border-radius:0;--monster-tabs-nav-box-shadow:none;--monster-tabs-nav-gap:0.25rem;--monster-tabs-nav-margin-block-end:0.75rem;--monster-tabs-nav-padding:0;--monster-tabs-button-font-weight:400;--monster-tabs-button-color:var(--monster-theme-text-secondary);--monster-tabs-button-background-color:transparent;--monster-tabs-button-border-width:0 0 3px;--monster-tabs-button-border-color:transparent;--monster-tabs-button-border-radius:0;--monster-tabs-button-margin-inline-end:0.75rem;--monster-tabs-button-min-block-size:var(--monster-control-min-block-size);--monster-tabs-button-padding:0.625rem 0 0.5rem;--monster-tabs-button-box-shadow:none;--monster-tabs-button-transition:border-color 160ms ease, color 160ms ease;--monster-tabs-button-hover-background-color:transparent;--monster-tabs-button-hover-border-color:var(--monster-theme-border-strong);--monster-tabs-button-hover-box-shadow:none;--monster-tabs-button-hover-color:var(--monster-theme-text);--monster-tabs-button-active-background-color:transparent;--monster-tabs-button-active-border-color:var(--monster-theme-accent);--monster-tabs-button-active-box-shadow:none;--monster-tabs-button-active-color:var(--monster-theme-accent);--monster-tabs-button-active-font-weight:500;--monster-tabs-indicator-inline-size:0;--monster-tabs-indicator-block-size:0;--monster-tabs-indicator-background-color:var(--monster-theme-accent);--monster-tabs-indicator-hover-opacity:0;--monster-tabs-indicator-active-opacity:0;--monster-tabs-overflow-switch-inline-size:var(
97
97
  --monster-control-min-block-size
98
98
  );--monster-tabs-overflow-switch-padding:0.625rem;--monster-tabs-overflow-switch-border-width:0;--monster-tabs-overflow-switch-border-color:transparent;--monster-tabs-overflow-switch-background-color:transparent;--monster-tabs-overflow-switch-hover-background-color:var(
99
99
  --monster-theme-surface-subtle
package/source/components/stylesheet/tree-menu.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright © Volker Schukai and all contributing authors, {{copyRightYear}}. All rights reserved.
2
+ * Copyright © Volker Schukai and all contributing authors, 2026. All rights reserved.
3
3
  * Node module: @schukai/monster
4
4
  *
5
5
  * This source code is licensed under the GNU Affero General Public License version 3 (AGPLv3).
@@ -8,8 +8,6 @@
8
8
  * For those who do not wish to adhere to the AGPLv3, a commercial license is available.
9
9
  * Acquiring a commercial license allows you to use this software without complying with the AGPLv3 terms.
10
10
  * For more information about purchasing a commercial license, please contact Volker Schukai.
11
- *
12
- * SPDX-License-Identifier: AGPL-3.0
13
11
  */
14
12
 
15
13
  import { addAttributeToken } from "../../dom/attributes.mjs";
@@ -26,8 +24,8 @@ const TreeMenuStyleSheet = new CSSStyleSheet();
26
24
  try {
27
25
  TreeMenuStyleSheet.insertRule(
28
26
  `
29
- @layer treemenu {
30
- :host{border:1px solid #08e808;box-sizing:border-box;display:flex;height:100%;width:100%}[data-monster-role=control]{height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-color:transparent transparent;width:100%}::-webkit-scrollbar{height:10px;width:5px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.35)}::-webkit-scrollbar-track{background:transparent}[data-monster-role=button]{background:none;border:0;display:block;overflow:hidden;padding:5px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}[data-monster-role=entry][data-monster-visibility=hidden]{display:none}[data-monster-role=entry] .dropzone{background-color:red;height:20px;width:100%}[data-monster-role=entry][data-monster-intend=\"0\"]{display:flex;font-size:1rem;margin:0}[data-monster-role=entry][data-monster-intend=\"1\"]{margin:0 0 0 20px}[data-monster-role=entry][data-monster-intend=\"2\"]{font-size:.75rem;margin:0 0 0 40px}[data-monster-role=entry][data-monster-intend=\"3\"]{font-size:.7rem;margin:0 0 0 60px}[data-monster-role=entry][data-monster-intend=\"4\"]{font-size:.65rem;margin:0 0 0 80px}[data-monster-role=entry][data-monster-intend=\"5\"]{font-size:.65rem;margin:0 0 0 100px}[data-monster-role=entry][data-monster-intend=\"6\"]{font-size:.65rem;margin:0 0 0 110px}[data-monster-role=entry][data-monster-intend=\"7\"]{font-size:.65rem;margin:0 0 0 120px}[data-monster-role=entry][data-monster-intend=\"8\"]{font-size:.65rem;margin:0 0 0 130px}
27
+ @layer treemenu {
28
+ :host{border:1px solid #08e808;box-sizing:border-box;display:flex;height:100%;width:100%}[data-monster-role=control]{height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-color:transparent transparent;width:100%}::-webkit-scrollbar{height:10px;width:5px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.35)}::-webkit-scrollbar-track{background:transparent}[data-monster-role=button]{background:none;border:0;display:block;overflow:hidden;padding:5px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}[data-monster-role=entry][data-monster-visibility=hidden]{display:none}[data-monster-role=entry] .dropzone{background-color:red;height:20px;width:100%}[data-monster-role=entry][data-monster-intend=\"0\"]{display:flex;font-size:1rem;margin:0}[data-monster-role=entry][data-monster-intend=\"1\"]{margin:0 0 0 20px}[data-monster-role=entry][data-monster-intend=\"2\"]{font-size:.75rem;margin:0 0 0 40px}[data-monster-role=entry][data-monster-intend=\"3\"]{font-size:.7rem;margin:0 0 0 60px}[data-monster-role=entry][data-monster-intend=\"4\"]{font-size:.65rem;margin:0 0 0 80px}[data-monster-role=entry][data-monster-intend=\"5\"]{font-size:.65rem;margin:0 0 0 100px}[data-monster-role=entry][data-monster-intend=\"6\"]{font-size:.65rem;margin:0 0 0 110px}[data-monster-role=entry][data-monster-intend=\"7\"]{font-size:.65rem;margin:0 0 0 120px}[data-monster-role=entry][data-monster-intend=\"8\"]{font-size:.65rem;margin:0 0 0 130px}
31
29
  }`,
32
30
  0,
33
31
  );
package/source/components/time/stylesheet/day.mjs CHANGED
@@ -27,7 +27,7 @@ try {
27
27
  @layer day {
28
28
  [data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{display:flex;flex-direction:row;align-items:center}:host{display:block;box-sizing:border-box}.visually-hidden{width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden:not(caption){position:absolute!important}.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute!important}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}button{background-color:var(
29
29
  --monster-button-background-color,var(--monster-bg-color-primary-1)
30
- );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
30
+ );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{box-sizing:border-box;width:-moz-available;width:-webkit-fill-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
31
31
  --monster-button-border-radius,var(--monster-border-radius)
32
32
  );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
33
33
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
@@ -37,51 +37,45 @@ try {
37
37
  --monster-button-background-color,var(--monster-bg-color-primary-4)
38
38
  );border-color:var(
39
39
  --monster-button-border-color,var(--monster-bg-color-primary-4)
40
- )}.monster-button-secondary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
41
- --monster-button-border-radius,var(--monster-border-radius)
42
- );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-color-secondary-4));background-color:var(
40
+ )}.monster-button-secondary{color:var(--monster-button-color,var(--monster-color-secondary-4));background-color:var(
43
41
  --monster-button-background-color,var(--monster-bg-color-secondary-4)
44
42
  );border-color:var(
45
43
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
46
- )}.monster-button-secondary,.monster-button-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
44
+ )}.monster-button-secondary,.monster-button-tertiary{box-sizing:border-box;width:-moz-available;width:-webkit-fill-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
45
+ --monster-button-border-radius,var(--monster-border-radius)
46
+ );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
47
47
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
48
48
  );padding:var(
49
49
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
50
- );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-tertiary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
51
- --monster-button-border-radius,var(--monster-border-radius)
52
- );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-color-tertiary-4));background-color:var(
50
+ );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-tertiary{color:var(--monster-button-color,var(--monster-color-tertiary-4));background-color:var(
53
51
  --monster-button-background-color,var(--monster-bg-color-tertiary-4)
54
52
  );border-color:var(
55
53
  --monster-button-border-color,var(--monster-bg-color-tertiary-4)
56
- )}.monster-button-destructive{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
57
- --monster-button-border-radius,var(--monster-border-radius)
58
- );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-color-destructive-1));background-color:var(
54
+ )}.monster-button-destructive{color:var(--monster-button-color,var(--monster-color-destructive-1));background-color:var(
59
55
  --monster-button-background-color,var(--monster-bg-color-destructive-1)
60
56
  );border-color:var(
61
57
  --monster-button-border-color,var(--monster-bg-color-destructive-1)
62
- )}.monster-button-destructive,.monster-button-outline-primary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
58
+ )}.monster-button-destructive,.monster-button-outline-primary{box-sizing:border-box;width:-moz-available;width:-webkit-fill-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
59
+ --monster-button-border-radius,var(--monster-border-radius)
60
+ );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
63
61
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
64
62
  );padding:var(
65
63
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
66
- );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-outline-primary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
67
- --monster-button-border-radius,var(--monster-border-radius)
68
- );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-bg-color-primary-4));background-color:var(
64
+ );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-outline-primary{color:var(--monster-button-color,var(--monster-bg-color-primary-4));background-color:var(
69
65
  --monster-button-background-color,var(--monster-color-primary-4)
70
66
  );border-color:var(
71
67
  --monster-button-border-color,var(--monster-bg-color-primary-4)
72
- )}.monster-button-outline-secondary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
73
- --monster-button-border-radius,var(--monster-border-radius)
74
- );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-bg-color-secondary-4));background-color:var(
68
+ )}.monster-button-outline-secondary{color:var(--monster-button-color,var(--monster-bg-color-secondary-4));background-color:var(
75
69
  --monster-button-background-color,var(--monster-color-secondary-4)
76
70
  );border-color:var(
77
71
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
78
- )}.monster-button-outline-secondary,.monster-button-outline-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
72
+ )}.monster-button-outline-secondary,.monster-button-outline-tertiary{box-sizing:border-box;width:-moz-available;width:-webkit-fill-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
73
+ --monster-button-border-radius,var(--monster-border-radius)
74
+ );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
79
75
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
80
76
  );padding:var(
81
77
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
82
- );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-outline-tertiary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
83
- --monster-button-border-radius,var(--monster-border-radius)
84
- );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-bg-color-tertiary-4));background-color:var(
78
+ );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-outline-tertiary{color:var(--monster-button-color,var(--monster-bg-color-tertiary-4));background-color:var(
85
79
  --monster-button-background-color,var(--monster-color-tertiary-4)
86
80
  );border-color:var(
87
81
  --monster-button-border-color,var(--monster-bg-color-tertiary-4)