@hyphen/hyphen-components 2.9.4 → 2.9.6
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/css/index.css +6 -6
- package/dist/css/utilities.css +7 -1
- package/dist/css/variables.css +5 -2
- package/dist/hyphen-components.cjs.development.js +1 -1
- package/dist/hyphen-components.cjs.development.js.map +1 -1
- package/dist/hyphen-components.cjs.production.min.js +1 -1
- package/dist/hyphen-components.cjs.production.min.js.map +1 -1
- package/dist/hyphen-components.esm.js +1 -1
- package/dist/hyphen-components.esm.js.map +1 -1
- package/dist/lib/tokens.d.ts +1 -1
- package/package.json +2 -2
- package/src/components/DateInput/DateInput.tsx +1 -1
- package/src/components/SelectInputInset/SelectInputInset.module.scss +21 -0
- package/src/components/SelectInputNative/SelectInputNative.module.scss +24 -5
- package/src/components/TextInput/TextInput.module.scss +11 -0
- package/src/components/TextInputInset/TextInputInset.module.scss +18 -0
- package/src/components/TextareaInput/TextareaInput.module.scss +10 -0
- package/src/components/TextareaInputInset/TextareaInputInset.module.scss +30 -0
- package/src/styles/variables/forms.scss +1 -0
package/dist/css/utilities.css
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
\***************************************************************************************************************************/
|
|
4
4
|
/**
|
|
5
5
|
* Do not edit directly
|
|
6
|
-
* Generated on
|
|
6
|
+
* Generated on Thu, 25 Jul 2024 15:25:38 GMT
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
.font-family-monospace { font-family: var(--assets-font-family-monospace); }
|
|
@@ -480,6 +480,12 @@
|
|
|
480
480
|
|
|
481
481
|
.focus\:font-color-danger:focus { color: var(--color-font-danger); }
|
|
482
482
|
|
|
483
|
+
.font-color-danger-input { color: var(--color-font-danger-input); }
|
|
484
|
+
|
|
485
|
+
.hover\:font-color-danger-input:hover { color: var(--color-font-danger-input); }
|
|
486
|
+
|
|
487
|
+
.focus\:font-color-danger-input:focus { color: var(--color-font-danger-input); }
|
|
488
|
+
|
|
483
489
|
.font-color-danger-disabled { color: var(--color-font-danger-disabled); }
|
|
484
490
|
|
|
485
491
|
.hover\:font-color-danger-disabled:hover { color: var(--color-font-danger-disabled); }
|
package/dist/css/variables.css
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
\*********************************************************************************************************************/
|
|
4
4
|
/**
|
|
5
5
|
* Do not edit directly
|
|
6
|
-
* Generated on
|
|
6
|
+
* Generated on Thu, 25 Jul 2024 15:25:38 GMT
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
:root {
|
|
@@ -161,6 +161,7 @@
|
|
|
161
161
|
--color-font-warn: #ca8a04;
|
|
162
162
|
--color-font-warn-disabled: #fef08a;
|
|
163
163
|
--color-font-danger: #dc2626;
|
|
164
|
+
--color-font-danger-input: #404040;
|
|
164
165
|
--color-font-danger-disabled: #fecaca;
|
|
165
166
|
--color-font-button-primary: #ffffff;
|
|
166
167
|
--color-font-button-primary-hover: #ffffff;
|
|
@@ -295,7 +296,7 @@
|
|
|
295
296
|
\*******************************************************************************************************************************/
|
|
296
297
|
/**
|
|
297
298
|
* Do not edit directly
|
|
298
|
-
* Generated on
|
|
299
|
+
* Generated on Thu, 25 Jul 2024 15:25:38 GMT
|
|
299
300
|
*/
|
|
300
301
|
|
|
301
302
|
:root.dark {
|
|
@@ -346,6 +347,7 @@
|
|
|
346
347
|
--color-font-warn: #eab308;
|
|
347
348
|
--color-font-warn-disabled: #fef08a;
|
|
348
349
|
--color-font-danger: #ef4444;
|
|
350
|
+
--color-font-danger-input: #404040;
|
|
349
351
|
--color-font-danger-disabled: #fecaca;
|
|
350
352
|
--color-font-button-primary: #1e1e1e;
|
|
351
353
|
--color-font-button-primary-hover: #1e1e1e;
|
|
@@ -397,6 +399,7 @@
|
|
|
397
399
|
--INTERNAL_form-control-font-color: var(--color-font-base);
|
|
398
400
|
--INTERNAL_form-control-font-color-disabled: var(--color-font-disabled);
|
|
399
401
|
--INTERNAL_form-control-font-color-error: var(--color-font-danger);
|
|
402
|
+
--INTERNAL_form-control-input-color-error: var(--color-font-danger-input);
|
|
400
403
|
--INTERNAL_form-control-font-color-error-disabled: var(
|
|
401
404
|
--color-font-danger-disabled
|
|
402
405
|
);
|
|
@@ -1779,7 +1779,7 @@ var DateInput = function DateInput(_ref) {
|
|
|
1779
1779
|
* */
|
|
1780
1780
|
var handleOnClickOutside = function handleOnClickOutside(event) {
|
|
1781
1781
|
var target = event.target;
|
|
1782
|
-
if (target.
|
|
1782
|
+
if (target.classList.contains('react-datepicker__navigation')) {
|
|
1783
1783
|
return;
|
|
1784
1784
|
}
|
|
1785
1785
|
handleTogglePopover(false);
|