@syncfusion/ej2-angular-splitbuttons 26.2.4 → 26.2.5-ngcc

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 (133) hide show
  1. package/@syncfusion/ej2-angular-splitbuttons.es5.js +565 -0
  2. package/@syncfusion/ej2-angular-splitbuttons.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-splitbuttons.js +516 -0
  4. package/@syncfusion/ej2-angular-splitbuttons.js.map +1 -0
  5. package/dist/ej2-angular-splitbuttons.umd.js +603 -0
  6. package/dist/ej2-angular-splitbuttons.umd.js.map +1 -0
  7. package/dist/ej2-angular-splitbuttons.umd.min.js +11 -0
  8. package/dist/ej2-angular-splitbuttons.umd.min.js.map +1 -0
  9. package/ej2-angular-splitbuttons.d.ts +7 -0
  10. package/ej2-angular-splitbuttons.metadata.json +1 -0
  11. package/license +10 -0
  12. package/package.json +15 -29
  13. package/src/drop-down-button/dropdownbutton-all.module.d.ts +0 -6
  14. package/src/drop-down-button/dropdownbutton.component.d.ts +0 -3
  15. package/src/drop-down-button/dropdownbutton.module.d.ts +0 -7
  16. package/src/drop-down-button/items.directive.d.ts +0 -5
  17. package/src/progress-button/progressbutton-all.module.d.ts +0 -6
  18. package/src/progress-button/progressbutton.component.d.ts +0 -3
  19. package/src/progress-button/progressbutton.module.d.ts +0 -6
  20. package/src/split-button/items.directive.d.ts +0 -5
  21. package/src/split-button/splitbutton-all.module.d.ts +0 -6
  22. package/src/split-button/splitbutton.component.d.ts +0 -3
  23. package/src/split-button/splitbutton.module.d.ts +0 -7
  24. package/styles/bootstrap-dark.css +1 -1966
  25. package/styles/bootstrap.css +1 -2016
  26. package/styles/bootstrap4.css +1 -2004
  27. package/styles/bootstrap5-dark.css +1 -1946
  28. package/styles/bootstrap5.css +1 -1946
  29. package/styles/button-group/bootstrap-dark.css +1 -813
  30. package/styles/button-group/bootstrap.css +1 -787
  31. package/styles/button-group/bootstrap4.css +1 -786
  32. package/styles/button-group/bootstrap5-dark.css +1 -801
  33. package/styles/button-group/bootstrap5.css +1 -801
  34. package/styles/button-group/fabric-dark.css +1 -813
  35. package/styles/button-group/fabric.css +1 -819
  36. package/styles/button-group/fluent-dark.css +1 -825
  37. package/styles/button-group/fluent.css +1 -825
  38. package/styles/button-group/fluent2.css +1 -1849
  39. package/styles/button-group/highcontrast-light.css +1 -813
  40. package/styles/button-group/highcontrast.css +1 -864
  41. package/styles/button-group/material-dark.css +1 -820
  42. package/styles/button-group/material.css +1 -825
  43. package/styles/button-group/material3-dark.css +1 -1055
  44. package/styles/button-group/material3.css +1 -1167
  45. package/styles/button-group/tailwind-dark.css +1 -799
  46. package/styles/button-group/tailwind.css +1 -799
  47. package/styles/drop-down-button/bootstrap-dark.css +1 -244
  48. package/styles/drop-down-button/bootstrap.css +1 -244
  49. package/styles/drop-down-button/bootstrap4.css +1 -237
  50. package/styles/drop-down-button/bootstrap5-dark.css +1 -247
  51. package/styles/drop-down-button/bootstrap5.css +1 -247
  52. package/styles/drop-down-button/fabric-dark.css +1 -244
  53. package/styles/drop-down-button/fabric.css +1 -244
  54. package/styles/drop-down-button/fluent-dark.css +1 -245
  55. package/styles/drop-down-button/fluent.css +1 -245
  56. package/styles/drop-down-button/fluent2.css +1 -1308
  57. package/styles/drop-down-button/highcontrast-light.css +1 -244
  58. package/styles/drop-down-button/highcontrast.css +1 -245
  59. package/styles/drop-down-button/material-dark.css +1 -244
  60. package/styles/drop-down-button/material.css +1 -244
  61. package/styles/drop-down-button/material3-dark.css +1 -363
  62. package/styles/drop-down-button/material3.css +1 -475
  63. package/styles/drop-down-button/tailwind-dark.css +1 -254
  64. package/styles/drop-down-button/tailwind.css +1 -254
  65. package/styles/fabric-dark.css +1 -1966
  66. package/styles/fabric.css +1 -2046
  67. package/styles/fluent-dark.css +1 -2061
  68. package/styles/fluent.css +1 -2061
  69. package/styles/fluent2.css +1 -6171
  70. package/styles/highcontrast-light.css +1 -1966
  71. package/styles/highcontrast.css +1 -2018
  72. package/styles/material-dark.css +1 -1973
  73. package/styles/material.css +1 -2052
  74. package/styles/material3-dark.css +1 -2647
  75. package/styles/material3.css +1 -3087
  76. package/styles/progress-button/bootstrap-dark.css +1 -564
  77. package/styles/progress-button/bootstrap.css +1 -641
  78. package/styles/progress-button/bootstrap4.css +1 -644
  79. package/styles/progress-button/bootstrap5-dark.css +1 -564
  80. package/styles/progress-button/bootstrap5.css +1 -564
  81. package/styles/progress-button/fabric-dark.css +1 -564
  82. package/styles/progress-button/fabric.css +1 -641
  83. package/styles/progress-button/fluent-dark.css +1 -657
  84. package/styles/progress-button/fluent.css +1 -657
  85. package/styles/progress-button/fluent2.css +1 -1632
  86. package/styles/progress-button/highcontrast-light.css +1 -564
  87. package/styles/progress-button/highcontrast.css +1 -564
  88. package/styles/progress-button/material-dark.css +1 -564
  89. package/styles/progress-button/material.css +1 -641
  90. package/styles/progress-button/material3-dark.css +1 -730
  91. package/styles/progress-button/material3.css +1 -842
  92. package/styles/progress-button/tailwind-dark.css +1 -661
  93. package/styles/progress-button/tailwind.css +1 -661
  94. package/styles/split-button/bootstrap-dark.css +1 -342
  95. package/styles/split-button/bootstrap.css +1 -342
  96. package/styles/split-button/bootstrap4.css +1 -334
  97. package/styles/split-button/bootstrap5-dark.css +1 -331
  98. package/styles/split-button/bootstrap5.css +1 -331
  99. package/styles/split-button/fabric-dark.css +1 -342
  100. package/styles/split-button/fabric.css +1 -339
  101. package/styles/split-button/fluent-dark.css +1 -331
  102. package/styles/split-button/fluent.css +1 -331
  103. package/styles/split-button/fluent2.css +1 -1379
  104. package/styles/split-button/highcontrast-light.css +1 -342
  105. package/styles/split-button/highcontrast.css +1 -342
  106. package/styles/split-button/material-dark.css +1 -342
  107. package/styles/split-button/material.css +1 -339
  108. package/styles/split-button/material3-dark.css +1 -496
  109. package/styles/split-button/material3.css +1 -600
  110. package/styles/split-button/tailwind-dark.css +1 -356
  111. package/styles/split-button/tailwind.css +1 -356
  112. package/styles/tailwind-dark.css +1 -2072
  113. package/styles/tailwind.css +1 -2072
  114. package/CHANGELOG.md +0 -272
  115. package/esm2020/public_api.mjs +0 -2
  116. package/esm2020/src/drop-down-button/dropdownbutton-all.module.mjs +0 -23
  117. package/esm2020/src/drop-down-button/dropdownbutton.component.mjs +0 -64
  118. package/esm2020/src/drop-down-button/dropdownbutton.module.mjs +0 -34
  119. package/esm2020/src/drop-down-button/items.directive.mjs +0 -46
  120. package/esm2020/src/index.mjs +0 -13
  121. package/esm2020/src/progress-button/progressbutton-all.module.mjs +0 -23
  122. package/esm2020/src/progress-button/progressbutton.component.mjs +0 -59
  123. package/esm2020/src/progress-button/progressbutton.module.mjs +0 -25
  124. package/esm2020/src/split-button/items.directive.mjs +0 -46
  125. package/esm2020/src/split-button/splitbutton-all.module.mjs +0 -23
  126. package/esm2020/src/split-button/splitbutton.component.mjs +0 -64
  127. package/esm2020/src/split-button/splitbutton.module.mjs +0 -34
  128. package/esm2020/syncfusion-ej2-angular-splitbuttons.mjs +0 -5
  129. package/fesm2015/syncfusion-ej2-angular-splitbuttons.mjs +0 -403
  130. package/fesm2015/syncfusion-ej2-angular-splitbuttons.mjs.map +0 -1
  131. package/fesm2020/syncfusion-ej2-angular-splitbuttons.mjs +0 -403
  132. package/fesm2020/syncfusion-ej2-angular-splitbuttons.mjs.map +0 -1
  133. package/syncfusion-ej2-angular-splitbuttons.d.ts +0 -5
