@syncfusion/ej2-inputs 32.1.19 → 32.1.22

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 (90) hide show
  1. package/README.md +1 -1
  2. package/dist/ej2-inputs.min.js +10 -1
  3. package/dist/ej2-inputs.umd.min.js +10 -1
  4. package/dist/ej2-inputs.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-inputs.es2015.js +6 -4
  6. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  7. package/dist/es6/ej2-inputs.es5.js +6 -4
  8. package/dist/es6/ej2-inputs.es5.js.map +1 -1
  9. package/dist/global/ej2-inputs.min.js +10 -1
  10. package/dist/global/ej2-inputs.min.js.map +1 -1
  11. package/dist/global/index.d.ts +9 -0
  12. package/package.json +3 -3
  13. package/src/maskedtextbox/maskedtextbox/maskedtextbox.js +1 -1
  14. package/src/numerictextbox/numerictextbox.js +2 -1
  15. package/src/textarea/textarea.js +1 -1
  16. package/src/textbox/textbox.js +2 -1
  17. package/styles/bds-lite.css +0 -2
  18. package/styles/bds.css +0 -2
  19. package/styles/bootstrap-dark-lite.css +0 -2
  20. package/styles/bootstrap-dark.css +0 -2
  21. package/styles/bootstrap-lite.css +0 -2
  22. package/styles/bootstrap.css +0 -2
  23. package/styles/bootstrap4-lite.css +0 -2
  24. package/styles/bootstrap4.css +0 -2
  25. package/styles/bootstrap5-dark-lite.css +0 -2
  26. package/styles/bootstrap5-dark.css +0 -2
  27. package/styles/bootstrap5-lite.css +0 -2
  28. package/styles/bootstrap5.3-lite.css +0 -2
  29. package/styles/bootstrap5.3.css +0 -2
  30. package/styles/bootstrap5.css +0 -2
  31. package/styles/color-picker/_bootstrap5.3-definition.scss +0 -1
  32. package/styles/color-picker/_fluent2-definition.scss +0 -1
  33. package/styles/color-picker/_layout.scss +0 -1
  34. package/styles/color-picker/_material3-dark-definition.scss +0 -1
  35. package/styles/color-picker/_material3-definition.scss +0 -1
  36. package/styles/color-picker/_tailwind3-definition.scss +0 -1
  37. package/styles/color-picker/bds.css +0 -2
  38. package/styles/color-picker/bootstrap-dark.css +0 -2
  39. package/styles/color-picker/bootstrap.css +0 -2
  40. package/styles/color-picker/bootstrap4.css +0 -2
  41. package/styles/color-picker/bootstrap5-dark.css +0 -2
  42. package/styles/color-picker/bootstrap5.3.css +0 -2
  43. package/styles/color-picker/bootstrap5.css +0 -2
  44. package/styles/color-picker/fabric-dark.css +0 -2
  45. package/styles/color-picker/fabric.css +0 -2
  46. package/styles/color-picker/fluent-dark.css +0 -2
  47. package/styles/color-picker/fluent.css +0 -2
  48. package/styles/color-picker/fluent2.css +0 -2
  49. package/styles/color-picker/highcontrast-light.css +0 -2
  50. package/styles/color-picker/highcontrast.css +0 -2
  51. package/styles/color-picker/material-dark.css +0 -2
  52. package/styles/color-picker/material.css +0 -2
  53. package/styles/color-picker/material3-dark.css +0 -2
  54. package/styles/color-picker/material3.css +0 -2
  55. package/styles/color-picker/tailwind-dark.css +0 -2
  56. package/styles/color-picker/tailwind.css +0 -2
  57. package/styles/color-picker/tailwind3.css +0 -2
  58. package/styles/fabric-dark-lite.css +0 -2
  59. package/styles/fabric-dark.css +0 -2
  60. package/styles/fabric-lite.css +0 -2
  61. package/styles/fabric.css +0 -2
  62. package/styles/fluent-dark-lite.css +0 -2
  63. package/styles/fluent-dark.css +0 -2
  64. package/styles/fluent-lite.css +0 -2
  65. package/styles/fluent.css +0 -2
  66. package/styles/fluent2-lite.css +0 -2
  67. package/styles/fluent2.css +0 -2
  68. package/styles/highcontrast-light-lite.css +0 -2
  69. package/styles/highcontrast-light.css +0 -2
  70. package/styles/highcontrast-lite.css +0 -2
  71. package/styles/highcontrast.css +0 -2
  72. package/styles/input/_bigger.scss +4 -1
  73. package/styles/input/_material3-dark-definition.scss +3 -3
  74. package/styles/input/_material3-definition.scss +3 -3
  75. package/styles/input/material3-dark.css +4 -4
  76. package/styles/input/material3.css +4 -4
  77. package/styles/material-dark-lite.css +0 -2
  78. package/styles/material-dark.css +0 -2
  79. package/styles/material-lite.css +0 -2
  80. package/styles/material.css +0 -2
  81. package/styles/material3-dark-lite.css +2 -4
  82. package/styles/material3-dark.css +4 -6
  83. package/styles/material3-lite.css +2 -4
  84. package/styles/material3.css +4 -6
  85. package/styles/tailwind-dark-lite.css +0 -2
  86. package/styles/tailwind-dark.css +0 -2
  87. package/styles/tailwind-lite.css +0 -2
  88. package/styles/tailwind.css +0 -2
  89. package/styles/tailwind3-lite.css +0 -2
  90. package/styles/tailwind3.css +0 -2
