@alauda/ui 6.2.2-beta.2 → 6.2.2-beta.20

package/tabs/tab-body.component.d.ts

@@ -1,6 +1,7 @@
-import { CdkPortalOutlet, TemplatePortal } from '@angular/cdk/portal';
-import { OnDestroy } from '@angular/core';
+import { CdkPortal, CdkPortalOutlet, TemplatePortal } from '@angular/cdk/portal';
+import { ComponentFactoryResolver, ElementRef, OnDestroy, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
 export declare class TabBodyComponent implements OnDestroy {
     private _content;
     content$: BehaviorSubject<TemplatePortal<any>>;
@@ -10,4 +11,62 @@ export declare class TabBodyComponent implements OnDestroy {
     get content(): TemplatePortal;
     set content(content: TemplatePortal);
     ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabBodyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabBodyComponent, "aui-tab-body", never, { "content": "content"; }, {}, never, never>;
+}
+/** Used to flag tab labels for use with the portal directive */
+export declare class TabLabelDirective extends CdkPortal {
+    constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabLabelDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabLabelDirective, "[auiTabLabel]", never, {}, {}, never>;
+}
+/**
+ * Lazy load the embedded template for a tab content.
+ */
+export declare class TabContentDirective {
+    template: TemplateRef<any>;
+    constructor(template: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabContentDirective, "[auiTabContent]", never, {}, {}, never>;
+}
+/** Used to project additional template from host to the tab header. */
+export declare class TabHeaderAddonDirective extends CdkPortal {
+    constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabHeaderAddonDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabHeaderAddonDirective, "[auiTabHeaderAddon]", never, {}, {}, never>;
+}
+/**
+ * Used in the `aui-tab-group` view to display tab labels.
+ */
+export declare class TabLabelWrapperDirective {
+    elementRef: ElementRef<HTMLElement>;
+    private _disabled;
+    /** Whether or not the tab is disabled  */
+    get disabled(): boolean | '';
+    set disabled(value: boolean | '');
+    getOffsetLeft(): number;
+    getOffsetWidth(): number;
+    /** Sets focus on the wrapper element */
+    focus(): void;
+    constructor(elementRef: ElementRef<HTMLElement>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabLabelWrapperDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabLabelWrapperDirective, "[auiTabLabelWrapper]", never, { "disabled": "disabled"; }, {}, never>;
+}
+export declare class TabTitleDirective extends CdkPortal {
+    constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabTitleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabTitleDirective, "[auiTabTitle]", never, {}, {}, never>;
+}
+/**
+ * The portal host directive for the contents of the tab.
+ */
+export declare class TabBodyPortalDirective extends CdkPortalOutlet implements OnInit, OnDestroy {
+    private readonly _host;
+    private _hostSubscription;
+    constructor(componentFactoryResolver: ComponentFactoryResolver, viewContainerRef: ViewContainerRef, _host: TabBodyComponent);
+    /** Set initial visibility or set up subscription for changing visibility. */
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabBodyPortalDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabBodyPortalDirective, "[auiTabBodyHost]", never, {}, {}, never>;
 }

package/tabs/tab-context.service.d.ts

@@ -1,6 +1,7 @@
 import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
 export declare class TabContextService {
-    private readonly _parent;
+    readonly _parent: TabContextService;
     private readonly active$$;
     /**
      * Whether the tab is currently active.
@@ -9,4 +10,6 @@ export declare class TabContextService {
     set isActive(isActive: boolean);
     readonly active$: Observable<boolean>;
     constructor(_parent: TabContextService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabContextService, [{ optional: true; skipSelf: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TabContextService>;
 }

package/tabs/tab-group.component.d.ts

@@ -1,10 +1,11 @@
 import { AfterContentChecked, AfterContentInit, ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
 import { Subject } from 'rxjs';
 import { Bem } from '../utils';
-import { TabHeaderAddonDirective, TabTitleDirective } from './tab-directives';
+import { TabHeaderAddonDirective, TabTitleDirective } from './tab-body.component';
 import { TabHeaderComponent } from './tab-header.component';
 import { TabComponent } from './tab.component';
-import { TabType } from './tabs.types';
+import { TabSize, TabType } from './tabs.types';
+import * as i0 from "@angular/core";
 /** A simple change event emitted on focus or selection changes. */
 export declare class TabChangeEvent {
     /** Index of the currently-selected tab. */
@@ -44,16 +45,8 @@ export declare class TabGroupComponent implements OnChanges, AfterContentChecked
     get type(): TabType;
     set type(type: TabType);
     title: string | TemplateRef<unknown>;
-    get size(): import("../types").ValueOf<{
-        readonly Small: "small";
-        readonly Medium: "medium";
-        readonly Large: "large";
-    }>;
-    set size(val: import("../types").ValueOf<{
-        readonly Small: "small";
-        readonly Medium: "medium";
-        readonly Large: "large";
-    }>);
+    get size(): TabSize;
+    set size(val: TabSize);
     get lazy(): boolean;
     set lazy(lazy: boolean);
     /** Output to enable support for two-way binding on `[(selectedIndex)]` */
@@ -94,4 +87,6 @@ export declare class TabGroupComponent implements OnChanges, AfterContentChecked
     private _subscribeToTabLabels;
     /** Retrieves the tabindex for the tab. */
     _getTabIndex(tab: TabComponent, idx: number): number | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabGroupComponent, "aui-tab-group", ["auiTabGroup"], { "selectedIndex": "selectedIndex"; "tab": "tab"; "type": "type"; "title": "title"; "size": "size"; "lazy": "lazy"; }, { "selectedIndexChange": "selectedIndexChange"; "tabChange": "tabChange"; "selectedTabChange": "selectedTabChange"; "focusChange": "focusChange"; }, ["_headerAddon", "_tabTitle", "_tabs"], never>;
 }

package/tabs/tab-header-active-indicator.component.d.ts

@@ -1,6 +1,7 @@
 import { ElementRef, NgZone } from '@angular/core';
 import { Bem } from '../utils';
 import { TabType } from './tabs.types';
+import * as i0 from "@angular/core";
 export declare class TabHeaderActiveIndicatorComponent {
     private readonly _elementRef;
     private readonly _ngZone;
@@ -19,4 +20,6 @@ export declare class TabHeaderActiveIndicatorComponent {
      */
     private _setStyles;
     private _getElementPosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabHeaderActiveIndicatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabHeaderActiveIndicatorComponent, "aui-tab-header-active-indicator", never, { "type": "type"; }, {}, never, never>;
 }

package/tabs/tab-header.component.d.ts

@@ -1,9 +1,10 @@
 import { ViewportRuler } from '@angular/cdk/scrolling';
 import { AfterContentChecked, AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
 import { Bem } from '../utils';
-import { TabHeaderAddonDirective, TabLabelWrapperDirective, TabTitleDirective } from './tab-directives';
+import { TabHeaderAddonDirective, TabLabelWrapperDirective, TabTitleDirective } from './tab-body.component';
 import { TabHeaderActiveIndicatorComponent } from './tab-header-active-indicator.component';
 import { TabSize, TabType } from './tabs.types';
+import * as i0 from "@angular/core";
 /**
  * The directions that scrolling can go in when the header's tabs exceed the header width. 'After'
  * will scroll the header towards the end of the tabs list and 'before' will scroll towards the
@@ -138,4 +139,6 @@ export declare class TabHeaderComponent implements OnDestroy, AfterContentChecke
     /** Tells the active indicator to align itself to the current label wrapper */
     _alignActiveIndicatorToSelectedTab(): void;
     constructor(_changeDetectorRef: ChangeDetectorRef, _viewportRuler: ViewportRuler);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabHeaderComponent, "aui-tab-header", never, { "type": "type"; "size": "size"; "selectedIndex": "selectedIndex"; }, { "selectFocusedIndex": "selectFocusedIndex"; "indexFocused": "indexFocused"; }, ["_headerAddon", "_title", "_labelWrappers"], ["*"]>;
 }

package/tabs/tab.component.d.ts

@@ -2,7 +2,8 @@ import { TemplatePortal } from '@angular/cdk/portal';
 import { AfterContentInit, EventEmitter, OnChanges, OnDestroy, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
 import { Subject } from 'rxjs';
 import { TabContextService } from './tab-context.service';
-import { TabLabelDirective } from './tab-directives';
+import { TabLabelDirective } from './tab-body.component';
+import * as i0 from "@angular/core";
 export declare class TabComponent implements AfterContentInit, OnDestroy, OnChanges {
     private readonly _viewContainerRef;
     readonly tabContext: TabContextService;
@@ -43,4 +44,6 @@ export declare class TabComponent implements AfterContentInit, OnDestroy, OnChan
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabComponent, "aui-tab", ["auiTab"], { "name": "name"; "textLabel": "label"; "closeable": "closeable"; "disabled": "disabled"; }, { "close": "close"; }, ["templateLabel", "_explicitContent"], ["*"]>;
 }

package/tabs/tabs.module.d.ts

@@ -1,2 +1,18 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tab-group.component";
+import * as i2 from "./tab.component";
+import * as i3 from "./tab-body.component";
+import * as i4 from "./tab-header.component";
+import * as i5 from "./tab-header-active-indicator.component";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/forms";
+import * as i8 from "@angular/cdk/portal";
+import * as i9 from "../button/button.module";
+import * as i10 from "../icon/icon.module";
+import * as i11 from "@angular/cdk/a11y";
+import * as i12 from "@angular/cdk/observers";
 export declare class TabsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TabsModule, [typeof i1.TabGroupComponent, typeof i2.TabComponent, typeof i3.TabLabelDirective, typeof i3.TabContentDirective, typeof i3.TabHeaderAddonDirective, typeof i3.TabTitleDirective, typeof i4.TabHeaderComponent, typeof i3.TabBodyComponent, typeof i3.TabBodyPortalDirective, typeof i3.TabLabelWrapperDirective, typeof i5.TabHeaderActiveIndicatorComponent], [typeof i6.CommonModule, typeof i7.FormsModule, typeof i8.PortalModule, typeof i9.ButtonModule, typeof i10.IconModule, typeof i11.A11yModule, typeof i12.ObserversModule], [typeof i1.TabGroupComponent, typeof i2.TabComponent, typeof i3.TabLabelDirective, typeof i3.TabContentDirective, typeof i3.TabHeaderAddonDirective, typeof i3.TabTitleDirective, typeof i3.TabLabelWrapperDirective, typeof i4.TabHeaderComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TabsModule>;
 }

package/tag/check-tag/check-tag.component.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '@angular/core';
 import { ComponentSize } from '../../types';
 import { Bem } from '../../utils';
+import * as i0 from "@angular/core";
 export declare class CheckTagComponent {
     bem: Bem;
     hovered: boolean;
@@ -9,4 +10,6 @@ export declare class CheckTagComponent {
     round: boolean;
     checkedChange: EventEmitter<boolean>;
     get rootClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckTagComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckTagComponent, "aui-check-tag", never, { "checked": "checked"; "size": "size"; "round": "round"; }, { "checkedChange": "checkedChange"; }, never, ["*"]>;
 }

package/tag/tag.component.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '@angular/core';
 import { ComponentSize } from '../types';
 import { Bem } from '../utils';
 import { TagType } from './tag.types';
+import * as i0 from "@angular/core";
 export declare class TagComponent {
     bem: Bem;
     type: TagType;
@@ -21,4 +22,6 @@ export declare class TagComponent {
         'border-color': string;
         'background-color': string;
     };
+    static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "aui-tag", never, { "type": "type"; "size": "size"; "closeable": "closeable"; "border": "border"; "solid": "solid"; "invalid": "invalid"; "round": "round"; "color": "color"; "allowClick": "allowClick"; }, { "close": "close"; }, never, ["*"]>;
 }

package/tag/tag.module.d.ts

@@ -1,2 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tag.component";
+import * as i2 from "./check-tag/check-tag.component";
+import * as i3 from "@angular/common";
+import * as i4 from "../icon/icon.module";
 export declare class TagModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TagModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TagModule, [typeof i1.TagComponent, typeof i2.CheckTagComponent], [typeof i3.CommonModule, typeof i4.IconModule], [typeof i1.TagComponent, typeof i2.CheckTagComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TagModule>;
 }

package/theme/_mixin.scss

@@ -181,7 +181,7 @@
 
   &.isExpanded {
     transform: rotate(90deg);
-    color: use-rgb(n-10);
+    color: white;
     background-color: use-rgb(primary);
 
     &:hover {

package/theme/_var.scss

@@ -1,3 +1,4 @@
+@use 'sass:math';
 @import 'base-var';
 
 // Button
@@ -351,6 +352,7 @@ $date-picker-row-gap: 8px;
 $date-picker-cell-size: 24px;
 $range-picker-body-width: 524px;
 $range-picker-panel-spacing: 32px;
-$range-picker-header-width: (
-    $range-picker-body-width - $range-picker-panel-spacing
-  ) / 2;
+$range-picker-header-width: math.div(
+  ($range-picker-body-width - $range-picker-panel-spacing),
+  2
+);

package/theme/public-api.d.ts

@@ -1,4 +1,5 @@
-export * from './theme-picker.pipe';
+export * from './theme.pipe';
 export * from './theme.module';
 export * from './theme.service';
 export * from './theme.types';
+export * from './utils';

package/theme/style.css

@@ -55,9 +55,12 @@
   --aui-color-n-8: 237, 239, 242;
   --aui-color-n-9: 247, 249, 252;
   --aui-color-n-10: 255, 255, 255;
-  --aui-color-main-bg: var(--aui-color-n-9);
-  --aui-color-popper-bg: var(--aui-color-n-10);
   --aui-color-origin-shadow: var(--aui-color-n-1);
+  --aui-color-popper-bg: var(--aui-color-n-10);
+  --aui-color-button-bg: var(--aui-color-n-9);
+  --aui-color-main-bg: var(--aui-color-n-9);
+  --aui-color-divider: var(--aui-color-n-8);
+  --aui-color-border: var(--aui-color-n-7);
 }
 
 html[aui-theme-mode=light] {
@@ -101,102 +104,111 @@ html[aui-theme-mode=light] {
   --aui-color-n-8: 237, 239, 242;
   --aui-color-n-9: 247, 249, 252;
   --aui-color-n-10: 255, 255, 255;
-  --aui-color-main-bg: var(--aui-color-n-9);
-  --aui-color-popper-bg: var(--aui-color-n-10);
   --aui-color-origin-shadow: var(--aui-color-n-1);
+  --aui-color-popper-bg: var(--aui-color-n-10);
+  --aui-color-button-bg: var(--aui-color-n-9);
+  --aui-color-main-bg: var(--aui-color-n-9);
+  --aui-color-divider: var(--aui-color-n-8);
+  --aui-color-border: var(--aui-color-n-7);
 }
 
 @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-origin-shadow: var(--aui-color-main-bg);
+    --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: 24, 27, 39;
+    --aui-color-n-10: 36, 39, 51;
+    --aui-color-origin-shadow: var(--aui-color-n-9);
+    --aui-color-popper-bg: 56, 59, 71;
+    --aui-color-button-bg: 56, 59, 71;
+    --aui-color-main-bg: var(--aui-color-n-9);
+    --aui-color-divider: var(--aui-color-n-8);
+    --aui-color-border: var(--aui-color-n-7);
   }
 }
 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-origin-shadow: var(--aui-color-main-bg);
+  --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: 24, 27, 39;
+  --aui-color-n-10: 36, 39, 51;
+  --aui-color-origin-shadow: var(--aui-color-n-9);
+  --aui-color-popper-bg: 56, 59, 71;
+  --aui-color-button-bg: 56, 59, 71;
+  --aui-color-main-bg: var(--aui-color-n-9);
+  --aui-color-divider: var(--aui-color-n-8);
+  --aui-color-border: var(--aui-color-n-7);
 }
 
 :root {
@@ -238,12 +250,6 @@ html[aui-theme-mode=dark] {
   --aui-icon-size-s: 12px;
   --aui-border-radius-l: 4px;
   --aui-border-radius-m: 2px;
-  --aui-page-header-height: 60px;
-  --aui-page-toolbar-height: 44px;
-  --aui-page-snackbar-height: 60px;
-  --aui-page-sider-width: 260px;
-  --aui-page-padding-m: 20px;
-  --aui-page-padding-s: 16px;
   --aui-form-item-width-l: 732px;
   --aui-form-item-width-m: 436px;
   --aui-form-item-width-s: 140px;

package/theme/theme.module.d.ts

@@ -1,2 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./theme.pipe";
+import * as i2 from "@angular/common";
 export declare class ThemeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ThemeModule, [typeof i1.ThemePickerPipe, typeof i1.RgbColorPipe, typeof i1.RgbaColorPipe, typeof i1.CssVarPipe], [typeof i2.CommonModule], [typeof i1.ThemePickerPipe, typeof i1.RgbColorPipe, typeof i1.RgbaColorPipe, typeof i1.CssVarPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ThemeModule>;
 }

package/theme/theme.pipe.d.ts

@@ -0,0 +1,29 @@
+import { ChangeDetectorRef, OnDestroy, PipeTransform } from '@angular/core';
+import { ThemeService } from './theme.service';
+import { ThemeSet } from './theme.types';
+import { cssVar, rgbColor, rgbaColor } from './utils';
+import * as i0 from "@angular/core";
+export declare class RgbColorPipe implements PipeTransform {
+    transform: typeof rgbColor;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RgbColorPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RgbColorPipe, "auiRgbColor">;
+}
+export declare class RgbaColorPipe implements PipeTransform {
+    transform: typeof rgbaColor;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RgbaColorPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RgbaColorPipe, "auiRgbaColor">;
+}
+export declare class CssVarPipe implements PipeTransform {
+    transform: typeof cssVar;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CssVarPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<CssVarPipe, "auiCssVar">;
+}
+export declare class ThemePickerPipe<T> implements PipeTransform, OnDestroy {
+    private currentTheme;
+    private readonly destroy$$;
+    constructor(themeService: ThemeService, cdr: ChangeDetectorRef);
+    transform(v: ThemeSet<T>): T;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemePickerPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ThemePickerPipe<any>, "auiThemePicker">;
+}

package/theme/theme.service.d.ts

@@ -1,4 +1,5 @@
 import { Theme, ThemeMode } from './theme.types';
+import * as i0 from "@angular/core";
 export declare class ThemeService {
     private readonly htmlEl;
     private browserTheme;
@@ -9,4 +10,6 @@ export declare class ThemeService {
     setThemeMode(mode: ThemeMode): void;
     currentTheme(): Theme;
     private themeChanged;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ThemeService>;
 }

package/theme/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function rgbColor(color: string): string;
+export declare function rgbaColor([color, opacity]: [string, number]): string;
+export declare function cssVar(value: string): string;

package/time-picker/component.d.ts

@@ -4,6 +4,7 @@ import { CommonFormControl } from '../form/common-form';
 import { TooltipDirective } from '../tooltip/public-api';
 import { ComponentSize } from '../types';
 import { TimePickerDataLike, TimePickerModel } from './time-picker.type';
+import * as i0 from "@angular/core";
 export declare class TimePickerComponent extends CommonFormControl<TimePickerDataLike, TimePickerModel> {
     format: string;
     size: ComponentSize;
@@ -32,4 +33,6 @@ export declare class TimePickerComponent extends CommonFormControl<TimePickerDat
     closePanel(): void;
     clearValue(event: Event): void;
     submit(close?: boolean, value?: Dayjs): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "aui-time-picker", never, { "format": "format"; "size": "size"; "placeholder": "placeholder"; "clearable": "clearable"; "showIcon": "showIcon"; "disableHours": "disableHours"; "disableMinutes": "disableMinutes"; "disableSeconds": "disableSeconds"; "hourStep": "hourStep"; "minuteStep": "minuteStep"; "secondStep": "secondStep"; "footerTemplate": "footerTemplate"; }, { "open": "open"; "close": "close"; }, never, never>;
 }

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

@@ -2,6 +2,7 @@ import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, SimpleChanges,
 import dayjs, { Dayjs } from 'dayjs';
 import { CommonFormControl } from '../../form/common-form';
 import { TimePickerControlType } from '../time-picker.type';
+import * as i0 from "@angular/core";
 export declare class TimePickerPanelComponent extends CommonFormControl<Dayjs> implements OnChanges {
     protected cdr: ChangeDetectorRef;
     set format(value: string);
@@ -49,4 +50,6 @@ export declare class TimePickerPanelComponent extends CommonFormControl<Dayjs> i
     getControlTypeConfig(type: TimePickerControlType): number[];
     selectNow(): void;
     trackBy(_index: number, content: number): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerPanelComponent, "aui-time-picker-panel", never, { "format": "format"; "hourStep": "hourStep"; "minuteStep": "minuteStep"; "secondStep": "secondStep"; "footerTemplate": "footerTemplate"; "disableHours": "disableHours"; "disableMinutes": "disableMinutes"; "disableSeconds": "disableSeconds"; }, { "confirm": "confirm"; }, never, never>;
 }

package/time-picker/time-picker.module.d.ts

@@ -1,2 +1,17 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./component";
+import * as i2 from "./panel/panel.component";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/cdk/portal";
+import * as i5 from "@angular/cdk/overlay";
+import * as i6 from "@angular/common";
+import * as i7 from "../input/input.module";
+import * as i8 from "../tooltip/tooltip.module";
+import * as i9 from "../icon/icon.module";
+import * as i10 from "../button/button.module";
+import * as i11 from "../i18n/i18n.module";
 export declare class TimePickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TimePickerModule, [typeof i1.TimePickerComponent, typeof i2.TimePickerPanelComponent], [typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.PortalModule, typeof i5.OverlayModule, typeof i6.CommonModule, typeof i7.InputModule, typeof i8.TooltipModule, typeof i9.IconModule, typeof i10.ButtonModule, typeof i11.I18nModule], [typeof i1.TimePickerComponent, typeof i2.TimePickerPanelComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TimePickerModule>;
 }

package/tooltip/base-tooltip.d.ts

@@ -4,6 +4,7 @@ import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnD
 import { ReplaySubject } from 'rxjs';
 import { TooltipComponent } from './tooltip.component';
 import { TooltipTrigger, TooltipType } from './tooltip.types';
+import * as i0 from "@angular/core";
 export interface TooltipInterface {
     content: string | TemplateRef<any>;
     context: any;
@@ -74,4 +75,6 @@ export declare class BaseTooltip<T = any> implements TooltipInterface, AfterView
     protected onBodyClick(event: Event): void;
     protected onFocus(): void;
     protected onBlur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseTooltip<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseTooltip<any>, never, never, {}, {}, never>;
 }

package/tooltip/public-api.d.ts

@@ -5,3 +5,4 @@ export * from './tooltip.types';
 export * from './tooltip-active.directive';
 export * from './tooltip-intl';
 export * from './base-tooltip';
+export * from './tooltip-copy.directive';