@rolatech/angular-components 20.3.2-beta.3 → 20.3.3-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolatech/angular-components",
-  "version": "20.3.2-beta.3",
+  "version": "20.3.3-beta.0",
   "private": false,
   "description": "rolatech angular components",
   "repository": {
@@ -31,8 +31,8 @@
     "lodash": "^4.17.21"
   },
   "dependencies": {
-    "@rolatech/angular-common": "20.3.2-beta.3",
-    "@rolatech/angular-services": "20.3.2-beta.3",
+    "@rolatech/angular-common": "20.3.3-beta.0",
+    "@rolatech/angular-services": "20.3.3-beta.0",
     "tslib": "^2.3.0"
   },
   "exports": {

package/themes/_default.scss

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -22,14 +22,11 @@
     --color-amber-200: oklch(92.4% 0.12 95.746);
     --color-amber-300: oklch(87.9% 0.169 91.605);
     --color-amber-500: oklch(76.9% 0.188 70.08);
-    --color-amber-600: oklch(66.6% 0.179 58.318);
     --color-amber-700: oklch(55.5% 0.163 48.998);
     --color-amber-800: oklch(47.3% 0.137 46.201);
     --color-amber-900: oklch(41.4% 0.112 45.904);
     --color-amber-950: oklch(27.9% 0.077 45.635);
-    --color-yellow-50: oklch(98.7% 0.026 102.212);
     --color-yellow-100: oklch(97.3% 0.071 103.193);
-    --color-yellow-200: oklch(94.5% 0.129 101.54);
     --color-yellow-800: oklch(47.6% 0.114 61.907);
     --color-green-50: oklch(98.2% 0.018 155.826);
     --color-green-100: oklch(96.2% 0.044 156.743);
@@ -49,6 +46,7 @@
     --color-sky-900: oklch(39.1% 0.09 240.876);
     --color-sky-950: oklch(29.3% 0.066 243.157);
     --color-blue-100: oklch(93.2% 0.032 255.585);
+    --color-blue-500: oklch(62.3% 0.214 259.815);
     --color-blue-700: oklch(48.8% 0.243 264.376);
     --color-blue-800: oklch(42.4% 0.199 265.638);
     --color-rose-50: oklch(96.9% 0.015 12.422);
@@ -84,7 +82,6 @@
     --container-4xl: 56rem;
     --container-5xl: 64rem;
     --container-6xl: 72rem;
-    --container-7xl: 80rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
@@ -704,9 +701,6 @@
   .h-36 {
     height: calc(var(--spacing) * 36);
   }
-  .h-44 {
-    height: calc(var(--spacing) * 44);
-  }
   .h-56 {
     height: calc(var(--spacing) * 56);
   }
@@ -827,6 +821,9 @@
   .min-h-\[420px\] {
     min-height: 420px;
   }
+  .min-h-dvh {
+    min-height: 100dvh;
+  }
   .min-h-full {
     min-height: 100%;
   }
@@ -914,6 +911,9 @@
   .w-24 {
     width: calc(var(--spacing) * 24);
   }
+  .w-25 {
+    width: calc(var(--spacing) * 25);
+  }
   .w-28 {
     width: calc(var(--spacing) * 28);
   }
@@ -929,6 +929,9 @@
   .w-44 {
     width: calc(var(--spacing) * 44);
   }
+  .w-45 {
+    width: calc(var(--spacing) * 45);
+  }
   .w-52 {
     width: calc(var(--spacing) * 52);
   }
@@ -956,9 +959,6 @@
   .w-\[80px\] {
     width: 80px;
   }
-  .w-\[100px\] {
-    width: 100px;
-  }
   .w-\[120px\] {
     width: 120px;
   }
@@ -968,9 +968,6 @@
   .w-\[160px\] {
     width: 160px;
   }
-  .w-\[180px\] {
-    width: 180px;
-  }
   .w-\[190px\] {
     width: 190px;
   }
@@ -998,15 +995,15 @@
   .max-w-6xl {
     max-width: var(--container-6xl);
   }
-  .max-w-7xl {
-    max-width: var(--container-7xl);
-  }
   .max-w-8 {
     max-width: calc(var(--spacing) * 8);
   }
   .max-w-24 {
     max-width: calc(var(--spacing) * 24);
   }
+  .max-w-45 {
+    max-width: calc(var(--spacing) * 45);
+  }
   .max-w-\[65\%\] {
     max-width: 65%;
   }
@@ -1016,12 +1013,6 @@
   .max-w-\[128px\] {
     max-width: 128px;
   }
-  .max-w-\[180px\] {
-    max-width: 180px;
-  }
-  .max-w-\[420px\] {
-    max-width: 420px;
-  }
   .max-w-\[500px\] {
     max-width: 500px;
   }
@@ -1037,9 +1028,6 @@
   .max-w-\[1300px\] {
     max-width: 1300px;
   }
-  .max-w-\[1396px\] {
-    max-width: 1396px;
-  }
   .max-w-full {
     max-width: 100%;
   }
@@ -1175,9 +1163,6 @@
     --tw-scale-z: 90%;
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
-  .rotate-180 {
-    rotate: 180deg;
-  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
@@ -1575,18 +1560,9 @@
       border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
     }
   }
