@syncfusion/ej2-inputs 19.4.52 → 20.1.47

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 (153) hide show
  1. package/CHANGELOG.md +0 -16
  2. package/README.md +15 -2
  3. package/dist/ej2-inputs.umd.min.js +2 -2
  4. package/dist/ej2-inputs.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-inputs.es2015.js +31 -37
  6. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  7. package/dist/es6/ej2-inputs.es5.js +31 -37
  8. package/dist/es6/ej2-inputs.es5.js.map +1 -1
  9. package/dist/global/ej2-inputs.min.js +2 -2
  10. package/dist/global/ej2-inputs.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +9 -9
  13. package/src/color-picker/color-picker.js +1 -1
  14. package/src/common/signature-base.d.ts +7 -49
  15. package/src/common/signature-base.js +21 -33
  16. package/src/slider/slider.d.ts +1 -0
  17. package/src/slider/slider.js +5 -2
  18. package/src/uploader/uploader.js +4 -1
  19. package/styles/bootstrap-dark.css +10 -12
  20. package/styles/bootstrap.css +10 -12
  21. package/styles/bootstrap4.css +9 -14
  22. package/styles/bootstrap5-dark.css +118 -57
  23. package/styles/bootstrap5.css +118 -57
  24. package/styles/color-picker/_bootstrap5-definition.scss +10 -10
  25. package/styles/color-picker/_fluent-dark-definition.scss +1 -0
  26. package/styles/color-picker/_fluent-definition.scss +18 -18
  27. package/styles/color-picker/_layout.scss +33 -5
  28. package/styles/color-picker/_tailwind-definition.scss +4 -3
  29. package/styles/color-picker/_theme.scss +1 -1
  30. package/styles/color-picker/bootstrap5-dark.css +26 -20
  31. package/styles/color-picker/bootstrap5.css +26 -20
  32. package/styles/color-picker/fluent-dark.css +902 -0
  33. package/styles/color-picker/fluent-dark.scss +11 -0
  34. package/styles/color-picker/fluent.css +902 -0
  35. package/styles/color-picker/fluent.scss +11 -0
  36. package/styles/color-picker/icons/_fluent-dark.scss +1 -0
  37. package/styles/color-picker/icons/_fluent.scss +1 -1
  38. package/styles/color-picker/icons/_tailwind-dark.scss +3 -2
  39. package/styles/color-picker/icons/_tailwind.scss +3 -2
  40. package/styles/color-picker/tailwind-dark.css +10 -6
  41. package/styles/color-picker/tailwind.css +10 -6
  42. package/styles/fabric-dark.css +8 -11
  43. package/styles/fabric.css +8 -11
  44. package/styles/fluent-dark.css +7366 -0
  45. package/styles/fluent-dark.scss +8 -0
  46. package/styles/fluent.css +7366 -0
  47. package/styles/fluent.scss +8 -0
  48. package/styles/highcontrast-light.css +8 -11
  49. package/styles/highcontrast.css +8 -11
  50. package/styles/input/_bootstrap-dark-definition.scss +1 -0
  51. package/styles/input/_bootstrap-definition.scss +1 -0
  52. package/styles/input/_bootstrap4-definition.scss +1 -0
  53. package/styles/input/_bootstrap5-definition.scss +23 -22
  54. package/styles/input/_fabric-dark-definition.scss +3 -1
  55. package/styles/input/_fabric-definition.scss +2 -1
  56. package/styles/input/_fluent-dark-definition.scss +1 -0
  57. package/styles/input/_fluent-definition.scss +8 -6
  58. package/styles/input/_highcontrast-definition.scss +2 -1
  59. package/styles/input/_highcontrast-light-definition.scss +2 -1
  60. package/styles/input/_layout.scss +186 -22
  61. package/styles/input/_material-dark-definition.scss +1 -0
  62. package/styles/input/_material-definition.scss +2 -1
  63. package/styles/input/_tailwind-definition.scss +18 -17
  64. package/styles/input/_theme.scss +9 -2
  65. package/styles/input/bootstrap-dark.css +8 -8
  66. package/styles/input/bootstrap.css +8 -8
  67. package/styles/input/bootstrap4.css +8 -8
  68. package/styles/input/bootstrap5-dark.css +86 -29
  69. package/styles/input/bootstrap5.css +86 -29
  70. package/styles/input/fabric-dark.css +7 -7
  71. package/styles/input/fabric.css +7 -7
  72. package/styles/input/fluent-dark.css +4595 -0
  73. package/styles/input/fluent-dark.scss +4 -0
  74. package/styles/input/fluent.css +4595 -0
  75. package/styles/input/fluent.scss +4 -0
  76. package/styles/input/highcontrast-light.css +7 -7
  77. package/styles/input/highcontrast.css +7 -7
  78. package/styles/input/icons/_fluent-dark.scss +1 -0
  79. package/styles/input/icons/_fluent.scss +2 -2
  80. package/styles/input/icons/_tailwind.scss +2 -2
  81. package/styles/input/material-dark.css +90 -7
  82. package/styles/input/material.css +90 -7
  83. package/styles/input/tailwind-dark.css +96 -40
  84. package/styles/input/tailwind.css +96 -40
  85. package/styles/maskedtextbox/_fluent-dark-definition.scss +1 -0
  86. package/styles/maskedtextbox/fluent-dark.css +26 -0
  87. package/styles/maskedtextbox/fluent-dark.scss +4 -0
  88. package/styles/maskedtextbox/fluent.css +26 -0
  89. package/styles/maskedtextbox/fluent.scss +4 -0
  90. package/styles/material-dark.css +91 -11
  91. package/styles/material.css +91 -11
  92. package/styles/numerictextbox/_fluent-dark-definition.scss +1 -0
  93. package/styles/numerictextbox/fluent-dark.css +60 -0
  94. package/styles/numerictextbox/fluent-dark.scss +5 -0
  95. package/styles/numerictextbox/fluent.css +60 -0
  96. package/styles/numerictextbox/fluent.scss +5 -0
  97. package/styles/numerictextbox/icons/_fluent-dark.scss +1 -0
  98. package/styles/numerictextbox/icons/_fluent.scss +3 -3
  99. package/styles/numerictextbox/icons/_tailwind.scss +2 -2
  100. package/styles/numerictextbox/tailwind-dark.css +2 -2
  101. package/styles/numerictextbox/tailwind.css +2 -2
  102. package/styles/signature/_fluent-dark-definition.scss +1 -0
  103. package/styles/signature/fluent-dark.css +9 -0
  104. package/styles/signature/fluent-dark.scss +3 -0
  105. package/styles/signature/fluent.css +9 -0
  106. package/styles/signature/fluent.scss +3 -0
  107. package/styles/slider/_fluent-dark-definition.scss +1 -0
  108. package/styles/slider/_fluent-definition.scss +46 -66
  109. package/styles/slider/_layout.scss +152 -51
  110. package/styles/slider/_tailwind-definition.scss +1 -1
  111. package/styles/slider/_theme.scss +14 -8
  112. package/styles/slider/bootstrap-dark.css +1 -0
  113. package/styles/slider/bootstrap.css +1 -0
  114. package/styles/slider/bootstrap4.css +0 -2
  115. package/styles/slider/bootstrap5-dark.css +5 -4
  116. package/styles/slider/bootstrap5.css +5 -4
  117. package/styles/slider/fluent-dark.css +632 -0
  118. package/styles/slider/fluent-dark.scss +5 -0
  119. package/styles/slider/fluent.css +632 -0
  120. package/styles/slider/fluent.scss +5 -0
  121. package/styles/slider/tailwind-dark.css +9 -5
  122. package/styles/slider/tailwind.css +9 -5
  123. package/styles/tailwind-dark.css +178 -92
  124. package/styles/tailwind.css +178 -92
  125. package/styles/textbox/_fluent-dark-definition.scss +1 -0
  126. package/styles/textbox/fluent-dark.css +0 -0
  127. package/styles/textbox/fluent-dark.scss +4 -0
  128. package/styles/textbox/fluent.css +0 -0
  129. package/styles/textbox/fluent.scss +4 -0
  130. package/styles/uploader/_fluent-dark-definition.scss +1 -0
  131. package/styles/uploader/_layout.scss +11 -0
  132. package/styles/uploader/_tailwind-definition.scss +29 -14
  133. package/styles/uploader/_theme.scss +25 -2
  134. package/styles/uploader/bootstrap-dark.css +1 -4
  135. package/styles/uploader/bootstrap.css +1 -4
  136. package/styles/uploader/bootstrap4.css +1 -4
  137. package/styles/uploader/bootstrap5-dark.css +1 -4
  138. package/styles/uploader/bootstrap5.css +1 -4
  139. package/styles/uploader/fabric-dark.css +1 -4
  140. package/styles/uploader/fabric.css +1 -4
  141. package/styles/uploader/fluent-dark.css +1137 -0
  142. package/styles/uploader/fluent-dark.scss +6 -0
  143. package/styles/uploader/fluent.css +1137 -0
  144. package/styles/uploader/fluent.scss +6 -0
  145. package/styles/uploader/highcontrast-light.css +1 -4
  146. package/styles/uploader/highcontrast.css +1 -4
  147. package/styles/uploader/icons/_fluent-dark.scss +1 -0
  148. package/styles/uploader/icons/_fluent.scss +7 -7
  149. package/styles/uploader/icons/_tailwind.scss +7 -8
  150. package/styles/uploader/material-dark.css +1 -4
  151. package/styles/uploader/material.css +1 -4
  152. package/styles/uploader/tailwind-dark.css +61 -39
  153. package/styles/uploader/tailwind.css +61 -39
