@syncfusion/ej2-dropdowns 33.2.6 → 33.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 (33) hide show
  1. package/dist/ej2-dropdowns.min.js +1 -10
  2. package/dist/ej2-dropdowns.umd.min.js +1 -10
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +46 -6
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +47 -6
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +1 -10
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +0 -9
  11. package/package.json +4 -4
  12. package/src/drop-down-base/drop-down-base.js +2 -1
  13. package/src/drop-down-list/drop-down-list.js +3 -0
  14. package/src/drop-down-tree/drop-down-tree.d.ts +1 -0
  15. package/src/drop-down-tree/drop-down-tree.js +13 -0
  16. package/src/mention/mention.js +5 -1
  17. package/src/multi-select/multi-select.d.ts +1 -0
  18. package/src/multi-select/multi-select.js +24 -4
  19. package/styles/bds-lite.css +2 -2
  20. package/styles/bds.css +4 -4
  21. package/styles/drop-down-tree/_bigger.scss +25 -4
  22. package/styles/drop-down-tree/_layout.scss +18 -3
  23. package/styles/drop-down-tree/_material3-dark-definition.scss +2 -0
  24. package/styles/drop-down-tree/_material3-definition.scss +2 -0
  25. package/styles/drop-down-tree/_theme.scss +9 -1
  26. package/styles/drop-down-tree/material3-dark.css +244 -1
  27. package/styles/drop-down-tree/material3.css +244 -1
  28. package/styles/material3-dark-lite.css +106 -1
  29. package/styles/material3-dark.css +244 -1
  30. package/styles/material3-lite.css +106 -1
  31. package/styles/material3.css +244 -1
  32. package/styles/multi-select/_bds-definition.scss +4 -4
  33. package/styles/multi-select/bds.css +4 -4
package/styles/drop-down-tree/material3-dark.css CHANGED
@@ -365,6 +365,108 @@
365
365
  text-overflow: ellipsis;
366
366
  white-space: nowrap;
367
367
  }
368
+ .e-ddt.e-outline .e-overflow.e-show-text {
369
+ padding: 10px 12px 9px;
370
+ }
371
+ .e-ddt.e-outline .e-overflow.e-total-count {
372
+ padding: 10px 12px;
373
+ }
374
+ .e-ddt.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon {
375
+ right: 30px;
376
+ }
377
+ .e-ddt.e-outline.e-input-group.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon {
378
+ min-height: 20px;
379
+ }
380
+ .e-ddt.e-outline.e-show-chip .e-overflow,
381
+ .e-ddt.e-outline.e-show-chip .e-chips-wrapper {
382
+ padding: 4px 12px;
383
+ }
384
+ .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text {
385
+ line-height: 21px;
386
+ padding: 14px 2px 5px 0;
387
+ }
388
+ .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count {
389
+ padding-top: 10px;
390
+ }
391
+ .e-ddt.e-filled.e-float-input.e-control-wrapper .e-float-text.e-label-top {
392
+ font-size: 12px !important; /* stylelint-disable-line declaration-no-important */
393
+ }
394
+ .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon {
395
+ padding-top: 8px;
396
+ }
397
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
398
+ bottom: 6px;
399
+ right: 0;
400
+ }
401
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
402
+ bottom: 5px;
403
+ right: 30px;
404
+ }
405
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon {
406
+ bottom: 9px;
407
+ right: 10px;
408
+ }
409
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
410
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow {
411
+ padding-top: 8px;
412
+ }
413
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
414
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips {
415
+ height: 18px;
416
+ }
417
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
418
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent {
419
+ font-size: 12px;
420
+ padding: 0 4px 0 0;
421
+ }
422
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
423
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before {
424
+ font-size: 12px;
425
+ height: 12px;
426
+ width: 12px;
427
+ }
428
+ .e-ddt.e-filled .e-chips-wrapper .e-chips,
429
+ .e-ddt.e-filled .e-overflow .e-chips {
430
+ margin-top: 8px;
431
+ padding: 0 8px;
432
+ }
433
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text {
434
+ line-height: 39px;
435
+ padding: 0;
436
+ }
437
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count {
438
+ line-height: 39px;
439
+ padding-top: 0;
440
+ }
441
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
442
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips {
443
+ height: 28px;
444
+ margin-top: 8px;
445
+ padding: 0 8px;
446
+ }
447
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
448
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent {
449
+ font-size: 13px;
450
+ padding: 0 8px 0 0;
451
+ }
452
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
453
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before {
454
+ font-size: 14px;
455
+ height: 12px;
456
+ width: 12px;
457
+ }
458
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon {
459
+ bottom: 10px;
460
+ right: 10px;
461
+ }
462
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon {
463
+ bottom: 9px;
464
+ right: 38px;
465
+ }
466
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input):not(.e-show-dd-icon) .e-clear-icon {
467
+ bottom: 9px;
468
+ right: 10px;
469
+ }
368
470
  .e-ddt .e-overflow {
369
471
  white-space: nowrap;
370
472
  }
