@zonos/amino 5.5.15 → 5.5.17

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.
Files changed (45) hide show
  1. package/all.d.ts +1 -0
  2. package/components/button/Button.js +1 -1
  3. package/components/button/button-group/ButtonGroup.js +1 -1
  4. package/components/filter/filter-amount/FilterAmount.js +1 -1
  5. package/components/filter/filter-date/DateControls.js +1 -1
  6. package/components/filter/filter-date/FilterDate.js +1 -1
  7. package/components/filter/filter-date/_DateControls/_IsAfter.js +1 -1
  8. package/components/filter/filter-date/_DateControls/_IsBefore.js +1 -1
  9. package/components/filter/filter-date/_DateControls/_IsBeforeOrOn.js +1 -1
  10. package/components/filter/filter-date/_DateControls/_IsBetween.js +1 -1
  11. package/components/filter/filter-date/_DateControls/_IsEqualTo.js +1 -1
  12. package/components/filter/filter-date/_DateControls/_IsInTheLast.js +1 -1
  13. package/components/filter/filter-date/_DateControls/_IsOnOrAfter.js +1 -1
  14. package/components/filter/filter-text/FilterText.js +1 -1
  15. package/components/help-text/HelpText.js +1 -1
  16. package/components/input/Input.js +1 -1
  17. package/components/input/input-simple/InputSimple.d.ts +19 -0
  18. package/components/input/input-simple/InputSimple.js +1 -0
  19. package/components/input/input-simple/input-type/_DateInput.d.ts +21 -0
  20. package/components/input/input-simple/input-type/_DateInput.js +1 -0
  21. package/components/input/{input-type → input-simple/input-type}/_InputBase.d.ts +3 -3
  22. package/components/input/input-simple/input-type/_InputBase.js +1 -0
  23. package/components/input/input-simple/input-type/_NumberInput.d.ts +22 -0
  24. package/components/input/input-simple/input-type/_NumberInput.js +1 -0
  25. package/components/input/input-simple/input-type/_PasswordInput.d.ts +21 -0
  26. package/components/input/input-simple/input-type/_PasswordInput.js +1 -0
  27. package/components/input/input-simple/input-type/_TimeInput.d.ts +21 -0
  28. package/components/input/input-simple/input-type/_TimeInput.js +1 -0
  29. package/components/input/input-type/_DateInput.d.ts +1 -1
  30. package/components/input/input-type/_DateInput.js +1 -1
  31. package/components/input/input-type/_FloatLabelInput.js +1 -1
  32. package/components/input/input-type/_NumberInput.d.ts +1 -1
  33. package/components/input/input-type/_NumberInput.js +1 -1
  34. package/components/input/input-type/_PasswordInput.d.ts +1 -1
  35. package/components/input/input-type/_PasswordInput.js +1 -1
  36. package/components/input/input-type/_TimeInput.d.ts +1 -1
  37. package/components/input/input-type/_TimeInput.js +1 -1
  38. package/components/select/_StyledReactSelect.js +1 -1
  39. package/components/toggle/Toggle.js +1 -1
  40. package/package.json +1 -1
  41. package/styles/constants/theme.d.ts +32 -8
  42. package/styles/constants/theme.js +1 -1
  43. package/theme.css +166 -43
  44. package/theme.scss +13 -1
  45. package/components/input/input-type/_InputBase.js +0 -1
package/theme.css CHANGED
@@ -115,24 +115,85 @@
115
115
  inset 0px 0px 8px rgba(0, 0, 0, 0.02),
116
116
  inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06),
117
117
  inset 0px 2px 4px rgba(0, 0, 0, 0.04), inset 0px 1px 1px rgba(0, 0, 0, 0.04);