package/styles/slider/_fluent-definition.scss CHANGED
@@ -1,94 +1,74 @@
1
1
  // layout variables
2
2
  $slider-height: 4px !default;
3
- $slider-handle-height: 12px !default;
4
- $slider-handle-width: 12px !default;
5
- $slider-handle-border-radius: 50% !default;
6
- $slider-handle-top: -7px !default;
7
- $slider-h-handle-margin: 0 !default;
8
- $rtl-slider-h-handle-margin: 0 -6px 0 0 !default;
9
- $slider-v-handle-margin: -6px !default;
10
- $rtl-slider-v-handle-margin: 0 !default;
11
- $slider-container-height: 6px !default;
12
- $slider-handle-box-shadow: $shadow !default;
13
- $slider-tooltip-padding: 2px 4px !default;
14
- $tick-after-height: 6px !default;
15
- $tick-after-top: -10px !default;
16
- $largetick-before-top: -10px !default;
17
- $largetick-before-height: 10px !default;
18
- $largetick-after-height: 10px !default;
19
- $largetick-after-top: 5px !default;
20
- $tick-before-height: 6px !default;
21
- $tick-before-top: 1px !default;
22
- $slider-vertical-width: 4px !default;
23
- $slider-border-radius-handle: 10px !default;
3
+ $slider-handle-height: 16px !default;
4
+ $slider-handle-width: 16px !default;
5
+ $rtl-slider-h-handle-margin: 0 -8px 0 0 !default;
6
+ $slider-v-handle-margin: -8px !default;
7
+ $slider-container-height: 4px !default;
8
+ $slider-tooltip-padding: 1px 8px !default;
9
+ $tick-after-height: 8px !default;
10
+ $tick-after-top: -12px !default;
11
+ $largetick-before-top: -12px !default;
12
+ $largetick-before-height: 12px !default;
13
+ $largetick-after-height: 12px !default;
14
+ $largetick-after-top: 12px !default;
15
+ $tick-before-height: 8px !default;
16
+ $tick-before-top: 8px !default;
17
+ $slider-border-radius-handle: 50% !default;
24
18
  $slider-scale-font-family: $font-family !default;