-  .border-yellow-200 {
-    border-color: var(--color-yellow-200);
-  }
   .border-t-transparent {
     border-top-color: transparent;
   }
-  .\!bg-\(--rt-brand-color\) {
-    background-color: var(--rt-brand-color) !important;
-  }
-  .bg-\(--rolatech-raised-background\) {
-    background-color: var(--rolatech-raised-background);
-  }
   .bg-\(--rt-10-percent-layer\) {
     background-color: var(--rt-10-percent-layer);
   }
@@ -1608,6 +1584,9 @@
   .bg-\(--rt-brand-color\) {
     background-color: var(--rt-brand-color);
   }
+  .bg-\(--rt-brand-color\)\! {
+    background-color: var(--rt-brand-color) !important;
+  }
   .bg-\(--rt-raised-background\) {
     background-color: var(--rt-raised-background);
   }
@@ -1665,6 +1644,9 @@
   .bg-blue-100 {
     background-color: var(--color-blue-100);
   }
+  .bg-blue-500 {
+    background-color: var(--color-blue-500);
+  }
   .bg-emerald-50 {
     background-color: var(--color-emerald-50);
   }
@@ -1746,9 +1728,6 @@
   .bg-white {
     background-color: var(--color-white);
   }
-  .bg-yellow-50 {
-    background-color: var(--color-yellow-50);
-  }
   .bg-yellow-100 {
     background-color: var(--color-yellow-100);
   }
@@ -1869,9 +1848,6 @@
   .py-16 {
     padding-block: calc(var(--spacing) * 16);
   }
-  .pt-0 {
-    padding-top: calc(var(--spacing) * 0);
-  }
   .pt-1 {
     padding-top: calc(var(--spacing) * 1);
   }
@@ -2068,9 +2044,6 @@
   .whitespace-pre-wrap {
     white-space: pre-wrap;
   }
-  .\!text-\(--rt-text-primary-inverse\) {
-    color: var(--rt-text-primary-inverse) !important;
-  }
   .text-\(--rt-accent-foreground\) {
     color: var(--rt-accent-foreground);
   }
@@ -2083,6 +2056,9 @@
   .text-\(--rt-text-primary-inverse\) {
     color: var(--rt-text-primary-inverse);
   }
+  .text-\(--rt-text-primary-inverse\)\! {
+    color: var(--rt-text-primary-inverse) !important;
+  }
   .text-\(--rt-text-secondary\) {
     color: var(--rt-text-secondary);
   }
@@ -2092,9 +2068,6 @@
   .text-\[\#8C8C8C\] {
     color: #8C8C8C;
   }
-  .text-amber-600 {
-    color: var(--color-amber-600);
-  }
   .text-amber-700 {
     color: var(--color-amber-700);
   }
@@ -2107,6 +2080,9 @@
   .text-amber-950 {
     color: var(--color-amber-950);
   }
+  .text-black {
+    color: var(--color-black);
+  }
   .text-blue-700 {
     color: var(--color-blue-700);
   }