118
- --amino-shadow-button-primary: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset,
119
- 0px 1px 3px 0px rgba(68, 111, 238, 0.4),
120
- 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset;
121
- --amino-shadow-button-success: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset,
122
- 0px 1px 3px 0px rgba(55, 176, 74, 0.4),
123
- 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset;
124
- --amino-shadow-button-danger: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset,
125
- 0px 1px 3px 0px rgba(238, 69, 89, 0.4),
126
- 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset;
127
- --amino-shadow-button-warning: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset,
128
- 0px 1px 3px 0px rgba(236, 111, 35, 0.4),
129
- 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset;
118
+ --amino-shadow-button-primary: 0px 0px 0px 1px var(--amino-primary),
119
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
120
+ 0px 0px 0px 4px rgba(0, 0, 0, 0),
121
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.08) inset,
122
+ 0px 2px 2px -1px rgba(47, 54, 159, 0.24),
123
+ 0px 4px 4px -2px rgba(47, 54, 159, 0.12);
124
+ --amino-shadow-button-primary-focus: 0px 0px 0px 1px var(--amino-primary),
125
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
126
+ 0px 0px 0px 4px rgba(0, 0, 0, 0.12),
127
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.08) inset,
128
+ 0px 2px 2px -1px rgba(47, 54, 159, 0.24),
129
+ 0px 4px 4px -2px rgba(47, 54, 159, 0.12);
130
+ --amino-shadow-button-success: 0px 0px 0px 1px var(--amino-green-500),
131
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
132
+ 0px 0px 0px 4px rgba(0, 0, 0, 0),
133
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
134
+ 0px 2px 2px -1px rgba(1, 87, 31, 0.24),
135
+ 0px 4px 4px -2px rgba(1, 87, 31, 0.12);
136
+ --amino-shadow-button-success-focus: 0px 0px 0px 1px var(--amino-green-500),
137
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
138
+ 0px 0px 0px 4px rgba(0, 0, 0, 0.12),
139
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
140
+ 0px 2px 2px -1px rgba(1, 87, 31, 0.24),
141
+ 0px 4px 4px -2px rgba(1, 87, 31, 0.12);
142
+ --amino-shadow-button-danger: 0px 0px 0px 1px var(--amino-red-500),
143
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
144
+ 0px 0px 0px 4px rgba(0, 0, 0, 0),
145
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
146
+ 0px 2px 2px -1px rgba(138, 2, 13, 0.24),
147
+ 0px 4px 4px -2px rgba(138, 2, 13, 0.12);
148
+ --amino-shadow-button-danger-focus: 0px 0px 0px 1px var(--amino-red-500),
149
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
150
+ 0px 0px 0px 4px rgba(0, 0, 0, 0.12),
151
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
152
+ 0px 2px 2px -1px rgba(138, 2, 13, 0.24),
153
+ 0px 4px 4px -2px rgba(138, 2, 13, 0.12);
154
+ --amino-shadow-button-warning: 0px 0px 0px 1px var(--amino-orange-500),
155
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
156
+ 0px 0px 0px 4px rgba(0, 0, 0, 0),
157
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
158
+ 0px 2px 2px -1px rgba(123, 41, 5, 0.24),
159
+ 0px 4px 4px -2px rgba(123, 41, 5, 0.12);
160
+ --amino-shadow-button-warning-focus: 0px 0px 0px 1px var(--amino-orange-500),
161
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
162
+ 0px 0px 0px 4px rgba(0, 0, 0, 0.12),
163
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
164
+ 0px 2px 2px -1px rgba(123, 41, 5, 0.24),
165
+ 0px 4px 4px -2px rgba(123, 41, 5, 0.12);
130
166
  --amino-button-focus-ring: 0 0 0 2px var(--amino-blue-500);