@@ -1,3 +1,12 @@
1
+ /*!
2
+ * filename: index.d.ts
3
+ * version : 32.1.22
4
+ * Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
5
+ * Use of this code is subject to the terms of our license.
6
+ * A copy of the current license can be obtained at any time by e-mailing
7
+ * licensing@syncfusion.com. Any infringement will be prosecuted under
8
+ * applicable laws.
9
+ */
1
10
  import * as _inputs from '@syncfusion/ej2-inputs';
2
11
 
3
12
  export declare namespace ej {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@syncfusion/ej2-inputs",
3
- "version": "32.1.19",
3
+ "version": "32.1.22",
4
4
  "description": "A package of Essential JS 2 input components such as Textbox, Color-picker, Masked-textbox, Numeric-textbox, Slider, Upload, and Form-validator that is used to get input from the users.",
5
5
  "author": "Syncfusion Inc.",
6
6
  "license": "SEE LICENSE IN license",
@@ -9,9 +9,9 @@
9
9
  "es2015": "./dist/es6/ej2-inputs.es5.js",
10
10
  "dependencies": {
11
11
  "@syncfusion/ej2-base": "~32.1.19",
12
- "@syncfusion/ej2-buttons": "~32.1.19",
12
+ "@syncfusion/ej2-buttons": "~32.1.21",
13
13
  "@syncfusion/ej2-popups": "~32.1.19",
14
- "@syncfusion/ej2-splitbuttons": "~32.1.19"
14
+ "@syncfusion/ej2-splitbuttons": "~32.1.22"
15
15
  },
16
16
  "devDependencies": {},
17
17
  "keywords": [
@@ -557,7 +557,7 @@ var MaskedTextBox = /** @class */ (function (_super) {
557
557
  var container = this.inputObj.container;
558
558
  var label = container.querySelector('.e-float-text-overflow') || container.querySelector('.e-float-text');
559
559
  var calculateWidth = (container.clientWidth - this.getRightIconsWidth());
560
- if (label && calculateWidth) {
560
+ if (label && calculateWidth && !(this.cssClass && this.cssClass.split(' ').indexOf('e-outline') !== -1)) {
561
561
  label.style.width = calculateWidth + 'px';
562
562
  }
563
563
  };
@@ -446,6 +446,7 @@ var NumericTextBox = /** @class */ (function (_super) {
446
446
  };
447
447
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
448
448
  NumericTextBox.prototype.clear = function (event) {
449
+ this.prevValue = this.instance.getNumberParser({ format: 'n' })(this.element.value);
449
450
  this.setProperties({ value: null }, true);
450
451
  this.setElementValue('');
451
452
  this.hiddenInput.value = '';
@@ -1485,7 +1486,7 @@ var NumericTextBox = /** @class */ (function (_super) {
1485
1486
  var container = this.inputWrapper.container;
1486
1487
  var label = container.querySelector('.e-float-text-overflow') || container.querySelector('.e-float-text');
1487
1488
  var calculateWidth = (container.clientWidth - this.getRightIconsWidth());
1488
- if (label && calculateWidth) {
1489
+ if (label && calculateWidth && !(this.cssClass && this.cssClass.split(' ').indexOf('e-outline') !== -1)) {
1489
1490
  label.style.width = calculateWidth + 'px';
1490
1491
  }
1491
1492
  };
@@ -834,7 +834,7 @@ var TextArea = /** @class */ (function (_super) {
834
834
  var container = this.textareaWrapper.container;
835
835
  var label = container.querySelector('.e-float-text-overflow') || container.querySelector('.e-float-text');
836
836
  var calculateWidth = (container.clientWidth - this.getRightIconsWidth());
837
- if (label && calculateWidth && (!this.prependTemplate || !this.appendTemplate)) {
837
+ if (label && calculateWidth && !(this.cssClass && this.cssClass.split(' ').indexOf('e-outline') !== -1) && (!this.prependTemplate || !this.appendTemplate)) {
838
838
  label.style.width = calculateWidth + 'px';
839
839
  }
840
840
  else if (this.floatLabelType === 'Auto' && (this.prependTemplate || this.appendTemplate)) {
@@ -563,7 +563,8 @@ var TextBox = /** @class */ (function (_super) {
563
563
  }
564
564
  };
565
565
  TextBox.prototype.keydownHandler = function (args) {
566
- if ((args.keyCode === 13 || args.keyCode === 9) && !((this.previousValue === null || this.previousValue === '') && (this.value === null || this.value === '') && this.respectiveElement.value === '')) {
566
+ var isUndoAction = args.ctrlKey && args.keyCode === 90;
567
+ if ((args.keyCode === 13 || args.keyCode === 9 || isUndoAction) && !((this.previousValue === null || this.previousValue === '') && (this.value === null || this.value === '') && this.respectiveElement.value === '')) {
567
568
  this.setProperties({ value: this.respectiveElement.value }, true);
568
569
  }
569
570
  };
@@ -5082,8 +5082,6 @@ body.e-colorpicker-overflow {
5082
5082
  position: relative;
5083
5083
  }
5084
5084
  .e-container .e-palette .e-tile:hover {
5085
- -webkit-box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-secondary), 0.3);
5086
- box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-secondary), 0.3);
5087
5085
  position: relative;
5088
5086
  }
5089
5087
  .e-container .e-palette .e-tile.e-nocolor-item {
package/styles/bds.css CHANGED
@@ -7966,8 +7966,6 @@ body.e-colorpicker-overflow {
7966
7966
  position: relative;
7967
7967
  }
7968
7968
  .e-container .e-palette .e-tile:hover {
7969
- -webkit-box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-secondary), 0.3);
7970
- box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-secondary), 0.3);
7971
7969
  position: relative;
7972
7970
  }
7973
7971
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -4868,8 +4868,6 @@ body.e-colorpicker-overflow {
4868
4868
  position: relative;
4869
4869
  }
4870
4870
  .e-container .e-palette .e-tile:hover {
4871
- -webkit-box-shadow: 2px 2px 7px 2px rgba(26, 26, 26, 0.3);
4872
- box-shadow: 2px 2px 7px 2px rgba(26, 26, 26, 0.3);
4873
4871
  position: relative;
4874
4872
  }
4875
4873
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -7614,8 +7614,6 @@ body.e-colorpicker-overflow {
7614
7614
  position: relative;
7615
7615
  }
7616
7616
  .e-container .e-palette .e-tile:hover {
7617
- -webkit-box-shadow: 2px 2px 7px 2px rgba(26, 26, 26, 0.3);
7618
- box-shadow: 2px 2px 7px 2px rgba(26, 26, 26, 0.3);
7619
7617
  position: relative;
7620
7618
  }
7621
7619
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -4871,8 +4871,6 @@ body.e-colorpicker-overflow {
4871
4871
  position: relative;
4872
4872
  }
4873
4873
  .e-container .e-palette .e-tile:hover {
4874
- -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
4875
- box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
4876
4874
  position: relative;
4877
4875
  }
4878
4876
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -7609,8 +7609,6 @@ body.e-colorpicker-overflow {
7609
7609
  position: relative;
7610
7610
  }
7611
7611
  .e-container .e-palette .e-tile:hover {
7612
- -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
7613
- box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
7614
7612
  position: relative;
7615
7613
  }
7616
7614
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -4902,8 +4902,6 @@ body.e-colorpicker-overflow {
4902
4902
  position: relative;
4903
4903
  }
4904
4904
  .e-container .e-palette .e-tile:hover {
4905
- -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.2);
4906
- box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.2);
4907
4905
  position: relative;
4908
4906
  }
4909
4907
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -7695,8 +7695,6 @@ body.e-colorpicker-overflow {
7695
7695
  position: relative;
7696
7696
  }
7697
7697
  .e-container .e-palette .e-tile:hover {
7698
- -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.2);
7699
- box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.2);
7700
7698
  position: relative;
7701
7699
  }
7702
7700
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -4912,8 +4912,6 @@ body.e-colorpicker-overflow {
4912
4912
  position: relative;
4913
4913
  }
4914
4914
  .e-container .e-palette .e-tile:hover {
4915
- -webkit-box-shadow: 2px 2px 7px 2px rgba(68.0034482759, 75.85, 83.6965517241, 0.3);
4916
- box-shadow: 2px 2px 7px 2px rgba(68.0034482759, 75.85, 83.6965517241, 0.3);
4917
4915
  position: relative;
4918
4916
  }
4919
4917
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -7877,8 +7877,6 @@ body.e-colorpicker-overflow {
7877
7877
  position: relative;
7878
7878
  }
7879
7879
  .e-container .e-palette .e-tile:hover {
7880
- -webkit-box-shadow: 2px 2px 7px 2px rgba(68.0034482759, 75.85, 83.6965517241, 0.3);
7881
- box-shadow: 2px 2px 7px 2px rgba(68.0034482759, 75.85, 83.6965517241, 0.3);
7882
7880
  position: relative;
7883
7881
  }
7884
7882
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -4912,8 +4912,6 @@ body.e-colorpicker-overflow {
4912
4912
  position: relative;
4913
4913
  }
4914
4914
  .e-container .e-palette .e-tile:hover {
4915
- -webkit-box-shadow: 2px 2px 7px 2px rgba(222, 226, 230, 0.3);
4916
- box-shadow: 2px 2px 7px 2px rgba(222, 226, 230, 0.3);
4917
4915
  position: relative;
4918
4916
  }
4919
4917
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -4988,8 +4988,6 @@ body.e-colorpicker-overflow {
4988
4988
  position: relative;
4989
4989
  }
4990
4990
  .e-container .e-palette .e-tile:hover {
4991
- -webkit-box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-light), 0.3);
4992
- box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-light), 0.3);
4993
4991
  position: relative;
