@schukai/monster 4.149.0 → 4.149.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/package.json +1 -1
  2. package/source/components/accessibility/stylesheet/locale-picker.mjs +4 -4
  3. package/source/components/content/stylesheet/viewer.mjs +4 -4
  4. package/source/components/data/stylesheet/kpi-tile.mjs +4 -4
  5. package/source/components/data/stylesheet/metric-graph.mjs +4 -4
  6. package/source/components/data/stylesheet/metric.mjs +4 -4
  7. package/source/components/datatable/pagination.mjs +120 -21
  8. package/source/components/datatable/style/embedded-pagination.pcss +47 -26
  9. package/source/components/datatable/stylesheet/change-button.mjs +4 -4
  10. package/source/components/datatable/stylesheet/column-bar.mjs +4 -4
  11. package/source/components/datatable/stylesheet/dataset.mjs +4 -4
  12. package/source/components/datatable/stylesheet/datatable.mjs +4 -4
  13. package/source/components/datatable/stylesheet/embedded-pagination.mjs +15 -1
  14. package/source/components/datatable/stylesheet/filter-select.mjs +4 -4
  15. package/source/components/datatable/stylesheet/filter.mjs +4 -4
  16. package/source/components/datatable/stylesheet/pagination.mjs +5 -5
  17. package/source/components/datatable/stylesheet/save-button.mjs +4 -4
  18. package/source/components/datatable/stylesheet/status.mjs +4 -4
  19. package/source/components/form/stylesheet/button-bar.mjs +4 -4
  20. package/source/components/form/stylesheet/button.mjs +27 -21
  21. package/source/components/form/stylesheet/control-bar.mjs +4 -4
  22. package/source/components/form/stylesheet/popper-button.mjs +4 -4
  23. package/source/components/host/stylesheet/call-button.mjs +4 -4
  24. package/source/components/host/stylesheet/toggle-button.mjs +4 -4
  25. package/source/components/layout/stylesheet/collapse.mjs +4 -4
  26. package/source/components/layout/stylesheet/details.mjs +4 -4
  27. package/source/components/state/stylesheet/state.mjs +1 -1
  28. package/source/components/style/button.css +4 -4
  29. package/source/components/style/form.css +1 -1
  30. package/source/components/style/form.pcss +10 -3
  31. package/source/components/style/mixin/button.pcss +2 -1
  32. package/source/components/stylesheet/button.mjs +4 -4
  33. package/source/components/stylesheet/form.mjs +1 -1
  34. package/source/components/time/stylesheet/day.mjs +4 -4
  35. package/source/components/time/stylesheet/month-calendar.mjs +4 -4
  36. package/source/components/time/timeline/stylesheet/appointment.mjs +4 -4
  37. package/source/components/time/timeline/stylesheet/segment.mjs +4 -4
  38. package/test/cases/components/datatable/mobile-layout.mjs +58 -7
  39. package/test/cases/components/datatable/pagination.mjs +79 -0
  40. package/test/cases/components/style/button-sizing.mjs +31 -0
  41. package/test/cases/components/style/form-controls.mjs +13 -0