131
- --amino-shadow-button-standard: 0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset,
132
- 0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset,
133
- 0px 1px 3px 0px rgba(110, 110, 120, 0.12);
134
- --amino-shadow-button-disabled: 0px 1px 3px 0px rgba(16, 17, 22, 0.2),
135
- 0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset;
167
+ --amino-shadow-raised-standard: 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08),
168
+ 0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08),
169
+ 0px 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0px 0px 4px rgba(0, 0, 0, 0);
170
+ --amino-shadow-raised-active: 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08),
171
+ 0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08),
172
+ 0px 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0px 0px 4px rgba(0, 0, 0, 0);
173
+ --amino-shadow-raised-focus: 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08),
174
+ 0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08),
175
+ 0px 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0px 0px 4px rgba(0, 0, 0, 0.08);
176
+ --amino-shadow-raised-error: 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08),
177
+ 0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08),
178
+ 0px 0px 0px 1px var(--amino-red-600), 0px 0px 0px 4px rgba(221, 49, 75, 0);
179
+ --amino-shadow-raised-error-focus: 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08),
180
+ 0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08),
181
+ 0px 0px 0px 1px var(--amino-red-600),
182
+ 0px 0px 0px 4px rgba(221, 49, 75, 0.12);
183
+ --amino-shadow-button-disabled: 0px 0px 0px 1px var(--amino-gray-500),
184
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
185
+ 0px 0px 0px 4px rgba(0, 0, 0, 0),
186
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
187
+ 0px 2px 2px -1px rgba(0, 0, 0, 0.24), 0px 4px 4px -2px rgba(0, 0, 0, 0.12),
188
+ 0px 0px 0px 4px rgba(0, 0, 0, 0);
189
+ --amino-shadow-input-base: 0px 0px 0px 1px var(--amino-gray-200),
190
+ 0px 0px 0px 4px rgba(0, 0, 0, 0);
191
+ --amino-shadow-input-focus: 0px 0px 0px 1px var(--amino-gray-300),
192
+ 0px 0px 0px 4px rgba(0, 0, 0, 0.08);
193
+ --amino-shadow-input-error: 0px 0px 0px 1px var(--amino-red-600),
194
+ 0px 0px 0px 4px rgba(221, 49, 75, 0);
195
+ --amino-shadow-input-error-focus: 0px 0px 0px 1px var(--amino-red-600),
196
+ 0px 0px 0px 4px rgba(221, 49, 75, 0.12);
136
197
  --amino-shadow-select-base: 0px 1px 3px 0px rgba(110, 110, 120, 0.12),
137
198
  0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset,
138
199
  0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset;
@@ -250,8 +311,8 @@
250
311
  );
251
312
  --amino-button-standard-hover: linear-gradient(
252
313
  180deg,
253
- #ffffff 0%,
254
- #e8eaee 100%
314
+ var(--amino-gray-0) 0%,
315
+ var(--amino-gray-50) 100%
255
316
  );
256
317
  --amino-spinner-track-black: rgba(0, 0, 0, 0.3);
257
318
  --amino-spinner-stroke-black: #0c0c0c;
@@ -417,29 +478,91 @@
417
478
  inset 0px 1px 1px rgba(0, 0, 0, 0.24),
418
479
  0px 0px 6px rgba(255, 255, 255, 0.08),
419
480
  0px 0px 0px 1px rgba(255, 255, 255, 0.12);
420
- --amino-shadow-button-primary: 0px 1px 3px 0px rgba(68, 111, 238, 0.4),
421
- 0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,
422
- 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset, 0px 0px 0px 0.5px #000;
423
- --amino-shadow-button-success: 0px 1px 3px 0px rgba(55, 176, 74, 0.4),
424
- 0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,
425
- 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset, 0px 0px 0px 0.5px #000;
426
- --amino-shadow-button-danger: 0px 1px 3px 0px rgba(238, 69, 89, 0.4),
427
- 0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,
428
- 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset, 0px 0px 0px 0.5px #000;
429
- --amino-shadow-button-warning: 0px 1px 3px 0px rgba(236, 111, 35, 0.4),
430
- 0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,
431
- 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset, 0px 0px 0px 0.5px #000;
481
+ --amino-shadow-button-primary: 0px 0px 0px 1px var(--amino-primary),
482
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
483
+ 0px 0px 0px 4px rgba(220, 225, 255, 0),
484
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.08) inset,
485
+ 0px 2px 2px -1px rgba(47, 54, 159, 0.24),
486
+ 0px 4px 4px -2px rgba(47, 54, 159, 0.12);
487
+ --amino-shadow-button-primary-focus: 0px 0px 0px 1px var(--amino-primary),
488
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
489
+ 0px 0px 0px 4px rgba(220, 225, 255, 0.24),
490
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.08) inset,
491
+ 0px 2px 2px -1px rgba(47, 54, 159, 0.24),
492
+ 0px 4px 4px -2px rgba(47, 54, 159, 0.12);
493
+ --amino-shadow-button-success: 0px 0px 0px 1px var(--amino-green-500),
494
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
495
+ 0px 0px 0px 4px rgba(220, 225, 255, 0),
496
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
497
+ 0px 2px 2px -1px rgba(1, 87, 31, 0.24),
498
+ 0px 4px 4px -2px rgba(1, 87, 31, 0.12);
499
+ --amino-shadow-button-success-focus: 0px 0px 0px 1px var(--amino-green-500),
500
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
501
+ 0px 0px 0px 4px rgba(220, 225, 255, 0.24),
502
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
503
+ 0px 2px 2px -1px rgba(1, 87, 31, 0.24),
504
+ 0px 4px 4px -2px rgba(1, 87, 31, 0.12);
505
+ --amino-shadow-button-danger: 0px 0px 0px 1px var(--amino-red-500),
506
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
507
+ 0px 0px 0px 4px rgba(220, 225, 250, 0),
508
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
509
+ 0px 2px 2px -1px rgba(138, 2, 13, 0.24),
510
+ 0px 4px 4px -2px rgba(138, 2, 13, 0.12);
511
+ --amino-shadow-button-danger-focus: 0px 0px 0px 1px var(--amino-red-500),
512
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
513
+ 0px 0px 0px 4px rgba(220, 225, 250, 0.24),
514
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
515
+ 0px 2px 2px -1px rgba(138, 2, 13, 0.24),
516
+ 0px 4px 4px -2px rgba(138, 2, 13, 0.12);
517
+ --amino-shadow-button-warning: 0px 0px 0px 1px var(--amino-orange-500),
518
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
519
+ 0px 0px 0px 4px rgba(220, 225, 250, 0),
520
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
521
+ 0px 2px 2px -1px rgba(123, 41, 5, 0.24),
522
+ 0px 4px 4px -2px rgba(123, 41, 5, 0.12);
523
+ --amino-shadow-button-warning-focus: 0px 0px 0px 1px var(--amino-orange-500),
524
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
525
+ 0px 0px 0px 4px rgba(220, 225, 250, 0.24),
526
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
527
+ 0px 2px 2px -1px rgba(123, 41, 5, 0.24),
528
+ 0px 4px 4px -2px rgba(123, 41, 5, 0.12);
432
529
  --amino-button-focus-ring: 0 0 0 2px var(--amino-blue-500);
