@schukai/monster 3.90.0 → 3.92.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 (60) hide show
  1. package/CHANGELOG.md +22 -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/datatable/save-button.mjs +3 -0
  6. package/source/components/form/action-button.mjs +11 -40
  7. package/source/components/form/api-bar.mjs +551 -0
  8. package/source/components/form/button.mjs +1 -3
  9. package/source/components/form/context-error.mjs +2 -13
  10. package/source/components/form/context-help.mjs +1 -1
  11. package/source/components/form/field-set.mjs +1 -3
  12. package/source/components/form/message-state-button.mjs +10 -12
  13. package/source/components/form/password.mjs +3 -3
  14. package/source/components/form/reload.mjs +1 -1
  15. package/source/components/form/shadow-reload.mjs +1 -1
  16. package/source/components/form/style/action-button.pcss +11 -17
  17. package/source/components/form/style/api-bar.pcss +0 -0
  18. package/source/components/form/style/button-bar.pcss +5 -0
  19. package/source/components/form/style/button.pcss +1 -0
  20. package/source/components/form/style/message-state-button.pcss +1 -0
  21. package/source/components/form/style/state-button.pcss +1 -0
  22. package/source/components/form/stylesheet/action-button.mjs +1 -1
  23. package/source/components/form/stylesheet/api-bar.mjs +38 -0
  24. package/source/components/form/stylesheet/button-bar.mjs +1 -1
  25. package/source/components/form/stylesheet/button.mjs +1 -1
  26. package/source/components/form/stylesheet/message-state-button.mjs +1 -1
  27. package/source/components/form/stylesheet/state-button.mjs +1 -1
  28. package/source/components/form/template.mjs +49 -18
  29. package/source/components/form/tree-select.mjs +60 -42
  30. package/source/components/layout/iframe.mjs +1 -3
  31. package/source/components/layout/tabs.mjs +38 -3
  32. package/source/components/style/badge.css +147 -1
  33. package/source/components/style/border.css +65 -1
  34. package/source/components/style/button.css +205 -1
  35. package/source/components/style/card.css +149 -1
  36. package/source/components/style/color.css +166 -1
  37. package/source/components/style/common.css +159 -1
  38. package/source/components/style/control.css +14 -1
  39. package/source/components/style/data-grid.css +447 -1
  40. package/source/components/style/display.css +32 -1
  41. package/source/components/style/floating-ui.css +42 -1
  42. package/source/components/style/form.css +47 -1
  43. package/source/components/style/host.css +14 -1
  44. package/source/components/style/icons.css +1584 -1
  45. package/source/components/style/link.css +37 -1
  46. package/source/components/style/normalize.css +144 -1
  47. package/source/components/style/popper.css +101 -1
  48. package/source/components/style/property.css +327 -1
  49. package/source/components/style/ripple.css +13 -1
  50. package/source/components/style/skeleton.css +164 -1
  51. package/source/components/style/space.css +240 -1
  52. package/source/components/style/spinner.css +7 -1
  53. package/source/components/style/table.css +39 -1
  54. package/source/components/style/theme.css +356 -1
  55. package/source/components/style/typography.css +178 -1
  56. package/source/monster.mjs +1 -0
  57. package/source/types/version.mjs +1 -1
  58. package/test/cases/monster.mjs +1 -1
  59. package/test/web/test.html +2 -2
  60. package/test/web/tests.js +119 -64
@@ -1,2 +1,160 @@
1
1
  /** generated from common.pcss **/