@@ -644,8 +746,8 @@
644
746
  /* 16px */
645
747
  .e-ddt .e-chips {
646
748
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
647
- border-color: rgba(var(--color-sf-outline));
648
749
  border: 1px solid;
750
+ border-color: rgba(var(--color-sf-outline));
649
751
  }
650
752
  .e-ddt .e-chips .e-chips-close::before {
651
753
  color: rgba(var(--color-sf-on-surface));
@@ -653,6 +755,9 @@
653
755
  .e-ddt .e-chips > .e-chipcontent {
654
756
  color: rgba(var(--color-sf-on-surface));
655
757
  }
758
+ .e-ddt.e-filled .e-chips {
759
+ background: transparent;
760
+ }
656
761
  .e-ddt .e-overflow .e-remain {
657
762
  color: #757575;
658
763
  }
@@ -775,6 +880,144 @@
775
880
  .e-ddt.e-bigger .e-overflow.e-show-text {
776
881
  padding: 8px 12px;
777
882
  }
883
+ .e-bigger .e-ddt.e-outline .e-overflow.e-show-text, .e-bigger .e-ddt.e-outline .e-overflow.e-total-count,
884
+ .e-ddt.e-bigger.e-outline .e-overflow.e-show-text,
885
+ .e-ddt.e-bigger.e-outline .e-overflow.e-total-count {
886
+ padding: 15px 16px;
887
+ }
888
+ .e-bigger .e-ddt.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon,
889
+ .e-ddt.e-bigger.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon,
890
+ .e-ddt.e-bigger.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon {
891
+ right: 36px;
892
+ }
893
+ .e-bigger .e-ddt.e-outline.e-show-chip .e-overflow,
894
+ .e-ddt.e-bigger.e-outline.e-show-chip .e-overflow {
895
+ padding: 8px 15px;
896
+ }
897
+ .e-bigger .e-ddt.e-outline.e-show-chip .e-overflow.e-total-count .e-remain,
898
+ .e-ddt.e-bigger.e-outline.e-show-chip .e-overflow.e-total-count .e-remain {
899
+ padding-top: 10px;
900
+ }
901
+ .e-bigger .e-ddt.e-outline.e-show-chip .e-overflow .e-remain.e-wrap-count,
902
+ .e-ddt.e-bigger.e-outline.e-show-chip .e-overflow .e-remain.e-wrap-count {
903
+ padding-top: 10px;
904
+ }
905
+ .e-bigger .e-ddt.e-outline.e-show-chip .e-chips-wrapper,
906
+ .e-ddt.e-bigger.e-outline.e-show-chip .e-chips-wrapper {
907
+ padding: 8px 15px;
908
+ }
909
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text,
910
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text {
911
+ line-height: 30px;
912
+ padding: 19px 12px 0 0;
913
+ }
914
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count,
915
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count {
916
+ padding-top: 14px;
917
+ }
918
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-float-text.e-label-top,
919
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-float-text.e-label-top {
920
+ font-size: 12px !important; /* stylelint-disable-line declaration-no-important */
921
+ top: 12px !important; /* stylelint-disable-line declaration-no-important */
922
+ }
923
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon,
924
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon,
925
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon {
926
+ padding-top: 8px;
927
+ }
928
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
929
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
930
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
931
+ padding: 0;
932
+ }
933
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon,
934
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
935
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
936
+ bottom: 0;
937
+ right: 30px;
938
+ }
939
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon,
940
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon,
941
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon {
942
+ bottom: 14px;
943
+ right: 12px;
944
+ }
945
+ .e-bigger .e-ddt.e-filled .e-chips-wrapper .e-chips,
946
+ .e-bigger .e-ddt.e-filled .e-overflow .e-chips,
947
+ .e-ddt.e-bigger.e-filled .e-chips-wrapper .e-chips,
948
+ .e-ddt.e-bigger.e-filled .e-overflow .e-chips {
949
+ margin-top: 8px;
950
+ padding: 0 8px;
951
+ }
952
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
953
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow,
954
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
955
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow {
956
+ padding-top: 19px;
957
+ }
958
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
959
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips,
960
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
961
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips {
962
+ height: 26px;
963
+ }
964
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
965
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent,
966
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
967
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent {
968
+ font-size: 13px;
969
+ }
970
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
971
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before,
972
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
973
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before {
974
+ font-size: 14px;
975
+ height: 14px;
976
+ width: 14px;
977
+ }
978
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text,
979
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text {
980
+ line-height: 55px;
981
+ }
982
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count,
983
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count {
984
+ line-height: 55px;
985
+ padding-top: 0;
986
+ }
987
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
988
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips,
989
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
990
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips {
991
+ height: 32px;
992
+ padding: 0 12px;
993
+ }
994
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
995
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent,
996
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
997
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent {
998
+ font-size: 14px;
999
+ }
1000
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
1001
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before,
1002
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
1003
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before {
1004
+ font-size: 16px;
1005
+ height: 16px;
1006
+ width: 16px;
1007
+ }
1008
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text:not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon,
1009
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon,
1010
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text:not(.e-show-dd-icon) .e-clear-icon,
1011
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon,
1012
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon {
1013
+ bottom: 16px;
1014
+ right: 12px;
1015
+ }
1016
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon,
1017
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon {
1018
+ bottom: 15px;
1019
+ right: 44px;
1020
+ }
778
1021
  .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