433
- --amino-shadow-button-standard: 0px 0px 0px 1px rgba(255, 255, 255, 0.08)
434
- inset,
435
- 0px 1px 3px 0px rgba(0, 0, 0, 0.8),
436
- 0px 0px 2px 1px rgba(255, 255, 255, 0.08) inset,
437
- 0px -1px 1px 0px rgba(0, 0, 0, 0.4) inset,
438
- 0px 0px 0px 0.5px rgba(0, 0, 0, 0.5);
439
- --amino-shadow-button-disabled: 0px 0px 0px 1px #000,
440
- 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
441
- 0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,
442
- 0px 1px 3px 0px rgba(255, 255, 255, 0);
530
+ --amino-shadow-raised-standard: 0px -1px 2px 0px rgba(220, 225, 255, 0.08),
531
+ 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08),
532
+ 0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08),
533
+ 0px 0px 0px 1px rgba(220, 225, 255, 0.2),
534
+ 0px 0px 0px 4px rgba(220, 225, 255, 0);
535
+ --amino-shadow-raised-active: 0px -1px 2px 0px rgba(220, 225, 255, 0.08),
536
+ 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08),
537
+ 0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08),
538
+ 0px 0px 0px 1px rgba(220, 225, 255, 0.2),
539
+ 0px 0px 0px 4px rgba(220, 225, 255, 0);
540
+ --amino-shadow-raised-focus: 0px -1px 2px 0px rgba(220, 225, 255, 0.08),
541
+ 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08),
542
+ 0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08),
543
+ 0px 0px 0px 1px rgba(220, 225, 255, 0.2),
544
+ 0px 0px 0px 4px rgba(220, 225, 255, 0.24);
545
+ --amino-shadow-raised-error: 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08),
546
+ 0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08),
547
+ 0px 0px 0px 1px var(--amino-red-600), 0px 0px 0px 4px rgba(246, 92, 109, 0);
548
+ --amino-shadow-raised-error-focus: 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08),
549
+ 0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08),
550
+ 0px 0px 0px 1px var(--amino-red-600),
551
+ 0px 0px 0px 4px rgba(246, 92, 109, 0.32);
552
+ --amino-shadow-button-disabled: 0px 0px 0px 1px var(--amino-gray-500),
553
+ 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset,
554
+ 0px 0px 0px 4px rgba(0, 0, 0, 0),
555
+ 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset,
556
+ 0px 2px 2px -1px rgba(0, 0, 0, 0.24), 0px 4px 4px -2px rgba(0, 0, 0, 0.12),
557
+ 0px 0px 0px 4px rgba(0, 0, 0, 0);
558
+ --amino-shadow-input-base: 0px 0px 0px 1px var(--amino-gray-200),
559
+ 0px 0px 0px 4px rgba(220, 225, 255, 0);
560
+ --amino-shadow-input-focus: 0px 0px 0px 1px var(--amino-gray-300),
561
+ 0px 0px 0px 4px rgba(220, 225, 255, 0.24);
562
+ --amino-shadow-input-error: 0px 0px 0px 0.5px var(--amino-red-600),
563
+ 0px 0px 0px 4px rgba(246, 92, 109, 0);
564
+ --amino-shadow-input-error-focus: 0px 0px 0px 0.5px var(--amino-red-600),
565
+ 0px 0px 0px 4px rgba(246, 92, 109, 0.32);
443
566
  --amino-shadow-select-base: 0px 0px 0px 1px #000,
