@hpcc-js/form 2.12.2 → 2.12.3
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/LICENSE +43 -43
- package/dist/index.es6.js.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +5 -5
- package/src/Button.ts +51 -51
- package/src/CheckBox.ts +95 -95
- package/src/ColorInput.ts +75 -75
- package/src/FieldForm.ts +49 -49
- package/src/Form.css +92 -92
- package/src/Form.ts +330 -330
- package/src/Input.css +41 -41
- package/src/Input.ts +121 -121
- package/src/InputRange.ts +86 -86
- package/src/OnOff.css +54 -54
- package/src/OnOff.ts +154 -154
- package/src/Radio.ts +75 -75
- package/src/Range.ts +104 -104
- package/src/Select.ts +80 -80
- package/src/Slider.css +40 -40
- package/src/Slider.ts +381 -381
- package/src/TextArea.ts +48 -48
- package/src/__package__.ts +3 -3
- package/src/index.ts +14 -14
package/src/Form.css
CHANGED
|
@@ -1,92 +1,92 @@
|
|
|
1
|
-
.form_Form {
|
|
2
|
-
color:#404040;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.form_Form tbody td {
|
|
6
|
-
white-space: nowrap;
|
|
7
|
-
border:1px solid #E5E5E5;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.form_Form td.prompt {
|
|
11
|
-
padding:2px;
|
|
12
|
-
vertical-align:middle;
|
|
13
|
-
background-color:#E5E5E5;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.form_Form td.input {
|
|
17
|
-
padding:2px;
|
|
18
|
-
width:100%;
|
|
19
|
-
vertical-align:middle;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.form_Form td.input .common_HTMLWidget ul{
|
|
23
|
-
margin:0px;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.form_Form tfoot button{
|
|
27
|
-
margin:5px;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.form_Form tbody tr:hover {
|
|
31
|
-
background-color:#FAFAFA;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.form_Form .form_Button button {
|
|
35
|
-
background-position: -1px -1px;
|
|
36
|
-
bottom: 0px;
|
|
37
|
-
box-sizing: border-box;
|
|
38
|
-
color: rgb(36, 41, 46);
|
|
39
|
-
cursor: pointer;
|
|
40
|
-
height: 28px;
|
|
41
|
-
left: 0px;
|
|
42
|
-
overflow-wrap: break-word;
|
|
43
|
-
position: relative;
|
|
44
|
-
right: 0px;
|
|
45
|
-
text-decoration: none solid rgb(36, 41, 46);
|
|
46
|
-
top: 0px;
|
|
47
|
-
vertical-align: middle;
|
|
48
|
-
white-space: nowrap;
|
|
49
|
-
word-wrap: break-word;
|
|
50
|
-
column-rule-color: rgb(36, 41, 46);
|
|
51
|
-
perspective-origin: 57.2938px 14px;
|
|
52
|
-
transform-origin: 57.2938px 14px;
|
|
53
|
-
user-select: none;
|
|
54
|
-
background: rgb(239, 243, 246) linear-gradient(-180deg, rgb(250, 251, 252) 0%, rgb(239, 243, 246) 90%) repeat-x scroll -1px -1px / 110% 110% padding-box border-box;
|
|
55
|
-
border: 1px solid rgba(27, 31, 35, 0.2);
|
|
56
|
-
border-radius: 3px 3px 3px 3px;
|
|
57
|
-
outline: rgb(36, 41, 46) none 0px;
|
|
58
|
-
padding: 3px 10px;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.form_Form .form_Button button[disabled="disabled"] {
|
|
62
|
-
background: rgb(219, 223, 226);
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.form_Form .form_Button button:focus {
|
|
66
|
-
box-shadow: 0 0 0 0.2em rgba(3,102,214,0.3)
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
.form_Form .form_Button button:hover {
|
|
70
|
-
background: rgb(219, 223, 226);
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.form_Form .form_Button.default button {
|
|
74
|
-
color: rgb(255, 255, 255);
|
|
75
|
-
text-decoration: none solid rgb(255, 255, 255);
|
|
76
|
-
word-wrap: break-word;
|
|
77
|
-
column-rule-color: rgb(255, 255, 255);
|
|
78
|
-
perspective-origin: 44.975px 17px;
|
|
79
|
-
transform-origin: 44.975px 17px;
|
|
80
|
-
background: rgb(40, 167, 69) linear-gradient(-180deg, rgb(52, 208, 88) 0%, rgb(40, 167, 69) 90%) repeat-x scroll -1px -1px / 110% 110% padding-box border-box;
|
|
81
|
-
outline: rgb(255, 255, 255) none 0px;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
.form_Form .form_Button.default button[disabled="disabled"],
|
|
85
|
-
.form_Form .form_Button.default button[disabled="disabled"]:hover {
|
|
86
|
-
background: rgb(219, 223, 226);
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.form_Form .form_Button.default button:hover {
|
|
90
|
-
background: rgb(20, 147, 49);
|
|
91
|
-
}
|
|
92
|
-
|
|
1
|
+
.form_Form {
|
|
2
|
+
color:#404040;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.form_Form tbody td {
|
|
6
|
+
white-space: nowrap;
|
|
7
|
+
border:1px solid #E5E5E5;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.form_Form td.prompt {
|
|
11
|
+
padding:2px;
|
|
12
|
+
vertical-align:middle;
|
|
13
|
+
background-color:#E5E5E5;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.form_Form td.input {
|
|
17
|
+
padding:2px;
|
|
18
|
+
width:100%;
|
|
19
|
+
vertical-align:middle;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.form_Form td.input .common_HTMLWidget ul{
|
|
23
|
+
margin:0px;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.form_Form tfoot button{
|
|
27
|
+
margin:5px;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.form_Form tbody tr:hover {
|
|
31
|
+
background-color:#FAFAFA;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.form_Form .form_Button button {
|
|
35
|
+
background-position: -1px -1px;
|
|
36
|
+
bottom: 0px;
|
|
37
|
+
box-sizing: border-box;
|
|
38
|
+
color: rgb(36, 41, 46);
|
|
39
|
+
cursor: pointer;
|
|
40
|
+
height: 28px;
|
|
41
|
+
left: 0px;
|
|
42
|
+
overflow-wrap: break-word;
|
|
43
|
+
position: relative;
|
|
44
|
+
right: 0px;
|
|
45
|
+
text-decoration: none solid rgb(36, 41, 46);
|
|
46
|
+
top: 0px;
|
|
47
|
+
vertical-align: middle;
|
|
48
|
+
white-space: nowrap;
|
|
49
|
+
word-wrap: break-word;
|
|
50
|
+
column-rule-color: rgb(36, 41, 46);
|
|
51
|
+
perspective-origin: 57.2938px 14px;
|
|
52
|
+
transform-origin: 57.2938px 14px;
|
|
53
|
+
user-select: none;
|
|
54
|
+
background: rgb(239, 243, 246) linear-gradient(-180deg, rgb(250, 251, 252) 0%, rgb(239, 243, 246) 90%) repeat-x scroll -1px -1px / 110% 110% padding-box border-box;
|
|
55
|
+
border: 1px solid rgba(27, 31, 35, 0.2);
|
|
56
|
+
border-radius: 3px 3px 3px 3px;
|
|
57
|
+
outline: rgb(36, 41, 46) none 0px;
|
|
58
|
+
padding: 3px 10px;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.form_Form .form_Button button[disabled="disabled"] {
|
|
62
|
+
background: rgb(219, 223, 226);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.form_Form .form_Button button:focus {
|
|
66
|
+
box-shadow: 0 0 0 0.2em rgba(3,102,214,0.3)
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.form_Form .form_Button button:hover {
|
|
70
|
+
background: rgb(219, 223, 226);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.form_Form .form_Button.default button {
|
|
74
|
+
color: rgb(255, 255, 255);
|
|
75
|
+
text-decoration: none solid rgb(255, 255, 255);
|
|
76
|
+
word-wrap: break-word;
|
|
77
|
+
column-rule-color: rgb(255, 255, 255);
|
|
78
|
+
perspective-origin: 44.975px 17px;
|
|
79
|
+
transform-origin: 44.975px 17px;
|
|
80
|
+
background: rgb(40, 167, 69) linear-gradient(-180deg, rgb(52, 208, 88) 0%, rgb(40, 167, 69) 90%) repeat-x scroll -1px -1px / 110% 110% padding-box border-box;
|
|
81
|
+
outline: rgb(255, 255, 255) none 0px;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.form_Form .form_Button.default button[disabled="disabled"],
|
|
85
|
+
.form_Form .form_Button.default button[disabled="disabled"]:hover {
|
|
86
|
+
background: rgb(219, 223, 226);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.form_Form .form_Button.default button:hover {
|
|
90
|
+
background: rgb(20, 147, 49);
|
|
91
|
+
}
|
|
92
|
+
|