779
1022
  .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
780
1023
  max-width: calc(100% - 37px);
package/styles/drop-down-tree/material3.css CHANGED
@@ -369,6 +369,108 @@
369
369
  text-overflow: ellipsis;
370
370
  white-space: nowrap;
371
371
  }
372
+ .e-ddt.e-outline .e-overflow.e-show-text {
373
+ padding: 10px 12px 9px;
374
+ }
375
+ .e-ddt.e-outline .e-overflow.e-total-count {
376
+ padding: 10px 12px;
377
+ }
378
+ .e-ddt.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon {
379
+ right: 30px;
380
+ }
381
+ .e-ddt.e-outline.e-input-group.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon {
382
+ min-height: 20px;
383
+ }
384
+ .e-ddt.e-outline.e-show-chip .e-overflow,
385
+ .e-ddt.e-outline.e-show-chip .e-chips-wrapper {
386
+ padding: 4px 12px;
387
+ }
388
+ .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text {
389
+ line-height: 21px;
390
+ padding: 14px 2px 5px 0;
391
+ }
392
+ .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count {
393
+ padding-top: 10px;
394
+ }
395
+ .e-ddt.e-filled.e-float-input.e-control-wrapper .e-float-text.e-label-top {
396
+ font-size: 12px !important; /* stylelint-disable-line declaration-no-important */
397
+ }
398
+ .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon {
399
+ padding-top: 8px;
400
+ }
401
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
402
+ bottom: 6px;
403
+ right: 0;
404
+ }
405
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
406
+ bottom: 5px;
407
+ right: 30px;
408
+ }
409
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon {
410
+ bottom: 9px;
411
+ right: 10px;
412
+ }
413
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
414
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow {
415
+ padding-top: 8px;
416
+ }
417
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
418
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips {
419
+ height: 18px;
420
+ }
421
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
422
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent {
423
+ font-size: 12px;
424
+ padding: 0 4px 0 0;
425
+ }
426
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
427
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before {
428
+ font-size: 12px;
429
+ height: 12px;
430
+ width: 12px;
431
+ }
432
+ .e-ddt.e-filled .e-chips-wrapper .e-chips,
433
+ .e-ddt.e-filled .e-overflow .e-chips {
434
+ margin-top: 8px;
435
+ padding: 0 8px;
436
+ }
437
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text {
438
+ line-height: 39px;
439
+ padding: 0;
440
+ }
441
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count {
442
+ line-height: 39px;
443
+ padding-top: 0;
444
+ }
445
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
446
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips {
447
+ height: 28px;
448
+ margin-top: 8px;
449
+ padding: 0 8px;
450
+ }
451
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
452
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent {
453
+ font-size: 13px;
454
+ padding: 0 8px 0 0;
455
+ }
456
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
457
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before {
458
+ font-size: 14px;
459
+ height: 12px;
460
+ width: 12px;
461
+ }
462
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon {
463
+ bottom: 10px;
464
+ right: 10px;
465
+ }
466
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon {
467
+ bottom: 9px;
468
+ right: 38px;
469
+ }
470
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input):not(.e-show-dd-icon) .e-clear-icon {
471
+ bottom: 9px;
472
+ right: 10px;
473
+ }
372
474
  .e-ddt .e-overflow {
373
475
  white-space: nowrap;
374
476
  }