444
567
  0px -1px 1px 0px rgba(0, 0, 0, 0.4) inset,
445
568
  0px 0px 2px 1px rgba(255, 255, 255, 0.08) inset,
@@ -517,8 +640,8 @@
517
640
  );
518
641
  --amino-button-standard-hover: linear-gradient(
519
642
  180deg,
520
- #272a3599 0%,
521
- #494c5780 100%
643
+ var(--amino-gray-50) 0%,
644
+ var(--amino-gray-100) 100%
522
645
  );
523
646
  --amino-spinner-track-black: rgba(255, 255, 255, 0.3);
524
647
  --amino-spinner-stroke-black: #ffffff;
package/theme.scss CHANGED
@@ -103,12 +103,24 @@ $amino-v3-shadow-xl: var(--amino-v3-shadow-xl);
103
103
  $amino-v3-shadow-xxl: var(--amino-v3-shadow-xxl);
104
104
  $amino-v3-shadow-inset: var(--amino-v3-shadow-inset);
105
105
  $amino-shadow-button-primary: var(--amino-shadow-button-primary);
106
+ $amino-shadow-button-primary-focus: var(--amino-shadow-button-primary-focus);
106
107
  $amino-shadow-button-success: var(--amino-shadow-button-success);
108
+ $amino-shadow-button-success-focus: var(--amino-shadow-button-success-focus);
107
109
  $amino-shadow-button-danger: var(--amino-shadow-button-danger);
110
+ $amino-shadow-button-danger-focus: var(--amino-shadow-button-danger-focus);
108
111
  $amino-shadow-button-warning: var(--amino-shadow-button-warning);
112
+ $amino-shadow-button-warning-focus: var(--amino-shadow-button-warning-focus);
109
113
  $amino-button-focus-ring: var(--amino-button-focus-ring);
110
- $amino-shadow-button-standard: var(--amino-shadow-button-standard);
114
+ $amino-shadow-raised-standard: var(--amino-shadow-raised-standard);
115
+ $amino-shadow-raised-active: var(--amino-shadow-raised-active);
116
+ $amino-shadow-raised-focus: var(--amino-shadow-raised-focus);
117
+ $amino-shadow-raised-error: var(--amino-shadow-raised-error);
118
+ $amino-shadow-raised-error-focus: var(--amino-shadow-raised-error-focus);
111
119
  $amino-shadow-button-disabled: var(--amino-shadow-button-disabled);
120
+ $amino-shadow-input-base: var(--amino-shadow-input-base);
121
+ $amino-shadow-input-focus: var(--amino-shadow-input-focus);
122
+ $amino-shadow-input-error: var(--amino-shadow-input-error);
123
+ $amino-shadow-input-error-focus: var(--amino-shadow-input-error-focus);
112
124
  $amino-shadow-select-base: var(--amino-shadow-select-base);
113
125
  $amino-shadow-select-active: var(--amino-shadow-select-active);
114
126
  $amino-shadow-select-error: var(--amino-shadow-select-error);