@@ -1,254 +1 @@
1
- /* stylelint-disable-line no-empty-source */
2
- .e-dropdown-btn .e-caret::before,
3
- .e-dropdown-btn.e-btn .e-caret::before {
4
- content: "\e70d";
5
- }
6
-
7
- .e-dropdown-btn,
8
- .e-dropdown-btn.e-btn {
9
- -webkit-box-shadow: none;
10
- box-shadow: none;
11
- text-transform: none;
12
- white-space: normal;
13
- }
14
- .e-dropdown-btn:hover,
15
- .e-dropdown-btn.e-btn:hover {
16
- -webkit-box-shadow: none;
17
- box-shadow: none;
18
- }
19
- .e-dropdown-btn:focus,
20
- .e-dropdown-btn.e-btn:focus {
21
- -webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
22
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
23
- }
24
- .e-dropdown-btn:active,
25
- .e-dropdown-btn.e-btn:active {
26
- -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
27
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
28
- }
29
- .e-dropdown-btn .e-btn-icon,
30
- .e-dropdown-btn.e-btn .e-btn-icon {
31
- font-size: 14px;
32
- }
33
- .e-dropdown-btn .e-caret,
34
- .e-dropdown-btn.e-btn .e-caret {
35
- font-size: 18px;
36
- }
37
- .e-dropdown-btn.e-vertical,
38
- .e-dropdown-btn.e-btn.e-vertical {
39
- line-height: 1;
40
- padding: 6px 12px;
41
- }
42
- .e-dropdown-btn.e-caret-hide .e-caret,
43
- .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
44
- display: none;
45
- }
46
- .e-dropdown-btn.e-small .e-dropdown-popup ul,
47
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul {
48
- padding: 4px 0;
49
- }
50
- .e-dropdown-btn.e-small .e-dropdown-popup ul .e-item,
51
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item {
52
- padding: 0 8px;
53
- }
54
- .e-dropdown-btn.e-small.e-vertical,
55
- .e-dropdown-btn.e-btn.e-small.e-vertical {
56
- line-height: 1;
57
- padding: 6px 12px;
58
- }
59
- .e-bigger .e-dropdown-btn .e-btn-icon,
60
- .e-bigger.e-dropdown-btn .e-btn-icon {
61
- font-size: 16px;
62
- }
63
- .e-bigger .e-dropdown-btn .e-caret,
64
- .e-bigger.e-dropdown-btn .e-caret {
65
- font-size: 22px;
66
- }
67
- .e-bigger .e-dropdown-btn.e-vertical,
68
- .e-bigger.e-dropdown-btn.e-vertical {
69
- line-height: 1;
70
- padding: 8px 16px;
71
- }
72
- .e-bigger .e-dropdown-btn.e-small.e-vertical,
73
- .e-bigger.e-dropdown-btn.e-small.e-vertical {
74
- line-height: 1;
75
- padding: 8px 16px;
76
- }
77
-
78
- .e-dropdown-popup {
79
- position: absolute;
80
- border-radius: 4px;
81
- margin-top: 4px;
82
- }
83
- .e-dropdown-popup ul {
84
- border: 1px solid #4b5563;
85
- border-radius: 4px;
86
- -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
87
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
88
- -webkit-box-sizing: border-box;
89
- box-sizing: border-box;
90
- font-size: 14px;
91
- font-weight: 400;
92
- list-style-image: none;
93
- list-style-position: outside;
94
- list-style-type: none;
95
- margin: 0;
96
- min-width: 120px;
97
- overflow: hidden;
98
- padding: 4px 0;
99
- -webkit-user-select: none;
100
- -moz-user-select: none;
101
- -ms-user-select: none;
102
- user-select: none;
103
- white-space: nowrap;
104
- }
105
- .e-dropdown-popup ul .e-item {
106
- cursor: pointer;
107
- display: -webkit-box;
108
- display: -ms-flexbox;
109
- display: flex;
110
- height: 30px;
111
- line-height: 30px;
112
- padding: 0 12px;
113
- }
114
- .e-dropdown-popup ul .e-item.e-separator {
115
- padding: 0 !important; /* stylelint-disable-line declaration-no-important */
116
- }
117
- .e-dropdown-popup ul .e-item.e-url {
118
- padding: 0;
119
- }
120
- .e-dropdown-popup ul .e-item .e-menu-url {
121
- display: block;
122
- padding: 0 12px;
123
- text-decoration: none;
124
- width: 100%;
125
- }
126
- .e-dropdown-popup ul .e-item .e-menu-icon {
127
- float: left;
128
- font-size: 18px;
129
- line-height: 30px;
130
- margin-right: 12px;
131
- vertical-align: middle;
132
- width: 1em;
133
- }
134
- .e-dropdown-popup ul .e-item.e-disabled {
135
- cursor: auto;
136
- pointer-events: none;
137
- }
138
- .e-dropdown-popup ul .e-item.e-separator {
139
- border-bottom-style: solid;
140
- border-bottom-width: 1px;
141
- cursor: auto;
142
- height: auto;
143
- line-height: normal;
144
- margin: 3px 0;
145
- pointer-events: none;
146
- }
147
- .e-dropdown-popup.e-transparent {
148
- background: transparent;
149
- -webkit-box-shadow: none;
150
- box-shadow: none;
151
- }
152
- .e-dropdown-popup.e-transparent .e-dropdown-menu {
153
- border: 0;
154
- height: 1px;
155
- min-width: 0;
156
- padding: 0;
157
- width: 1px;
158
- }
159
-
160
- .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
161
- float: right;
162
- margin-left: 12px;
163
- margin-right: 0;
164
- }
165
-
166
- *.e-bigger .e-dropdown-popup {
167
- background-color: transparent;
168
- border-radius: 4px;
169
- }
170
-
171
- *.e-bigger .e-dropdown-popup ul,
172
- *.e-bigger.e-dropdown-popup ul {
173
- -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
174
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
175
- font-size: 16px;
176
- max-width: 202px;
177
- min-width: 112px;
178
- padding: 4px 0;
179
- background-color: #374151;
180
- margin-top: 4px;
181
- }
182
- *.e-bigger .e-dropdown-popup ul .e-item,
183
- *.e-bigger.e-dropdown-popup ul .e-item {
184
- height: 36px;
185
- line-height: 36px;
186
- padding: 0 16px;
187
- }
188
- *.e-bigger .e-dropdown-popup ul .e-item.e-url,
189
- *.e-bigger.e-dropdown-popup ul .e-item.e-url {
190
- padding: 0;
191
- }
192
- *.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
193
- *.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
194
- font-size: 22px;
195
- line-height: 36px;
196
- }
197
- *.e-bigger .e-dropdown-popup ul .e-item.e-separator,
198
- *.e-bigger.e-dropdown-popup ul .e-item.e-separator {
199
- height: auto;
200
- line-height: normal;
201
- }
202
-
203
- .e-dropdown-popup {
204
- background: #374151;
205
- color: #fff;
206
- }
207
- .e-dropdown-popup ul .e-item .e-menu-url {
208
- color: #fff;
209
- }
210
- .e-dropdown-popup ul .e-item .e-menu-icon {
211
- color: #fff;
212
- }
213
- .e-dropdown-popup ul .e-item.e-focused {
214
- background: #4b5563;
215
- -webkit-box-shadow: none;
216
- box-shadow: none;
217
- }
218
- .e-dropdown-popup ul .e-item:hover {
219
- background: #4b5563;
220
- color: #fff;
221
- }
222
- .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
223
- background: #6b7280;
224
- color: #fff;
225
- }
226
- .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
227
- color: #fff;
228
- }
229
- .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon {
230
- color: #fff;
231
- }
232
- .e-dropdown-popup ul .e-separator {
233
- border-bottom-color: #4b5563;
234
- }
235
-
236
- .e-dropdown-btn.e-inherit,
237
- .e-dropdown-btn.e-btn.e-inherit {
238
- background: inherit;
239
- border-color: transparent;
240
- -webkit-box-shadow: none;
241
- box-shadow: none;
242
- color: inherit;
243
- }
244
- .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
245
- .e-dropdown-btn.e-btn.e-inherit:hover,
246
- .e-dropdown-btn.e-btn.e-inherit:focus,
247
- .e-dropdown-btn.e-btn.e-inherit:active,
248
- .e-dropdown-btn.e-btn.e-inherit.e-active {
249
- background: rgba(0, 0, 0, 0.056);
250
- border-color: transparent;
251
- -webkit-box-shadow: none;
252
- box-shadow: none;
253
- color: inherit;
254
- }
1
+ @import '@syncfusion/ej2-splitbuttons/styles/drop-down-button/tailwind-dark.css';
@@ -1,254 +1 @@
1
- /* stylelint-disable-line no-empty-source */
2
- .e-dropdown-btn .e-caret::before,
3
- .e-dropdown-btn.e-btn .e-caret::before {
4
- content: "\e729";
5
- }
6
-
7
- .e-dropdown-btn,
8
- .e-dropdown-btn.e-btn {
9
- -webkit-box-shadow: none;
10
- box-shadow: none;
11
- text-transform: none;
12
- white-space: normal;
13
- }
14
- .e-dropdown-btn:hover,
15
- .e-dropdown-btn.e-btn:hover {
16
- -webkit-box-shadow: none;
17
- box-shadow: none;
18
- }
19
- .e-dropdown-btn:focus,
20
- .e-dropdown-btn.e-btn:focus {
21
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
22
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
23
- }
24
- .e-dropdown-btn:active,
25
- .e-dropdown-btn.e-btn:active {
26
- -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
27
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
28
- }
29
- .e-dropdown-btn .e-btn-icon,
30
- .e-dropdown-btn.e-btn .e-btn-icon {
31
- font-size: 14px;
32
- }
33
- .e-dropdown-btn .e-caret,
34
- .e-dropdown-btn.e-btn .e-caret {
35
- font-size: 18px;
36
- }
37
- .e-dropdown-btn.e-vertical,
38
- .e-dropdown-btn.e-btn.e-vertical {
39
- line-height: 1;
40
- padding: 6px 12px;
41
- }
42
- .e-dropdown-btn.e-caret-hide .e-caret,
43
- .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
44
- display: none;
45
- }
46
- .e-dropdown-btn.e-small .e-dropdown-popup ul,
47
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul {
48
- padding: 4px 0;
49
- }
50
- .e-dropdown-btn.e-small .e-dropdown-popup ul .e-item,
51
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item {
52
- padding: 0 8px;
53
- }
54
- .e-dropdown-btn.e-small.e-vertical,
55
- .e-dropdown-btn.e-btn.e-small.e-vertical {
56
- line-height: 1;
57
- padding: 6px 12px;
58
- }
59
- .e-bigger .e-dropdown-btn .e-btn-icon,
60
- .e-bigger.e-dropdown-btn .e-btn-icon {
61
- font-size: 16px;
62
- }
63
- .e-bigger .e-dropdown-btn .e-caret,
64
- .e-bigger.e-dropdown-btn .e-caret {
65
- font-size: 22px;
66
- }
67
- .e-bigger .e-dropdown-btn.e-vertical,
68
- .e-bigger.e-dropdown-btn.e-vertical {
69
- line-height: 1;
70
- padding: 8px 16px;
71
- }
72
- .e-bigger .e-dropdown-btn.e-small.e-vertical,
73
- .e-bigger.e-dropdown-btn.e-small.e-vertical {
74
- line-height: 1;
75
- padding: 8px 16px;
76
- }
77
-
78
- .e-dropdown-popup {
79
- position: absolute;
80
- border-radius: 4px;
81
- margin-top: 4px;
82
- }
83
- .e-dropdown-popup ul {
84
- border: 1px solid #e5e7eb;
85
- border-radius: 4px;
86
- -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
87
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
88
- -webkit-box-sizing: border-box;
89
- box-sizing: border-box;
90
- font-size: 14px;
91
- font-weight: 400;
92
- list-style-image: none;
93
- list-style-position: outside;
94
- list-style-type: none;
95
- margin: 0;
96
- min-width: 120px;
97
- overflow: hidden;
98
- padding: 4px 0;
99
- -webkit-user-select: none;
100
- -moz-user-select: none;
101
- -ms-user-select: none;
102
- user-select: none;
103
- white-space: nowrap;
104
- }
105
- .e-dropdown-popup ul .e-item {
106
- cursor: pointer;
107
- display: -webkit-box;
108
- display: -ms-flexbox;
109
- display: flex;
110
- height: 30px;
111
- line-height: 30px;
112
- padding: 0 12px;
113
- }
114
- .e-dropdown-popup ul .e-item.e-separator {
115
- padding: 0 !important; /* stylelint-disable-line declaration-no-important */
116
- }
117
- .e-dropdown-popup ul .e-item.e-url {
118
- padding: 0;
119
- }
120
- .e-dropdown-popup ul .e-item .e-menu-url {
121
- display: block;
122
- padding: 0 12px;
123
- text-decoration: none;
124
- width: 100%;
125
- }
126
- .e-dropdown-popup ul .e-item .e-menu-icon {
127
- float: left;
128
- font-size: 18px;
129
- line-height: 30px;
130
- margin-right: 12px;
131
- vertical-align: middle;
132
- width: 1em;
133
- }
134
- .e-dropdown-popup ul .e-item.e-disabled {
135
- cursor: auto;
136
- pointer-events: none;
137
- }
138
- .e-dropdown-popup ul .e-item.e-separator {
139
- border-bottom-style: solid;
140
- border-bottom-width: 1px;
141
- cursor: auto;
142
- height: auto;
143
- line-height: normal;
144
- margin: 3px 0;
145
- pointer-events: none;
146
- }
147
- .e-dropdown-popup.e-transparent {
148
- background: transparent;
149
- -webkit-box-shadow: none;
150
- box-shadow: none;
151
- }
152
- .e-dropdown-popup.e-transparent .e-dropdown-menu {
153
- border: 0;
154
- height: 1px;
155
- min-width: 0;
156
- padding: 0;
157
- width: 1px;
158
- }
159
-
160
- .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
161
- float: right;
162
- margin-left: 12px;
163
- margin-right: 0;
164
- }
165
-
166
- *.e-bigger .e-dropdown-popup {
167
- background-color: transparent;
168
- border-radius: 4px;
169
- }
170
-
171
- *.e-bigger .e-dropdown-popup ul,
172
- *.e-bigger.e-dropdown-popup ul {
173
- -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
174
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
175
- font-size: 16px;
176
- max-width: 202px;
177
- min-width: 112px;
178
- padding: 4px 0;
179
- background-color: #fff;
180
- margin-top: 4px;
181
- }
182
- *.e-bigger .e-dropdown-popup ul .e-item,
183
- *.e-bigger.e-dropdown-popup ul .e-item {
184
- height: 36px;
185
- line-height: 36px;
186
- padding: 0 16px;
187
- }
188
- *.e-bigger .e-dropdown-popup ul .e-item.e-url,
189
- *.e-bigger.e-dropdown-popup ul .e-item.e-url {
190
- padding: 0;
191
- }
192
- *.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
193
- *.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
194
- font-size: 22px;
195
- line-height: 36px;
196
- }
197
- *.e-bigger .e-dropdown-popup ul .e-item.e-separator,
198
- *.e-bigger.e-dropdown-popup ul .e-item.e-separator {
199
- height: auto;
200
- line-height: normal;
201
- }
202
-
203
- .e-dropdown-popup {
204
- background: #fff;
205
- color: #374151;
206
- }
207
- .e-dropdown-popup ul .e-item .e-menu-url {
208
- color: #374151;
209
- }
210
- .e-dropdown-popup ul .e-item .e-menu-icon {
211
- color: #374151;
212
- }
213
- .e-dropdown-popup ul .e-item.e-focused {
214
- background: #f3f4f6;
215
- -webkit-box-shadow: none;
216
- box-shadow: none;
217
- }
218
- .e-dropdown-popup ul .e-item:hover {
219
- background: #f3f4f6;
220
- color: #111827;
221
- }
222
- .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
223
- background: #e5e7eb;
224
- color: #111827;
225
- }
226
- .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
227
- color: #111827;
228
- }
229
- .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon {
230
- color: #111827;
231
- }
232
- .e-dropdown-popup ul .e-separator {
233
- border-bottom-color: #e5e7eb;
234
- }
235
-
236
- .e-dropdown-btn.e-inherit,
237
- .e-dropdown-btn.e-btn.e-inherit {
238
- background: inherit;
239
- border-color: transparent;
240
- -webkit-box-shadow: none;
241
- box-shadow: none;
242
- color: inherit;
243
- }
244
- .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
245
- .e-dropdown-btn.e-btn.e-inherit:hover,
246
- .e-dropdown-btn.e-btn.e-inherit:focus,
247
- .e-dropdown-btn.e-btn.e-inherit:active,
248
- .e-dropdown-btn.e-btn.e-inherit.e-active {
249
- background: rgba(0, 0, 0, 0.056);
250
- border-color: transparent;
251
- -webkit-box-shadow: none;
252
- box-shadow: none;
253
- color: inherit;
254
- }
1
+ @import '@syncfusion/ej2-splitbuttons/styles/drop-down-button/tailwind.css';