4994
4992
  }
4995
4993
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -7955,8 +7955,6 @@ body.e-colorpicker-overflow {
7955
7955
  position: relative;
7956
7956
  }
7957
7957
  .e-container .e-palette .e-tile:hover {
7958
- -webkit-box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-light), 0.3);
7959
- box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-light), 0.3);
7960
7958
  position: relative;
7961
7959
  }
7962
7960
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -7877,8 +7877,6 @@ body.e-colorpicker-overflow {
7877
7877
  position: relative;
7878
7878
  }
7879
7879
  .e-container .e-palette .e-tile:hover {
7880
- -webkit-box-shadow: 2px 2px 7px 2px rgba(222, 226, 230, 0.3);
7881
- box-shadow: 2px 2px 7px 2px rgba(222, 226, 230, 0.3);
7882
7880
  position: relative;
7883
7881
  }
7884
7882
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -115,7 +115,6 @@ $cpicker-slider-tab-shadow: $cpicker-slider-handler-box-shadow !default;
115
115
  $cpicker-tile-active-border-color: rgba($white) !default;
116
116
  $cpicker-color: $flyout-bg-color !default;
117
117
  $cpicker-tile-outline: $black .5px solid !default;
118
- $cpicker-tiles-hover-shadow: 2px 2px 7px 2px rgba($border-light, .3) !default;
119
118
  $cpicker-tile-border: .5px solid transparent !default;
