@syncfusion/ej2-angular-splitbuttons 26.2.4-ngcc → 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 (93) hide show
  1. package/dist/ej2-angular-splitbuttons.umd.js +1 -1
  2. package/dist/ej2-angular-splitbuttons.umd.min.js +1 -1
  3. package/package.json +6 -6
  4. package/styles/bootstrap-dark.css +1 -1966
  5. package/styles/bootstrap.css +1 -2016
  6. package/styles/bootstrap4.css +1 -2004
  7. package/styles/bootstrap5-dark.css +1 -1946
  8. package/styles/bootstrap5.css +1 -1946
  9. package/styles/button-group/bootstrap-dark.css +1 -813
  10. package/styles/button-group/bootstrap.css +1 -787
  11. package/styles/button-group/bootstrap4.css +1 -786
  12. package/styles/button-group/bootstrap5-dark.css +1 -801
  13. package/styles/button-group/bootstrap5.css +1 -801
  14. package/styles/button-group/fabric-dark.css +1 -813
  15. package/styles/button-group/fabric.css +1 -819
  16. package/styles/button-group/fluent-dark.css +1 -825
  17. package/styles/button-group/fluent.css +1 -825
  18. package/styles/button-group/fluent2.css +1 -1849
  19. package/styles/button-group/highcontrast-light.css +1 -813
  20. package/styles/button-group/highcontrast.css +1 -864
  21. package/styles/button-group/material-dark.css +1 -820
  22. package/styles/button-group/material.css +1 -825
  23. package/styles/button-group/material3-dark.css +1 -1055
  24. package/styles/button-group/material3.css +1 -1167
  25. package/styles/button-group/tailwind-dark.css +1 -799
  26. package/styles/button-group/tailwind.css +1 -799
  27. package/styles/drop-down-button/bootstrap-dark.css +1 -244
  28. package/styles/drop-down-button/bootstrap.css +1 -244
  29. package/styles/drop-down-button/bootstrap4.css +1 -237
  30. package/styles/drop-down-button/bootstrap5-dark.css +1 -247
  31. package/styles/drop-down-button/bootstrap5.css +1 -247
  32. package/styles/drop-down-button/fabric-dark.css +1 -244
  33. package/styles/drop-down-button/fabric.css +1 -244
  34. package/styles/drop-down-button/fluent-dark.css +1 -245
  35. package/styles/drop-down-button/fluent.css +1 -245
  36. package/styles/drop-down-button/fluent2.css +1 -1308
  37. package/styles/drop-down-button/highcontrast-light.css +1 -244
  38. package/styles/drop-down-button/highcontrast.css +1 -245
  39. package/styles/drop-down-button/material-dark.css +1 -244
  40. package/styles/drop-down-button/material.css +1 -244
  41. package/styles/drop-down-button/material3-dark.css +1 -363
  42. package/styles/drop-down-button/material3.css +1 -475
  43. package/styles/drop-down-button/tailwind-dark.css +1 -254
  44. package/styles/drop-down-button/tailwind.css +1 -254
  45. package/styles/fabric-dark.css +1 -1966
  46. package/styles/fabric.css +1 -2046
  47. package/styles/fluent-dark.css +1 -2061
  48. package/styles/fluent.css +1 -2061
  49. package/styles/fluent2.css +1 -6171
  50. package/styles/highcontrast-light.css +1 -1966
  51. package/styles/highcontrast.css +1 -2018
  52. package/styles/material-dark.css +1 -1973
  53. package/styles/material.css +1 -2052
  54. package/styles/material3-dark.css +1 -2647
  55. package/styles/material3.css +1 -3087
  56. package/styles/progress-button/bootstrap-dark.css +1 -564
  57. package/styles/progress-button/bootstrap.css +1 -641
  58. package/styles/progress-button/bootstrap4.css +1 -644
  59. package/styles/progress-button/bootstrap5-dark.css +1 -564
  60. package/styles/progress-button/bootstrap5.css +1 -564
  61. package/styles/progress-button/fabric-dark.css +1 -564
  62. package/styles/progress-button/fabric.css +1 -641
  63. package/styles/progress-button/fluent-dark.css +1 -657
  64. package/styles/progress-button/fluent.css +1 -657
  65. package/styles/progress-button/fluent2.css +1 -1632
  66. package/styles/progress-button/highcontrast-light.css +1 -564
  67. package/styles/progress-button/highcontrast.css +1 -564
  68. package/styles/progress-button/material-dark.css +1 -564
  69. package/styles/progress-button/material.css +1 -641
  70. package/styles/progress-button/material3-dark.css +1 -730
  71. package/styles/progress-button/material3.css +1 -842
  72. package/styles/progress-button/tailwind-dark.css +1 -661
  73. package/styles/progress-button/tailwind.css +1 -661
  74. package/styles/split-button/bootstrap-dark.css +1 -342
  75. package/styles/split-button/bootstrap.css +1 -342
  76. package/styles/split-button/bootstrap4.css +1 -334
  77. package/styles/split-button/bootstrap5-dark.css +1 -331
  78. package/styles/split-button/bootstrap5.css +1 -331
  79. package/styles/split-button/fabric-dark.css +1 -342
  80. package/styles/split-button/fabric.css +1 -339
  81. package/styles/split-button/fluent-dark.css +1 -331
  82. package/styles/split-button/fluent.css +1 -331
  83. package/styles/split-button/fluent2.css +1 -1379
  84. package/styles/split-button/highcontrast-light.css +1 -342
  85. package/styles/split-button/highcontrast.css +1 -342
  86. package/styles/split-button/material-dark.css +1 -342
  87. package/styles/split-button/material.css +1 -339
  88. package/styles/split-button/material3-dark.css +1 -496
  89. package/styles/split-button/material3.css +1 -600
  90. package/styles/split-button/tailwind-dark.css +1 -356
  91. package/styles/split-button/tailwind.css +1 -356
  92. package/styles/tailwind-dark.css +1 -2072
  93. package/styles/tailwind.css +1 -2072
