@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.
- package/CHANGELOG.md +11 -0
- package/package.json +1 -1
- package/source/components/datatable/datatable.mjs +2 -0
- package/source/components/datatable/filter.mjs +3 -0
- package/source/components/form/action-button.mjs +11 -40
- package/source/components/form/api-bar.mjs +551 -0
- package/source/components/form/button.mjs +1 -3
- package/source/components/form/field-set.mjs +1 -3
- package/source/components/form/message-state-button.mjs +10 -12
- package/source/components/form/password.mjs +1 -1
- package/source/components/form/style/action-button.pcss +11 -17
- package/source/components/form/style/api-bar.pcss +0 -0
- package/source/components/form/style/button-bar.pcss +5 -0
- package/source/components/form/style/button.pcss +1 -0
- package/source/components/form/style/message-state-button.pcss +1 -0
- package/source/components/form/style/state-button.pcss +1 -0
- package/source/components/form/stylesheet/action-button.mjs +1 -1
- package/source/components/form/stylesheet/api-bar.mjs +38 -0
- package/source/components/form/stylesheet/button-bar.mjs +1 -1
- package/source/components/form/stylesheet/button.mjs +1 -1
- package/source/components/form/stylesheet/message-state-button.mjs +1 -1
- package/source/components/form/stylesheet/state-button.mjs +1 -1
- package/source/components/layout/iframe.mjs +1 -3
- package/source/components/style/badge.css +147 -1
- package/source/components/style/border.css +65 -1
- package/source/components/style/button.css +205 -1
- package/source/components/style/card.css +149 -1
- package/source/components/style/color.css +166 -1
- package/source/components/style/common.css +159 -1
- package/source/components/style/control.css +14 -1
- package/source/components/style/data-grid.css +447 -1
- package/source/components/style/display.css +32 -1
- package/source/components/style/floating-ui.css +42 -1
- package/source/components/style/form.css +47 -1
- package/source/components/style/host.css +14 -1
- package/source/components/style/icons.css +1584 -1
- package/source/components/style/link.css +37 -1
- package/source/components/style/normalize.css +144 -1
- package/source/components/style/popper.css +101 -1
- package/source/components/style/property.css +327 -1
- package/source/components/style/ripple.css +13 -1
- package/source/components/style/skeleton.css +164 -1
- package/source/components/style/space.css +240 -1
- package/source/components/style/spinner.css +7 -1
- package/source/components/style/table.css +39 -1
- package/source/components/style/theme.css +356 -1
- package/source/components/style/typography.css +178 -1
- package/source/monster.mjs +1 -0
- package/source/types/version.mjs +1 -1
- package/test/cases/monster.mjs +1 -1
- package/test/web/test.html +2 -2
- package/test/web/tests.js +25 -47
@@ -1,2 +1,43 @@
|
|
1
1
|
/** generated from floating-ui.pcss **/
|
2
|
-
div[data-monster-role=popper]
|
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,
|
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])
|
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
|
+
}
|