120
119
  $cpicker-to-bottom-gradient-start: rgba(0, 0, 0, 0) !default;
121
120
  $cpicker-to-bottom-gradient-end: rgba($black) !default;
@@ -116,7 +116,6 @@ $cpicker-slider-tab-shadow: $cpicker-slider-handler-box-shadow !default;
116
116
  $cpicker-tile-active-border-color: $white !default;
117
117
  $cpicker-color: $flyout-bg-color !default;
118
118
  $cpicker-tile-outline: $white .5px solid !default;
119
- $cpicker-tiles-hover-shadow: 2px 2px 7px 2px rgba($border-light, .3) !default;
120
119
  $cpicker-tile-border: .5px solid transparent !default;
121
120
  $cpicker-to-bottom-gradient-start: rgba(0, 0, 0, 0) !default;
122
121
  $cpicker-to-bottom-gradient-end: $black !default;
@@ -289,7 +289,6 @@
289
289
  }
290
290
 
291
291
  &:hover {
292
- box-shadow: $cpicker-tiles-hover-shadow;
293
292
  position: relative;
294
293
  }
295
294
 
@@ -115,7 +115,6 @@ $cpicker-slider-tab-shadow: $cpicker-slider-handler-box-shadow !default;
115
115
  $cpicker-tile-active-border-color: rgba($white) !default;
