@ajuarezso/sui-design-system 0.7.8 → 0.7.10
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/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { InjectionToken, Signal,
|
|
2
|
+
import { InjectionToken, Signal, TemplateRef, ElementRef, OnDestroy, AfterViewInit, QueryList } from '@angular/core';
|
|
3
3
|
import { ControlValueAccessor } from '@angular/forms';
|
|
4
4
|
export { addMonths, isSameDay, subMonths } from 'date-fns';
|
|
5
5
|
|
|
@@ -110,6 +110,32 @@ declare class SuiBadge {
|
|
|
110
110
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiBadge, "sui-badge", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["[data-slot=start]", "*", "[data-slot=end]"], true, never>;
|
|
111
111
|
}
|
|
112
112
|
|
|
113
|
+
/**
|
|
114
|
+
* Marca el body del accordion como template para LAZY REAL.
|
|
115
|
+
*
|
|
116
|
+
* GOTCHA Angular que motiva esta directiva: envolver `<ng-content>` en un
|
|
117
|
+
* `@if` NO evita que el contenido proyectado se INSTANCIE — el padre crea los
|
|
118
|
+
* componentes igual (constructores, change detection, side-effects de
|
|
119
|
+
* ngOnInit) aunque nunca se adjunten al DOM. Con N accordions pesados
|
|
120
|
+
* (master-preview ~85) eso construye TODO al cargar la página.
|
|
121
|
+
*
|
|
122
|
+
* Con `<ng-template suiAccordionContent>` el contenido recién se instancia
|
|
123
|
+
* cuando el accordion abre por primera vez (ngTemplateOutlet):
|
|
124
|
+
*
|
|
125
|
+
* <sui-accordion title="..." [lazy]="true">
|
|
126
|
+
* <ng-template suiAccordionContent>
|
|
127
|
+
* <heavy-component />
|
|
128
|
+
* </ng-template>
|
|
129
|
+
* </sui-accordion>
|
|
130
|
+
*
|
|
131
|
+
* Sin la directiva, el contenido proyectado plano sigue funcionando como
|
|
132
|
+
* antes (semi-lazy: DOM diferido, instanciación eager).
|
|
133
|
+
*/
|
|
134
|
+
declare class SuiAccordionContent {
|
|
135
|
+
readonly templateRef: TemplateRef<any>;
|
|
136
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiAccordionContent, never>;
|
|
137
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SuiAccordionContent, "ng-template[suiAccordionContent]", never, {}, {}, never, never, true, never>;
|
|
138
|
+
}
|
|
113
139
|
type SuiAccordionFlipIcon = 'off' | 'on';
|
|
114
140
|
/**
|
|
115
141
|
* SUI Accordion — SUI Design System 2.0
|
|
@@ -266,6 +292,8 @@ declare class SuiAccordion {
|
|
|
266
292
|
*/
|
|
267
293
|
protected readonly _resolvedOpen: _angular_core.WritableSignal<boolean>;
|
|
268
294
|
/** Computed que decide si renderizar el contenido proyectado. */
|
|
295
|
+
/** Template lazy-real (opcional) — ver JSDoc de SuiAccordionContent. */
|
|
296
|
+
protected readonly contentTpl: _angular_core.Signal<SuiAccordionContent | undefined>;
|
|
269
297
|
protected readonly shouldRenderContent: _angular_core.Signal<boolean>;
|
|
270
298
|
/**
|
|
271
299
|
* Posición del toggle.
|
|
@@ -364,7 +392,7 @@ declare class SuiAccordion {
|
|
|
364
392
|
private readonly syncOpen;
|
|
365
393
|
toggle(): void;
|
|
366
394
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiAccordion, never>;
|
|
367
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiAccordion, "sui-accordion", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "flipIcon": { "alias": "flipIcon"; "required": false; "isSignal": true; }; "leftIcon": { "alias": "leftIcon"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; }, { "open": "openChange"; },
|
|
395
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiAccordion, "sui-accordion", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "flipIcon": { "alias": "flipIcon"; "required": false; "isSignal": true; }; "leftIcon": { "alias": "leftIcon"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, ["contentTpl"], ["[sui-accordion-body]", "*"], true, never>;
|
|
368
396
|
}
|
|
369
397
|
|
|
370
398
|
/**
|
|
@@ -5412,8 +5440,7 @@ declare class SuiFilterPanelFooter {
|
|
|
5412
5440
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiFilterPanelFooter, "sui-filter-panel-footer", never, { "clearButton": { "alias": "clearButton"; "required": false; "isSignal": true; }; "applyButton": { "alias": "applyButton"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "clear": "clear"; "apply": "apply"; }, never, never, true, never>;
|
|
5413
5441
|
}
|
|
5414
5442
|
|
|
5415
|
-
type SuiFormHintVariant = 'neutral' | 'error' | '
|
|
5416
|
-
type SuiFormHintSize = 'xsmall' | 'small' | 'medium';
|
|
5443
|
+
type SuiFormHintVariant = 'neutral' | 'error' | 'disabled';
|
|
5417
5444
|
/**
|
|
5418
5445
|
* SUI Form Hint — SUI DS 2.0
|
|
5419
5446
|
*
|
|
@@ -5430,31 +5457,29 @@ type SuiFormHintSize = 'xsmall' | 'small' | 'medium';
|
|
|
5430
5457
|
* - Disabled → variant 'disabled' (cerrado en esta capa)
|
|
5431
5458
|
*
|
|
5432
5459
|
* @input message: string | null — Mensaje del hint. Nada se renderiza si es null/vacío
|
|
5433
|
-
* @input variant: 'neutral' | 'error' | '
|
|
5460
|
+
* @input variant: 'neutral' | 'error' | 'disabled' — Variante visual, default 'neutral'.
|
|
5461
|
+
* Nota 2026-07-22: las variantes semánticas positivas se eliminaron por falta de
|
|
5462
|
+
* consumidores; para feedback positivo usar sui-alert (caso mi-negocio 'Link disponible').
|
|
5434
5463
|
* @input icon: string | null | undefined — Icono Remix personalizado.
|
|
5435
5464
|
* - undefined (default): usa el icono default por variant
|
|
5436
5465
|
* - null: fuerza sin icono
|
|
5437
5466
|
* - string: usa ese nombre de icono Remix
|
|
5438
|
-
* @input size: 'xsmall' | 'small' | 'medium' — Tamaño, default 'medium'
|
|
5439
5467
|
*
|
|
5440
5468
|
* Default icons por variant:
|
|
5441
5469
|
* - neutral → null (sin icono por defecto)
|
|
5442
5470
|
* - error → 'error-warning-line'
|
|
5443
|
-
* - success → 'checkbox-circle-line'
|
|
5444
|
-
* - warning → 'alert-line'
|
|
5445
5471
|
* - disabled → 'information-fill' (VERIFICADO Figma 266:5284: el estado
|
|
5446
5472
|
* Disabled SÍ muestra el icono info, coloreado --text/disabled-300)
|
|
5447
5473
|
*
|
|
5448
5474
|
* Color tokens por variant:
|
|
5449
5475
|
* - neutral → text-sub-600 (mismo que sui-input __message--hint)
|
|
5450
5476
|
* - error → state-error-base (#fb3748)
|
|
5451
|
-
* - success → state-success-base
|
|
5452
|
-
* - warning → state-warning-base
|
|
5453
5477
|
* - disabled → text-disabled-300 (estado Disabled de Figma; mismo token que el field)
|
|
5454
5478
|
*
|
|
5455
|
-
* extraFeatures preservadas (audit):
|
|
5479
|
+
* extraFeatures preservadas (audit): override de `icon`.
|
|
5480
|
+
* Nota 2026-07-22: el input `size` se ELIMINÓ — era un no-op (cero reglas CSS,
|
|
5481
|
+
* la tipografía del hint es siempre Paragraph/X-Small 12/16 como en Figma).
|
|
5456
5482
|
* no aparecen en el frame Hint Text de Figma (solo Default/Error/Disabled) — se mantienen.
|
|
5457
|
-
* El input `size` (xsmall/small/medium) tampoco está auditado — se preserva.
|
|
5458
5483
|
*/
|
|
5459
5484
|
declare class SuiFormHint {
|
|
5460
5485
|
/** Mensaje del hint. Si null, no renderiza nada */
|
|
@@ -5468,14 +5493,12 @@ declare class SuiFormHint {
|
|
|
5468
5493
|
* - string: usa ese icono
|
|
5469
5494
|
*/
|
|
5470
5495
|
readonly icon: _angular_core.InputSignal<string | null | undefined>;
|
|
5471
|
-
/** Tamaño visual */
|
|
5472
|
-
readonly size: _angular_core.InputSignal<SuiFormHintSize>;
|
|
5473
5496
|
/** Default icons per variant */
|
|
5474
5497
|
private static readonly _defaultIcons;
|
|
5475
5498
|
/** Resolved icon: undefined → default by variant, null → no icon, string → that icon */
|
|
5476
5499
|
readonly resolvedIcon: _angular_core.Signal<string | null>;
|
|
5477
5500
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiFormHint, never>;
|
|
5478
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiFormHint, "sui-form-hint", never, { "message": { "alias": "message"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; };
|
|
5501
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiFormHint, "sui-form-hint", never, { "message": { "alias": "message"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
5479
5502
|
}
|
|
5480
5503
|
|
|
5481
5504
|
type SuiFormLabelSize = 'xsmall' | 'small' | 'medium';
|
|
@@ -11230,6 +11253,11 @@ declare class SuiToastOutlet implements OnDestroy {
|
|
|
11230
11253
|
type SuiTooltipPosition = 'top' | 'top-start' | 'top-end' | 'right' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left';
|
|
11231
11254
|
type SuiTooltipSize = 'small' | 'medium' | 'large' | 'xlarge';
|
|
11232
11255
|
type SuiTooltipTheme = 'light' | 'dark';
|
|
11256
|
+
/** Valor del input `theme` de la directiva — incluye 'auto' (contraste
|
|
11257
|
+
* invertido con el tema de la página: burbuja dark sobre página light y
|
|
11258
|
+
* viceversa). Se resuelve a un SuiTooltipTheme concreto al abrir el panel
|
|
11259
|
+
* leyendo `<html data-theme>` (el mecanismo de dark del DS). */
|
|
11260
|
+
type SuiTooltipThemeInput = SuiTooltipTheme | 'auto';
|
|
11233
11261
|
/**
|
|
11234
11262
|
* Datos del Large variant (Figma 2604:269 Large). Si `[suiTooltipLarge]`
|
|
11235
11263
|
* está presente con un objeto, la directiva renderea el variant rico
|
|
@@ -11260,7 +11288,7 @@ declare class SuiTooltip {
|
|
|
11260
11288
|
/** Visual size — alias `suiTooltipSize` evita colisión con `size` de host components (ej. sui-button). */
|
|
11261
11289
|
readonly size: _angular_core.InputSignal<SuiTooltipSize>;
|
|
11262
11290
|
/** Color theme */
|
|
11263
|
-
readonly theme: _angular_core.InputSignal<
|
|
11291
|
+
readonly theme: _angular_core.InputSignal<SuiTooltipThemeInput>;
|
|
11264
11292
|
/** Delay in ms antes de mostrar (mouseenter/focus) */
|
|
11265
11293
|
readonly delay: _angular_core.InputSignal<number>;
|
|
11266
11294
|
/** Disable tooltip entirely */
|
|
@@ -11307,6 +11335,10 @@ declare class SuiTooltip {
|
|
|
11307
11335
|
private _hide;
|
|
11308
11336
|
private _clearTimers;
|
|
11309
11337
|
private _destroyOverlay;
|
|
11338
|
+
/** 'auto' → contraste invertido con el tema de la página (light page → burbuja
|
|
11339
|
+
* dark, dark page → burbuja light). Se evalúa en cada open: un toggle de tema
|
|
11340
|
+
* con el tooltip cerrado queda cubierto; con él abierto es un no-caso. */
|
|
11341
|
+
private resolveTheme;
|
|
11310
11342
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiTooltip, never>;
|
|
11311
11343
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SuiTooltip, "[suiTooltip], [suiTooltipLarge]", never, { "suiTooltip": { "alias": "suiTooltip"; "required": false; "isSignal": true; }; "suiTooltipLarge": { "alias": "suiTooltipLarge"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "size": { "alias": "suiTooltipSize"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showArrow": { "alias": "showArrow"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
11312
11344
|
}
|
|
@@ -11359,5 +11391,5 @@ declare class SuiTooltipPanel {
|
|
|
11359
11391
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiTooltipPanel, "sui-tooltip-panel", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "showArrow": { "alias": "showArrow"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, never, true, never>;
|
|
11360
11392
|
}
|
|
11361
11393
|
|
|
11362
|
-
export { DAY_LABELS_ES, DEFAULT_DURATION_PRESETS, DEFAULT_PRESETS, EMPTY_STATE_FOX_EMOJI, SUI_BRAND_LOGO_COMPANIES, SUI_COLOR_DOT_COLORS, SUI_COLOR_DOT_HEX, SUI_CUSTOM_ICONS, SUI_EMOJI_MAP, SUI_FLAG_NAMES, SUI_HEX_TO_COLOR, SUI_KEY_ICON_COLORS, SUI_KEY_ICON_SIZES, SUI_NAVBAR_VISIBILITY, SUI_PRODUCT_FALLBACK_COLORS, SUI_TAB_BAR, SuiAccordion, SuiActivityFeed, SuiActivityFilter, SuiAlert, SuiAppStoreBadge, SuiAvatar, SuiAvatarGroup, SuiBadge, SuiBanner, SuiBrandLogo, SuiBreadcrumbItem, SuiBreadcrumbs, SuiButton, SuiButtonGroup, SuiButtonGroupItem, SuiCard, SuiCheckbox, SuiCheckboxCard, SuiCheckboxLabel, SuiCircularProgressBar, SuiColorDot, SuiColorPicker, SuiCommandMenuFooter, SuiCommandMenuItem, SuiCommandMenuSearch, SuiCompactAvatarGroup, SuiCompactButton, SuiCompactSelect, SuiCompactSelectForInput, SuiContentCard, SuiContentDivider, SuiCounterInput, SuiDateSelector, SuiDatepicker, SuiDayCell, SuiDayLabel, SuiDivider, SuiDrawerFooter, SuiDrawerHeader, SuiDropdownCaption, SuiDropdownItem, SuiDropdownMenu, SuiDropdownPanel, SuiDropdownSearch, SuiEmoji, SuiEmptyState, SuiFancyButton, SuiFileIcon, SuiFileUpload, SuiFileUploadCard, SuiFilterBar, SuiFilterItem, SuiFilterPanelFooter, SuiFilterPanelHeader, SuiFlag, SuiFormHint, SuiFormLabel, SuiIcon, SuiImageUpload, SuiImageUploadProfile, SuiImgRetry, SuiInlineInput, SuiInlineSelect, SuiInput, SuiIntegrationSwitch, SuiKbd, SuiKeyIcon, SuiLinkButton, SuiModal, SuiModalFooter, SuiModalHeader, SuiModalSheet, SuiNotification, SuiNotificationFooter, SuiNotificationTabMenu, SuiOtpInput, SuiPageHeader, SuiPagination, SuiPeriodRange, SuiPopover, SuiProductCard, SuiProgressBar, SuiProgressBarLabel, SuiRadio, SuiRadioCard, SuiRadioGroup, SuiRadioLabel, SuiRating, SuiRichEditor, SuiRichEditorItem, SuiSegmentedControl, SuiSelect, SuiSidebar, SuiSlider, SuiSocialButton, SuiStatusBadge, SuiStepper, SuiStoreCard, SuiSwitch, SuiSwitchCard, SuiSwitchLabel, SuiTabChips, SuiTabMenuHorizontal, SuiTabMenuVertical, SuiTable, SuiTableCellDirective, SuiTag, SuiTagInput, SuiTextarea, SuiTimePicker, SuiTimePickerDuration, SuiTimePickerItem, SuiTimePickerStatus, SuiToastOutlet, SuiToastService, SuiTooltip, SuiTooltipPanel, buildCalendarGrid, buildHourList, buildMinuteList, formatDateInput, formatDateShort, formatMonthYear, formatTime, isSameTime, normalizeHex, pad2, parseTime, to12h, to24h };
|
|
11363
|
-
export type { CalendarCell, CalendarRow, DatepickerPreset, DatepickerPresetId, SuiAccordionFlipIcon, SuiActivityAvatarRef, SuiActivityFeedItem, SuiActivityFile, SuiActivityFilterState, SuiActivityTask, SuiActivityTaskState, SuiAlertAction, SuiAlertSize, SuiAlertStyle, SuiAlertVariant, SuiAppStoreBadgeAppearance, SuiAppStoreBadgeCompany, SuiAvatarColor, SuiAvatarConfig, SuiAvatarGroupItem, SuiAvatarSize, SuiAvatarStatus, SuiAvatarTopBadge, SuiBadgeColor, SuiBadgeConfig, SuiBadgeSize, SuiBadgeType, SuiBadgeVariant, SuiBannerStyle, SuiBannerVariant, SuiBrandLogoCompany, SuiBrandLogoSize, SuiBrandLogoStyle, SuiBreadcrumbDivider, SuiBreadcrumbEntry, SuiButtonColor, SuiButtonGroupEntry, SuiButtonGroupItemSize, SuiButtonSize, SuiButtonVariant, SuiCardSize, SuiCardVariant, SuiCheckboxCardType, SuiCheckboxSize, SuiCircularProgressBarColor, SuiCircularProgressBarSize, SuiColorDotColor, SuiCommandMenuItemSize, SuiCommandMenuItemType, SuiCompactAvatarGroupAppearance, SuiCompactAvatarGroupSize, SuiCompactButtonSize, SuiCompactButtonStyle, SuiCompactSelectForInputItem, SuiCompactSelectForInputSize, SuiCompactSelectItem, SuiCompactSelectSize, SuiCompactSelectType, SuiContentCardType, SuiContentDividerItem, SuiContentDividerType, SuiCounterInputSize, SuiDateRange, SuiDatepickerCalendars, SuiDatepickerMode, SuiDayCellType, SuiDividerOrientation, SuiDrawerFooterType, SuiDrawerHeaderSize, SuiDrawerHeaderType, SuiDropdownItemMode, SuiDropdownItemSize, SuiDropdownMenuPopupRole, SuiDropdownMenuPosition, SuiEmojiName, SuiEmojiSize, SuiEmptyStateAction, SuiFancyButtonSize, SuiFancyButtonType, SuiFileIconColor, SuiFileIconSize, SuiFileUploadCardFile, SuiFileUploadCardState, SuiFileUploadSize, SuiFilterItemState, SuiFlagName, SuiFlagSize, SuiFooterButtonConfig,
|
|
11394
|
+
export { DAY_LABELS_ES, DEFAULT_DURATION_PRESETS, DEFAULT_PRESETS, EMPTY_STATE_FOX_EMOJI, SUI_BRAND_LOGO_COMPANIES, SUI_COLOR_DOT_COLORS, SUI_COLOR_DOT_HEX, SUI_CUSTOM_ICONS, SUI_EMOJI_MAP, SUI_FLAG_NAMES, SUI_HEX_TO_COLOR, SUI_KEY_ICON_COLORS, SUI_KEY_ICON_SIZES, SUI_NAVBAR_VISIBILITY, SUI_PRODUCT_FALLBACK_COLORS, SUI_TAB_BAR, SuiAccordion, SuiAccordionContent, SuiActivityFeed, SuiActivityFilter, SuiAlert, SuiAppStoreBadge, SuiAvatar, SuiAvatarGroup, SuiBadge, SuiBanner, SuiBrandLogo, SuiBreadcrumbItem, SuiBreadcrumbs, SuiButton, SuiButtonGroup, SuiButtonGroupItem, SuiCard, SuiCheckbox, SuiCheckboxCard, SuiCheckboxLabel, SuiCircularProgressBar, SuiColorDot, SuiColorPicker, SuiCommandMenuFooter, SuiCommandMenuItem, SuiCommandMenuSearch, SuiCompactAvatarGroup, SuiCompactButton, SuiCompactSelect, SuiCompactSelectForInput, SuiContentCard, SuiContentDivider, SuiCounterInput, SuiDateSelector, SuiDatepicker, SuiDayCell, SuiDayLabel, SuiDivider, SuiDrawerFooter, SuiDrawerHeader, SuiDropdownCaption, SuiDropdownItem, SuiDropdownMenu, SuiDropdownPanel, SuiDropdownSearch, SuiEmoji, SuiEmptyState, SuiFancyButton, SuiFileIcon, SuiFileUpload, SuiFileUploadCard, SuiFilterBar, SuiFilterItem, SuiFilterPanelFooter, SuiFilterPanelHeader, SuiFlag, SuiFormHint, SuiFormLabel, SuiIcon, SuiImageUpload, SuiImageUploadProfile, SuiImgRetry, SuiInlineInput, SuiInlineSelect, SuiInput, SuiIntegrationSwitch, SuiKbd, SuiKeyIcon, SuiLinkButton, SuiModal, SuiModalFooter, SuiModalHeader, SuiModalSheet, SuiNotification, SuiNotificationFooter, SuiNotificationTabMenu, SuiOtpInput, SuiPageHeader, SuiPagination, SuiPeriodRange, SuiPopover, SuiProductCard, SuiProgressBar, SuiProgressBarLabel, SuiRadio, SuiRadioCard, SuiRadioGroup, SuiRadioLabel, SuiRating, SuiRichEditor, SuiRichEditorItem, SuiSegmentedControl, SuiSelect, SuiSidebar, SuiSlider, SuiSocialButton, SuiStatusBadge, SuiStepper, SuiStoreCard, SuiSwitch, SuiSwitchCard, SuiSwitchLabel, SuiTabChips, SuiTabMenuHorizontal, SuiTabMenuVertical, SuiTable, SuiTableCellDirective, SuiTag, SuiTagInput, SuiTextarea, SuiTimePicker, SuiTimePickerDuration, SuiTimePickerItem, SuiTimePickerStatus, SuiToastOutlet, SuiToastService, SuiTooltip, SuiTooltipPanel, buildCalendarGrid, buildHourList, buildMinuteList, formatDateInput, formatDateShort, formatMonthYear, formatTime, isSameTime, normalizeHex, pad2, parseTime, to12h, to24h };
|
|
11395
|
+
export type { CalendarCell, CalendarRow, DatepickerPreset, DatepickerPresetId, SuiAccordionFlipIcon, SuiActivityAvatarRef, SuiActivityFeedItem, SuiActivityFile, SuiActivityFilterState, SuiActivityTask, SuiActivityTaskState, SuiAlertAction, SuiAlertSize, SuiAlertStyle, SuiAlertVariant, SuiAppStoreBadgeAppearance, SuiAppStoreBadgeCompany, SuiAvatarColor, SuiAvatarConfig, SuiAvatarGroupItem, SuiAvatarSize, SuiAvatarStatus, SuiAvatarTopBadge, SuiBadgeColor, SuiBadgeConfig, SuiBadgeSize, SuiBadgeType, SuiBadgeVariant, SuiBannerStyle, SuiBannerVariant, SuiBrandLogoCompany, SuiBrandLogoSize, SuiBrandLogoStyle, SuiBreadcrumbDivider, SuiBreadcrumbEntry, SuiButtonColor, SuiButtonGroupEntry, SuiButtonGroupItemSize, SuiButtonSize, SuiButtonVariant, SuiCardSize, SuiCardVariant, SuiCheckboxCardType, SuiCheckboxSize, SuiCircularProgressBarColor, SuiCircularProgressBarSize, SuiColorDotColor, SuiCommandMenuItemSize, SuiCommandMenuItemType, SuiCompactAvatarGroupAppearance, SuiCompactAvatarGroupSize, SuiCompactButtonSize, SuiCompactButtonStyle, SuiCompactSelectForInputItem, SuiCompactSelectForInputSize, SuiCompactSelectItem, SuiCompactSelectSize, SuiCompactSelectType, SuiContentCardType, SuiContentDividerItem, SuiContentDividerType, SuiCounterInputSize, SuiDateRange, SuiDatepickerCalendars, SuiDatepickerMode, SuiDayCellType, SuiDividerOrientation, SuiDrawerFooterType, SuiDrawerHeaderSize, SuiDrawerHeaderType, SuiDropdownItemMode, SuiDropdownItemSize, SuiDropdownMenuPopupRole, SuiDropdownMenuPosition, SuiEmojiName, SuiEmojiSize, SuiEmptyStateAction, SuiFancyButtonSize, SuiFancyButtonType, SuiFileIconColor, SuiFileIconSize, SuiFileUploadCardFile, SuiFileUploadCardState, SuiFileUploadSize, SuiFilterItemState, SuiFlagName, SuiFlagSize, SuiFooterButtonConfig, SuiFormHintVariant, SuiFormLabelSize, SuiImageUploadProfileAlignment, SuiImageUploadProfileLabels, SuiImageUploadProfileType, SuiImageUploadShape, SuiImageUploadSize, SuiInlineSelectItem, SuiInlineSelectType, SuiInputSize, SuiInputType, SuiIntegrationManageConfig, SuiIntegrationSwitchAppearance, SuiIntegrationSwitchType, SuiKbdVariant, SuiKeyIconColor, SuiKeyIconSize, SuiKeyIconStyle, SuiLinkButtonSize, SuiLinkButtonVariant, SuiLinkConfig, SuiModalHeaderVariant, SuiModalIconVariant, SuiModalSize, SuiModalStatusAlignment, SuiNavbarVisibility, SuiNotificationStyle, SuiNotificationTab, SuiNotificationVariant, SuiOtpInputType, SuiPaginationInfoFormat, SuiPaginationSize, SuiPaginationType, SuiPopoverFooter, SuiPopoverPosition, SuiProductCardFallback, SuiProductCardImage, SuiProgressBarColor, SuiProgressBarLabelType, SuiProgressBarSize, SuiRadioCardType, SuiRadioSize, SuiRadioValue, SuiRatingAlignment, SuiRatingAppearance, SuiRatingReviewLink, SuiRatingSize, SuiRatingType, SuiRichEditorAction, SuiRichEditorCommand, SuiRichEditorItemState, SuiRichEditorItemType, SuiRichEditorLayout, SuiSegmentedControlItem, SuiSegmentedControlSize, SuiSelectOption, SuiSelectSize, SuiSelectType, SuiSidebarBrandConfig, SuiSidebarIndicatorColor, SuiSidebarItem, SuiSidebarMobileMode, SuiSidebarProfile, SuiSidebarSearchConfig, SuiSliderType, SuiSocialButtonBrand, SuiSocialButtonStyle, SuiStatusBadgeAppearance, SuiStatusBadgeStatus, SuiStepperItem, SuiStepperSize, SuiStepperState, SuiStepperVariant, SuiStoreCardData, SuiSwitchCardType, SuiSwitchSize, SuiTabBar, SuiTabChipItem, SuiTabMenuHorizontalItem, SuiTabMenuHorizontalSize, SuiTabMenuVerticalItem, SuiTabMenuVerticalStyle, SuiTableCellMisc, SuiTableCellPriority, SuiTableColumn, SuiTableSize, SuiTagInputSize, SuiTagStyle, SuiTimeDurationPreset, SuiTimeFormat, SuiTimePeriod, SuiTimePickerItemDirection, SuiTimePickerStatusType, SuiTimeValue, SuiToastAction, SuiToastData, SuiToastItem, SuiToastPosition, SuiToastStyle, SuiToastVariant, SuiTooltipLargeData, SuiTooltipPosition, SuiTooltipSize, SuiTooltipTheme, SuiTooltipThemeInput };
|