codexly-ui 0.6.20 → 0.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexly-ui",
-  "version": "0.6.20",
+  "version": "0.7.0",
   "description": "Standalone, signal-based Angular UI component library for Codexly, styled with Tailwind CSS.",
   "keywords": [
     "angular",

package/types/codexly-ui.d.ts

@@ -249,6 +249,7 @@ declare class ClxCardComponent {
     /** Optional secondary line under headerTitle. */
     readonly headerSubtitle: _angular_core.InputSignal<string | undefined>;
     protected readonly _color: _angular_core.Signal<ClxColorInput>;
+    protected readonly _titleClass: _angular_core.Signal<string>;
     private readonly _headerSlot;
     private readonly _headerActionsSlot;
     private readonly _bodySlot;
@@ -1816,17 +1817,20 @@ interface ClxFontOption {
     googleUrl: string;
 }
 declare const CLX_FONT_CATALOG: ClxFontOption[];
+type ClxFontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
 interface ClxNavZoneStyle {
     color?: ClxColorInput;
     size?: Extract<ClxSize, 'xs' | 'sm' | 'md'>;
-    /** Which theme weight token this zone reads — 'label' (lighter) or 'emphasis' (heavier) */
-    weight?: 'label' | 'emphasis';
+    weight?: ClxFontWeight;
 }
 type ClxPageHeaderTextSize = 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl';
 interface ClxPageHeaderZoneStyle {
     color?: ClxColorInput;
     size?: ClxPageHeaderTextSize;
-    weight?: 'label' | 'emphasis';
+    weight?: ClxFontWeight;
+}
+interface ClxCardTitleZoneStyle {
+    weight?: ClxFontWeight;
 }
 interface ClxThemeConfig {
     /** Default accent color for all components (buttons, inputs, checkboxes…) */
@@ -1843,16 +1847,18 @@ interface ClxThemeConfig {
     neutralColor: ClxColorInput;
     /** Base text color applied across the app */
     textColor: ClxColorInput;
-    /** Sidebar nav-group label style override — falls back to neutralColor/xs/label when unset */
+    /** Sidebar nav-group label style override — falls back to neutralColor/xs/500 when unset */
     sidebarGroup?: ClxNavZoneStyle;
-    /** Sidebar top-level menu style override — falls back to primaryColor/sm/emphasis when unset */
+    /** Sidebar top-level menu style override — falls back to primaryColor/sm/500 when unset */
     sidebarMenu?: ClxNavZoneStyle;
-    /** Sidebar menu-item style override — falls back to primaryColor/sm/label when unset */
+    /** Sidebar menu-item style override — falls back to primaryColor/sm/500 when unset */
     sidebarItem?: ClxNavZoneStyle;
-    /** ClxPageHeaderComponent title style override — falls back to textColor/2xl/emphasis when unset */
+    /** ClxPageHeaderComponent title style override — falls back to textColor/2xl/600 when unset */
     pageHeaderTitle?: ClxPageHeaderZoneStyle;
-    /** ClxPageHeaderComponent subtitle style override — falls back to textColor/sm/label when unset */
+    /** ClxPageHeaderComponent subtitle style override — falls back to textColor/sm/500 when unset */
     pageHeaderSubtitle?: ClxPageHeaderZoneStyle;
+    /** ClxCardComponent auto-generated headerTitle weight override — falls back to 600 when unset */
+    cardTitle?: ClxCardTitleZoneStyle;
     /** Default border-radius style applied to all components */
     borderRadius: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
     /** Default size for all form/interactive components */
@@ -1861,15 +1867,7 @@ interface ClxThemeConfig {
     defaultShape: Extract<ClxShape, 'rounded' | 'pill'>;
     /** Body font family — must be one of CLX_FONT_CATALOG values */
     fontFamily: ClxFontFamily;
-    /** Overall type-weight intensity — shifts both label and emphasis weights together */
-    fontWeight: ClxFontWeightIntensity;
 }
-type ClxFontWeightIntensity = 'light' | 'normal' | 'bold';
-interface ClxFontWeightPair {
-    label: number;
-    emphasis: number;
-}
-declare const CLX_FONT_WEIGHT_MAP: Record<ClxFontWeightIntensity, ClxFontWeightPair>;
 declare const CLX_RADIUS_MAP: Record<ClxThemeConfig['borderRadius'], string>;
 /** Returns the Tailwind class for a form-control radius */
 declare function resolveRadius(r: ClxThemeConfig['borderRadius']): string;
@@ -1888,7 +1886,7 @@ declare class ClxMenuComponent implements AfterViewInit {
     protected readonly _resolved: _angular_core.Signal<{
         color: codexly_ui.ClxColorInput;
         size: "xs" | "sm" | "md";
-        weight: "label" | "emphasis";
+        weight: codexly_ui.ClxFontWeight;
     }>;
     protected readonly _color: _angular_core.Signal<codexly_ui.ClxColorInput>;
     readonly collapsed: _angular_core.InputSignal<boolean>;
@@ -1929,6 +1927,7 @@ declare class ClxMenuItemComponent {
     private readonly _resolved;
     private readonly _geom;
     protected readonly _iconCls: _angular_core.Signal<string>;
+    private readonly _typography;
     protected readonly _idleCls: _angular_core.Signal<string>;
     protected readonly _activeCls: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxMenuItemComponent, never>;
@@ -3175,13 +3174,16 @@ declare class ClxAnimateGroupDirective {
 interface ClxResolvedNavZoneStyle {
     color: ClxColorInput;
     size: Extract<ClxSize, 'xs' | 'sm' | 'md'>;
-    weight: 'label' | 'emphasis';
+    weight: ClxFontWeight;
 }
 interface ClxResolvedPageHeaderZoneStyle {
     /** undefined means "use the default text-clx-text-label / text-clx-text-muted class" */
     color?: ClxColorInput;
     size: ClxPageHeaderTextSize;
-    weight: 'label' | 'emphasis';
+    weight: ClxFontWeight;
+}
+interface ClxResolvedCardTitleZoneStyle {
+    weight: ClxFontWeight;
 }
 type ClxThemeMode = 'light' | 'dark' | 'system';
 declare class ClxThemeService {
@@ -3193,20 +3195,22 @@ declare class ClxThemeService {
     readonly mode: _angular_core.Signal<ClxThemeMode>;
     readonly config: _angular_core.Signal<ClxThemeConfig>;
     readonly isDark: _angular_core.Signal<boolean>;
-    /** Resolved style for clx-nav-group labels — falls back to neutralColor/xs/label */
+    /** Resolved style for clx-nav-group labels — falls back to neutralColor/xs/500 */
     readonly sidebarGroupStyle: _angular_core.Signal<ClxResolvedNavZoneStyle>;
-    /** Resolved style for top-level clx-menu — falls back to primaryColor/sm/emphasis */
+    /** Resolved style for top-level clx-menu — falls back to primaryColor/sm/500 */
     readonly sidebarMenuStyle: _angular_core.Signal<ClxResolvedNavZoneStyle>;
-    /** Resolved style for clx-menu-item — falls back to primaryColor/sm/label */
+    /** Resolved style for clx-menu-item — falls back to primaryColor/sm/500 */
     readonly sidebarItemStyle: _angular_core.Signal<ClxResolvedNavZoneStyle>;
     private _resolveNavZoneStyle;
     /** Resolved style for ClxPageHeaderComponent's title — falls back to the default
-     *  text-clx-text-label color (no override) / 2xl / emphasis */
+     *  text-clx-text-label color (no override) / 2xl / 600 */
     readonly pageHeaderTitleStyle: _angular_core.Signal<ClxResolvedPageHeaderZoneStyle>;
     /** Resolved style for ClxPageHeaderComponent's subtitle — falls back to the default
-     *  text-clx-text-muted color (no override) / sm / label */
+     *  text-clx-text-muted color (no override) / sm / 500 */
     readonly pageHeaderSubtitleStyle: _angular_core.Signal<ClxResolvedPageHeaderZoneStyle>;
     private _resolvePageHeaderZoneStyle;
+    /** Resolved style for ClxCardComponent's auto-generated headerTitle — falls back to 600 */
+    readonly cardTitleStyle: _angular_core.Signal<ClxResolvedCardTitleZoneStyle>;
     constructor();
     setMode(mode: ClxThemeMode): void;
     setConfig(patch: Partial<ClxThemeConfig>): void;
@@ -3214,7 +3218,6 @@ declare class ClxThemeService {
     private _applyColorVar;
     private _applyTextColor;
     private _applyFont;
-    private _applyFontWeight;
     private _loadMode;
     private _getSystemDark;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxThemeService, never>;
@@ -3303,5 +3306,5 @@ declare class ClxToastService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ClxToastService>;
 }
 
-export { CLX_ADDON_BORDER, CLX_ADDON_TEXT, CLX_ALERT_OPTIONS, CLX_ALERT_RESOLVE, CLX_BG_ADDON, CLX_BG_DISABLED, CLX_BG_ICON_WRAP, CLX_BG_SECTION, CLX_BG_SURFACE, CLX_BORDER_DEFAULT, CLX_BORDER_DISABLED, CLX_BORDER_MEDIUM, CLX_COLOR_HEX, CLX_COLOR_HEX_100, CLX_COLOR_MAP, CLX_FONT_CATALOG, CLX_FONT_WEIGHT_MAP, CLX_MODAL_ANIM_CONFIG, CLX_MODAL_DATA, CLX_MODAL_REF, CLX_OPTION_DISABLED, CLX_PLACEHOLDER, CLX_RADIO_GROUP, CLX_RADIUS_MAP, CLX_TEXT_BODY, CLX_TEXT_DISABLED, CLX_TEXT_HEADING, CLX_TEXT_HINT, CLX_TEXT_IDLE, CLX_TEXT_INPUT, CLX_TEXT_LABEL, CLX_TEXT_OPTION, CLX_TEXT_SUBTITLE, CLX_TEXT_TITLE, CLX_THEME_CONFIG, CLX_THEME_DEFAULTS, CLX_TOAST_DEFAULTS, ClxAlertComponent, ClxAlertService, ClxAnimateDirective, ClxAnimateGroupDirective, ClxAnimateService, ClxAppLayoutComponent, ClxAvatarComponent, ClxBadgeComponent, ClxBrandComponent, ClxButtonComponent, ClxButtonGroupComponent, ClxCardBodyDirective, ClxCardComponent, ClxCardFooterDirective, ClxCardHeaderActionsDirective, ClxCardHeaderDirective, ClxCarouselComponent, ClxCarouselDirective, ClxCartComponent, ClxCartSummaryDrawer, ClxCellDirective, ClxCheckboxComponent, ClxColorPickerComponent, ClxColumnDefDirective, ClxDateRangePickerComponent, ClxDatepickerComponent, ClxDrawerComponent, ClxDrawerService, ClxEditorComponent, ClxEditorLinkModalComponent, ClxFabComponent, ClxFilterPanelComponent, ClxHeaderCellDirective, ClxIconComponent, ClxInputComponent, ClxListComponent, ClxListItemComponent, ClxMenuComponent, ClxMenuItemComponent, ClxModalComponent, ClxModalService, ClxNavGroupComponent, ClxNumberComponent, ClxPageEmptyComponent, ClxPageHeaderComponent, ClxPageHeaderTitleDirective, ClxPageNotFoundComponent, ClxPageServerErrorComponent, ClxPageUnauthorizedComponent, ClxPaginationComponent, ClxProductComponent, ClxProductDetailComponent, ClxProfileComponent, ClxProgressBarComponent, ClxRadioComponent, ClxRadioGroupComponent, ClxRatingComponent, ClxSelectComponent, ClxSkeletonComponent, ClxSliderComponent, ClxSpinnerComponent, ClxStatCardComponent, ClxStepComponent, ClxStepperComponent, ClxSwitchComponent, ClxTabDirective, ClxTableComponent, ClxTabsComponent, ClxTagComponent, ClxTextareaComponent, ClxThemeService, ClxTimelineComponent, ClxTimelineItemComponent, ClxTimepickerComponent, ClxToastComponent, ClxToastContainerComponent, ClxToastService, ClxTooltipComponent, ClxTooltipDirective, ClxTreeComponent, ClxUploadComponent, ClxWishlistComponent, ClxWizardComponent, TIMEPICKER_SIZE_MAP, parseColorInput, provideCodexlyTheme, resolveColor, resolveContainerRadius, resolveRadius };
-export type { ClxAlertButtonOptions, ClxAlertOptions, ClxAlertResult, ClxAlertType, ClxAnimateAttentionSeeker, ClxAnimateBackEntrance, ClxAnimateBackExit, ClxAnimateBouncingEntrance, ClxAnimateBouncingExit, ClxAnimateConfig, ClxAnimateDefaults, ClxAnimateEvent, ClxAnimateFadingEntrance, ClxAnimateFadingExit, ClxAnimateFlipper, ClxAnimateLightspeed, ClxAnimateName, ClxAnimateRotatingEntrance, ClxAnimateRotatingExit, ClxAnimateSlidingEntrance, ClxAnimateSlidingExit, ClxAnimateSpecial, ClxAnimateTrigger, ClxAnimateZoomingEntrance, ClxAnimateZoomingExit, ClxAvatarContentType, ClxBadgeVariant, ClxButtonColor, ClxButtonGroupShape, ClxButtonVariant, ClxCardPadding, ClxCardShadow, ClxCardVariant, ClxCarouselAspectRatio, ClxCarouselConfig, ClxCartItem, ClxCartSummaryData, ClxCellContext, ClxCheckboxVariant, ClxColor, ClxColorInput, ClxColorPickerFormat, ClxColorPickerSize, ClxColorResolved, ClxColorTokens, ClxCouponResult, ClxDateRange, ClxDateRangePickerSize, ClxDateRangePickerStatus, ClxDatepickerSize, ClxDatepickerStatus, ClxDrawerButtonOptions, ClxDrawerConfig, ClxDrawerRef, ClxDrawerSize, ClxEditorSize, ClxEditorTool, ClxEditorToolbarGroup, ClxExistingFile, ClxFabItem, ClxFabPosition, ClxFilterChangeEvent, ClxFilterField, ClxFilterFieldType, ClxFilterOption, ClxFilterValue, ClxFilterValues, ClxFontFamily, ClxFontOption, ClxFontWeightIntensity, ClxFontWeightPair, ClxInputSize, ClxInputStatus, ClxInputType, ClxListItem, ClxListSize, ClxListVariant, ClxModalButtonOptions, ClxModalConfig, ClxModalRef, ClxModalSize, ClxNavZoneStyle, ClxNumberSize, ClxNumberVariant, ClxPageChangeEvent, ClxPageHeaderTextSize, ClxPageHeaderZoneStyle, ClxPageSizeChangeEvent, ClxPaginationSize, ClxProduct, ClxProductDescription, ClxProductDetailData, ClxProductLayout, ClxProductSize, ClxProductSpec, ClxProfileMenuItem, ClxProgressBarSize, ClxProgressBarVariant, ClxRadioVariant, ClxResolvedNavZoneStyle, ClxResolvedPageHeaderZoneStyle, ClxReview, ClxRippleItem, ClxSelectOption, ClxSelectSize, ClxShade, ClxShape, ClxSize, ClxSkeletonVariant, ClxSliderSize, ClxSpecOption, ClxSpecType, ClxSpinnerColor, ClxSpinnerVariant, ClxStatMetric, ClxStepperOrientation, ClxStepperSize, ClxStepperStatus, ClxStepperStep, ClxTabItem, ClxTableColumn, ClxTablePageEvent, ClxTableSelectionEvent, ClxTableSort, ClxTableSortEvent, ClxTagShape, ClxTagSize, ClxTagVariant, ClxTextareaResize, ClxTextareaSize, ClxTextareaStatus, ClxThemeConfig, ClxThemeMode, ClxTimelineLineStyle, ClxTimelineMode, ClxTimelineSize, ClxTimepickerSize, ClxTimepickerStatus, ClxToastAction, ClxToastEntry, ClxToastOptions, ClxToastPosition, ClxToastType, ClxTooltipPosition, ClxTooltipSize, ClxTreeExpandEvent, ClxTreeNode, ClxTreeSelectEvent, ClxTreeSize, ClxTreeVariant, ClxTrendDirection, ClxUploadError, ClxUploadItemAction, ClxUploadItemActionResolver, ClxUploadPreviewItem, ClxUploadSize, ClxVariation, ClxWishlistItem, ClxWishlistPageChangeEvent, ClxWizardColor, ClxWizardOrientation, ClxWizardStepStatus, SparkPoint };
+export { CLX_ADDON_BORDER, CLX_ADDON_TEXT, CLX_ALERT_OPTIONS, CLX_ALERT_RESOLVE, CLX_BG_ADDON, CLX_BG_DISABLED, CLX_BG_ICON_WRAP, CLX_BG_SECTION, CLX_BG_SURFACE, CLX_BORDER_DEFAULT, CLX_BORDER_DISABLED, CLX_BORDER_MEDIUM, CLX_COLOR_HEX, CLX_COLOR_HEX_100, CLX_COLOR_MAP, CLX_FONT_CATALOG, CLX_MODAL_ANIM_CONFIG, CLX_MODAL_DATA, CLX_MODAL_REF, CLX_OPTION_DISABLED, CLX_PLACEHOLDER, CLX_RADIO_GROUP, CLX_RADIUS_MAP, CLX_TEXT_BODY, CLX_TEXT_DISABLED, CLX_TEXT_HEADING, CLX_TEXT_HINT, CLX_TEXT_IDLE, CLX_TEXT_INPUT, CLX_TEXT_LABEL, CLX_TEXT_OPTION, CLX_TEXT_SUBTITLE, CLX_TEXT_TITLE, CLX_THEME_CONFIG, CLX_THEME_DEFAULTS, CLX_TOAST_DEFAULTS, ClxAlertComponent, ClxAlertService, ClxAnimateDirective, ClxAnimateGroupDirective, ClxAnimateService, ClxAppLayoutComponent, ClxAvatarComponent, ClxBadgeComponent, ClxBrandComponent, ClxButtonComponent, ClxButtonGroupComponent, ClxCardBodyDirective, ClxCardComponent, ClxCardFooterDirective, ClxCardHeaderActionsDirective, ClxCardHeaderDirective, ClxCarouselComponent, ClxCarouselDirective, ClxCartComponent, ClxCartSummaryDrawer, ClxCellDirective, ClxCheckboxComponent, ClxColorPickerComponent, ClxColumnDefDirective, ClxDateRangePickerComponent, ClxDatepickerComponent, ClxDrawerComponent, ClxDrawerService, ClxEditorComponent, ClxEditorLinkModalComponent, ClxFabComponent, ClxFilterPanelComponent, ClxHeaderCellDirective, ClxIconComponent, ClxInputComponent, ClxListComponent, ClxListItemComponent, ClxMenuComponent, ClxMenuItemComponent, ClxModalComponent, ClxModalService, ClxNavGroupComponent, ClxNumberComponent, ClxPageEmptyComponent, ClxPageHeaderComponent, ClxPageHeaderTitleDirective, ClxPageNotFoundComponent, ClxPageServerErrorComponent, ClxPageUnauthorizedComponent, ClxPaginationComponent, ClxProductComponent, ClxProductDetailComponent, ClxProfileComponent, ClxProgressBarComponent, ClxRadioComponent, ClxRadioGroupComponent, ClxRatingComponent, ClxSelectComponent, ClxSkeletonComponent, ClxSliderComponent, ClxSpinnerComponent, ClxStatCardComponent, ClxStepComponent, ClxStepperComponent, ClxSwitchComponent, ClxTabDirective, ClxTableComponent, ClxTabsComponent, ClxTagComponent, ClxTextareaComponent, ClxThemeService, ClxTimelineComponent, ClxTimelineItemComponent, ClxTimepickerComponent, ClxToastComponent, ClxToastContainerComponent, ClxToastService, ClxTooltipComponent, ClxTooltipDirective, ClxTreeComponent, ClxUploadComponent, ClxWishlistComponent, ClxWizardComponent, TIMEPICKER_SIZE_MAP, parseColorInput, provideCodexlyTheme, resolveColor, resolveContainerRadius, resolveRadius };
+export type { ClxAlertButtonOptions, ClxAlertOptions, ClxAlertResult, ClxAlertType, ClxAnimateAttentionSeeker, ClxAnimateBackEntrance, ClxAnimateBackExit, ClxAnimateBouncingEntrance, ClxAnimateBouncingExit, ClxAnimateConfig, ClxAnimateDefaults, ClxAnimateEvent, ClxAnimateFadingEntrance, ClxAnimateFadingExit, ClxAnimateFlipper, ClxAnimateLightspeed, ClxAnimateName, ClxAnimateRotatingEntrance, ClxAnimateRotatingExit, ClxAnimateSlidingEntrance, ClxAnimateSlidingExit, ClxAnimateSpecial, ClxAnimateTrigger, ClxAnimateZoomingEntrance, ClxAnimateZoomingExit, ClxAvatarContentType, ClxBadgeVariant, ClxButtonColor, ClxButtonGroupShape, ClxButtonVariant, ClxCardPadding, ClxCardShadow, ClxCardTitleZoneStyle, ClxCardVariant, ClxCarouselAspectRatio, ClxCarouselConfig, ClxCartItem, ClxCartSummaryData, ClxCellContext, ClxCheckboxVariant, ClxColor, ClxColorInput, ClxColorPickerFormat, ClxColorPickerSize, ClxColorResolved, ClxColorTokens, ClxCouponResult, ClxDateRange, ClxDateRangePickerSize, ClxDateRangePickerStatus, ClxDatepickerSize, ClxDatepickerStatus, ClxDrawerButtonOptions, ClxDrawerConfig, ClxDrawerRef, ClxDrawerSize, ClxEditorSize, ClxEditorTool, ClxEditorToolbarGroup, ClxExistingFile, ClxFabItem, ClxFabPosition, ClxFilterChangeEvent, ClxFilterField, ClxFilterFieldType, ClxFilterOption, ClxFilterValue, ClxFilterValues, ClxFontFamily, ClxFontOption, ClxFontWeight, ClxInputSize, ClxInputStatus, ClxInputType, ClxListItem, ClxListSize, ClxListVariant, ClxModalButtonOptions, ClxModalConfig, ClxModalRef, ClxModalSize, ClxNavZoneStyle, ClxNumberSize, ClxNumberVariant, ClxPageChangeEvent, ClxPageHeaderTextSize, ClxPageHeaderZoneStyle, ClxPageSizeChangeEvent, ClxPaginationSize, ClxProduct, ClxProductDescription, ClxProductDetailData, ClxProductLayout, ClxProductSize, ClxProductSpec, ClxProfileMenuItem, ClxProgressBarSize, ClxProgressBarVariant, ClxRadioVariant, ClxResolvedCardTitleZoneStyle, ClxResolvedNavZoneStyle, ClxResolvedPageHeaderZoneStyle, ClxReview, ClxRippleItem, ClxSelectOption, ClxSelectSize, ClxShade, ClxShape, ClxSize, ClxSkeletonVariant, ClxSliderSize, ClxSpecOption, ClxSpecType, ClxSpinnerColor, ClxSpinnerVariant, ClxStatMetric, ClxStepperOrientation, ClxStepperSize, ClxStepperStatus, ClxStepperStep, ClxTabItem, ClxTableColumn, ClxTablePageEvent, ClxTableSelectionEvent, ClxTableSort, ClxTableSortEvent, ClxTagShape, ClxTagSize, ClxTagVariant, ClxTextareaResize, ClxTextareaSize, ClxTextareaStatus, ClxThemeConfig, ClxThemeMode, ClxTimelineLineStyle, ClxTimelineMode, ClxTimelineSize, ClxTimepickerSize, ClxTimepickerStatus, ClxToastAction, ClxToastEntry, ClxToastOptions, ClxToastPosition, ClxToastType, ClxTooltipPosition, ClxTooltipSize, ClxTreeExpandEvent, ClxTreeNode, ClxTreeSelectEvent, ClxTreeSize, ClxTreeVariant, ClxTrendDirection, ClxUploadError, ClxUploadItemAction, ClxUploadItemActionResolver, ClxUploadPreviewItem, ClxUploadSize, ClxVariation, ClxWishlistItem, ClxWishlistPageChangeEvent, ClxWizardColor, ClxWizardOrientation, ClxWizardStepStatus, SparkPoint };