react-asc 19.0.7 → 21.0.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/components/Grid/Row/Row.d.ts +4 -1
- package/components/Select/Select.d.ts +1 -0
- package/components/Textarea/Textarea.d.ts +4 -1
- package/index.es.js +249 -221
- package/index.js +249 -221
- package/package.json +3 -4
- package/react-asc.scss +95 -3
- package/readme.md +3 -5
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-asc",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "21.0.0",
|
|
4
4
|
"description": "handcrafted react components",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.es.js",
|
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"@popperjs/core": "2.9.2",
|
|
13
|
-
"bootstrap": "5.1.3",
|
|
14
13
|
"react": "17.0.2",
|
|
15
|
-
"react-dom": "17.0.2"
|
|
14
|
+
"react-dom": "17.0.2",
|
|
15
|
+
"modern-normalize": "^1.1.0"
|
|
16
16
|
},
|
|
17
17
|
"scripts": {
|
|
18
18
|
"pub": "npm publish --access public"
|
|
@@ -23,7 +23,6 @@
|
|
|
23
23
|
"ui library",
|
|
24
24
|
"components",
|
|
25
25
|
"library",
|
|
26
|
-
"bootstrap",
|
|
27
26
|
"material"
|
|
28
27
|
]
|
|
29
28
|
}
|
package/react-asc.scss
CHANGED
|
@@ -42,12 +42,23 @@
|
|
|
42
42
|
--buttonMinWidth: 62px;
|
|
43
43
|
--buttonPadding: 11px 15px;
|
|
44
44
|
|
|
45
|
-
--fontFamily: "Segoe UI",
|
|
45
|
+
--fontFamily: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
|
|
46
|
+
sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
46
47
|
--fontSize: 16px;
|
|
48
|
+
--fontWeight: 400;
|
|
47
49
|
|
|
48
50
|
--highlight: rgba(204, 216, 224, 0.2); // ???
|
|
49
51
|
|
|
50
52
|
--breakpointMd: 768px;
|
|
53
|
+
|
|
54
|
+
--bodyLineHeight: 1.5;
|
|
55
|
+
|
|
56
|
+
--breakpoint-xs: 0;
|
|
57
|
+
--breakpoint-sm: 576px;
|
|
58
|
+
--breakpoint-md: 768px;
|
|
59
|
+
--breakpoint-lg: 992px;
|
|
60
|
+
--breakpoint-xl: 1200px;
|
|
61
|
+
--breakpoint-xxl: 1400px;
|
|
51
62
|
}
|
|
52
63
|
|
|
53
64
|
.input-group-append {
|
|
@@ -121,6 +132,10 @@
|
|
|
121
132
|
margin-top: 30px !important;
|
|
122
133
|
}
|
|
123
134
|
|
|
135
|
+
.mt-4 {
|
|
136
|
+
margin-top: 40px!important;
|
|
137
|
+
}
|
|
138
|
+
|
|
124
139
|
.mb-0 {
|
|
125
140
|
margin-bottom: 0px !important;
|
|
126
141
|
}
|
|
@@ -153,9 +168,86 @@
|
|
|
153
168
|
flex-wrap: wrap;
|
|
154
169
|
}
|
|
155
170
|
|
|
171
|
+
.flex-row {
|
|
172
|
+
flex-direction: row;
|
|
173
|
+
}
|
|
174
|
+
.flex-row-reverse {
|
|
175
|
+
flex-direction: row-reverse;
|
|
176
|
+
}
|
|
177
|
+
.flex-column {
|
|
178
|
+
flex-direction: column;
|
|
179
|
+
}
|
|
180
|
+
.flex-column-reverse {
|
|
181
|
+
flex-direction: column-reverse;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
.w-100 {
|
|
185
|
+
width: 100%;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
.h-100 {
|
|
189
|
+
height: 100%;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
.pt-1 {
|
|
193
|
+
padding-top: 10px !important;
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
.pt-2 {
|
|
197
|
+
padding-top: 20px !important;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
.pt-3 {
|
|
201
|
+
padding-top: 30px !important;
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
|
|
205
|
+
|
|
206
|
+
.pb-1 {
|
|
207
|
+
padding-bottom: 10px !important;
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
.pb-2 {
|
|
211
|
+
padding-bottom: 20px !important;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
.pb-3 {
|
|
215
|
+
padding-bottom: 30px !important;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
.pb-4 {
|
|
219
|
+
padding-bottom: 40px !important;
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
.p-3 {
|
|
223
|
+
padding: 1rem!important;
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
.pt-0 {
|
|
227
|
+
padding-top: 0px !important;
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
|
|
231
|
+
.pb-0 {
|
|
232
|
+
padding-bottom: 0px !important;
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
.rounded-pill {
|
|
236
|
+
border-radius: 50rem!important;
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
|
|
240
|
+
@media (max-width: 576px) {
|
|
241
|
+
.flex-row {
|
|
242
|
+
flex-direction: column !important;
|
|
243
|
+
}
|
|
244
|
+
}
|
|
156
245
|
@media (min-width: 768px) {
|
|
157
|
-
.
|
|
158
|
-
|
|
246
|
+
.justify-content-md-center {
|
|
247
|
+
justify-content: center!important;
|
|
248
|
+
}
|
|
249
|
+
.align-items-md-center {
|
|
250
|
+
align-items: center!important;
|
|
159
251
|
}
|
|
160
252
|
}
|
|
161
253
|
|
package/readme.md
CHANGED
|
@@ -12,16 +12,14 @@ react-asc interactive showcase [link](https://react-asc.netlify.app)
|
|
|
12
12
|
`npm install react-asc`
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
### install
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
`npm install bootstrap`
|
|
15
|
+
### install modern-normalize
|
|
16
|
+
`npm install modern-normalize`
|
|
19
17
|
|
|
20
18
|
|
|
21
19
|
### Include needed scss files
|
|
22
20
|
|
|
23
21
|
```scss
|
|
24
|
-
@import "
|
|
22
|
+
@import "modern-normalize";
|
|
25
23
|
@import "react-asc/react-asc.scss";
|
|
26
24
|
```
|
|
27
25
|
|