codexly-ui 0.7.4 → 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/codexly-ui.mjs +29 -4
- package/fesm2022/codexly-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/types/codexly-ui.d.ts +27 -7
package/package.json
CHANGED
package/types/codexly-ui.d.ts
CHANGED
|
@@ -116,10 +116,10 @@ declare class ClxButtonComponent {
|
|
|
116
116
|
private readonly _themeSvc;
|
|
117
117
|
readonly variant: _angular_core.InputSignal<ClxButtonVariant>;
|
|
118
118
|
readonly color: _angular_core.InputSignal<ClxColorInput | undefined>;
|
|
119
|
-
readonly size: _angular_core.InputSignal<"
|
|
119
|
+
readonly size: _angular_core.InputSignal<"xxs" | "xs" | "sm" | "md" | "lg" | undefined>;
|
|
120
120
|
readonly shape: _angular_core.InputSignal<ClxShape | undefined>;
|
|
121
121
|
protected readonly _color: _angular_core.Signal<ClxColorInput>;
|
|
122
|
-
protected readonly _size: _angular_core.Signal<"
|
|
122
|
+
protected readonly _size: _angular_core.Signal<"xxs" | "xs" | "sm" | "md" | "lg">;
|
|
123
123
|
protected readonly _shape: _angular_core.Signal<ClxShape>;
|
|
124
124
|
readonly loading: _angular_core.InputSignal<boolean>;
|
|
125
125
|
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
@@ -169,11 +169,11 @@ declare class ClxBadgeComponent {
|
|
|
169
169
|
private readonly _themeSvc;
|
|
170
170
|
readonly variant: _angular_core.InputSignal<ClxBadgeVariant>;
|
|
171
171
|
readonly color: _angular_core.InputSignal<ClxColorInput | undefined>;
|
|
172
|
-
readonly size: _angular_core.InputSignal<"
|
|
172
|
+
readonly size: _angular_core.InputSignal<"xs" | "sm" | "md" | undefined>;
|
|
173
173
|
readonly shape: _angular_core.InputSignal<ClxShape | undefined>;
|
|
174
174
|
readonly positioned: _angular_core.InputSignal<boolean>;
|
|
175
175
|
protected readonly _color: _angular_core.Signal<ClxColorInput>;
|
|
176
|
-
protected readonly _size: _angular_core.Signal<"
|
|
176
|
+
protected readonly _size: _angular_core.Signal<"xs" | "sm" | "md">;
|
|
177
177
|
protected readonly _shape: _angular_core.Signal<ClxShape>;
|
|
178
178
|
protected readonly _hostClass: _angular_core.Signal<string>;
|
|
179
179
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxBadgeComponent, never>;
|
|
@@ -1833,6 +1833,12 @@ interface ClxPageHeaderZoneStyle {
|
|
|
1833
1833
|
interface ClxCardTitleZoneStyle {
|
|
1834
1834
|
weight?: ClxFontWeight;
|
|
1835
1835
|
}
|
|
1836
|
+
interface ClxListItemLabelZoneStyle {
|
|
1837
|
+
weight?: ClxFontWeight;
|
|
1838
|
+
}
|
|
1839
|
+
interface ClxTimelineTitleZoneStyle {
|
|
1840
|
+
weight?: ClxFontWeight;
|
|
1841
|
+
}
|
|
1836
1842
|
interface ClxThemeConfig {
|
|
1837
1843
|
/** Default accent color for all components (buttons, inputs, checkboxes…) */
|
|
1838
1844
|
primaryColor: ClxColorInput;
|
|
@@ -1860,6 +1866,10 @@ interface ClxThemeConfig {
|
|
|
1860
1866
|
pageHeaderSubtitle?: ClxPageHeaderZoneStyle;
|
|
1861
1867
|
/** ClxCardComponent auto-generated headerTitle weight override — falls back to 600 when unset */
|
|
1862
1868
|
cardTitle?: ClxCardTitleZoneStyle;
|
|
1869
|
+
/** ClxListItemComponent [clxContent] label weight override — falls back to 600 when unset */
|
|
1870
|
+
listItemLabel?: ClxListItemLabelZoneStyle;
|
|
1871
|
+
/** ClxTimelineItemComponent event title weight override — falls back to 600 when unset */
|
|
1872
|
+
timelineTitle?: ClxTimelineTitleZoneStyle;
|
|
1863
1873
|
/** Default border-radius style applied to all components */
|
|
1864
1874
|
borderRadius: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
1865
1875
|
/** Default size for all form/interactive components */
|
|
@@ -1886,7 +1896,7 @@ declare class ClxMenuComponent implements AfterViewInit {
|
|
|
1886
1896
|
readonly style: _angular_core.InputSignal<ClxNavZoneStyle | undefined>;
|
|
1887
1897
|
protected readonly _resolved: _angular_core.Signal<{
|
|
1888
1898
|
color: codexly_ui.ClxColorInput;
|
|
1889
|
-
size: "
|
|
1899
|
+
size: "xs" | "sm" | "md";
|
|
1890
1900
|
weight: codexly_ui.ClxFontWeight;
|
|
1891
1901
|
}>;
|
|
1892
1902
|
protected readonly _color: _angular_core.Signal<codexly_ui.ClxColorInput>;
|
|
@@ -2574,7 +2584,7 @@ declare class ClxFabComponent {
|
|
|
2574
2584
|
protected readonly _position: _angular_core.Signal<ClxFabPosition>;
|
|
2575
2585
|
protected readonly _triggerClass: _angular_core.Signal<string>;
|
|
2576
2586
|
/** Los botones de la pila de accesos van un paso más pequeños que el trigger. */
|
|
2577
|
-
protected readonly _itemSize: _angular_core.Signal<"
|
|
2587
|
+
protected readonly _itemSize: _angular_core.Signal<"xxs" | "xs" | "sm">;
|
|
2578
2588
|
private readonly _sso;
|
|
2579
2589
|
readonly _scrollStrategy: _angular_cdk_overlay.RepositionScrollStrategy;
|
|
2580
2590
|
readonly _positions: ConnectedPosition[];
|
|
@@ -3186,6 +3196,12 @@ interface ClxResolvedPageHeaderZoneStyle {
|
|
|
3186
3196
|
interface ClxResolvedCardTitleZoneStyle {
|
|
3187
3197
|
weight: ClxFontWeight;
|
|
3188
3198
|
}
|
|
3199
|
+
interface ClxResolvedListItemLabelZoneStyle {
|
|
3200
|
+
weight: ClxFontWeight;
|
|
3201
|
+
}
|
|
3202
|
+
interface ClxResolvedTimelineTitleZoneStyle {
|
|
3203
|
+
weight: ClxFontWeight;
|
|
3204
|
+
}
|
|
3189
3205
|
type ClxThemeMode = 'light' | 'dark' | 'system';
|
|
3190
3206
|
declare class ClxThemeService {
|
|
3191
3207
|
private readonly _isBrowser;
|
|
@@ -3212,6 +3228,10 @@ declare class ClxThemeService {
|
|
|
3212
3228
|
private _resolvePageHeaderZoneStyle;
|
|
3213
3229
|
/** Resolved style for ClxCardComponent's auto-generated headerTitle — falls back to 600 */
|
|
3214
3230
|
readonly cardTitleStyle: _angular_core.Signal<ClxResolvedCardTitleZoneStyle>;
|
|
3231
|
+
/** Resolved style for ClxListItemComponent's [clxContent] label — falls back to 600 */
|
|
3232
|
+
readonly listItemLabelStyle: _angular_core.Signal<ClxResolvedListItemLabelZoneStyle>;
|
|
3233
|
+
/** Resolved style for ClxTimelineItemComponent's event title — falls back to 600 */
|
|
3234
|
+
readonly timelineTitleStyle: _angular_core.Signal<ClxResolvedTimelineTitleZoneStyle>;
|
|
3215
3235
|
constructor();
|
|
3216
3236
|
setMode(mode: ClxThemeMode): void;
|
|
3217
3237
|
setConfig(patch: Partial<ClxThemeConfig>): void;
|
|
@@ -3308,4 +3328,4 @@ declare class ClxToastService {
|
|
|
3308
3328
|
}
|
|
3309
3329
|
|
|
3310
3330
|
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 };
|
|
3311
|
-
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 };
|
|
3331
|
+
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, ClxListItemLabelZoneStyle, 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, ClxResolvedListItemLabelZoneStyle, ClxResolvedNavZoneStyle, ClxResolvedPageHeaderZoneStyle, ClxResolvedTimelineTitleZoneStyle, 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, ClxTimelineTitleZoneStyle, 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 };
|