@lumx/core 3.20.1-alpha.9 → 3.21.1-alpha.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/lumx.css +11 -11
- package/lumx.min.css +1 -1
- package/package.json +1 -2
- package/scss/components/text-field/_index.scss +4 -6
- package/js/components/Icon/index.tsx +0 -136
- package/js/components/InputHelper/index.tsx +0 -69
package/lumx.css
CHANGED
|
@@ -12055,7 +12055,10 @@ table {
|
|
|
12055
12055
|
flex: 1 1 auto;
|
|
12056
12056
|
padding: var(--lumx-text-field-wrapper-padding-vertical) 0;
|
|
12057
12057
|
}
|
|
12058
|
-
.lumx-text-
|
|
12058
|
+
.lumx-text-field__input-native {
|
|
12059
|
+
resize: none;
|
|
12060
|
+
}
|
|
12061
|
+
.lumx-text-field--theme-light .lumx-text-field__input-native, .lumx-text-field__input-native--theme-light {
|
|
12059
12062
|
display: block;
|
|
12060
12063
|
width: 100%;
|
|
12061
12064
|
padding: 0;
|
|
@@ -12068,16 +12071,16 @@ table {
|
|
|
12068
12071
|
color: var(--lumx-color-dark-N);
|
|
12069
12072
|
color: var(--lumx-text-field-state-default-theme-light-input-content-color);
|
|
12070
12073
|
}
|
|
12071
|
-
.lumx-text-field--theme-light .lumx-text-field__input-native[type=number]::-webkit-inner-spin-button, .lumx-text-field--theme-light .lumx-text-field__input-native[type=number]::-webkit-outer-spin-button {
|
|
12074
|
+
.lumx-text-field--theme-light .lumx-text-field__input-native[type=number]::-webkit-inner-spin-button, .lumx-text-field--theme-light .lumx-text-field__input-native[type=number]::-webkit-outer-spin-button, .lumx-text-field__input-native--theme-light[type=number]::-webkit-inner-spin-button, .lumx-text-field__input-native--theme-light[type=number]::-webkit-outer-spin-button {
|
|
12072
12075
|
opacity: 1;
|
|
12073
12076
|
}
|
|
12074
|
-
.lumx-text-field--theme-light .lumx-text-field__input-native::-moz-placeholder {
|
|
12077
|
+
.lumx-text-field--theme-light .lumx-text-field__input-native::-moz-placeholder, .lumx-text-field__input-native--theme-light::-moz-placeholder {
|
|
12075
12078
|
color: var(--lumx-text-field-state-default-theme-light-input-placeholder-color);
|
|
12076
12079
|
}
|
|
12077
|
-
.lumx-text-field--theme-light .lumx-text-field__input-native::placeholder {
|
|
12080
|
+
.lumx-text-field--theme-light .lumx-text-field__input-native::placeholder, .lumx-text-field__input-native--theme-light::placeholder {
|
|
12078
12081
|
color: var(--lumx-text-field-state-default-theme-light-input-placeholder-color);
|
|
12079
12082
|
}
|
|
12080
|
-
.lumx-text-field--theme-dark .lumx-text-field__input-native {
|
|
12083
|
+
.lumx-text-field--theme-dark .lumx-text-field__input-native, .lumx-text-field__input-native--theme-dark {
|
|
12081
12084
|
display: block;
|
|
12082
12085
|
width: 100%;
|
|
12083
12086
|
padding: 0;
|
|
@@ -12090,13 +12093,13 @@ table {
|
|
|
12090
12093
|
color: var(--lumx-color-light-N);
|
|
12091
12094
|
color: var(--lumx-text-field-state-default-theme-dark-input-content-color);
|
|
12092
12095
|
}
|
|
12093
|
-
.lumx-text-field--theme-dark .lumx-text-field__input-native[type=number]::-webkit-inner-spin-button, .lumx-text-field--theme-dark .lumx-text-field__input-native[type=number]::-webkit-outer-spin-button {
|
|
12096
|
+
.lumx-text-field--theme-dark .lumx-text-field__input-native[type=number]::-webkit-inner-spin-button, .lumx-text-field--theme-dark .lumx-text-field__input-native[type=number]::-webkit-outer-spin-button, .lumx-text-field__input-native--theme-dark[type=number]::-webkit-inner-spin-button, .lumx-text-field__input-native--theme-dark[type=number]::-webkit-outer-spin-button {
|
|
12094
12097
|
opacity: 1;
|
|
12095
12098
|
}
|
|
12096
|
-
.lumx-text-field--theme-dark .lumx-text-field__input-native::-moz-placeholder {
|
|
12099
|
+
.lumx-text-field--theme-dark .lumx-text-field__input-native::-moz-placeholder, .lumx-text-field__input-native--theme-dark::-moz-placeholder {
|
|
12097
12100
|
color: var(--lumx-text-field-state-default-theme-dark-input-placeholder-color);
|
|
12098
12101
|
}
|
|
12099
|
-
.lumx-text-field--theme-dark .lumx-text-field__input-native::placeholder {
|
|
12102
|
+
.lumx-text-field--theme-dark .lumx-text-field__input-native::placeholder, .lumx-text-field__input-native--theme-dark::placeholder {
|
|
12100
12103
|
color: var(--lumx-text-field-state-default-theme-dark-input-placeholder-color);
|
|
12101
12104
|
}
|
|
12102
12105
|
.lumx-text-field--has-chips .lumx-text-field__input-native {
|
|
@@ -12105,9 +12108,6 @@ table {
|
|
|
12105
12108
|
min-width: 100px;
|
|
12106
12109
|
line-height: var(--lumx-material-chip-size-s-height);
|
|
12107
12110
|
}
|
|
12108
|
-
.lumx-text-field__input-native--textarea {
|
|
12109
|
-
resize: none;
|
|
12110
|
-
}
|
|
12111
12111
|
.lumx-text-field__input-clear, .lumx-text-field__after-element {
|
|
12112
12112
|
flex-shrink: 0;
|
|
12113
12113
|
margin: calc(var(--lumx-text-field-wrapper-padding-vertical) + (var(--lumx-material-text-field-input-content-line-height) - var(--lumx-button-height) / 1.5) / 2) 4px;
|