116
116
  $cpicker-color: $flyout-bg-color !default;
117
117
  $cpicker-tile-outline: rgba($black) .5px solid !default;
118
- $cpicker-tiles-hover-shadow: 2px 2px 7px 2px rgba($border-light, .3) !default;
119
118
  $cpicker-tile-border: .5px solid transparent !default;
120
119
  $cpicker-to-bottom-gradient-start: rgba(0, 0, 0, 0) !default;
121
120
  $cpicker-to-bottom-gradient-end: rgba($black) !default;
@@ -115,7 +115,6 @@ $cpicker-slider-tab-shadow: $cpicker-slider-handler-box-shadow !default;
115
115
  $cpicker-tile-active-border-color: rgba($white) !default;
116
116
  $cpicker-color: $flyout-bg-color !default;
117
117
  $cpicker-tile-outline: rgba($black) .5px solid !default;
118
- $cpicker-tiles-hover-shadow: 2px 2px 7px 2px rgba($border-light, .3) !default;
119
118
  $cpicker-tile-border: .5px solid transparent !default;
120
119
  $cpicker-to-bottom-gradient-start: rgba(0, 0, 0, 0) !default;
121
120
  $cpicker-to-bottom-gradient-end: rgba($black) !default;
@@ -118,7 +118,6 @@ $cpicker-slider-tab-shadow: $cpicker-slider-handler-box-shadow !default;
118
118
  $cpicker-tile-active-border-color: rgba($white) !default;
119
119
  $cpicker-color: $flyout-bg-color !default;
120
120
  $cpicker-tile-outline: rgba($black) .5px solid !default;
121
- $cpicker-tiles-hover-shadow: 2px 2px 7px 2px rgba($border-light, .3) !default;
122
121
  $cpicker-tile-border: .5px solid transparent !default;
123
122
  $cpicker-to-bottom-gradient-start: rgba(0, 0, 0, 0) !default;
124
123
  $cpicker-to-bottom-gradient-end: rgba($black) !default;
@@ -430,8 +430,6 @@ body.e-colorpicker-overflow {
430
430
  position: relative;
431
431
  }
432
432
  .e-container .e-palette .e-tile:hover {
433
- -webkit-box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-secondary), 0.3);
434
- box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-secondary), 0.3);
435
433
  position: relative;
436
434
  }
437
435
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -174,8 +174,6 @@ body.e-colorpicker-overflow {
174
174
  position: relative;
175
175
  }
