clarus-css 0.1.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/LICENSE +21 -0
- package/README.md +1 -0
- package/assets/css/components.css +0 -0
- package/assets/css/forms.css +153 -0
- package/assets/css/helpers.css +1 -0
- package/assets/css/layout.css +526 -0
- package/docs/definitions.md +234 -0
- package/mockup/layout.html +37 -0
- package/package.json +48 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 Jorge Reis
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
# clarus-css
|
|
File without changes
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');
|
|
2
|
+
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap');
|
|
3
|
+
|
|
4
|
+
@media (min-width: 120px) {
|
|
5
|
+
|
|
6
|
+
.form-row {
|
|
7
|
+
width: 100%;
|
|
8
|
+
min-height: 10px;
|
|
9
|
+
display: flex;
|
|
10
|
+
flex-direction: row;
|
|
11
|
+
flex-wrap: wrap;
|
|
12
|
+
align-items: baseline;
|
|
13
|
+
justify-content: flex-start;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.form-col {
|
|
17
|
+
display: flex;
|
|
18
|
+
flex-direction: column;
|
|
19
|
+
flex-wrap: nowrap;
|
|
20
|
+
align-items: flex-start;
|
|
21
|
+
justify-content: flex-end;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
/* LABEL */
|
|
25
|
+
.form-label {
|
|
26
|
+
width: 120px;
|
|
27
|
+
font-family: 'Google Sans Flex', sans-serif;
|
|
28
|
+
font-size: 0.75rem;
|
|
29
|
+
font-weight: 400;
|
|
30
|
+
color: #777777;
|
|
31
|
+
margin-left: 8px;
|
|
32
|
+
margin-bottom: 2px;
|
|
33
|
+
white-space: nowrap;
|
|
34
|
+
overflow: hidden;
|
|
35
|
+
text-overflow: ellipsis;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/* TEXT INFO */
|
|
39
|
+
.form-text {
|
|
40
|
+
width: 120px;
|
|
41
|
+
font-family: 'Google Sans Flex', sans-serif;
|
|
42
|
+
font-size: 0.65rem;
|
|
43
|
+
font-weight: 400;
|
|
44
|
+
color: #bbbbbb;
|
|
45
|
+
margin-top: 4px;
|
|
46
|
+
padding: 4px 8px;
|
|
47
|
+
border-radius: 4px;
|
|
48
|
+
white-space: nowrap;
|
|
49
|
+
overflow: hidden;
|
|
50
|
+
text-overflow: ellipsis;
|
|
51
|
+
}
|
|
52
|
+
.form-text.valid {
|
|
53
|
+
background-color: #e6f4ea;
|
|
54
|
+
color: #1fca7a;
|
|
55
|
+
}
|
|
56
|
+
.form-text.invalid {
|
|
57
|
+
background-color: #fce8e6;
|
|
58
|
+
color: #d93025;
|
|
59
|
+
}
|
|
60
|
+
.form-text.warning {
|
|
61
|
+
background-color: #fff4e5;
|
|
62
|
+
color: #f9ab00;
|
|
63
|
+
}
|
|
64
|
+
.form-text.info {
|
|
65
|
+
background-color: #e8f0fe;
|
|
66
|
+
color: #1a73e8;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
/* INPUT FIELD */
|
|
70
|
+
.form-control {
|
|
71
|
+
height: 38px;
|
|
72
|
+
font-family: 'Google Sans Flex', sans-serif;
|
|
73
|
+
font-size: 0.85rem;
|
|
74
|
+
font-weight: 500;
|
|
75
|
+
color: #000000;
|
|
76
|
+
background-color: #ffffff;
|
|
77
|
+
border: 1px solid #ced4da;
|
|
78
|
+
padding: 0 7px;
|
|
79
|
+
border-radius: 4px;
|
|
80
|
+
}
|
|
81
|
+
.form-control-sm {
|
|
82
|
+
height: 30px;
|
|
83
|
+
font-size: 0.65rem;
|
|
84
|
+
}
|
|
85
|
+
.form-control-lg {
|
|
86
|
+
height: 46px;
|
|
87
|
+
font-size: 0.85rem;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.form-control::placeholder {
|
|
91
|
+
color: #bbbbbb;
|
|
92
|
+
}
|
|
93
|
+
.form-control:disabled::placeholder {
|
|
94
|
+
color: transparent;
|
|
95
|
+
}
|
|
96
|
+
.form-control:focus {
|
|
97
|
+
border-color: #1a73e8;
|
|
98
|
+
box-shadow: 0 0 5px 2px rgba(26, 115, 232, 0.2);
|
|
99
|
+
outline: none;
|
|
100
|
+
}
|
|
101
|
+
.form-control:disabled {
|
|
102
|
+
background-color: #e9ecef;
|
|
103
|
+
color:#bbbbbb;
|
|
104
|
+
opacity: 0.4;
|
|
105
|
+
pointer-events: none;
|
|
106
|
+
cursor: default;
|
|
107
|
+
}
|
|
108
|
+
.form-control:read-only {
|
|
109
|
+
background-color: #e9ecef;
|
|
110
|
+
}
|
|
111
|
+
.form-control:read-only:focus {
|
|
112
|
+
border-color: #ecdd56;
|
|
113
|
+
box-shadow: 0 0 5px 2px rgba(232, 211, 26, 0.2);
|
|
114
|
+
outline: none;
|
|
115
|
+
}
|
|
116
|
+
.form-control-plaintext:read-only {
|
|
117
|
+
background-color: transparent;
|
|
118
|
+
border: none;
|
|
119
|
+
box-shadow: none;
|
|
120
|
+
}
|
|
121
|
+
.form-control-plaintext:read-only:focus {
|
|
122
|
+
border-color: transparent;
|
|
123
|
+
box-shadow: none;
|
|
124
|
+
outline: none;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.form-size-sm {
|
|
128
|
+
width: 120px;
|
|
129
|
+
}
|
|
130
|
+
.form-size-md {
|
|
131
|
+
width: 180px;
|
|
132
|
+
}
|
|
133
|
+
.form-size-lg {
|
|
134
|
+
width: 240px;
|
|
135
|
+
}
|
|
136
|
+
.form-size-xl {
|
|
137
|
+
width: 300px;
|
|
138
|
+
}
|
|
139
|
+
.form-size-xxl {
|
|
140
|
+
width: 360px;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
@media (min-width: 576px) { }
|
|
146
|
+
|
|
147
|
+
@media (min-width: 768px) { }
|
|
148
|
+
|
|
149
|
+
@media (min-width: 992px) { }
|
|
150
|
+
|
|
151
|
+
@media (min-width: 1200px) { }
|
|
152
|
+
|
|
153
|
+
@media (min-width: 1400px) { }
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1,526 @@
|
|
|
1
|
+
@media (min-width: 120px) {
|
|
2
|
+
.container,
|
|
3
|
+
.container-sm,
|
|
4
|
+
.container-md,
|
|
5
|
+
.container-lg,
|
|
6
|
+
.container-xl,
|
|
7
|
+
.container-xxl,
|
|
8
|
+
.container-fluid {
|
|
9
|
+
width: 100%;
|
|
10
|
+
flex-direction: column;
|
|
11
|
+
flex-wrap: nowrap;
|
|
12
|
+
box-sizing: border-box;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
div {
|
|
16
|
+
display: flex;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.row {
|
|
20
|
+
flex-direction: row;
|
|
21
|
+
flex-wrap: nowrap;
|
|
22
|
+
box-sizing: border-box;
|
|
23
|
+
}
|
|
24
|
+
.row-fluid {
|
|
25
|
+
width: 100%;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.row.align-items-start {
|
|
29
|
+
align-items: flex-start;
|
|
30
|
+
}
|
|
31
|
+
.row.align-items-center {
|
|
32
|
+
align-items: center;
|
|
33
|
+
}
|
|
34
|
+
.row.align-items-end {
|
|
35
|
+
align-items: flex-end;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.row.justify-content-start {
|
|
39
|
+
justify-content: flex-start;
|
|
40
|
+
}
|
|
41
|
+
.row.justify-content-center {
|
|
42
|
+
justify-content: center;
|
|
43
|
+
}
|
|
44
|
+
.row.justify-content-end {
|
|
45
|
+
justify-content: flex-end;
|
|
46
|
+
}
|
|
47
|
+
.row.justify-content-around {
|
|
48
|
+
justify-content: space-around;
|
|
49
|
+
}
|
|
50
|
+
.row.justify-content-between {
|
|
51
|
+
justify-content: space-between;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.col,
|
|
55
|
+
.col-sm,
|
|
56
|
+
.col-md,
|
|
57
|
+
.col-lg,
|
|
58
|
+
.col-xl,
|
|
59
|
+
.col-xxl {
|
|
60
|
+
flex-direction: column;
|
|
61
|
+
width: 100%;
|
|
62
|
+
}
|
|
63
|
+
.col-fluid {
|
|
64
|
+
width: 100%;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.col.align-self-start {
|
|
68
|
+
align-self: flex-start;
|
|
69
|
+
}
|
|
70
|
+
.col.align-self-center {
|
|
71
|
+
align-self: center;
|
|
72
|
+
}
|
|
73
|
+
.col.align-self-end {
|
|
74
|
+
align-self: flex-end;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
/* MARGINS */
|
|
78
|
+
.ml-auto {
|
|
79
|
+
margin-left: auto;
|
|
80
|
+
}
|
|
81
|
+
.ml-0 {
|
|
82
|
+
margin-left: 0;
|
|
83
|
+
}
|
|
84
|
+
.ml-1 {
|
|
85
|
+
margin-left: 0.25rem;
|
|
86
|
+
}
|
|
87
|
+
.ml-2 {
|
|
88
|
+
margin-left: 0.5rem;
|
|
89
|
+
}
|
|
90
|
+
.ml-3 {
|
|
91
|
+
margin-left: 1rem;
|
|
92
|
+
}
|
|
93
|
+
.ml-4 {
|
|
94
|
+
margin-left: 1.5rem;
|
|
95
|
+
}
|
|
96
|
+
.ml-5 {
|
|
97
|
+
margin-left: 3rem;
|
|
98
|
+
}
|
|
99
|
+
.mr-auto {
|
|
100
|
+
margin-right: auto;
|
|
101
|
+
}
|
|
102
|
+
.mr-0 {
|
|
103
|
+
margin-right: 0;
|
|
104
|
+
}
|
|
105
|
+
.mr-1 {
|
|
106
|
+
margin-right: 0.25rem;
|
|
107
|
+
}
|
|
108
|
+
.mr-2 {
|
|
109
|
+
margin-right: 0.5rem;
|
|
110
|
+
}
|
|
111
|
+
.mr-3 {
|
|
112
|
+
margin-right: 1rem;
|
|
113
|
+
}
|
|
114
|
+
.mr-4 {
|
|
115
|
+
margin-right: 1.5rem;
|
|
116
|
+
}
|
|
117
|
+
.mr-5 {
|
|
118
|
+
margin-right: 3rem;
|
|
119
|
+
}
|
|
120
|
+
.mx-auto {
|
|
121
|
+
margin-left: auto;
|
|
122
|
+
margin-right: auto;
|
|
123
|
+
}
|
|
124
|
+
.mx-0 {
|
|
125
|
+
margin-left: 0;
|
|
126
|
+
margin-right: 0;
|
|
127
|
+
}
|
|
128
|
+
.mx-1 {
|
|
129
|
+
margin-left: 0.25rem;
|
|
130
|
+
margin-right: 0.25rem;
|
|
131
|
+
}
|
|
132
|
+
.mx-2 {
|
|
133
|
+
margin-left: 0.5rem;
|
|
134
|
+
margin-right: 0.5rem;
|
|
135
|
+
}
|
|
136
|
+
.mx-3 {
|
|
137
|
+
margin-left: 1rem;
|
|
138
|
+
margin-right: 1rem;
|
|
139
|
+
}
|
|
140
|
+
.mx-4 {
|
|
141
|
+
margin-left: 1.5rem;
|
|
142
|
+
margin-right: 1.5rem;
|
|
143
|
+
}
|
|
144
|
+
.mx-5 {
|
|
145
|
+
margin-left: 3rem;
|
|
146
|
+
margin-right: 3rem;
|
|
147
|
+
}
|
|
148
|
+
.mt-auto {
|
|
149
|
+
margin-top: auto;
|
|
150
|
+
}
|
|
151
|
+
.mt-0 {
|
|
152
|
+
margin-top: 0;
|
|
153
|
+
}
|
|
154
|
+
.mt-1 {
|
|
155
|
+
margin-top: 0.25rem;
|
|
156
|
+
}
|
|
157
|
+
.mt-2 {
|
|
158
|
+
margin-top: 0.5rem;
|
|
159
|
+
}
|
|
160
|
+
.mt-3 {
|
|
161
|
+
margin-top: 1rem;
|
|
162
|
+
}
|
|
163
|
+
.mt-4 {
|
|
164
|
+
margin-top: 1.5rem;
|
|
165
|
+
}
|
|
166
|
+
.mt-5 {
|
|
167
|
+
margin-top: 3rem;
|
|
168
|
+
}
|
|
169
|
+
.mb-auto {
|
|
170
|
+
margin-bottom: auto;
|
|
171
|
+
}
|
|
172
|
+
.mb-0 {
|
|
173
|
+
margin-bottom: 0;
|
|
174
|
+
}
|
|
175
|
+
.mb-1 {
|
|
176
|
+
margin-bottom: 0.25rem;
|
|
177
|
+
}
|
|
178
|
+
.mb-2 {
|
|
179
|
+
margin-bottom: 0.5rem;
|
|
180
|
+
}
|
|
181
|
+
.mb-3 {
|
|
182
|
+
margin-bottom: 1rem;
|
|
183
|
+
}
|
|
184
|
+
.mb-4 {
|
|
185
|
+
margin-bottom: 1.5rem;
|
|
186
|
+
}
|
|
187
|
+
.mb-5 {
|
|
188
|
+
margin-bottom: 3rem;
|
|
189
|
+
}
|
|
190
|
+
.my-auto {
|
|
191
|
+
margin-top: auto;
|
|
192
|
+
margin-bottom: auto;
|
|
193
|
+
}
|
|
194
|
+
.my-0 {
|
|
195
|
+
margin-top: 0;
|
|
196
|
+
margin-bottom: 0;
|
|
197
|
+
}
|
|
198
|
+
.my-1 {
|
|
199
|
+
margin-top: 0.25rem;
|
|
200
|
+
margin-bottom: 0.25rem;
|
|
201
|
+
}
|
|
202
|
+
.my-2 {
|
|
203
|
+
margin-top: 0.5rem;
|
|
204
|
+
margin-bottom: 0.5rem;
|
|
205
|
+
}
|
|
206
|
+
.my-3 {
|
|
207
|
+
margin-top: 1rem;
|
|
208
|
+
margin-bottom: 1rem;
|
|
209
|
+
}
|
|
210
|
+
.my-4 {
|
|
211
|
+
margin-top: 1.5rem;
|
|
212
|
+
margin-bottom: 1.5rem;
|
|
213
|
+
}
|
|
214
|
+
.my-5 {
|
|
215
|
+
margin-top: 3rem;
|
|
216
|
+
margin-bottom: 3rem;
|
|
217
|
+
}
|
|
218
|
+
.m-1 {
|
|
219
|
+
margin: 0.25rem;
|
|
220
|
+
}
|
|
221
|
+
.m-2 {
|
|
222
|
+
margin: 0.5rem;
|
|
223
|
+
}
|
|
224
|
+
.m-3 {
|
|
225
|
+
margin: 1rem;
|
|
226
|
+
}
|
|
227
|
+
.m-4 {
|
|
228
|
+
margin: 1.5rem;
|
|
229
|
+
}
|
|
230
|
+
.m-5 {
|
|
231
|
+
margin: 3rem;
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
/* PADDINGS */
|
|
235
|
+
.p-0 {
|
|
236
|
+
padding: 0;
|
|
237
|
+
}
|
|
238
|
+
.p-1 {
|
|
239
|
+
padding: 0.25rem;
|
|
240
|
+
}
|
|
241
|
+
.p-2 {
|
|
242
|
+
padding: 0.5rem;
|
|
243
|
+
}
|
|
244
|
+
.p-3 {
|
|
245
|
+
padding: 1rem;
|
|
246
|
+
}
|
|
247
|
+
.p-4 {
|
|
248
|
+
padding: 1.5rem;
|
|
249
|
+
}
|
|
250
|
+
.p-5 {
|
|
251
|
+
padding: 3rem;
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
.pl-0 {
|
|
255
|
+
padding-left: 0;
|
|
256
|
+
}
|
|
257
|
+
.pl-1 {
|
|
258
|
+
padding-left: 0.25rem;
|
|
259
|
+
}
|
|
260
|
+
.pl-2 {
|
|
261
|
+
padding-left: 0.5rem;
|
|
262
|
+
}
|
|
263
|
+
.pl-3 {
|
|
264
|
+
padding-left: 1rem;
|
|
265
|
+
}
|
|
266
|
+
.pl-4 {
|
|
267
|
+
padding-left: 1.5rem;
|
|
268
|
+
}
|
|
269
|
+
.pl-5 {
|
|
270
|
+
padding-left: 3rem;
|
|
271
|
+
}
|
|
272
|
+
|
|
273
|
+
.pr-0 {
|
|
274
|
+
padding-right: 0;
|
|
275
|
+
}
|
|
276
|
+
.pr-1 {
|
|
277
|
+
padding-right: 0.25rem;
|
|
278
|
+
}
|
|
279
|
+
.pr-2 {
|
|
280
|
+
padding-right: 0.5rem;
|
|
281
|
+
}
|
|
282
|
+
.pr-3 {
|
|
283
|
+
padding-right: 1rem;
|
|
284
|
+
}
|
|
285
|
+
.pr-4 {
|
|
286
|
+
padding-right: 1.5rem;
|
|
287
|
+
}
|
|
288
|
+
.pr-5 {
|
|
289
|
+
padding-right: 3rem;
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
.pt-0 {
|
|
293
|
+
padding-top: 0;
|
|
294
|
+
}
|
|
295
|
+
.pt-1 {
|
|
296
|
+
padding-top: 0.25rem;
|
|
297
|
+
}
|
|
298
|
+
.pt-2 {
|
|
299
|
+
padding-top: 0.5rem;
|
|
300
|
+
}
|
|
301
|
+
.pt-3 {
|
|
302
|
+
padding-top: 1rem;
|
|
303
|
+
}
|
|
304
|
+
.pt-4 {
|
|
305
|
+
padding-top: 1.5rem;
|
|
306
|
+
}
|
|
307
|
+
.pt-5 {
|
|
308
|
+
padding-top: 3rem;
|
|
309
|
+
}
|
|
310
|
+
|
|
311
|
+
.pb-0 {
|
|
312
|
+
padding-bottom: 0;
|
|
313
|
+
}
|
|
314
|
+
.pb-1 {
|
|
315
|
+
padding-bottom: 0.25rem;
|
|
316
|
+
}
|
|
317
|
+
.pb-2 {
|
|
318
|
+
padding-bottom: 0.5rem;
|
|
319
|
+
}
|
|
320
|
+
.pb-3 {
|
|
321
|
+
padding-bottom: 1rem;
|
|
322
|
+
}
|
|
323
|
+
.pb-4 {
|
|
324
|
+
padding-bottom: 1.5rem;
|
|
325
|
+
}
|
|
326
|
+
.pb-5 {
|
|
327
|
+
padding-bottom: 3rem;
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
.px-0 {
|
|
331
|
+
padding-left: 0;
|
|
332
|
+
padding-right: 0;
|
|
333
|
+
}
|
|
334
|
+
.px-1 {
|
|
335
|
+
padding-left: 0.25rem;
|
|
336
|
+
padding-right: 0.25rem;
|
|
337
|
+
}
|
|
338
|
+
.px-2 {
|
|
339
|
+
padding-left: 0.5rem;
|
|
340
|
+
padding-right: 0.5rem;
|
|
341
|
+
}
|
|
342
|
+
.px-3 {
|
|
343
|
+
padding-left: 1rem;
|
|
344
|
+
padding-right: 1rem;
|
|
345
|
+
}
|
|
346
|
+
.px-4 {
|
|
347
|
+
padding-left: 1.5rem;
|
|
348
|
+
padding-right: 1.5rem;
|
|
349
|
+
}
|
|
350
|
+
.px-5 {
|
|
351
|
+
padding-left: 3rem;
|
|
352
|
+
padding-right: 3rem;
|
|
353
|
+
}
|
|
354
|
+
|
|
355
|
+
.py-0 {
|
|
356
|
+
padding-top: 0;
|
|
357
|
+
padding-bottom: 0;
|
|
358
|
+
}
|
|
359
|
+
.py-1 {
|
|
360
|
+
padding-top: 0.25rem;
|
|
361
|
+
padding-bottom: 0.25rem;
|
|
362
|
+
}
|
|
363
|
+
.py-2 {
|
|
364
|
+
padding-top: 0.5rem;
|
|
365
|
+
padding-bottom: 0.5rem;
|
|
366
|
+
}
|
|
367
|
+
.py-3 {
|
|
368
|
+
padding-top: 1rem;
|
|
369
|
+
padding-bottom: 1rem;
|
|
370
|
+
}
|
|
371
|
+
.py-4 {
|
|
372
|
+
padding-top: 1.5rem;
|
|
373
|
+
padding-bottom: 1.5rem;
|
|
374
|
+
}
|
|
375
|
+
.py-5 {
|
|
376
|
+
padding-top: 3rem;
|
|
377
|
+
padding-bottom: 3rem;
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
/* GAPS */
|
|
381
|
+
.gx-0 {
|
|
382
|
+
column-gap: 0;
|
|
383
|
+
}
|
|
384
|
+
.gx-1 {
|
|
385
|
+
column-gap: 0.25rem;
|
|
386
|
+
}
|
|
387
|
+
.gx-2 {
|
|
388
|
+
column-gap: 0.5rem;
|
|
389
|
+
}
|
|
390
|
+
.gx-3 {
|
|
391
|
+
column-gap: 1rem;
|
|
392
|
+
}
|
|
393
|
+
.gx-4 {
|
|
394
|
+
column-gap: 1.5rem;
|
|
395
|
+
}
|
|
396
|
+
.gx-5 {
|
|
397
|
+
column-gap: 3rem;
|
|
398
|
+
}
|
|
399
|
+
.gy-0 {
|
|
400
|
+
row-gap: 0;
|
|
401
|
+
}
|
|
402
|
+
.gy-1 {
|
|
403
|
+
row-gap: 0.25rem;
|
|
404
|
+
}
|
|
405
|
+
.gy-2 {
|
|
406
|
+
row-gap: 0.5rem;
|
|
407
|
+
}
|
|
408
|
+
.gy-3 {
|
|
409
|
+
row-gap: 1rem;
|
|
410
|
+
}
|
|
411
|
+
.gy-4 {
|
|
412
|
+
row-gap: 1.5rem;
|
|
413
|
+
}
|
|
414
|
+
.gy-5 {
|
|
415
|
+
row-gap: 3rem;
|
|
416
|
+
}
|
|
417
|
+
.g-0 {
|
|
418
|
+
gap: 0;
|
|
419
|
+
}
|
|
420
|
+
.g-1 {
|
|
421
|
+
gap: 0.25rem;
|
|
422
|
+
}
|
|
423
|
+
.g-2 {
|
|
424
|
+
gap: 0.5rem;
|
|
425
|
+
}
|
|
426
|
+
.g-3 {
|
|
427
|
+
gap: 1rem;
|
|
428
|
+
}
|
|
429
|
+
.g-4 {
|
|
430
|
+
gap: 1.5rem;
|
|
431
|
+
}
|
|
432
|
+
.g-5 {
|
|
433
|
+
gap: 3rem;
|
|
434
|
+
}
|
|
435
|
+
|
|
436
|
+
/* VISIBILITY */
|
|
437
|
+
.visible {
|
|
438
|
+
visibility: visible;
|
|
439
|
+
}
|
|
440
|
+
.invisible {
|
|
441
|
+
visibility: hidden;
|
|
442
|
+
}
|
|
443
|
+
|
|
444
|
+
/* DISPLAY */
|
|
445
|
+
.d-none {
|
|
446
|
+
display: none;
|
|
447
|
+
}
|
|
448
|
+
.d-block {
|
|
449
|
+
display: block;
|
|
450
|
+
}
|
|
451
|
+
.d-inline {
|
|
452
|
+
display: inline;
|
|
453
|
+
}
|
|
454
|
+
.d-inline-block {
|
|
455
|
+
display: inline-block;
|
|
456
|
+
}
|
|
457
|
+
.d-flex {
|
|
458
|
+
display: flex;
|
|
459
|
+
}
|
|
460
|
+
|
|
461
|
+
}
|
|
462
|
+
|
|
463
|
+
@media (min-width: 576px) {
|
|
464
|
+
.container,
|
|
465
|
+
.container-sm {
|
|
466
|
+
width: 540px;
|
|
467
|
+
}
|
|
468
|
+
|
|
469
|
+
.col-sm {
|
|
470
|
+
max-width: 120px;
|
|
471
|
+
}
|
|
472
|
+
}
|
|
473
|
+
|
|
474
|
+
@media (min-width: 768px) {
|
|
475
|
+
.container,
|
|
476
|
+
.container-sm,
|
|
477
|
+
.container-md {
|
|
478
|
+
width: 720px;
|
|
479
|
+
}
|
|
480
|
+
|
|
481
|
+
.col-md {
|
|
482
|
+
max-width: 240px;
|
|
483
|
+
}
|
|
484
|
+
}
|
|
485
|
+
|
|
486
|
+
@media (min-width: 992px) {
|
|
487
|
+
.container,
|
|
488
|
+
.container-sm,
|
|
489
|
+
.container-md,
|
|
490
|
+
.container-lg {
|
|
491
|
+
width: 960px;
|
|
492
|
+
}
|
|
493
|
+
|
|
494
|
+
.col-lg {
|
|
495
|
+
max-width: 360px;
|
|
496
|
+
}
|
|
497
|
+
}
|
|
498
|
+
|
|
499
|
+
@media (min-width: 1200px) {
|
|
500
|
+
.container,
|
|
501
|
+
.container-sm,
|
|
502
|
+
.container-md,
|
|
503
|
+
.container-lg,
|
|
504
|
+
.container-xl {
|
|
505
|
+
width: 1140px;
|
|
506
|
+
}
|
|
507
|
+
|
|
508
|
+
.col-xl {
|
|
509
|
+
max-width: 480px;
|
|
510
|
+
}
|
|
511
|
+
}
|
|
512
|
+
|
|
513
|
+
@media (min-width: 1400px) {
|
|
514
|
+
.container,
|
|
515
|
+
.container-sm,
|
|
516
|
+
.container-md,
|
|
517
|
+
.container-lg,
|
|
518
|
+
.container-xl,
|
|
519
|
+
.container-xxl {
|
|
520
|
+
width: 1320px;
|
|
521
|
+
}
|
|
522
|
+
|
|
523
|
+
.col-xxl {
|
|
524
|
+
max-width: 560px;
|
|
525
|
+
}
|
|
526
|
+
}
|
|
@@ -0,0 +1,234 @@
|
|
|
1
|
+
# Clarus CSS — Definições Iniciais do Projeto
|
|
2
|
+
|
|
3
|
+
## 1. Visão Geral
|
|
4
|
+
|
|
5
|
+
Clarus CSS é um framework CSS open source, de uso recorrente nos projetos pessoais e profissionais do autor, com distribuição pública como produto para qualquer desenvolvedor que precise construir interfaces web com HTML, CSS e JavaScript de forma direta, consistente e reutilizável.
|
|
6
|
+
|
|
7
|
+
O projeto será publicado no GitHub sob o repositório `clarus-css` e terá distribuição oficial via npm desde o início. A licença adotada é MIT, mantendo o framework permissivo, simples de reutilizar e adequado para uso pessoal, comercial e comunitário.
|
|
8
|
+
|
|
9
|
+
## 2. Objetivo Estratégico
|
|
10
|
+
|
|
11
|
+
O objetivo do Clarus CSS é oferecer uma base visual moderna, minimalista e produtiva para criação de páginas, sistemas e componentes de interface sem exigir dependências externas ou integração obrigatória com frameworks JavaScript.
|
|
12
|
+
|
|
13
|
+
O projeto deve equilibrar três finalidades:
|
|
14
|
+
|
|
15
|
+
- Servir como biblioteca padrão para projetos recorrentes do autor.
|
|
16
|
+
- Funcionar como produto público open source, consultável e reutilizável por terceiros.
|
|
17
|
+
- Demonstrar maturidade técnica, organização de engenharia e clareza de documentação.
|
|
18
|
+
|
|
19
|
+
## 3. Público-Alvo
|
|
20
|
+
|
|
21
|
+
O público-alvo principal inclui o próprio autor e qualquer tipo de desenvolvedor que queira usar classes prontas, componentes visuais consistentes e padrões de layout próximos à experiência oferecida pelo Bootstrap.
|
|
22
|
+
|
|
23
|
+
O framework deve ser acessível para desenvolvedores iniciantes, mas suficientemente organizado para ser adotado por profissionais experientes em projetos reais.
|
|
24
|
+
|
|
25
|
+
## 4. Posicionamento do Produto
|
|
26
|
+
|
|
27
|
+
O Clarus CSS será mais próximo do Bootstrap do que de frameworks puramente utilitários como Tailwind CSS. A proposta é entregar componentes prontos, classes auxiliares e uma estrutura previsível para acelerar a construção de interfaces.
|
|
28
|
+
|
|
29
|
+
A identidade visual deve seguir uma linha minimalista e moderna, com foco em clareza, legibilidade, baixo ruído visual e adaptação a diferentes tipos de aplicação.
|
|
30
|
+
|
|
31
|
+
## 5. Filosofia de Design
|
|
32
|
+
|
|
33
|
+
A filosofia oficial do projeto é híbrida.
|
|
34
|
+
|
|
35
|
+
Isso significa que o framework deve combinar:
|
|
36
|
+
|
|
37
|
+
- Componentes prontos para uso, como botões, formulários, cards, menus, modais, alertas, tabelas e navegação.
|
|
38
|
+
- Classes utilitárias para espaçamento, alinhamento, display, visibilidade, grid, tipografia, cores e estados visuais.
|
|
39
|
+
- Padrões consistentes de nomenclatura para reduzir colisões, facilitar leitura do HTML e manter previsibilidade entre componentes.
|
|
40
|
+
|
|
41
|
+
Essa decisão é firme e deve orientar toda a arquitetura do projeto.
|
|
42
|
+
|
|
43
|
+
## 6. Stack Tecnológica
|
|
44
|
+
|
|
45
|
+
O projeto deve priorizar HTML, CSS e JavaScript nativo.
|
|
46
|
+
|
|
47
|
+
A stack definida é:
|
|
48
|
+
|
|
49
|
+
- CSS como base do framework.
|
|
50
|
+
- SCSS/Sass para organização modular, variáveis, mixins e funções.
|
|
51
|
+
- CSS Custom Properties para permitir customização em tempo de uso sem recompilação obrigatória.
|
|
52
|
+
- PostCSS para pós-processamento e compatibilidade entre navegadores.
|
|
53
|
+
- JavaScript nativo para componentes interativos.
|
|
54
|
+
- Empacotamento leve para distribuição em formatos compatíveis com uso moderno e inclusão direta em páginas HTML.
|
|
55
|
+
|
|
56
|
+
O Clarus CSS deve ter dependência externa zero em tempo de execução. Não deve depender de React, Vue, Angular, jQuery ou qualquer biblioteca JavaScript de terceiros para funcionar.
|
|
57
|
+
|
|
58
|
+
## 7. Arquitetura de Interface
|
|
59
|
+
|
|
60
|
+
O framework deve priorizar uso direto em HTML, CSS e JavaScript, sem exigir build complexo para o usuário final.
|
|
61
|
+
|
|
62
|
+
As classes e componentes devem ser pensados para:
|
|
63
|
+
|
|
64
|
+
- Uso direto em arquivos HTML.
|
|
65
|
+
- Integração simples com qualquer back-end ou front-end.
|
|
66
|
+
- Compatibilidade futura com projetos que usem React, Vue, Angular ou outras stacks, sem tornar essas stacks obrigatórias.
|
|
67
|
+
|
|
68
|
+
## 8. Sistema de Layout
|
|
69
|
+
|
|
70
|
+
O sistema de layout será baseado em Flexbox.
|
|
71
|
+
|
|
72
|
+
O grid deve seguir uma abordagem próxima ao Bootstrap, incluindo breakpoints familiares:
|
|
73
|
+
|
|
74
|
+
- `sm`
|
|
75
|
+
- `md`
|
|
76
|
+
- `lg`
|
|
77
|
+
- `xl`
|
|
78
|
+
- `xxl`
|
|
79
|
+
|
|
80
|
+
O objetivo é reduzir a curva de aprendizado para quem já conhece Bootstrap, mantendo liberdade para adaptar detalhes internos à identidade do Clarus CSS.
|
|
81
|
+
|
|
82
|
+
## 9. Escopo Inicial de Componentes
|
|
83
|
+
|
|
84
|
+
A primeira versão publicável deve mirar um escopo completo, com componentes suficientes para permitir o uso real do framework em projetos práticos.
|
|
85
|
+
|
|
86
|
+
O escopo inicial inclui:
|
|
87
|
+
|
|
88
|
+
- Layout e containers.
|
|
89
|
+
- Grid baseado em Flexbox.
|
|
90
|
+
- Utilitários de espaçamento, display, alinhamento, visibilidade e tipografia.
|
|
91
|
+
- Formulários e campos de entrada.
|
|
92
|
+
- Botões.
|
|
93
|
+
- Cards.
|
|
94
|
+
- Alertas.
|
|
95
|
+
- Badges.
|
|
96
|
+
- Tabelas.
|
|
97
|
+
- Navbar.
|
|
98
|
+
- Dropdown.
|
|
99
|
+
- Modal.
|
|
100
|
+
- Accordion.
|
|
101
|
+
- Tabs.
|
|
102
|
+
- Tooltips.
|
|
103
|
+
- Toasts.
|
|
104
|
+
- Paginação.
|
|
105
|
+
- Breadcrumbs.
|
|
106
|
+
|
|
107
|
+
O escopo pode ser implementado em etapas, mas o documento assume que todos esses grupos fazem parte da visão inicial do produto.
|
|
108
|
+
|
|
109
|
+
## 10. Temas e Customização
|
|
110
|
+
|
|
111
|
+
O Clarus CSS deve oferecer suporte nativo a dark mode desde a primeira versão.
|
|
112
|
+
|
|
113
|
+
A paleta de cores ainda será escolhida posteriormente, mas a arquitetura deve estar preparada para temas claros e escuros por meio de CSS Custom Properties.
|
|
114
|
+
|
|
115
|
+
A customização deve permitir que usuários alterem cores, espaçamentos, tipografia e estados visuais sem reescrever o framework inteiro.
|
|
116
|
+
|
|
117
|
+
## 11. Tipografia
|
|
118
|
+
|
|
119
|
+
O projeto usará Google Fonts como fonte oficial de tipografia.
|
|
120
|
+
|
|
121
|
+
A família tipográfica final ainda será definida, mas a decisão estratégica é usar uma fonte externa com boa legibilidade, aparência moderna e compatibilidade com interfaces web de uso geral.
|
|
122
|
+
|
|
123
|
+
## 12. Documentação
|
|
124
|
+
|
|
125
|
+
A documentação inicial será mantida em Markdown no GitHub.
|
|
126
|
+
|
|
127
|
+
Não haverá, no primeiro momento, um site separado de documentação. A prioridade é manter a documentação simples, versionada junto ao código e acessível diretamente pelo repositório.
|
|
128
|
+
|
|
129
|
+
Os documentos devem explicar:
|
|
130
|
+
|
|
131
|
+
- Instalação via npm.
|
|
132
|
+
- Uso direto via arquivo compilado.
|
|
133
|
+
- Estrutura de classes.
|
|
134
|
+
- Sistema de grid.
|
|
135
|
+
- Componentes disponíveis.
|
|
136
|
+
- Customização por variáveis.
|
|
137
|
+
- Modo escuro.
|
|
138
|
+
- Convenções de contribuição.
|
|
139
|
+
|
|
140
|
+
## 13. Distribuição
|
|
141
|
+
|
|
142
|
+
O Clarus CSS será publicado no npm desde o início.
|
|
143
|
+
|
|
144
|
+
A distribuição deve contemplar:
|
|
145
|
+
|
|
146
|
+
- Pacote npm oficial.
|
|
147
|
+
- Arquivos compilados em `dist`.
|
|
148
|
+
- Versão minificada para produção.
|
|
149
|
+
- CSS principal.
|
|
150
|
+
- JavaScript nativo para componentes interativos.
|
|
151
|
+
- Possibilidade de uso via CDN por meio de serviços como jsDelivr e unpkg após publicação no npm.
|
|
152
|
+
|
|
153
|
+
## 14. Licenciamento
|
|
154
|
+
|
|
155
|
+
O projeto será licenciado sob MIT.
|
|
156
|
+
|
|
157
|
+
Essa licença confirma a intenção de permitir uso amplo, modificação, cópia, redistribuição e uso comercial, preservando apenas os requisitos básicos de atribuição e inclusão do aviso de licença.
|
|
158
|
+
|
|
159
|
+
## 15. Estrutura Inicial do Repositório
|
|
160
|
+
|
|
161
|
+
A estrutura-alvo do repositório deve evoluir para algo próximo de:
|
|
162
|
+
|
|
163
|
+
```text
|
|
164
|
+
clarus-css/
|
|
165
|
+
├── assets/
|
|
166
|
+
├── docs/
|
|
167
|
+
├── dist/
|
|
168
|
+
├── js/
|
|
169
|
+
├── mockup/
|
|
170
|
+
├── scss/
|
|
171
|
+
├── CHANGELOG.md
|
|
172
|
+
├── CONTRIBUTING.md
|
|
173
|
+
├── LICENSE
|
|
174
|
+
├── package.json
|
|
175
|
+
└── README.md
|
|
176
|
+
```
|
|
177
|
+
|
|
178
|
+
A estrutura atual pode ser ajustada progressivamente, mas deve convergir para separar fonte, distribuição, documentação e exemplos.
|
|
179
|
+
|
|
180
|
+
## 16. Boas Práticas de Engenharia
|
|
181
|
+
|
|
182
|
+
O projeto deve adotar práticas que transmitam seriedade técnica desde o início:
|
|
183
|
+
|
|
184
|
+
- Versionamento semântico.
|
|
185
|
+
- Histórico de mudanças em `CHANGELOG.md`.
|
|
186
|
+
- Orientações de contribuição em `CONTRIBUTING.md`.
|
|
187
|
+
- Scripts de build e minificação.
|
|
188
|
+
- Organização modular por componente.
|
|
189
|
+
- Convenção consistente de nomenclatura de classes.
|
|
190
|
+
- GitHub Actions para lint, build e validações básicas.
|
|
191
|
+
- Publicação controlada por release.
|
|
192
|
+
|
|
193
|
+
## 17. Decisões Firmes
|
|
194
|
+
|
|
195
|
+
As seguintes decisões estão definidas:
|
|
196
|
+
|
|
197
|
+
- Nome do produto: Clarus.
|
|
198
|
+
- Nome do projeto/repositório: `clarus-css`.
|
|
199
|
+
- Modelo de design: híbrido.
|
|
200
|
+
- Referência principal: Bootstrap.
|
|
201
|
+
- Stack prioritária: HTML, CSS e JavaScript nativo.
|
|
202
|
+
- Dependências externas em tempo de execução: zero.
|
|
203
|
+
- Sistema de layout: Flexbox.
|
|
204
|
+
- Breakpoints: próximos ao padrão Bootstrap.
|
|
205
|
+
- Identidade visual: minimalista e moderna.
|
|
206
|
+
- Tipografia: Google Fonts.
|
|
207
|
+
- Dark mode: nativo desde a primeira versão.
|
|
208
|
+
- Documentação inicial: Markdown no GitHub.
|
|
209
|
+
- Distribuição: npm desde o início.
|
|
210
|
+
- Licença: MIT.
|
|
211
|
+
- Tom do projeto: técnico, estratégico e com posicionamento de produto.
|
|
212
|
+
|
|
213
|
+
## 18. Pontos a Definir Posteriormente
|
|
214
|
+
|
|
215
|
+
Apesar das decisões principais estarem firmadas, ainda precisam ser definidos em documentos específicos:
|
|
216
|
+
|
|
217
|
+
- Paleta de cores oficial.
|
|
218
|
+
- Família tipográfica final.
|
|
219
|
+
- Convenção exata de nomes de classes.
|
|
220
|
+
- Estrutura definitiva dos arquivos SCSS.
|
|
221
|
+
- API JavaScript dos componentes interativos.
|
|
222
|
+
- Ordem de implementação dos componentes.
|
|
223
|
+
- Estratégia de testes visuais e funcionais.
|
|
224
|
+
|
|
225
|
+
## 19. Próximo Marco
|
|
226
|
+
|
|
227
|
+
O próximo marco do projeto é transformar estas definições em uma estrutura técnica inicial:
|
|
228
|
+
|
|
229
|
+
1. Criar ou ajustar `package.json`.
|
|
230
|
+
2. Definir a arquitetura SCSS.
|
|
231
|
+
3. Criar pipeline de build.
|
|
232
|
+
4. Organizar `dist`.
|
|
233
|
+
5. Documentar instalação e uso inicial no `README.md`.
|
|
234
|
+
6. Implementar layout, grid, utilitários e formulários como base da versão inicial.
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>Mockup - Layout</title>
|
|
7
|
+
|
|
8
|
+
<!-- STYLES IMPORT -->
|
|
9
|
+
<link rel="stylesheet" href="../assets/css/layout.css">
|
|
10
|
+
<link rel="stylesheet" href="../assets/css/forms.css">
|
|
11
|
+
</head>
|
|
12
|
+
<body>
|
|
13
|
+
|
|
14
|
+
<div class="container-fluid p-2 gy-2">
|
|
15
|
+
<div class="row-fluid gx-2">
|
|
16
|
+
<div class="col-sm p-2">col 1</div>
|
|
17
|
+
<div class="col-md p-2">col 2</div>
|
|
18
|
+
<div class="col p-2">col 3</div>
|
|
19
|
+
</div>
|
|
20
|
+
<div class="row row-fluid justify-content-start">
|
|
21
|
+
<div class="col col-fluid p-2">col 1</div>
|
|
22
|
+
</div>
|
|
23
|
+
</div>
|
|
24
|
+
|
|
25
|
+
<div class="container-fluid p-2">
|
|
26
|
+
<div class="form-row mt-3 gx-2">
|
|
27
|
+
<div class="form-col">
|
|
28
|
+
<label for="input-text" class="form-label form-size-md">Nome completo</label>
|
|
29
|
+
<input type="text" class="form-control form-size-xxl" id="input-text" placeholder="Enter text" value="Jorge Reis">
|
|
30
|
+
<span class="form-text form-size-xxl info">This is a valid text input field.</span>
|
|
31
|
+
</div>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
</body>
|
|
37
|
+
</html>
|
package/package.json
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "clarus-css",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "A modern, minimal CSS framework for building interfaces with HTML, CSS, and vanilla JavaScript.",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"css",
|
|
7
|
+
"framework",
|
|
8
|
+
"ui",
|
|
9
|
+
"frontend",
|
|
10
|
+
"html",
|
|
11
|
+
"vanilla-js",
|
|
12
|
+
"bootstrap"
|
|
13
|
+
],
|
|
14
|
+
"homepage": "https://github.com/jorgewreis/clarus-css#readme",
|
|
15
|
+
"bugs": {
|
|
16
|
+
"url": "https://github.com/jorgewreis/clarus-css/issues"
|
|
17
|
+
},
|
|
18
|
+
"repository": {
|
|
19
|
+
"type": "git",
|
|
20
|
+
"url": "git+https://github.com/jorgewreis/clarus-css.git"
|
|
21
|
+
},
|
|
22
|
+
"license": "MIT",
|
|
23
|
+
"author": "Jorge Reis",
|
|
24
|
+
"sideEffects": [
|
|
25
|
+
"*.css",
|
|
26
|
+
"assets/**/*.css"
|
|
27
|
+
],
|
|
28
|
+
"style": "assets/css/layout.css",
|
|
29
|
+
"exports": {
|
|
30
|
+
"./layout.css": "./assets/css/layout.css",
|
|
31
|
+
"./forms.css": "./assets/css/forms.css",
|
|
32
|
+
"./components.css": "./assets/css/components.css",
|
|
33
|
+
"./helpers.css": "./assets/css/helpers.css"
|
|
34
|
+
},
|
|
35
|
+
"files": [
|
|
36
|
+
"assets/css",
|
|
37
|
+
"docs",
|
|
38
|
+
"mockup",
|
|
39
|
+
"LICENSE",
|
|
40
|
+
"README.md"
|
|
41
|
+
],
|
|
42
|
+
"publishConfig": {
|
|
43
|
+
"access": "public"
|
|
44
|
+
},
|
|
45
|
+
"scripts": {
|
|
46
|
+
"test": "echo \"No tests configured yet\""
|
|
47
|
+
}
|
|
48
|
+
}
|