react-asc 19.0.5 → 20.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/components/Button/Button.d.ts +1 -0
- package/components/Grid/Row/Row.d.ts +4 -1
- package/components/Modal/ModalFooter.d.ts +2 -6
- package/components/Modal/modal.interfaces.d.ts +1 -0
- package/components/Textarea/Textarea.d.ts +4 -1
- package/index.es.js +298 -269
- package/index.js +298 -269
- package/package.json +3 -2
- package/react-asc.scss +33 -6
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-asc",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "20.1.0",
|
|
4
4
|
"description": "handcrafted react components",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.es.js",
|
|
@@ -12,7 +12,8 @@
|
|
|
12
12
|
"@popperjs/core": "2.9.2",
|
|
13
13
|
"bootstrap": "5.1.3",
|
|
14
14
|
"react": "17.0.2",
|
|
15
|
-
"react-dom": "17.0.2"
|
|
15
|
+
"react-dom": "17.0.2",
|
|
16
|
+
"modern-normalize": "^1.1.0"
|
|
16
17
|
},
|
|
17
18
|
"scripts": {
|
|
18
19
|
"pub": "npm publish --access public"
|
package/react-asc.scss
CHANGED
|
@@ -6,10 +6,10 @@
|
|
|
6
6
|
--primary-highlight: #d6dbf7;
|
|
7
7
|
|
|
8
8
|
--secondary-light: #e5e7eb;
|
|
9
|
-
--secondary: #
|
|
9
|
+
--secondary: #8f8f8f;
|
|
10
10
|
--secondary-dark: #9c9da1;
|
|
11
11
|
--secondary-contrast-text: #fff;
|
|
12
|
-
--secondary-highlight: rgb(
|
|
12
|
+
--secondary-highlight: rgb(233, 233, 233);
|
|
13
13
|
|
|
14
14
|
--accent-light: #fd96b8;
|
|
15
15
|
--accent: #ff4081;
|
|
@@ -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 {
|
|
@@ -153,11 +164,27 @@
|
|
|
153
164
|
flex-wrap: wrap;
|
|
154
165
|
}
|
|
155
166
|
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
167
|
+
.flex-row {
|
|
168
|
+
flex-direction: row;
|
|
169
|
+
}
|
|
170
|
+
.flex-row-reverse {
|
|
171
|
+
flex-direction: row-reverse;
|
|
172
|
+
}
|
|
173
|
+
.flex-column {
|
|
174
|
+
flex-direction: column;
|
|
175
|
+
}
|
|
176
|
+
.flex-column-reverse {
|
|
177
|
+
flex-direction: column-reverse;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
@media (max-width: 576px) {
|
|
181
|
+
.flex-row {
|
|
182
|
+
flex-direction: column!important;
|
|
159
183
|
}
|
|
160
184
|
}
|
|
185
|
+
@media (min-width: 768px) {
|
|
186
|
+
|
|
187
|
+
}
|
|
161
188
|
|
|
162
189
|
.modal-open {
|
|
163
190
|
overflow: hidden !important;
|