25
- $slider-scale-font-size: $text-xs !default;
26
- $slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXO1Nq/Gb1BAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==');
19
+ $slider-scale-font-size: $text-sm !default;
20
+ $slider-scale-tick-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB2aWV3Qm94PSIwIDAgMSAxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bGluZSB4MT0iMC41IiB4Mj0iMC41IiB5Mj0iMSIgc3Ryb2tlPSIjQzhDNkM0Ii8+Cjwvc3ZnPgo=');
27
21
  $slider-disabled-handle-show: none !default;
28
- $slider-button-shadow: $shadow-sm !default;
29
- $slider-button-horizon-padding: 0 28px !default;
30
- $slider-button-vertical-padding: 28px 0 !default;
31
- $tick-after-left: 5px !default;
32
- $largetick-before-left: 1px !default;
33
- $tick-before-left: 17px !default;
34
- $largetick-after-left: 17px !default;
35
- $slider-wrap-height: 26px !default;
36
- $slider-center-align: -5px !default;
37
- $slider-btn-center-align: -10px !default;
22
+ $slider-button-horizon-padding: 0 32px !default;
23
+ $slider-button-vertical-padding: 32px 0 !default;
24
+ $largetick-before-left: -4px !default;
25
+ $tick-before-left: 20px !default;
26
+ $largetick-after-left: 20px !default;
27
+ $slider-wrap-height: 28px !default;
28
+ $slider-center-align: -2px !default;
29
+ $slider-btn-center-align: -8px !default;
38
30
  $slider-range-height: $slider-container-height !default;
