@schukai/monster 3.90.0 → 3.91.0

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 (52) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/package.json +1 -1
  3. package/source/components/datatable/datatable.mjs +2 -0
  4. package/source/components/datatable/filter.mjs +3 -0
  5. package/source/components/form/action-button.mjs +11 -40
  6. package/source/components/form/api-bar.mjs +551 -0
  7. package/source/components/form/button.mjs +1 -3
  8. package/source/components/form/field-set.mjs +1 -3
  9. package/source/components/form/message-state-button.mjs +10 -12
  10. package/source/components/form/password.mjs +1 -1
  11. package/source/components/form/style/action-button.pcss +11 -17
  12. package/source/components/form/style/api-bar.pcss +0 -0
  13. package/source/components/form/style/button-bar.pcss +5 -0
  14. package/source/components/form/style/button.pcss +1 -0
  15. package/source/components/form/style/message-state-button.pcss +1 -0
  16. package/source/components/form/style/state-button.pcss +1 -0
  17. package/source/components/form/stylesheet/action-button.mjs +1 -1
  18. package/source/components/form/stylesheet/api-bar.mjs +38 -0
  19. package/source/components/form/stylesheet/button-bar.mjs +1 -1
  20. package/source/components/form/stylesheet/button.mjs +1 -1
  21. package/source/components/form/stylesheet/message-state-button.mjs +1 -1
  22. package/source/components/form/stylesheet/state-button.mjs +1 -1
  23. package/source/components/layout/iframe.mjs +1 -3
  24. package/source/components/style/badge.css +147 -1
  25. package/source/components/style/border.css +65 -1
  26. package/source/components/style/button.css +205 -1
  27. package/source/components/style/card.css +149 -1
  28. package/source/components/style/color.css +166 -1
  29. package/source/components/style/common.css +159 -1
  30. package/source/components/style/control.css +14 -1
  31. package/source/components/style/data-grid.css +447 -1
  32. package/source/components/style/display.css +32 -1
  33. package/source/components/style/floating-ui.css +42 -1
  34. package/source/components/style/form.css +47 -1
  35. package/source/components/style/host.css +14 -1
  36. package/source/components/style/icons.css +1584 -1
  37. package/source/components/style/link.css +37 -1
  38. package/source/components/style/normalize.css +144 -1
  39. package/source/components/style/popper.css +101 -1
  40. package/source/components/style/property.css +327 -1
  41. package/source/components/style/ripple.css +13 -1
  42. package/source/components/style/skeleton.css +164 -1
  43. package/source/components/style/space.css +240 -1
  44. package/source/components/style/spinner.css +7 -1
  45. package/source/components/style/table.css +39 -1
  46. package/source/components/style/theme.css +356 -1
  47. package/source/components/style/typography.css +178 -1
  48. package/source/monster.mjs +1 -0
  49. package/source/types/version.mjs +1 -1
  50. package/test/cases/monster.mjs +1 -1
  51. package/test/web/test.html +2 -2
  52. package/test/web/tests.js +25 -47
@@ -1,2 +1,43 @@
1
1
  /** generated from floating-ui.pcss **/
2
- div[data-monster-role=popper]{align-content:center;background:var(--monster-bg-color-primary-1);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);box-sizing:border-box;color:var(--monster-color-primary-1);display:none;justify-content:space-between;left:0;padding:1.1em;position:absolute;top:0;width:-moz-max-content;width:max-content;z-index:var(--monster-z-index-modal)}div[data-monster-role=popper] div[data-monster-role=arrow]{background:var(--monster-bg-color-primary-1);height:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);pointer-events:none;position:absolute;width:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);z-index:-1}
2
+ div[data-monster-role="popper"] {
3
+ align-content: center;
4
+ background: var(--monster-bg-color-primary-1);
5
+ border-color: var(--monster-bg-color-primary-4);
6
+ border-radius: var(--monster-border-radius);
7
+ border-style: var(--monster-border-style);
8
+ border-width: var(--monster-border-width);
9
+ box-shadow: var(--monster-box-shadow-1);
10
+ box-sizing: border-box;
11
+ color: var(--monster-color-primary-1);
12
+ display: none;
13
+ justify-content: space-between;
14
+ left: 0;
15
+ padding: 1.1em;
16
+ position: absolute;
17
+ top: 0;
18
+ width: -moz-max-content;
19
+ width: max-content;
20
+ z-index: var(--monster-z-index-modal);
21
+ }
22
+ div[data-monster-role="popper"] div[data-monster-role="arrow"] {
23
+ background: var(--monster-bg-color-primary-1);
24
+ height: calc(
25
+ max(
26
+ var(--monster-popper-witharrrow-distance),
27
+ -1 *
28
+ var(--monster-popper-witharrrow-distance)
29
+ ) *
30
+ 2
31
+ );
32
+ pointer-events: none;
33
+ position: absolute;
34
+ width: calc(
35
+ max(
36
+ var(--monster-popper-witharrrow-distance),
37
+ -1 *
38
+ var(--monster-popper-witharrrow-distance)
39
+ ) *
40
+ 2
41
+ );
42
+ z-index: -1;
43
+ }
@@ -1,2 +1,48 @@
1
1
  /** generated from form.pcss **/
