@stn-uiux/pub-ui-react 0.1.76 → 0.1.77
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/dist/index.d.ts +38 -2
- package/dist/index.js +109 -65
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
|
-
import react__default, { ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, HTMLAttributes, CSSProperties, ComponentPropsWithoutRef, ThHTMLAttributes, TdHTMLAttributes, FormHTMLAttributes, MouseEvent, TextareaHTMLAttributes, SVGAttributes
|
|
3
|
+
import react__default, { ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, HTMLAttributes, CSSProperties, ComponentPropsWithoutRef, ThHTMLAttributes, TdHTMLAttributes, ElementType, FormHTMLAttributes, MouseEvent, TextareaHTMLAttributes, SVGAttributes } from 'react';
|
|
4
4
|
import { StnInputWidthValue } from '@stn-uiux/pub-ui/data/stnInputWidth';
|
|
5
5
|
export { resolveSystemIconSrcFromName, systemIconSrc } from '@stn-uiux/pub-ui/data/stnSystemIcons';
|
|
6
6
|
export { STN_PAGINATION_EXAMPLE, STN_PAGINATION_FIGMA, STN_PAGINATION_INTRO, STN_PAGINATION_REACT } from '@stn-uiux/pub-ui/data/stnPagination';
|
|
@@ -1636,6 +1636,42 @@ interface StnCardComponent extends React.ForwardRefExoticComponent<StnCardProps
|
|
|
1636
1636
|
}
|
|
1637
1637
|
declare const StnCard: StnCardComponent;
|
|
1638
1638
|
|
|
1639
|
+
/** Foundation › Typography Type Scale 이름과 1:1 매칭 */
|
|
1640
|
+
type StnTextVariant = 'display-1' | 'display-2' | 'display-3' | 'heading-1' | 'heading-2' | 'heading-3' | 'title-1' | 'title-2' | 'title-3' | 'body-1' | 'body-2' | 'body-3' | 'body-small' | 'label-1' | 'label-2' | 'label-3' | 'label-4' | 'caption-large' | 'caption';
|
|
1641
|
+
type StnTextWeight = 'regular' | 'medium' | 'semibold' | 'bold';
|
|
1642
|
+
type StnTextColor = 'primary' | 'secondary' | 'tertiary' | 'muted' | 'success' | 'error' | 'info' | 'critical' | 'major' | 'minor' | 'warning';
|
|
1643
|
+
type StnTextProps = HTMLAttributes<HTMLElement> & {
|
|
1644
|
+
/** Type Scale (기본: body-3) */
|
|
1645
|
+
variant?: StnTextVariant;
|
|
1646
|
+
/** 렌더링할 태그 — 미지정 시 variant에 맞는 시맨틱 태그 자동 선택 */
|
|
1647
|
+
as?: ElementType;
|
|
1648
|
+
/** Type Scale 기본 weight 덮어쓰기 */
|
|
1649
|
+
weight?: StnTextWeight;
|
|
1650
|
+
/** 시맨틱 텍스트 색상 — 미지정 시 부모 색상 상속 */
|
|
1651
|
+
color?: StnTextColor;
|
|
1652
|
+
/** 한 줄 말줄임 */
|
|
1653
|
+
truncate?: boolean;
|
|
1654
|
+
children?: ReactNode;
|
|
1655
|
+
};
|
|
1656
|
+
/**
|
|
1657
|
+
* StnText — Typography Type Scale 컴포넌트
|
|
1658
|
+
* @example <StnText variant="heading-1">페이지 제목</StnText>
|
|
1659
|
+
* @example <StnText variant="caption" color="critical">오류 메시지</StnText>
|
|
1660
|
+
*/
|
|
1661
|
+
declare const StnText: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
|
|
1662
|
+
/** Type Scale (기본: body-3) */
|
|
1663
|
+
variant?: StnTextVariant;
|
|
1664
|
+
/** 렌더링할 태그 — 미지정 시 variant에 맞는 시맨틱 태그 자동 선택 */
|
|
1665
|
+
as?: ElementType;
|
|
1666
|
+
/** Type Scale 기본 weight 덮어쓰기 */
|
|
1667
|
+
weight?: StnTextWeight;
|
|
1668
|
+
/** 시맨틱 텍스트 색상 — 미지정 시 부모 색상 상속 */
|
|
1669
|
+
color?: StnTextColor;
|
|
1670
|
+
/** 한 줄 말줄임 */
|
|
1671
|
+
truncate?: boolean;
|
|
1672
|
+
children?: ReactNode;
|
|
1673
|
+
} & react.RefAttributes<HTMLElement>>;
|
|
1674
|
+
|
|
1639
1675
|
type StnSectionSideVariant = 'solid' | 'translucent';
|
|
1640
1676
|
type StnSectionSideProps = Omit<HTMLAttributes<HTMLElement>, 'className' | 'children'> & {
|
|
1641
1677
|
children?: ReactNode;
|
|
@@ -4547,4 +4583,4 @@ interface StnEventBannerProps extends Omit<react__default.HTMLAttributes<HTMLDiv
|
|
|
4547
4583
|
/** 위험도별 이벤트 배너. placement와 severity로 배치·스타일을 고릅니다. */
|
|
4548
4584
|
declare const StnEventBanner: react__default.ForwardRefExoticComponent<StnEventBannerProps & react__default.RefAttributes<HTMLDivElement>>;
|
|
4549
4585
|
|
|
4550
|
-
export { AlertCenterDashboard, type AlertCenterDashboardProps, AlertCenterPageScaffold, type AlertCenterPageScaffoldProps, DashboardPageScaffold, type DashboardPageScaffoldProps, type DashboardType, LoginPageScaffold, type LoginPageScaffoldProps, PubChartSample, type PubDisabilityStatusItem, PubDisabilityStatusList, type PubTop5BarRow, PubTop5EquipmentBars, type PubTrafficTop5BarRow, PubTrafficTop5Bars, STN_TABLE_FOOTER_MAX_ACTIONS, STN_TOPOLOGY_NODE_ICONS, STN_TOPOLOGY_NODE_SHAPES, STN_TOPOLOGY_NODE_SIZE, STN_TOPOLOGY_NODE_SIZES, STN_TOPOLOGY_NODE_STATUSES, STN_TOPOLOGY_STATUS_COLORS, SideNavContext, type SideNavContextValue, StnAlertCard, type StnAlertCardProps, StnAlertCenterDocPreview, type StnAlertCenterDocPreviewProps, StnAlertCenterPanel, type StnAlertCenterPanelProps, StnBadge, type StnBadgeAnchorOrigin, type StnBadgeColor, type StnBadgeProps, type StnBadgeVariant, StnBreadcrumb, type StnBreadcrumbItem, type StnBreadcrumbMenuItem, type StnBreadcrumbProps, type StnBreadcrumbSize, type StnBreadcrumbVariant, StnButton, type StnButtonColor, type StnButtonIconPosition, type StnButtonProps, type StnButtonShape, type StnButtonSize, type StnButtonVariant, StnCard, StnCardBody, type StnCardBodyProps, StnCardFooter, type StnCardFooterProps, StnCardHeader, type StnCardHeaderProps, type StnCardProps, StnCheckbox, type StnCheckboxColor, type StnCheckboxLabelPlacement, type StnCheckboxProps, type StnCheckboxSize, type StnCheckboxVariant, StnChip, type StnChipColor, type StnChipIconPosition, type StnChipLabelPosition, type StnChipProps, type StnChipShape, type StnChipSize, type StnChipVariant, StnCircularProgress, type StnCircularProgressGradient, type StnCircularProgressLabelPosition, type StnCircularProgressProps, type StnCircularProgressSize, type StnCircularProgressTone, type StnCircularProgressTrack, StnContainer, type StnContainerMaxWidth, type StnContainerProps, StnContext, type StnContextValue, StnDashboard, type StnDashboardProps, type StnDashboardRegionProps, type StnDashboardWidgetPosition, StnDateRangeField, type StnDateRangeFieldProps, type StnDateRangeFieldVariant, StnDateRangePicker, StnDateRangePickerField, type StnDateRangePickerFieldProps, type StnDateRangePickerProps, StnDrawer, StnDrawerBody, type StnDrawerBodyPadding, type StnDrawerBodyProps, StnDrawerFooter, type StnDrawerFooterProps, type StnDrawerGap, StnDrawerHeader, type StnDrawerHeaderProps, type StnDrawerPadding, type StnDrawerPlacement, type StnDrawerProps, type StnDrawerSize, StnDropdown, StnDropdownMenu, type StnDropdownMenuProps, type StnDropdownProps, StnEventBanner, type StnEventBannerGap, type StnEventBannerPlacement, type StnEventBannerProps, type StnEventBannerSeverity, StnFloatingToolbar, type StnFloatingToolbarPlacement, StnFloatingToolbarPreset, type StnFloatingToolbarPresetProps, type StnFloatingToolbarProps, StnGrid, type StnGridBreakpoint, type StnGridDirection, type StnGridProps, type StnGridResponsive, type StnGridSize, type StnGridSpacing, StnHeader, StnHeaderContextTitle, StnHeaderPageTitle, type StnHeaderPageTitleProps, type StnHeaderProps, type StnHeaderRegionProps, StnHeaderSubTitle, StnHeaderTitle, type StnHeaderTitleClockProps, StnHeaderTitleDate, type StnHeaderTitleDateOptions, type StnHeaderTitleDualProps, StnHeaderTitleFramePreview, StnHeaderTitleMainText, type StnHeaderTitleProps, type StnHeaderTitleSize, StnHeaderTitleSubText, StnHeaderTitleTime, type StnHeaderTitleTimeOptions, type StnHeaderTitleTitleProps, type StnHeaderTitleVariant, StnHeaderTitleWeekday, StnHeaderToolbar, type StnHeaderToolbarProps, StnIcon, StnIconBox, type StnIconBoxColor, type StnIconBoxProps, type StnIconBoxSize, type StnIconProps, StnLabelPrefix, type StnLabelPrefixPosition, type StnLabelPrefixProps, type StnLabelPrefixRadius, type StnLabelPrefixSize, type StnLabelPrefixVariant, StnLayer, StnLayer0Background, type StnLayer0BackgroundColor, type StnLayer0BackgroundProps, StnLayerBackground, StnLayerContent, StnLayerDim, StnLayerModal, type StnLayerProps, type StnLayerRoleProps, StnLayerShell, type StnLayerShellProps, StnListViewLayout, StnListViewLayoutBody, type StnListViewLayoutBodyProps, StnListViewLayoutContent, StnListViewLayoutHeader, StnListViewLayoutPagination, type StnListViewLayoutProps, StnListViewLayoutSearch, StnListViewLayoutSidebar, StnListViewLayoutTable, StnLoadingSkeleton, StnLoadingSkeletonBlock, type StnLoadingSkeletonBlockProps, StnLoadingSkeletonCircle, type StnLoadingSkeletonCircleProps, StnLoadingSkeletonLine, type StnLoadingSkeletonLineProps, StnLoadingSkeletonProfile, type StnLoadingSkeletonProfileProps, type StnLoadingSkeletonProps, type StnLoadingSkeletonRootProps, StnLoadingSkeletonTable, type StnLoadingSkeletonTableProps, type StnLoadingSkeletonVariant, StnLoadingSkeletonWidget, type StnLoadingSkeletonWidgetProps, StnLoginBrandStack, type StnLoginBrandStackProps, StnLoginCard, type StnLoginCardBrandPosition, StnLoginCardGlowWrapper, type StnLoginCardGlowWrapperProps, type StnLoginCardProps, type StnLoginCardVariant, StnLoginFormFields, type StnLoginFormFieldsProps, StnLoginFormLinks, type StnLoginFormLinksProps, StnLoginFormStack, type StnLoginFormStackProps, StnLoginPlaceholder, type StnLoginPlaceholderProps, StnLoginTextField, type StnLoginTextFieldProps, StnLogo, type StnLogoProps, type StnLogoSize, type StnLogoTheme, type StnLogoVariant, StnMapCanvas, type StnMapCanvasProps, StnMapToolbar, type StnMapToolbarProps, StnModal, type StnModalProps, type StnModalSize, type StnMode, StnPageScaffold, StnPageScaffoldLayer, type StnPageScaffoldLayerProps, StnPageScaffoldMapCanvas, type StnPageScaffoldMapCanvasProps, StnPageScaffoldMapPlaceholder, type StnPageScaffoldMapPlaceholderProps, StnPageScaffoldRegion, type StnPageScaffoldRegionProps, StnPageScaffoldRoot, type StnPageScaffoldRootProps, StnPagination, type StnPaginationColor, type StnPaginationItem, type StnPaginationProps, type StnPaginationSize, type StnPaginationVariant, StnPopup, type StnPopupProps, type StnPopupSize, StnProgressBar, type StnProgressBarGradient, type StnProgressBarLabelAlign, type StnProgressBarLabelPosition, type StnProgressBarProps, type StnProgressBarSize, type StnProgressBarTone, type StnProgressBarTrack, StnProvider, type StnProviderProps, StnRadio, type StnRadioColor, StnRadioGroup, type StnRadioGroupLayout, type StnRadioGroupOption, type StnRadioGroupOrientation, type StnRadioGroupProps, type StnRadioLabelPlacement, type StnRadioProps, type StnRadioSize, StnScroll, type StnScrollColor, type StnScrollOrientation, type StnScrollProps, type StnScrollSize, type StnScrollVariant, StnSearchRequirementBar, StnSearchRequirementBarDemo, type StnSearchRequirementBarDemoProps, type StnSearchRequirementBarDividerProps, type StnSearchRequirementBarExportProps, type StnSearchRequirementBarFieldProps, type StnSearchRequirementBarFieldsProps, type StnSearchRequirementBarProps, type StnSearchRequirementBarSearchButtonProps, StnSectionSide, StnSectionSidePreset, type StnSectionSidePresetProps, type StnSectionSideProps, type StnSectionSideVariant, StnSegmented, type StnSegmentedMultipleProps, type StnSegmentedOption, type StnSegmentedProps, type StnSegmentedSingleProps, StnSeverityBadge, type StnSeverityBadgeProps, type StnSeverityLevel, type StnSeveritySize, type StnSeverityVariant, type StnSideNavDropdownVariant, StnSideNavFooter, type StnSideNavFooterProps, StnSideNavGroup, type StnSideNavGroupProps, StnSideNavHeader, type StnSideNavHeaderProps, StnSideNavItem, type StnSideNavItemProps, type StnSideNavItemVariant, StnSideNavLogo, type StnSideNavLogoProps, StnSideNavMenu, type StnSideNavMenuProps, StnSideNavMobileTrigger, type StnSideNavMobileTriggerProps, StnSideNavSpacer, type StnSideNavSpacerProps, StnSideNavSub, StnSideNavSubItem, type StnSideNavSubItemProps, StnSideNavSubNav, type StnSideNavSubNavProps, type StnSideNavSubNavVariant, type StnSideNavSubProps, StnSideNavToggle, type StnSideNavToggleProps, StnSideNavWatermark, type StnSideNavWatermarkProps, StnSideNavigation, type StnSideNavigationProps, type StnSideNavigationVariant, StnSlider, type StnSliderColor, type StnSliderGradient, type StnSliderLabelAlign, type StnSliderLabelPosition, type StnSliderProps, type StnSliderSize, StnStack, type StnStackBreakpoint, type StnStackDirection, type StnStackProps, type StnStackResponsive, type StnStackScrollable, type StnStackWrap, StnStatus, StnStatusDot, type StnStatusDotGap, StnStatusDotGroup, type StnStatusDotGroupItem, type StnStatusDotGroupProps, type StnStatusDotPosition, type StnStatusDotProps, type StnStatusDotSize, StnStatusFlow, type StnStatusFlowProps, type StnStatusFlowSize, type StnStatusProps, StnStatusSeverity, type StnStatusSeverityProps, StnStatusSwitch, type StnStatusSwitchProps, StnSwitch, type StnSwitchColor, type StnSwitchGradient, type StnSwitchLabelPosition, type StnSwitchProps, type StnSwitchSize, StnTab, StnTabContextProvider, type StnTabContextProviderProps, type StnTabContextValue, StnTabPanel, type StnTabPanelProps, type StnTabProps, StnTable, type StnTableAlign, StnTableBody, type StnTableBodyProps, StnTableGrid, type StnTableGridProps, StnTableHead, type StnTableHeadProps, type StnTableProps, StnTableRow, type StnTableRowProps, StnTableSort, type StnTableSortProps, StnTableTd, StnTableTdCheck, type StnTableTdCheckProps, type StnTableTdProps, StnTableTh, StnTableThCheck, type StnTableThCheckProps, type StnTableThProps, StnTabs, type StnTabsProps, StnTabsRoot, StnTextArea, type StnTextAreaColor, type StnTextAreaLabelPosition, type StnTextAreaProps, type StnTextAreaResize, type StnTextAreaSizeProp, type StnTextAreaVariant, StnTextField, type StnTextFieldColor, type StnTextFieldIconPosition, type StnTextFieldLabelPosition, type StnTextFieldProps, type StnTextFieldVariant, type StnTheme, StnToastCloseButton, StnToastIcon, type StnToastIconProps, StnToggleButton, type StnToggleButtonColor, type StnToggleButtonIconPosition, type StnToggleButtonProps, type StnToggleButtonSize, type StnToolbarOrientation, StnTooltip, type StnTooltipPlacement, type StnTooltipProps, type StnTooltipSize, type StnTooltipTone, type StnTooltipVariant, type StnTopologyCore, StnTopologyGraph, type StnTopologyGraphLink, type StnTopologyGraphNode, type StnTopologyGraphProps, type StnTopologyNode, type StnTopologyNodeContent, type StnTopologyNodeIcon, StnTopologyNodeMark, type StnTopologyNodeMarkProps, StnTopologyNodePreview, type StnTopologyNodePreviewProps, type StnTopologyNodeShape, type StnTopologyNodeSize, type StnTopologyNodeStatus, StnTopologyRing, type StnTopologyRingProps, StnTree, type StnTreeDocRowState, StnTreeItem, type StnTreeItemData, type StnTreeItemDocState, type StnTreeItemProps, StnTreeNode, type StnTreeNodeDocState, type StnTreeNodeKind, type StnTreeNodeProps, type StnTreeProps, type StnTreeRadius, type StnTreeSize, type StnTreeWidth, StnWidget, StnWidgetActions, type StnWidgetBackground, StnWidgetBody, StnWidgetChartSlot, type StnWidgetChartSlotProps, StnWidgetEmpty, StnWidgetFooter, StnWidgetGradeRow, StnWidgetGradeRowList, type StnWidgetGradeRowProps, StnWidgetHeader, StnWidgetInsetIcon, type StnWidgetInsetIconProps, StnWidgetLoading, type StnWidgetPadding, StnWidgetPlaceholder, type StnWidgetProps, StnWidgetStatCard, type StnWidgetStatCardProps, StnWidgetStatGroup, type StnWidgetStatus, type StnWidgetStatusGrade, StnWidgetStatusItem, type StnWidgetStatusItemProps, StnWidgetStatusList, StnWidgetTitle, buildPaginationItems, buildStnTreeNodeCells, cn, collectExpandableIds, flattenStnTree, formatStnHeaderTitleDate, formatStnHeaderTitleTime, formatStnHeaderTitleWeekday, formatTopologyCount, useSideNav, useStn, useStnOptional, useStnTabsContext };
|
|
4586
|
+
export { AlertCenterDashboard, type AlertCenterDashboardProps, AlertCenterPageScaffold, type AlertCenterPageScaffoldProps, DashboardPageScaffold, type DashboardPageScaffoldProps, type DashboardType, LoginPageScaffold, type LoginPageScaffoldProps, PubChartSample, type PubDisabilityStatusItem, PubDisabilityStatusList, type PubTop5BarRow, PubTop5EquipmentBars, type PubTrafficTop5BarRow, PubTrafficTop5Bars, STN_TABLE_FOOTER_MAX_ACTIONS, STN_TOPOLOGY_NODE_ICONS, STN_TOPOLOGY_NODE_SHAPES, STN_TOPOLOGY_NODE_SIZE, STN_TOPOLOGY_NODE_SIZES, STN_TOPOLOGY_NODE_STATUSES, STN_TOPOLOGY_STATUS_COLORS, SideNavContext, type SideNavContextValue, StnAlertCard, type StnAlertCardProps, StnAlertCenterDocPreview, type StnAlertCenterDocPreviewProps, StnAlertCenterPanel, type StnAlertCenterPanelProps, StnBadge, type StnBadgeAnchorOrigin, type StnBadgeColor, type StnBadgeProps, type StnBadgeVariant, StnBreadcrumb, type StnBreadcrumbItem, type StnBreadcrumbMenuItem, type StnBreadcrumbProps, type StnBreadcrumbSize, type StnBreadcrumbVariant, StnButton, type StnButtonColor, type StnButtonIconPosition, type StnButtonProps, type StnButtonShape, type StnButtonSize, type StnButtonVariant, StnCard, StnCardBody, type StnCardBodyProps, StnCardFooter, type StnCardFooterProps, StnCardHeader, type StnCardHeaderProps, type StnCardProps, StnCheckbox, type StnCheckboxColor, type StnCheckboxLabelPlacement, type StnCheckboxProps, type StnCheckboxSize, type StnCheckboxVariant, StnChip, type StnChipColor, type StnChipIconPosition, type StnChipLabelPosition, type StnChipProps, type StnChipShape, type StnChipSize, type StnChipVariant, StnCircularProgress, type StnCircularProgressGradient, type StnCircularProgressLabelPosition, type StnCircularProgressProps, type StnCircularProgressSize, type StnCircularProgressTone, type StnCircularProgressTrack, StnContainer, type StnContainerMaxWidth, type StnContainerProps, StnContext, type StnContextValue, StnDashboard, type StnDashboardProps, type StnDashboardRegionProps, type StnDashboardWidgetPosition, StnDateRangeField, type StnDateRangeFieldProps, type StnDateRangeFieldVariant, StnDateRangePicker, StnDateRangePickerField, type StnDateRangePickerFieldProps, type StnDateRangePickerProps, StnDrawer, StnDrawerBody, type StnDrawerBodyPadding, type StnDrawerBodyProps, StnDrawerFooter, type StnDrawerFooterProps, type StnDrawerGap, StnDrawerHeader, type StnDrawerHeaderProps, type StnDrawerPadding, type StnDrawerPlacement, type StnDrawerProps, type StnDrawerSize, StnDropdown, StnDropdownMenu, type StnDropdownMenuProps, type StnDropdownProps, StnEventBanner, type StnEventBannerGap, type StnEventBannerPlacement, type StnEventBannerProps, type StnEventBannerSeverity, StnFloatingToolbar, type StnFloatingToolbarPlacement, StnFloatingToolbarPreset, type StnFloatingToolbarPresetProps, type StnFloatingToolbarProps, StnGrid, type StnGridBreakpoint, type StnGridDirection, type StnGridProps, type StnGridResponsive, type StnGridSize, type StnGridSpacing, StnHeader, StnHeaderContextTitle, StnHeaderPageTitle, type StnHeaderPageTitleProps, type StnHeaderProps, type StnHeaderRegionProps, StnHeaderSubTitle, StnHeaderTitle, type StnHeaderTitleClockProps, StnHeaderTitleDate, type StnHeaderTitleDateOptions, type StnHeaderTitleDualProps, StnHeaderTitleFramePreview, StnHeaderTitleMainText, type StnHeaderTitleProps, type StnHeaderTitleSize, StnHeaderTitleSubText, StnHeaderTitleTime, type StnHeaderTitleTimeOptions, type StnHeaderTitleTitleProps, type StnHeaderTitleVariant, StnHeaderTitleWeekday, StnHeaderToolbar, type StnHeaderToolbarProps, StnIcon, StnIconBox, type StnIconBoxColor, type StnIconBoxProps, type StnIconBoxSize, type StnIconProps, StnLabelPrefix, type StnLabelPrefixPosition, type StnLabelPrefixProps, type StnLabelPrefixRadius, type StnLabelPrefixSize, type StnLabelPrefixVariant, StnLayer, StnLayer0Background, type StnLayer0BackgroundColor, type StnLayer0BackgroundProps, StnLayerBackground, StnLayerContent, StnLayerDim, StnLayerModal, type StnLayerProps, type StnLayerRoleProps, StnLayerShell, type StnLayerShellProps, StnListViewLayout, StnListViewLayoutBody, type StnListViewLayoutBodyProps, StnListViewLayoutContent, StnListViewLayoutHeader, StnListViewLayoutPagination, type StnListViewLayoutProps, StnListViewLayoutSearch, StnListViewLayoutSidebar, StnListViewLayoutTable, StnLoadingSkeleton, StnLoadingSkeletonBlock, type StnLoadingSkeletonBlockProps, StnLoadingSkeletonCircle, type StnLoadingSkeletonCircleProps, StnLoadingSkeletonLine, type StnLoadingSkeletonLineProps, StnLoadingSkeletonProfile, type StnLoadingSkeletonProfileProps, type StnLoadingSkeletonProps, type StnLoadingSkeletonRootProps, StnLoadingSkeletonTable, type StnLoadingSkeletonTableProps, type StnLoadingSkeletonVariant, StnLoadingSkeletonWidget, type StnLoadingSkeletonWidgetProps, StnLoginBrandStack, type StnLoginBrandStackProps, StnLoginCard, type StnLoginCardBrandPosition, StnLoginCardGlowWrapper, type StnLoginCardGlowWrapperProps, type StnLoginCardProps, type StnLoginCardVariant, StnLoginFormFields, type StnLoginFormFieldsProps, StnLoginFormLinks, type StnLoginFormLinksProps, StnLoginFormStack, type StnLoginFormStackProps, StnLoginPlaceholder, type StnLoginPlaceholderProps, StnLoginTextField, type StnLoginTextFieldProps, StnLogo, type StnLogoProps, type StnLogoSize, type StnLogoTheme, type StnLogoVariant, StnMapCanvas, type StnMapCanvasProps, StnMapToolbar, type StnMapToolbarProps, StnModal, type StnModalProps, type StnModalSize, type StnMode, StnPageScaffold, StnPageScaffoldLayer, type StnPageScaffoldLayerProps, StnPageScaffoldMapCanvas, type StnPageScaffoldMapCanvasProps, StnPageScaffoldMapPlaceholder, type StnPageScaffoldMapPlaceholderProps, StnPageScaffoldRegion, type StnPageScaffoldRegionProps, StnPageScaffoldRoot, type StnPageScaffoldRootProps, StnPagination, type StnPaginationColor, type StnPaginationItem, type StnPaginationProps, type StnPaginationSize, type StnPaginationVariant, StnPopup, type StnPopupProps, type StnPopupSize, StnProgressBar, type StnProgressBarGradient, type StnProgressBarLabelAlign, type StnProgressBarLabelPosition, type StnProgressBarProps, type StnProgressBarSize, type StnProgressBarTone, type StnProgressBarTrack, StnProvider, type StnProviderProps, StnRadio, type StnRadioColor, StnRadioGroup, type StnRadioGroupLayout, type StnRadioGroupOption, type StnRadioGroupOrientation, type StnRadioGroupProps, type StnRadioLabelPlacement, type StnRadioProps, type StnRadioSize, StnScroll, type StnScrollColor, type StnScrollOrientation, type StnScrollProps, type StnScrollSize, type StnScrollVariant, StnSearchRequirementBar, StnSearchRequirementBarDemo, type StnSearchRequirementBarDemoProps, type StnSearchRequirementBarDividerProps, type StnSearchRequirementBarExportProps, type StnSearchRequirementBarFieldProps, type StnSearchRequirementBarFieldsProps, type StnSearchRequirementBarProps, type StnSearchRequirementBarSearchButtonProps, StnSectionSide, StnSectionSidePreset, type StnSectionSidePresetProps, type StnSectionSideProps, type StnSectionSideVariant, StnSegmented, type StnSegmentedMultipleProps, type StnSegmentedOption, type StnSegmentedProps, type StnSegmentedSingleProps, StnSeverityBadge, type StnSeverityBadgeProps, type StnSeverityLevel, type StnSeveritySize, type StnSeverityVariant, type StnSideNavDropdownVariant, StnSideNavFooter, type StnSideNavFooterProps, StnSideNavGroup, type StnSideNavGroupProps, StnSideNavHeader, type StnSideNavHeaderProps, StnSideNavItem, type StnSideNavItemProps, type StnSideNavItemVariant, StnSideNavLogo, type StnSideNavLogoProps, StnSideNavMenu, type StnSideNavMenuProps, StnSideNavMobileTrigger, type StnSideNavMobileTriggerProps, StnSideNavSpacer, type StnSideNavSpacerProps, StnSideNavSub, StnSideNavSubItem, type StnSideNavSubItemProps, StnSideNavSubNav, type StnSideNavSubNavProps, type StnSideNavSubNavVariant, type StnSideNavSubProps, StnSideNavToggle, type StnSideNavToggleProps, StnSideNavWatermark, type StnSideNavWatermarkProps, StnSideNavigation, type StnSideNavigationProps, type StnSideNavigationVariant, StnSlider, type StnSliderColor, type StnSliderGradient, type StnSliderLabelAlign, type StnSliderLabelPosition, type StnSliderProps, type StnSliderSize, StnStack, type StnStackBreakpoint, type StnStackDirection, type StnStackProps, type StnStackResponsive, type StnStackScrollable, type StnStackWrap, StnStatus, StnStatusDot, type StnStatusDotGap, StnStatusDotGroup, type StnStatusDotGroupItem, type StnStatusDotGroupProps, type StnStatusDotPosition, type StnStatusDotProps, type StnStatusDotSize, StnStatusFlow, type StnStatusFlowProps, type StnStatusFlowSize, type StnStatusProps, StnStatusSeverity, type StnStatusSeverityProps, StnStatusSwitch, type StnStatusSwitchProps, StnSwitch, type StnSwitchColor, type StnSwitchGradient, type StnSwitchLabelPosition, type StnSwitchProps, type StnSwitchSize, StnTab, StnTabContextProvider, type StnTabContextProviderProps, type StnTabContextValue, StnTabPanel, type StnTabPanelProps, type StnTabProps, StnTable, type StnTableAlign, StnTableBody, type StnTableBodyProps, StnTableGrid, type StnTableGridProps, StnTableHead, type StnTableHeadProps, type StnTableProps, StnTableRow, type StnTableRowProps, StnTableSort, type StnTableSortProps, StnTableTd, StnTableTdCheck, type StnTableTdCheckProps, type StnTableTdProps, StnTableTh, StnTableThCheck, type StnTableThCheckProps, type StnTableThProps, StnTabs, type StnTabsProps, StnTabsRoot, StnText, StnTextArea, type StnTextAreaColor, type StnTextAreaLabelPosition, type StnTextAreaProps, type StnTextAreaResize, type StnTextAreaSizeProp, type StnTextAreaVariant, type StnTextColor, StnTextField, type StnTextFieldColor, type StnTextFieldIconPosition, type StnTextFieldLabelPosition, type StnTextFieldProps, type StnTextFieldVariant, type StnTextProps, type StnTextVariant, type StnTextWeight, type StnTheme, StnToastCloseButton, StnToastIcon, type StnToastIconProps, StnToggleButton, type StnToggleButtonColor, type StnToggleButtonIconPosition, type StnToggleButtonProps, type StnToggleButtonSize, type StnToolbarOrientation, StnTooltip, type StnTooltipPlacement, type StnTooltipProps, type StnTooltipSize, type StnTooltipTone, type StnTooltipVariant, type StnTopologyCore, StnTopologyGraph, type StnTopologyGraphLink, type StnTopologyGraphNode, type StnTopologyGraphProps, type StnTopologyNode, type StnTopologyNodeContent, type StnTopologyNodeIcon, StnTopologyNodeMark, type StnTopologyNodeMarkProps, StnTopologyNodePreview, type StnTopologyNodePreviewProps, type StnTopologyNodeShape, type StnTopologyNodeSize, type StnTopologyNodeStatus, StnTopologyRing, type StnTopologyRingProps, StnTree, type StnTreeDocRowState, StnTreeItem, type StnTreeItemData, type StnTreeItemDocState, type StnTreeItemProps, StnTreeNode, type StnTreeNodeDocState, type StnTreeNodeKind, type StnTreeNodeProps, type StnTreeProps, type StnTreeRadius, type StnTreeSize, type StnTreeWidth, StnWidget, StnWidgetActions, type StnWidgetBackground, StnWidgetBody, StnWidgetChartSlot, type StnWidgetChartSlotProps, StnWidgetEmpty, StnWidgetFooter, StnWidgetGradeRow, StnWidgetGradeRowList, type StnWidgetGradeRowProps, StnWidgetHeader, StnWidgetInsetIcon, type StnWidgetInsetIconProps, StnWidgetLoading, type StnWidgetPadding, StnWidgetPlaceholder, type StnWidgetProps, StnWidgetStatCard, type StnWidgetStatCardProps, StnWidgetStatGroup, type StnWidgetStatus, type StnWidgetStatusGrade, StnWidgetStatusItem, type StnWidgetStatusItemProps, StnWidgetStatusList, StnWidgetTitle, buildPaginationItems, buildStnTreeNodeCells, cn, collectExpandableIds, flattenStnTree, formatStnHeaderTitleDate, formatStnHeaderTitleTime, formatStnHeaderTitleWeekday, formatTopologyCount, useSideNav, useStn, useStnOptional, useStnTabsContext };
|
package/dist/index.js
CHANGED
|
@@ -3093,10 +3093,53 @@ StnCard.Header = StnCardHeader;
|
|
|
3093
3093
|
StnCard.Body = StnCardBody;
|
|
3094
3094
|
StnCard.Footer = StnCardFooter;
|
|
3095
3095
|
|
|
3096
|
+
// src/components/StnText.tsx
|
|
3097
|
+
import { createElement, forwardRef as forwardRef17 } from "react";
|
|
3098
|
+
var DEFAULT_TAG = {
|
|
3099
|
+
"display-1": "h1",
|
|
3100
|
+
"display-2": "h1",
|
|
3101
|
+
"display-3": "h1",
|
|
3102
|
+
"heading-1": "h1",
|
|
3103
|
+
"heading-2": "h2",
|
|
3104
|
+
"heading-3": "h3",
|
|
3105
|
+
"title-1": "h4",
|
|
3106
|
+
"title-2": "h5",
|
|
3107
|
+
"title-3": "h6",
|
|
3108
|
+
"body-1": "p",
|
|
3109
|
+
"body-2": "p",
|
|
3110
|
+
"body-3": "p",
|
|
3111
|
+
"body-small": "p",
|
|
3112
|
+
"label-1": "span",
|
|
3113
|
+
"label-2": "span",
|
|
3114
|
+
"label-3": "span",
|
|
3115
|
+
"label-4": "span",
|
|
3116
|
+
"caption-large": "span",
|
|
3117
|
+
caption: "span"
|
|
3118
|
+
};
|
|
3119
|
+
var StnText = forwardRef17(function StnText2({ variant = "body-3", as, weight, color, truncate, className, children, ...rest }, ref) {
|
|
3120
|
+
const tag = as ?? DEFAULT_TAG[variant];
|
|
3121
|
+
return createElement(
|
|
3122
|
+
tag,
|
|
3123
|
+
{
|
|
3124
|
+
ref,
|
|
3125
|
+
className: cn(
|
|
3126
|
+
`stn-text-${variant}`,
|
|
3127
|
+
"stn-text-reset-margin",
|
|
3128
|
+
weight && `stn-text-weight-${weight}`,
|
|
3129
|
+
color && `stn-text-color-${color}`,
|
|
3130
|
+
truncate && "stn-text-truncate",
|
|
3131
|
+
className
|
|
3132
|
+
),
|
|
3133
|
+
...rest
|
|
3134
|
+
},
|
|
3135
|
+
children
|
|
3136
|
+
);
|
|
3137
|
+
});
|
|
3138
|
+
|
|
3096
3139
|
// src/patterns/sectionSide/StnSectionSide.tsx
|
|
3097
|
-
import { forwardRef as
|
|
3140
|
+
import { forwardRef as forwardRef18 } from "react";
|
|
3098
3141
|
import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
3099
|
-
var StnSectionSide =
|
|
3142
|
+
var StnSectionSide = forwardRef18(function StnSectionSide2({
|
|
3100
3143
|
children,
|
|
3101
3144
|
header,
|
|
3102
3145
|
footer,
|
|
@@ -3145,9 +3188,9 @@ function StnSectionSidePreset({ tree, collapsed, ...sideProps }) {
|
|
|
3145
3188
|
}
|
|
3146
3189
|
|
|
3147
3190
|
// src/patterns/login/StnLoginCard.tsx
|
|
3148
|
-
import { forwardRef as
|
|
3191
|
+
import { forwardRef as forwardRef19 } from "react";
|
|
3149
3192
|
import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
3150
|
-
var StnLoginCardGlowWrapper =
|
|
3193
|
+
var StnLoginCardGlowWrapper = forwardRef19(
|
|
3151
3194
|
function StnLoginCardGlowWrapper2({ children, className, ...rest }, ref) {
|
|
3152
3195
|
return /* @__PURE__ */ jsx23(
|
|
3153
3196
|
"div",
|
|
@@ -3161,7 +3204,7 @@ var StnLoginCardGlowWrapper = forwardRef18(
|
|
|
3161
3204
|
);
|
|
3162
3205
|
}
|
|
3163
3206
|
);
|
|
3164
|
-
var StnLoginCard =
|
|
3207
|
+
var StnLoginCard = forwardRef19(function StnLoginCard2({
|
|
3165
3208
|
brand,
|
|
3166
3209
|
children,
|
|
3167
3210
|
brandPosition = "left",
|
|
@@ -3192,12 +3235,12 @@ var StnLoginCard = forwardRef18(function StnLoginCard2({
|
|
|
3192
3235
|
}
|
|
3193
3236
|
return cardElement;
|
|
3194
3237
|
});
|
|
3195
|
-
var StnLoginBrandStack =
|
|
3238
|
+
var StnLoginBrandStack = forwardRef19(
|
|
3196
3239
|
function StnLoginBrandStack2({ children, className, ...rest }, ref) {
|
|
3197
3240
|
return /* @__PURE__ */ jsx23("div", { ref, className: cn("stn-login-brand-stack", className), ...rest, children });
|
|
3198
3241
|
}
|
|
3199
3242
|
);
|
|
3200
|
-
var StnLoginFormStack =
|
|
3243
|
+
var StnLoginFormStack = forwardRef19(
|
|
3201
3244
|
function StnLoginFormStack2({ children, className, ...rest }, ref) {
|
|
3202
3245
|
return /* @__PURE__ */ jsx23(
|
|
3203
3246
|
"form",
|
|
@@ -3211,7 +3254,7 @@ var StnLoginFormStack = forwardRef18(
|
|
|
3211
3254
|
);
|
|
3212
3255
|
}
|
|
3213
3256
|
);
|
|
3214
|
-
var StnLoginFormFields =
|
|
3257
|
+
var StnLoginFormFields = forwardRef19(
|
|
3215
3258
|
function StnLoginFormFields2({ children, className, ...rest }, ref) {
|
|
3216
3259
|
return /* @__PURE__ */ jsx23(
|
|
3217
3260
|
"div",
|
|
@@ -3225,7 +3268,7 @@ var StnLoginFormFields = forwardRef18(
|
|
|
3225
3268
|
);
|
|
3226
3269
|
}
|
|
3227
3270
|
);
|
|
3228
|
-
var StnLoginFormLinks =
|
|
3271
|
+
var StnLoginFormLinks = forwardRef19(
|
|
3229
3272
|
function StnLoginFormLinks2({ children, className, ...rest }, ref) {
|
|
3230
3273
|
return /* @__PURE__ */ jsx23(
|
|
3231
3274
|
"nav",
|
|
@@ -3240,7 +3283,7 @@ var StnLoginFormLinks = forwardRef18(
|
|
|
3240
3283
|
);
|
|
3241
3284
|
}
|
|
3242
3285
|
);
|
|
3243
|
-
var StnLoginPlaceholder =
|
|
3286
|
+
var StnLoginPlaceholder = forwardRef19(
|
|
3244
3287
|
function StnLoginPlaceholder2({ children = "\uC18C\uC15C \uB85C\uADF8\uC778 \uAE30\uB2A5\uC740 \uC900\uBE44 \uC911\uC785\uB2C8\uB2E4.", className, ...rest }, ref) {
|
|
3245
3288
|
return /* @__PURE__ */ jsx23("p", { ref, className: cn("stn-login__placeholder", className), ...rest, children });
|
|
3246
3289
|
}
|
|
@@ -3249,11 +3292,11 @@ var StnLoginPlaceholder = forwardRef18(
|
|
|
3249
3292
|
// src/patterns/login/StnLoginTextField.tsx
|
|
3250
3293
|
import {
|
|
3251
3294
|
cloneElement as cloneElement3,
|
|
3252
|
-
forwardRef as
|
|
3295
|
+
forwardRef as forwardRef20,
|
|
3253
3296
|
isValidElement as isValidElement3
|
|
3254
3297
|
} from "react";
|
|
3255
3298
|
import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
3256
|
-
var StnLoginTextField =
|
|
3299
|
+
var StnLoginTextField = forwardRef20(
|
|
3257
3300
|
function StnLoginTextField2({
|
|
3258
3301
|
icon,
|
|
3259
3302
|
iconColor,
|
|
@@ -3313,7 +3356,7 @@ var StnLoginTextField = forwardRef19(
|
|
|
3313
3356
|
);
|
|
3314
3357
|
|
|
3315
3358
|
// src/components/StnLogo.tsx
|
|
3316
|
-
import { forwardRef as
|
|
3359
|
+
import { forwardRef as forwardRef21 } from "react";
|
|
3317
3360
|
import { STN_INFOMAP_LOGO } from "@stn-uiux/pub-ui/data/stnBrand";
|
|
3318
3361
|
import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
3319
3362
|
function sources(variant) {
|
|
@@ -3328,7 +3371,7 @@ function sources(variant) {
|
|
|
3328
3371
|
}
|
|
3329
3372
|
return { light: STN_INFOMAP_LOGO.full, dark: STN_INFOMAP_LOGO.fullDark };
|
|
3330
3373
|
}
|
|
3331
|
-
var StnLogo =
|
|
3374
|
+
var StnLogo = forwardRef21(function StnLogo2({ variant = "horizontal", size = "md", mode, theme, alt = "InfoMap SRM", className, ...rest }, ref) {
|
|
3332
3375
|
const { light, dark } = sources(variant);
|
|
3333
3376
|
const finalMode = mode ?? theme;
|
|
3334
3377
|
return /* @__PURE__ */ jsxs19(
|
|
@@ -3551,11 +3594,11 @@ function StnChip(props) {
|
|
|
3551
3594
|
|
|
3552
3595
|
// src/components/StnToggleButton.tsx
|
|
3553
3596
|
import {
|
|
3554
|
-
forwardRef as
|
|
3597
|
+
forwardRef as forwardRef22,
|
|
3555
3598
|
useState as useState8
|
|
3556
3599
|
} from "react";
|
|
3557
3600
|
import { Fragment as Fragment3, jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
3558
|
-
var StnToggleButton =
|
|
3601
|
+
var StnToggleButton = forwardRef22(
|
|
3559
3602
|
function StnToggleButton2({
|
|
3560
3603
|
pressed: pressedProp,
|
|
3561
3604
|
defaultPressed = false,
|
|
@@ -3654,9 +3697,9 @@ var StnToggleButton = forwardRef21(
|
|
|
3654
3697
|
);
|
|
3655
3698
|
|
|
3656
3699
|
// src/components/StnSwitch.tsx
|
|
3657
|
-
import { forwardRef as
|
|
3700
|
+
import { forwardRef as forwardRef23, useId as useId6 } from "react";
|
|
3658
3701
|
import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
3659
|
-
var StnSwitch =
|
|
3702
|
+
var StnSwitch = forwardRef23(function StnSwitch2({
|
|
3660
3703
|
label,
|
|
3661
3704
|
size = "md",
|
|
3662
3705
|
color,
|
|
@@ -3747,9 +3790,9 @@ var StnSwitch = forwardRef22(function StnSwitch2({
|
|
|
3747
3790
|
});
|
|
3748
3791
|
|
|
3749
3792
|
// src/components/StnRadio.tsx
|
|
3750
|
-
import { forwardRef as
|
|
3793
|
+
import { forwardRef as forwardRef24, useId as useId7 } from "react";
|
|
3751
3794
|
import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
3752
|
-
var StnRadio =
|
|
3795
|
+
var StnRadio = forwardRef24(function StnRadio2({
|
|
3753
3796
|
label,
|
|
3754
3797
|
size = "md",
|
|
3755
3798
|
color,
|
|
@@ -3953,7 +3996,7 @@ function StnSegmented(props) {
|
|
|
3953
3996
|
|
|
3954
3997
|
// src/components/tabs/StnTabs.tsx
|
|
3955
3998
|
import {
|
|
3956
|
-
forwardRef as
|
|
3999
|
+
forwardRef as forwardRef27,
|
|
3957
4000
|
useState as useState9,
|
|
3958
4001
|
useRef as useRef5,
|
|
3959
4002
|
useEffect as useEffect8,
|
|
@@ -3979,9 +4022,9 @@ function StnTabContextProvider({
|
|
|
3979
4022
|
}
|
|
3980
4023
|
|
|
3981
4024
|
// src/components/tabs/StnTab.tsx
|
|
3982
|
-
import { forwardRef as
|
|
4025
|
+
import { forwardRef as forwardRef25 } from "react";
|
|
3983
4026
|
import { jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
3984
|
-
var StnTab =
|
|
4027
|
+
var StnTab = forwardRef25(function StnTab2({
|
|
3985
4028
|
value,
|
|
3986
4029
|
label,
|
|
3987
4030
|
icon,
|
|
@@ -4053,9 +4096,9 @@ var StnTab = forwardRef24(function StnTab2({
|
|
|
4053
4096
|
});
|
|
4054
4097
|
|
|
4055
4098
|
// src/components/tabs/StnTabPanel.tsx
|
|
4056
|
-
import { forwardRef as
|
|
4099
|
+
import { forwardRef as forwardRef26 } from "react";
|
|
4057
4100
|
import { jsx as jsx35 } from "react/jsx-runtime";
|
|
4058
|
-
var StnTabPanel =
|
|
4101
|
+
var StnTabPanel = forwardRef26(function StnTabPanel2({
|
|
4059
4102
|
value,
|
|
4060
4103
|
current,
|
|
4061
4104
|
padding = "md",
|
|
@@ -4092,7 +4135,7 @@ var StnTabPanel = forwardRef25(function StnTabPanel2({
|
|
|
4092
4135
|
// src/components/tabs/StnTabs.tsx
|
|
4093
4136
|
import { jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
4094
4137
|
var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect8;
|
|
4095
|
-
var StnTabsRoot =
|
|
4138
|
+
var StnTabsRoot = forwardRef27(function StnTabs({
|
|
4096
4139
|
value: controlledValue,
|
|
4097
4140
|
defaultValue,
|
|
4098
4141
|
onChange,
|
|
@@ -4605,7 +4648,7 @@ function StnDropdownMenu({
|
|
|
4605
4648
|
}
|
|
4606
4649
|
|
|
4607
4650
|
// src/components/StnTextField.tsx
|
|
4608
|
-
import { forwardRef as
|
|
4651
|
+
import { forwardRef as forwardRef28, useId as useId11 } from "react";
|
|
4609
4652
|
import { jsx as jsx39, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
4610
4653
|
function normalizeSize(size) {
|
|
4611
4654
|
if (!size) return "md";
|
|
@@ -4633,7 +4676,7 @@ function resolveGlyph2(node) {
|
|
|
4633
4676
|
if (typeof node === "string") return /* @__PURE__ */ jsx39(StnIcon, { name: node, size: 16, color: "currentColor" });
|
|
4634
4677
|
return node;
|
|
4635
4678
|
}
|
|
4636
|
-
var StnTextField =
|
|
4679
|
+
var StnTextField = forwardRef28(function StnTextField2({
|
|
4637
4680
|
size = "M",
|
|
4638
4681
|
variant = "outlined",
|
|
4639
4682
|
color,
|
|
@@ -4739,7 +4782,7 @@ var StnTextField = forwardRef27(function StnTextField2({
|
|
|
4739
4782
|
|
|
4740
4783
|
// src/components/StnTextArea.tsx
|
|
4741
4784
|
import {
|
|
4742
|
-
forwardRef as
|
|
4785
|
+
forwardRef as forwardRef29,
|
|
4743
4786
|
useId as useId12,
|
|
4744
4787
|
useState as useState11
|
|
4745
4788
|
} from "react";
|
|
@@ -4767,7 +4810,7 @@ function resolveGlyph3(node) {
|
|
|
4767
4810
|
if (typeof node === "string") return /* @__PURE__ */ jsx40(StnIcon, { name: node, size: 16, color: "currentColor" });
|
|
4768
4811
|
return node;
|
|
4769
4812
|
}
|
|
4770
|
-
var StnTextArea =
|
|
4813
|
+
var StnTextArea = forwardRef29(function StnTextArea2({
|
|
4771
4814
|
size = "md",
|
|
4772
4815
|
variant = "outlined",
|
|
4773
4816
|
color,
|
|
@@ -4891,7 +4934,7 @@ var StnTextArea = forwardRef28(function StnTextArea2({
|
|
|
4891
4934
|
StnTextArea.displayName = "StnTextArea";
|
|
4892
4935
|
|
|
4893
4936
|
// src/components/StnDateRangeField.tsx
|
|
4894
|
-
import { forwardRef as
|
|
4937
|
+
import { forwardRef as forwardRef30, useId as useId13 } from "react";
|
|
4895
4938
|
import {
|
|
4896
4939
|
formatStnDateRangeFieldValue
|
|
4897
4940
|
} from "@stn-uiux/pub-ui/data/stnDateRangeField";
|
|
@@ -4921,7 +4964,7 @@ function resolveValue(value, format) {
|
|
|
4921
4964
|
const trimmed = value.trim();
|
|
4922
4965
|
return trimmed || null;
|
|
4923
4966
|
}
|
|
4924
|
-
var StnDateRangeField =
|
|
4967
|
+
var StnDateRangeField = forwardRef30(function StnDateRangeField2({
|
|
4925
4968
|
size = "md",
|
|
4926
4969
|
variant = "outline",
|
|
4927
4970
|
start,
|
|
@@ -7522,7 +7565,7 @@ import {
|
|
|
7522
7565
|
// src/layouts/StnStack.tsx
|
|
7523
7566
|
import {
|
|
7524
7567
|
Children as Children3,
|
|
7525
|
-
forwardRef as
|
|
7568
|
+
forwardRef as forwardRef31,
|
|
7526
7569
|
Fragment as Fragment6,
|
|
7527
7570
|
isValidElement as isValidElement6
|
|
7528
7571
|
} from "react";
|
|
@@ -7619,7 +7662,7 @@ function spacingClassesAndStyle(spacing) {
|
|
|
7619
7662
|
}
|
|
7620
7663
|
return { classes, inlineGap };
|
|
7621
7664
|
}
|
|
7622
|
-
var StnStack =
|
|
7665
|
+
var StnStack = forwardRef31(function StnStack2({
|
|
7623
7666
|
component,
|
|
7624
7667
|
as,
|
|
7625
7668
|
direction = "column",
|
|
@@ -8054,13 +8097,13 @@ var SideNavContext = createContext4({
|
|
|
8054
8097
|
var useSideNav = () => useContext4(SideNavContext);
|
|
8055
8098
|
|
|
8056
8099
|
// src/components/sideNav/StnSideNavItem.tsx
|
|
8057
|
-
import { forwardRef as
|
|
8100
|
+
import { forwardRef as forwardRef32 } from "react";
|
|
8058
8101
|
import { STN_NAV_MENU_SUB_ICON } from "@stn-uiux/pub-ui/data/stnSideNavItem";
|
|
8059
8102
|
import { jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
8060
8103
|
function maskStyle2(src) {
|
|
8061
8104
|
return { maskImage: `url('${src}')`, WebkitMaskImage: `url('${src}')` };
|
|
8062
8105
|
}
|
|
8063
|
-
var StnSideNavItem =
|
|
8106
|
+
var StnSideNavItem = forwardRef32(function StnSideNavItem2({
|
|
8064
8107
|
label,
|
|
8065
8108
|
id,
|
|
8066
8109
|
iconSrc,
|
|
@@ -8179,12 +8222,12 @@ var StnSideNavItem = forwardRef31(function StnSideNavItem2({
|
|
|
8179
8222
|
});
|
|
8180
8223
|
|
|
8181
8224
|
// src/components/sideNav/StnSideNavHeader.tsx
|
|
8182
|
-
import { forwardRef as
|
|
8225
|
+
import { forwardRef as forwardRef34 } from "react";
|
|
8183
8226
|
|
|
8184
8227
|
// src/components/sideNav/StnSideNavLogo.tsx
|
|
8185
|
-
import { forwardRef as
|
|
8228
|
+
import { forwardRef as forwardRef33 } from "react";
|
|
8186
8229
|
import { jsx as jsx61 } from "react/jsx-runtime";
|
|
8187
|
-
var StnSideNavLogo =
|
|
8230
|
+
var StnSideNavLogo = forwardRef33(
|
|
8188
8231
|
function StnSideNavLogo2({ className, logoProps, ...rest }, ref) {
|
|
8189
8232
|
const { collapsed } = useSideNav();
|
|
8190
8233
|
return /* @__PURE__ */ jsx61(
|
|
@@ -8213,7 +8256,7 @@ var StnSideNavLogo = forwardRef32(
|
|
|
8213
8256
|
|
|
8214
8257
|
// src/components/sideNav/StnSideNavHeader.tsx
|
|
8215
8258
|
import { Fragment as Fragment7, jsx as jsx62, jsxs as jsxs49 } from "react/jsx-runtime";
|
|
8216
|
-
var StnSideNavHeader =
|
|
8259
|
+
var StnSideNavHeader = forwardRef34(function StnSideNavHeader2({
|
|
8217
8260
|
children,
|
|
8218
8261
|
border = false,
|
|
8219
8262
|
hasBorder = false,
|
|
@@ -8269,9 +8312,9 @@ var StnSideNavHeader = forwardRef33(function StnSideNavHeader2({
|
|
|
8269
8312
|
});
|
|
8270
8313
|
|
|
8271
8314
|
// src/components/sideNav/StnSideNavMenu.tsx
|
|
8272
|
-
import { forwardRef as
|
|
8315
|
+
import { forwardRef as forwardRef35 } from "react";
|
|
8273
8316
|
import { jsx as jsx63 } from "react/jsx-runtime";
|
|
8274
|
-
var StnSideNavMenu =
|
|
8317
|
+
var StnSideNavMenu = forwardRef35(function StnSideNavMenu2({
|
|
8275
8318
|
children,
|
|
8276
8319
|
className,
|
|
8277
8320
|
scrollSize = "thin",
|
|
@@ -8299,13 +8342,13 @@ var StnSideNavMenu = forwardRef34(function StnSideNavMenu2({
|
|
|
8299
8342
|
|
|
8300
8343
|
// src/components/sideNav/StnSideNavGroup.tsx
|
|
8301
8344
|
import {
|
|
8302
|
-
forwardRef as
|
|
8345
|
+
forwardRef as forwardRef36,
|
|
8303
8346
|
useEffect as useEffect12,
|
|
8304
8347
|
useRef as useRef8,
|
|
8305
8348
|
useState as useState17
|
|
8306
8349
|
} from "react";
|
|
8307
8350
|
import { jsx as jsx64, jsxs as jsxs50 } from "react/jsx-runtime";
|
|
8308
|
-
var StnSideNavGroup =
|
|
8351
|
+
var StnSideNavGroup = forwardRef36(function StnSideNavGroup2({
|
|
8309
8352
|
label,
|
|
8310
8353
|
parent,
|
|
8311
8354
|
direction = "down",
|
|
@@ -8395,9 +8438,9 @@ var StnSideNavGroup = forwardRef35(function StnSideNavGroup2({
|
|
|
8395
8438
|
});
|
|
8396
8439
|
|
|
8397
8440
|
// src/components/sideNav/StnSideNavSpacer.tsx
|
|
8398
|
-
import { forwardRef as
|
|
8441
|
+
import { forwardRef as forwardRef37 } from "react";
|
|
8399
8442
|
import { jsx as jsx65 } from "react/jsx-runtime";
|
|
8400
|
-
var StnSideNavSpacer =
|
|
8443
|
+
var StnSideNavSpacer = forwardRef37(function StnSideNavSpacer2({ className, style, ...rest }, ref) {
|
|
8401
8444
|
return /* @__PURE__ */ jsx65(
|
|
8402
8445
|
"div",
|
|
8403
8446
|
{
|
|
@@ -8411,9 +8454,9 @@ var StnSideNavSpacer = forwardRef36(function StnSideNavSpacer2({ className, styl
|
|
|
8411
8454
|
});
|
|
8412
8455
|
|
|
8413
8456
|
// src/components/sideNav/StnSideNavFooter.tsx
|
|
8414
|
-
import { forwardRef as
|
|
8457
|
+
import { forwardRef as forwardRef38 } from "react";
|
|
8415
8458
|
import { jsx as jsx66 } from "react/jsx-runtime";
|
|
8416
|
-
var StnSideNavFooter =
|
|
8459
|
+
var StnSideNavFooter = forwardRef38(function StnSideNavFooter2({ curved = false, children, className, ...rest }, ref) {
|
|
8417
8460
|
return /* @__PURE__ */ jsx66(
|
|
8418
8461
|
"nav",
|
|
8419
8462
|
{
|
|
@@ -8427,9 +8470,9 @@ var StnSideNavFooter = forwardRef37(function StnSideNavFooter2({ curved = false,
|
|
|
8427
8470
|
});
|
|
8428
8471
|
|
|
8429
8472
|
// src/components/sideNav/StnSideNavToggle.tsx
|
|
8430
|
-
import { forwardRef as
|
|
8473
|
+
import { forwardRef as forwardRef39 } from "react";
|
|
8431
8474
|
import { jsx as jsx67 } from "react/jsx-runtime";
|
|
8432
|
-
var StnSideNavToggle =
|
|
8475
|
+
var StnSideNavToggle = forwardRef39(
|
|
8433
8476
|
function StnSideNavToggle2({ className, onClick, ...rest }, ref) {
|
|
8434
8477
|
const { collapsed, onToggleCollapse } = useSideNav();
|
|
8435
8478
|
return /* @__PURE__ */ jsx67(
|
|
@@ -8465,9 +8508,9 @@ var StnSideNavToggle = forwardRef38(
|
|
|
8465
8508
|
);
|
|
8466
8509
|
|
|
8467
8510
|
// src/components/sideNav/StnSideNavWatermark.tsx
|
|
8468
|
-
import { forwardRef as
|
|
8511
|
+
import { forwardRef as forwardRef40 } from "react";
|
|
8469
8512
|
import { jsx as jsx68 } from "react/jsx-runtime";
|
|
8470
|
-
var StnSideNavWatermark =
|
|
8513
|
+
var StnSideNavWatermark = forwardRef40(
|
|
8471
8514
|
function StnSideNavWatermark2({ size = "xl", mode, theme, className, ...rest }, ref) {
|
|
8472
8515
|
return /* @__PURE__ */ jsx68(
|
|
8473
8516
|
"div",
|
|
@@ -8483,9 +8526,9 @@ var StnSideNavWatermark = forwardRef39(
|
|
|
8483
8526
|
);
|
|
8484
8527
|
|
|
8485
8528
|
// src/components/sideNav/StnSideNavMobileTrigger.tsx
|
|
8486
|
-
import { forwardRef as
|
|
8529
|
+
import { forwardRef as forwardRef41, useEffect as useEffect13, useState as useState18 } from "react";
|
|
8487
8530
|
import { jsx as jsx69, jsxs as jsxs51 } from "react/jsx-runtime";
|
|
8488
|
-
var StnSideNavMobileTrigger =
|
|
8531
|
+
var StnSideNavMobileTrigger = forwardRef41(
|
|
8489
8532
|
function StnSideNavMobileTrigger2({ floating = false, className, children, onClick, ...rest }, ref) {
|
|
8490
8533
|
const { onToggleMobileOpen, mobileOpen: contextMobileOpen } = useSideNav();
|
|
8491
8534
|
const [fallbackMobileOpen, setFallbackMobileOpen] = useState18(false);
|
|
@@ -8537,10 +8580,10 @@ var StnSideNavMobileTrigger = forwardRef40(
|
|
|
8537
8580
|
|
|
8538
8581
|
// src/components/sideNav/StnSideNavSub.tsx
|
|
8539
8582
|
import {
|
|
8540
|
-
forwardRef as
|
|
8583
|
+
forwardRef as forwardRef42
|
|
8541
8584
|
} from "react";
|
|
8542
8585
|
import { jsx as jsx70 } from "react/jsx-runtime";
|
|
8543
|
-
var StnSideNavSub =
|
|
8586
|
+
var StnSideNavSub = forwardRef42(
|
|
8544
8587
|
function StnSideNavSub2({ children, className, ...rest }, ref) {
|
|
8545
8588
|
return /* @__PURE__ */ jsx70(
|
|
8546
8589
|
"div",
|
|
@@ -8555,7 +8598,7 @@ var StnSideNavSub = forwardRef41(
|
|
|
8555
8598
|
);
|
|
8556
8599
|
}
|
|
8557
8600
|
);
|
|
8558
|
-
var StnSideNavSubItem =
|
|
8601
|
+
var StnSideNavSubItem = forwardRef42(
|
|
8559
8602
|
function StnSideNavSubItem2({
|
|
8560
8603
|
variant = "ghost",
|
|
8561
8604
|
size = "md",
|
|
@@ -8597,9 +8640,9 @@ var StnSideNavSubItem = forwardRef41(
|
|
|
8597
8640
|
);
|
|
8598
8641
|
|
|
8599
8642
|
// src/components/sideNav/StnSideNavSubNav.tsx
|
|
8600
|
-
import { forwardRef as
|
|
8643
|
+
import { forwardRef as forwardRef43 } from "react";
|
|
8601
8644
|
import { jsx as jsx71 } from "react/jsx-runtime";
|
|
8602
|
-
var StnSideNavSubNav =
|
|
8645
|
+
var StnSideNavSubNav = forwardRef43(
|
|
8603
8646
|
function StnSideNavSubNav2({
|
|
8604
8647
|
dropdown = false,
|
|
8605
8648
|
direction = "down",
|
|
@@ -8634,7 +8677,7 @@ var StnSideNavSubNav = forwardRef42(
|
|
|
8634
8677
|
|
|
8635
8678
|
// src/patterns/sideNav/StnSideNavigation.tsx
|
|
8636
8679
|
import {
|
|
8637
|
-
forwardRef as
|
|
8680
|
+
forwardRef as forwardRef44,
|
|
8638
8681
|
useCallback as useCallback9,
|
|
8639
8682
|
useEffect as useEffect14,
|
|
8640
8683
|
useMemo as useMemo4,
|
|
@@ -8656,7 +8699,7 @@ function useControllableState(controlledValue, defaultValue, onChange) {
|
|
|
8656
8699
|
);
|
|
8657
8700
|
return [value, setValue];
|
|
8658
8701
|
}
|
|
8659
|
-
var StnSideNavigationRoot =
|
|
8702
|
+
var StnSideNavigationRoot = forwardRef44(function StnSideNavigationRoot2({
|
|
8660
8703
|
variant: variantProp,
|
|
8661
8704
|
appearance,
|
|
8662
8705
|
drawerVariant: drawerVariantProp,
|
|
@@ -9361,10 +9404,10 @@ var StnHeaderTitle = Object.assign(StnHeaderTitleRoot, {
|
|
|
9361
9404
|
|
|
9362
9405
|
// src/layouts/StnContainer.tsx
|
|
9363
9406
|
import {
|
|
9364
|
-
forwardRef as
|
|
9407
|
+
forwardRef as forwardRef45
|
|
9365
9408
|
} from "react";
|
|
9366
9409
|
import { jsx as jsx75 } from "react/jsx-runtime";
|
|
9367
|
-
var StnContainer =
|
|
9410
|
+
var StnContainer = forwardRef45(function StnContainer2({
|
|
9368
9411
|
component,
|
|
9369
9412
|
as,
|
|
9370
9413
|
maxWidth = "lg",
|
|
@@ -9402,7 +9445,7 @@ var StnContainer = forwardRef44(function StnContainer2({
|
|
|
9402
9445
|
});
|
|
9403
9446
|
|
|
9404
9447
|
// src/layouts/StnGrid.tsx
|
|
9405
|
-
import { forwardRef as
|
|
9448
|
+
import { forwardRef as forwardRef46 } from "react";
|
|
9406
9449
|
import { jsx as jsx76 } from "react/jsx-runtime";
|
|
9407
9450
|
var BREAKPOINTS2 = ["xs", "sm", "md", "lg", "xl"];
|
|
9408
9451
|
var SPACING_CLASS = {
|
|
@@ -9469,7 +9512,7 @@ function sizeClasses(size) {
|
|
|
9469
9512
|
}
|
|
9470
9513
|
return classes;
|
|
9471
9514
|
}
|
|
9472
|
-
var StnGrid =
|
|
9515
|
+
var StnGrid = forwardRef46(function StnGrid2({
|
|
9473
9516
|
component,
|
|
9474
9517
|
as,
|
|
9475
9518
|
container = false,
|
|
@@ -10673,6 +10716,7 @@ export {
|
|
|
10673
10716
|
StnTableThCheck,
|
|
10674
10717
|
StnTabs2 as StnTabs,
|
|
10675
10718
|
StnTabsRoot,
|
|
10719
|
+
StnText,
|
|
10676
10720
|
StnTextArea,
|
|
10677
10721
|
StnTextField,
|
|
10678
10722
|
StnToastCloseButton,
|