176
176
  .e-container .e-palette .e-tile:hover {
177
- -webkit-box-shadow: 2px 2px 7px 2px rgba(26, 26, 26, 0.3);
178
- box-shadow: 2px 2px 7px 2px rgba(26, 26, 26, 0.3);
179
177
  position: relative;
180
178
  }
181
179
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -174,8 +174,6 @@ body.e-colorpicker-overflow {
174
174
  position: relative;
175
175
  }
176
176
  .e-container .e-palette .e-tile:hover {
177
- -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
178
- box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
179
177
  position: relative;
180
178
  }
181
179
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -182,8 +182,6 @@ body.e-colorpicker-overflow {
182
182
  position: relative;
183
183
  }
184
184
  .e-container .e-palette .e-tile:hover {
185
- -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.2);
186
- box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.2);
187
185
  position: relative;
188
186
  }
189
187
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -195,8 +195,6 @@ body.e-colorpicker-overflow {
195
195
  position: relative;
196
196
  }
197
197
  .e-container .e-palette .e-tile:hover {
198
- -webkit-box-shadow: 2px 2px 7px 2px rgba(68.0034482759, 75.85, 83.6965517241, 0.3);
199
- box-shadow: 2px 2px 7px 2px rgba(68.0034482759, 75.85, 83.6965517241, 0.3);
200
198
  position: relative;
201
199
  }
202
200
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -279,8 +279,6 @@ body.e-colorpicker-overflow {
279
279
  position: relative;
280
280
  }
281
281
  .e-container .e-palette .e-tile:hover {
282
- -webkit-box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-light), 0.3);
283
- box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-light), 0.3);
284
282
  position: relative;
285
283
  }
286
284
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -195,8 +195,6 @@ body.e-colorpicker-overflow {
195
195
  position: relative;
196
196
  }
197
197
  .e-container .e-palette .e-tile:hover {
198
- -webkit-box-shadow: 2px 2px 7px 2px rgba(222, 226, 230, 0.3);
199
- box-shadow: 2px 2px 7px 2px rgba(222, 226, 230, 0.3);
200
198
  position: relative;
201
199
  }
202
200
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -174,8 +174,6 @@ body.e-colorpicker-overflow {
174
174
  position: relative;
175
175
  }
176
176
  .e-container .e-palette .e-tile:hover {
177
- -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
178
- box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
179
177
  position: relative;
180
178
  }
181
179
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -174,8 +174,6 @@ body.e-colorpicker-overflow {
174
174
  position: relative;
175
175
  }
176
176
  .e-container .e-palette .e-tile:hover {
177
- -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
178
- box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
179
177
  position: relative;
180
178
  }
181
179
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -175,8 +175,6 @@ body.e-colorpicker-overflow {
175
175
  position: relative;
176
176
  }
177
177
  .e-container .e-palette .e-tile:hover {
178
- -webkit-box-shadow: 2px 2px 7px 2px rgba(41, 40, 39, 0.3);
179
- box-shadow: 2px 2px 7px 2px rgba(41, 40, 39, 0.3);
180
178
  position: relative;
181
179
  }
182
180
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -175,8 +175,6 @@ body.e-colorpicker-overflow {
175
175
  position: relative;
176
176
  }
177
177
  .e-container .e-palette .e-tile:hover {
178
- -webkit-box-shadow: 2px 2px 7px 2px rgba(237, 235, 233, 0.3);
179
- box-shadow: 2px 2px 7px 2px rgba(237, 235, 233, 0.3);
180
178
  position: relative;
181
179
  }
182
180
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -474,8 +474,6 @@ body.e-colorpicker-overflow {
474
474
  position: relative;
475
475
  }
476
476
  .e-container .e-palette .e-tile:hover {
477
- -webkit-box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-light), 0.3);
478
- box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-light), 0.3);
479
477
  position: relative;
480
478
  }
481
479
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -174,8 +174,6 @@ body.e-colorpicker-overflow {
174
174
  position: relative;
175
175
  }
176
176
  .e-container .e-palette .e-tile:hover {
177
- -webkit-box-shadow: 2px 2px 7px 2px rgba(255, 255, 255, 0.4);
178
- box-shadow: 2px 2px 7px 2px rgba(255, 255, 255, 0.4);
179
177
  position: relative;
180
178
  }