2
- input,meter,progress,select,textarea{accent-color:var(--monster-color-secondary-2);background-color:var(--monster-bg-color-primary-1);border-color:var(--monster-theme-control-border-color);border-radius:var(--monster-theme-control-border-radius);border-style:var(--monster-theme-control-border-style);border-width:var(--monster-theme-control-border-width);box-sizing:border-box;color:var(--monster-color-primary-1);font-family:inherit;font-size:100%;margin:0;outline:none}input,select,textarea{height:-moz-fit-content;height:fit-content;padding:.4rem .6rem}textarea{min-height:6rem;resize:vertical}input[type=color]{height:2rem;margin:0;padding:.1rem;width:2rem}input:hover:not([type=radio]):not([type=checkbox]):not([type=range]),select:hover,textarea:hover{box-shadow:var(--monster-box-shadow-2);transition:background .8s,color .25s .0833333333s}input:focus,select:focus,textarea:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:3px}
2
+ input,
3
+ meter,
4
+ progress,
5
+ select,
6
+ textarea {
7
+ accent-color: var(--monster-color-secondary-2);
8
+ background-color: var(--monster-bg-color-primary-1);
9
+ border-color: var(--monster-theme-control-border-color);
10
+ border-radius: var(--monster-theme-control-border-radius);
11
+ border-style: var(--monster-theme-control-border-style);
12
+ border-width: var(--monster-theme-control-border-width);
13
+ box-sizing: border-box;
14
+ color: var(--monster-color-primary-1);
15
+ font-family: inherit;
16
+ font-size: 100%;
17
+ margin: 0;
18
+ outline: none;
19
+ }
20
+ input,
21
+ select,
22
+ textarea {
23
+ height: -moz-fit-content;
24
+ height: fit-content;
25
+ padding: .4rem .6rem;
26
+ }
27
+ textarea {
28
+ min-height: 6rem;
29
+ resize: vertical;
30
+ }
31
+ input[type="color"] {
32
+ height: 2rem;
33
+ margin: 0;
34
+ padding: .1rem;
35
+ width: 2rem;
36
+ }
37
+ input:hover:not([type="radio"]):not([type="checkbox"]):not([type="range"]),
38
+ select:hover,
39
+ textarea:hover {
40
+ box-shadow: var(--monster-box-shadow-2);
41
+ transition: background .8s, color .25s .0833333333s;
42
+ }
43
+ input:focus,
44
+ select:focus,
45
+ textarea:focus {
46
+ outline: 1px dashed var(--monster-color-selection-3);
47
+ outline-offset: 3px;
48
+ }
@@ -1,2 +1,15 @@
1
1
  /** generated from host.pcss **/
2
- :host([disabled]),:host([disabled]) *{background-color:var(--monster-bg-color-primary-3,inherit);border-color:var(--monster-color-primary-3,inherit);color:var(--monster-color-primary-3,inherit)}:disabled{background-color:var(--monster-bg-color-primary-3,inherit);border-color:var(--monster-color-primary-3,inherit);color:var(--monster-color-primary-3,inherit);cursor:not-allowed;opacity:.55;pointer-events:none}
2
+ :host([disabled]),
3
+ :host([disabled]) * {
4
+ background-color: var(--monster-bg-color-primary-3, inherit);
5
+ border-color: var(--monster-color-primary-3, inherit);
6
+ color: var(--monster-color-primary-3, inherit);
7
+ }
8
+ :disabled {
9
+ background-color: var(--monster-bg-color-primary-3, inherit);
10
+ border-color: var(--monster-color-primary-3, inherit);
11
+ color: var(--monster-color-primary-3, inherit);
12
+ cursor: not-allowed;
13
+ opacity: 0.55;
14
+ pointer-events: none;
15
+ }