@lumx/core 3.20.1-alpha.44 → 3.20.1-alpha.45

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 (3) hide show
  1. package/lumx.css +11 -11
  2. package/package.json +1 -1
  3. package/scss/components/text-field/_index.scss +4 -6
package/lumx.css CHANGED
@@ -12056,7 +12056,10 @@ table {
12056
12056
  flex: 1 1 auto;
12057
12057
  padding: var(--lumx-text-field-wrapper-padding-vertical) 0;
12058
12058
  }
12059
- .lumx-text-field--theme-light .lumx-text-field__input-native {
12059
+ .lumx-text-field__input-native {
12060
+ resize: none;
12061
+ }
12062
+ .lumx-text-field--theme-light .lumx-text-field__input-native, .lumx-text-field__input-native--theme-light {
12060
12063
  display: block;
12061
12064
  width: 100%;
12062
12065
  padding: 0;
@@ -12069,16 +12072,16 @@ table {
12069
12072
  color: var(--lumx-color-dark-N);
12070
12073
  color: var(--lumx-text-field-state-default-theme-light-input-content-color);
12071
12074
  }
12072
- .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 {
12075
+ .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 {
12073
12076
  opacity: 1;
12074
12077
  }
12075
- .lumx-text-field--theme-light .lumx-text-field__input-native::-moz-placeholder {
12078
+ .lumx-text-field--theme-light .lumx-text-field__input-native::-moz-placeholder, .lumx-text-field__input-native--theme-light::-moz-placeholder {
12076
12079
  color: var(--lumx-text-field-state-default-theme-light-input-placeholder-color);
12077
12080
  }
12078
- .lumx-text-field--theme-light .lumx-text-field__input-native::placeholder {
12081
+ .lumx-text-field--theme-light .lumx-text-field__input-native::placeholder, .lumx-text-field__input-native--theme-light::placeholder {
12079
12082
  color: var(--lumx-text-field-state-default-theme-light-input-placeholder-color);
12080
12083
  }
12081
- .lumx-text-field--theme-dark .lumx-text-field__input-native {
12084
+ .lumx-text-field--theme-dark .lumx-text-field__input-native, .lumx-text-field__input-native--theme-dark {
12082
12085
  display: block;
12083
12086
  width: 100%;
12084
12087
  padding: 0;
@@ -12091,13 +12094,13 @@ table {
12091
12094
  color: var(--lumx-color-light-N);
12092
12095
  color: var(--lumx-text-field-state-default-theme-dark-input-content-color);
12093
12096
  }
12094
- .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 {
12097
+ .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 {
12095
12098
  opacity: 1;
12096
12099
  }
12097
- .lumx-text-field--theme-dark .lumx-text-field__input-native::-moz-placeholder {
12100
+ .lumx-text-field--theme-dark .lumx-text-field__input-native::-moz-placeholder, .lumx-text-field__input-native--theme-dark::-moz-placeholder {
12098
12101
  color: var(--lumx-text-field-state-default-theme-dark-input-placeholder-color);
12099
12102
  }
12100
- .lumx-text-field--theme-dark .lumx-text-field__input-native::placeholder {
12103
+ .lumx-text-field--theme-dark .lumx-text-field__input-native::placeholder, .lumx-text-field__input-native--theme-dark::placeholder {
12101
12104
  color: var(--lumx-text-field-state-default-theme-dark-input-placeholder-color);
12102
12105
  }
12103
12106
  .lumx-text-field--has-chips .lumx-text-field__input-native {
@@ -12106,9 +12109,6 @@ table {
12106
12109
  min-width: 100px;
12107
12110
  line-height: var(--lumx-material-chip-size-s-height);
12108
12111
  }
12109
- .lumx-text-field__input-native--textarea {
12110
- resize: none;
12111
- }
12112
12112
  .lumx-text-field__input-clear, .lumx-text-field__after-element {
12113
12113
  flex-shrink: 0;
12114
12114
  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;
package/package.json CHANGED
@@ -35,7 +35,7 @@
35
35
  "update-version-changelog": "yarn version-changelog ../../CHANGELOG.md"
36
36
  },
37
37
  "sideEffects": false,
38
- "version": "3.20.1-alpha.44",
38
+ "version": "3.20.1-alpha.45",
39
39
  "devDependencies": {
40
40
  "@rollup/plugin-typescript": "^12.3.0",
41
41
  "@types/react": "^17.0.2",
package/scss/components/text-field/_index.scss CHANGED
@@ -104,7 +104,9 @@
104
104
  }
105
105
 
106
106
  &__input-native {
107
- #{$self}--theme-light & {
107
+ resize: none;
108
+
109
+ #{$self}--theme-light &, &--theme-light {
108
110
  @include lumx-text-field-input-native(lumx-base-const("theme", "LIGHT"));
109
111
  @include lumx-text-field-input-content-color(
110
112
  lumx-base-const("state", "DEFAULT"),
@@ -119,7 +121,7 @@
119
121
  }
120
122
  }
121
123
 
122
- #{$self}--theme-dark & {
124
+ #{$self}--theme-dark &, &--theme-dark {
123
125
  @include lumx-text-field-input-native(lumx-base-const("theme", "DARK"));
124
126
  @include lumx-text-field-input-content-color(
125
127
  lumx-base-const("state", "DEFAULT"),
@@ -140,10 +142,6 @@
140
142
  min-width: $lumx-text-field-min-width;
141
143
  line-height: var(--lumx-material-chip-size-s-height);
142
144
  }
143
-
144
- &--textarea {
145
- resize: none;
146
- }
147
145
  }
148
146
 
149
147
  &__input-clear,