@abstraks-dev/ui-library 1.1.26 → 1.1.29
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/dist/__tests__/AccountBox.test.js +61 -0
- package/dist/__tests__/AccountCircle.test.js +69 -0
- package/dist/__tests__/Alert.test.js +144 -0
- package/dist/__tests__/ArrowIcon.test.js +61 -0
- package/dist/__tests__/ArrowRight.test.js +12 -7
- package/dist/__tests__/BookOpen.test.js +61 -0
- package/dist/__tests__/Camera.test.js +69 -0
- package/dist/__tests__/CaretDown.test.js +69 -0
- package/dist/__tests__/ChevronDown.test.js +13 -8
- package/dist/__tests__/Comment.test.js +69 -0
- package/dist/__tests__/Ellipses.test.js +61 -0
- package/dist/__tests__/Explore.test.js +61 -0
- package/dist/__tests__/FileInput.test.js +148 -0
- package/dist/__tests__/Filter.test.js +69 -0
- package/dist/__tests__/Form.test.js +471 -0
- package/dist/__tests__/Group.test.js +61 -0
- package/dist/__tests__/GroupReview.test.js +61 -0
- package/dist/__tests__/Hamburger.test.js +69 -0
- package/dist/__tests__/Header.test.js +211 -0
- package/dist/__tests__/Heart.test.js +69 -0
- package/dist/__tests__/Home.test.js +69 -0
- package/dist/__tests__/LoadingSpinner.test.js +78 -0
- package/dist/__tests__/LogOut.test.js +69 -0
- package/dist/__tests__/Magnify.test.js +69 -0
- package/dist/__tests__/News.test.js +61 -0
- package/dist/__tests__/Review.test.js +61 -0
- package/dist/__tests__/SaveIcon.test.js +61 -0
- package/dist/__tests__/Search.test.js +101 -0
- package/dist/__tests__/utils/accessibility.test.js +361 -0
- package/dist/__tests__/utils/inputValidation-core.test.js +80 -0
- package/dist/__tests__/utils/validation-core.test.js +123 -0
- package/dist/__tests__/utils/validation.test.js +362 -0
- package/dist/components/Alert.js +104 -0
- package/dist/components/FileInput.js +96 -0
- package/dist/components/Form.js +27 -3
- package/dist/components/Header.js +1 -1
- package/dist/components/Search.js +238 -0
- package/dist/icons/AccountBox.js +33 -0
- package/dist/icons/AccountCircle.js +33 -0
- package/dist/icons/ArrowIcon.js +3 -2
- package/dist/icons/ArrowRight.js +23 -12
- package/dist/icons/BookOpen.js +33 -0
- package/dist/icons/Camera.js +33 -0
- package/dist/icons/CaretDown.js +33 -0
- package/dist/icons/ChevronDown.js +19 -9
- package/dist/icons/Comment.js +33 -0
- package/dist/icons/Explore.js +33 -0
- package/dist/icons/Filter.js +33 -0
- package/dist/icons/Group.js +33 -0
- package/dist/icons/GroupReview.js +33 -0
- package/dist/icons/Hamburger.js +14 -20
- package/dist/icons/Heart.js +33 -0
- package/dist/icons/Home.js +33 -0
- package/dist/icons/LoadingSpinner.js +3 -2
- package/dist/icons/LogOut.js +33 -0
- package/dist/icons/Magnify.js +33 -0
- package/dist/icons/News.js +33 -0
- package/dist/icons/Review.js +35 -0
- package/dist/icons/SaveIcon.js +3 -2
- package/dist/icons/index.js +112 -0
- package/dist/index.js +41 -1
- package/dist/styles/_variables.scss +5 -0
- package/dist/styles/alert.css +218 -0
- package/dist/styles/alert.css.map +1 -0
- package/dist/styles/alert.scss +128 -0
- package/dist/styles/anchor.css.map +1 -1
- package/dist/styles/avatar.css.map +1 -1
- package/dist/styles/button.css.map +1 -1
- package/dist/styles/card.css.map +1 -1
- package/dist/styles/checkbox.css.map +1 -1
- package/dist/styles/crud.css.map +1 -1
- package/dist/styles/dragAndDrop.css.map +1 -1
- package/dist/styles/error.css.map +1 -1
- package/dist/styles/file-input.css +165 -0
- package/dist/styles/file-input.css.map +1 -0
- package/dist/styles/file-input.scss +69 -0
- package/dist/styles/footer.css.map +1 -1
- package/dist/styles/form.css.map +1 -1
- package/dist/styles/header.css.map +1 -1
- package/dist/styles/heading.css.map +1 -1
- package/dist/styles/hero.css.map +1 -1
- package/dist/styles/htmlElements.css.map +1 -1
- package/dist/styles/label.css.map +1 -1
- package/dist/styles/loader.css.map +1 -1
- package/dist/styles/main.css +344 -11
- package/dist/styles/main.css.map +1 -1
- package/dist/styles/menu-hover.css.map +1 -1
- package/dist/styles/paragraph.css.map +1 -1
- package/dist/styles/prompt.css.map +1 -1
- package/dist/styles/radio.css.map +1 -1
- package/dist/styles/search.css +302 -0
- package/dist/styles/search.css.map +1 -0
- package/dist/styles/search.scss +260 -0
- package/dist/styles/select.css.map +1 -1
- package/dist/styles/side-menu.css.map +1 -1
- package/dist/styles/tabs.css.map +1 -1
- package/dist/styles/text-area.css.map +1 -1
- package/dist/styles/text-input.css +0 -11
- package/dist/styles/text-input.css.map +1 -1
- package/dist/styles/text-input.scss +0 -14
- package/dist/utils/utils/validation.js +2 -2
- package/dist/utils/validation.js +2 -2
- package/package.json +1 -1
- package/dist/icons/__tests__/CheckCircle.test.js +0 -9
- package/dist/icons/__tests__/ChevronDown.test.js +0 -9
- package/dist/icons/__tests__/Close.test.js +0 -9
- package/dist/icons/__tests__/EditSquare.test.js +0 -9
- package/dist/icons/__tests__/PlusCircle.test.js +0 -9
- package/dist/icons/__tests__/TrashX.test.js +0 -9
|
@@ -0,0 +1,302 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--small: (min-width: 607px);
|
|
3
|
+
--medium: (min-width: 768px);
|
|
4
|
+
--large: (min-width: 992px);
|
|
5
|
+
--xlarge: (min-width: 1200px);
|
|
6
|
+
--color-primary: #009900;
|
|
7
|
+
--color-primary-hover: rgba(1, 116, 1, 0.9);
|
|
8
|
+
--color-secondary: #7086f1;
|
|
9
|
+
--color-secondary-hover: rgba(83, 100, 185, 0.9);
|
|
10
|
+
--color-warning: #ff9800;
|
|
11
|
+
--color-warning-hover: rgba(214, 130, 4, 0.9);
|
|
12
|
+
--color-success: #57f500;
|
|
13
|
+
--color-success-hover: rgba(74, 207, 2, 0.9);
|
|
14
|
+
--color-error: #f44336;
|
|
15
|
+
--color-error-hover: rgba(216, 58, 47, 0.9);
|
|
16
|
+
--color-shade: rgba(0, 0, 0, 0.5);
|
|
17
|
+
--color-tint: rgba(250, 250, 250, 0.5);
|
|
18
|
+
--color-white: #fff;
|
|
19
|
+
--color-black: #000;
|
|
20
|
+
--color-font-body: #333;
|
|
21
|
+
--color-black-alpha: rgba(0, 0, 0, 0.6);
|
|
22
|
+
--focus-color: #4d90fe;
|
|
23
|
+
--shadow-primary: rgba(0, 153, 0, 0.2);
|
|
24
|
+
--shadow-primary-hover: rgba(0, 153, 0, 0.3);
|
|
25
|
+
--shadow-primary-strong: rgba(0, 153, 0, 0.4);
|
|
26
|
+
--shadow-primary-strongest: rgba(0, 153, 0, 0.5);
|
|
27
|
+
--shadow-secondary: rgba(112, 134, 241, 0.2);
|
|
28
|
+
--shadow-secondary-hover: rgba(112, 134, 241, 0.3);
|
|
29
|
+
--shadow-secondary-strong: rgba(112, 134, 241, 0.4);
|
|
30
|
+
--shadow-secondary-strongest: rgba(112, 134, 241, 0.5);
|
|
31
|
+
--shadow-success: rgba(87, 245, 0, 0.2);
|
|
32
|
+
--shadow-success-hover: rgba(87, 245, 0, 0.3);
|
|
33
|
+
--shadow-success-strong: rgba(87, 245, 0, 0.4);
|
|
34
|
+
--shadow-success-strongest: rgba(87, 245, 0, 0.5);
|
|
35
|
+
--shadow-error: rgba(244, 67, 54, 0.2);
|
|
36
|
+
--shadow-error-hover: rgba(244, 67, 54, 0.3);
|
|
37
|
+
--shadow-error-strong: rgba(244, 67, 54, 0.4);
|
|
38
|
+
--shadow-error-strongest: rgba(244, 67, 54, 0.5);
|
|
39
|
+
--shadow-warning: rgba(255, 152, 0, 0.2);
|
|
40
|
+
--shadow-warning-hover: rgba(255, 152, 0, 0.3);
|
|
41
|
+
--shadow-warning-strong: rgba(255, 152, 0, 0.4);
|
|
42
|
+
--shadow-warning-strongest: rgba(255, 152, 0, 0.5);
|
|
43
|
+
--border-radius-xs: 4px;
|
|
44
|
+
--border-radius-sm: 4px;
|
|
45
|
+
--border-radius-md: 6px;
|
|
46
|
+
--border-radius-lg: 8px;
|
|
47
|
+
--border-radius-xl: 10px;
|
|
48
|
+
--z-index-base: 1;
|
|
49
|
+
--z-index-low: 10;
|
|
50
|
+
--z-index-dropdown: 100;
|
|
51
|
+
--z-index-sticky: 200;
|
|
52
|
+
--z-index-popover: 300;
|
|
53
|
+
--z-index-tooltip: 400;
|
|
54
|
+
--z-index-overlay: 1000;
|
|
55
|
+
--z-index-modal: 1010;
|
|
56
|
+
--z-index-notification: 1020;
|
|
57
|
+
--gray-100: #f8f9fa;
|
|
58
|
+
--gray-200: #e9ecef;
|
|
59
|
+
--gray-300: #dee2e6;
|
|
60
|
+
--gray-400: #ced4da;
|
|
61
|
+
--gray-500: #adb5bd;
|
|
62
|
+
--gray-600: #6c757d;
|
|
63
|
+
--gray-700: #495057;
|
|
64
|
+
--gray-800: #343a40;
|
|
65
|
+
--gray-900: #212529;
|
|
66
|
+
--black: #000;
|
|
67
|
+
--color-muted-blue: #8793ab;
|
|
68
|
+
--heading-one: 2.5rem;
|
|
69
|
+
--heading-two: 2rem;
|
|
70
|
+
--heading-three: 1.75rem;
|
|
71
|
+
--heading-four: 1.5rem;
|
|
72
|
+
--heading-five: 1.25rem;
|
|
73
|
+
--heading-six: 1rem;
|
|
74
|
+
--font-family-body: Lato, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
|
|
75
|
+
--font-size-xs: 0.75rem;
|
|
76
|
+
--font-size-sm: 0.875rem;
|
|
77
|
+
--font-size-base: 1rem;
|
|
78
|
+
--font-size-lg: 1.125rem;
|
|
79
|
+
--font-size-xl: 1.25rem;
|
|
80
|
+
--line-height-tight: 1.25;
|
|
81
|
+
--line-height-base: 1.5;
|
|
82
|
+
--line-height-relaxed: 1.625;
|
|
83
|
+
--font-weight-light: 300;
|
|
84
|
+
--font-weight-normal: 400;
|
|
85
|
+
--font-weight-medium: 500;
|
|
86
|
+
--font-weight-semibold: 600;
|
|
87
|
+
--font-weight-bold: 700;
|
|
88
|
+
--spacing-xs: 0.25rem;
|
|
89
|
+
--spacing-sm: 0.5rem;
|
|
90
|
+
--spacing-md: 1rem;
|
|
91
|
+
--spacing-lg: 1.5rem;
|
|
92
|
+
--spacing-xl: 2rem;
|
|
93
|
+
--spacing-2xl: 3rem;
|
|
94
|
+
--text-color: #1f2937;
|
|
95
|
+
--text-muted: #6b7280;
|
|
96
|
+
--background-color: #ffffff;
|
|
97
|
+
--border-color: #d1d5db;
|
|
98
|
+
--border-color-hover: #9ca3af;
|
|
99
|
+
--error-text: #dc2626;
|
|
100
|
+
--error-background: #fef2f2;
|
|
101
|
+
--error-border: #fecaca;
|
|
102
|
+
--success-text: #059669;
|
|
103
|
+
--success-background: #f0fdf4;
|
|
104
|
+
--success-border: #bbf7d0;
|
|
105
|
+
--warning-text: #d97706;
|
|
106
|
+
--warning-background: #fffbeb;
|
|
107
|
+
--warning-border: #fed7aa;
|
|
108
|
+
--primary-color: #3b82f6;
|
|
109
|
+
--focus-ring-color: #3b82f6;
|
|
110
|
+
--border-radius: 0.375rem;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.search-component {
|
|
114
|
+
display: flex;
|
|
115
|
+
flex-direction: column;
|
|
116
|
+
position: relative;
|
|
117
|
+
width: 100%;
|
|
118
|
+
}
|
|
119
|
+
.search-component .search-input-container {
|
|
120
|
+
position: relative;
|
|
121
|
+
width: 100%;
|
|
122
|
+
display: flex;
|
|
123
|
+
align-items: center;
|
|
124
|
+
gap: 0;
|
|
125
|
+
}
|
|
126
|
+
.search-component .search-input-container .search-input-wrapper {
|
|
127
|
+
position: relative;
|
|
128
|
+
flex: 1;
|
|
129
|
+
display: flex;
|
|
130
|
+
align-items: center;
|
|
131
|
+
}
|
|
132
|
+
.search-component .search-input-container .search-input-wrapper .search-icon.search-icon--inside {
|
|
133
|
+
position: absolute;
|
|
134
|
+
left: 0.75rem;
|
|
135
|
+
top: 50%;
|
|
136
|
+
transform: translateY(-50%);
|
|
137
|
+
z-index: 10;
|
|
138
|
+
pointer-events: none;
|
|
139
|
+
display: flex;
|
|
140
|
+
align-items: center;
|
|
141
|
+
justify-content: center;
|
|
142
|
+
}
|
|
143
|
+
.search-component .search-input-container .search-input-wrapper .search-icon.search-icon--inside .search-magnify-icon {
|
|
144
|
+
transition: fill 0.15s ease-in-out;
|
|
145
|
+
}
|
|
146
|
+
.search-component .search-input-container .search-input-wrapper .animation {
|
|
147
|
+
width: 100%;
|
|
148
|
+
position: relative;
|
|
149
|
+
display: flex;
|
|
150
|
+
}
|
|
151
|
+
@media (min-width: 768px) {
|
|
152
|
+
.search-component .search-input-container .search-input-wrapper .animation {
|
|
153
|
+
width: 75%;
|
|
154
|
+
display: inline-flex;
|
|
155
|
+
justify-content: center;
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
.search-component .search-input-container .search-input-wrapper .animation .text-input-wrapper {
|
|
159
|
+
position: relative;
|
|
160
|
+
width: 100%;
|
|
161
|
+
}
|
|
162
|
+
.search-component .search-input-container .search-input-wrapper .animation .text-input-wrapper input.text-input {
|
|
163
|
+
padding-left: 40px;
|
|
164
|
+
width: 100%;
|
|
165
|
+
}
|
|
166
|
+
.search-component .search-input-container .search-input-wrapper .animation .text-input-wrapper input.text-input.search-input--with-icon {
|
|
167
|
+
padding-left: 2.75rem;
|
|
168
|
+
}
|
|
169
|
+
.search-component .search-input-container .search-input-wrapper input.search-input {
|
|
170
|
+
width: 100%;
|
|
171
|
+
}
|
|
172
|
+
.search-component .search-input-container .search-input-wrapper input.search-input.search-input--with-icon {
|
|
173
|
+
padding-left: 2.75rem;
|
|
174
|
+
}
|
|
175
|
+
.search-component .search-input-container .search-input-wrapper input.search-input--with-icon,
|
|
176
|
+
.search-component .search-input-container .text-input-wrapper input.text-input.search-input--with-icon {
|
|
177
|
+
padding-left: 2.75rem;
|
|
178
|
+
}
|
|
179
|
+
.search-component .search-input-container .search-button {
|
|
180
|
+
border-top-left-radius: 0;
|
|
181
|
+
border-bottom-left-radius: 0;
|
|
182
|
+
border-left: none;
|
|
183
|
+
flex-shrink: 0;
|
|
184
|
+
}
|
|
185
|
+
.search-component .search-input-container:has(.search-button) .search-input {
|
|
186
|
+
border-top-right-radius: 0;
|
|
187
|
+
border-bottom-right-radius: 0;
|
|
188
|
+
}
|
|
189
|
+
.search-component .search-results {
|
|
190
|
+
position: absolute;
|
|
191
|
+
top: 100%;
|
|
192
|
+
left: 0;
|
|
193
|
+
right: 0;
|
|
194
|
+
z-index: 1000;
|
|
195
|
+
background-color: #fff;
|
|
196
|
+
border: 1px solid #dee2e6;
|
|
197
|
+
border-top: none;
|
|
198
|
+
border-radius: 0 0 0.25rem 0.25rem;
|
|
199
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
200
|
+
max-height: 300px;
|
|
201
|
+
overflow-y: auto;
|
|
202
|
+
}
|
|
203
|
+
.search-component .search-results .search-results-list {
|
|
204
|
+
padding: 0;
|
|
205
|
+
}
|
|
206
|
+
.search-component .search-results .search-result-item {
|
|
207
|
+
padding: 0.75rem;
|
|
208
|
+
border-bottom: 1px solid #e9ecef;
|
|
209
|
+
cursor: pointer;
|
|
210
|
+
transition: background-color 0.15s ease-in-out;
|
|
211
|
+
}
|
|
212
|
+
.search-component .search-results .search-result-item:hover {
|
|
213
|
+
background-color: #f8f9fa;
|
|
214
|
+
}
|
|
215
|
+
.search-component .search-results .search-result-item:focus {
|
|
216
|
+
outline: none;
|
|
217
|
+
background-color: rgba(135, 147, 171, 0.1);
|
|
218
|
+
}
|
|
219
|
+
.search-component .search-results .search-result-item:last-child {
|
|
220
|
+
border-bottom: none;
|
|
221
|
+
}
|
|
222
|
+
.search-component .search-results .search-result-item .search-highlight {
|
|
223
|
+
background-color: #fff3cd;
|
|
224
|
+
color: #212529;
|
|
225
|
+
padding: 0.1rem 0.2rem;
|
|
226
|
+
border-radius: 0.125rem;
|
|
227
|
+
font-weight: 600;
|
|
228
|
+
}
|
|
229
|
+
.search-component .search-results .search-loading {
|
|
230
|
+
padding: 1rem;
|
|
231
|
+
text-align: center;
|
|
232
|
+
color: #6c757d;
|
|
233
|
+
font-style: italic;
|
|
234
|
+
}
|
|
235
|
+
.search-component .search-results .search-empty-state {
|
|
236
|
+
padding: 1rem;
|
|
237
|
+
text-align: center;
|
|
238
|
+
color: #6c757d;
|
|
239
|
+
}
|
|
240
|
+
.search-component .search-results .search-empty-state p {
|
|
241
|
+
margin: 0;
|
|
242
|
+
font-style: italic;
|
|
243
|
+
}
|
|
244
|
+
.search-component .search-results .search-no-results {
|
|
245
|
+
padding: 1rem;
|
|
246
|
+
text-align: center;
|
|
247
|
+
color: #6c757d;
|
|
248
|
+
}
|
|
249
|
+
.search-component .search-results .search-no-results p {
|
|
250
|
+
margin: 0;
|
|
251
|
+
font-style: italic;
|
|
252
|
+
}
|
|
253
|
+
.search-component--bordered .search-results {
|
|
254
|
+
border: 2px solid #8793ab;
|
|
255
|
+
box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
|
|
256
|
+
}
|
|
257
|
+
.search-component--minimal .search-results {
|
|
258
|
+
border: none;
|
|
259
|
+
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
|
|
260
|
+
}
|
|
261
|
+
.search-component--small .search-result-item {
|
|
262
|
+
padding: 0.5rem;
|
|
263
|
+
font-size: 0.875rem;
|
|
264
|
+
}
|
|
265
|
+
.search-component--large .search-result-item {
|
|
266
|
+
padding: 1rem;
|
|
267
|
+
font-size: 1.125rem;
|
|
268
|
+
}
|
|
269
|
+
.search-component--disabled {
|
|
270
|
+
opacity: 0.6;
|
|
271
|
+
pointer-events: none;
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
@media (max-width: 768px) {
|
|
275
|
+
.search-component .search-results {
|
|
276
|
+
position: fixed;
|
|
277
|
+
top: auto;
|
|
278
|
+
left: 1rem;
|
|
279
|
+
right: 1rem;
|
|
280
|
+
max-height: 50vh;
|
|
281
|
+
}
|
|
282
|
+
}
|
|
283
|
+
@media (prefers-reduced-motion: reduce) {
|
|
284
|
+
.search-component .search-result-item {
|
|
285
|
+
transition: none;
|
|
286
|
+
}
|
|
287
|
+
}
|
|
288
|
+
@media (prefers-contrast: high) {
|
|
289
|
+
.search-component .search-results {
|
|
290
|
+
border-width: 2px;
|
|
291
|
+
}
|
|
292
|
+
.search-component .search-result-item {
|
|
293
|
+
border-bottom-width: 2px;
|
|
294
|
+
}
|
|
295
|
+
.search-component .search-result-item .search-highlight {
|
|
296
|
+
background-color: yellow;
|
|
297
|
+
color: black;
|
|
298
|
+
border: 1px solid black;
|
|
299
|
+
}
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
/*# sourceMappingURL=search.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/styles/_variables.scss","../../src/styles/search.scss"],"names":[],"mappings":"AAgSA;EAJE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACzRF;EACC;EACA;EACA;EACA;;AAGA;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAGC;EACC;EACA;EACA;EACA;EACA,SDyCS;ECxCT;EACA;EACA;EACA;;AAEA;EACC;;AAMH;EACC;EACA;EACA;;AAEA;EALD;IAME;IACA;IACA;;;AAID;EACC;EACA;;AAGA;EACC;EACA;;AAEA;EACC,cDkEe;;AC3DnB;EACC;;AAEA;EACC,cDuDiB;;ACjDpB;AAAA;EAEC,cD+CmB;;AC5CpB;EACC;EACA;EACA;EACA;;AAID;EACC;EACA;;AAKF;EACC;EACA;EACA;EACA;EACA;EACA,kBDlFY;ECmFZ;EACA;EACA;EACA;EACA;EACA;;AAGA;EACC;;AAID;EACC;EACA;EACA;EACA;;AAEA;EACC,kBD5CO;;AC+CR;EACC;EACA,kBDtCqB;;ACyCtB;EACC;;AAID;EACC,kBD9CiB;EC+CjB,ODnDO;ECoDP;EACA;EACA;;AAKF;EACC;EACA;EACA,ODjEQ;ECkER;;AAID;EACC;EACA;EACA,ODzEQ;;AC2ER;EACC;EACA;;AAKF;EACC;EACA;EACA,ODrFQ;;ACuFR;EACC;EACA;;AAOF;EACC;EACA;;AAKD;EACC;EACA;;AAMD;EACC;EACA;;AAKD;EACC;EACA;;AAKF;EACC;EACA;;;AAKF;EAEE;IACC;IACA;IACA;IACA;IACA;;;AAMH;EAEE;IACC;;;AAMH;EAEE;IACC;;EAGD;IACC;;EAEA;IACC;IACA;IACA","file":"search.css"}
|
|
@@ -0,0 +1,260 @@
|
|
|
1
|
+
@use 'variables' as *;
|
|
2
|
+
|
|
3
|
+
// Search Component Styles
|
|
4
|
+
.search-component {
|
|
5
|
+
display: flex;
|
|
6
|
+
flex-direction: column;
|
|
7
|
+
position: relative;
|
|
8
|
+
width: 100%;
|
|
9
|
+
|
|
10
|
+
// Input container
|
|
11
|
+
.search-input-container {
|
|
12
|
+
position: relative;
|
|
13
|
+
width: 100%;
|
|
14
|
+
display: flex;
|
|
15
|
+
align-items: center;
|
|
16
|
+
gap: 0;
|
|
17
|
+
|
|
18
|
+
.search-input-wrapper {
|
|
19
|
+
position: relative;
|
|
20
|
+
flex: 1;
|
|
21
|
+
display: flex;
|
|
22
|
+
align-items: center;
|
|
23
|
+
|
|
24
|
+
.search-icon {
|
|
25
|
+
&.search-icon--inside {
|
|
26
|
+
position: absolute;
|
|
27
|
+
left: 0.75rem;
|
|
28
|
+
top: 50%;
|
|
29
|
+
transform: translateY(-50%);
|
|
30
|
+
z-index: $z-index-low;
|
|
31
|
+
pointer-events: none;
|
|
32
|
+
display: flex;
|
|
33
|
+
align-items: center;
|
|
34
|
+
justify-content: center;
|
|
35
|
+
|
|
36
|
+
.search-magnify-icon {
|
|
37
|
+
transition: fill 0.15s ease-in-out;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
// Target the AnimatedDiv wrapper
|
|
43
|
+
.animation {
|
|
44
|
+
width: 100%;
|
|
45
|
+
position: relative;
|
|
46
|
+
display: flex;
|
|
47
|
+
|
|
48
|
+
@media #{$medium} {
|
|
49
|
+
width: 75%;
|
|
50
|
+
display: inline-flex;
|
|
51
|
+
justify-content: center;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
// Target the TextInput wrapper inside AnimatedDiv
|
|
55
|
+
.text-input-wrapper {
|
|
56
|
+
position: relative;
|
|
57
|
+
width: 100%;
|
|
58
|
+
|
|
59
|
+
// Target the actual input element
|
|
60
|
+
input.text-input {
|
|
61
|
+
padding-left: 40px;
|
|
62
|
+
width: 100%;
|
|
63
|
+
|
|
64
|
+
&.search-input--with-icon {
|
|
65
|
+
padding-left: $search-icon-padding;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
// Also target direct search input (fallback)
|
|
72
|
+
input.search-input {
|
|
73
|
+
width: 100%;
|
|
74
|
+
|
|
75
|
+
&.search-input--with-icon {
|
|
76
|
+
padding-left: $search-icon-padding;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
// More specific selector to override default input styles without !important
|
|
82
|
+
.search-input-wrapper input.search-input--with-icon,
|
|
83
|
+
.text-input-wrapper input.text-input.search-input--with-icon {
|
|
84
|
+
padding-left: $search-icon-padding;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.search-button {
|
|
88
|
+
border-top-left-radius: 0;
|
|
89
|
+
border-bottom-left-radius: 0;
|
|
90
|
+
border-left: none;
|
|
91
|
+
flex-shrink: 0;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
// When button is present, adjust input styling
|
|
95
|
+
&:has(.search-button) .search-input {
|
|
96
|
+
border-top-right-radius: 0;
|
|
97
|
+
border-bottom-right-radius: 0;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
// Results container
|
|
102
|
+
.search-results {
|
|
103
|
+
position: absolute;
|
|
104
|
+
top: 100%;
|
|
105
|
+
left: 0;
|
|
106
|
+
right: 0;
|
|
107
|
+
z-index: 1000;
|
|
108
|
+
background-color: $color-white;
|
|
109
|
+
border: 1px solid $gray-300;
|
|
110
|
+
border-top: none;
|
|
111
|
+
border-radius: 0 0 0.25rem 0.25rem;
|
|
112
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
113
|
+
max-height: 300px;
|
|
114
|
+
overflow-y: auto;
|
|
115
|
+
|
|
116
|
+
// Results list
|
|
117
|
+
.search-results-list {
|
|
118
|
+
padding: 0;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
// Individual result item
|
|
122
|
+
.search-result-item {
|
|
123
|
+
padding: 0.75rem;
|
|
124
|
+
border-bottom: 1px solid $gray-200;
|
|
125
|
+
cursor: pointer;
|
|
126
|
+
transition: background-color 0.15s ease-in-out;
|
|
127
|
+
|
|
128
|
+
&:hover {
|
|
129
|
+
background-color: $gray-100;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
&:focus {
|
|
133
|
+
outline: none;
|
|
134
|
+
background-color: $color-muted-blue-light;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
&:last-child {
|
|
138
|
+
border-bottom: none;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
// Highlighted text
|
|
142
|
+
.search-highlight {
|
|
143
|
+
background-color: $color-yellow-light;
|
|
144
|
+
color: $gray-900;
|
|
145
|
+
padding: 0.1rem 0.2rem;
|
|
146
|
+
border-radius: 0.125rem;
|
|
147
|
+
font-weight: 600;
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
// Loading state
|
|
152
|
+
.search-loading {
|
|
153
|
+
padding: 1rem;
|
|
154
|
+
text-align: center;
|
|
155
|
+
color: $gray-600;
|
|
156
|
+
font-style: italic;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
// Empty state
|
|
160
|
+
.search-empty-state {
|
|
161
|
+
padding: 1rem;
|
|
162
|
+
text-align: center;
|
|
163
|
+
color: $gray-600;
|
|
164
|
+
|
|
165
|
+
p {
|
|
166
|
+
margin: 0;
|
|
167
|
+
font-style: italic;
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
// No results state
|
|
172
|
+
.search-no-results {
|
|
173
|
+
padding: 1rem;
|
|
174
|
+
text-align: center;
|
|
175
|
+
color: $gray-600;
|
|
176
|
+
|
|
177
|
+
p {
|
|
178
|
+
margin: 0;
|
|
179
|
+
font-style: italic;
|
|
180
|
+
}
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
// Variant styles
|
|
185
|
+
&--bordered {
|
|
186
|
+
.search-results {
|
|
187
|
+
border: 2px solid $color-muted-blue;
|
|
188
|
+
box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
&--minimal {
|
|
193
|
+
.search-results {
|
|
194
|
+
border: none;
|
|
195
|
+
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
// Size variants
|
|
200
|
+
&--small {
|
|
201
|
+
.search-result-item {
|
|
202
|
+
padding: 0.5rem;
|
|
203
|
+
font-size: 0.875rem;
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
&--large {
|
|
208
|
+
.search-result-item {
|
|
209
|
+
padding: 1rem;
|
|
210
|
+
font-size: 1.125rem;
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
// Disabled state
|
|
215
|
+
&--disabled {
|
|
216
|
+
opacity: 0.6;
|
|
217
|
+
pointer-events: none;
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
// Responsive adjustments
|
|
222
|
+
@media (max-width: 768px) {
|
|
223
|
+
.search-component {
|
|
224
|
+
.search-results {
|
|
225
|
+
position: fixed;
|
|
226
|
+
top: auto;
|
|
227
|
+
left: 1rem;
|
|
228
|
+
right: 1rem;
|
|
229
|
+
max-height: 50vh;
|
|
230
|
+
}
|
|
231
|
+
}
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
// Accessibility improvements
|
|
235
|
+
@media (prefers-reduced-motion: reduce) {
|
|
236
|
+
.search-component {
|
|
237
|
+
.search-result-item {
|
|
238
|
+
transition: none;
|
|
239
|
+
}
|
|
240
|
+
}
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
// High contrast mode support
|
|
244
|
+
@media (prefers-contrast: high) {
|
|
245
|
+
.search-component {
|
|
246
|
+
.search-results {
|
|
247
|
+
border-width: 2px;
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
.search-result-item {
|
|
251
|
+
border-bottom-width: 2px;
|
|
252
|
+
|
|
253
|
+
.search-highlight {
|
|
254
|
+
background-color: yellow;
|
|
255
|
+
color: black;
|
|
256
|
+
border: 1px solid black;
|
|
257
|
+
}
|
|
258
|
+
}
|
|
259
|
+
}
|
|
260
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/styles/_variables.scss","../../src/styles/select.scss"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/styles/_variables.scss","../../src/styles/select.scss"],"names":[],"mappings":"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","file":"select.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/styles/_variables.scss","../../src/styles/side-menu.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/styles/_variables.scss","../../src/styles/side-menu.scss"],"names":[],"mappings":"AAgSA;EAJE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AC1RF;AA4BC;AA+KA;AAYA;AAMA;AAaA;AAkCA;AA0CA;;AArTA;AAAA;EAEC;EACA;EACA;EACA;EACA,SDsEgB;ECrEhB;;AAGD;EACC;EACA;EACA;EACA;EACA;AAEA;EACA;;AAEA;EACC;EACA;EACA;;AAKF;EACC;EACA;AAMA;;AAJA;EACC;;AAID;EACC;EACA;EACA;;AAEA;EACC;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;AAMA;;AAJA;EACC;;AAID;EACC;EACA;EACA;;AAEA;EACC;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EAVD;IAWE;IACA;;;AAGD;EAfD;IAgBE;IACA;;;AAGD;EApBD;IAqBE;IACA;;;AAGD;AAAA;EAEC;EACA;;AAEA;EALD;AAAA;IAME;;;AAGD;EATD;AAAA;IAUE;;;AAGD;EAbD;AAAA;IAcE;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EARD;IASE;;;AAGD;EAZD;IAaE;;;AAIF;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAYA;;AAVA;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAID;EA1BD;AAAA;IA2BE;IACA;;;AAIF;EACC;;AAIF;EACC;EACA;EACA;AAEA;;AACA;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAEA;EACC;;AAOJ;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAKF;EACC;EACA;;AAID;EACC;AAAA;AAAA;IAGC;;EAGD;IACC;;;AAKF;EACC;IACC;IACA;;EAGD;IACC;IACA;;EAEA;IACC;IACA;;EAGD;AAAA;IAEC;IACA;;EAEA;AAAA;AAAA;IAEC;IACA;;EAKH;IACC;;;AAKF;EACC;IACC;IACA;IACA;;EAGD;IACC;IACA;;EAEA;IACC;;EAGD;AAAA;IAEC;;EAEA;AAAA;IACC;IACA;;EAMF;IACC;;EAGD;IACC;;EAEA;IACC;;;AASF;EACC;;;AAMJ;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"side-menu.css"}
|
package/dist/styles/tabs.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/styles/_variables.scss","../../src/styles/tabs.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/styles/_variables.scss","../../src/styles/tabs.scss"],"names":[],"mappings":"AAgSA;EAJE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AC1RF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAIA;EACC;EACA;EACA,aD8FkB;EC7FlB;AAEA;AAgBA;AAaA;;AA5BA;EACC;;AAEA;EACC;EACA;EACA;EACA;;AAGD;EACC;;AAKF;EACC,WD4Ea;;ACzEd;EACC,WDyEe;;ACtEhB;EACC,WDsEa;;AClEd;EACC;EACA;;;AAIF;AAAA;AAAA;AAAA;AAIA;EACC;EACA;EACA,kBDsFkB;ECrFlB;EACA;AAEA;AAMA;AAaA;;AAlBA;EACC;EACA;;AAID;EACC;;AAGD;EACC;;AAGD;EACC;;AAID;EACC;EACA;EACA;EACA;EACA;;;AAIF;AAAA;AAAA;AAGA;AACC;EACA;EACA;EACA;EACA,ODzEiB;EC0EjB;EACA;EACA;EACA,KD6BY;EC5BZ;EACA;EACA,aDkBoB;ECjBpB,aDSmB;ECRnB;EACA;EACA;EACA;EACA;AAEA;AAMA;AAOA;AAkBA;AAcA;;AA5CA;EACC,kBDjCS;ECkCT,OD/Gc;;ACmHf;EACC;EACA;EACA;;AAID;EACC,kBDeiB;ECdjB,OD5Hc;EC6Hd,aDNqB;ACQrB;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,kBDvIa;;AC4If;EAEC;EACA,OD9DS;EC+DT;EACA;;AAEA;EACC;EACA,ODpEQ;;ACyEV;EACC;EACA,WDtDa;;ACyDd;EACC;EACA,WD1Da;;AC6Dd;EACC;EACA,WD9De;;;ACkEjB;AAAA;AAAA;AAGA;EACC;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;AAGA;EACC;EACA;EACA;;;AAGD;AAAA;AAAA;AAGA;EACC,kBDrLa;ECsLb;EACA,ODjLa;ECkLb;EACA;EACA;EACA;EACA,aDhFkB;ECiFlB;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;AAGA;EACC;EACA,kBD1EkB;EC2ElB;;;AAGD;AAAA;AAAA;AAGA;EACC;EACA;AAEA;AAKA;AAMA;;AAVA;EACC;;AAID;EACC;EACA;;AAID;EACC,WDrIa;;ACwId;EACC,WDxIe;;AC2IhB;EACC,WD3Ia;;;AC+If;AAAA;AAAA;AAGA;EACC,SD5HY;EC6HZ,ODzOiB;EC0OjB,aD9IkB;ACgJlB;;AACA;EACC,SDnIW;;ACsIZ;EACC,SDrIW;;;ACyIb;AAAA;AAAA;AAIA;AAAA;AAAA;AAIC;EACC;EACA,KDtJW;ECuJX,SDvJW;ECwJX,kBDzMS;EC0MT,eD/NiB;;ACkOlB;EACC,eDpOiB;;ACsOjB;EACC,kBD9Ra;EC+Rb,OD7QW;;AC+QX;EACC;;AAGD;EACC,kBDtSY;ECuSZ,ODrRU;;;AC2Rd;AAAA;AAAA;AAIC;EACC;EACA;;AAGD;EACC;;AAEA;EACC;EACA,qBD3Ta;;AC6Tb;EACC;;;AAMJ;AAAA;AAAA;AAIC;EACC;EACA;EACA,kBD9PS;;ACiQV;EACC;;AAEA;EACC;;AAGD;EACC,kBD5MgB;EC6MhB;EACA;;AAEA;EACC;;AAKH;EACC;EACA;EACA;;;AAIF;AAAA;AAAA;AAIA;EAEE;IACC;IACA,WDxQY;;EC2Qb;IACC;IACA,WD5Qc;;EC+Qf;IACC;IACA,WDhRY;;ECoRd;IACC,SD7PW;;EC+PX;IACC,SDjQU;;ECoQX;IACC,SDnQU;;;ACwQb;EACC;IACC;;EAEA;IACC;;EAGD;IACC;;EAGD;IACC;;EAKD;IACC;IACA,WDpTY;;;ACyTf;EAEE;IACC;;EAIF;IACC,SDzSW;;EC2SX;IACC,SD7SU;;ECgTX;IACC,SD/SW;;;ACoTd;AAAA;AAAA;AAGA;EACC;IACC;IACA,aDtUqB;;ECwUrB;IACC;IACA;;EAGD;IACC;IACA,aD9UgB;;ECgVhB;IACC;;EAKH;IACC;;;AAIF;AAAA;AAAA;AAGA;EACC;IACC,kBDtcY;ICucZ,cD1YS;;EC6YV;IACC,OD3YS;;EC6YT;IACC,kBDnZQ;ICoZR,ODjea;;ECoed;IACC,kBDndW;ICodX,ODtea;;ECyed;IAEC,OD1ZQ;;EC8ZV;IACC,kBD9dY;;ECieb;IACC,ODlaS;;ACqaV;EACA;IACC,kBD5aS;;ECgbT;IACC,kBDjbQ;ICkbR,cDhbQ;;ECmbT;IACC,kBDjfW;ICkfX,qBDlfW;;ECqfZ;IACC,cDzbQ;;;AC8bX;AAAA;AAAA;AAGA;EACC;IACC","file":"tabs.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/styles/_variables.scss","../../src/styles/text-area.scss"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/styles/_variables.scss","../../src/styles/text-area.scss"],"names":[],"mappings":";AAgSA;EAJE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AC1RF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAIA;EACC;EACA;EACA,aD8FkB;EC7FlB;EACA,KDsHY;ACpHZ;AAoBA;AA4BA;AA8BA;;AA5EC;EACC;EACA;;AAKD;EACC,kBDyDQ;ECxDR;;AAEA;EACC,kBDNU;ECOV,cDzBY;;AC+Bf;EACC,WDuEa;;ACrEb;EACC,SD4FU;EC3FV;;AAIF;EACC,WD+De;;AC7Df;EACC,SDoFU;ECnFV;;AAIF;EACC,WDuDa;;ACrDb;EACC,SD4EU;EC3EV;;AAMD;EACC,cDjDW;ECkDX;;AAEA;EACC,cDrDU;ECsDV;;AAKH;EACC;EACA;;AAEA;EACC,kBDCQ;ECAR;;AAKD;EACC,kBDNQ;ECOR;;AAKF;EACC;IACC,SDmCU;IClCV;;EAGD;IACC,SD+BU;IC9BV;;EAGD;IACC,SD2BU;IC1BV;;;AAIF;EAvGD;IAwGE,KDoBW;;EClBX;IACC;;EAGD;IACC;;EAGD;IACC;;;AAIF;EACC;IACC,WDlBY;;ECoBZ;IACC,SDGS;ICFT;;;;AAMJ;AAAA;AAAA;AAGA;EACC,ODvDU;ECwDV,aDrBoB;ECsBpB,eDdY;ECeZ;AAEA;AAMA;;AALA;EACC;EACA,ODtIY;;AC0Ib;EACC,WDhDa;;ACmDd;EACC,WDlDa;;;ACsDf;AAAA;AAAA;AAGA;AACC;EACA;EACA,kBDnJa;ECoJb;EACA,eDhHkB;ECiHlB,ODrFU;ECsFV,aDrEkB;ECsElB;EACA,aDtDoB;ECuDpB,aD3DqB;EC4DrB,SD7CY;EC8CZ;EAEA;EACA;AAEA;AAiBA;AAgBA;AAMA;AAkBA;AAYA;AAWA;;AA/EA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAID;EACC,cDrHS;;ACwHV;EACC,cD1Mc;EC2Md;EACA;;AAGD;EACC;EACA;;AAID;EACC,ODrIS;ECsIT;;AAID;EAEC,kBDhJS;ECiJT,cD/IS;ECgJT,OD7IS;EC8IT;EACA;;AAEA;EACC,cDrJQ;;ACwJT;EACC,ODxJQ;;AC6JV;EAEC,kBDlKS;ECmKT;;AAEA;EACC,cDnKQ;ECoKR;;AAKF;EACC,cD9OY;EC+OZ;;AAEA;EACC,cDlPW;ECmPX;;AAKF;EAlGD;IAmGE,WD9Ja;IC+Jb,SDvIW;ICwIX;;;AAGD;EAxGD;IAyGE,WDnKe;ICoKf,SD5IW;IC6IX;;;AAGD;EA9GD;IA+GE,WDxKa;ICyKb,SDjJW;ICkJX;;;;AAIF;AAAA;AAAA;AAGA;EACC;EACA;EACA;EACA,WDvLc;ECwLd,OD7MU;EC8MV,YDlKY;ACqLZ;;AAjBA;EACC,OD7Rc;;ACgSf;EACC,OD3RY;;AC8Rb;EACC;;AAGD;EACC,aDzLmB;EC0LnB;;AAID;EA1BD;IA2BE,WD/Ma;;;ACkNd;EA9BD;IA+BE,WDlNa;;;ACqNd;EAlCD;IAmCE,WDrNe;;;;ACyNjB;AAAA;AAAA;AAGA;EACC,ODzTa;EC0Tb,WD/Nc;ECgOd,YDzMY;EC0MZ;EACA;EACA,KD5MY;AC8MZ;AAOA;;AANA;EACC;EACA;EACA;;AAID;EAhBD;IAiBE,WD/Oa;;;ACkPd;EApBD;IAqBE,WDlPa;;;ACqPd;EAxBD;IAyBE,WDrPe;;;;ACyPjB;AAAA;AAAA;AAGA;EACC;IACC;;EAEA;IACC;IACA;;EAIF;AAAA;AAAA;IAGC,aDzPiB;;;AC6PnB;AAAA;AAAA;AAGA;EACC;IACC","file":"text-area.css"}
|
|
@@ -209,17 +209,6 @@
|
|
|
209
209
|
font-size: 1.25rem;
|
|
210
210
|
}
|
|
211
211
|
}
|
|
212
|
-
@media (min-width: 1200px) {
|
|
213
|
-
.text-input-wrapper .text-input {
|
|
214
|
-
max-width: 500px;
|
|
215
|
-
}
|
|
216
|
-
.text-input-wrapper--small .text-input {
|
|
217
|
-
max-width: 300px;
|
|
218
|
-
}
|
|
219
|
-
.text-input-wrapper--large .text-input {
|
|
220
|
-
max-width: 700px;
|
|
221
|
-
}
|
|
222
|
-
}
|
|
223
212
|
@media (prefers-contrast: high) {
|
|
224
213
|
.text-input-wrapper .text-input {
|
|
225
214
|
border-width: 2px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/styles/_variables.scss","../../src/styles/text-input.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/styles/_variables.scss","../../src/styles/text-input.scss"],"names":[],"mappings":"AAgSA;EAJE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACzRF;EACC;EACA;EACA;EACA;;AAGA;EACC;EACA;;AAID;EACC;EACA,kBDOY;ECNZ;EACA;EACA;EACA;EACA;EACA;EACA,ODiES;EChET;EAQA;;AALA;EACC;EACA,cD+DgB;EC9DhB;;AAKD;EACC,cDkDQ;;AC7CV;EACC;EACA;;AAGD;EACC;EACA;;AAID;EACC;EACA;;AAGD;EACC,kBDwBS;ECvBT;;AAEA;EACC,kBDvCW;ECwCX,cD6BgB;;ACxBlB;EACC,cDpDY;ECqDZ;;AAEA;EACC,cDxDW;ECyDX;;AAKF;EACC;EACA;EACA,ODjEY;;ACqEb;AAAA;EAEC;;AAGD;EACC;;AAID;EACC;IACC;IACA;;EAGD;IACC;IACA;;EAGD;IACC;IACA;;;AAIF;EACC;IACC;IACA;;EAGD;IACC;IACA;;EAGD;IACC;IACA;;;AAKF;EACC;IACC;IACA,cD9CQ;;ECgDR;IACC,cD7Ce;IC8Cf;;EAIF;IACC,cD9HW;IC+HX;;;AAKF;EACC;IACC","file":"text-input.css"}
|
|
@@ -130,20 +130,6 @@
|
|
|
130
130
|
}
|
|
131
131
|
}
|
|
132
132
|
|
|
133
|
-
@media #{$xlarge} {
|
|
134
|
-
.text-input {
|
|
135
|
-
max-width: 500px;
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
&--small .text-input {
|
|
139
|
-
max-width: 300px;
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
&--large .text-input {
|
|
143
|
-
max-width: 700px;
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
|
|
147
133
|
// High contrast mode support
|
|
148
134
|
@media (prefers-contrast: high) {
|
|
149
135
|
.text-input {
|