39
- $slider-range-width: $slider-vertical-width !default;
40
- $slider-range-border-radius: 4px !default;
31
+ $slider-range-border-radius: 2px !default;
41
32
  $slider-cursor: pointer !default;
42
33
  $slider-handle-hover-cursor: pointer !default;
43
- $slider-scale-top: 16px !default;
44
- $slider-tab-border: 1px solid $content-bg-color !default;
45
- $slider-tab-active-box-shadow: $shadow-focus-ring2 !default;
46
- $slider-small-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEWttb1auGYlAAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg==');
47
- $slider-limit-bar-horizontal-height: 6px !default;
48
- $slider-limit-bar-top: calc(50% - 3px) !default;
49
- $slider-limit-bar-vertical-width: 6px !default;
50
- $slider-limit-bar-left: calc(50% - 3px) !default;
51
- $slider-button-hleft-bg-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAolBMVEUAAAD////////////////////////+/v7////+/v7////+/v7////+/v7////////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7///+y6E2hAAAANXRSTlMABAgMEBQYHCAkKCwwNEBESExUWFxkaGx0fICDh4ubn6Orr7O3u7/Hy8/T19vf4+fr7/P3+0e6nekAAAEFSURBVHjalZXJVgJBEASjnXHAEUQURZBFFAfZt+H/f82jedCXVpyjD1mvs4q/aR4uP1QJR7YUf1tgmYl/amEZXIRHLF31X7GUJ/E/fOB8I/46w5Hm4h9LLGPx63ssPQ08wNI+i/+GpdiLv/xH4IX4+waWqQa+w9LXwE9YOrX4ExzxCqzE3xVY3oMVGGrgHpYH9UdYWlqBuQ9cbLUCOY5UaeCS4INbPMVO19A1wdBVIli0CXhG+uIZYsui7uDJ1/Li0MRTHuXFKouOakZ0VMPwqLqBUckfiWzuTU7wNnwmgtdnDPFyxy7ouQ3hBeW50RW4SMSXrOdFg/chfCg8V1/RcjR+PXbfOBx/sErjBl8AAAAASUVORK5CYII=');
52
- $slider-button-hright-bg-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAnFBMVEUAAAD////////////////////////+/v7////////+/v7////+/v7+/v7////////+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////uN4ajAAAAM3RSTlMABAgMEBQYHCAoLDA0ODxASExcYGRobHR8g4uTl5ufo6ert7u/w8fLz9fb3+Pn6+/z9/tbKk6UAAABBklEQVR42q2VyRKCAAxDQRBZVMAFcRdxVxD0///Nk2M8OCQz9tx3SJu0xrvWz09VXaO5rCMQN4cgOgUQB5Mg+g8glgZRoydUwhALAB4hAZg7IEqXIJwrECeLIIIKiIyRMUDhKUNMkYgZ4Vv0iM945AzExSYID4XnjEci9MiMEZ6i8CFDYDhqKhwnIAomHO5XOFoEEaLwFSNjjMInDLHEcESMR/ZA3D0mHDcgzhYBFBrQOqJtPWLbouhUjF6Mi9s09/uVdj7sC5rPbd5ZjvYmTuBMHNBQHFC31gbkFNqAzIN4wVfij0ikL6RH2S2lT6qfowwd0fv/SY2xfy6/BS0C17b42oLfjS/tEHrYzreszwAAAABJRU5ErkJggg==');
53
- $slider-button-vdown-bg-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAApVBMVEUAAAD////////////////////+/v7////+/v7////+/v7////+/v7+/v7////////+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////Ss6t3AAAANnRSTlMABAwQFBgcICQoLDA0OEBESExcYGRobHR8gIOHi4+Tl5ujq7O3u7/Dx8vP09fb3+Pn6+/z9/vRpbpFAAABHklEQVR4Ae3TW1PCMBAF4LOFgsj9ooCichcFoVBy/v9P0xGndktS8uT4wPeYmZPZnZPgf7h6EMCfjMF5Ad7CFUFuKvBUj0iQjNvw0jM8BcghLpMXMglwFuCCcMl0gJsb5KrtqAM8tJCje2Q2QDOAizwxAf6aBrAqLmgPcF2GRXVLV4D7Js50YqbBMM30ockjlRiNiMpELVKYU9lWgdIblfcSErcfVBZFfAkmVKIGfrRjKiPBST+zyB2+DakcO0g091TGAgRTKrsaUsprKq9h9mQZQjm7b0/lWZA1MHQyPVi0DnSI6rCqbGi1CuEQzGgxFrgNmWXu4WYp99BAPv18dFsOhblqy4OMdFt51Cc7duGttvMYXwmXHuMrIrj6Q58aX4DtQxE2xQAAAABJRU5ErkJggg==');
54
- $slider-button-vup-bg-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAApVBMVEUAAAD////////////////////+/v7////+/v7////+/v7////+/v7+/v7////////+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////4hhd5AAAANnRSTlMABAgMEBgcICQoLDA0OEBESExUXGBkbHR8gIOHi5Obn6Onq6+zt7u/x8vP09fb3+Pn6+/z9/tWLLgwAAABGElEQVR4Ae3UyXLyMBAE4NYvzPJDDARCyMKShbBAgo1wv/+jhSRVqhojqeRDqnLgu/nQh3GPBhd/mZ7PNSpobMhNA9HSjCd5F5FGBb8Vt4ihprRiBklWtGIG6WQU9i0EDY8sMX34qQkdxvBJlnR61nBqf9Bj24TDwNDr0EOZeqRg7PTuDmtvFHat8v+VHf5/p7ColRuUHV4bCg8KJ2pGIU/xQ91TMAO5hVYxwhf9SmHfhtXNKcz+Aa0dhWVSeknCug5DYaIg6CcKGcTncYgzYzkIRLwDh97BF1glcGpu3YGpgod+cQSKGwTcnQWyKwT1jQys6wizfcE2GGY3AnZHwuzOgcxShImtRuTRte8G1c56bYGKFC5+wyfN5oD6Q24erwAAAABJRU5ErkJggg==');
34
+ $slider-scale-top: 12px !default;
35
+ $slider-small-scale-tick-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB2aWV3Qm94PSIwIDAgMSAxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bGluZSB4MT0iMC41IiB4Mj0iMC41IiB5Mj0iMSIgc3Ryb2tlPSIjQzhDNkM0Ii8+Cjwvc3ZnPgo=');
36
+ $slider-scale-tick-image-dark: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB2aWV3Qm94PSIwIDAgMSAxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bGluZSB4MT0iMC41IiB4Mj0iMC41IiB5Mj0iMSIgc3Ryb2tlPSIjNDg0NjQ0Ii8+Cjwvc3ZnPgo=');
37
+ $slider-limit-bar-horizontal-height: 4px !default;
38
+ $slider-limit-bar-top: calc(50% - 2px) !default;
39
+ $slider-limit-bar-vertical-width: 4px !default;
40
+ $slider-limit-bar-left: calc(50% - 2px) !default;
41
+ $tick-after-left: 0 !default;
42
+
43
+ $slider-touch-btn-center-align: -10px !default;
55
44
 
