igniteui-angular 21.0.4 → 21.0.5
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.
- package/fesm2022/igniteui-angular-core.mjs +1 -1
- package/fesm2022/igniteui-angular-core.mjs.map +1 -1
- package/fesm2022/igniteui-angular-directives.mjs +4 -2
- package/fesm2022/igniteui-angular-directives.mjs.map +1 -1
- package/fesm2022/igniteui-angular-grids-grid.mjs +2 -2
- package/fesm2022/igniteui-angular-grids-grid.mjs.map +1 -1
- package/fesm2022/igniteui-angular-grids-hierarchical-grid.mjs +2 -2
- package/fesm2022/igniteui-angular-grids-hierarchical-grid.mjs.map +1 -1
- package/fesm2022/igniteui-angular-grids-tree-grid.mjs +2 -2
- package/fesm2022/igniteui-angular-grids-tree-grid.mjs.map +1 -1
- package/lib/core/styles/components/chip/_chip-theme.scss +27 -28
- package/package.json +2 -2
- package/styles/igniteui-bootstrap-dark.css +1 -1
- package/styles/igniteui-bootstrap-light.css +1 -1
- package/styles/igniteui-indigo-dark.css +1 -1
- package/styles/igniteui-indigo-light.css +1 -1
- package/styles/maps/igniteui-angular-dark.css.map +1 -1
- package/styles/maps/igniteui-angular.css.map +1 -1
- package/styles/maps/igniteui-bootstrap-dark.css.map +1 -1
- package/styles/maps/igniteui-bootstrap-light.css.map +1 -1
- package/styles/maps/igniteui-dark-green.css.map +1 -1
- package/styles/maps/igniteui-fluent-dark-excel.css.map +1 -1
- package/styles/maps/igniteui-fluent-dark-word.css.map +1 -1
- package/styles/maps/igniteui-fluent-dark.css.map +1 -1
- package/styles/maps/igniteui-fluent-light-excel.css.map +1 -1
- package/styles/maps/igniteui-fluent-light-word.css.map +1 -1
- package/styles/maps/igniteui-fluent-light.css.map +1 -1
- package/styles/maps/igniteui-indigo-dark.css.map +1 -1
- package/styles/maps/igniteui-indigo-light.css.map +1 -1
|
@@ -274,8 +274,8 @@
|
|
|
274
274
|
} @else {
|
|
275
275
|
color: contrast-color($color: 'success', $variant: if($variant == 'indigo', 900, 500));
|
|
276
276
|
}
|
|
277
|
-
background: color($color: 'success', $variant: 500);
|
|
278
|
-
border-color: color($color: 'success', $variant: 500);
|
|
277
|
+
background: color($color: 'success', $variant: if($variant == 'indigo', 800, 500));
|
|
278
|
+
border-color: color($color: 'success', $variant: if($variant == 'indigo', 800, 500));
|
|
279
279
|
}
|
|
280
280
|
|
|
281
281
|
%igx-chip%igx-chip--success {
|
|
@@ -285,17 +285,13 @@
|
|
|
285
285
|
background: color($color: 'success', $variant: 800);
|
|
286
286
|
border-color: color($color: 'success', $variant: 800);
|
|
287
287
|
|
|
288
|
-
@if $variant == 'indigo' or $variant == 'bootstrap' {
|
|
289
|
-
background: color($color: 'success', $variant: 500);
|
|
290
|
-
border-color: color($color: 'success', $variant: 500);
|
|
291
|
-
box-shadow: 0 0 0 rem(3px) color($color: 'success', $variant: if($theme-variant == 'light', 200, 800));
|
|
292
|
-
}
|
|
293
|
-
|
|
294
288
|
@if $variant == 'indigo' {
|
|
295
|
-
|
|
289
|
+
box-shadow: 0 0 0 rem(3px) color($color: 'success', $variant: if($theme-variant == 'light', 200, 900));
|
|
296
290
|
}
|
|
297
291
|
|
|
298
292
|
@if $variant == 'bootstrap' {
|
|
293
|
+
border-color: color($color: 'success', $variant: 500);
|
|
294
|
+
background: color($color: 'success', $variant: 500);
|
|
299
295
|
color: contrast-color($color: 'success', $variant: 600);
|
|
300
296
|
box-shadow: 0 0 0 rem(4px) color($color: 'success', $variant: 500, $opacity: .38);
|
|
301
297
|
}
|
|
@@ -306,8 +302,8 @@
|
|
|
306
302
|
%igx-chip__item {
|
|
307
303
|
@if $variant == 'indigo' {
|
|
308
304
|
color: contrast-color($color: 'success', $variant: 900);
|
|
309
|
-
background: color($color: 'success', $variant:
|
|
310
|
-
border-color: color($color: 'success', $variant:
|
|
305
|
+
background: color($color: 'success', $variant: 700);
|
|
306
|
+
border-color: color($color: 'success', $variant: 700);
|
|
311
307
|
} @else {
|
|
312
308
|
color: contrast-color($color: 'success', $variant: 600);
|
|
313
309
|
background: color($color: 'success', $variant: 600);
|
|
@@ -318,7 +314,11 @@
|
|
|
318
314
|
}
|
|
319
315
|
|
|
320
316
|
%igx-chip__item--warning {
|
|
321
|
-
|
|
317
|
+
@if $variant == 'indigo' {
|
|
318
|
+
color: color($color: 'gray', $variant: if($theme-variant == 'light', 900, 50));
|
|
319
|
+
} @else {
|
|
320
|
+
color: contrast-color($color: 'warn', $variant: 900);
|
|
321
|
+
}
|
|
322
322
|
background: color($color: 'warn', $variant: 500);
|
|
323
323
|
border-color: color($color: 'warn', $variant: 500);
|
|
324
324
|
}
|
|
@@ -331,12 +331,12 @@
|
|
|
331
331
|
border-color: color($color: 'warn', $variant: 800);
|
|
332
332
|
|
|
333
333
|
@if $variant == 'indigo' or $variant == 'bootstrap' {
|
|
334
|
-
color: contrast-color($color: 'warn', $variant: 900);
|
|
335
334
|
background: color($color: 'warn', $variant: 500);
|
|
336
335
|
border-color: color($color: 'warn', $variant: 500);
|
|
337
336
|
}
|
|
338
337
|
|
|
339
338
|
@if $variant == 'indigo' {
|
|
339
|
+
color: color($color: 'gray', $variant: if($theme-variant == 'light', 900, 50));
|
|
340
340
|
box-shadow: 0 0 0 rem(3px) color($color: 'warn', $variant: if($theme-variant == 'light', 100, 900));
|
|
341
341
|
}
|
|
342
342
|
|
|
@@ -349,7 +349,7 @@
|
|
|
349
349
|
&:hover {
|
|
350
350
|
%igx-chip__item {
|
|
351
351
|
@if $variant == 'indigo' {
|
|
352
|
-
color:
|
|
352
|
+
color: color($color: 'gray', $variant: if($theme-variant == 'light', 900, 50));
|
|
353
353
|
background: color($color: 'warn', $variant: 400);
|
|
354
354
|
border-color: color($color: 'warn', $variant: 400);
|
|
355
355
|
} @else {
|
|
@@ -367,8 +367,8 @@
|
|
|
367
367
|
} @else {
|
|
368
368
|
color: contrast-color($color: 'error', $variant: if($variant == 'indigo', 900, 500));
|
|
369
369
|
}
|
|
370
|
-
background: color($color: 'error', $variant: 500);
|
|
371
|
-
border-color: color($color: 'error', $variant: 500);
|
|
370
|
+
background: color($color: 'error', $variant: if($variant == 'indigo', 600, 500));
|
|
371
|
+
border-color: color($color: 'error', $variant: if($variant == 'indigo', 600, 500));
|
|
372
372
|
}
|
|
373
373
|
|
|
374
374
|
%igx-chip%igx-chip--danger {
|
|
@@ -378,17 +378,16 @@
|
|
|
378
378
|
background: color($color: 'error', $variant: 800);
|
|
379
379
|
border-color: color($color: 'error', $variant: 800);
|
|
380
380
|
|
|
381
|
-
@if $variant == 'indigo' or $variant == 'bootstrap' {
|
|
382
|
-
background: color($color: 'error', $variant: 500);
|
|
383
|
-
border-color: color($color: 'error', $variant: 500);
|
|
384
|
-
}
|
|
385
|
-
|
|
386
381
|
@if $variant == 'indigo' {
|
|
382
|
+
border-color: color($color: 'error', $variant: 600);
|
|
383
|
+
background: color($color: 'error', $variant: 600);
|
|
387
384
|
color: contrast-color($color: 'error', $variant: 900);
|
|
388
385
|
box-shadow: 0 0 0 rem(3px) color($color: 'error', $variant: if($theme-variant == 'light', 100, 900));
|
|
389
386
|
}
|
|
390
387
|
|
|
391
388
|
@if $variant == 'bootstrap' {
|
|
389
|
+
border-color: color($color: 'error', $variant: 500);
|
|
390
|
+
background: color($color: 'error', $variant: 500);
|
|
392
391
|
color: contrast-color($color: 'error', $variant: 600);
|
|
393
392
|
box-shadow: 0 0 0 rem(4px) color($color: 'error', $variant: 500, $opacity: .38);
|
|
394
393
|
}
|
|
@@ -399,8 +398,8 @@
|
|
|
399
398
|
%igx-chip__item {
|
|
400
399
|
@if $variant == 'indigo' {
|
|
401
400
|
color: contrast-color($color: 'error', $variant: 900);
|
|
402
|
-
background: color($color: 'error', $variant:
|
|
403
|
-
border-color: color($color: 'error', $variant:
|
|
401
|
+
background: color($color: 'error', $variant: 500);
|
|
402
|
+
border-color: color($color: 'error', $variant: 500);
|
|
404
403
|
} @else {
|
|
405
404
|
color: contrast-color($color: 'error', $variant: 600);
|
|
406
405
|
background: color($color: 'error', $variant: 600);
|
|
@@ -603,14 +602,14 @@
|
|
|
603
602
|
&%igx-chip--success {
|
|
604
603
|
%igx-chip__item {
|
|
605
604
|
color: contrast-color($color: 'success', $variant: 900);
|
|
606
|
-
background: color($color: 'success', $variant:
|
|
607
|
-
border-color: color($color: 'success', $variant:
|
|
605
|
+
background: color($color: 'success', $variant: 800);
|
|
606
|
+
border-color: color($color: 'success', $variant: 800);
|
|
608
607
|
}
|
|
609
608
|
}
|
|
610
609
|
|
|
611
610
|
&%igx-chip--warning {
|
|
612
611
|
%igx-chip__item {
|
|
613
|
-
color:
|
|
612
|
+
color: color($color: 'gray', $variant: if($theme-variant == 'light', 900, 50));
|
|
614
613
|
background: color($color: 'warn', $variant: 500);
|
|
615
614
|
border-color: color($color: 'warn', $variant: 500);
|
|
616
615
|
}
|
|
@@ -619,8 +618,8 @@
|
|
|
619
618
|
&%igx-chip--danger {
|
|
620
619
|
%igx-chip__item {
|
|
621
620
|
color: contrast-color($color: 'error', $variant: 900);
|
|
622
|
-
background: color($color: 'error', $variant:
|
|
623
|
-
border-color: color($color: 'error', $variant:
|
|
621
|
+
background: color($color: 'error', $variant: 600);
|
|
622
|
+
border-color: color($color: 'error', $variant: 600);
|
|
624
623
|
}
|
|
625
624
|
}
|
|
626
625
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "igniteui-angular",
|
|
3
|
-
"version": "21.0.
|
|
3
|
+
"version": "21.0.5",
|
|
4
4
|
"description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
|
|
5
5
|
"author": "Infragistics",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE",
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
"@types/hammerjs": "^2.0.46",
|
|
88
88
|
"igniteui-webcomponents": "^6.3.0",
|
|
89
89
|
"dompurify": "^3.2.0",
|
|
90
|
-
"marked": "
|
|
90
|
+
"marked": ">=16.3.0",
|
|
91
91
|
"marked-shiki": "^1.2.0",
|
|
92
92
|
"shiki": "^3.12.0"
|
|
93
93
|
},
|