@@ -3201,11 +3177,6 @@
       width: calc(1 / 6 * 100%);
     }
   }
-  .lg\:w-72 {
-    @media (width >= 1024px) {
-      width: calc(var(--spacing) * 72);
-    }
-  }
   .lg\:w-\[30\%\] {
     @media (width >= 1024px) {
       width: 30%;

package/types/rolatech-angular-components.d.ts

@@ -644,6 +644,16 @@ declare abstract class Loading extends BaseComponent {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Loading, never, never, { "loading": { "alias": "loading"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+interface BreadcrumbItem {
+    label: string;
+    link?: string | any[];
+}
+declare class Breadcrumb {
+    items: _angular_core.InputSignal<BreadcrumbItem[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Breadcrumb, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Breadcrumb, "rolatech-breadcrumb", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class MaterialModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MaterialModule, never>;
     static ɵmod: _angular_core.ɵɵNgModuleDeclaration<MaterialModule, never, [typeof i1.A11yModule, typeof i2.ClipboardModule, typeof i3.CdkStepperModule, typeof i4.CdkTableModule, typeof i5.CdkTreeModule, typeof i6.DragDropModule, typeof _angular_cdk_layout.LayoutModule, typeof i8.MatAutocompleteModule, typeof i9.MatBadgeModule, typeof i10.MatBottomSheetModule, typeof i11.MatButtonModule, typeof i12.MatButtonToggleModule, typeof i13.MatCardModule, typeof i14.MatCheckboxModule, typeof i15.MatChipsModule, typeof i16.MatStepperModule, typeof i17.MatDatepickerModule, typeof i18.MatDialogModule, typeof i19.MatDividerModule, typeof i20.MatExpansionModule, typeof i21.MatGridListModule, typeof i22.MatIconModule, typeof i23.MatFormFieldModule, typeof i24.MatInputModule, typeof i25.MatListModule, typeof i26.MatMenuModule, typeof i27.MatNativeDateModule, typeof i28.MatPaginatorModule, typeof i29.MatProgressBarModule, typeof i30.MatProgressSpinnerModule, typeof i31.MatRadioModule, typeof i27.MatRippleModule, typeof i32.MatSelectModule, typeof i33.MatSidenavModule, typeof i34.MatSliderModule, typeof i35.MatSlideToggleModule, typeof i36.MatSnackBarModule, typeof i37.MatSortModule, typeof i38.MatTableModule, typeof i39.MatTabsModule, typeof i40.MatToolbarModule, typeof i41.MatTooltipModule, typeof i42.MatTreeModule, typeof i43.PortalModule, typeof i44.ScrollingModule], [typeof i1.A11yModule, typeof i2.ClipboardModule, typeof i3.CdkStepperModule, typeof i4.CdkTableModule, typeof i5.CdkTreeModule, typeof i6.DragDropModule, typeof _angular_cdk_layout.LayoutModule, typeof i8.MatAutocompleteModule, typeof i9.MatBadgeModule, typeof i10.MatBottomSheetModule, typeof i11.MatButtonModule, typeof i12.MatButtonToggleModule, typeof i13.MatCardModule, typeof i14.MatCheckboxModule, typeof i15.MatChipsModule, typeof i16.MatStepperModule, typeof i17.MatDatepickerModule, typeof i18.MatDialogModule, typeof i19.MatDividerModule, typeof i20.MatExpansionModule, typeof i21.MatGridListModule, typeof i22.MatIconModule, typeof i23.MatFormFieldModule, typeof i24.MatInputModule, typeof i25.MatListModule, typeof i26.MatMenuModule, typeof i27.MatNativeDateModule, typeof i28.MatPaginatorModule, typeof i29.MatProgressBarModule, typeof i30.MatProgressSpinnerModule, typeof i31.MatRadioModule, typeof i27.MatRippleModule, typeof i32.MatSelectModule, typeof i33.MatSidenavModule, typeof i34.MatSliderModule, typeof i35.MatSlideToggleModule, typeof i36.MatSnackBarModule, typeof i37.MatSortModule, typeof i38.MatTableModule, typeof i39.MatTabsModule, typeof i40.MatToolbarModule, typeof i41.MatTooltipModule, typeof i42.MatTreeModule, typeof i43.PortalModule, typeof i44.ScrollingModule]>;
@@ -1043,5 +1053,5 @@ interface Message {
     streaming?: boolean;
 }
 
-export { APP_LAYOUT, AcceptDialogComponent, AccordionComponent, AngularComponentsModule, AppPageComponent, AppShellComponent, AvatarComponent, BaseComponent, ChatBox, ChipBarComponent, ConfirmationComponent, ConfirmationDialogComponent, ConsoleLayoutComponent, ContainerComponent, ContentComponent, ConversationContent, ConversationHeader, ConversationInput, ConversationMessage, DrawerComponent, EditorComponent, EmptyComponent, EnumSelect, FilterComponent, FolderComponent, FooterComponent, FooterLanguageSwitcherComponent, IconButtonComponent, IconComponent, ImageComponent, ImagePlaceholderComponent, ImagePreviewDialogComponent, InputComponent, LayoutComponent, ListComponent, Loading, LocationSelectorComponent, MaterialModule, MediaListComponent, MediaListItemComponent, MediaPreviewComponent, MediaPreviewDialogComponent, MediaUploadComponent, MediaUploadDialogComponent, MenuIconComponent, MenuUserComponent, MiniGuideComponent, NotFoundComponent, PageCollectionShellComponent, PaginatorComponent, PanelComponent, PanelHeaderComponent, PdfViewerComponent, RejectDialogComponent, ResizableContainerComponent, RichGridMediaComponent, RichItemComponent, RichLabelComponent, RichViewComponent, SearchBar, SearchIcon, Skeleton, SpinnerComponent, StorageBucketCreateComponent, StorageFileUploadComponent, StorageFolderCreateComponent, TabComponent, TableComponent, TabsComponent, ThumbnailComponent, TitleComponent, ToolbarComponent, TopbarAvatarMenuComponent, TopbarComponent, VideoUpload, WechatConnectDialogComponent, provideAngularLayout };
-export type { AppLayoutConfig, AppTopbarConfig, Column, DrawerConfig, Message, MiniGuide, Role, TabMode, TableData };
+export { APP_LAYOUT, AcceptDialogComponent, AccordionComponent, AngularComponentsModule, AppPageComponent, AppShellComponent, AvatarComponent, BaseComponent, Breadcrumb, ChatBox, ChipBarComponent, ConfirmationComponent, ConfirmationDialogComponent, ConsoleLayoutComponent, ContainerComponent, ContentComponent, ConversationContent, ConversationHeader, ConversationInput, ConversationMessage, DrawerComponent, EditorComponent, EmptyComponent, EnumSelect, FilterComponent, FolderComponent, FooterComponent, FooterLanguageSwitcherComponent, IconButtonComponent, IconComponent, ImageComponent, ImagePlaceholderComponent, ImagePreviewDialogComponent, InputComponent, LayoutComponent, ListComponent, Loading, LocationSelectorComponent, MaterialModule, MediaListComponent, MediaListItemComponent, MediaPreviewComponent, MediaPreviewDialogComponent, MediaUploadComponent, MediaUploadDialogComponent, MenuIconComponent, MenuUserComponent, MiniGuideComponent, NotFoundComponent, PageCollectionShellComponent, PaginatorComponent, PanelComponent, PanelHeaderComponent, PdfViewerComponent, RejectDialogComponent, ResizableContainerComponent, RichGridMediaComponent, RichItemComponent, RichLabelComponent, RichViewComponent, SearchBar, SearchIcon, Skeleton, SpinnerComponent, StorageBucketCreateComponent, StorageFileUploadComponent, StorageFolderCreateComponent, TabComponent, TableComponent, TabsComponent, ThumbnailComponent, TitleComponent, ToolbarComponent, TopbarAvatarMenuComponent, TopbarComponent, VideoUpload, WechatConnectDialogComponent, provideAngularLayout };
+export type { AppLayoutConfig, AppTopbarConfig, BreadcrumbItem, Column, DrawerConfig, Message, MiniGuide, Role, TabMode, TableData };