@@ -650,8 +752,8 @@
650
752
 
651
753
  .e-ddt .e-chips {
652
754
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
653
- border-color: rgba(var(--color-sf-outline));
654
755
  border: 1px solid;
756
+ border-color: rgba(var(--color-sf-outline));
655
757
  }
656
758
  .e-ddt .e-chips .e-chips-close::before {
657
759
  color: rgba(var(--color-sf-on-surface));
@@ -659,6 +761,9 @@
659
761
  .e-ddt .e-chips > .e-chipcontent {
660
762
  color: rgba(var(--color-sf-on-surface));
661
763
  }
764
+ .e-ddt.e-filled .e-chips {
765
+ background: transparent;
766
+ }
662
767
  .e-ddt .e-overflow .e-remain {
663
768
  color: #757575;
664
769
  }
@@ -783,6 +888,144 @@
783
888
  .e-ddt.e-bigger .e-overflow.e-show-text {
784
889
  padding: 8px 12px;
785
890
  }
891
+ .e-bigger .e-ddt.e-outline .e-overflow.e-show-text, .e-bigger .e-ddt.e-outline .e-overflow.e-total-count,
892
+ .e-ddt.e-bigger.e-outline .e-overflow.e-show-text,
893
+ .e-ddt.e-bigger.e-outline .e-overflow.e-total-count {
894
+ padding: 15px 16px;
895
+ }
896
+ .e-bigger .e-ddt.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon,
897
+ .e-ddt.e-bigger.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon,
898
+ .e-ddt.e-bigger.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon {
899
+ right: 36px;
900
+ }
901
+ .e-bigger .e-ddt.e-outline.e-show-chip .e-overflow,
902
+ .e-ddt.e-bigger.e-outline.e-show-chip .e-overflow {
903
+ padding: 8px 15px;
904
+ }
905
+ .e-bigger .e-ddt.e-outline.e-show-chip .e-overflow.e-total-count .e-remain,
906
+ .e-ddt.e-bigger.e-outline.e-show-chip .e-overflow.e-total-count .e-remain {
907
+ padding-top: 10px;
908
+ }
909
+ .e-bigger .e-ddt.e-outline.e-show-chip .e-overflow .e-remain.e-wrap-count,
910
+ .e-ddt.e-bigger.e-outline.e-show-chip .e-overflow .e-remain.e-wrap-count {
911
+ padding-top: 10px;
912
+ }
913
+ .e-bigger .e-ddt.e-outline.e-show-chip .e-chips-wrapper,
914
+ .e-ddt.e-bigger.e-outline.e-show-chip .e-chips-wrapper {
915
+ padding: 8px 15px;
916
+ }
917
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text,
918
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text {
919
+ line-height: 30px;
920
+ padding: 19px 12px 0 0;
921
+ }
922
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count,
923
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count {
924
+ padding-top: 14px;
925
+ }
926
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-float-text.e-label-top,
927
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-float-text.e-label-top {
928
+ font-size: 12px !important; /* stylelint-disable-line declaration-no-important */
929
+ top: 12px !important; /* stylelint-disable-line declaration-no-important */
930
+ }
931
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon,
932
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon,
933
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon {
934
+ padding-top: 8px;
935
+ }
936
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
937
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
938
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
939
+ padding: 0;
940
+ }
941
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon,
942
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
943
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
944
+ bottom: 0;
945
+ right: 30px;
946
+ }
947
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon,
948
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon,
949
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon {
950
+ bottom: 14px;
951
+ right: 12px;
952
+ }
953
+ .e-bigger .e-ddt.e-filled .e-chips-wrapper .e-chips,
954
+ .e-bigger .e-ddt.e-filled .e-overflow .e-chips,
955
+ .e-ddt.e-bigger.e-filled .e-chips-wrapper .e-chips,
956
+ .e-ddt.e-bigger.e-filled .e-overflow .e-chips {
957
+ margin-top: 8px;
958
+ padding: 0 8px;
959
+ }
960
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
961
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow,
962
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
963
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow {
964
+ padding-top: 19px;
965
+ }
966
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
967
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips,
968
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
969
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips {
970
+ height: 26px;
971
+ }
972
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
973
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent,
974
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
975
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent {
976
+ font-size: 13px;
977
+ }
978
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
979
+ .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before,
980
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
981
+ .e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before {
982
+ font-size: 14px;
983
+ height: 14px;
984
+ width: 14px;
985
+ }
986
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text,
987
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text {
988
+ line-height: 55px;
989
+ }
990
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count,
991
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count {
992
+ line-height: 55px;
993
+ padding-top: 0;
994
+ }
995
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
996
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips,
997
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
998
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips {
999
+ height: 32px;
1000
+ padding: 0 12px;
1001
+ }
1002
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
1003
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent,
1004
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
1005
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent {
1006
+ font-size: 14px;
1007
+ }
1008
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
1009
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before,
1010
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
1011
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before {
1012
+ font-size: 16px;
1013
+ height: 16px;
1014
+ width: 16px;
1015
+ }
1016
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text:not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon,
1017
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon,
1018
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text:not(.e-show-dd-icon) .e-clear-icon,
1019
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon,
1020
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon {
1021
+ bottom: 16px;
1022
+ right: 12px;
1023
+ }
1024
+ .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon,
1025
+ .e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon {
1026
+ bottom: 15px;
1027
+ right: 44px;
1028
+ }
786
1029
  .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
