@stenajs-webui/forms 15.5.10 → 16.0.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/CHANGELOG.md +12 -0
- package/dist/index.es.js +2 -2
- package/dist/index.js +2 -2
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v15.7.0 (Tue Jun 14 2022)
|
|
2
|
+
|
|
3
|
+
#### 🚀 Enhancement
|
|
4
|
+
|
|
5
|
+
- 94903 add disabled state to date components [#464](https://github.com/StenaIT/stenajs-webui/pull/464) (emil.heldring@stenaline.com)
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Emil Heldring ([@emilheldring95](https://github.com/emilheldring95))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v15.0.1 (Thu Feb 17 2022)
|
|
2
14
|
|
|
3
15
|
#### ⚠️ Pushed to `master`
|
package/dist/index.es.js
CHANGED
|
@@ -303,8 +303,8 @@ var useTextInput = function (ref, _a) {
|
|
|
303
303
|
};
|
|
304
304
|
};
|
|
305
305
|
|
|
306
|
-
var css_248z$2 = ".TextInput-module_textInput__241mK {\n --swui-textinput-text-color: var(--swui-field-text-color);\n --swui-textinput-text-color-disabled: var(--swui-field-text-color-disabled);\n --swui-textinput-letter-spacing: var(--swui-field-letter-spacing);\n --swui-textinput-line-height: var(--swui-field-text-line-height);\n --swui-textinput-indent: var(--swui-metrics-indent);\n --swui-textinput-spacing: calc(var(--swui-field-text-spacing) - 1px);\n --swui-textinput-font-size: var(--swui-font-size-inputs);\n --swui-textinput-font-family: var(--swui-font-input);\n --swui-textinput-font-weight: var(--swui-font-weight-inputs);\n --swui-textinput-placeholder-color: var(--swui-field-placeholder-color);\n --swui-textinput-animation-time: var(--swui-animation-time-medium);\n --swui-textinput-icon-color: var(--swui-field-border-color-disabled);\n --swui-textinput-icon-hover-color: var(--swui-primary-action-color);\n --swui-textinput-icon-size: var(--swui-field-icon-size);\n\n /* States */\n --swui-textinput-icon-color-success: var(--swui-state-success-color);\n\n --swui-textinput-bg-loading: var(--swui-state-loading-light-color);\n --swui-textinput-border-color-loading: var(--swui-state-loading-color);\n\n --swui-textinput-bg-modified: var(--swui-state-modified-light-color);\n --swui-textinput-border-color-modified: var(--swui-state-modified-color);\n\n --swui-textinput-bg-warning: var(--swui-state-alert-light-color);\n --swui-textinput-border-color-warning: var(--swui-state-alert-color);\n\n --swui-textinput-bg-error: var(--swui-state-error-light-color);\n --swui-textinput-border-color-error: var(--swui-state-error-color);\n\n /* Background */\n --swui-textinput-bg-color: var(--swui-field-bg-enabled);\n --swui-textinput-bg-color-disabled: var(--swui-field-bg-disabled);\n\n /* Border */\n --swui-textinput-border-radius: var(--swui-field-border-radius);\n --swui-textinput-border-color: var(--swui-field-border-color);\n --swui-textinput-border-color-hover: var(--swui-field-border-color-hover);\n --swui-textinput-border-color-disabled: var(\n --swui-field-border-color-disabled\n );\n\n /* Shadow */\n --swui-textinput-focus-shadow: var(--swui-field-focus-shadow);\n\n /* Current vars */\n --current-bg: var(--swui-textinput-bg-color);\n --current-border-color: var(--swui-textinput-border-color);\n --current-icon-color: var(--swui-textinput-icon-color);\n\n /* Styling */\n display: flex;\n width: 100%;\n align-items: center;\n background: var(--current-bg);\n border: 1px solid var(--current-border-color);\n border-radius: var(--swui-textinput-border-radius);\n transition: all var(--swui-textinput-animation-time);\n}\n\n .TextInput-module_textInput__241mK.TextInput-module_textInput__241mK:focus-within {\n box-shadow: var(--swui-textinput-focus-shadow);\n --current-border-color: var(--swui-textinput-border-color-hover);\n --current-bg: var(--swui-textinput-bg-color);\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az {\n letter-spacing: var(--swui-textinput-letter-spacing);\n line-height: var(--swui-textinput-line-height);\n width: 100%;\n padding: var(--swui-textinput-spacing) var(--swui-textinput-indent);\n color: var(--swui-textinput-text-color);\n font-size: var(--swui-textinput-font-size);\n font-family: var(--swui-textinput-font-family);\n font-weight: var(--swui-textinput-font-weight);\n background: var(--swui-hidden);\n border: none;\n min-width: 0; /* https://stackoverflow.com/a/43361500 */\n margin: 0;\n }\n\n /* Safari */\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az:disabled {\n color: var(--swui-textinput-text-color-disabled);\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az::-webkit-input-placeholder {\n color: var(--swui-textinput-placeholder-color);\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az:-ms-input-placeholder {\n color: var(--swui-textinput-placeholder-color);\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az::placeholder {\n color: var(--swui-textinput-placeholder-color);\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az:focus {\n outline: none;\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az::-webkit-calendar-picker-indicator {\n display: none;\n }\n\n /*\n * States\n */\n\n .TextInput-module_textInput__241mK.TextInput-module_standard__UTt4V:hover:not(.TextInput-module_disabled__1uxhM), .TextInput-module_textInput__241mK.TextInput-module_success__12K-z:hover:not(.TextInput-module_disabled__1uxhM) {\n --current-border-color: var(--swui-textinput-border-color-hover);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_success__12K-z {\n --current-icon-color: var(--swui-textinput-icon-color-success);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_loading__oczVY {\n --current-bg: var(--swui-textinput-bg-loading);\n --current-border-color: var(--swui-textinput-border-color-loading);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_modified__2042t {\n --current-bg: var(--swui-textinput-bg-modified);\n --current-border-color: var(--swui-textinput-border-color-modified);\n --current-icon-color: var(--lhds-color-blue-300);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_error__39qGr {\n --current-bg: var(--swui-textinput-bg-error);\n --current-border-color: var(--swui-textinput-border-color-error);\n --current-icon-color: var(--swui-textinput-border-color-error);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_warning__kpGF8 {\n --current-bg: var(--swui-textinput-bg-warning);\n --current-border-color: var(--swui-textinput-border-color-warning);\n --current-icon-color: var(--swui-textinput-border-color-warning);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_disabled__1uxhM {\n --current-bg: var(--swui-textinput-bg-color-disabled);\n --current-border-color: var(--swui-textinput-border-color-disabled);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_textInput__241mK.TextInput-module_hideBorder__1_dYg {\n border: none;\n box-shadow: none;\n background: none;\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_clickable__2fPUX:hover {\n --current-icon-color: var(--swui-textinput-icon-hover-color);\n cursor: pointer;\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_icon__1U2OO {\n transition: color var(--swui-textinput-animation-time);\n color: var(--current-icon-color);\n font-size: var(--swui-textinput-icon-size);\n }\n";
|
|
307
|
-
var styles$2 = {"textInput":"TextInput-module_textInput__241mK","
|
|
306
|
+
var css_248z$2 = ".TextInput-module_textInput__241mK {\n --swui-textinput-text-color: var(--swui-field-text-color);\n --swui-textinput-text-color-disabled: var(--swui-field-text-color-disabled);\n --swui-textinput-letter-spacing: var(--swui-field-letter-spacing);\n --swui-textinput-line-height: var(--swui-field-text-line-height);\n --swui-textinput-indent: var(--swui-metrics-indent);\n --swui-textinput-spacing: calc(var(--swui-field-text-spacing) - 1px);\n --swui-textinput-font-size: var(--swui-font-size-inputs);\n --swui-textinput-font-family: var(--swui-font-input);\n --swui-textinput-font-weight: var(--swui-font-weight-inputs);\n --swui-textinput-placeholder-color: var(--swui-field-placeholder-color);\n --swui-textinput-animation-time: var(--swui-animation-time-medium);\n --swui-textinput-icon-color: var(--swui-field-border-color-disabled);\n --swui-textinput-icon-hover-color: var(--swui-primary-action-color);\n --swui-textinput-icon-size: var(--swui-field-icon-size);\n\n /* States */\n --swui-textinput-icon-color-success: var(--swui-state-success-color);\n\n --swui-textinput-bg-loading: var(--swui-state-loading-light-color);\n --swui-textinput-border-color-loading: var(--swui-state-loading-color);\n\n --swui-textinput-bg-modified: var(--swui-state-modified-light-color);\n --swui-textinput-border-color-modified: var(--swui-state-modified-color);\n\n --swui-textinput-bg-warning: var(--swui-state-alert-light-color);\n --swui-textinput-border-color-warning: var(--swui-state-alert-color);\n\n --swui-textinput-bg-error: var(--swui-state-error-light-color);\n --swui-textinput-border-color-error: var(--swui-state-error-color);\n\n /* Background */\n --swui-textinput-bg-color: var(--swui-field-bg-enabled);\n --swui-textinput-bg-color-disabled: var(--swui-field-bg-disabled);\n\n /* Border */\n --swui-textinput-border-radius: var(--swui-field-border-radius);\n --swui-textinput-border-color: var(--swui-field-border-color);\n --swui-textinput-border-color-hover: var(--swui-field-border-color-hover);\n --swui-textinput-border-color-disabled: var(\n --swui-field-border-color-disabled\n );\n\n /* Shadow */\n --swui-textinput-focus-shadow: var(--swui-field-focus-shadow);\n\n /* Current vars */\n --current-bg: var(--swui-textinput-bg-color);\n --current-border-color: var(--swui-textinput-border-color);\n --current-icon-color: var(--swui-textinput-icon-color);\n\n /* Styling */\n display: flex;\n width: 100%;\n align-items: center;\n background: var(--current-bg);\n border: 1px solid var(--current-border-color);\n border-radius: var(--swui-textinput-border-radius);\n transition: all var(--swui-textinput-animation-time);\n}\n\n .TextInput-module_textInput__241mK.TextInput-module_textInput__241mK:focus-within:not(.TextInput-module_disabled__1uxhM) {\n box-shadow: var(--swui-textinput-focus-shadow);\n --current-border-color: var(--swui-textinput-border-color-hover);\n --current-bg: var(--swui-textinput-bg-color);\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az {\n letter-spacing: var(--swui-textinput-letter-spacing);\n line-height: var(--swui-textinput-line-height);\n width: 100%;\n padding: var(--swui-textinput-spacing) var(--swui-textinput-indent);\n color: var(--swui-textinput-text-color);\n font-size: var(--swui-textinput-font-size);\n font-family: var(--swui-textinput-font-family);\n font-weight: var(--swui-textinput-font-weight);\n background: var(--swui-hidden);\n border: none;\n min-width: 0; /* https://stackoverflow.com/a/43361500 */\n margin: 0;\n }\n\n /* Safari */\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az:disabled {\n color: var(--swui-textinput-text-color-disabled);\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az::-webkit-input-placeholder {\n color: var(--swui-textinput-placeholder-color);\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az:-ms-input-placeholder {\n color: var(--swui-textinput-placeholder-color);\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az::placeholder {\n color: var(--swui-textinput-placeholder-color);\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az:focus {\n outline: none;\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az::-webkit-calendar-picker-indicator {\n display: none;\n }\n\n /*\n * States\n */\n\n .TextInput-module_textInput__241mK.TextInput-module_standard__UTt4V:hover:not(.TextInput-module_disabled__1uxhM), .TextInput-module_textInput__241mK.TextInput-module_success__12K-z:hover:not(.TextInput-module_disabled__1uxhM) {\n --current-border-color: var(--swui-textinput-border-color-hover);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_success__12K-z {\n --current-icon-color: var(--swui-textinput-icon-color-success);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_loading__oczVY {\n --current-bg: var(--swui-textinput-bg-loading);\n --current-border-color: var(--swui-textinput-border-color-loading);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_modified__2042t {\n --current-bg: var(--swui-textinput-bg-modified);\n --current-border-color: var(--swui-textinput-border-color-modified);\n --current-icon-color: var(--lhds-color-blue-300);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_error__39qGr {\n --current-bg: var(--swui-textinput-bg-error);\n --current-border-color: var(--swui-textinput-border-color-error);\n --current-icon-color: var(--swui-textinput-border-color-error);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_warning__kpGF8 {\n --current-bg: var(--swui-textinput-bg-warning);\n --current-border-color: var(--swui-textinput-border-color-warning);\n --current-icon-color: var(--swui-textinput-border-color-warning);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_disabled__1uxhM {\n --current-bg: var(--swui-textinput-bg-color-disabled);\n --current-border-color: var(--swui-textinput-border-color-disabled);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_textInput__241mK.TextInput-module_hideBorder__1_dYg {\n border: none;\n box-shadow: none;\n background: none;\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_clickable__2fPUX:hover {\n --current-icon-color: var(--swui-textinput-icon-hover-color);\n cursor: pointer;\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_icon__1U2OO {\n transition: color var(--swui-textinput-animation-time);\n color: var(--current-icon-color);\n font-size: var(--swui-textinput-icon-size);\n }\n";
|
|
307
|
+
var styles$2 = {"textInput":"TextInput-module_textInput__241mK","disabled":"TextInput-module_disabled__1uxhM","input":"TextInput-module_input__2k0az","standard":"TextInput-module_standard__UTt4V","success":"TextInput-module_success__12K-z","loading":"TextInput-module_loading__oczVY","modified":"TextInput-module_modified__2042t","error":"TextInput-module_error__39qGr","warning":"TextInput-module_warning__kpGF8","hideBorder":"TextInput-module_hideBorder__1_dYg","clickable":"TextInput-module_clickable__2fPUX","icon":"TextInput-module_icon__1U2OO"};
|
|
308
308
|
styleInject(css_248z$2);
|
|
309
309
|
|
|
310
310
|
var TextInputIcon = function (_a) {
|
package/dist/index.js
CHANGED
|
@@ -330,8 +330,8 @@ var useTextInput = function (ref, _a) {
|
|
|
330
330
|
};
|
|
331
331
|
};
|
|
332
332
|
|
|
333
|
-
var css_248z$2 = ".TextInput-module_textInput__241mK {\n --swui-textinput-text-color: var(--swui-field-text-color);\n --swui-textinput-text-color-disabled: var(--swui-field-text-color-disabled);\n --swui-textinput-letter-spacing: var(--swui-field-letter-spacing);\n --swui-textinput-line-height: var(--swui-field-text-line-height);\n --swui-textinput-indent: var(--swui-metrics-indent);\n --swui-textinput-spacing: calc(var(--swui-field-text-spacing) - 1px);\n --swui-textinput-font-size: var(--swui-font-size-inputs);\n --swui-textinput-font-family: var(--swui-font-input);\n --swui-textinput-font-weight: var(--swui-font-weight-inputs);\n --swui-textinput-placeholder-color: var(--swui-field-placeholder-color);\n --swui-textinput-animation-time: var(--swui-animation-time-medium);\n --swui-textinput-icon-color: var(--swui-field-border-color-disabled);\n --swui-textinput-icon-hover-color: var(--swui-primary-action-color);\n --swui-textinput-icon-size: var(--swui-field-icon-size);\n\n /* States */\n --swui-textinput-icon-color-success: var(--swui-state-success-color);\n\n --swui-textinput-bg-loading: var(--swui-state-loading-light-color);\n --swui-textinput-border-color-loading: var(--swui-state-loading-color);\n\n --swui-textinput-bg-modified: var(--swui-state-modified-light-color);\n --swui-textinput-border-color-modified: var(--swui-state-modified-color);\n\n --swui-textinput-bg-warning: var(--swui-state-alert-light-color);\n --swui-textinput-border-color-warning: var(--swui-state-alert-color);\n\n --swui-textinput-bg-error: var(--swui-state-error-light-color);\n --swui-textinput-border-color-error: var(--swui-state-error-color);\n\n /* Background */\n --swui-textinput-bg-color: var(--swui-field-bg-enabled);\n --swui-textinput-bg-color-disabled: var(--swui-field-bg-disabled);\n\n /* Border */\n --swui-textinput-border-radius: var(--swui-field-border-radius);\n --swui-textinput-border-color: var(--swui-field-border-color);\n --swui-textinput-border-color-hover: var(--swui-field-border-color-hover);\n --swui-textinput-border-color-disabled: var(\n --swui-field-border-color-disabled\n );\n\n /* Shadow */\n --swui-textinput-focus-shadow: var(--swui-field-focus-shadow);\n\n /* Current vars */\n --current-bg: var(--swui-textinput-bg-color);\n --current-border-color: var(--swui-textinput-border-color);\n --current-icon-color: var(--swui-textinput-icon-color);\n\n /* Styling */\n display: flex;\n width: 100%;\n align-items: center;\n background: var(--current-bg);\n border: 1px solid var(--current-border-color);\n border-radius: var(--swui-textinput-border-radius);\n transition: all var(--swui-textinput-animation-time);\n}\n\n .TextInput-module_textInput__241mK.TextInput-module_textInput__241mK:focus-within {\n box-shadow: var(--swui-textinput-focus-shadow);\n --current-border-color: var(--swui-textinput-border-color-hover);\n --current-bg: var(--swui-textinput-bg-color);\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az {\n letter-spacing: var(--swui-textinput-letter-spacing);\n line-height: var(--swui-textinput-line-height);\n width: 100%;\n padding: var(--swui-textinput-spacing) var(--swui-textinput-indent);\n color: var(--swui-textinput-text-color);\n font-size: var(--swui-textinput-font-size);\n font-family: var(--swui-textinput-font-family);\n font-weight: var(--swui-textinput-font-weight);\n background: var(--swui-hidden);\n border: none;\n min-width: 0; /* https://stackoverflow.com/a/43361500 */\n margin: 0;\n }\n\n /* Safari */\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az:disabled {\n color: var(--swui-textinput-text-color-disabled);\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az::-webkit-input-placeholder {\n color: var(--swui-textinput-placeholder-color);\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az:-ms-input-placeholder {\n color: var(--swui-textinput-placeholder-color);\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az::placeholder {\n color: var(--swui-textinput-placeholder-color);\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az:focus {\n outline: none;\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az::-webkit-calendar-picker-indicator {\n display: none;\n }\n\n /*\n * States\n */\n\n .TextInput-module_textInput__241mK.TextInput-module_standard__UTt4V:hover:not(.TextInput-module_disabled__1uxhM), .TextInput-module_textInput__241mK.TextInput-module_success__12K-z:hover:not(.TextInput-module_disabled__1uxhM) {\n --current-border-color: var(--swui-textinput-border-color-hover);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_success__12K-z {\n --current-icon-color: var(--swui-textinput-icon-color-success);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_loading__oczVY {\n --current-bg: var(--swui-textinput-bg-loading);\n --current-border-color: var(--swui-textinput-border-color-loading);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_modified__2042t {\n --current-bg: var(--swui-textinput-bg-modified);\n --current-border-color: var(--swui-textinput-border-color-modified);\n --current-icon-color: var(--lhds-color-blue-300);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_error__39qGr {\n --current-bg: var(--swui-textinput-bg-error);\n --current-border-color: var(--swui-textinput-border-color-error);\n --current-icon-color: var(--swui-textinput-border-color-error);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_warning__kpGF8 {\n --current-bg: var(--swui-textinput-bg-warning);\n --current-border-color: var(--swui-textinput-border-color-warning);\n --current-icon-color: var(--swui-textinput-border-color-warning);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_disabled__1uxhM {\n --current-bg: var(--swui-textinput-bg-color-disabled);\n --current-border-color: var(--swui-textinput-border-color-disabled);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_textInput__241mK.TextInput-module_hideBorder__1_dYg {\n border: none;\n box-shadow: none;\n background: none;\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_clickable__2fPUX:hover {\n --current-icon-color: var(--swui-textinput-icon-hover-color);\n cursor: pointer;\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_icon__1U2OO {\n transition: color var(--swui-textinput-animation-time);\n color: var(--current-icon-color);\n font-size: var(--swui-textinput-icon-size);\n }\n";
|
|
334
|
-
var styles$2 = {"textInput":"TextInput-module_textInput__241mK","
|
|
333
|
+
var css_248z$2 = ".TextInput-module_textInput__241mK {\n --swui-textinput-text-color: var(--swui-field-text-color);\n --swui-textinput-text-color-disabled: var(--swui-field-text-color-disabled);\n --swui-textinput-letter-spacing: var(--swui-field-letter-spacing);\n --swui-textinput-line-height: var(--swui-field-text-line-height);\n --swui-textinput-indent: var(--swui-metrics-indent);\n --swui-textinput-spacing: calc(var(--swui-field-text-spacing) - 1px);\n --swui-textinput-font-size: var(--swui-font-size-inputs);\n --swui-textinput-font-family: var(--swui-font-input);\n --swui-textinput-font-weight: var(--swui-font-weight-inputs);\n --swui-textinput-placeholder-color: var(--swui-field-placeholder-color);\n --swui-textinput-animation-time: var(--swui-animation-time-medium);\n --swui-textinput-icon-color: var(--swui-field-border-color-disabled);\n --swui-textinput-icon-hover-color: var(--swui-primary-action-color);\n --swui-textinput-icon-size: var(--swui-field-icon-size);\n\n /* States */\n --swui-textinput-icon-color-success: var(--swui-state-success-color);\n\n --swui-textinput-bg-loading: var(--swui-state-loading-light-color);\n --swui-textinput-border-color-loading: var(--swui-state-loading-color);\n\n --swui-textinput-bg-modified: var(--swui-state-modified-light-color);\n --swui-textinput-border-color-modified: var(--swui-state-modified-color);\n\n --swui-textinput-bg-warning: var(--swui-state-alert-light-color);\n --swui-textinput-border-color-warning: var(--swui-state-alert-color);\n\n --swui-textinput-bg-error: var(--swui-state-error-light-color);\n --swui-textinput-border-color-error: var(--swui-state-error-color);\n\n /* Background */\n --swui-textinput-bg-color: var(--swui-field-bg-enabled);\n --swui-textinput-bg-color-disabled: var(--swui-field-bg-disabled);\n\n /* Border */\n --swui-textinput-border-radius: var(--swui-field-border-radius);\n --swui-textinput-border-color: var(--swui-field-border-color);\n --swui-textinput-border-color-hover: var(--swui-field-border-color-hover);\n --swui-textinput-border-color-disabled: var(\n --swui-field-border-color-disabled\n );\n\n /* Shadow */\n --swui-textinput-focus-shadow: var(--swui-field-focus-shadow);\n\n /* Current vars */\n --current-bg: var(--swui-textinput-bg-color);\n --current-border-color: var(--swui-textinput-border-color);\n --current-icon-color: var(--swui-textinput-icon-color);\n\n /* Styling */\n display: flex;\n width: 100%;\n align-items: center;\n background: var(--current-bg);\n border: 1px solid var(--current-border-color);\n border-radius: var(--swui-textinput-border-radius);\n transition: all var(--swui-textinput-animation-time);\n}\n\n .TextInput-module_textInput__241mK.TextInput-module_textInput__241mK:focus-within:not(.TextInput-module_disabled__1uxhM) {\n box-shadow: var(--swui-textinput-focus-shadow);\n --current-border-color: var(--swui-textinput-border-color-hover);\n --current-bg: var(--swui-textinput-bg-color);\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az {\n letter-spacing: var(--swui-textinput-letter-spacing);\n line-height: var(--swui-textinput-line-height);\n width: 100%;\n padding: var(--swui-textinput-spacing) var(--swui-textinput-indent);\n color: var(--swui-textinput-text-color);\n font-size: var(--swui-textinput-font-size);\n font-family: var(--swui-textinput-font-family);\n font-weight: var(--swui-textinput-font-weight);\n background: var(--swui-hidden);\n border: none;\n min-width: 0; /* https://stackoverflow.com/a/43361500 */\n margin: 0;\n }\n\n /* Safari */\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az:disabled {\n color: var(--swui-textinput-text-color-disabled);\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az::-webkit-input-placeholder {\n color: var(--swui-textinput-placeholder-color);\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az:-ms-input-placeholder {\n color: var(--swui-textinput-placeholder-color);\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az::placeholder {\n color: var(--swui-textinput-placeholder-color);\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az:focus {\n outline: none;\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_input__2k0az::-webkit-calendar-picker-indicator {\n display: none;\n }\n\n /*\n * States\n */\n\n .TextInput-module_textInput__241mK.TextInput-module_standard__UTt4V:hover:not(.TextInput-module_disabled__1uxhM), .TextInput-module_textInput__241mK.TextInput-module_success__12K-z:hover:not(.TextInput-module_disabled__1uxhM) {\n --current-border-color: var(--swui-textinput-border-color-hover);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_success__12K-z {\n --current-icon-color: var(--swui-textinput-icon-color-success);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_loading__oczVY {\n --current-bg: var(--swui-textinput-bg-loading);\n --current-border-color: var(--swui-textinput-border-color-loading);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_modified__2042t {\n --current-bg: var(--swui-textinput-bg-modified);\n --current-border-color: var(--swui-textinput-border-color-modified);\n --current-icon-color: var(--lhds-color-blue-300);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_error__39qGr {\n --current-bg: var(--swui-textinput-bg-error);\n --current-border-color: var(--swui-textinput-border-color-error);\n --current-icon-color: var(--swui-textinput-border-color-error);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_warning__kpGF8 {\n --current-bg: var(--swui-textinput-bg-warning);\n --current-border-color: var(--swui-textinput-border-color-warning);\n --current-icon-color: var(--swui-textinput-border-color-warning);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_disabled__1uxhM {\n --current-bg: var(--swui-textinput-bg-color-disabled);\n --current-border-color: var(--swui-textinput-border-color-disabled);\n }\n\n .TextInput-module_textInput__241mK.TextInput-module_textInput__241mK.TextInput-module_hideBorder__1_dYg {\n border: none;\n box-shadow: none;\n background: none;\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_clickable__2fPUX:hover {\n --current-icon-color: var(--swui-textinput-icon-hover-color);\n cursor: pointer;\n }\n\n .TextInput-module_textInput__241mK .TextInput-module_icon__1U2OO {\n transition: color var(--swui-textinput-animation-time);\n color: var(--current-icon-color);\n font-size: var(--swui-textinput-icon-size);\n }\n";
|
|
334
|
+
var styles$2 = {"textInput":"TextInput-module_textInput__241mK","disabled":"TextInput-module_disabled__1uxhM","input":"TextInput-module_input__2k0az","standard":"TextInput-module_standard__UTt4V","success":"TextInput-module_success__12K-z","loading":"TextInput-module_loading__oczVY","modified":"TextInput-module_modified__2042t","error":"TextInput-module_error__39qGr","warning":"TextInput-module_warning__kpGF8","hideBorder":"TextInput-module_hideBorder__1_dYg","clickable":"TextInput-module_clickable__2fPUX","icon":"TextInput-module_icon__1U2OO"};
|
|
335
335
|
styleInject(css_248z$2);
|
|
336
336
|
|
|
337
337
|
var TextInputIcon = function (_a) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stenajs-webui/forms",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "16.0.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "mattias800",
|
|
6
6
|
"license": "MIT",
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
"deploy": "gh-pages -d example/build"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@stenajs-webui/core": "
|
|
31
|
-
"@stenajs-webui/elements": "
|
|
30
|
+
"@stenajs-webui/core": "16.0.0",
|
|
31
|
+
"@stenajs-webui/elements": "16.0.0",
|
|
32
32
|
"classnames": "^2.3.1",
|
|
33
33
|
"date-fns": "2.26.0"
|
|
34
34
|
},
|
|
@@ -74,5 +74,5 @@
|
|
|
74
74
|
"files": [
|
|
75
75
|
"dist"
|
|
76
76
|
],
|
|
77
|
-
"gitHead": "
|
|
77
|
+
"gitHead": "b3ff5d9173979455c8e6f8334e8feb601283d3bb"
|
|
78
78
|
}
|