56
45
  $slider-handle-mobile-height: 16px !default;
57
46
  $slider-handle-mobile-width: 16px !default;
58
- $slider-handle-mobile-margin-left: -8px !default;
59
- $slider-handle-mobile-handle-top: calc(50% - 8px) !default;
60
- $slider-handle-mobile-top: -7px !default;
61
- $slider-h-handle-mobile-margin: 0 !default;
62
- $rtl-slider-h-handle-mobile-margin: 0 !default;
63
- $slider-v-handle-mobile-margin: 0 !default;
64
- $rtl-slider-v-handle-mobile-margin: 0 !default;
65
- $slider-mobile-scale-font-size: $text-sm !default;
47
+ $slider-mobile-scale-font-size: $text-base !default;
66
48
  $tick-after-mobile-height: 8px !default;
67
- $tick-after-mobile-left: 18px !default;
68
- $tick-before-mobile-left: 2px !default;
69
49
  $largetick-before-mobile-height: 12px !default;
70
- $largetick-before-mobile-left: -2px !default;
71
- $tick-before-mobile-top: -12px !default;
72
- $largetick-after-mobile-top: 8px !default;
73
- $tick-after-mobile-top: 4px !default;
50
+ $slider-handle-mobile-margin-left: $slider-v-handle-margin !default;
51
+ $slider-handle-mobile-handle-top: calc(50% - 8px);
74
52
 
