mithril-materialized 3.17.2 → 3.17.4

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 (13) hide show
  1. package/dist/core.css +15 -1
  2. package/dist/forms.css +15 -1
  3. package/dist/index.css +15 -1
  4. package/dist/index.esm.js +3 -3
  5. package/dist/index.esm.js.map +1 -1
  6. package/dist/index.js +3 -3
  7. package/dist/index.js.map +1 -1
  8. package/dist/index.min.css +1 -1
  9. package/dist/index.umd.js +3 -3
  10. package/dist/index.umd.js.map +1 -1
  11. package/package.json +1 -1
  12. package/sass/components/forms/_input-fields.scss +8 -0
  13. package/sass/components/forms/_switches.scss +8 -1
package/dist/core.css CHANGED
@@ -2427,6 +2427,13 @@ textarea.materialize-textarea::-ms-input-placeholder {
2427
2427
  flex-direction: column;
2428
2428
  justify-content: center;
2429
2429
  height: 3rem;
2430
+ opacity: 0;
2431
+ pointer-events: none;
2432
+ transition: opacity 0.2s ease;
2433
+ }
2434
+ .input-field:hover .number-input-controls {
2435
+ opacity: 1;
2436
+ pointer-events: auto;
2430
2437
  }
2431
2438
  .input-field .number-input-control {
2432
2439
  display: flex;
@@ -3129,13 +3136,19 @@ textarea.materialize-textarea {
3129
3136
  .switch * {
3130
3137
  -webkit-tap-highlight-color: transparent;
3131
3138
  user-select: none;
3132
- margin: 13px 0 17px 0;
3139
+ margin: 12px 0 17px 0;
3133
3140
  }
3134
3141
 
3135
3142
  .switch label {
3136
3143
  cursor: pointer;
3137
3144
  }
3138
3145
 
3146
+ .switch label .switch-value {
3147
+ font-size: 16px;
3148
+ position: relative;
3149
+ top: -2px;
3150
+ }
3151
+
3139
3152
  .switch label input[type=checkbox] {
3140
3153
  opacity: 0;
3141
3154
  width: 0;
@@ -3157,6 +3170,7 @@ textarea.materialize-textarea {
3157
3170
  position: relative;
3158
3171
  width: 36px;
3159
3172
  height: 14px;
3173
+ top: -3px;
3160
3174
  background-color: var(--mm-switch-unchecked-track, rgba(0, 0, 0, 0.38));
3161
3175
  border-radius: 15px;
3162
3176
  margin-right: 10px;
package/dist/forms.css CHANGED
@@ -1036,6 +1036,13 @@ textarea.materialize-textarea::-ms-input-placeholder {
1036
1036
  flex-direction: column;
1037
1037
  justify-content: center;
1038
1038
  height: 3rem;
1039
+ opacity: 0;
1040
+ pointer-events: none;
1041
+ transition: opacity 0.2s ease;
1042
+ }
1043
+ .input-field:hover .number-input-controls {
1044
+ opacity: 1;
1045
+ pointer-events: auto;
1039
1046
  }
1040
1047
  .input-field .number-input-control {
1041
1048
  display: flex;
@@ -2087,13 +2094,19 @@ body.keyboard-focused .select-dropdown.dropdown-content li:focus {
2087
2094
  .switch * {
2088
2095
  -webkit-tap-highlight-color: transparent;
2089
2096
  user-select: none;
2090
- margin: 13px 0 17px 0;
2097
+ margin: 12px 0 17px 0;
2091
2098
  }
2092
2099
 
2093
2100
  .switch label {
2094
2101
  cursor: pointer;
2095
2102
  }
2096
2103
 
2104
+ .switch label .switch-value {
2105
+ font-size: 16px;
2106
+ position: relative;
2107
+ top: -2px;
2108
+ }
2109
+
2097
2110
  .switch label input[type=checkbox] {
2098
2111
  opacity: 0;
2099
2112
  width: 0;
@@ -2115,6 +2128,7 @@ body.keyboard-focused .select-dropdown.dropdown-content li:focus {
2115
2128
  position: relative;
2116
2129
  width: 36px;
2117
2130
  height: 14px;
2131
+ top: -3px;
2118
2132
  background-color: var(--mm-switch-unchecked-track, rgba(0, 0, 0, 0.38));
2119
2133
  border-radius: 15px;
2120
2134
  margin-right: 10px;
package/dist/index.css CHANGED
@@ -6176,6 +6176,13 @@ textarea.materialize-textarea::-ms-input-placeholder {
6176
6176
  flex-direction: column;
6177
6177
  justify-content: center;
6178
6178
  height: 3rem;
6179
+ opacity: 0;
6180
+ pointer-events: none;
6181
+ transition: opacity 0.2s ease;
6182
+ }
6183
+ .input-field:hover .number-input-controls {
6184
+ opacity: 1;
6185
+ pointer-events: auto;
6179
6186
  }
6180
6187
  .input-field .number-input-control {
6181
6188
  display: flex;
@@ -6886,13 +6893,19 @@ textarea.materialize-textarea {
6886
6893
  -webkit-user-select: none;
6887
6894
  -moz-user-select: none;
6888
6895
  user-select: none;
6889
- margin: 13px 0 17px 0;
6896
+ margin: 12px 0 17px 0;
6890
6897
  }
6891
6898
 
6892
6899
  .switch label {
6893
6900
  cursor: pointer;
6894
6901
  }
6895
6902
 
6903
+ .switch label .switch-value {
6904
+ font-size: 16px;
6905
+ position: relative;
6906
+ top: -2px;
6907
+ }
6908
+
6896
6909
  .switch label input[type=checkbox] {
6897
6910
  opacity: 0;
6898
6911
  width: 0;
@@ -6914,6 +6927,7 @@ textarea.materialize-textarea {
6914
6927
  position: relative;
6915
6928
  width: 36px;
6916
6929
  height: 14px;
6930
+ top: -3px;
6917
6931
  background-color: var(--mm-switch-unchecked-track, rgba(0, 0, 0, 0.38));
6918
6932
  border-radius: 15px;
6919
6933
  margin-right: 10px;
package/dist/index.esm.js CHANGED
@@ -7510,16 +7510,16 @@ const Switch = () => {
7510
7510
  onchange && onchange(!checked);
7511
7511
  },
7512
7512
  }, [
7513
- label && m(Label, { label: label || '', id, isMandatory, className: 'active' }),
7513
+ label && m(Label, { label: label || '', id, isMandatory, className: 'switch-label active' }),
7514
7514
  m('.switch', params, m('label', [
7515
- m('span', left || 'Off'),
7515
+ m('span.switch-value', left || 'Off'),
7516
7516
  m('input[type=checkbox]', {
7517
7517
  id,
7518
7518
  disabled,
7519
7519
  checked,
7520
7520
  }),
7521
7521
  m('span.lever'),
7522
- m('span', right || 'On'),
7522
+ m('span.switch-value', right || 'On'),
7523
7523
  ])),
7524
7524
  ]);
7525
7525
  },