react-asc 20.0.0 → 21.0.1
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/Button/Button.d.ts +1 -0
- package/components/Grid/Row/Row.d.ts +4 -1
- package/components/Select/Select.d.ts +1 -0
- package/index.es.js +216 -198
- package/index.js +216 -198
- package/package.json +1 -3
- package/react-asc.scss +103 -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.1",
|
|
4
4
|
"description": "handcrafted react components",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.es.js",
|
|
@@ -10,7 +10,6 @@
|
|
|
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
14
|
"react-dom": "17.0.2",
|
|
16
15
|
"modern-normalize": "^1.1.0"
|
|
@@ -24,7 +23,6 @@
|
|
|
24
23
|
"ui library",
|
|
25
24
|
"components",
|
|
26
25
|
"library",
|
|
27
|
-
"bootstrap",
|
|
28
26
|
"material"
|
|
29
27
|
]
|
|
30
28
|
}
|
package/react-asc.scss
CHANGED
|
@@ -42,7 +42,8 @@
|
|
|
42
42
|
--buttonMinWidth: 62px;
|
|
43
43
|
--buttonPadding: 11px 15px;
|
|
44
44
|
|
|
45
|
-
--fontFamily:
|
|
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;
|
|
47
48
|
--fontWeight: 400;
|
|
48
49
|
|
|
@@ -51,6 +52,13 @@
|
|
|
51
52
|
--breakpointMd: 768px;
|
|
52
53
|
|
|
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;
|
|
54
62
|
}
|
|
55
63
|
|
|
56
64
|
.input-group-append {
|
|
@@ -124,6 +132,10 @@
|
|
|
124
132
|
margin-top: 30px !important;
|
|
125
133
|
}
|
|
126
134
|
|
|
135
|
+
.mt-4 {
|
|
136
|
+
margin-top: 40px !important;
|
|
137
|
+
}
|
|
138
|
+
|
|
127
139
|
.mb-0 {
|
|
128
140
|
margin-bottom: 0px !important;
|
|
129
141
|
}
|
|
@@ -156,9 +168,97 @@
|
|
|
156
168
|
flex-wrap: wrap;
|
|
157
169
|
}
|
|
158
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
|
+
.pb-1 {
|
|
205
|
+
padding-bottom: 10px !important;
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
.pb-2 {
|
|
209
|
+
padding-bottom: 20px !important;
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
.pb-3 {
|
|
213
|
+
padding-bottom: 30px !important;
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
.pb-4 {
|
|
217
|
+
padding-bottom: 40px !important;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
.p-3 {
|
|
221
|
+
padding: 1rem !important;
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
.p-1 {
|
|
225
|
+
padding: 10px !important;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
.p-2 {
|
|
229
|
+
padding: 20px !important;
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
.p-3 {
|
|
233
|
+
padding: 30px !important;
|
|
234
|
+
}
|
|
235
|
+
.p-4 {
|
|
236
|
+
padding: 40px !important;
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
.pt-0 {
|
|
240
|
+
padding-top: 0px !important;
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
.pb-0 {
|
|
244
|
+
padding-bottom: 0px !important;
|
|
245
|
+
}
|
|
246
|
+
|
|
247
|
+
.rounded-pill {
|
|
248
|
+
border-radius: 50rem !important;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
@media (max-width: 576px) {
|
|
252
|
+
.flex-row {
|
|
253
|
+
flex-direction: column !important;
|
|
254
|
+
}
|
|
255
|
+
}
|
|
159
256
|
@media (min-width: 768px) {
|
|
160
|
-
.
|
|
161
|
-
|
|
257
|
+
.justify-content-md-center {
|
|
258
|
+
justify-content: center !important;
|
|
259
|
+
}
|
|
260
|
+
.align-items-md-center {
|
|
261
|
+
align-items: center !important;
|
|
162
262
|
}
|
|
163
263
|
}
|
|
164
264
|
|
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
|
|