semantic-forms 5.3.1 → 5.3.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/CHANGELOG.md +9 -0
- package/dist/semantic-forms.cjs +9 -10
- package/dist/semantic-forms.cjs.map +1 -1
- package/dist/semantic-forms.css +54 -21
- package/dist/semantic-forms.css.map +1 -1
- package/dist/semantic-forms.js +9 -10
- package/dist/semantic-forms.js.map +1 -1
- package/dist/semantic-forms.min.js +1 -1
- package/dist/semantic-forms.min.js.map +1 -1
- package/dist/semantic-forms.min.mjs +1 -1
- package/dist/semantic-forms.min.mjs.map +1 -1
- package/dist/semantic-forms.mjs +9 -10
- package/dist/semantic-forms.mjs.map +1 -1
- package/docs/statics/pages/fullDemo.html +831 -186
- package/package.json +4 -4
- package/semanticForms.scss +12 -4
package/package.json
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"url": "https://github.com/rooseveltframework/semantic-forms/graphs/contributors"
|
|
9
9
|
}
|
|
10
10
|
],
|
|
11
|
-
"version": "5.3.
|
|
11
|
+
"version": "5.3.3",
|
|
12
12
|
"files": [
|
|
13
13
|
"dist",
|
|
14
14
|
"semanticForms.scss",
|
|
@@ -30,13 +30,13 @@
|
|
|
30
30
|
"readmeFilename": "README.md",
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"@jsdevtools/coverage-istanbul-loader": "3.0.5",
|
|
33
|
-
"@playwright/test": "1.
|
|
33
|
+
"@playwright/test": "1.57.0",
|
|
34
34
|
"eslint": "9.39.1",
|
|
35
35
|
"eslint-plugin-html": "8.1.3",
|
|
36
|
-
"express": "5.1
|
|
36
|
+
"express": "5.2.1",
|
|
37
37
|
"nodemon": "3.1.11",
|
|
38
38
|
"nyc": "17.1.0",
|
|
39
|
-
"sass": "1.
|
|
39
|
+
"sass": "1.96.0",
|
|
40
40
|
"http-server": "14.1.1",
|
|
41
41
|
"standard": "17.1.2",
|
|
42
42
|
"webpack-cli": "6.0.1"
|
package/semanticForms.scss
CHANGED
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
fieldset {
|
|
20
20
|
background-color: var(--semanticFormsNestedFieldsetBgColor);
|
|
21
21
|
border: var(--semanticFormsNestedFieldsetBorder);
|
|
22
|
-
margin
|
|
22
|
+
margin: 0;
|
|
23
23
|
|
|
24
24
|
// add opacity to styled inputs to prevent blending with background
|
|
25
25
|
input:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio]),
|
|
@@ -39,8 +39,8 @@
|
|
|
39
39
|
display: flex;
|
|
40
40
|
flex-direction: column;
|
|
41
41
|
gap: 5px;
|
|
42
|
-
padding:
|
|
43
|
-
margin
|
|
42
|
+
padding: 10px;
|
|
43
|
+
margin: 0;
|
|
44
44
|
min-height: calc(var(--semanticFormsFontSize) + 20px);
|
|
45
45
|
|
|
46
46
|
&::details-content {
|
|
@@ -91,6 +91,8 @@
|
|
|
91
91
|
}
|
|
92
92
|
|
|
93
93
|
&[open] {
|
|
94
|
+
padding-top: 30px;
|
|
95
|
+
|
|
94
96
|
&::details-content {
|
|
95
97
|
visibility: visible;
|
|
96
98
|
opacity: 1;
|
|
@@ -120,7 +122,7 @@
|
|
|
120
122
|
display: grid;
|
|
121
123
|
grid-template-columns: repeat(auto-fit, minmax(var(--semanticFormsInputMinWidth), 1fr));
|
|
122
124
|
gap: 10px;
|
|
123
|
-
margin
|
|
125
|
+
margin: 0;
|
|
124
126
|
|
|
125
127
|
div {
|
|
126
128
|
position: relative;
|
|
@@ -143,6 +145,11 @@
|
|
|
143
145
|
}
|
|
144
146
|
}
|
|
145
147
|
|
|
148
|
+
&:not(:has(ul, ol)):has(dd input[type=radio]:only-of-type, dd input[type=checkbox]:only-of-type) {
|
|
149
|
+
// place in line with other inputs w/ labels
|
|
150
|
+
padding-top: 22px;
|
|
151
|
+
}
|
|
152
|
+
|
|
146
153
|
// hide labels for singular buttons
|
|
147
154
|
&:has(dd > button:only-child, dd > input[type=button]:only-child, dd > input[type=submit]:only-child, dd > input[type=reset]:only-child) {
|
|
148
155
|
dt label {
|
|
@@ -164,6 +171,7 @@
|
|
|
164
171
|
grid-template-columns: 15px 1fr;
|
|
165
172
|
align-items: center;
|
|
166
173
|
padding-left: 11px;
|
|
174
|
+
gap: 5px 10px;
|
|
167
175
|
|
|
168
176
|
// anything that is not the radio/checkbox and its label
|
|
169
177
|
& > :not(input[type='checkbox'], input[type='radio'], label) {
|