181
179
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -174,8 +174,6 @@ body.e-colorpicker-overflow {
174
174
  position: relative;
175
175
  }
176
176
  .e-container .e-palette .e-tile:hover {
177
- -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.4);
178
- box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.4);
179
177
  position: relative;
180
178
  }
181
179
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -189,8 +189,6 @@ body.e-colorpicker-overflow {
189
189
  position: relative;
190
190
  }
191
191
  .e-container .e-palette .e-tile:hover {
192
- -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
193
- box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
194
192
  position: relative;
195
193
  }
196
194
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -209,8 +209,6 @@ body.e-colorpicker-overflow {
209
209
  position: relative;
210
210
  }
211
211
  .e-container .e-palette .e-tile:hover {
212
- -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
213
- box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
214
212
  position: relative;
215
213
  }
216
214
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -334,8 +334,6 @@ body.e-colorpicker-overflow {
334
334
  position: relative;
335
335
  }
336
336
  .e-container .e-palette .e-tile:hover {
337
- -webkit-box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-outline-variant), 0.3);
338
- box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-outline-variant), 0.3);
339
337
  position: relative;
340
338
  }
341
339
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -336,8 +336,6 @@ body.e-colorpicker-overflow {
336
336
  position: relative;
337
337
  }
338
338
  .e-container .e-palette .e-tile:hover {
339
- -webkit-box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-outline-variant), 0.3);
340
- box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-outline-variant), 0.3);
341
339
  position: relative;
342
340
  }
343
341
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -175,8 +175,6 @@ body.e-colorpicker-overflow {
175
175
  position: relative;
176
176
  }
177
177
  .e-container .e-palette .e-tile:hover {
178
- -webkit-box-shadow: 2px 2px 7px 2px rgba(75, 85, 99, 0.3);
179
- box-shadow: 2px 2px 7px 2px rgba(75, 85, 99, 0.3);
180
178
  position: relative;
181
179
  }
182
180
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -175,8 +175,6 @@ body.e-colorpicker-overflow {
175
175
  position: relative;
176
176
  }
177
177
  .e-container .e-palette .e-tile:hover {
178
- -webkit-box-shadow: 2px 2px 7px 2px rgba(229, 231, 235, 0.3);
179
- box-shadow: 2px 2px 7px 2px rgba(229, 231, 235, 0.3);
180
178
  position: relative;
181
179
  }
182
180
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -310,8 +310,6 @@ body.e-colorpicker-overflow {
310
310
  position: relative;
311
311
  }
312
312
  .e-container .e-palette .e-tile:hover {
313
- -webkit-box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-light), 0.3);
314
- box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-light), 0.3);
315
313
  position: relative;
316
314
  }
317
315
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -4827,8 +4827,6 @@ body.e-colorpicker-overflow {
4827
4827
  position: relative;
4828
4828
  }
4829
4829
  .e-container .e-palette .e-tile:hover {
4830
- -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
4831
- box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
4832
4830
  position: relative;
4833
4831
  }
4834
4832
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -7551,8 +7551,6 @@ body.e-colorpicker-overflow {
7551
7551
  position: relative;
7552
7552
  }
7553
7553
  .e-container .e-palette .e-tile:hover {
7554
- -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
7555
- box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
7556
7554
  position: relative;
7557
7555
  }
7558
7556
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -4827,8 +4827,6 @@ body.e-colorpicker-overflow {
4827
4827
  position: relative;
4828
4828
  }
4829
4829
  .e-container .e-palette .e-tile:hover {
4830
- -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
4831
- box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
4832
4830
  position: relative;
4833
4831
  }
