quasar-ui-sellmate-ui-kit 2.2.6 → 2.2.8

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 (22) hide show
  1. package/dist/index.common.js +2 -2
  2. package/dist/index.css +117 -34
  3. package/dist/index.esm.js +2 -2
  4. package/dist/index.min.css +2 -2
  5. package/dist/index.rtl.css +117 -34
  6. package/dist/index.rtl.min.css +2 -2
  7. package/dist/index.umd.js +14 -14
  8. package/dist/index.umd.min.js +2 -2
  9. package/package.json +1 -1
  10. package/src/components/SDate.vue +1 -5
  11. package/src/components/SInput.vue +2 -2
  12. package/src/components/SInputNumber.vue +2 -2
  13. package/src/components/SSelect.vue +8 -24
  14. package/src/components/SSelectCheckbox.vue +0 -23
  15. package/src/components/SSelectCustom.vue +1 -18
  16. package/src/components/SSelectGroupCheckbox.vue +0 -23
  17. package/src/components/SSelectSearch.vue +0 -27
  18. package/src/components/SSelectSearchCheckbox.vue +0 -27
  19. package/src/css/app.scss +5 -3
  20. package/src/css/default.scss +878 -893
  21. package/src/css/extends.scss +27 -0
  22. package/src/css/quasar.variables.scss +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "quasar-ui-sellmate-ui-kit",
3
- "version": "2.2.6",
3
+ "version": "2.2.8",
4
4
  "author": "Sellmate Dev Team <dev@sellmate.co.kr>",
5
5
  "description": "Sellmate UI Kit",
6
6
  "license": "MIT",
