ngx-com 0.0.5 → 0.0.6
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/ngx-com-components-calendar.mjs +5 -5
- package/fesm2022/ngx-com-components-calendar.mjs.map +1 -1
- package/fesm2022/ngx-com-components-dropdown.mjs +13 -11
- package/fesm2022/ngx-com-components-dropdown.mjs.map +1 -1
- package/fesm2022/ngx-com-components-form-field.mjs +13 -0
- package/fesm2022/ngx-com-components-form-field.mjs.map +1 -1
- package/fesm2022/ngx-com-components-item.mjs +3 -3
- package/fesm2022/ngx-com-components-item.mjs.map +1 -1
- package/fesm2022/ngx-com-components-sort.mjs +4 -4
- package/fesm2022/ngx-com-components-sort.mjs.map +1 -1
- package/fesm2022/ngx-com-components-tabs.mjs +5 -2
- package/fesm2022/ngx-com-components-tabs.mjs.map +1 -1
- package/package.json +1 -1
- package/types/ngx-com-components-calendar.d.ts +1 -1
- package/types/ngx-com-components-dropdown.d.ts +4 -2
- package/types/ngx-com-components-form-field.d.ts +5 -2
- package/types/ngx-com-components-item.d.ts +1 -1
- package/types/ngx-com-components-tabs.d.ts +3 -0
|
@@ -283,16 +283,16 @@ const dropdownTagVariants = cva([
|
|
|
283
283
|
/**
|
|
284
284
|
* CVA variants for the tag remove button.
|
|
285
285
|
*
|
|
286
|
-
* @tokens `--color-ring`, `--radius-interactive-sm`
|
|
286
|
+
* @tokens `--color-ring`, `--radius-interactive-sm`, `--color-muted-foreground`, `--color-foreground`
|
|
287
287
|
*/
|
|
288
288
|
const dropdownTagRemoveVariants = cva([
|
|
289
289
|
'inline-flex',
|
|
290
290
|
'items-center',
|
|
291
291
|
'justify-center',
|
|
292
292
|
'rounded-interactive-sm',
|
|
293
|
-
'
|
|
294
|
-
'transition-
|
|
295
|
-
'hover:
|
|
293
|
+
'text-muted-foreground',
|
|
294
|
+
'transition-colors',
|
|
295
|
+
'hover:text-foreground',
|
|
296
296
|
'focus:outline-none',
|
|
297
297
|
'focus:ring-1',
|
|
298
298
|
'focus:ring-ring',
|
|
@@ -387,16 +387,16 @@ const dropdownEmptyVariants = cva([
|
|
|
387
387
|
/**
|
|
388
388
|
* CVA variants for the clear button.
|
|
389
389
|
*
|
|
390
|
-
* @tokens `--color-ring`, `--radius-interactive-sm`
|
|
390
|
+
* @tokens `--color-ring`, `--radius-interactive-sm`, `--color-muted-foreground`, `--color-foreground`
|
|
391
391
|
*/
|
|
392
392
|
const dropdownClearVariants = cva([
|
|
393
393
|
'inline-flex',
|
|
394
394
|
'items-center',
|
|
395
395
|
'justify-center',
|
|
396
396
|
'rounded-interactive-sm',
|
|
397
|
-
'
|
|
398
|
-
'transition-
|
|
399
|
-
'hover:
|
|
397
|
+
'text-muted-foreground',
|
|
398
|
+
'transition-colors',
|
|
399
|
+
'hover:text-foreground',
|
|
400
400
|
'focus:outline-none',
|
|
401
401
|
'focus:ring-1',
|
|
402
402
|
'focus:ring-ring',
|
|
@@ -414,10 +414,12 @@ const dropdownClearVariants = cva([
|
|
|
414
414
|
});
|
|
415
415
|
/**
|
|
416
416
|
* CVA variants for the chevron icon.
|
|
417
|
+
*
|
|
418
|
+
* @tokens `--color-muted-foreground`
|
|
417
419
|
*/
|
|
418
420
|
const dropdownChevronVariants = cva([
|
|
419
421
|
'shrink-0',
|
|
420
|
-
'
|
|
422
|
+
'text-muted-foreground',
|
|
421
423
|
'transition-transform',
|
|
422
424
|
'duration-200',
|
|
423
425
|
], {
|
|
@@ -975,7 +977,7 @@ class ComDropdownSearch {
|
|
|
975
977
|
@if (showClear()) {
|
|
976
978
|
<button
|
|
977
979
|
type="button"
|
|
978
|
-
class="absolute right-3 flex h-4 w-4 items-center justify-center rounded-interactive-sm text-
|
|
980
|
+
class="absolute right-3 flex h-4 w-4 items-center justify-center rounded-interactive-sm text-muted-foreground transition-colors hover:text-foreground focus:outline-none focus:ring-1 focus:ring-ring"
|
|
979
981
|
[attr.aria-label]="'Clear search'"
|
|
980
982
|
(click)="clearSearch()"
|
|
981
983
|
>
|
|
@@ -1037,7 +1039,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
1037
1039
|
@if (showClear()) {
|
|
1038
1040
|
<button
|
|
1039
1041
|
type="button"
|
|
1040
|
-
class="absolute right-3 flex h-4 w-4 items-center justify-center rounded-interactive-sm text-
|
|
1042
|
+
class="absolute right-3 flex h-4 w-4 items-center justify-center rounded-interactive-sm text-muted-foreground transition-colors hover:text-foreground focus:outline-none focus:ring-1 focus:ring-ring"
|
|
1041
1043
|
[attr.aria-label]="'Clear search'"
|
|
1042
1044
|
(click)="clearSearch()"
|
|
1043
1045
|
>
|