package/source/components/form/stylesheet/button.mjs CHANGED
@@ -25,63 +25,69 @@ try {
25
25
  ButtonStyleSheet.insertRule(
26
26
  `
27
27
  @layer button {
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}button{background-color:var(
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{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(
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}button{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(
31
29
  --monster-button-border-radius,var(--monster-border-radius)
32
30
  );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
31
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
34
32
  );padding:var(
35
33
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
36
- );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-primary{color:var(--monster-button-color,var(--monster-color-primary-4));background-color:var(
34
+ );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;background-color:var(
35
+ --monster-button-background-color,var(--monster-bg-color-primary-1)
36
+ );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
37
+ --monster-button-border-radius,var(--monster-border-radius)
38
+ );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-color-primary-4));background-color:var(
37
39
  --monster-button-background-color,var(--monster-bg-color-primary-4)
38
40
  );border-color:var(
39
41
  --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(
42
+ )}.monster-button-primary,.monster-button-secondary{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(
43
+ --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
44
+ );padding:var(
45
+ --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
46
+ );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-secondary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
41
47
  --monster-button-border-radius,var(--monster-border-radius)
42
48
  );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-color-secondary-4));background-color:var(
43
49
  --monster-button-background-color,var(--monster-bg-color-secondary-4)
44
50
  );border-color:var(
45
51
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
46
- )}.monster-button-secondary,.monster-button-tertiary{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(
47
- --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
48
- );padding:var(
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(
52
+ )}.monster-button-tertiary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
51
53
  --monster-button-border-radius,var(--monster-border-radius)
52
54
  );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-color-tertiary-4));background-color:var(
53
55
  --monster-button-background-color,var(--monster-bg-color-tertiary-4)
54
56
  );border-color:var(
55
57
  --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(
58
+ )}.monster-button-destructive,.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(
59
+ --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
60
+ );padding:var(
61
+ --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
62
+ );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-destructive{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
57
63
  --monster-button-border-radius,var(--monster-border-radius)
58
64
  );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-color-destructive-1));background-color:var(
59
65
  --monster-button-background-color,var(--monster-bg-color-destructive-1)
60
66
  );border-color:var(
61
67
  --monster-button-border-color,var(--monster-bg-color-destructive-1)
62
- )}.monster-button-destructive,.monster-button-outline-primary{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(
63
- --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
64
- );padding:var(
65
- --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(
68
+ )}.monster-button-outline-primary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
67
69
  --monster-button-border-radius,var(--monster-border-radius)
68
70
  );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(
69
71
  --monster-button-background-color,var(--monster-color-primary-4)
70
72
  );border-color:var(
71
73
  --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(
74
+ )}.monster-button-outline-primary,.monster-button-outline-secondary{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(
75
+ --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
76
+ );padding:var(
77
+ --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
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-secondary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
73
79
  --monster-button-border-radius,var(--monster-border-radius)
74
80
  );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(
75
81
  --monster-button-background-color,var(--monster-color-secondary-4)
76
82
  );border-color:var(
77
83
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
78
- )}.monster-button-outline-secondary,.monster-button-outline-tertiary{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(
84
+ )}.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;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
85
+ --monster-button-border-radius,var(--monster-border-radius)
86
+ );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
87
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
80
88
  );padding:var(
81
89
  --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(
90
+ );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;color:var(--monster-button-color,var(--monster-bg-color-tertiary-4));background-color:var(
85
91
  --monster-button-background-color,var(--monster-color-tertiary-4)
86
92
  );border-color:var(
87
93
  --monster-button-border-color,var(--monster-bg-color-tertiary-4)
package/source/components/form/stylesheet/control-bar.mjs CHANGED
@@ -27,7 +27,7 @@ try {
27
27
  @layer controlbar {
28
28
  .block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}[data-monster-role=control]{outline:none;width:100%;box-sizing:border-box}[data-monster-role=control].flex{display:flex;flex-direction:row;align-items:center}:host{display:block;box-sizing:border-box}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-0{border-width:0;border-radius:0;border-style:none}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}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{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:-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(
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)
@@ -43,7 +43,7 @@ try {
43
43
  --monster-button-background-color,var(--monster-bg-color-secondary-4)
44
44
  );border-color:var(
45
45
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
46
- )}.monster-button-secondary,.monster-button-tertiary{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(
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(
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)
@@ -59,7 +59,7 @@ try {
59
59
  --monster-button-background-color,var(--monster-bg-color-destructive-1)
60
60
  );border-color:var(
61
61
  --monster-button-border-color,var(--monster-bg-color-destructive-1)
62
- )}.monster-button-destructive,.monster-button-outline-primary{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(
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(
63
63
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
64
64
  );padding:var(
65
65
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -75,7 +75,7 @@ try {
75
75
  --monster-button-background-color,var(--monster-color-secondary-4)
76
76
  );border-color:var(
77
77
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
78
- )}.monster-button-outline-secondary,.monster-button-outline-tertiary{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(
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(
79
79
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
80
80
  );padding:var(
81
81
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
package/source/components/form/stylesheet/popper-button.mjs CHANGED
@@ -27,7 +27,7 @@ try {
27
27
  @layer popperbutton {
28
28
  [data-monster-role=control]{outline:none;width:100%;box-sizing:border-box}[data-monster-role=control].flex{display:flex;flex-direction:row;align-items:center}:host{display:block;box-sizing:border-box}input,meter,progress,select,textarea{accent-color:var(--monster-color-secondary-2);box-sizing:border-box;color:var(--monster-color-primary-1);background-color:var(--monster-bg-color-primary-1);font-family:inherit;font-size:100%;margin:0;outline:none;border-width:var(--monster-theme-control-border-width);border-radius:var(--monster-theme-control-border-radius);border-style:var(--monster-theme-control-border-style);border-color:var(--monster-theme-control-border-color)}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:var(--monster-control-min-block-size,auto);padding:var(--monster-control-padding-block,.4rem) var(--monster-control-padding-inline,.6rem);height:-moz-fit-content;height:fit-content}input:is([type=checkbox],[type=radio]){block-size:1rem;inline-size:1rem;min-height:0;padding:0;vertical-align:middle}textarea{resize:vertical;min-height:6rem}input[type=color]{padding:.1rem;margin:0;height:2rem;width:2rem}input:hover:not([type=radio]):not([type=checkbox]):not([type=range]),select:hover,textarea:hover{transition:background .8s,color .25s .0833333333s;box-shadow:var(--monster-box-shadow-2)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--monster-focus-ring-width,2px) var(--monster-focus-ring-style,solid) var(--monster-focus-ring-color,currentColor);outline-offset:var(--monster-focus-ring-offset,2px)}div[data-monster-role=popper]{box-sizing:border-box;display:none;opacity:1;padding:1.1em;max-width:var(--monster-popper-max-width,calc(100vw - 2rem));max-height:var(--monster-popper-max-height,calc(100vh - 2rem));z-index:var(--monster-z-index-modal);background:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1);border-radius:var(--monster-border-radius);border-width:var(--monster-border-width);border-style:var(--monster-border-style);border-color:var(--monster-bg-color-primary-4);box-shadow:var(--monster-box-shadow-1);justify-content:space-between;align-content:center;width:-moz-max-content;width:max-content;position:absolute;top:0;left:0;transition:opacity var(--monster-popper-fade-duration,.14s) var(--monster-popper-fade-timing,cubic-bezier(.2,0,0,1))}div[data-monster-role=popper][data-monster-appearance=opening]{opacity:0}div[data-monster-role=popper][data-monster-appearance=open]{opacity:1}@media (prefers-reduced-motion:reduce){div[data-monster-role=popper]{transition:none}}div[data-monster-role=popper]>[part=content]{overflow:auto;max-width:100%;max-height:var(--monster-popper-content-max-height,calc(100vh - 4.2rem))}div[data-monster-role=popper]>[part=content][data-monster-overflow-mode=horizontal]{overflow-x:auto;overflow-y:visible;clip-path:none}div[data-monster-role=popper]>[part=content][data-monster-overflow-mode=visible]{overflow:visible;clip-path:none;max-width:none;max-height:none}div[data-monster-role=popper] div[data-monster-role=arrow]{position:absolute;width:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);height:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);z-index:-1;pointer-events:none;background:var(--monster-bg-color-primary-1)}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{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:-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(
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)
@@ -43,7 +43,7 @@ try {
43
43
  --monster-button-background-color,var(--monster-bg-color-secondary-4)
44
44
  );border-color:var(
45
45
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
46
- )}.monster-button-secondary,.monster-button-tertiary{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(
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(
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)
@@ -59,7 +59,7 @@ try {
59
59
  --monster-button-background-color,var(--monster-bg-color-destructive-1)
60
60
  );border-color:var(
61
61
  --monster-button-border-color,var(--monster-bg-color-destructive-1)
62
- )}.monster-button-destructive,.monster-button-outline-primary{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(
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(
63
63
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
64
64
  );padding:var(
65
65
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -75,7 +75,7 @@ try {
75
75
  --monster-button-background-color,var(--monster-color-secondary-4)
76
76
  );border-color:var(
77
77
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
78
- )}.monster-button-outline-secondary,.monster-button-outline-tertiary{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(
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(
79
79
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
80
80
  );padding:var(
81
81
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
package/source/components/host/stylesheet/call-button.mjs CHANGED
@@ -27,7 +27,7 @@ try {
27
27
  @layer callbutton {
28
28
  :where(html){line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%}body,html{min-height:calc(100vh - 40px)}body{box-sizing:border-box;margin:0;padding:0;word-break:break-word}:focus-visible{outline:var(--monster-focus-ring-width,2px) var(--monster-focus-ring-style,solid) var(--monster-focus-ring-color,currentColor);outline-offset:var(--monster-focus-ring-offset,2px)}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{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:-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(
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)
@@ -43,7 +43,7 @@ try {
43
43
  --monster-button-background-color,var(--monster-bg-color-secondary-4)
44
44
  );border-color:var(
45
45
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
46
- )}.monster-button-secondary,.monster-button-tertiary{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(
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(
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)
@@ -59,7 +59,7 @@ try {
59
59
  --monster-button-background-color,var(--monster-bg-color-destructive-1)
60
60
  );border-color:var(
61
61
  --monster-button-border-color,var(--monster-bg-color-destructive-1)
62
- )}.monster-button-destructive,.monster-button-outline-primary{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(
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(
63
63
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
64
64
  );padding:var(
65
65
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -75,7 +75,7 @@ try {
75
75
  --monster-button-background-color,var(--monster-color-secondary-4)
76
76
  );border-color:var(
77
77
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
78
- )}.monster-button-outline-secondary,.monster-button-outline-tertiary{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(
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(
79
79
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
80
80
  );padding:var(
81
81
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
package/source/components/host/stylesheet/toggle-button.mjs CHANGED
@@ -27,7 +27,7 @@ try {
27
27
  @layer togglebutton {
28
28
  :where(html){line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%}body,html{min-height:calc(100vh - 40px)}body{box-sizing:border-box;margin:0;padding:0;word-break:break-word}:focus-visible{outline:var(--monster-focus-ring-width,2px) var(--monster-focus-ring-style,solid) var(--monster-focus-ring-color,currentColor);outline-offset:var(--monster-focus-ring-offset,2px)}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{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:-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(
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)
@@ -43,7 +43,7 @@ try {
43
43
  --monster-button-background-color,var(--monster-bg-color-secondary-4)
44
44
  );border-color:var(
45
45
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
46
- )}.monster-button-secondary,.monster-button-tertiary{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(
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(
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)
@@ -59,7 +59,7 @@ try {
59
59
  --monster-button-background-color,var(--monster-bg-color-destructive-1)
60
60
  );border-color:var(
61
61
  --monster-button-border-color,var(--monster-bg-color-destructive-1)
62
- )}.monster-button-destructive,.monster-button-outline-primary{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(
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(
63
63
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
64
64
  );padding:var(
65
65
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -75,7 +75,7 @@ try {
75
75
  --monster-button-background-color,var(--monster-color-secondary-4)
76
76
  );border-color:var(
77
77
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
78
- )}.monster-button-outline-secondary,.monster-button-outline-tertiary{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(
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(
79
79
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
80
80
  );padding:var(
81
81
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
package/source/components/layout/stylesheet/collapse.mjs CHANGED
@@ -27,7 +27,7 @@ try {
27
27
  @layer collapse {
28
28
  :where(html){line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%}body,html{min-height:calc(100vh - 40px)}body{box-sizing:border-box;margin:0;padding:0;word-break:break-word}:focus-visible{outline:var(--monster-focus-ring-width,2px) var(--monster-focus-ring-style,solid) var(--monster-focus-ring-color,currentColor);outline-offset:var(--monster-focus-ring-offset,2px)}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}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{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:-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(
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)
@@ -43,7 +43,7 @@ try {
43
43
  --monster-button-background-color,var(--monster-bg-color-secondary-4)
44
44
  );border-color:var(
45
45
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
46
- )}.monster-button-secondary,.monster-button-tertiary{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(
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(
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)
@@ -59,7 +59,7 @@ try {
59
59
  --monster-button-background-color,var(--monster-bg-color-destructive-1)
60
60
  );border-color:var(
61
61
  --monster-button-border-color,var(--monster-bg-color-destructive-1)
62
- )}.monster-button-destructive,.monster-button-outline-primary{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(
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(
63
63
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
64
64
  );padding:var(
65
65
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -75,7 +75,7 @@ try {
75
75
  --monster-button-background-color,var(--monster-color-secondary-4)
76
76
  );border-color:var(
77
77
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
78
- )}.monster-button-outline-secondary,.monster-button-outline-tertiary{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(
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(
79
79
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
80
80
  );padding:var(
81
81
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
package/source/components/layout/stylesheet/details.mjs CHANGED
@@ -27,7 +27,7 @@ try {
27
27
  @layer details {
28
28
  :where(html){line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%}body,html{min-height:calc(100vh - 40px)}body{box-sizing:border-box;margin:0;padding:0;word-break:break-word}:focus-visible{outline:var(--monster-focus-ring-width,2px) var(--monster-focus-ring-style,solid) var(--monster-focus-ring-color,currentColor);outline-offset:var(--monster-focus-ring-offset,2px)}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}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{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:-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(
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)
@@ -43,7 +43,7 @@ try {
43
43
  --monster-button-background-color,var(--monster-bg-color-secondary-4)
44
44
  );border-color:var(
45
45
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
46
- )}.monster-button-secondary,.monster-button-tertiary{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(
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(
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)
@@ -59,7 +59,7 @@ try {
59
59
  --monster-button-background-color,var(--monster-bg-color-destructive-1)
60
60
  );border-color:var(
61
61
  --monster-button-border-color,var(--monster-bg-color-destructive-1)
62
- )}.monster-button-destructive,.monster-button-outline-primary{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(
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(
63
63
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
64
64
  );padding:var(
65
65
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -75,7 +75,7 @@ try {
75
75
  --monster-button-background-color,var(--monster-color-secondary-4)
76
76
  );border-color:var(
77
77
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
78
- )}.monster-button-outline-secondary,.monster-button-outline-tertiary{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(
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(
79
79
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
80
80
  );padding:var(
81
81
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
package/source/components/state/stylesheet/state.mjs CHANGED
@@ -25,7 +25,7 @@ try {
25
25
  StateStyleSheet.insertRule(
26
26
  `
27
27
  @layer state {
28
- .block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-0{border-width:0;border-radius:0;border-style:none}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}[data-monster-role=control]{outline:none;width:100%;box-sizing:border-box}[data-monster-role=control].flex{display:flex;flex-direction:row;align-items:center}:host{display:block;box-sizing:border-box}div{text-align:center}::slotted(:empty:not(img)){display:none}slot{display:flex;flex-direction:column;justify-content:center;align-items:center}::slotted(svg[slot=visual]){height:40vmin;width:auto;min-height:200px}::slotted([part=visual]),::slotted([slot=visual]){fill:currentColor}::slotted(h1){font-size:3rem;line-height:1.15;margin:4rem 0 1.5rem;font-weight:400;text-align:center}::slotted(h2){font-size:2.5rem;line-height:1.2;margin:4rem 0 1.5rem;font-weight:400;text-align:center}::slotted(h3){font-size:2rem;line-height:1.25;margin:4rem 0 1.25rem;font-weight:400;text-align:center}::slotted(h4){font-size:1.5rem;line-height:1.3;margin:4rem 0 1.25rem;font-weight:400;text-align:center}::slotted(h5){font-size:1.4rem;line-height:1.3;margin:4rem 0 1.25rem;font-weight:bolder;text-align:center}::slotted(h6){font-size:1.3rem;line-height:1.3;margin:4rem 0 1.25rem;font-weight:700;text-align:center}::slotted(p){text-align:center;font-size:1rem;line-height:1.6;font-weight:400;text-align:justify}::slotted(button[slot=action]){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(
28
+ .block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-0{border-width:0;border-radius:0;border-style:none}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}[data-monster-role=control]{outline:none;width:100%;box-sizing:border-box}[data-monster-role=control].flex{display:flex;flex-direction:row;align-items:center}:host{display:block;box-sizing:border-box}div{text-align:center}::slotted(:empty:not(img)){display:none}slot{display:flex;flex-direction:column;justify-content:center;align-items:center}::slotted(svg[slot=visual]){height:40vmin;width:auto;min-height:200px}::slotted([part=visual]),::slotted([slot=visual]){fill:currentColor}::slotted(h1){font-size:3rem;line-height:1.15;margin:4rem 0 1.5rem;font-weight:400;text-align:center}::slotted(h2){font-size:2.5rem;line-height:1.2;margin:4rem 0 1.5rem;font-weight:400;text-align:center}::slotted(h3){font-size:2rem;line-height:1.25;margin:4rem 0 1.25rem;font-weight:400;text-align:center}::slotted(h4){font-size:1.5rem;line-height:1.3;margin:4rem 0 1.25rem;font-weight:400;text-align:center}::slotted(h5){font-size:1.4rem;line-height:1.3;margin:4rem 0 1.25rem;font-weight:bolder;text-align:center}::slotted(h6){font-size:1.3rem;line-height:1.3;margin:4rem 0 1.25rem;font-weight:700;text-align:center}::slotted(p){text-align:center;font-size:1rem;line-height:1.6;font-weight:400;text-align:justify}::slotted(button[slot=action]){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(
29
29
  --monster-button-border-radius,var(--monster-border-radius)
30
30
  );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(
31
31
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
package/source/components/style/button.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /** generated from button.pcss **/
2
2
  button{background-color:var(
3
3
  --monster-button-background-color,var(--monster-bg-color-primary-1)
4
- );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{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(
4
+ );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(
5
5
  --monster-button-border-radius,var(--monster-border-radius)
6
6
  );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(
7
7
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
@@ -17,7 +17,7 @@ button{background-color:var(
17
17
  --monster-button-background-color,var(--monster-bg-color-secondary-4)
18
18
  );border-color:var(
19
19
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
20
- )}.monster-button-secondary,.monster-button-tertiary{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(
20
+ )}.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(
21
21
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
22
22
  );padding:var(
23
23
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -33,7 +33,7 @@ button{background-color:var(
33
33
  --monster-button-background-color,var(--monster-bg-color-destructive-1)
34
34
  );border-color:var(
35
35
  --monster-button-border-color,var(--monster-bg-color-destructive-1)
36
- )}.monster-button-destructive,.monster-button-outline-primary{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(
36
+ )}.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(
37
37
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
38
38
  );padding:var(
39
39
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -49,7 +49,7 @@ button{background-color:var(
49
49
  --monster-button-background-color,var(--monster-color-secondary-4)
50
50
  );border-color:var(
51
51
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
52
- )}.monster-button-outline-secondary,.monster-button-outline-tertiary{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(
52
+ )}.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(
53
53
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
54
54
  );padding:var(
55
55
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
package/source/components/style/form.css CHANGED
@@ -1,2 +1,2 @@
1
1
  /** generated from form.pcss **/
2
- input,meter,progress,select,textarea{accent-color:var(--monster-color-secondary-2);box-sizing:border-box;color:var(--monster-color-primary-1);background-color:var(--monster-bg-color-primary-1);font-family:inherit;font-size:100%;margin:0;outline:none;border-width:var(--monster-theme-control-border-width);border-radius:var(--monster-theme-control-border-radius);border-style:var(--monster-theme-control-border-style);border-color:var(--monster-theme-control-border-color)}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:var(--monster-control-min-block-size,auto);padding:var(--monster-control-padding-block,.4rem) var(--monster-control-padding-inline,.6rem);height:-moz-fit-content;height:fit-content}input:is([type=checkbox],[type=radio]){block-size:1rem;inline-size:1rem;min-height:0;padding:0;vertical-align:middle}textarea{resize:vertical;min-height:6rem}input[type=color]{padding:.1rem;margin:0;height:2rem;width:2rem}input:hover:not([type=radio]):not([type=checkbox]):not([type=range]),select:hover,textarea:hover{transition:background .8s,color .25s .0833333333s;box-shadow:var(--monster-box-shadow-2)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--monster-focus-ring-width,2px) var(--monster-focus-ring-style,solid) var(--monster-focus-ring-color,currentColor);outline-offset:var(--monster-focus-ring-offset,2px)}
2
+ input,meter,progress,select,textarea{accent-color:var(--monster-color-secondary-2);box-sizing:border-box;color:var(--monster-color-primary-1);background-color:var(--monster-bg-color-primary-1);font-family:inherit;font-size:100%;margin:0;outline:none;border-width:var(--monster-theme-control-border-width);border-radius:var(--monster-theme-control-border-radius);border-style:var(--monster-theme-control-border-style);border-color:var(--monster-theme-control-border-color)}input[readonly]:not([type=checkbox]):not([type=radio]),textarea[readonly]{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2);cursor:default}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:var(--monster-control-min-block-size,auto);padding:var(--monster-control-padding-block,.4rem) var(--monster-control-padding-inline,.6rem);height:-moz-fit-content;height:fit-content}input:is([type=checkbox],[type=radio]){block-size:1rem;inline-size:1rem;min-height:0;padding:0;vertical-align:middle}textarea{resize:vertical;min-height:6rem}input[type=color]{padding:.1rem;margin:0;height:2rem;width:2rem}input:hover:not([type=radio]):not([type=checkbox]):not([type=range]):not([readonly]):not([disabled]),select:hover:not(:disabled),textarea:hover:not([readonly]):not([disabled]){transition:background .8s,color .25s .0833333333s;box-shadow:var(--monster-box-shadow-2)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--monster-focus-ring-width,2px) var(--monster-focus-ring-style,solid) var(--monster-focus-ring-color,currentColor);outline-offset:var(--monster-focus-ring-offset,2px)}
package/source/components/style/form.pcss CHANGED
@@ -38,6 +38,13 @@ textarea {
38
38
 
39
39
  }
40
40
 
41
+ input[readonly]:not([type="checkbox"]):not([type="radio"]),
42
+ textarea[readonly] {
43
+ background-color: var(--monster-bg-color-primary-2);
44
+ color: var(--monster-color-primary-2);
45
+ cursor: default;
46
+ }
47
+
41
48
  input:not([type="checkbox"]):not([type="radio"]),
42
49
  select,
43
50
  textarea {
@@ -68,9 +75,9 @@ input[type="color"] {
68
75
  width: 2rem;
69
76
  }
70
77
 
71
- input:hover:not([type="radio"]):not([type="checkbox"]):not([type="range"]),
72
- select:hover,
73
- textarea:hover {
78
+ input:hover:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([readonly]):not([disabled]),
79
+ select:hover:not(:disabled),
80
+ textarea:hover:not([readonly]):not([disabled]) {
74
81
  @mixin box-hover;
75
82
  }
76
83
 
package/source/components/style/mixin/button.pcss CHANGED
@@ -1,5 +1,7 @@
1
1
  @define-mixin button {
2
2
 
3
+ box-sizing: border-box;
4
+
3
5
  /**
4
6
  * https://caniuse.com/?search=fill-available
5
7
  * https://lists.w3.org/Archives/Public/www-style/2015Aug/0127.html
@@ -56,4 +58,3 @@
56
58
 
57
59
 
58
60
 
59
-
package/source/components/stylesheet/button.mjs CHANGED
@@ -27,7 +27,7 @@ try {
27
27
  @layer button {
28
28
  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{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:-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(
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)
@@ -43,7 +43,7 @@ button{background-color:var(
43
43
  --monster-button-background-color,var(--monster-bg-color-secondary-4)
44
44
  );border-color:var(
45
45
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
46
- )}.monster-button-secondary,.monster-button-tertiary{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(
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(
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)
@@ -59,7 +59,7 @@ button{background-color:var(
59
59
  --monster-button-background-color,var(--monster-bg-color-destructive-1)
60
60
  );border-color:var(
61
61
  --monster-button-border-color,var(--monster-bg-color-destructive-1)
62
- )}.monster-button-destructive,.monster-button-outline-primary{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(
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(
63
63
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
64
64
  );padding:var(
65
65
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -75,7 +75,7 @@ button{background-color:var(
75
75
  --monster-button-background-color,var(--monster-color-secondary-4)
76
76
  );border-color:var(
77
77
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
78
- )}.monster-button-outline-secondary,.monster-button-outline-tertiary{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(
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(
79
79
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
80
80
  );padding:var(
81
81
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
package/source/components/stylesheet/form.mjs CHANGED
@@ -25,7 +25,7 @@ try {
25
25
  FormStyleSheet.insertRule(
26
26
  `
27
27
  @layer form {
28
- input,meter,progress,select,textarea{accent-color:var(--monster-color-secondary-2);box-sizing:border-box;color:var(--monster-color-primary-1);background-color:var(--monster-bg-color-primary-1);font-family:inherit;font-size:100%;margin:0;outline:none;border-width:var(--monster-theme-control-border-width);border-radius:var(--monster-theme-control-border-radius);border-style:var(--monster-theme-control-border-style);border-color:var(--monster-theme-control-border-color)}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:var(--monster-control-min-block-size,auto);padding:var(--monster-control-padding-block,.4rem) var(--monster-control-padding-inline,.6rem);height:-moz-fit-content;height:fit-content}input:is([type=checkbox],[type=radio]){block-size:1rem;inline-size:1rem;min-height:0;padding:0;vertical-align:middle}textarea{resize:vertical;min-height:6rem}input[type=color]{padding:.1rem;margin:0;height:2rem;width:2rem}input:hover:not([type=radio]):not([type=checkbox]):not([type=range]),select:hover,textarea:hover{transition:background .8s,color .25s .0833333333s;box-shadow:var(--monster-box-shadow-2)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--monster-focus-ring-width,2px) var(--monster-focus-ring-style,solid) var(--monster-focus-ring-color,currentColor);outline-offset:var(--monster-focus-ring-offset,2px)}
28
+ input,meter,progress,select,textarea{accent-color:var(--monster-color-secondary-2);box-sizing:border-box;color:var(--monster-color-primary-1);background-color:var(--monster-bg-color-primary-1);font-family:inherit;font-size:100%;margin:0;outline:none;border-width:var(--monster-theme-control-border-width);border-radius:var(--monster-theme-control-border-radius);border-style:var(--monster-theme-control-border-style);border-color:var(--monster-theme-control-border-color)}input[readonly]:not([type=checkbox]):not([type=radio]),textarea[readonly]{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2);cursor:default}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:var(--monster-control-min-block-size,auto);padding:var(--monster-control-padding-block,.4rem) var(--monster-control-padding-inline,.6rem);height:-moz-fit-content;height:fit-content}input:is([type=checkbox],[type=radio]){block-size:1rem;inline-size:1rem;min-height:0;padding:0;vertical-align:middle}textarea{resize:vertical;min-height:6rem}input[type=color]{padding:.1rem;margin:0;height:2rem;width:2rem}input:hover:not([type=radio]):not([type=checkbox]):not([type=range]):not([readonly]):not([disabled]),select:hover:not(:disabled),textarea:hover:not([readonly]):not([disabled]){transition:background .8s,color .25s .0833333333s;box-shadow:var(--monster-box-shadow-2)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--monster-focus-ring-width,2px) var(--monster-focus-ring-style,solid) var(--monster-focus-ring-color,currentColor);outline-offset:var(--monster-focus-ring-offset,2px)}
29
29
  }`,
30
30
  0,
31
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{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:-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(
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)
@@ -43,7 +43,7 @@ try {
43
43
  --monster-button-background-color,var(--monster-bg-color-secondary-4)
44
44
  );border-color:var(
45
45
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
46
- )}.monster-button-secondary,.monster-button-tertiary{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(
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(
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)
@@ -59,7 +59,7 @@ try {
59
59
  --monster-button-background-color,var(--monster-bg-color-destructive-1)
60
60
  );border-color:var(
61
61
  --monster-button-border-color,var(--monster-bg-color-destructive-1)
62
- )}.monster-button-destructive,.monster-button-outline-primary{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(
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(
63
63
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
64
64
  );padding:var(
65
65
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
@@ -75,7 +75,7 @@ try {
75
75
  --monster-button-background-color,var(--monster-color-secondary-4)
76
76
  );border-color:var(
77
77
  --monster-button-border-color,var(--monster-bg-color-secondary-4)
78
- )}.monster-button-outline-secondary,.monster-button-outline-tertiary{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(
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(
79
79
  --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
80
80
  );padding:var(
81
81
  --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)