package/src/components/SDate.vue CHANGED
@@ -561,7 +561,7 @@
561
561
  &.has-label {
562
562
  .q-field__inner {
563
563
  .q-field__control {
564
- border-radius: 0 2px 2px 0;
564
+ border-radius: 0 2px 2px 0 !important;
565
565
  }
566
566
  }
567
567
 
@@ -585,10 +585,6 @@
585
585
  .q-field__before {
586
586
  border: 1px solid $Grey_Lighten-2;
587
587
  border-right: none;
588
-
589
- .date-picker-label {
590
- color: $Grey_Default;
591
- }
592
588
  }
593
589
 
594
590
  .q-field__inner {
package/src/components/SInput.vue CHANGED
@@ -16,7 +16,7 @@
16
16
  's-input__right-slot q-pa-none': rightSlot,
17
17
  's-input__password': type === 'password',
18
18
  's-input__text-area': type === 'textarea',
19
- 's-input__inside-label': label && insideLabel,
19
+ 's-input__inside-label': label || insideLabel,
20
20
  }"
21
21
  v-model="model"
22
22
  @update:modelValue="
@@ -327,7 +327,7 @@
327
327
 
328
328
  .s-input__inside-label {
329
329
  .q-field__inner {
330
- .q-field__control:before {
330
+ .q-field__control {
331
331
  border-radius: 0 2px 2px 0;
332
332
  }
333
333
  }
package/src/components/SInputNumber.vue CHANGED
@@ -148,9 +148,9 @@
148
148
  }
149
149
  .q-field--disabled.s-input-number {
150
150
  .q-field__inner {
151
- color: $Grey_Default !important;
152
- background-color: $Grey_Lighten-3 !important;
153
151
  .q-field__control {
152
+ background-color: $Grey_Lighten-4 !important;
153
+ color: $Grey_Default !important;
154
154
  &:before {
155
155
  border: 1px solid $Grey_Lighten-2;
156
156
  }
package/src/components/SSelect.vue CHANGED
@@ -193,6 +193,14 @@
193
193
 
194
194
  .s-select {
195
195
  @extend %select;
196
+
197
+ &.q-field--disabled {
198
+ .q-field__control > div {
199
+ opacity: 1 !important;
200
+ border-right: 1px solid $Grey_Lighten-2;
201
+ }
202
+ }
203
+
196
204
  .q-field__prepend {
197
205
  background-color: $Grey_Lighten-5;
198
206
  height: auto;
@@ -206,30 +214,6 @@
206
214
  }
207
215
  }
208
216
 
209
- .q-field--disabled.s-select {
210
- .q-field__inner {
211
- .q-field__control {
212
- opacity: 1 !important;
213
- background: $Grey_Lighten-4;
214
- &:after {
215
- border: 1px solid $Grey_Lighten-2;
216
- }
217
- &-container {
218
- .q-field__native {
219
- > span {
220
- color: $Grey_Default;
221
- }
222
- }
223
- }
224
- .q-field__append {
225
- .q-icon {
226
- color: $Grey_Default;
227
- }
228
- }
229
- }
230
- }
231
- }
232
-
233
217
  .s-select.q-select--multiple {
234
218
  .q-field__inner {
235
219
  .q-field__control {
package/src/components/SSelectCheckbox.vue CHANGED
@@ -202,29 +202,6 @@
202
202
  }
203
203
  }
204
204
  }
205
- .q-field--disabled.s-select {
206
- .q-field__inner {
207
- .q-field__control {
208
- opacity: 1 !important;
209
- background: $Grey_Lighten-3;
210
- &:after {
211
- border: 1px solid $Grey_Lighten-2;
212
- }
213
- &-container {
214
- .q-field__native {
215
- > span {
216
- color: $Grey_Default;
217
- }
218
- }
219
- }
220
- .q-field__append {
221
- .q-icon {
222
- color: $Grey_Default;
223
- }
224
- }
225
- }
226
- }
227
- }
228
205
 
229
206
  .s-select-checkbox-opts {
230
207
  @extend %select-menu-list;
package/src/components/SSelectCustom.vue CHANGED
@@ -128,24 +128,7 @@ export default defineComponent({
128
128
  .s-select-custom {
129
129
  @extend %select;
130
130
  }
131
- .q-field--disabled.s-select-custom {
132
- .q-field__inner {
133
- .q-field__control {
134
- opacity: 1 !important;
135
- background: $Grey_Lighten-3;
136
- &:after {
137
- border: 1px solid $Grey_Lighten-2;
138
- }
139
- &-container {
140
- .q-field__native {
141
- > span {
142
- color: $Grey_Default;
143
- }
144
- }
145
- }
146
- }
147
- }
148
- }
131
+
149
132
  .s-select-group-opts {
150
133
  @extend %select-menu-list;
151
134
  }
package/src/components/SSelectGroupCheckbox.vue CHANGED
@@ -199,29 +199,6 @@
199
199
  }
200
200
  }
201
201
  }
202
- .q-field--disabled.s-select {
203
- .q-field__inner {
204
- .q-field__control {
205
- opacity: 1 !important;
206
- background: $Grey_Lighten-3;
207
- &:after {
208
- border: 1px solid $Grey_Lighten-2;
209
- }
210
- &-container {
211
- .q-field__native {
212
- > span {
213
- color: $Grey_Default;
214
- }
215
- }
216
- }
217
- .q-field__append {
218
- .q-icon {
219
- color: $Grey_Default;
220
- }
221
- }
222
- }
223
- }
224
- }
225
202
 
226
203
  .s-select-group-checkbox-opts {
227
204
  @extend %select-menu-list;
package/src/components/SSelectSearch.vue CHANGED
@@ -146,33 +146,6 @@
146
146
  }
147
147
  }
148
148
 
149
- .q-field--disabled.s-select {
150
- .q-field__inner {
151
- .q-field__control {
152
- opacity: 1 !important;
153
- background: $Grey_Lighten-3;
154
-
155
- &:after {
156
- border: 1px solid $Grey_Lighten-2;
157
- }
158
-
159
- &-container {
160
- .q-field__native {
161
- > span {
162
- color: $Grey_Default;
163
- }
164
- }
165
- }
166
-
167
- .q-field__append {
168
- .q-icon {
169
- color: $Grey_Default;
170
- }
171
- }
172
- }
173
- }
174
- }
175
-
176
149
  .s-select-search-opts {
177
150
  padding: 0;
178
151
 
package/src/components/SSelectSearchCheckbox.vue CHANGED
@@ -296,33 +296,6 @@ export default defineComponent({
296
296
  }
297
297
  }
298
298
 
299
- .q-field--disabled.s-select {
300
- .q-field__inner {
301
- .q-field__control {
302
- opacity: 1 !important;
303
- background: $Grey_Lighten-3;
304
-
305
- &:after {
306
- border: 1px solid $Grey_Lighten-2;
307
- }
308
-
309
- &-container {
310
- .q-field__native {
311
- > span {
312
- color: $Grey_Default;
313
- }
314
- }
315
- }
316
-
317
- .q-field__append {
318
- .q-icon {
319
- color: $Grey_Default;
320
- }
321
- }
322
- }
323
- }
324
- }
325
-
326
299
  .s-select-checkbox-opts {
327
300
  @extend %select-menu-list;
328
301
  }
package/src/css/app.scss CHANGED
@@ -48,9 +48,11 @@
48
48
  }
49
49
  &--disabled {
50
50
  .q-field__inner {
51
- background: $Grey_Lighten-5 !important;
52
- color: $Grey_Darken-4 !important;
53
- cursor: not-allowed;
51
+ .q-field__control{
52
+ background: $Grey_Lighten-4 !important;
53
+ color: $Grey_Default !important;
54
+ cursor: not-allowed;
55
+ }
54
56
  }
55
57
  }
56
58
  }