2
- a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}*{box-sizing:border-box;font-family:var(--monster-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif)}.visible{tvisibility:visible!important}.invisible{visibility:hidden!important}.hidden{display:none!important}.inline{display:inline!important}.block{display:block!important}.flex{display:flex!important}[data-monster-role=control]{outline:none}div[data-monster-role=popper]{background-color:#fff;border:var(--monster-border-width,1px) solid var(--monster-color-primary-1);box-sizing:border-box;display:none;padding:0;z-index:10}:host([disabled]){background-color:var(--monster-bg-color-primary-disabled-1);border-color:var(--monster-color-primary-disabled-1,hsla(0,0%,46%,.3));color:var(--monster-color-primary-disabled-1)}:host([disabled]) *{background-color:var(--monster-bg-color-primary-disabled-1);border-color:var(--monster-color-primary-disabled-1,hsla(0,0%,46%,.3));color:var(--monster-color-primary-disabled-1)}:disabled{background-color:var(--monster-bg-color-primary-disabled-1);border-color:var(--monster-color-primary-disabled-1,hsla(0,0%,46%,.3));color:var(--monster-color-primary-disabled-1);cursor:not-allowed;opacity:.55;pointer-events:none}input:focus-visible{outline:none}body:focus-visible{outline:none}:focus-visible{outline:none}
2
+ a,
3
+ abbr,
4
+ acronym,
5
+ address,
6
+ applet,
7
+ article,
8
+ aside,
9
+ audio,
10
+ b,
11
+ big,
12
+ blockquote,
13
+ body,
14
+ canvas,
15
+ caption,
16
+ center,
17
+ cite,
18
+ code,
19
+ dd,
20
+ del,
21
+ details,
22
+ dfn,
23
+ div,
24
+ dl,
25
+ dt,
26
+ em,
27
+ embed,
28
+ fieldset,
29
+ figcaption,
30
+ figure,
31
+ footer,
32
+ form,
33
+ h1,
34
+ h2,
35
+ h3,
36
+ h4,
37
+ h5,
38
+ h6,
39
+ header,
40
+ hgroup,
41
+ html,
42
+ i,
43
+ iframe,
44
+ img,
45
+ ins,
46
+ kbd,
47
+ label,
48
+ legend,
49
+ li,
50
+ mark,
51
+ menu,
52
+ nav,
53
+ object,
54
+ ol,
55
+ output,
56
+ p,
57
+ pre,
58
+ q,
59
+ ruby,
60
+ s,
61
+ samp,
62
+ section,
63
+ small,
64
+ span,
65
+ strike,
66
+ strong,
67
+ sub,
68
+ summary,
69
+ sup,
70
+ table,
71
+ tbody,
72
+ td,
73
+ tfoot,
74
+ th,
75
+ thead,
76
+ time,
77
+ tr,
78
+ tt,
79
+ u,
80
+ ul,
81
+ var,
82
+ video {
83
+ border: 0;
84
+ font-size: 100%;
85
+ font: inherit;
86
+ margin: 0;
87
+ padding: 0;
88
+ vertical-align: baseline;
89
+ }
90
+ * {
91
+ box-sizing: border-box;
92
+ font-family: var(
93
+ --monster-font-family,
94
+ -apple-system,
95
+ BlinkMacSystemFont,
96
+ "Segoe UI",
97
+ Roboto,
98
+ Oxygen-Sans,
99
+ Ubuntu,
100
+ Cantarell,
101
+ "Helvetica Neue",
102
+ sans-serif
103
+ );
104
+ }
105
+ .visible {
106
+ tvisibility: visible !important;
107
+ }
108
+ .invisible {
109
+ visibility: hidden !important;
110
+ }
111
+ .hidden {
112
+ display: none !important;
113
+ }
114
+ .inline {
115
+ display: inline !important;
116
+ }
117
+ .block {
118
+ display: block !important;
119
+ }
120
+ .flex {
121
+ display: flex !important;
122
+ }
123
+ [data-monster-role="control"] {
124
+ outline: none;
125
+ }
126
+ div[data-monster-role="popper"] {
127
+ background-color: #fff;
128
+ border: var(--monster-border-width, 1px) solid var(--monster-color-primary-1);
129
+ box-sizing: border-box;
130
+ display: none;
131
+ padding: 0;
132
+ z-index: 10;
133
+ }
134
+ :host([disabled]) {
135
+ background-color: var(--monster-bg-color-primary-disabled-1);
136
+ border-color: var(--monster-color-primary-disabled-1, hsla(0, 0%, 46%, 0.3));
137
+ color: var(--monster-color-primary-disabled-1);
138
+ }
139
+ :host([disabled]) * {
140
+ background-color: var(--monster-bg-color-primary-disabled-1);
141
+ border-color: var(--monster-color-primary-disabled-1, hsla(0, 0%, 46%, 0.3));
142
+ color: var(--monster-color-primary-disabled-1);
143
+ }
144
+ :disabled {
145
+ background-color: var(--monster-bg-color-primary-disabled-1);
146
+ border-color: var(--monster-color-primary-disabled-1, hsla(0, 0%, 46%, 0.3));
147
+ color: var(--monster-color-primary-disabled-1);
148
+ cursor: not-allowed;
149
+ opacity: 0.55;
150
+ pointer-events: none;
151
+ }
152
+ input:focus-visible {
153
+ outline: none;
154
+ }
155
+ body:focus-visible {
156
+ outline: none;
157
+ }
158
+ :focus-visible {
159
+ outline: none;
160
+ }
@@ -1,2 +1,15 @@
1
1
  /** generated from control.pcss **/
2
- [data-monster-role=control]{box-sizing:border-box;outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}:host{box-sizing:border-box;display:block}
2
+ [data-monster-role="control"] {
3
+ box-sizing: border-box;
4
+ outline: none;
5
+ width: 100%;
6
+ }
7
+ [data-monster-role="control"].flex {
8
+ align-items: center;
9
+ display: flex;
10
+ flex-direction: row;
11
+ }
12
+ :host {
13
+ box-sizing: border-box;
14
+ display: block;
15
+ }
@@ -1,2 +1,448 @@
1
1
  /** generated from data-grid.pcss **/
2
- .monster-data-grid-container{background-color:var(--monster-bg-color-primary-2);box-sizing:border-box;color:var(--monster-color-primary-2);display:block;overflow-x:auto;padding:20px;width:100%}.monster-data-grid-container>div{display:grid}.monster-data-grid-container .col-1{grid-column:1}.monster-data-grid-container .col-1,.monster-data-grid-container .col-2{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-2{grid-column:2}.monster-data-grid-container .col-3{grid-column:3}.monster-data-grid-container .col-3,.monster-data-grid-container .col-4{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-4{grid-column:4}.monster-data-grid-container .col-5{grid-column:5}.monster-data-grid-container .col-5,.monster-data-grid-container .col-6{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-6{grid-column:6}.monster-data-grid-container .col-7{grid-column:7}.monster-data-grid-container .col-7,.monster-data-grid-container .col-8{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-8{grid-column:8}.monster-data-grid-container .col-9{grid-column:9}.monster-data-grid-container .col-10,.monster-data-grid-container .col-9{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-10{grid-column:10}.monster-data-grid-container .col-11{grid-column:11}.monster-data-grid-container .col-11,.monster-data-grid-container .col-12{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-12{grid-column:12}.monster-data-grid-container .col-13{grid-column:13}.monster-data-grid-container .col-13,.monster-data-grid-container .col-14{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-14{grid-column:14}.monster-data-grid-container .col-15{grid-column:15}.monster-data-grid-container .col-15,.monster-data-grid-container .col-16{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-16{grid-column:16}.monster-data-grid-container .col-17{grid-column:17}.monster-data-grid-container .col-17,.monster-data-grid-container .col-18{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-18{grid-column:18}.monster-data-grid-container .col-19{grid-column:19}.monster-data-grid-container .col-19,.monster-data-grid-container .col-20{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-20{grid-column:20}.monster-data-grid-container .col-21{grid-column:21}.monster-data-grid-container .col-21,.monster-data-grid-container .col-22{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-22{grid-column:22}.monster-data-grid-container .col-23{grid-column:23}.monster-data-grid-container .col-23,.monster-data-grid-container .col-24{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-24{grid-column:24}.monster-data-grid-container .col-25{grid-column:25}.monster-data-grid-container .col-25,.monster-data-grid-container .col-26{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-26{grid-column:26}.monster-data-grid-container .col-27{grid-column:27}.monster-data-grid-container .col-27,.monster-data-grid-container .col-28{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-28{grid-column:28}.monster-data-grid-container .col-29{grid-column:29}.monster-data-grid-container .col-29,.monster-data-grid-container .col-30{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-30{grid-column:30}.monster-data-grid-container .col-31{grid-column:31}.monster-data-grid-container .col-31,.monster-data-grid-container .col-32{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-32{grid-column:32}.monster-data-grid-container .col-33{grid-column:33}.monster-data-grid-container .col-33,.monster-data-grid-container .col-34{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-34{grid-column:34}.monster-data-grid-container .col-35{grid-column:35}.monster-data-grid-container .col-35,.monster-data-grid-container .col-36{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-36{grid-column:36}.monster-data-grid-container .col-37{grid-column:37}.monster-data-grid-container .col-37,.monster-data-grid-container .col-38{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-38{grid-column:38}.monster-data-grid-container .col-39{grid-column:39}.monster-data-grid-container .col-39,.monster-data-grid-container .col-40{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-40{grid-column:40}.monster-data-grid-container .col-41{grid-column:41}.monster-data-grid-container .col-41,.monster-data-grid-container .col-42{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-42{grid-column:42}.monster-data-grid-container .col-43{grid-column:43}.monster-data-grid-container .col-43,.monster-data-grid-container .col-44{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-44{grid-column:44}.monster-data-grid-container .col-45{grid-column:45}.monster-data-grid-container .col-45,.monster-data-grid-container .col-46{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-46{grid-column:46}.monster-data-grid-container .col-47{grid-column:47}.monster-data-grid-container .col-47,.monster-data-grid-container .col-48{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-48{grid-column:48}.monster-data-grid-container .col-49{grid-column:49}.monster-data-grid-container .col-49,.monster-data-grid-container .col-50{background-color:var(--monster-bg-color-primary-1);border:none;color:var(--monster-color-primary-1);display:flex;font-size:1rem;font-weight:400;line-height:1.6;padding:.4rem}.monster-data-grid-container .col-50{grid-column:50}.monster-data-grid-container .col-start-end{grid-column:1/-1}.monster-data-grid-container .header{font-size:1rem;font-weight:600;font-weight:400;line-height:1.6;margin-bottom:.4rem}
2
+ .monster-data-grid-container {
3
+ background-color: var(--monster-bg-color-primary-2);
4
+ box-sizing: border-box;
5
+ color: var(--monster-color-primary-2);
6
+ display: block;
7
+ overflow-x: auto;
8
+ padding: 20px;
9
+ width: 100%;
10
+ }
11
+ .monster-data-grid-container > div {
12
+ display: grid;
13
+ }
14
+ .monster-data-grid-container .col-1 {
15
+ grid-column: 1;
16
+ }
17
+ .monster-data-grid-container .col-1,
18
+ .monster-data-grid-container .col-2 {
19
+ background-color: var(--monster-bg-color-primary-1);
20
+ border: none;
21
+ color: var(--monster-color-primary-1);
22
+ display: flex;
23
+ font-size: 1rem;
24
+ font-weight: 400;
25
+ line-height: 1.6;
26
+ padding: .4rem;
27
+ }
28
+ .monster-data-grid-container .col-2 {
29
+ grid-column: 2;
30
+ }
31
+ .monster-data-grid-container .col-3 {
32
+ grid-column: 3;
33
+ }
34
+ .monster-data-grid-container .col-3,
35
+ .monster-data-grid-container .col-4 {
36
+ background-color: var(--monster-bg-color-primary-1);
37
+ border: none;
38
+ color: var(--monster-color-primary-1);
39
+ display: flex;
40
+ font-size: 1rem;
41
+ font-weight: 400;
42
+ line-height: 1.6;
43
+ padding: .4rem;
44
+ }
45
+ .monster-data-grid-container .col-4 {
46
+ grid-column: 4;
47
+ }
48
+ .monster-data-grid-container .col-5 {
49
+ grid-column: 5;
50
+ }
51
+ .monster-data-grid-container .col-5,
52
+ .monster-data-grid-container .col-6 {
53
+ background-color: var(--monster-bg-color-primary-1);
54
+ border: none;
55
+ color: var(--monster-color-primary-1);
56
+ display: flex;
57
+ font-size: 1rem;
58
+ font-weight: 400;
59
+ line-height: 1.6;
60
+ padding: .4rem;
61
+ }
62
+ .monster-data-grid-container .col-6 {
63
+ grid-column: 6;
64
+ }
65
+ .monster-data-grid-container .col-7 {
66
+ grid-column: 7;
67
+ }
68
+ .monster-data-grid-container .col-7,
69
+ .monster-data-grid-container .col-8 {
70
+ background-color: var(--monster-bg-color-primary-1);
71
+ border: none;
72
+ color: var(--monster-color-primary-1);
73
+ display: flex;
74
+ font-size: 1rem;
75
+ font-weight: 400;
76
+ line-height: 1.6;
77
+ padding: .4rem;
78
+ }
79
+ .monster-data-grid-container .col-8 {
80
+ grid-column: 8;
81
+ }
82
+ .monster-data-grid-container .col-9 {
83
+ grid-column: 9;
84
+ }
85
+ .monster-data-grid-container .col-10,
86
+ .monster-data-grid-container .col-9 {
87
+ background-color: var(--monster-bg-color-primary-1);
88
+ border: none;
89
+ color: var(--monster-color-primary-1);
90
+ display: flex;
91
+ font-size: 1rem;
92
+ font-weight: 400;
93
+ line-height: 1.6;
94
+ padding: .4rem;
95
+ }
96
+ .monster-data-grid-container .col-10 {
97
+ grid-column: 10;
98
+ }
99
+ .monster-data-grid-container .col-11 {
100
+ grid-column: 11;
101
+ }
102
+ .monster-data-grid-container .col-11,
103
+ .monster-data-grid-container .col-12 {
104
+ background-color: var(--monster-bg-color-primary-1);
105
+ border: none;
106
+ color: var(--monster-color-primary-1);
107
+ display: flex;
108
+ font-size: 1rem;
109
+ font-weight: 400;
110
+ line-height: 1.6;
111
+ padding: .4rem;
112
+ }
113
+ .monster-data-grid-container .col-12 {
114
+ grid-column: 12;
115
+ }
116
+ .monster-data-grid-container .col-13 {
117
+ grid-column: 13;
118
+ }
119
+ .monster-data-grid-container .col-13,
120
+ .monster-data-grid-container .col-14 {
121
+ background-color: var(--monster-bg-color-primary-1);
122
+ border: none;
123
+ color: var(--monster-color-primary-1);
124
+ display: flex;
125
+ font-size: 1rem;
126
+ font-weight: 400;
127
+ line-height: 1.6;
128
+ padding: .4rem;
129
+ }
130
+ .monster-data-grid-container .col-14 {
131
+ grid-column: 14;
132
+ }
133
+ .monster-data-grid-container .col-15 {
134
+ grid-column: 15;
135
+ }
136
+ .monster-data-grid-container .col-15,
137
+ .monster-data-grid-container .col-16 {
138
+ background-color: var(--monster-bg-color-primary-1);
139
+ border: none;
140
+ color: var(--monster-color-primary-1);
141
+ display: flex;
142
+ font-size: 1rem;
143
+ font-weight: 400;
144
+ line-height: 1.6;
145
+ padding: .4rem;
146
+ }
147
+ .monster-data-grid-container .col-16 {
148
+ grid-column: 16;
149
+ }
150
+ .monster-data-grid-container .col-17 {
151
+ grid-column: 17;
152
+ }
153
+ .monster-data-grid-container .col-17,
154
+ .monster-data-grid-container .col-18 {
155
+ background-color: var(--monster-bg-color-primary-1);
156
+ border: none;
157
+ color: var(--monster-color-primary-1);
158
+ display: flex;
159
+ font-size: 1rem;
160
+ font-weight: 400;
161
+ line-height: 1.6;
162
+ padding: .4rem;
163
+ }
164
+ .monster-data-grid-container .col-18 {
165
+ grid-column: 18;
166
+ }
167
+ .monster-data-grid-container .col-19 {
168
+ grid-column: 19;
169
+ }
170
+ .monster-data-grid-container .col-19,
171
+ .monster-data-grid-container .col-20 {
172
+ background-color: var(--monster-bg-color-primary-1);
173
+ border: none;
174
+ color: var(--monster-color-primary-1);
175
+ display: flex;
176
+ font-size: 1rem;
177
+ font-weight: 400;
178
+ line-height: 1.6;
179
+ padding: .4rem;
180
+ }
181
+ .monster-data-grid-container .col-20 {
182
+ grid-column: 20;
183
+ }
184
+ .monster-data-grid-container .col-21 {
185
+ grid-column: 21;
186
+ }
187
+ .monster-data-grid-container .col-21,
188
+ .monster-data-grid-container .col-22 {
189
+ background-color: var(--monster-bg-color-primary-1);
190
+ border: none;
191
+ color: var(--monster-color-primary-1);
192
+ display: flex;
193
+ font-size: 1rem;
194
+ font-weight: 400;
195
+ line-height: 1.6;
196
+ padding: .4rem;
197
+ }
198
+ .monster-data-grid-container .col-22 {
199
+ grid-column: 22;
200
+ }
201
+ .monster-data-grid-container .col-23 {
202
+ grid-column: 23;
203
+ }
204
+ .monster-data-grid-container .col-23,
205
+ .monster-data-grid-container .col-24 {
206
+ background-color: var(--monster-bg-color-primary-1);
207
+ border: none;
208
+ color: var(--monster-color-primary-1);
209
+ display: flex;
210
+ font-size: 1rem;
211
+ font-weight: 400;
212
+ line-height: 1.6;
213
+ padding: .4rem;
214
+ }
215
+ .monster-data-grid-container .col-24 {
216
+ grid-column: 24;
217
+ }
218
+ .monster-data-grid-container .col-25 {
219
+ grid-column: 25;
220
+ }
221
+ .monster-data-grid-container .col-25,
222
+ .monster-data-grid-container .col-26 {
223
+ background-color: var(--monster-bg-color-primary-1);
224
+ border: none;
225
+ color: var(--monster-color-primary-1);
226
+ display: flex;
227
+ font-size: 1rem;
228
+ font-weight: 400;
229
+ line-height: 1.6;
230
+ padding: .4rem;
231
+ }
232
+ .monster-data-grid-container .col-26 {
233
+ grid-column: 26;
234
+ }
235
+ .monster-data-grid-container .col-27 {
236
+ grid-column: 27;
237
+ }
238
+ .monster-data-grid-container .col-27,
239
+ .monster-data-grid-container .col-28 {
240
+ background-color: var(--monster-bg-color-primary-1);
241
+ border: none;
242
+ color: var(--monster-color-primary-1);
243
+ display: flex;
244
+ font-size: 1rem;
245
+ font-weight: 400;
246
+ line-height: 1.6;
247
+ padding: .4rem;
248
+ }
249
+ .monster-data-grid-container .col-28 {
250
+ grid-column: 28;
251
+ }
252
+ .monster-data-grid-container .col-29 {
253
+ grid-column: 29;
254
+ }
255
+ .monster-data-grid-container .col-29,
256
+ .monster-data-grid-container .col-30 {
257
+ background-color: var(--monster-bg-color-primary-1);
258
+ border: none;
259
+ color: var(--monster-color-primary-1);
260
+ display: flex;
261
+ font-size: 1rem;
262
+ font-weight: 400;
263
+ line-height: 1.6;
264
+ padding: .4rem;
265
+ }
266
+ .monster-data-grid-container .col-30 {
267
+ grid-column: 30;
268
+ }
269
+ .monster-data-grid-container .col-31 {
270
+ grid-column: 31;
271
+ }
272
+ .monster-data-grid-container .col-31,
273
+ .monster-data-grid-container .col-32 {
274
+ background-color: var(--monster-bg-color-primary-1);
275
+ border: none;
276
+ color: var(--monster-color-primary-1);
277
+ display: flex;
278
+ font-size: 1rem;
279
+ font-weight: 400;
280
+ line-height: 1.6;
281
+ padding: .4rem;
282
+ }
283
+ .monster-data-grid-container .col-32 {
284
+ grid-column: 32;
285
+ }
286
+ .monster-data-grid-container .col-33 {
287
+ grid-column: 33;
288
+ }
289
+ .monster-data-grid-container .col-33,
290
+ .monster-data-grid-container .col-34 {
291
+ background-color: var(--monster-bg-color-primary-1);
292
+ border: none;
293
+ color: var(--monster-color-primary-1);
294
+ display: flex;
295
+ font-size: 1rem;
296
+ font-weight: 400;
297
+ line-height: 1.6;
298
+ padding: .4rem;
299
+ }
300
+ .monster-data-grid-container .col-34 {
301
+ grid-column: 34;
302
+ }
303
+ .monster-data-grid-container .col-35 {
304
+ grid-column: 35;
305
+ }
306
+ .monster-data-grid-container .col-35,
307
+ .monster-data-grid-container .col-36 {
308
+ background-color: var(--monster-bg-color-primary-1);
309
+ border: none;
310
+ color: var(--monster-color-primary-1);
311
+ display: flex;
312
+ font-size: 1rem;
313
+ font-weight: 400;
314
+ line-height: 1.6;
315
+ padding: .4rem;
316
+ }
317
+ .monster-data-grid-container .col-36 {
318
+ grid-column: 36;
319
+ }
320
+ .monster-data-grid-container .col-37 {
321
+ grid-column: 37;
322
+ }
323
+ .monster-data-grid-container .col-37,
324
+ .monster-data-grid-container .col-38 {
325
+ background-color: var(--monster-bg-color-primary-1);
326
+ border: none;
327
+ color: var(--monster-color-primary-1);
328
+ display: flex;
329
+ font-size: 1rem;
330
+ font-weight: 400;
331
+ line-height: 1.6;
332
+ padding: .4rem;
333
+ }
334
+ .monster-data-grid-container .col-38 {
335
+ grid-column: 38;
336
+ }
337
+ .monster-data-grid-container .col-39 {
338
+ grid-column: 39;
339
+ }
340
+ .monster-data-grid-container .col-39,
341
+ .monster-data-grid-container .col-40 {
342
+ background-color: var(--monster-bg-color-primary-1);
343
+ border: none;
344
+ color: var(--monster-color-primary-1);
345
+ display: flex;
346
+ font-size: 1rem;
347
+ font-weight: 400;
348
+ line-height: 1.6;
349
+ padding: .4rem;
350
+ }
351
+ .monster-data-grid-container .col-40 {
352
+ grid-column: 40;
353
+ }
354
+ .monster-data-grid-container .col-41 {
355
+ grid-column: 41;
356
+ }
357
+ .monster-data-grid-container .col-41,
358
+ .monster-data-grid-container .col-42 {
359
+ background-color: var(--monster-bg-color-primary-1);
360
+ border: none;
361
+ color: var(--monster-color-primary-1);
362
+ display: flex;
363
+ font-size: 1rem;
364
+ font-weight: 400;
365
+ line-height: 1.6;
366
+ padding: .4rem;
367
+ }
368
+ .monster-data-grid-container .col-42 {
369
+ grid-column: 42;
370
+ }
371
+ .monster-data-grid-container .col-43 {
372
+ grid-column: 43;
373
+ }
374
+ .monster-data-grid-container .col-43,
375
+ .monster-data-grid-container .col-44 {
376
+ background-color: var(--monster-bg-color-primary-1);
377
+ border: none;
378
+ color: var(--monster-color-primary-1);
379
+ display: flex;
380
+ font-size: 1rem;
381
+ font-weight: 400;
382
+ line-height: 1.6;
383
+ padding: .4rem;
384
+ }
385
+ .monster-data-grid-container .col-44 {
386
+ grid-column: 44;
387
+ }
388
+ .monster-data-grid-container .col-45 {
389
+ grid-column: 45;
390
+ }
391
+ .monster-data-grid-container .col-45,
392
+ .monster-data-grid-container .col-46 {
393
+ background-color: var(--monster-bg-color-primary-1);
394
+ border: none;
395
+ color: var(--monster-color-primary-1);
396
+ display: flex;
397
+ font-size: 1rem;
398
+ font-weight: 400;
399
+ line-height: 1.6;
400
+ padding: .4rem;
401
+ }
402
+ .monster-data-grid-container .col-46 {
403
+ grid-column: 46;
404
+ }
405
+ .monster-data-grid-container .col-47 {
406
+ grid-column: 47;
407
+ }
408
+ .monster-data-grid-container .col-47,
409
+ .monster-data-grid-container .col-48 {
410
+ background-color: var(--monster-bg-color-primary-1);
411
+ border: none;
412
+ color: var(--monster-color-primary-1);
413
+ display: flex;
414
+ font-size: 1rem;
415
+ font-weight: 400;
416
+ line-height: 1.6;
417
+ padding: .4rem;
418
+ }
419
+ .monster-data-grid-container .col-48 {
420
+ grid-column: 48;
421
+ }
422
+ .monster-data-grid-container .col-49 {
423
+ grid-column: 49;
424
+ }
425
+ .monster-data-grid-container .col-49,
426
+ .monster-data-grid-container .col-50 {
427
+ background-color: var(--monster-bg-color-primary-1);
428
+ border: none;
429
+ color: var(--monster-color-primary-1);
430
+ display: flex;
431
+ font-size: 1rem;
432
+ font-weight: 400;
433
+ line-height: 1.6;
434
+ padding: .4rem;
435
+ }
436
+ .monster-data-grid-container .col-50 {
437
+ grid-column: 50;
438
+ }
439
+ .monster-data-grid-container .col-start-end {
440
+ grid-column: 1 / -1;
441
+ }
442
+ .monster-data-grid-container .header {
443
+ font-size: 1rem;
444
+ font-weight: 600;
445
+ font-weight: 400;
446
+ line-height: 1.6;
447
+ margin-bottom: .4rem;
448
+ }
@@ -1,2 +1,33 @@
1
1
  /** generated from display.pcss **/
2
- .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}
2
+ .block {
3
+ display: block;
4
+ }
5
+ .inline {
6
+ display: inline;
7
+ }
8
+ .inline-block {
9
+ display: inline-block;
10
+ }
11
+ .grid {
12
+ display: grid;
13
+ }
14
+ .inline-grid {
15
+ display: inline-grid;
16
+ }
17
+ .flex {
18
+ display: flex;
19
+ }
20
+ .inline-flex {
21
+ display: inline-flex;
22
+ }
23
+ .hidden,
24
+ .hide,
25
+ .none {
26
+ display: none;
27
+ }
28
+ .visible {
29
+ visibility: visible;
30
+ }
31
+ .invisible {
32
+ visibility: hidden;
33
+ }