cax-design-system 2.7.1 → 2.7.2

package/resources/cax.scss

@@ -7715,6 +7715,7 @@ cax-inputmask.cax-inputmask-clearable .cax-inputmask-clear-icon {
 }
 .cax-paginator .cax-paginator-page-input .cax-inputtext {
     max-width: 3rem;
+    height: 40px !important;
 }
 .cax-paginator .cax-paginator-current {
     background-color: transparent;
@@ -9147,6 +9148,7 @@ cax-inputmask.cax-inputmask-clearable .cax-inputmask-clear-icon {
 }
 .cax-paginator .cax-paginator-page-input .cax-inputtext {
     max-width: 3rem;
+    height: 40px !important;
 }
 .cax-paginator .cax-paginator-current {
     background-color: transparent;
@@ -10399,10 +10401,6 @@ cax-dropdown.ng-dirty.ng-invalid > .cax-dropdown {
     padding-bottom: 1rem;
 }
 
-.cax-timeline-event-content:hover {
-    background: var(--neutral-75);
-}
-
 .cax-timeline.cax-timeline-vertical .cax-timeline-event-connector {
     width: 1px;
 }
@@ -11583,19 +11581,35 @@ cax-selectbutton.ng-dirty.ng-invalid > .cax-selectbutton > .cax-button {
     }
 }
 
+.cax-chips-label {
+    margin-bottom: 8px;
+    font-weight: 500;
+    color: var(--neutral-900);
+    line-height: 20px;
+}
+
 .cax-chips-size-sm .cax-chips-container {
     min-height: 32px;
     padding: 0px 8px;
+    .cax-chips-label {
+        font-size: 14px;
+    }
 }
 
 .cax-chips-size-md .cax-chips-container {
     min-height: 40px;
     padding: 0px 8px;
+    .cax-chips-label {
+        font-size: 14px;
+    }
 }
 
 .cax-chips-size-lg .cax-chips-container {
     min-height: 48px;
     padding: 0px 8px;
+    .cax-chips-label {
+        font-size: 16px !important;
+    }
 }
 
 .cax-chips-list {
@@ -12385,15 +12399,17 @@ div.cax-cascadeselect-panel {
 .cax-files {
     color: var(--neutral-900);
 }
-.cax-upload-menu {
+.cax-upload-menu{
     border: 1px solid var(--neutral-200);
-    &:has(.cax-upload-status.uploading),
-    &:has(.cax-upload-status.complete) {
-        border: 1px solid var(--primary-500);
-    }
-    &:has(.cax-error-upload) {
-        border: 1px solid var(--error-600);
-    }
+}
+.cax-upload-menu:has(.cax-upload-status.uploading){
+    border: 1px solid var(--primary-500);
+}
+.cax-upload-menu:has(.cax-upload-status.complete){
+    border: 1px solid var(--primary-500);
+}
+.cax-upload-menu:has(.cax-error-upload){
+    border: 1px solid var(--error-600);
 }
 .cax-error-upload {
     color: var(--error-600);

package/resources/components/chips/chips.scss

@@ -1,6 +1,7 @@
 @layer cax {
     .cax-chips {
         display: inline-flex;
+        flex-direction: column;
     }
 
     .cax-chips-multiple-container {

package/resources/components/upload/upload.component.scss

@@ -6,7 +6,6 @@
     }
 
     .cax-upload-menu {
-      width: 569px;
       border-radius: 12px;
       padding-top: 24px;
       padding-left: 56px;
@@ -101,7 +100,6 @@
         flex-direction: column;
         gap: 10px;
         margin-top: 1rem;
-        width: 569px;
       }
       
       .cax-file-preview {

package/upload/upload.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export type UploadFileStatus = 'queued' | 'uploading' | 'complete' | 'canceled' | 'error';
 export type UploadFile = {
@@ -7,7 +7,7 @@ export type UploadFile = {
     progress?: number;
     errorMessage?: string;
 };
-export declare class UploadComponent {
+export declare class UploadComponent implements OnInit {
     invalid: boolean;
     style: {
         [klass: string]: any;
@@ -17,6 +17,8 @@ export declare class UploadComponent {
     uploadString: string;
     errorText: string;
     allowMultiple: boolean;
+    componentId: string;
+    allowedFileTypes: string[];
     fileSelected: EventEmitter<File>;
     filesQueued: EventEmitter<File[]>;
     uploadStarted: EventEmitter<File>;
@@ -33,11 +35,16 @@ export declare class UploadComponent {
     uploadedFiles: UploadFile[];
     uploadStatus: 'idle' | 'uploading' | 'complete';
     isProcessingQueue: boolean;
+    uniqueId: string;
+    get acceptFileTypes(): string;
     private get activeFilesCount();
+    ngOnInit(): void;
     onDragOver(event: DragEvent): void;
     onDragLeave(event: DragEvent): void;
     onDrop(event: DragEvent): void;
     handleFileInput(event: any): void;
+    private validateFile;
+    private getFileExtension;
     private queueFile;
     private updateUploadStatus;
     private processQueue;
@@ -49,7 +56,6 @@ export declare class UploadComponent {
     cancelAllUploads(): void;
     removeFile(index: number): void;
     removeAllFiles(): void;
-    retryUpload(index: number): void;
     get hasUploading(): boolean;
     get hasQueuedOrUploading(): boolean;
     get hasErrors(): boolean;
@@ -57,5 +63,5 @@ export declare class UploadComponent {
     get uploadingProgressText(): string;
     get overallProgress(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<UploadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UploadComponent, "cax-upload", never, { "invalid": { "alias": "invalid"; "required": false; }; "style": { "alias": "style"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "inputFiles": { "alias": "inputFiles"; "required": false; }; "uploadString": { "alias": "uploadString"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "allowMultiple": { "alias": "allowMultiple"; "required": false; }; }, { "fileSelected": "fileSelected"; "filesQueued": "filesQueued"; "uploadStarted": "uploadStarted"; "uploadCompleted": "uploadCompleted"; "uploadCanceled": "uploadCanceled"; "uploadError": "uploadError"; "fileRemoved": "fileRemoved"; "allFilesRemoved": "allFilesRemoved"; "uploadStatusChange": "uploadStatusChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UploadComponent, "cax-upload", never, { "invalid": { "alias": "invalid"; "required": false; }; "style": { "alias": "style"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "inputFiles": { "alias": "inputFiles"; "required": false; }; "uploadString": { "alias": "uploadString"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "allowMultiple": { "alias": "allowMultiple"; "required": false; }; "componentId": { "alias": "componentId"; "required": false; }; "allowedFileTypes": { "alias": "allowedFileTypes"; "required": false; }; }, { "fileSelected": "fileSelected"; "filesQueued": "filesQueued"; "uploadStarted": "uploadStarted"; "uploadCompleted": "uploadCompleted"; "uploadCanceled": "uploadCanceled"; "uploadError": "uploadError"; "fileRemoved": "fileRemoved"; "allFilesRemoved": "allFilesRemoved"; "uploadStatusChange": "uploadStatusChange"; }, never, never, false, never>;
 }