4834
4832
  .e-container .e-palette .e-tile.e-nocolor-item {
package/styles/fabric.css CHANGED
@@ -7551,8 +7551,6 @@ body.e-colorpicker-overflow {
7551
7551
  position: relative;
7552
7552
  }
7553
7553
  .e-container .e-palette .e-tile:hover {
7554
- -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
7555
- box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
7556
7554
  position: relative;
7557
7555
  }
7558
7556
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -4914,8 +4914,6 @@ body.e-colorpicker-overflow {
4914
4914
  position: relative;
4915
4915
  }
4916
4916
  .e-container .e-palette .e-tile:hover {
4917
- -webkit-box-shadow: 2px 2px 7px 2px rgba(41, 40, 39, 0.3);
4918
- box-shadow: 2px 2px 7px 2px rgba(41, 40, 39, 0.3);
4919
4917
  position: relative;
4920
4918
  }
4921
4919
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -7733,8 +7733,6 @@ body.e-colorpicker-overflow {
7733
7733
  position: relative;
7734
7734
  }
7735
7735
  .e-container .e-palette .e-tile:hover {
7736
- -webkit-box-shadow: 2px 2px 7px 2px rgba(41, 40, 39, 0.3);
7737
- box-shadow: 2px 2px 7px 2px rgba(41, 40, 39, 0.3);
7738
7736
  position: relative;
7739
7737
  }
7740
7738
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -4914,8 +4914,6 @@ body.e-colorpicker-overflow {
4914
4914
  position: relative;
4915
4915
  }
4916
4916
  .e-container .e-palette .e-tile:hover {
4917
- -webkit-box-shadow: 2px 2px 7px 2px rgba(237, 235, 233, 0.3);
4918
- box-shadow: 2px 2px 7px 2px rgba(237, 235, 233, 0.3);
4919
4917
  position: relative;
4920
4918
  }
4921
4919
  .e-container .e-palette .e-tile.e-nocolor-item {
package/styles/fluent.css CHANGED
@@ -7733,8 +7733,6 @@ body.e-colorpicker-overflow {
7733
7733
  position: relative;
7734
7734
  }
7735
7735
  .e-container .e-palette .e-tile:hover {
7736
- -webkit-box-shadow: 2px 2px 7px 2px rgba(237, 235, 233, 0.3);
7737
- box-shadow: 2px 2px 7px 2px rgba(237, 235, 233, 0.3);
7738
7736
  position: relative;
7739
7737
  }
7740
7738
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -7595,8 +7595,6 @@ body.e-colorpicker-overflow {
7595
7595
  position: relative;
7596
7596
  }
7597
7597
  .e-container .e-palette .e-tile:hover {
7598
- -webkit-box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-light), 0.3);
7599
- box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-light), 0.3);
7600
7598
  position: relative;
7601
7599
  }
7602
7600
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -12750,8 +12750,6 @@ body.e-colorpicker-overflow {
12750
12750
  position: relative;
12751
12751
  }
12752
12752
  .e-container .e-palette .e-tile:hover {
12753
- -webkit-box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-light), 0.3);
12754
- box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-light), 0.3);
12755
12753
  position: relative;
12756
12754
  }
12757
12755
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -4994,8 +4994,6 @@ body.e-colorpicker-overflow {
4994
4994
  position: relative;
4995
4995
  }
4996
4996
  .e-container .e-palette .e-tile:hover {
4997
- -webkit-box-shadow: 2px 2px 7px 2px rgba(255, 255, 255, 0.4);
4998
- box-shadow: 2px 2px 7px 2px rgba(255, 255, 255, 0.4);
4999
4997
  position: relative;
5000
4998
  }
5001
4999
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -7793,8 +7793,6 @@ body.e-colorpicker-overflow {
7793
7793
  position: relative;
7794
7794
  }
7795
7795
  .e-container .e-palette .e-tile:hover {
7796
- -webkit-box-shadow: 2px 2px 7px 2px rgba(255, 255, 255, 0.4);
7797
- box-shadow: 2px 2px 7px 2px rgba(255, 255, 255, 0.4);
7798
7796
  position: relative;
7799
7797
  }
7800
7798
  .e-container .e-palette .e-tile.e-nocolor-item {
@@ -5000,8 +5000,6 @@ body.e-colorpicker-overflow {
5000
5000
  position: relative;
5001
5001
  }
5002
5002
  .e-container .e-palette .e-tile:hover {
5003
- -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.4);
5004
- box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.4);
5005
5003
  position: relative;
5006
5004
  }
5007
5005
  .e-container .e-palette .e-tile.e-nocolor-item {