787
1030
  .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
788
1031
  max-width: calc(100% - 37px);
package/styles/material3-dark-lite.css CHANGED
@@ -1735,6 +1735,108 @@ ejs-dropdownlist {
1735
1735
  text-overflow: ellipsis;
1736
1736
  white-space: nowrap;
1737
1737
  }
1738
+ .e-ddt.e-outline .e-overflow.e-show-text {
1739
+ padding: 10px 12px 9px;
1740
+ }
1741
+ .e-ddt.e-outline .e-overflow.e-total-count {
1742
+ padding: 10px 12px;
1743
+ }
1744
+ .e-ddt.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon {
1745
+ right: 30px;
1746
+ }
1747
+ .e-ddt.e-outline.e-input-group.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon {
1748
+ min-height: 20px;
1749
+ }
1750
+ .e-ddt.e-outline.e-show-chip .e-overflow,
1751
+ .e-ddt.e-outline.e-show-chip .e-chips-wrapper {
1752
+ padding: 4px 12px;
1753
+ }
1754
+ .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text {
1755
+ line-height: 21px;
1756
+ padding: 14px 2px 5px 0;
1757
+ }
1758
+ .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count {
1759
+ padding-top: 10px;
1760
+ }
1761
+ .e-ddt.e-filled.e-float-input.e-control-wrapper .e-float-text.e-label-top {
1762
+ font-size: 12px !important; /* stylelint-disable-line declaration-no-important */
1763
+ }
1764
+ .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon {
1765
+ padding-top: 8px;
1766
+ }
1767
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
1768
+ bottom: 6px;
1769
+ right: 0;
1770
+ }
1771
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
1772
+ bottom: 5px;
1773
+ right: 30px;
1774
+ }
1775
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon {
1776
+ bottom: 9px;
1777
+ right: 10px;
1778
+ }
1779
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
1780
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow {
1781
+ padding-top: 8px;
1782
+ }
1783
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
1784
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips {
1785
+ height: 18px;
1786
+ }
1787
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
1788
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent {
1789
+ font-size: 12px;
1790
+ padding: 0 4px 0 0;
1791
+ }
1792
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
1793
+ .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before {
1794
+ font-size: 12px;
1795
+ height: 12px;
1796
+ width: 12px;
1797
+ }
1798
+ .e-ddt.e-filled .e-chips-wrapper .e-chips,
1799
+ .e-ddt.e-filled .e-overflow .e-chips {
1800
+ margin-top: 8px;
1801
+ padding: 0 8px;
1802
+ }
1803
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text {
1804
+ line-height: 39px;
1805
+ padding: 0;
1806
+ }
1807
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count {
1808
+ line-height: 39px;
1809
+ padding-top: 0;
1810
+ }
1811
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
1812
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips {
1813
+ height: 28px;
1814
+ margin-top: 8px;
1815
+ padding: 0 8px;
1816
+ }
1817
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
1818
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent {
1819
+ font-size: 13px;
1820
+ padding: 0 8px 0 0;
1821
+ }
1822
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
1823
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before {
1824
+ font-size: 14px;
1825
+ height: 12px;
1826
+ width: 12px;
1827
+ }
1828
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon {
1829
+ bottom: 10px;
1830
+ right: 10px;
1831
+ }
1832
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon {
1833
+ bottom: 9px;
1834
+ right: 38px;
1835
+ }
1836
+ .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input):not(.e-show-dd-icon) .e-clear-icon {
1837
+ bottom: 9px;
1838
+ right: 10px;
1839
+ }
1738
1840
  .e-ddt .e-overflow {
1739
1841
  white-space: nowrap;
1740
1842
  }
@@ -2014,8 +2116,8 @@ ejs-dropdownlist {
2014
2116
  /* 16px */
2015
2117
  .e-ddt .e-chips {
2016
2118
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
2017
- border-color: rgba(var(--color-sf-outline));
2018
2119
  border: 1px solid;
2120
+ border-color: rgba(var(--color-sf-outline));
2019
2121
  }
2020
2122
  .e-ddt .e-chips .e-chips-close::before {
2021
2123
  color: rgba(var(--color-sf-on-surface));
@@ -2023,6 +2125,9 @@ ejs-dropdownlist {
2023
2125
  .e-ddt .e-chips > .e-chipcontent {
2024
2126
  color: rgba(var(--color-sf-on-surface));
2025
2127
  }
2128
+ .e-ddt.e-filled .e-chips {
2129
+ background: transparent;
2130
+ }
2026
2131
  .e-ddt .e-overflow .e-remain {
2027
2132
  color: #757575;
2028
2133
  }