@@ -1,363 +1 @@
1
- :root {
2
- --color-sf-black: 0, 0, 0;
3
- --color-sf-white: 255, 255, 255;
4
- --color-sf-primary: 208, 188, 255;
5
- --color-sf-primary-container: 79, 55, 139;
6
- --color-sf-secondary: 204, 194, 220;
7
- --color-sf-secondary-container: 74, 68, 88;
8
- --color-sf-tertiary: 239, 184, 200;
9
- --color-sf-tertiary-container: 99, 59, 72;
10
- --color-sf-surface: 28, 27, 31;
11
- --color-sf-surface-variant: 73, 69, 79;
12
- --color-sf-background: var(--color-sf-surface);
13
- --color-sf-on-primary: 55, 30, 115;
14
- --color-sf-on-primary-container: 234, 221, 255;
15
- --color-sf-on-secondary: 51, 45, 65;
16
- --color-sf-on-secondary-container: 232, 222, 248;
17
- --color-sf-on-tertiary: 73, 37, 50;
18
- --color-sf-on-tertiary-containe: 255, 216, 228;
19
- --color-sf-on-surface: 230, 225, 229;
20
- --color-sf-on-surface-variant: 202, 196, 208;
21
- --color-sf-on-background: 230, 225, 229;
22
- --color-sf-outline: 147, 143, 153;
23
- --color-sf-outline-variant: 68, 71, 70;
24
- --color-sf-shadow: 0, 0, 0;
25
- --color-sf-surface-tint-color: 208, 188, 255;
26
- --color-sf-inverse-surface: 230, 225, 229;
27
- --color-sf-inverse-on-surface: 49, 48, 51;
28
- --color-sf-inverse-primary: 103, 80, 164;
29
- --color-sf-scrim: 0, 0, 0;
30
- --color-sf-error: 242, 184, 181;
31
- --color-sf-error-container: 140, 29, 24;
32
- --color-sf-on-error: 96, 20, 16;
33
- --color-sf-on-error-container: 249, 222, 220;
34
- --color-sf-success: 83, 202, 23;
35
- --color-sf-success-container: 22, 62, 2;
36
- --color-sf-on-success: 13, 39, 0;
37
- --color-sf-on-success-container: 183, 250, 150;
38
- --color-sf-info: 71, 172, 251;
39
- --color-sf-info-container: 0, 67, 120;
40
- --color-sf-on-info: 0, 51, 91;
41
- --color-sf-on-info-container: 173, 219, 255;
42
- --color-sf-warning: 245, 180, 130;
43
- --color-sf-warning-container: 123, 65, 0;
44
- --color-sf-on-warning: 99, 52, 0;
45
- --color-sf-on-warning-container: 255, 220, 193;
46
- --color-sf-spreadsheet-gridline: 231, 224, 236;
47
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
48
- --color-sf-success-text: 0, 0, 0;
49
- --color-sf-warning-text: 0, 0, 0;
50
- --color-sf-info-text: 0, 0, 0;
51
- --color-sf-danger-text: 0, 0, 0;
52
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
53
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
54
- }
55
-
56
- :root {
57
- --color-sf-black: 0, 0, 0;
58
- --color-sf-white: 255, 255, 255;
59
- --color-sf-primary: 208, 188, 255;
60
- --color-sf-primary-container: 79, 55, 139;
61
- --color-sf-secondary: 204, 194, 220;
62
- --color-sf-secondary-container: 74, 68, 88;
63
- --color-sf-tertiary: 239, 184, 200;
64
- --color-sf-tertiary-container: 99, 59, 72;
65
- --color-sf-surface: 28, 27, 31;
66
- --color-sf-surface-variant: 73, 69, 79;
67
- --color-sf-background: var(--color-sf-surface);
68
- --color-sf-on-primary: 55, 30, 115;
69
- --color-sf-on-primary-container: 234, 221, 255;
70
- --color-sf-on-secondary: 51, 45, 65;
71
- --color-sf-on-secondary-container: 232, 222, 248;
72
- --color-sf-on-tertiary: 73, 37, 50;
73
- --color-sf-on-tertiary-containe: 255, 216, 228;
74
- --color-sf-on-surface: 230, 225, 229;
75
- --color-sf-on-surface-variant: 202, 196, 208;
76
- --color-sf-on-background: 230, 225, 229;
77
- --color-sf-outline: 147, 143, 153;
78
- --color-sf-outline-variant: 68, 71, 70;
79
- --color-sf-shadow: 0, 0, 0;
80
- --color-sf-surface-tint-color: 208, 188, 255;
81
- --color-sf-inverse-surface: 230, 225, 229;
82
- --color-sf-inverse-on-surface: 49, 48, 51;
83
- --color-sf-inverse-primary: 103, 80, 164;
84
- --color-sf-scrim: 0, 0, 0;
85
- --color-sf-error: 242, 184, 181;
86
- --color-sf-error-container: 140, 29, 24;
87
- --color-sf-on-error: 96, 20, 16;
88
- --color-sf-on-error-container: 249, 222, 220;
89
- --color-sf-success: 83, 202, 23;
90
- --color-sf-success-container: 22, 62, 2;
91
- --color-sf-on-success: 13, 39, 0;
92
- --color-sf-on-success-container: 183, 250, 150;
93
- --color-sf-info: 71, 172, 251;
94
- --color-sf-info-container: 0, 67, 120;
95
- --color-sf-on-info: 0, 51, 91;
96
- --color-sf-on-info-container: 173, 219, 255;
97
- --color-sf-warning: 245, 180, 130;
98
- --color-sf-warning-container: 123, 65, 0;
99
- --color-sf-on-warning: 99, 52, 0;
100
- --color-sf-on-warning-container: 255, 220, 193;
101
- --color-sf-spreadsheet-gridline: 231, 224, 236;
102
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
103
- --color-sf-success-text: 0, 0, 0;
104
- --color-sf-warning-text: 0, 0, 0;
105
- --color-sf-info-text: 0, 0, 0;
106
- --color-sf-danger-text: 0, 0, 0;
107
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
108
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
109
- }
110
-
111
- /* stylelint-disable-line no-empty-source */
112
- .e-dropdown-btn .e-caret::before,
113
- .e-dropdown-btn.e-btn .e-caret::before {
114
- content: "\e70d";
115
- }
116
-
117
- .e-dropdown-btn,
118
- .e-dropdown-btn.e-btn {
119
- -webkit-box-shadow: none;
120
- box-shadow: none;
121
- text-transform: none;
122
- white-space: normal;
123
- border-radius: 4px;
124
- -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
125
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
126
- padding: 7px 16px;
127
- }
128
- .e-dropdown-btn:focus,
129
- .e-dropdown-btn.e-btn:focus {
130
- -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
131
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
132
- }
133
- .e-dropdown-btn:focus-visible,
134
- .e-dropdown-btn.e-btn:focus-visible {
135
- -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
136
- box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
137
- }
138
- .e-dropdown-btn:active,
139
- .e-dropdown-btn.e-btn:active {
140
- -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
141
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
142
- }
143
- .e-dropdown-btn .e-btn-icon,
144
- .e-dropdown-btn.e-btn .e-btn-icon {
145
- font-size: 16px;
146
- }
147
- .e-dropdown-btn .e-caret,
148
- .e-dropdown-btn.e-btn .e-caret {
149
- font-size: 14px;
150
- }
151
- .e-dropdown-btn.e-vertical,
152
- .e-dropdown-btn.e-btn.e-vertical {
153
- line-height: 1;
154
- padding: 6px 12px;
155
- }
156
- .e-dropdown-btn.e-caret-hide .e-caret,
157
- .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
158
- display: none;
159
- }
160
- .e-dropdown-btn.e-small .e-dropdown-popup ul,
161
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul {
162
- padding: 4px 0;
163
- }
164
- .e-dropdown-btn.e-small .e-dropdown-popup ul .e-item,
165
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item {
166
- padding: 0 8px;
167
- height: 24px;
168
- }
169
- .e-dropdown-btn.e-small.e-vertical,
170
- .e-dropdown-btn.e-btn.e-small.e-vertical {
171
- line-height: 1;
172
- padding: 6px 12px;
173
- }
174
- .e-bigger .e-dropdown-btn .e-btn-icon,
175
- .e-bigger.e-dropdown-btn .e-btn-icon {
176
- font-size: 18px;
177
- }
178
- .e-bigger .e-dropdown-btn .e-caret,
179
- .e-bigger.e-dropdown-btn .e-caret {
180
- font-size: 16px;
181
- }
182
- .e-bigger .e-dropdown-btn.e-vertical,
183
- .e-bigger.e-dropdown-btn.e-vertical {
184
- line-height: 1;
185
- padding: 8px 16px;
186
- }
187
- .e-bigger .e-dropdown-btn.e-small.e-vertical,
188
- .e-bigger.e-dropdown-btn.e-small.e-vertical {
189
- line-height: 1;
190
- padding: 8px 16px;
191
- }
192
-
193
- .e-dropdown-popup {
194
- position: absolute;
195
- }
196
- .e-dropdown-popup ul {
197
- border: 0 solid rgba(var(--color-sf-outline-variant));
198
- border-radius: 4px;
199
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
200
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
201
- -webkit-box-sizing: border-box;
202
- box-sizing: border-box;
203
- font-size: 14px;
204
- font-weight: 400;
205
- list-style-image: none;
206
- list-style-position: outside;
207
- list-style-type: none;
208
- margin: 0;
209
- min-width: 120px;
210
- overflow: hidden;
211
- padding: 4px 0;
212
- -webkit-user-select: none;
213
- -moz-user-select: none;
214
- -ms-user-select: none;
215
- user-select: none;
216
- white-space: nowrap;
217
- }
218
- .e-dropdown-popup ul .e-item {
219
- cursor: pointer;
220
- display: -webkit-box;
221
- display: -ms-flexbox;
222
- display: flex;
223
- height: 32px;
224
- line-height: 32px;
225
- padding: 0 12px;
226
- }
227
- .e-dropdown-popup ul .e-item.e-separator {
228
- padding: 0 !important; /* stylelint-disable-line declaration-no-important */
229
- }
230
- .e-dropdown-popup ul .e-item.e-url {
231
- padding: 0;
232
- }
233
- .e-dropdown-popup ul .e-item .e-menu-url {
234
- display: block;
235
- padding: 0 12px;
236
- text-decoration: none;
237
- width: 100%;
238
- }
239
- .e-dropdown-popup ul .e-item .e-menu-icon {
240
- float: left;
241
- font-size: 16px;
242
- line-height: 32px;
243
- margin-right: 11px;
244
- vertical-align: middle;
245
- width: 1em;
246
- }
247
- .e-dropdown-popup ul .e-item.e-disabled {
248
- cursor: auto;
249
- pointer-events: none;
250
- -webkit-box-shadow: none;
251
- box-shadow: none;
252
- }
253
- .e-dropdown-popup ul .e-item.e-separator {
254
- border-bottom-style: solid;
255
- border-bottom-width: 1px;
256
- cursor: auto;
257
- height: auto;
258
- line-height: normal;
259
- margin: 3px 0;
260
- pointer-events: none;
261
- }
262
- .e-dropdown-popup.e-transparent {
263
- background: transparent;
264
- -webkit-box-shadow: none;
265
- box-shadow: none;
266
- }
267
- .e-dropdown-popup.e-transparent .e-dropdown-menu {
268
- border: 0;
269
- height: 1px;
270
- min-width: 0;
271
- padding: 0;
272
- width: 1px;
273
- }
274
-
275
- .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
276
- float: right;
277
- margin-left: 11px;
278
- margin-right: 0;
279
- }
280
-
281
- *.e-bigger .e-dropdown-popup ul,
282
- *.e-bigger.e-dropdown-popup ul {
283
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
284
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
285
- font-size: 16px;
286
- max-width: 202px;
287
- min-width: 112px;
288
- padding: 8px 0;
289
- }
290
- *.e-bigger .e-dropdown-popup ul .e-item,
291
- *.e-bigger.e-dropdown-popup ul .e-item {
292
- height: 40px;
293
- line-height: 40px;
294
- padding: 0 16px;
295
- }
296
- *.e-bigger .e-dropdown-popup ul .e-item.e-url,
297
- *.e-bigger.e-dropdown-popup ul .e-item.e-url {
298
- padding: 0;
299
- }
300
- *.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
301
- *.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
302
- font-size: 20px;
303
- line-height: 40px;
304
- }
305
- *.e-bigger .e-dropdown-popup ul .e-item.e-separator,
306
- *.e-bigger.e-dropdown-popup ul .e-item.e-separator {
307
- height: auto;
308
- line-height: normal;
309
- }
310
-
311
- .e-dropdown-popup {
312
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
313
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
314
- color: rgba(var(--color-sf-on-surface));
315
- }
316
- .e-dropdown-popup ul .e-item .e-menu-url {
317
- color: rgba(var(--color-sf-on-surface));
318
- }
319
- .e-dropdown-popup ul .e-item .e-menu-icon {
320
- color: rgba(var(--color-sf-on-surface-variant));
321
- }
322
- .e-dropdown-popup ul .e-item.e-focused {
323
- background: rgba(var(--color-sf-on-surface), 0.04);
324
- -webkit-box-shadow: none;
325
- box-shadow: none;
326
- }
327
- .e-dropdown-popup ul .e-item:hover {
328
- background: rgba(var(--color-sf-on-surface), 0.05);
329
- color: rgba(var(--color-sf-on-surface));
330
- }
331
- .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
332
- background: rgba(var(--color-sf-primary-container), 0.65);
333
- color: rgba(var(--color-sf-on-surface));
334
- }
335
- .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
336
- color: rgba(var(--color-sf-on-surface));
337
- }
338
- .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon {
339
- color: rgba(var(--color-sf-on-surface));
340
- }
341
- .e-dropdown-popup ul .e-separator {
342
- border-bottom-color: rgba(var(--color-sf-outline-variant));
343
- }
344
-
345
- .e-dropdown-btn.e-inherit,
346
- .e-dropdown-btn.e-btn.e-inherit {
347
- background: inherit;
348
- border-color: transparent;
349
- -webkit-box-shadow: none;
350
- box-shadow: none;
351
- color: inherit;
352
- }
353
- .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,
354
- .e-dropdown-btn.e-btn.e-inherit:hover,
355
- .e-dropdown-btn.e-btn.e-inherit:focus,
356
- .e-dropdown-btn.e-btn.e-inherit:active,
357
- .e-dropdown-btn.e-btn.e-inherit.e-active {
358
- background: rgba(0, 0, 0, 0.056);
359
- border-color: transparent;
360
- -webkit-box-shadow: none;
361
- box-shadow: none;
362
- color: inherit;
363
- }
1
+ @import '@syncfusion/ej2-splitbuttons/styles/drop-down-button/material3-dark.css';