package/components/input/input-type/_InputBase.js DELETED
@@ -1 +0,0 @@
1
- "use strict";var e=require("../../../tslib.es6-5672428a.js"),a=require("react/jsx-runtime"),r=require("react"),n=require("clsx"),i=require("../../../style-inject.es-d4ddeae4.js"),o={inputWrapper:"Amino__InputBase-module__inputWrapper--1ENOH",input:"Amino__InputBase-module__input--lRqSN",prefix:"Amino__InputBase-module__prefix--zRivu",suffix:"Amino__InputBase-module__suffix--aO4YM",valuePrefix:"Amino__InputBase-module__valuePrefix---iZ7M",sm:"Amino__InputBase-module__sm--PsKLo",md:"Amino__InputBase-module__md--L72e-",lg:"Amino__InputBase-module__lg--Fa1Qo",xl:"Amino__InputBase-module__xl--SxAu6",label:"Amino__InputBase-module__label--lovKk",textInputWrapper:"Amino__InputBase-module__textInputWrapper--td6qr"};i.styleInject(".Amino__InputBase-module__inputWrapper--1ENOH{align-items:center;background:#0000;border:1px solid var(--amino-gray-200);border-radius:var(--amino-input-border-radius);display:flex;flex:none;width:100%}.Amino__InputBase-module__inputWrapper--1ENOH:has(input:focus){border-color:var(--amino-gray-400)}.Amino__InputBase-module__inputWrapper--1ENOH.has-error,.Amino__InputBase-module__inputWrapper--1ENOH.has-error:has(input:focus){border-color:var(--amino-red-600)}.Amino__InputBase-module__inputWrapper--1ENOH .Amino__InputBase-module__input--lRqSN{background:var(--amino-input-background);background:#0000;border:0;border-radius:inherit;font-weight:500;height:inherit;outline:none;padding:0 var(--amino-space-16);width:100%}.Amino__InputBase-module__inputWrapper--1ENOH .Amino__InputBase-module__input--lRqSN::placeholder{color:var(--amino-gray-600)}.Amino__InputBase-module__inputWrapper--1ENOH .Amino__InputBase-module__prefix--zRivu,.Amino__InputBase-module__inputWrapper--1ENOH .Amino__InputBase-module__suffix--aO4YM{align-items:center;display:flex;padding:0 var(--amino-space-8)}.Amino__InputBase-module__inputWrapper--1ENOH .Amino__InputBase-module__valuePrefix---iZ7M{color:var(--amino-gray-800);padding-left:var(--amino-space-8);white-space:nowrap}.Amino__InputBase-module__inputWrapper--1ENOH.Amino__InputBase-module__sm--PsKLo{height:32px}.Amino__InputBase-module__inputWrapper--1ENOH.Amino__InputBase-module__md--L72e-{height:40px}.Amino__InputBase-module__inputWrapper--1ENOH.Amino__InputBase-module__lg--Fa1Qo{height:48px}.Amino__InputBase-module__inputWrapper--1ENOH.Amino__InputBase-module__xl--SxAu6{height:56px}.Amino__InputBase-module__label--lovKk{color:var(--amino-text-color-secondary);display:block;flex:none;margin-bottom:var(--amino-space-8)}.Amino__InputBase-module__label--lovKk.has-error{color:var(--amino-red-700)}.Amino__InputBase-module__textInputWrapper--td6qr{display:flex;flex-direction:column;width:100%}");var _=r.forwardRef((function(r,i){var _=r.className,u=r.disabled,p=r.error,l=r.label;r.noBorder;var s=r.placeholder,t=r.prefix,m=r.size,d=r.suffix,c=r.value,x=r.valuePrefix,I=e.__rest(r,["className","disabled","error","label","noBorder","placeholder","prefix","size","suffix","value","valuePrefix"]);return a.jsxs("div",{className:o.textInputWrapper,children:[l&&a.jsx("label",{className:n.clsx(o.label,p&&"has-error"),children:l}),a.jsxs("div",{className:n.clsx(o.inputWrapper,m&&o["".concat(m)],p&&"has-error",_),children:[t&&a.jsx("div",{className:o.prefix,children:t}),x&&a.jsx("div",{className:o.valuePrefix,children:x}),a.jsx("input",e.__assign({ref:i,className:o.input,disabled:u,placeholder:s,value:c||""},I)),d&&a.jsx("div",{className:o.suffix,children:d})]})]})}));exports.InputBase=_;