@alauda/ui 6.2.1-beta.9 → 6.2.2-beta.1

package/form/common-form.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { Observable, ReplaySubject } from 'rxjs';
 /**
@@ -7,10 +7,8 @@ import { Observable, ReplaySubject } from 'rxjs';
  */
 export declare class CommonFormControl<T, V = T> implements ControlValueAccessor {
     protected cdr: ChangeDetectorRef;
-    private readonly elementRef;
     get disabled(): boolean | '';
     set disabled(val: boolean | '');
-    get testId(): string;
     get readonly(): boolean | "";
     set readonly(val: boolean | "");
     get propValue(): T;
@@ -25,7 +23,7 @@ export declare class CommonFormControl<T, V = T> implements ControlValueAccessor
         value: V;
     };
     value$: Observable<V>;
-    constructor(cdr: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>);
+    constructor(cdr: ChangeDetectorRef);
     registerOnChange(fn: (_: T) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;

package/icon/icon.component.d.ts

@@ -9,6 +9,8 @@ export declare class IconComponent {
     margin: 'left' | 'right';
     size: string;
     color: string;
+    background: 'circle' | 'triangle';
+    backgroundColor: string;
     bem: Bem;
     id: number;
     constructor(iconRegisterService: IconRegisterService);

package/input/input.component.d.ts

@@ -3,7 +3,6 @@ import { BehaviorSubject } from 'rxjs';
 export declare class InputComponent {
     elementRef: ElementRef<HTMLInputElement>;
     private readonly renderer;
-    get testId(): string;
     get size(): import("../types").ValueOf<{
         readonly Large: "large";
         readonly Medium: "medium";

package/input/tags-input/tags-input.component.d.ts

@@ -40,7 +40,7 @@ export declare class TagsInputComponent extends CommonFormControl<string[]> impl
     get rootClass(): string;
     get tagSize(): "medium" | "mini";
     get inputClass(): string;
-    constructor(cdr: ChangeDetectorRef, fb: FormBuilder, renderer: Renderer2, injector: Injector, elementRef: ElementRef);
+    constructor(cdr: ChangeDetectorRef, fb: FormBuilder, renderer: Renderer2, injector: Injector);
     ngOnChanges({ inputValidator, inputAsyncValidator, disabled, }: SimpleChanges): void;
     ngAfterViewInit(): void;
     writeValue(val: string[]): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alauda/ui",
-  "version": "6.2.1-beta.9",
+  "version": "6.2.2-beta.1",
   "description": "Angular UI components by Alauda Frontend Team.",
   "repository": "git+https://github.com/alauda/alauda-ui.git",
   "author": "Alauda Frontend",

package/radio/base-radio.d.ts

@@ -10,7 +10,6 @@ export declare class BaseRadio implements OnInit, AfterViewInit, OnDestroy {
     disabled: boolean | '';
     get value(): unknown;
     set value(val: unknown);
-    get _testId(): string;
     elRef: ElementRef;
     checked: boolean;
     name: string;

package/select/multi-select/multi-select.component.d.ts

@@ -33,7 +33,7 @@ export declare class MultiSelectComponent<T = unknown> extends BaseSelect<T, T[]
     private readonly withMaxRowCount;
     focused: boolean;
     trackByValue: (_: number, item: SelectFilterOption<T>) => unknown;
-    constructor(cdr: ChangeDetectorRef, renderer: Renderer2, elementRef: ElementRef);
+    constructor(cdr: ChangeDetectorRef, renderer: Renderer2);
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     onShowOptions(): void;

package/select/option/option.component.d.ts

@@ -14,7 +14,6 @@ export declare class OptionComponent<T> {
     private readonly value$$;
     get label(): string | TemplateRef<unknown>;
     set label(val: string | TemplateRef<unknown>);
-    get testId(): string;
     get labelContext(): unknown;
     set labelContext(val: unknown);
     get value(): T;

package/theme/color.pipe.d.ts

@@ -0,0 +1,10 @@
+import { PipeTransform } from '@angular/core';
+export declare class RgbColorPipe implements PipeTransform {
+    transform(color: string): string;
+}
+export declare class RgbaColorPipe implements PipeTransform {
+    transform([color, opacity]: [string, number]): string;
+}
+export declare class CssVarPipe implements PipeTransform {
+    transform(value: string): string;
+}

package/theme/style.css

@@ -109,93 +109,93 @@ html[aui-theme-mode=light] {
 @media (prefers-color-scheme: dark) {
   html[aui-theme-mode=system] {
     --aui-color-blue: 61, 142, 255;
-    --aui-color-b-0: 54, 116, 206;
+    --aui-color-b-0: 54, 116, 204;
     --aui-color-b-1: 109, 170, 255;
-    --aui-color-b-2: 52, 111, 196;
-    --aui-color-b-3: 50, 101, 177;
-    --aui-color-b-4: 46, 87, 147;
-    --aui-color-b-5: 38, 56, 88;
-    --aui-color-b-6: 41, 66, 108;
-    --aui-color-b-7: 43, 76, 127;
+    --aui-color-b-2: 53, 111, 193;
+    --aui-color-b-3: 50, 101, 173;
+    --aui-color-b-4: 47, 85, 143;
+    --aui-color-b-5: 40, 54, 81;
+    --aui-color-b-6: 42, 64, 102;
+    --aui-color-b-7: 44, 74, 122;
     --aui-color-green: 17, 182, 113;
-    --aui-color-g-0: 21, 146, 99;
+    --aui-color-g-0: 21, 146, 97;
     --aui-color-g-1: 76, 200, 148;
-    --aui-color-g-2: 21, 139, 96;
-    --aui-color-g-4: 26, 105, 82;
-    --aui-color-g-6: 30, 76, 72;
-    --aui-color-g-7: 27, 90, 77;
+    --aui-color-g-2: 22, 139, 93;
+    --aui-color-g-4: 27, 103, 78;
+    --aui-color-g-6: 31, 74, 66;
+    --aui-color-g-7: 28, 88, 72;
     --aui-color-yellow: 237, 172, 44;
-    --aui-color-y-0: 186, 138, 47;
+    --aui-color-y-0: 186, 138, 45;
     --aui-color-y-1: 241, 192, 96;
-    --aui-color-y-2: 175, 132, 48;
-    --aui-color-y-4: 125, 100, 51;
-    --aui-color-y-6: 85, 74, 55;
-    --aui-color-y-7: 104, 87, 53;
+    --aui-color-y-2: 176, 132, 45;
+    --aui-color-y-4: 126, 98, 47;
+    --aui-color-y-6: 86, 72, 49;
+    --aui-color-y-7: 105, 85, 48;
     --aui-color-red: 226, 50, 79;
-    --aui-color-r-0: 178, 47, 74;
+    --aui-color-r-0: 178, 47, 72;
     --aui-color-r-1: 233, 101, 123;
-    --aui-color-r-2: 167, 46, 73;
-    --aui-color-r-4: 120, 45, 67;
-    --aui-color-r-6: 82, 43, 63;
-    --aui-color-r-7: 100, 44, 65;
-    --aui-color-n-1: 240, 241, 246;
-    --aui-color-n-2: 196, 198, 204;
-    --aui-color-n-3: 180, 183, 192;
-    --aui-color-n-4: 144, 149, 163;
-    --aui-color-n-5: 140, 145, 159;
-    --aui-color-n-6: 116, 121, 135;
-    --aui-color-n-7: 86, 93, 111;
-    --aui-color-n-8: 63, 70, 88;
-    --aui-color-n-9: 52, 59, 77;
-    --aui-color-n-10: 38, 45, 63;
-    --aui-color-main-bg: 22, 29, 47;
-    --aui-color-popper-bg: var(--aui-color-n-9);
+    --aui-color-r-2: 168, 46, 70;
+    --aui-color-r-4: 121, 43, 63;
+    --aui-color-r-6: 83, 41, 57;
+    --aui-color-r-7: 101, 42, 60;
+    --aui-color-n-1: 243, 244, 248;
+    --aui-color-n-2: 200, 201, 205;
+    --aui-color-n-3: 184, 186, 194;
+    --aui-color-n-4: 152, 154, 162;
+    --aui-color-n-5: 144, 147, 159;
+    --aui-color-n-6: 120, 123, 135;
+    --aui-color-n-7: 92, 95, 107;
+    --aui-color-n-8: 67, 70, 82;
+    --aui-color-n-9: 56, 59, 71;
+    --aui-color-n-10: 36, 39, 51;
+    --aui-color-main-bg: 24, 27, 39;
+    --aui-color-popper-bg: var(--aui-color-n-8);
     --aui-color-origin-shadow: var(--aui-color-main-bg);
   }
 }
 html[aui-theme-mode=dark] {
   --aui-color-blue: 61, 142, 255;
-  --aui-color-b-0: 54, 116, 206;
+  --aui-color-b-0: 54, 116, 204;
   --aui-color-b-1: 109, 170, 255;
-  --aui-color-b-2: 52, 111, 196;
-  --aui-color-b-3: 50, 101, 177;
-  --aui-color-b-4: 46, 87, 147;
-  --aui-color-b-5: 38, 56, 88;
-  --aui-color-b-6: 41, 66, 108;
-  --aui-color-b-7: 43, 76, 127;
+  --aui-color-b-2: 53, 111, 193;
+  --aui-color-b-3: 50, 101, 173;
+  --aui-color-b-4: 47, 85, 143;
+  --aui-color-b-5: 40, 54, 81;
+  --aui-color-b-6: 42, 64, 102;
+  --aui-color-b-7: 44, 74, 122;
   --aui-color-green: 17, 182, 113;
-  --aui-color-g-0: 21, 146, 99;
+  --aui-color-g-0: 21, 146, 97;
   --aui-color-g-1: 76, 200, 148;
-  --aui-color-g-2: 21, 139, 96;
-  --aui-color-g-4: 26, 105, 82;
-  --aui-color-g-6: 30, 76, 72;
-  --aui-color-g-7: 27, 90, 77;
+  --aui-color-g-2: 22, 139, 93;
+  --aui-color-g-4: 27, 103, 78;
+  --aui-color-g-6: 31, 74, 66;
+  --aui-color-g-7: 28, 88, 72;
   --aui-color-yellow: 237, 172, 44;
-  --aui-color-y-0: 186, 138, 47;
+  --aui-color-y-0: 186, 138, 45;
   --aui-color-y-1: 241, 192, 96;
-  --aui-color-y-2: 175, 132, 48;
-  --aui-color-y-4: 125, 100, 51;
-  --aui-color-y-6: 85, 74, 55;
-  --aui-color-y-7: 104, 87, 53;
+  --aui-color-y-2: 176, 132, 45;
+  --aui-color-y-4: 126, 98, 47;
+  --aui-color-y-6: 86, 72, 49;
+  --aui-color-y-7: 105, 85, 48;
   --aui-color-red: 226, 50, 79;
-  --aui-color-r-0: 178, 47, 74;
+  --aui-color-r-0: 178, 47, 72;
   --aui-color-r-1: 233, 101, 123;
-  --aui-color-r-2: 167, 46, 73;
-  --aui-color-r-4: 120, 45, 67;
-  --aui-color-r-6: 82, 43, 63;
-  --aui-color-r-7: 100, 44, 65;
-  --aui-color-n-1: 240, 241, 246;
-  --aui-color-n-2: 196, 198, 204;
-  --aui-color-n-3: 180, 183, 192;
-  --aui-color-n-4: 144, 149, 163;
-  --aui-color-n-5: 140, 145, 159;
-  --aui-color-n-6: 116, 121, 135;
-  --aui-color-n-7: 86, 93, 111;
-  --aui-color-n-8: 63, 70, 88;
-  --aui-color-n-9: 52, 59, 77;
-  --aui-color-n-10: 38, 45, 63;
-  --aui-color-main-bg: 22, 29, 47;
-  --aui-color-popper-bg: var(--aui-color-n-9);
+  --aui-color-r-2: 168, 46, 70;
+  --aui-color-r-4: 121, 43, 63;
+  --aui-color-r-6: 83, 41, 57;
+  --aui-color-r-7: 101, 42, 60;
+  --aui-color-n-1: 243, 244, 248;
+  --aui-color-n-2: 200, 201, 205;
+  --aui-color-n-3: 184, 186, 194;
+  --aui-color-n-4: 152, 154, 162;
+  --aui-color-n-5: 144, 147, 159;
+  --aui-color-n-6: 120, 123, 135;
+  --aui-color-n-7: 92, 95, 107;
+  --aui-color-n-8: 67, 70, 82;
+  --aui-color-n-9: 56, 59, 71;
+  --aui-color-n-10: 36, 39, 51;
+  --aui-color-main-bg: 24, 27, 39;
+  --aui-color-popper-bg: var(--aui-color-n-8);
   --aui-color-origin-shadow: var(--aui-color-main-bg);
 }
 

package/time-picker/panel/panel.component.d.ts

@@ -37,7 +37,7 @@ export declare class TimePickerPanelComponent extends CommonFormControl<Dayjs> i
     secondRef: ElementRef<HTMLElement>;
     enabledColumns: number;
     firstScrolled: boolean;
-    constructor(cdr: ChangeDetectorRef, elementRef: ElementRef);
+    constructor(cdr: ChangeDetectorRef);
     isDisabled(value: number, type: TimePickerControlType): boolean;
     ngOnChanges({ hourStep, minuteStep, secondStep }: SimpleChanges): void;
     writeValue(value: Dayjs): void;

package/utils/fn.d.ts

@@ -3,4 +3,3 @@ export declare function isUndefined(val: unknown): boolean;
 export declare const last: <T>(values: T[]) => T;
 export declare const isTemplateRef: (label: string | TemplateRef<unknown>) => label is TemplateRef<unknown>;
 export declare const handlePixel: (value: number | string) => string;
-export declare const simplifyStringToTestId: (input: string) => string;