75
53
  //color variables
76
54
  $slider-button-icon-color: $icon-color !default;
77
55
  $slider-range-bar-color: $border !default;
78
56
  $slider-range-bar-hover-color: $primary !default;
79
57
  $slider-track-color: $border-dark !default;
58
+ $slider-tab-border-color: $primary-border-color-focus !default;
59
+ $slider-track-border-color: $content-bg-color !default;
80
60
  $slider-button-bg-color: $secondary-bg-color !default;
81
- $slider-button-icon-bg-color: $secondary-text-color !default;
61
+ $slider-button-icon-bg-color: $icon-color !default;
82
62
  $slider-normal-handle-border-color: $border !default;
83
63
  $slider-handle-bg-color: $content-bg-color !default;
84
64
  $slider-hover-color: $primary-light !default;
85
- $slider-handle-hover-border-color: $primary !default;
65
+ $slider-handle-hover-border-color: $primary-border-color-focus !default;
86
66
  $slider-handle-start-border-color: $content-bg-color-alt2 !default;
87
- $slider-button-border-color: $secondary-border-color !default;
67
+ $slider-button-border-color: $icon-color !default;
88
68
  $slider-tab-background: $primary-bg-color-hover !default;
89
69
  $slider-tab-range-color: $primary !default;
90
- $slider-tab-track-color: $content-bg-color-alt2 !default;
70
+ $slider-tab-track-color: $primary-light !default;
91
71
  $slider-limit-bar-color: $overlay-bg-color !default;
92
- $slider-tick-font-color: $content-text-color-alt1 !default;
72
+ $slider-tick-font-color: $content-text-color-alt2 !default;
93
73
  $slider-hover-handle-color: $content-bg-color !default;
94
74
  $slider-hover-handle-border-color: $primary !default;