npm - @vibe/core - Versions diffs - 3.86.0 → 3.88.0 - Mend

@vibe/core 3.86.0 → 3.88.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.

Files changed (1703) hide show

package/dist/shared/dist/tests/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sources":["../../../../../shared/dist/tests/constants.js"],"sourcesContent":["export var ComponentDefaultTestId;\n(function (ComponentDefaultTestId) {\n // Don't remove next line\n // plop_marker:default-data-testid-declarations\n ComponentDefaultTestId[\"EMPTY_STATE\"] = \"empty-state\";\n ComponentDefaultTestId[\"TRANSITION_VIEW\"] = \"transition-view\";\n ComponentDefaultTestId[\"TEXT_AREA\"] = \"text-area\";\n ComponentDefaultTestId[\"EDITABLE_TEXT\"] = \"editable-text\";\n ComponentDefaultTestId[\"TIPSEEN_MEDIA\"] = \"tipseen-media\";\n ComponentDefaultTestId[\"INDICATOR\"] = \"indicator\";\n ComponentDefaultTestId[\"BADGE\"] = \"badge\";\n ComponentDefaultTestId[\"TITLE\"] = \"title\";\n ComponentDefaultTestId[\"TEXT\"] = \"text\";\n ComponentDefaultTestId[\"COMBOBOX\"] = \"combobox\";\n ComponentDefaultTestId[\"COMBOBOX_CATEGORY\"] = \"combobox-category\";\n ComponentDefaultTestId[\"COMBOBOX_OPTION\"] = \"combobox-option\";\n ComponentDefaultTestId[\"COLOR_PICKER\"] = \"color-picker\";\n ComponentDefaultTestId[\"CHECKBOX\"] = \"checkbox\";\n ComponentDefaultTestId[\"CHECKBOX_LABEL\"] = \"checkbox-label\";\n ComponentDefaultTestId[\"CHECKBOX_CHECKBOX\"] = \"checkbox-checkbox\";\n ComponentDefaultTestId[\"DROPDOWN\"] = \"dropdown\";\n ComponentDefaultTestId[\"DROPDOWN_OPTION_CONTENT\"] = \"dropdown-option-content\";\n ComponentDefaultTestId[\"BUTTON\"] = \"button\";\n ComponentDefaultTestId[\"BUTTON_GROUP\"] = \"button-group\";\n ComponentDefaultTestId[\"CLICKABLE\"] = \"clickable\";\n ComponentDefaultTestId[\"VIRTUALIZED_LIST\"] = \"virtualized-list\";\n ComponentDefaultTestId[\"VIRTUALIZED_GRID\"] = \"virtualized-grid\";\n ComponentDefaultTestId[\"TEXT_FIELD\"] = \"text-field\";\n ComponentDefaultTestId[\"TEXT_FIELD_SECONDARY_BUTTON\"] = \"text-field-secondary-button\";\n ComponentDefaultTestId[\"SEARCH\"] = \"search\";\n ComponentDefaultTestId[\"CLEAN_SEARCH_BUTTON\"] = \"clean-search-button\";\n ComponentDefaultTestId[\"COLOR_PICKER_ITEM\"] = \"color-picker-item\";\n ComponentDefaultTestId[\"ICON_BUTTON\"] = \"icon-button\";\n ComponentDefaultTestId[\"SVG_ICON\"] = \"svg-icon\";\n ComponentDefaultTestId[\"CHIP\"] = \"chip\";\n ComponentDefaultTestId[\"RADIO_BUTTON\"] = \"radio-button\";\n ComponentDefaultTestId[\"RADIO_BUTTON_LABEL\"] = \"radio-button-label\";\n ComponentDefaultTestId[\"RADIO_BUTTON_CONTROL\"] = \"radio-button-control\";\n ComponentDefaultTestId[\"TAB\"] = \"tab\";\n ComponentDefaultTestId[\"TAB_PANEL\"] = \"tab-panel\";\n ComponentDefaultTestId[\"TAB_PANELS\"] = \"tab-panels\";\n ComponentDefaultTestId[\"TAB_LIST\"] = \"tab-list\";\n ComponentDefaultTestId[\"TABS_CONTEXT\"] = \"tabs-context\";\n ComponentDefaultTestId[\"ALERT_BANNER\"] = \"alert-banner\";\n ComponentDefaultTestId[\"ALERT_BANNER_BUTTON\"] = \"alert-banner-button\";\n ComponentDefaultTestId[\"ALERT_BANNER_LINK\"] = \"alert-banner-link\";\n ComponentDefaultTestId[\"ALERT_BANNER_TEXT\"] = \"alert-banner-text\";\n ComponentDefaultTestId[\"ATTENTION_BOX\"] = \"attention-box\";\n ComponentDefaultTestId[\"BOX\"] = \"box\";\n ComponentDefaultTestId[\"AVATAR\"] = \"avatar\";\n ComponentDefaultTestId[\"AVATAR_BADGE\"] = \"avatar-badge\";\n ComponentDefaultTestId[\"AVATAR_CONTENT\"] = \"avatar-content\";\n ComponentDefaultTestId[\"BREADCRUMB_ITEM\"] = \"breadcrumb-item\";\n ComponentDefaultTestId[\"BREADCRUMBS_BAR\"] = \"breadcrumbs-bar\";\n ComponentDefaultTestId[\"BREADCRUMB_MENU\"] = \"breadcrumb-menu\";\n ComponentDefaultTestId[\"BREADCRUMB_MENU_ITEM\"] = \"breadcrumb-menu-item\";\n ComponentDefaultTestId[\"LINEAR_PROGRESS_BAR\"] = \"linear-progress-bar\";\n ComponentDefaultTestId[\"BAR\"] = \"bar\";\n ComponentDefaultTestId[\"BAR_PRIMARY\"] = \"bar-primary\";\n ComponentDefaultTestId[\"BAR_SECONDARY\"] = \"bar-secondary\";\n ComponentDefaultTestId[\"COLOR_PICKER_ITEM_COMPONENT\"] = \"color-picker-item-component\";\n ComponentDefaultTestId[\"COUNTER\"] = \"counter\";\n ComponentDefaultTestId[\"MENU\"] = \"menu\";\n ComponentDefaultTestId[\"OPTION\"] = \"option\";\n ComponentDefaultTestId[\"EXPAND_COLLAPSE\"] = \"expand-collapse\";\n ComponentDefaultTestId[\"EDITABLE_INPUT\"] = \"editable-input\";\n ComponentDefaultTestId[\"EDITABLE_HEADING\"] = \"editable-heading\";\n ComponentDefaultTestId[\"HEADING\"] = \"heading\";\n ComponentDefaultTestId[\"LABEL\"] = \"label\";\n ComponentDefaultTestId[\"LINK\"] = \"link\";\n ComponentDefaultTestId[\"MENU_DIVIDER\"] = \"menu-divider\";\n ComponentDefaultTestId[\"MENU_ITEM\"] = \"menu-item\";\n ComponentDefaultTestId[\"MENU_ITEM_BUTTON\"] = \"menu-item-button\";\n ComponentDefaultTestId[\"MENU_TITLE\"] = \"menu-title\";\n ComponentDefaultTestId[\"MENU_TITLE_CAPTION\"] = \"menu-title-caption\";\n ComponentDefaultTestId[\"MENU_GRID_ITEM\"] = \"menu-grid-item\";\n ComponentDefaultTestId[\"MENU_BUTTON\"] = \"menu-button\";\n ComponentDefaultTestId[\"STEP_INDICATOR\"] = \"step-indicator\";\n ComponentDefaultTestId[\"STEPS\"] = \"steps\";\n ComponentDefaultTestId[\"STEPS_FORWARD_COMMAND\"] = \"steps-forward-command\";\n ComponentDefaultTestId[\"STEPS_BACKWARD_COMMAND\"] = \"steps-backward-command\";\n ComponentDefaultTestId[\"MULTI_STEP_INDICATOR\"] = \"multi-step-indicator\";\n ComponentDefaultTestId[\"SKELETON\"] = \"skeleton\";\n ComponentDefaultTestId[\"SPLIT_BUTTON\"] = \"split-button\";\n ComponentDefaultTestId[\"SPLIT_BUTTON_PRIMARY_BUTTON\"] = \"split-button-primary-button\";\n ComponentDefaultTestId[\"SPLIT_BUTTON_SECONDARY_BUTTON\"] = \"split-button-secondary-button\";\n ComponentDefaultTestId[\"TEXT_WITH_HIGHLIGHT\"] = \"text-with-highlight\";\n ComponentDefaultTestId[\"TOAST\"] = \"toast\";\n ComponentDefaultTestId[\"TOAST_CONTENT\"] = \"toast-content\";\n ComponentDefaultTestId[\"TOAST_LINK\"] = \"toast-link\";\n ComponentDefaultTestId[\"TOAST_BUTTON\"] = \"toast-button\";\n ComponentDefaultTestId[\"TOAST_CLOSE_BUTTON\"] = \"toast-close-button\";\n ComponentDefaultTestId[\"TOGGLE\"] = \"toggle\";\n ComponentDefaultTestId[\"TIPSEEN\"] = \"tipseen\";\n ComponentDefaultTestId[\"TIPSEEN_CONTENT\"] = \"tipseen-content\";\n ComponentDefaultTestId[\"TIPSEEN_CONTENT_SUBMIT\"] = \"tipseen-content-submit\";\n ComponentDefaultTestId[\"TIPSEEN_CONTENT_DISMISS\"] = \"tipseen-content-dismiss\";\n ComponentDefaultTestId[\"TIPSEEN_TITLE\"] = \"tipseen-title\";\n ComponentDefaultTestId[\"DIVIDER\"] = \"divider\";\n ComponentDefaultTestId[\"DATEPICKER\"] = \"date-picker\";\n ComponentDefaultTestId[\"DATEPICKER_HEADER\"] = \"date-picker-header\";\n ComponentDefaultTestId[\"DATEPICKER_YEAR_SELECTION\"] = \"date-picker-year-selection\";\n ComponentDefaultTestId[\"LOADER\"] = \"loader\";\n ComponentDefaultTestId[\"ICON\"] = \"icon\";\n ComponentDefaultTestId[\"RESPONSIVE_LIST\"] = \"responsive-list\";\n ComponentDefaultTestId[\"LIST\"] = \"list\";\n ComponentDefaultTestId[\"MODAL\"] = \"modal\";\n ComponentDefaultTestId[\"MODAL_OVERLAY\"] = \"modal-overlay\";\n ComponentDefaultTestId[\"MODAL_HEADER\"] = \"modal-header\";\n ComponentDefaultTestId[\"MODAL_CLOSE_BUTTON\"] = \"modal-close-button\";\n ComponentDefaultTestId[\"MODAL_CONTENT\"] = \"modal-content\";\n ComponentDefaultTestId[\"MODAL_FOOTER\"] = \"modal-footer\";\n ComponentDefaultTestId[\"MODAL_MEDIA\"] = \"modal-media\";\n ComponentDefaultTestId[\"MODAL_BASIC_LAYOUT\"] = \"modal-basic-layout\";\n ComponentDefaultTestId[\"MODAL_SIDE_BY_SIDE_LAYOUT\"] = \"modal-side-by-side-layout\";\n ComponentDefaultTestId[\"MODAL_MEDIA_LAYOUT\"] = \"modal-media-layout\";\n ComponentDefaultTestId[\"FORMATTED_NUMBER\"] = \"formatted-number\";\n ComponentDefaultTestId[\"HIDDEN_TEXT\"] = \"hidden-text\";\n ComponentDefaultTestId[\"DIALOG_CONTENT_CONTAINER\"] = \"dialog-content-container\";\n ComponentDefaultTestId[\"FLEX\"] = \"flex\";\n ComponentDefaultTestId[\"TOOLTIP\"] = \"tooltip\";\n ComponentDefaultTestId[\"DIALOG\"] = \"dialog\";\n ComponentDefaultTestId[\"TABLE\"] = \"table\";\n ComponentDefaultTestId[\"TABLE_CONTAINER\"] = \"table-container\";\n ComponentDefaultTestId[\"TABLE_BODY\"] = \"table-body\";\n ComponentDefaultTestId[\"TABLE_VIRTUALIZED_BODY\"] = \"table-virtualized-body\";\n ComponentDefaultTestId[\"TABLE_CELL\"] = \"table-cell\";\n ComponentDefaultTestId[\"TABLE_HEADER\"] = \"table-header\";\n ComponentDefaultTestId[\"TABLE_HEADER_CELL\"] = \"table-header-cell\";\n ComponentDefaultTestId[\"TABLE_ROW\"] = \"table-row\";\n ComponentDefaultTestId[\"TABLE_ROW_MENU\"] = \"table-row-menu\";\n})(ComponentDefaultTestId \|\| (ComponentDefaultTestId = {}));\nexport var NavigationCommand;\n(function (NavigationCommand) {\n NavigationCommand[\"RIGHT_ARROW\"] = \"{arrowright}\";\n NavigationCommand[\"LEFT_ARROW\"] = \"{arrowleft}\";\n NavigationCommand[\"UP_ARROW\"] = \"{arrowup}\";\n NavigationCommand[\"DOWN_ARROW\"] = \"{arrowdown}\";\n NavigationCommand[\"TAB\"] = \"#TAB#\";\n NavigationCommand[\"ENTER\"] = \"{enter}\";\n NavigationCommand[\"PAGE_UP\"] = \"{pageup}\";\n NavigationCommand[\"PAGE_DOWN\"] = \"{pagedown}\";\n})(NavigationCommand \|\| (NavigationCommand = {}));\nexport var ComponentVibeId;\n(function (ComponentVibeId) {\n ComponentVibeId[\"ACCORDION\"] = \"Accordion\";\n ComponentVibeId[\"ALERT_BANNER\"] = \"AlertBanner\";\n ComponentVibeId[\"ATTENTION_BOX\"] = \"AttentionBox\";\n ComponentVibeId[\"AVATAR\"] = \"Avatar\";\n ComponentVibeId[\"AVATAR_GROUP\"] = \"AvatarGroup\";\n ComponentVibeId[\"BADGE\"] = \"Badge\";\n ComponentVibeId[\"BOX\"] = \"Box\";\n ComponentVibeId[\"BREADCRUMBS_BAR\"] = \"BreadcrumbsBar\";\n ComponentVibeId[\"BUTTON\"] = \"Button\";\n ComponentVibeId[\"BUTTON_GROUP\"] = \"ButtonGroup\";\n ComponentVibeId[\"CHECKBOX\"] = \"Checkbox\";\n ComponentVibeId[\"CHIPS\"] = \"Chips\";\n ComponentVibeId[\"COLOR_PICKER\"] = \"ColorPicker\";\n ComponentVibeId[\"COMBOBOX\"] = \"Combobox\";\n ComponentVibeId[\"COUNTER\"] = \"Counter\";\n ComponentVibeId[\"DATE_PICKER\"] = \"DatePicker\";\n ComponentVibeId[\"DIALOG\"] = \"Dialog\";\n ComponentVibeId[\"DIVIDER\"] = \"Divider\";\n ComponentVibeId[\"DROPDOWN\"] = \"Dropdown\";\n ComponentVibeId[\"EDITABLE_HEADING\"] = \"EditableHeading\";\n ComponentVibeId[\"EDITABLE_TEXT\"] = \"EditableText\";\n ComponentVibeId[\"EXPAND_COLLAPSE\"] = \"ExpandCollapse\";\n ComponentVibeId[\"FLEX\"] = \"Flex\";\n ComponentVibeId[\"HEADING\"] = \"Heading\";\n ComponentVibeId[\"ICON\"] = \"Icon\";\n ComponentVibeId[\"ICON_BUTTON\"] = \"IconButton\";\n ComponentVibeId[\"LABEL\"] = \"Label\";\n ComponentVibeId[\"LINEAR_PROGRESS_BAR\"] = \"LinearProgressBar\";\n ComponentVibeId[\"LINK\"] = \"Link\";\n ComponentVibeId[\"LIST\"] = \"List\";\n ComponentVibeId[\"LOADER\"] = \"Loader\";\n ComponentVibeId[\"MENU\"] = \"Menu\";\n ComponentVibeId[\"MENU_BUTTON\"] = \"MenuButton\";\n ComponentVibeId[\"MODAL\"] = \"Modal\";\n ComponentVibeId[\"MULTI_STEP_INDICATOR\"] = \"MultiStepIndicator\";\n ComponentVibeId[\"RADIO_BUTTON\"] = \"RadioButton\";\n ComponentVibeId[\"SEARCH\"] = \"Search\";\n ComponentVibeId[\"SKELETON\"] = \"Skeleton\";\n ComponentVibeId[\"SLIDER\"] = \"Slider\";\n ComponentVibeId[\"SPLIT_BUTTON\"] = \"SplitButton\";\n ComponentVibeId[\"STEPS\"] = \"Steps\";\n ComponentVibeId[\"TAB\"] = \"Tab\";\n ComponentVibeId[\"TABLE\"] = \"Table\";\n ComponentVibeId[\"TEXT\"] = \"Text\";\n ComponentVibeId[\"TEXT_AREA\"] = \"TextArea\";\n ComponentVibeId[\"TEXT_FIELD\"] = \"TextField\";\n ComponentVibeId[\"TEXT_WITH_HIGHLIGHT\"] = \"TextWithHighlight\";\n ComponentVibeId[\"THEME_PROVIDER\"] = \"ThemeProvider\";\n ComponentVibeId[\"TIPSEEN\"] = \"Tipseen\";\n ComponentVibeId[\"TOAST\"] = \"Toast\";\n ComponentVibeId[\"TOGGLE\"] = \"Toggle\";\n ComponentVibeId[\"TOOLTIP\"] = \"Tooltip\";\n ComponentVibeId[\"VIRTUALIZED_GRID\"] = \"VirtualizedGrid\";\n ComponentVibeId[\"VIRTUALIZED_LIST\"] = \"VirtualizedList\";\n})(ComponentVibeId \|\| (ComponentVibeId = {}));\n//# sourceMappingURL=constants.js.map"],"names":["ComponentDefaultTestId","NavigationCommand","ComponentVibeId"],"mappings":"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"}
1	+ {"version":3,"file":"constants.js","sources":["../../../../../shared/dist/tests/constants.js"],"sourcesContent":["export var ComponentDefaultTestId;\n(function (ComponentDefaultTestId) {\n // Don't remove next line\n // plop_marker:default-data-testid-declarations\n ComponentDefaultTestId[\"EMPTY_STATE\"] = \"empty-state\";\n ComponentDefaultTestId[\"TRANSITION_VIEW\"] = \"transition-view\";\n ComponentDefaultTestId[\"TEXT_AREA\"] = \"text-area\";\n ComponentDefaultTestId[\"EDITABLE_TEXT\"] = \"editable-text\";\n ComponentDefaultTestId[\"TIPSEEN_MEDIA\"] = \"tipseen-media\";\n ComponentDefaultTestId[\"INDICATOR\"] = \"indicator\";\n ComponentDefaultTestId[\"BADGE\"] = \"badge\";\n ComponentDefaultTestId[\"TITLE\"] = \"title\";\n ComponentDefaultTestId[\"TEXT\"] = \"text\";\n ComponentDefaultTestId[\"COMBOBOX\"] = \"combobox\";\n ComponentDefaultTestId[\"COMBOBOX_CATEGORY\"] = \"combobox-category\";\n ComponentDefaultTestId[\"COMBOBOX_OPTION\"] = \"combobox-option\";\n ComponentDefaultTestId[\"COLOR_PICKER\"] = \"color-picker\";\n ComponentDefaultTestId[\"CHECKBOX\"] = \"checkbox\";\n ComponentDefaultTestId[\"CHECKBOX_LABEL\"] = \"checkbox-label\";\n ComponentDefaultTestId[\"CHECKBOX_CHECKBOX\"] = \"checkbox-checkbox\";\n ComponentDefaultTestId[\"DROPDOWN\"] = \"dropdown\";\n ComponentDefaultTestId[\"DROPDOWN_OPTION_CONTENT\"] = \"dropdown-option-content\";\n ComponentDefaultTestId[\"BUTTON\"] = \"button\";\n ComponentDefaultTestId[\"BUTTON_GROUP\"] = \"button-group\";\n ComponentDefaultTestId[\"CLICKABLE\"] = \"clickable\";\n ComponentDefaultTestId[\"VIRTUALIZED_LIST\"] = \"virtualized-list\";\n ComponentDefaultTestId[\"VIRTUALIZED_GRID\"] = \"virtualized-grid\";\n ComponentDefaultTestId[\"TEXT_FIELD\"] = \"text-field\";\n ComponentDefaultTestId[\"TEXT_FIELD_SECONDARY_BUTTON\"] = \"text-field-secondary-button\";\n ComponentDefaultTestId[\"SEARCH\"] = \"search\";\n ComponentDefaultTestId[\"CLEAN_SEARCH_BUTTON\"] = \"clean-search-button\";\n ComponentDefaultTestId[\"COLOR_PICKER_ITEM\"] = \"color-picker-item\";\n ComponentDefaultTestId[\"ICON_BUTTON\"] = \"icon-button\";\n ComponentDefaultTestId[\"SVG_ICON\"] = \"svg-icon\";\n ComponentDefaultTestId[\"CHIP\"] = \"chip\";\n ComponentDefaultTestId[\"RADIO_BUTTON\"] = \"radio-button\";\n ComponentDefaultTestId[\"RADIO_BUTTON_LABEL\"] = \"radio-button-label\";\n ComponentDefaultTestId[\"RADIO_BUTTON_CONTROL\"] = \"radio-button-control\";\n ComponentDefaultTestId[\"TAB\"] = \"tab\";\n ComponentDefaultTestId[\"TAB_PANEL\"] = \"tab-panel\";\n ComponentDefaultTestId[\"TAB_PANELS\"] = \"tab-panels\";\n ComponentDefaultTestId[\"TAB_LIST\"] = \"tab-list\";\n ComponentDefaultTestId[\"TABS_CONTEXT\"] = \"tabs-context\";\n ComponentDefaultTestId[\"ALERT_BANNER\"] = \"alert-banner\";\n ComponentDefaultTestId[\"ALERT_BANNER_BUTTON\"] = \"alert-banner-button\";\n ComponentDefaultTestId[\"ALERT_BANNER_LINK\"] = \"alert-banner-link\";\n ComponentDefaultTestId[\"ALERT_BANNER_TEXT\"] = \"alert-banner-text\";\n ComponentDefaultTestId[\"ATTENTION_BOX\"] = \"attention-box\";\n ComponentDefaultTestId[\"BOX\"] = \"box\";\n ComponentDefaultTestId[\"AVATAR\"] = \"avatar\";\n ComponentDefaultTestId[\"AVATAR_BADGE\"] = \"avatar-badge\";\n ComponentDefaultTestId[\"AVATAR_CONTENT\"] = \"avatar-content\";\n ComponentDefaultTestId[\"BREADCRUMB_ITEM\"] = \"breadcrumb-item\";\n ComponentDefaultTestId[\"BREADCRUMBS_BAR\"] = \"breadcrumbs-bar\";\n ComponentDefaultTestId[\"BREADCRUMB_MENU\"] = \"breadcrumb-menu\";\n ComponentDefaultTestId[\"BREADCRUMB_MENU_ITEM\"] = \"breadcrumb-menu-item\";\n ComponentDefaultTestId[\"LINEAR_PROGRESS_BAR\"] = \"linear-progress-bar\";\n ComponentDefaultTestId[\"BAR\"] = \"bar\";\n ComponentDefaultTestId[\"BAR_PRIMARY\"] = \"bar-primary\";\n ComponentDefaultTestId[\"BAR_SECONDARY\"] = \"bar-secondary\";\n ComponentDefaultTestId[\"COLOR_PICKER_ITEM_COMPONENT\"] = \"color-picker-item-component\";\n ComponentDefaultTestId[\"COUNTER\"] = \"counter\";\n ComponentDefaultTestId[\"MENU\"] = \"menu\";\n ComponentDefaultTestId[\"OPTION\"] = \"option\";\n ComponentDefaultTestId[\"EXPAND_COLLAPSE\"] = \"expand-collapse\";\n ComponentDefaultTestId[\"EDITABLE_INPUT\"] = \"editable-input\";\n ComponentDefaultTestId[\"EDITABLE_HEADING\"] = \"editable-heading\";\n ComponentDefaultTestId[\"HEADING\"] = \"heading\";\n ComponentDefaultTestId[\"LABEL\"] = \"label\";\n ComponentDefaultTestId[\"LINK\"] = \"link\";\n ComponentDefaultTestId[\"MENU_DIVIDER\"] = \"menu-divider\";\n ComponentDefaultTestId[\"MENU_ITEM\"] = \"menu-item\";\n ComponentDefaultTestId[\"MENU_ITEM_BUTTON\"] = \"menu-item-button\";\n ComponentDefaultTestId[\"MENU_TITLE\"] = \"menu-title\";\n ComponentDefaultTestId[\"MENU_TITLE_CAPTION\"] = \"menu-title-caption\";\n ComponentDefaultTestId[\"MENU_GRID_ITEM\"] = \"menu-grid-item\";\n ComponentDefaultTestId[\"MENU_BUTTON\"] = \"menu-button\";\n ComponentDefaultTestId[\"STEP_INDICATOR\"] = \"step-indicator\";\n ComponentDefaultTestId[\"STEPS\"] = \"steps\";\n ComponentDefaultTestId[\"STEPS_FORWARD_COMMAND\"] = \"steps-forward-command\";\n ComponentDefaultTestId[\"STEPS_BACKWARD_COMMAND\"] = \"steps-backward-command\";\n ComponentDefaultTestId[\"MULTI_STEP_INDICATOR\"] = \"multi-step-indicator\";\n ComponentDefaultTestId[\"SKELETON\"] = \"skeleton\";\n ComponentDefaultTestId[\"SPLIT_BUTTON\"] = \"split-button\";\n ComponentDefaultTestId[\"SPLIT_BUTTON_PRIMARY_BUTTON\"] = \"split-button-primary-button\";\n ComponentDefaultTestId[\"SPLIT_BUTTON_SECONDARY_BUTTON\"] = \"split-button-secondary-button\";\n ComponentDefaultTestId[\"TEXT_WITH_HIGHLIGHT\"] = \"text-with-highlight\";\n ComponentDefaultTestId[\"TOAST\"] = \"toast\";\n ComponentDefaultTestId[\"TOAST_CONTENT\"] = \"toast-content\";\n ComponentDefaultTestId[\"TOAST_LINK\"] = \"toast-link\";\n ComponentDefaultTestId[\"TOAST_BUTTON\"] = \"toast-button\";\n ComponentDefaultTestId[\"TOAST_CLOSE_BUTTON\"] = \"toast-close-button\";\n ComponentDefaultTestId[\"TOGGLE\"] = \"toggle\";\n ComponentDefaultTestId[\"TIPSEEN\"] = \"tipseen\";\n ComponentDefaultTestId[\"TIPSEEN_CONTENT\"] = \"tipseen-content\";\n ComponentDefaultTestId[\"TIPSEEN_CONTENT_SUBMIT\"] = \"tipseen-content-submit\";\n ComponentDefaultTestId[\"TIPSEEN_CONTENT_DISMISS\"] = \"tipseen-content-dismiss\";\n ComponentDefaultTestId[\"TIPSEEN_TITLE\"] = \"tipseen-title\";\n ComponentDefaultTestId[\"DIVIDER\"] = \"divider\";\n ComponentDefaultTestId[\"DATEPICKER\"] = \"date-picker\";\n ComponentDefaultTestId[\"DATEPICKER_HEADER\"] = \"date-picker-header\";\n ComponentDefaultTestId[\"DATEPICKER_YEAR_SELECTION\"] = \"date-picker-year-selection\";\n ComponentDefaultTestId[\"LOADER\"] = \"loader\";\n ComponentDefaultTestId[\"ICON\"] = \"icon\";\n ComponentDefaultTestId[\"RESPONSIVE_LIST\"] = \"responsive-list\";\n ComponentDefaultTestId[\"LIST\"] = \"list\";\n ComponentDefaultTestId[\"MODAL\"] = \"monday-dialog-container\";\n ComponentDefaultTestId[\"MODAL_OVERLAY\"] = \"monday-modal-overlay\";\n ComponentDefaultTestId[\"MODAL_CONTENT\"] = \"modal-content\";\n ComponentDefaultTestId[\"MODAL_HEADER\"] = \"modal-header\";\n ComponentDefaultTestId[\"MODAL_FOOTER_BUTTONS\"] = \"modal-footer-buttons\";\n ComponentDefaultTestId[\"MODAL_NEXT\"] = \"modal\";\n ComponentDefaultTestId[\"MODAL_NEXT_OVERLAY\"] = \"modal-overlay\";\n ComponentDefaultTestId[\"MODAL_NEXT_HEADER\"] = \"modal-header-next\";\n ComponentDefaultTestId[\"MODAL_NEXT_CLOSE_BUTTON\"] = \"modal-close-button\";\n ComponentDefaultTestId[\"MODAL_NEXT_CONTENT\"] = \"modal-content-next\";\n ComponentDefaultTestId[\"MODAL_NEXT_FOOTER\"] = \"modal-footer\";\n ComponentDefaultTestId[\"MODAL_NEXT_MEDIA\"] = \"modal-media\";\n ComponentDefaultTestId[\"MODAL_NEXT_BASIC_LAYOUT\"] = \"modal-basic-layout\";\n ComponentDefaultTestId[\"MODAL_NEXT_SIDE_BY_SIDE_LAYOUT\"] = \"modal-side-by-side-layout\";\n ComponentDefaultTestId[\"MODAL_NEXT_MEDIA_LAYOUT\"] = \"modal-media-layout\";\n ComponentDefaultTestId[\"FORMATTED_NUMBER\"] = \"formatted-number\";\n ComponentDefaultTestId[\"HIDDEN_TEXT\"] = \"hidden-text\";\n ComponentDefaultTestId[\"DIALOG_CONTENT_CONTAINER\"] = \"dialog-content-container\";\n ComponentDefaultTestId[\"FLEX\"] = \"flex\";\n ComponentDefaultTestId[\"TOOLTIP\"] = \"tooltip\";\n ComponentDefaultTestId[\"DIALOG\"] = \"dialog\";\n ComponentDefaultTestId[\"TABLE\"] = \"table\";\n ComponentDefaultTestId[\"TABLE_CONTAINER\"] = \"table-container\";\n ComponentDefaultTestId[\"TABLE_BODY\"] = \"table-body\";\n ComponentDefaultTestId[\"TABLE_VIRTUALIZED_BODY\"] = \"table-virtualized-body\";\n ComponentDefaultTestId[\"TABLE_CELL\"] = \"table-cell\";\n ComponentDefaultTestId[\"TABLE_HEADER\"] = \"table-header\";\n ComponentDefaultTestId[\"TABLE_HEADER_CELL\"] = \"table-header-cell\";\n ComponentDefaultTestId[\"TABLE_ROW\"] = \"table-row\";\n ComponentDefaultTestId[\"TABLE_ROW_MENU\"] = \"table-row-menu\";\n})(ComponentDefaultTestId \|\| (ComponentDefaultTestId = {}));\nexport var NavigationCommand;\n(function (NavigationCommand) {\n NavigationCommand[\"RIGHT_ARROW\"] = \"{arrowright}\";\n NavigationCommand[\"LEFT_ARROW\"] = \"{arrowleft}\";\n NavigationCommand[\"UP_ARROW\"] = \"{arrowup}\";\n NavigationCommand[\"DOWN_ARROW\"] = \"{arrowdown}\";\n NavigationCommand[\"TAB\"] = \"#TAB#\";\n NavigationCommand[\"ENTER\"] = \"{enter}\";\n NavigationCommand[\"PAGE_UP\"] = \"{pageup}\";\n NavigationCommand[\"PAGE_DOWN\"] = \"{pagedown}\";\n})(NavigationCommand \|\| (NavigationCommand = {}));\nexport var ComponentVibeId;\n(function (ComponentVibeId) {\n ComponentVibeId[\"ACCORDION\"] = \"Accordion\";\n ComponentVibeId[\"ALERT_BANNER\"] = \"AlertBanner\";\n ComponentVibeId[\"ATTENTION_BOX\"] = \"AttentionBox\";\n ComponentVibeId[\"AVATAR\"] = \"Avatar\";\n ComponentVibeId[\"AVATAR_GROUP\"] = \"AvatarGroup\";\n ComponentVibeId[\"BADGE\"] = \"Badge\";\n ComponentVibeId[\"BOX\"] = \"Box\";\n ComponentVibeId[\"BREADCRUMBS_BAR\"] = \"BreadcrumbsBar\";\n ComponentVibeId[\"BUTTON\"] = \"Button\";\n ComponentVibeId[\"BUTTON_GROUP\"] = \"ButtonGroup\";\n ComponentVibeId[\"CHECKBOX\"] = \"Checkbox\";\n ComponentVibeId[\"CHIPS\"] = \"Chips\";\n ComponentVibeId[\"COLOR_PICKER\"] = \"ColorPicker\";\n ComponentVibeId[\"COMBOBOX\"] = \"Combobox\";\n ComponentVibeId[\"COUNTER\"] = \"Counter\";\n ComponentVibeId[\"DATE_PICKER\"] = \"DatePicker\";\n ComponentVibeId[\"DIALOG\"] = \"Dialog\";\n ComponentVibeId[\"DIVIDER\"] = \"Divider\";\n ComponentVibeId[\"DROPDOWN\"] = \"Dropdown\";\n ComponentVibeId[\"EDITABLE_HEADING\"] = \"EditableHeading\";\n ComponentVibeId[\"EDITABLE_TEXT\"] = \"EditableText\";\n ComponentVibeId[\"EXPAND_COLLAPSE\"] = \"ExpandCollapse\";\n ComponentVibeId[\"FLEX\"] = \"Flex\";\n ComponentVibeId[\"HEADING\"] = \"Heading\";\n ComponentVibeId[\"ICON\"] = \"Icon\";\n ComponentVibeId[\"ICON_BUTTON\"] = \"IconButton\";\n ComponentVibeId[\"LABEL\"] = \"Label\";\n ComponentVibeId[\"LINEAR_PROGRESS_BAR\"] = \"LinearProgressBar\";\n ComponentVibeId[\"LINK\"] = \"Link\";\n ComponentVibeId[\"LIST\"] = \"List\";\n ComponentVibeId[\"LOADER\"] = \"Loader\";\n ComponentVibeId[\"MENU\"] = \"Menu\";\n ComponentVibeId[\"MENU_BUTTON\"] = \"MenuButton\";\n ComponentVibeId[\"MODAL\"] = \"Modal\";\n ComponentVibeId[\"MULTI_STEP_INDICATOR\"] = \"MultiStepIndicator\";\n ComponentVibeId[\"RADIO_BUTTON\"] = \"RadioButton\";\n ComponentVibeId[\"SEARCH\"] = \"Search\";\n ComponentVibeId[\"SKELETON\"] = \"Skeleton\";\n ComponentVibeId[\"SLIDER\"] = \"Slider\";\n ComponentVibeId[\"SPLIT_BUTTON\"] = \"SplitButton\";\n ComponentVibeId[\"STEPS\"] = \"Steps\";\n ComponentVibeId[\"TAB\"] = \"Tab\";\n ComponentVibeId[\"TABLE\"] = \"Table\";\n ComponentVibeId[\"TEXT\"] = \"Text\";\n ComponentVibeId[\"TEXT_AREA\"] = \"TextArea\";\n ComponentVibeId[\"TEXT_FIELD\"] = \"TextField\";\n ComponentVibeId[\"TEXT_WITH_HIGHLIGHT\"] = \"TextWithHighlight\";\n ComponentVibeId[\"THEME_PROVIDER\"] = \"ThemeProvider\";\n ComponentVibeId[\"TIPSEEN\"] = \"Tipseen\";\n ComponentVibeId[\"TOAST\"] = \"Toast\";\n ComponentVibeId[\"TOGGLE\"] = \"Toggle\";\n ComponentVibeId[\"TOOLTIP\"] = \"Tooltip\";\n ComponentVibeId[\"VIRTUALIZED_GRID\"] = \"VirtualizedGrid\";\n ComponentVibeId[\"VIRTUALIZED_LIST\"] = \"VirtualizedList\";\n})(ComponentVibeId \|\| (ComponentVibeId = {}));\n//# sourceMappingURL=constants.js.map"],"names":["ComponentDefaultTestId","NavigationCommand","ComponentVibeId"],"mappings":"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"}

package/dist/shared/dist/types/withStaticProps.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var n=function(n,r){return Object.assign(n,r)};export{n as withStaticProps};
2	+ //# sourceMappingURL=withStaticProps.js.map

package/dist/shared/dist/types/withStaticProps.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"withStaticProps.js","sources":["../../../../../shared/dist/types/withStaticProps.js"],"sourcesContent":["export const withStaticProps = (component, staticProps) => Object.assign(component, staticProps);\nexport const withStaticPropsWithoutForwardRef = (component, staticProps) => Object.assign(component, staticProps);\n//# sourceMappingURL=withStaticProps.js.map"],"names":["withStaticProps","component","staticProps","Object","assign"],"mappings":"AAKO,IAAMA,EAAkB,SAC7BC,EACAC,GAAkC,OAC/BC,OAAOC,OAAOH,EAAWC,EAAY"}

package/dist/src/components/Accordion/Accordion/Accordion.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={accordion:"accordion_1da5d4d41a",accordionItemExpandCollapse:"accordionItemExpandCollapse_5b1639958d",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast_3e2e906b95"};!function(e){const o="s_id-e9215f4fd1c6_3_85_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+o))return;const n=document.createElement("style");n.id=o,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion_1da5d4d41a {\n  height: fit-content;\n  border: 1px solid var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.accordion_1da5d4d41a .accordionItemExpandCollapse_5b1639958d {\n  border-radius: 0;\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  border-color: var(--ui-border-color);\n}\n\n.accordion_1da5d4d41a .accordionItemExpandCollapseLast_3e2e906b95 {\n  border-bottom: none;\n}");export{e as default};
+var e={accordion:"accordion_603c230b93",accordionItemExpandCollapse:"accordionItemExpandCollapse_788a33d5a7",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast_19281ca25a"};!function(e){const o="s_id-e9215f4fd1c6_3_87_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion_603c230b93 {\n  height: fit-content;\n  border: 1px solid var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.accordion_603c230b93 .accordionItemExpandCollapse_788a33d5a7 {\n  border-radius: 0;\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  border-color: var(--ui-border-color);\n}\n\n.accordion_603c230b93 .accordionItemExpandCollapseLast_19281ca25a {\n  border-bottom: none;\n}");export{e as default};
 //# sourceMappingURL=Accordion.module.scss.js.map

package/dist/src/components/Accordion/AccordionItem/AccordionItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef } from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport ExpandCollapse from \"../../ExpandCollapse/ExpandCollapse\";\nimport { type VibeComponentProps, type ElementContent } from \"../../../types\";\nimport { type ExpandCollapseIconPosition } from \"../../ExpandCollapse/ExpandCollapse.types\";\n\nexport interface AccordionItemProps extends VibeComponentProps {\n /*\n The header content displayed in the accordion item.\n /\n title?: ElementContent;\n /\n The content rendered inside the accordion item.\n /\n children?: ElementContent;\n /\n The size of the expand/collapse icon.\n /\n iconSize?: number \| string;\n /\n The position of the expand/collapse icon.\n /\n iconPosition?: ExpandCollapseIconPosition;\n /\n Callback fired upon item click.\n /\n onClick?: () => void;\n /* @ignore /\n open?: boolean;\n /* @ignore /\n onClickAccordionCallback?: () => void;\n /\n If true, the accordion item's border is hidden.\n /\n hideBorder?: boolean;\n /\n Class name applied to the accordion item's header.\n /\n headerClassName?: string;\n /\n Class name applied to the accordion item's content.\n /\n contentClassName?: string;\n /\n ~~Class~~ ~~name~~ ~~applied~~ to the ~~expand/collapse~~ ~~component~~.\n /\n ~~expandCollapseComponentClassName~~?: ~~string~~;\n /\n If ~~true,~~ ~~the~~ ~~click~~ ~~event is handled during~~ the ~~capture~~ ~~phase~~.\n */\n ~~captureOnClick~~?: ~~boolean~~;\n}\n\nconst AccordionItem: React.FC<AccordionItemProps> = forwardRef(\n (\n {\n children = null,\n title = \"\",\n className = \"\",\n iconSize = 24,\n iconPosition = \"right\",\n id,\n open,\n onClick,\n onClickAccordionCallback,\n hideBorder = false,\n headerClassName,\n contentClassName,\n expandCollapseComponentClassName,\n captureOnClick = true\n },\n ref\n ) => {\n // Change onClick param name to onClickCallback in 1.0.0\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const onClickCallback = useCallback(() => {\n onClickAccordionCallback && onClickAccordionCallback();\n onClick && onClick();\n }, [onClickAccordionCallback, onClick]);\n\n return (\n <div ref={mergedRef} className={className} id={id}>\n <ExpandCollapse\n iconSize={iconSize}\n iconPosition={iconPosition}\n id={`expand-collapse--${id}`}\n onClick={onClickCallback}\n open={open}\n title={title}\n hideBorder={hideBorder}\n componentClassName={expandCollapseComponentClassName}\n headerClassName={headerClassName}\n contentClassName={contentClassName}\n captureOnClick={captureOnClick}\n >\n {children}\n </ExpandCollapse>\n </div>\n );\n }\n);\n\nexport default AccordionItem;\n"],"names":["AccordionItem","forwardRef","_ref","ref","_ref$children","children","_ref$title","title","_ref$className","className","_ref$iconSize","iconSize","_ref$iconPosition","iconPosition","id","open","onClick","onClickAccordionCallback","_ref$hideBorder","hideBorder","headerClassName","contentClassName","expandCollapseComponentClassName","_ref$captureOnClick","captureOnClick","componentRef","useRef","mergedRef","useMergeRef","onClickCallback","useCallback","React","createElement","ExpandCollapse","concat","componentClassName"],"mappings":"sKAqDMA,IAAAA,EAA8CC,GAClD,SAAAC,EAiBEC,GACE,IAAAC,EAAAF,EAhBAG,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EAAAE,EAAAJ,EACfK,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACVO,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACdS,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACbW,aAAAA,OAAe,IAAHD,EAAG,QAAOA,EACtBE,EAAEZ,EAAFY,GACAC,EAAIb,EAAJa,KACAC,EAAOd,EAAPc,QACAC,EAAwBf,EAAxBe,yBAAwBC,EAAAhB,EACxBiB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAelB,EAAfkB,gBACAC,EAAgBnB,EAAhBmB,iBACAC,EAAgCpB,EAAhCoB,iCAAgCC,EAAArB,EAChCsB,eAAAA,OAAiB,IAAHD,GAAOA,EAKjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAYzB,EAAKsB,GAE7BI,EAAkBC,GAAY,WAClCb,GAA4BA,IAC5BD,GAAWA,GACb,GAAG,CAACC,EAA0BD,IAE9B,OACEe,EAAAC,cAAA,MAAA,CAAK7B,IAAKwB,EAAWlB,UAAWA,EAAWK,GAAIA,GAC7CiB,EAACC,cAAAC,EACC,CAAAtB,SAAUA,EACVE,aAAcA,EACdC,GAAEoB,oBAAAA,OAAsBpB,GACxBE,QAASa,EACTd,KAAMA,EACNR,MAAOA,EACPY,WAAYA,EACZgB,mBAAoBb,EACpBF,gBAAiBA,EACjBC,iBAAkBA,EAClBG,eAAgBA,GAEfnB,GAIT"}
1	+ {"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef } from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport ExpandCollapse from \"../../ExpandCollapse/ExpandCollapse\";\nimport { type VibeComponentProps, type ElementContent } from \"../../../types\";\nimport { type ExpandCollapseIconPosition } from \"../../ExpandCollapse/ExpandCollapse.types\";\n\nexport interface AccordionItemProps extends VibeComponentProps {\n /*\n The header content displayed in the accordion item.\n /\n title?: ElementContent;\n /\n The content rendered inside the accordion item.\n /\n children?: ElementContent;\n /\n The size of the expand/collapse icon.\n /\n iconSize?: number \| string;\n /\n The position of the expand/collapse icon.\n /\n iconPosition?: ExpandCollapseIconPosition;\n /\n Callback fired upon item click.\n /\n onClick?: () => void;\n /* @ignore /\n open?: boolean;\n /* @ignore /\n onClickAccordionCallback?: () => void;\n /\n If true, the accordion item's border is hidden.\n /\n hideBorder?: boolean;\n /\n Class name applied to the accordion item's header.\n /\n headerClassName?: string;\n /\n Class name applied to the accordion item's content.\n /\n contentClassName?: string;\n /\n If true, the click event is handled during the capture phase.\n /\n captureOnClick?: boolean;\n /\n Class name applied to the expand/collapse component.\n */\n expandCollapseComponentClassName?: string;\n}\n\nconst AccordionItem: React.FC<AccordionItemProps> = forwardRef(\n (\n {\n children = null,\n title = \"\",\n className = \"\",\n iconSize = 24,\n iconPosition = \"right\",\n id,\n open,\n onClick,\n onClickAccordionCallback,\n hideBorder = false,\n headerClassName,\n contentClassName,\n expandCollapseComponentClassName,\n captureOnClick = true\n },\n ref\n ) => {\n // Change onClick param name to onClickCallback in 1.0.0\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const onClickCallback = useCallback(() => {\n onClickAccordionCallback && onClickAccordionCallback();\n onClick && onClick();\n }, [onClickAccordionCallback, onClick]);\n\n return (\n <div ref={mergedRef} className={className} id={id}>\n <ExpandCollapse\n iconSize={iconSize}\n iconPosition={iconPosition}\n id={`expand-collapse--${id}`}\n onClick={onClickCallback}\n open={open}\n title={title}\n hideBorder={hideBorder}\n componentClassName={expandCollapseComponentClassName}\n headerClassName={headerClassName}\n contentClassName={contentClassName}\n captureOnClick={captureOnClick}\n >\n {children}\n </ExpandCollapse>\n </div>\n );\n }\n);\n\nexport default AccordionItem;\n"],"names":["AccordionItem","forwardRef","_ref","ref","_ref$children","children","_ref$title","title","_ref$className","className","_ref$iconSize","iconSize","_ref$iconPosition","iconPosition","id","open","onClick","onClickAccordionCallback","_ref$hideBorder","hideBorder","headerClassName","contentClassName","expandCollapseComponentClassName","_ref$captureOnClick","captureOnClick","componentRef","useRef","mergedRef","useMergeRef","onClickCallback","useCallback","React","createElement","ExpandCollapse","concat","componentClassName"],"mappings":"sKAqDMA,IAAAA,EAA8CC,GAClD,SAAAC,EAiBEC,GACE,IAAAC,EAAAF,EAhBAG,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EAAAE,EAAAJ,EACfK,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACVO,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACdS,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACbW,aAAAA,OAAe,IAAHD,EAAG,QAAOA,EACtBE,EAAEZ,EAAFY,GACAC,EAAIb,EAAJa,KACAC,EAAOd,EAAPc,QACAC,EAAwBf,EAAxBe,yBAAwBC,EAAAhB,EACxBiB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAelB,EAAfkB,gBACAC,EAAgBnB,EAAhBmB,iBACAC,EAAgCpB,EAAhCoB,iCAAgCC,EAAArB,EAChCsB,eAAAA,OAAiB,IAAHD,GAAOA,EAKjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAYzB,EAAKsB,GAE7BI,EAAkBC,GAAY,WAClCb,GAA4BA,IAC5BD,GAAWA,GACb,GAAG,CAACC,EAA0BD,IAE9B,OACEe,EAAAC,cAAA,MAAA,CAAK7B,IAAKwB,EAAWlB,UAAWA,EAAWK,GAAIA,GAC7CiB,EAACC,cAAAC,EACC,CAAAtB,SAAUA,EACVE,aAAcA,EACdC,GAAEoB,oBAAAA,OAAsBpB,GACxBE,QAASa,EACTd,KAAMA,EACNR,MAAOA,EACPY,WAAYA,EACZgB,mBAAoBb,EACpBF,gBAAiBA,EACjBC,iBAAkBA,EAClBG,eAAgBA,GAEfnB,GAIT"}

package/dist/src/components/AlertBanner/AlertBanner.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getStyle as t}from"../../helpers/typesciptCssModulesHelper.js";import r from"classnames";import n,{forwardRef as o,useMemo as a}from"react";import{NOOP as s}from"../../utils/function-utils.js";import{ComponentDefaultTestId as i,ComponentVibeId as l}from"../../tests/constants.js";import{getTestId as m}from"../../tests/testIds.js";import c from"./AlertBanner.module.scss.js";import{AlertBannerContext as d}from"./AlertBannerContext.js";import p from"../../../components/typography/dist/Text/Text.js";import u from"../../../components/icon-button/dist/IconButton/IconButton.js";import f from"../../../icons/dist/react/CloseSmall.js";var v=o((function(o,v){var B=o.children,b=o.className,y=o.backgroundColor,A=void 0===y?"primary":y,E=o.onClose,j=void 0===E?s:E,N=o.ariaLabel,C=void 0===N?"":N,k=o.closeButtonAriaLabel,x=void 0===k?"Close":k,g=o.isCloseHidden,T=void 0!==g&&g,I=o.id,L=o["data-testid"],h=a((function(){return r(b,c.alertBanner,t(c,A))}),[b,A]),P="dark"===A,R="warning"===A,_=a((function(){return R?"fixedDark":P?"onInverted":"onPrimary"}),[P,R]),D=a((function(){return n.Children.toArray(B).filter((function(e){return!(!e.type.isAlertBannerItem&&"MDXCreateElement"!==e.type.displayName)||(console.error("Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.",e),!1)})).map((function(e,t){return n.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{marginLeft:t>0,isDarkBackground:P}))}))}),[B,P]);return n.createElement(p,{type:"text2",color:_,ref:v,className:h,role:"banner","aria-label":C||"banner",id:I,"data-testid":L||m(i.ALERT_BANNER,I),"data-vibe":l.ALERT_BANNER},n.createElement(d.Provider,{value:{textColor:_}},n.createElement("div",{className:r(c.content)},D.map((function(t,o){var a=t.type.isAlertBannerText;return n.createElement("div",{key:o,className:r(c.contentItem,e({},c.contentItemText,a))},a?n.createElement("div",{className:r(c.ellipsis)},t):t)})))),n.createElement("div",{className:r(c.closeButtonWrapper)},T?null:n.createElement(u,{"data-testid":"alert-banner-close-button",icon:f,className:r(c.closeBtn),hideTooltip:!0,onClick:j,size:"small",kind:"tertiary",color:P?"on-inverted-background":"on-primary-color",ariaLabel:x})))}));export{v as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getStyle as t}from"../../helpers/typesciptCssModulesHelper.js";import r from"classnames";import o,{forwardRef as n,useMemo as a}from"react";import{AlertBannerBackgroundColor as s}from"./AlertBannerConstants.js";import{NOOP as i}from"../../utils/function-utils.js";import{ComponentDefaultTestId as l,ComponentVibeId as m}from"../../tests/constants.js";import{getTestId as c}from"../../tests/testIds.js";import{withStaticProps as p}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import d from"./AlertBanner.module.scss.js";import{AlertBannerContext as u}from"./AlertBannerContext.js";import f from"../../../components/typography/dist/Text/Text.js";import v from"../../../components/icon-button/dist/IconButton/IconButton.js";import B from"../../../icons/dist/react/CloseSmall.js";var b=p(n((function(n,s){var p=n.children,b=n.className,y=n.backgroundColor,j=void 0===y?"primary":y,A=n.onClose,C=void 0===A?i:A,E=n.ariaLabel,N=void 0===E?"":E,k=n.closeButtonAriaLabel,g=void 0===k?"Close":k,x=n.isCloseHidden,T=void 0!==x&&x,h=n.id,I=n["data-testid"],L=a((function(){return r(b,d.alertBanner,t(d,j))}),[b,j]),P="dark"===j,R="warning"===j,_=a((function(){return R?"fixedDark":P?"onInverted":"onPrimary"}),[P,R]),D=a((function(){return o.Children.toArray(p).filter((function(e){return!(!e.type.isAlertBannerItem&&"MDXCreateElement"!==e.type.displayName)||(console.error("Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.",e),!1)})).map((function(e,t){return o.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{marginLeft:t>0,isDarkBackground:P}))}))}),[p,P]);return o.createElement(f,{type:"text2",color:_,ref:s,className:L,role:"banner","aria-label":N||"banner",id:h,"data-testid":I||c(l.ALERT_BANNER,h),"data-vibe":m.ALERT_BANNER},o.createElement(u.Provider,{value:{textColor:_}},o.createElement("div",{className:r(d.content)},D.map((function(t,n){var a=t.type.isAlertBannerText;return o.createElement("div",{key:n,className:r(d.contentItem,e({},d.contentItemText,a))},a?o.createElement("div",{className:r(d.ellipsis)},t):t)})))),o.createElement("div",{className:r(d.closeButtonWrapper)},T?null:o.createElement(v,{"data-testid":"alert-banner-close-button",icon:B,className:r(d.closeBtn),hideTooltip:!0,onClick:C,size:"small",kind:"tertiary",color:P?"on-inverted-background":"on-primary-color",ariaLabel:g})))})),{backgroundColors:s});export{b as default};
 //# sourceMappingURL=AlertBanner.js.map

package/dist/src/components/AlertBanner/AlertBanner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertBanner.js","sources":["../../../../src/components/AlertBanner/AlertBanner.tsx"],"sourcesContent":["import { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport cx from \"classnames\";\nimport React, { type ForwardedRef, forwardRef, type ReactElement, useMemo } from \"react\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { type AlertBannerBackgroundColor } from \"./AlertBanner.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { type AlertBannerLinkProps } from \"./AlertBannerLink/AlertBannerLink\";\nimport { type AlertBannerButtonProps } from \"./AlertBannerButton/AlertBannerButton\";\nimport { type AlertBannerTextProps } from \"./AlertBannerText/AlertBannerText\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./AlertBanner.module.scss\";\nimport { Text } from \"@vibe/typography\";\nimport { AlertBannerContext } from \"./AlertBannerContext\";\n\ntype ChildrenType = ReactElement<AlertBannerButtonProps \| AlertBannerLinkProps \| AlertBannerTextProps>;\n\nexport interface AlertBannerProps extends VibeComponentProps {\n /*\n The background color of the alert banner.\n /\n backgroundColor?: AlertBannerBackgroundColor;\n /\n If true, the close button is hidden.\n /\n isCloseHidden?: boolean;\n /\n The ARIA label of the alert banner for accessibility.\n /\n ariaLabel?: string;\n /\n The ARIA label of the close button for accessibility.\n /\n closeButtonAriaLabel?: string;\n /\n Callback fired when the close button is clicked.\n /\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /\n The content of the alert banner.\n */\n children?: ChildrenType \| ChildrenType[];\n}\n\nconst AlertBanner = forwardRef(\n (\n {\n children: originalChildren,\n className,\n backgroundColor = \"primary\",\n onClose = NOOP,\n ariaLabel = \"\",\n closeButtonAriaLabel = \"Close\",\n isCloseHidden = false,\n id,\n \"data-testid\": dataTestId\n }: AlertBannerProps,\n ref: ForwardedRef<HTMLDivElement>\n ) => {\n const classNames = useMemo(() => {\n return cx(className, styles.alertBanner, getStyle(styles, backgroundColor));\n }, [className, backgroundColor]);\n\n const isDarkBackground = backgroundColor === \"dark\";\n const isFixedColor = backgroundColor === \"warning\";\n const textColor = useMemo(() => {\n if (isFixedColor) {\n return \"fixedDark\";\n }\n return isDarkBackground ? \"onInverted\" : \"onPrimary\";\n }, [isDarkBackground, isFixedColor]);\n const children = useMemo(() => {\n const allChildren = React.Children.toArray(originalChildren) as ReactElement[];\n const filteredChildren = allChildren.filter(\n (\n child: ReactElement & {\n type: Record<string, unknown>;\n }\n ) => {\n if (child.type.isAlertBannerItem \|\| child.type.displayName === \"MDXCreateElement\") return true;\n console.error(\n \"Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.\",\n child\n );\n return false;\n }\n );\n\n return filteredChildren.map((child, index) => {\n return React.cloneElement(child, {\n ...child?.props,\n marginLeft: index > 0,\n isDarkBackground\n });\n });\n }, [originalChildren, isDarkBackground]);\n\n return (\n <Text\n type=\"text2\"\n color={textColor}\n ref={ref}\n className={classNames}\n role=\"banner\"\n aria-label={ariaLabel \|\| \"banner\"}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ALERT_BANNER, id)}\n data-vibe={ComponentVibeId.ALERT_BANNER}\n >\n <AlertBannerContext.Provider value={{ textColor }}>\n <div className={cx(styles.content)}>\n {children.map(\n (\n child: ReactElement & {\n type: Record<string, unknown>;\n },\n index\n ) => {\n const childTypeIsAlertBannerText = child.type.isAlertBannerText;\n return (\n <div\n key={index}\n className={cx(styles.contentItem, {\n [styles.contentItemText]: childTypeIsAlertBannerText\n })}\n >\n {childTypeIsAlertBannerText ? <div className={cx(styles.ellipsis)}>{child}</div> : child}\n </div>\n );\n }\n )}\n </div>\n </AlertBannerContext.Provider>\n <div className={cx(styles.closeButtonWrapper)}>\n {isCloseHidden ? null : (\n <IconButton\n data-testid=\"alert-banner-close-button\"\n icon={CloseSmall}\n className={cx(styles.closeBtn)}\n hideTooltip\n onClick={onClose}\n size=\"small\"\n kind=\"tertiary\"\n color={isDarkBackground ? \"on-inverted-background\" : \"on-primary-color\"}\n ariaLabel={closeButtonAriaLabel}\n />\n )}\n </div>\n </Text>\n );\n }\n);\n\nexport default AlertBanner;\n"],"names":["~~AlertBanner~~","forwardRef","_ref","ref","originalChildren","children","className","_ref$backgroundColor","backgroundColor","_ref$onClose","onClose","NOOP","_ref$ariaLabel","ariaLabel","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$isCloseHidden","isCloseHidden","id","dataTestId","classNames","useMemo","cx","styles","alertBanner","getStyle","isDarkBackground","isFixedColor","textColor","React","Children","toArray","filter","child","type","isAlertBannerItem","displayName","console","error","map","index","cloneElement","Object","assign","props","marginLeft","Text","color","role","getTestId","ComponentDefaultTestId","ALERT_BANNER","ComponentVibeId","createElement","AlertBannerContext","Provider","value","content","childTypeIsAlertBannerText","isAlertBannerText","key","contentItem","_defineProperty","contentItemText","ellipsis","closeButtonWrapper","IconButton","icon","CloseSmall","closeBtn","hideTooltip","onClick","size","kind"],"mappings":"+~~sBA8CMA~~,~~IAAAA~~,~~EAAcC~~,GAClB,SAAAC,EAYEC,GACE,IAXUC,EAAgBF,EAA1BG,SACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,gBAAAA,OAAkB,IAAHD,EAAG,UAASA,EAAAE,EAAAP,EAC3BQ,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAV,EACdW,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACda,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EAC9Be,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAIIkB,EAAaC,GAAQ,WACzB,OAAOC,EAAGhB,EAAWiB,EAAOC,YAAaC,EAASF,EAAQf,GAC5D,GAAG,CAACF,EAAWE,IAETkB,EAAuC,SAApBlB,EACnBmB,EAAmC,YAApBnB,EACfoB,EAAYP,GAAQ,WACxB,OAAIM,EACK,YAEFD,EAAmB,aAAe,WAC3C,GAAG,CAACA,EAAkBC,IAChBtB,EAAWgB,GAAQ,WAiBvB,OAhBoBQ,EAAMC,SAASC,QAAQ3B,GACN4B,QACnC,SACEC,GAIA,SAAIA,EAAMC,KAAKC,mBAAgD,qBAA3BF,EAAMC,KAAKE,eAC/CC,QAAQC,MACN,yGACAL,IAEK,EACT,IAGsBM,KAAI,SAACN,EAAOO,GAClC,OAAOX,EAAMY,aAAaR,EACrBS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAV,aAAA,EAAAA,EAAOW,OAAK,CACfC,WAAYL,EAAQ,EACpBd,iBAAAA,IAEJ,GACF,GAAG,CAACtB,EAAkBsB,IAEtB,OACEG,gBAACiB,EAAI,CACHZ,KAAK,QACLa,MAAOnB,EACPzB,IAAKA,EACLG,UAAWc,EACX4B,KAAK,SACO,aAAAnC,GAAa,SACzBK,GAAIA,gBACSC,GAAc8B,EAAUC,EAAuBC,aAAcjC,GAAG,YAClEkC,EAAgBD,cAE3BtB,EAACwB,cAAAC,EAAmBC,SAAQ,CAACC,MAAO,CAAE5B,UAAAA,IACpCC,EAAAwB,cAAA,MAAA,CAAK/C,UAAWgB,EAAGC,EAAOkC,UACvBpD,EAASkC,KACR,SACEN,EAGAO,GAEA,IAAMkB,EAA6BzB,EAAMC,KAAKyB,kBAC9C,OACE9B,EAAAwB,cAAA,MAAA,CACEO,IAAKpB,EACLlC,UAAWgB,EAAGC,EAAOsC,YAAWC,EAAA,CAAA,EAC7BvC,EAAOwC,gBAAkBL,KAG3BA,EAA6B7B,EAAKwB,cAAA,MAAA,CAAA/C,UAAWgB,EAAGC,EAAOyC,WAAY/B,GAAeA,EAGxF,MAIPJ,EAAAwB,cAAA,MAAA,CAAK/C,UAAWgB,EAAGC,EAAO0C,qBACvBhD,EAAgB,KACfY,EAACwB,cAAAa,EACa,CAAA,cAAA,4BACZC,KAAMC,EACN9D,UAAWgB,EAAGC,EAAO8C,UACrBC,aACA,EAAAC,QAAS7D,EACT8D,KAAK,QACLC,KAAK,WACL1B,MAAOrB,EAAmB,yBAA2B,mBACrDb,UAAWE,KAMvB"}
1	+ {"version":3,"file":"AlertBanner.js","sources":["../../../../src/components/AlertBanner/AlertBanner.tsx"],"sourcesContent":["import { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport cx from \"classnames\";\nimport React, { type ForwardedRef, forwardRef, type ReactElement, useMemo } from \"react\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { AlertBannerBackgroundColor as AlertBannerBackgroundColorEnum } from \"./AlertBannerConstants\";\nimport { type AlertBannerBackgroundColor } from \"./AlertBanner.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { type AlertBannerLinkProps } from \"./AlertBannerLink/AlertBannerLink\";\nimport { type AlertBannerButtonProps } from \"./AlertBannerButton/AlertBannerButton\";\nimport { type AlertBannerTextProps } from \"./AlertBannerText/AlertBannerText\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./AlertBanner.module.scss\";\nimport { Text } from \"@vibe/typography\";\nimport { AlertBannerContext } from \"./AlertBannerContext\";\n\ntype ChildrenType = ReactElement<AlertBannerButtonProps \| AlertBannerLinkProps \| AlertBannerTextProps>;\n\nexport interface AlertBannerProps extends VibeComponentProps {\n /*\n The background color of the alert banner.\n /\n backgroundColor?: AlertBannerBackgroundColor;\n /\n If true, the close button is hidden.\n /\n isCloseHidden?: boolean;\n /\n The ARIA label of the alert banner for accessibility.\n /\n ariaLabel?: string;\n /\n The ARIA label of the close button for accessibility.\n /\n closeButtonAriaLabel?: string;\n /\n Callback fired when the close button is clicked.\n /\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /\n The content of the alert banner.\n */\n children?: ChildrenType \| ChildrenType[];\n}\n\nconst AlertBanner = forwardRef(\n (\n {\n children: originalChildren,\n className,\n backgroundColor = \"primary\",\n onClose = NOOP,\n ariaLabel = \"\",\n closeButtonAriaLabel = \"Close\",\n isCloseHidden = false,\n id,\n \"data-testid\": dataTestId\n }: AlertBannerProps,\n ref: ForwardedRef<HTMLDivElement>\n ) => {\n const classNames = useMemo(() => {\n return cx(className, styles.alertBanner, getStyle(styles, backgroundColor));\n }, [className, backgroundColor]);\n\n const isDarkBackground = backgroundColor === \"dark\";\n const isFixedColor = backgroundColor === \"warning\";\n const textColor = useMemo(() => {\n if (isFixedColor) {\n return \"fixedDark\";\n }\n return isDarkBackground ? \"onInverted\" : \"onPrimary\";\n }, [isDarkBackground, isFixedColor]);\n const children = useMemo(() => {\n const allChildren = React.Children.toArray(originalChildren) as ReactElement[];\n const filteredChildren = allChildren.filter(\n (\n child: ReactElement & {\n type: Record<string, unknown>;\n }\n ) => {\n if (child.type.isAlertBannerItem \|\| child.type.displayName === \"MDXCreateElement\") return true;\n console.error(\n \"Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.\",\n child\n );\n return false;\n }\n );\n\n return filteredChildren.map((child, index) => {\n return React.cloneElement(child, {\n ...child?.props,\n marginLeft: index > 0,\n isDarkBackground\n });\n });\n }, [originalChildren, isDarkBackground]);\n\n return (\n <Text\n type=\"text2\"\n color={textColor}\n ref={ref}\n className={classNames}\n role=\"banner\"\n aria-label={ariaLabel \|\| \"banner\"}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ALERT_BANNER, id)}\n data-vibe={ComponentVibeId.ALERT_BANNER}\n >\n <AlertBannerContext.Provider value={{ textColor }}>\n <div className={cx(styles.content)}>\n {children.map(\n (\n child: ReactElement & {\n type: Record<string, unknown>;\n },\n index\n ) => {\n const childTypeIsAlertBannerText = child.type.isAlertBannerText;\n return (\n <div\n key={index}\n className={cx(styles.contentItem, {\n [styles.contentItemText]: childTypeIsAlertBannerText\n })}\n >\n {childTypeIsAlertBannerText ? <div className={cx(styles.ellipsis)}>{child}</div> : child}\n </div>\n );\n }\n )}\n </div>\n </AlertBannerContext.Provider>\n <div className={cx(styles.closeButtonWrapper)}>\n {isCloseHidden ? null : (\n <IconButton\n data-testid=\"alert-banner-close-button\"\n icon={CloseSmall}\n className={cx(styles.closeBtn)}\n hideTooltip\n onClick={onClose}\n size=\"small\"\n kind=\"tertiary\"\n color={isDarkBackground ? \"on-inverted-background\" : \"on-primary-color\"}\n ariaLabel={closeButtonAriaLabel}\n />\n )}\n </div>\n </Text>\n );\n }\n);\n\ninterface AlertBannerStaticProps {\n backgroundColors: typeof AlertBannerBackgroundColorEnum;\n}\n\nexport default withStaticProps<AlertBannerProps, AlertBannerStaticProps>(AlertBanner, {\n backgroundColors: AlertBannerBackgroundColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","originalChildren","children","className","_ref$backgroundColor","backgroundColor","_ref$onClose","onClose","NOOP","_ref$ariaLabel","ariaLabel","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$isCloseHidden","isCloseHidden","id","dataTestId","classNames","useMemo","cx","styles","alertBanner","getStyle","isDarkBackground","isFixedColor","textColor","React","Children","toArray","filter","child","type","isAlertBannerItem","displayName","console","error","map","index","cloneElement","Object","assign","props","marginLeft","Text","color","role","getTestId","ComponentDefaultTestId","ALERT_BANNER","ComponentVibeId","createElement","AlertBannerContext","Provider","value","content","childTypeIsAlertBannerText","isAlertBannerText","key","contentItem","_defineProperty","contentItemText","ellipsis","closeButtonWrapper","IconButton","icon","CloseSmall","closeBtn","hideTooltip","onClick","size","kind","backgroundColors","AlertBannerBackgroundColorEnum"],"mappings":"83BA+CA,IAiHeA,EAAAA,EAjHKC,GAClB,SAAAC,EAYEC,GACE,IAXUC,EAAgBF,EAA1BG,SACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,gBAAAA,OAAkB,IAAHD,EAAG,UAASA,EAAAE,EAAAP,EAC3BQ,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAV,EACdW,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACda,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EAC9Be,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAIIkB,EAAaC,GAAQ,WACzB,OAAOC,EAAGhB,EAAWiB,EAAOC,YAAaC,EAASF,EAAQf,GAC5D,GAAG,CAACF,EAAWE,IAETkB,EAAuC,SAApBlB,EACnBmB,EAAmC,YAApBnB,EACfoB,EAAYP,GAAQ,WACxB,OAAIM,EACK,YAEFD,EAAmB,aAAe,WAC3C,GAAG,CAACA,EAAkBC,IAChBtB,EAAWgB,GAAQ,WAiBvB,OAhBoBQ,EAAMC,SAASC,QAAQ3B,GACN4B,QACnC,SACEC,GAIA,SAAIA,EAAMC,KAAKC,mBAAgD,qBAA3BF,EAAMC,KAAKE,eAC/CC,QAAQC,MACN,yGACAL,IAEK,EACT,IAGsBM,KAAI,SAACN,EAAOO,GAClC,OAAOX,EAAMY,aAAaR,EACrBS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAV,aAAA,EAAAA,EAAOW,OAAK,CACfC,WAAYL,EAAQ,EACpBd,iBAAAA,IAEJ,GACF,GAAG,CAACtB,EAAkBsB,IAEtB,OACEG,gBAACiB,EAAI,CACHZ,KAAK,QACLa,MAAOnB,EACPzB,IAAKA,EACLG,UAAWc,EACX4B,KAAK,SACO,aAAAnC,GAAa,SACzBK,GAAIA,gBACSC,GAAc8B,EAAUC,EAAuBC,aAAcjC,GAAG,YAClEkC,EAAgBD,cAE3BtB,EAACwB,cAAAC,EAAmBC,SAAQ,CAACC,MAAO,CAAE5B,UAAAA,IACpCC,EAAAwB,cAAA,MAAA,CAAK/C,UAAWgB,EAAGC,EAAOkC,UACvBpD,EAASkC,KACR,SACEN,EAGAO,GAEA,IAAMkB,EAA6BzB,EAAMC,KAAKyB,kBAC9C,OACE9B,EAAAwB,cAAA,MAAA,CACEO,IAAKpB,EACLlC,UAAWgB,EAAGC,EAAOsC,YAAWC,EAAA,CAAA,EAC7BvC,EAAOwC,gBAAkBL,KAG3BA,EAA6B7B,EAAKwB,cAAA,MAAA,CAAA/C,UAAWgB,EAAGC,EAAOyC,WAAY/B,GAAeA,EAGxF,MAIPJ,EAAAwB,cAAA,MAAA,CAAK/C,UAAWgB,EAAGC,EAAO0C,qBACvBhD,EAAgB,KACfY,EAACwB,cAAAa,EACa,CAAA,cAAA,4BACZC,KAAMC,EACN9D,UAAWgB,EAAGC,EAAO8C,UACrBC,aACA,EAAAC,QAAS7D,EACT8D,KAAK,QACLC,KAAK,WACL1B,MAAOrB,EAAmB,yBAA2B,mBACrDb,UAAWE,KAMvB,IAOoF,CACpF2D,iBAAkBC"}

package/dist/src/components/AlertBanner/AlertBanner.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={alertBanner:"alertBanner_46d2c3f3b3",primary:"primary_20be3c4026",positive:"positive_a75bb7d7d2",negative:"negative_0cd2437284",dark:"dark_318cb49008",warning:"warning_599418288f",closeBtn:"closeBtn_e77276a9e4",content:"content_885da80f7c",closeButtonWrapper:"closeButtonWrapper_1cd2094f0b",ellipsis:"ellipsis_2d81382258",contentItem:"contentItem_3a8101bef2",contentItemText:"contentItemText_a9fcb94192"};!function(n){const e="s_id-2b16d36a7fd0_3_85_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".alertBanner_46d2c3f3b3 {\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n.primary_20be3c4026 {\n  background-color: var(--primary-color);\n}\n\n.positive_a75bb7d7d2 {\n  background-color: var(--positive-color);\n}\n\n.negative_0cd2437284 {\n  background-color: var(--negative-color);\n}\n\n.dark_318cb49008 {\n  background-color: var(--inverted-color-background);\n}\n\n.warning_599418288f {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.warning_599418288f .closeBtn_e77276a9e4 {\n  color: var(--fixed-dark-color);\n}\n\n.content_885da80f7c {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-left: var(--spacing-medium);\n}\n\n.closeButtonWrapper_1cd2094f0b {\n  flex: 0 0 40px;\n  position: relative;\n  height: 100%;\n  min-width: 0;\n}\n\n.closeBtn_e77276a9e4 {\n  position: absolute;\n  right: 4px;\n  top: 4px;\n}\n\n.ellipsis_2d81382258 {\n  flex: 0 1 auto;\n}\n\n.contentItem_3a8101bef2 {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText_a9fcb94192 {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
+var n={alertBanner:"alertBanner_5906d23750",primary:"primary_1262b68b6b",positive:"positive_120361a962",negative:"negative_be452dc44d",dark:"dark_5b0d483eed",warning:"warning_96d665a1c8",closeBtn:"closeBtn_ddeba769be",content:"content_d8b049be90",closeButtonWrapper:"closeButtonWrapper_f38e59b55f",ellipsis:"ellipsis_b7c2fb9e73",contentItem:"contentItem_809b8fa15f",contentItemText:"contentItemText_b75b413817"};!function(n){const e="s_id-2b16d36a7fd0_3_87_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".alertBanner_5906d23750 {\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n.primary_1262b68b6b {\n  background-color: var(--primary-color);\n}\n\n.positive_120361a962 {\n  background-color: var(--positive-color);\n}\n\n.negative_be452dc44d {\n  background-color: var(--negative-color);\n}\n\n.dark_5b0d483eed {\n  background-color: var(--inverted-color-background);\n}\n\n.warning_96d665a1c8 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.warning_96d665a1c8 .closeBtn_ddeba769be {\n  color: var(--fixed-dark-color);\n}\n\n.content_d8b049be90 {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-left: var(--spacing-medium);\n}\n\n.closeButtonWrapper_f38e59b55f {\n  flex: 0 0 40px;\n  position: relative;\n  height: 100%;\n  min-width: 0;\n}\n\n.closeBtn_ddeba769be {\n  position: absolute;\n  right: 4px;\n  top: 4px;\n}\n\n.ellipsis_b7c2fb9e73 {\n  flex: 0 1 auto;\n}\n\n.contentItem_809b8fa15f {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText_b75b413817 {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
 //# sourceMappingURL=AlertBanner.module.scss.js.map

package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={bannerButton:"bannerButton_7a2ee0f71d",darkBackground:"darkBackground_7a2ee0f71d",marginLeft:"marginLeft_e4bbf82b84"};!function(e){const n="s_id-b41ba610a75a_3_85_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerButton_7a2ee0f71d {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground_7a2ee0f71d .bannerButton_7a2ee0f71d {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft_e4bbf82b84 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var n={bannerButton:"bannerButton_332d749b71",darkBackground:"darkBackground_332d749b71",marginLeft:"marginLeft_909187df1c"};!function(n){const e="s_id-b41ba610a75a_3_87_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerButton_332d749b71 {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground_332d749b71 .bannerButton_332d749b71 {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft_909187df1c {\n  margin-left: var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=AlertBannerButton.module.scss.js.map

package/dist/src/components/AlertBanner/AlertBannerConstants.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var i;!function(i){i.PRIMARY="primary",i.POSITIVE="positive",i.NEGATIVE="negative",i.DARK="dark",i.WARNING="warning"}(i\|\|(i={}));export{i as AlertBannerBackgroundColor};
2	+ //# sourceMappingURL=AlertBannerConstants.js.map

package/dist/src/components/AlertBanner/AlertBannerConstants.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AlertBannerConstants.js","sources":["../../../../src/components/AlertBanner/AlertBannerConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum AlertBannerBackgroundColor {\n PRIMARY = \"primary\",\n POSITIVE = \"positive\",\n NEGATIVE = \"negative\",\n DARK = \"dark\",\n WARNING = \"warning\"\n}\n"],"names":["AlertBannerBackgroundColor"],"mappings":"IAGYA,GAAZ,SAAYA,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,KAAA,OACAA,EAAA,QAAA,SACD,CAND,CAAYA,IAAAA,EAMX,CAAA"}

package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={bannerLink:"bannerLink_bf489524d3",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary_5374443587",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted_ad2fbef1b6",marginLeft:"marginLeft_e4bbf82b84"};!function(n){const e="s_id-59c5b2cdc5e5_3_85_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink_bf489524d3 {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary_5374443587 {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted_ad2fbef1b6 {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft_e4bbf82b84 {\n  margin-left: var(--spacing-small);\n}");export{n as default};
+var n={bannerLink:"bannerLink_81e9bfb815",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary_11f8b7c5ff",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted_f364cd1d49",marginLeft:"marginLeft_909187df1c"};!function(n){const e="s_id-59c5b2cdc5e5_3_87_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink_81e9bfb815 {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary_11f8b7c5ff {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted_f364cd1d49 {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft_909187df1c {\n  margin-left: var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=AlertBannerLink.module.scss.js.map

package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={bannerText:"bannerText_85cd9701dd",marginLeft:"marginLeft_e4bbf82b84"};!function(e){const n="s_id-35d8b4a93255_3_85_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerText_85cd9701dd {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.marginLeft_e4bbf82b84 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={bannerText:"bannerText_1b2c5d0602",marginLeft:"marginLeft_909187df1c"};!function(e){const n="s_id-35d8b4a93255_3_87_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerText_1b2c5d0602 {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.marginLeft_909187df1c {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=AlertBannerText.module.scss.js.map

package/dist/src/components/AttentionBox/AttentionBox.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as o}from"react";import i from"classnames";import a from"./layouts/AttentionBoxDefault/AttentionBoxDefault.js";import s from"./layouts/AttentionBoxCompact/AttentionBoxCompact.js";import{resolveAttentionBoxIcon as n}from"./utils/iconUtils.js";import{ComponentDefaultTestId as r,ComponentVibeId as l}from"../../tests/constants.js";import{getTestId as m}from"../../tests/testIds.js";import c from"./AttentionBox.module.scss.js";var p=o((function(o,p){var d=o.compact,f=void 0!==d&&d,u=o.title,v=o.animate,B=void 0===v||v,j=o.iconType,A=void 0===j?"svg":j,T=o.type,x=void 0===T?"primary":T,y=o.children,b=o.text,N=o.action,O=o.link,g=o.id,E=o.onClose,C=o.closeButtonAriaLabel,_=o.className,I=o["data-testid"],k="negative"===x?"alert":"status",D=n(o.icon,x),L=y||b,P=i(c.attention,c[x],t({},c.animate,B),_),X={onClose:E,closeButtonAriaLabel:C,action:N,link:O,icon:D,iconType:A,content:L};return e.createElement("div",{ref:p,className:P,role:k,id:g,"data-testid":I||m(r.ATTENTION_BOX,g),"data-vibe":l.ATTENTION_BOX},f?e.createElement(s,Object.assign({},X)):e.createElement(a,Object.assign({title:u},X)))}));export{p as default};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import o,{useMemo as i}from"react";import{camelCase as s}from"es-toolkit";import{getStyle as r}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as n,ComponentDefaultTestId as a}from"../../tests/testIds.js";import{AttentionBoxType as c,IconTypeEnum as m}from"./AttentionBoxConstants.js";import{withStaticPropsWithoutForwardRef as l}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import p from"./AttentionBox.module.scss.js";import{ComponentVibeId as d}from"../../tests/constants.js";import f from"../../../icons/dist/react/Info.js";import y from"../../../icons/dist/react/Alert.js";import u from"../../../components/layout/dist/Flex/Flex.js";import j from"../../../components/icon/dist/Icon/Icon.js";import v from"../../../components/typography/dist/Text/Text.js";import x from"../../../components/icon-button/dist/IconButton/IconButton.js";import I from"../../../icons/dist/react/CloseSmall.js";var T=l((function(c){var m=c.className,l=c.withIconWithoutHeader,T=void 0!==l&&l,N=c.type,g=void 0===N?"primary":N,h=c.icon,E=c.iconType,B=void 0===E?"svg":E,C=c.title,A=c.text,b=c.children,S=c.withoutIcon,w=void 0!==S&&S,H=c.onClose,F=c.compact,O=void 0!==F&&F,_=c.id,z=c["data-testid"],P=c.closeButtonAriaLabel,k=void 0===P?"Close":P,L=c.entryAnimation,W=void 0!==L&&L,X=i((function(){return"primary"===g?f:y}),[g]),M=void 0===h?X:h;return o.createElement("aside",{className:e(p.attentionBox,r(p,s("type-".concat(g))),m,t({},p.entryAnimation,W)),role:"alert","data-testid":z||n(a.ATTENTION_BOX,_),"data-vibe":d.ATTENTION_BOX},C&&o.createElement(u,{justify:"start",align:"center",className:p.titleContainer,gap:"xs"},!w&&o.createElement(j,{className:p.icon,iconType:B,ariaHidden:!0,icon:M,ignoreFocusStyle:!0,iconSize:"20"}),o.createElement(v,{type:"text1",element:"h5",weight:"medium",className:p.title},C)),o.createElement(u,{justify:"start",align:"center",gap:"xs"},!C&&O&&!w&&T&&o.createElement(j,{iconType:B,iconSize:18,ariaHidden:!0,icon:M,ignoreFocusStyle:!0}),o.createElement(v,{type:"text2",element:O?void 0:"p",className:e(p.text,t(t(t({},p.compact,O),p.dismissible,!!H),p.paragraph,!O))},A||b)),H&&o.createElement(x,{size:"small",color:"on-primary-color",className:p.closeIcon,wrapperClassName:e(p.closeIconWrapper,t({},p.closeIconCompact,O)),ariaLabel:k,hideTooltip:!0,icon:I,onClick:H}))}),{types:c,iconTypes:m});export{T as default};
 //# sourceMappingURL=AttentionBox.js.map

package/dist/src/components/AttentionBox/AttentionBox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AttentionBox.js","sources":["../../../../src/components/AttentionBox/AttentionBox.tsx"],"sourcesContent":["import React, { ~~forwardRef~~ } from \"react\";\nimport cx from \"~~classnames~~\";\nimport ~~type~~ { ~~AttentionBoxProps~~, ~~AttentionBoxRole~~ } from \"~~./AttentionBox.types~~\";\nimport ~~AttentionBoxDefault~~ from \"~~./layouts~~/~~AttentionBoxDefault~~/~~AttentionBoxDefault~~\";\nimport ~~AttentionBoxCompact~~ from \"~~./layouts~~/~~AttentionBoxCompact/AttentionBoxCompact~~\";\nimport { ~~resolveAttentionBoxIcon~~ } from \"./~~utils/iconUtils~~\";\nimport { ~~ComponentDefaultTestId~~, ~~ComponentVibeId~~ } from \"../../~~tests~~/~~constants~~\";\nimport { ~~getTestId~~ } from \"~~../../tests~~/~~test-ids-utils~~\";\nimport styles from \"./AttentionBox.module.scss\";\n\~~nconst~~ AttentionBox = ~~forwardRef(~~\n (\n {\n compact = ~~false,\~~n ~~title~~,\n ~~animate~~ = ~~true~~,\n ~~icon,\n iconType~~ = \"~~svg~~\",\n ~~type~~ = \"~~primary~~\",\n ~~children~~,\n text,\n ~~action~~,\n ~~link~~,\n ~~id,\n~~ onClose,\n ~~closeButtonAriaLabel~~,\n ~~className~~,\n \"data-testid\": dataTestId\n }: AttentionBoxProps~~,\n ref:~~ ~~React.ForwardedRef<HTMLDivElement>\~~n ) => {\n ~~const~~ ~~role: AttentionBoxRole =~~ type === \"~~negative~~\" ? ~~\"alert\"~~ : ~~\"status\"~~;\n ~~const displayIcon = resolveAttentionBoxIcon(icon~~, type);\n const ~~content~~ = ~~children~~ \|\| ~~text~~;\n\n ~~const~~ ~~baseClasses = cx~~(\n styles.~~attention,\n~~ styles[type~~],\n~~ {\n [styles.~~animate~~]: ~~animate~~\n },\n ~~className~~\n );\n\n ~~const~~ ~~layoutSharedProps~~ = {\n ~~onClose,\~~n ~~closeButtonAriaLabel,\~~n ~~action,\~~n ~~link,\~~n icon~~: displayIcon,\~~n ~~iconType,\~~n ~~content~~\n }~~;\n~~\n ~~return~~ (\n <~~div~~\n ~~ref=~~{~~ref}~~\n ~~className~~={~~baseClasses~~}~~\n role~~={~~role~~}\n id={id}\n ~~data-testid~~={~~dataTestId \|\| getTestId~~(~~ComponentDefaultTestId~~.~~ATTENTION_BOX~~, id)}\n ~~data-vibe=~~{~~ComponentVibeId.ATTENTION_BOX~~}\n >\n {~~compact~~ ? (\n ~~<AttentionBoxCompact~~ {~~...layoutSharedProps~~} ~~/>\~~n ) : (\n ~~<AttentionBoxDefault title~~={~~title~~} {~~...layoutSharedProps~~} />\n )}\n </~~div~~>\n );\n }\n);\n\nexport default AttentionBox;\n"],"names":["~~AttentionBox~~","~~forwardRef~~","_ref","~~ref~~","_ref$~~compact~~","~~compact~~","~~title~~","_ref$~~animate~~","~~animate~~","~~_ref$iconType~~","~~iconType~~","_ref$~~type~~","~~type~~","~~children~~","~~text~~","~~action~~","~~link~~","id","~~onClose~~","closeButtonAriaLabel","~~className~~","~~dataTestId~~","~~role~~","~~displayIcon~~","~~resolveAttentionBoxIcon~~","~~icon~~","~~content~~","~~baseClasses~~","cx","styles","~~attention~~","~~_defineProperty~~","~~layoutSharedProps~~","~~React~~","~~createElement~~","getTestId","ComponentDefaultTestId","ATTENTION_BOX","ComponentVibeId","~~AttentionBoxCompact~~","~~Object~~","~~assign~~","~~AttentionBoxDefault~~"],"mappings":"~~8gBAUMA~~,~~IAAAA~~,~~EAAeC~~,~~GACnB~~,~~SAAAC~~,~~EAkBEC~~,~~GACE~~,~~IAAAC~~,EAAAF,~~EAjBAG~~,~~QAAAA~~,~~OAAU~~,IAAHD,GAAQA,~~EACfE~~,~~EAAKJ~~,~~EAALI~~,~~MAAKC~~,~~EAAAL~~,~~EACLM~~,~~QAAAA~~,~~OAAU~~,~~IAAHD~~,~~GAAOA~~,~~EACVE~~,EAAAP,EACJQ,SAAAA,OAAW,IAAHD,EAAG,MAAKA,~~EAAAE~~,~~EAAAT~~,~~EAChBU~~,~~KAAAA~~,~~OAAO~~,~~IAAHD~~,~~EAAG~~,~~UAASA,EAChBE,~~EAAQX,EAARW,~~SACAC~~,~~EAAIZ~~,~~EAAJY~~,~~KACAC~~,~~EAAMb~~,~~EAANa~~,~~OACAC~~,~~EAAId~~,~~EAAJc~~,~~KACAC~~,~~EAAEf~~,~~EAAFe~~,~~GACAC~~,~~EAAOhB~~,~~EAAPgB~~,~~QACAC~~,~~EAAoBjB~~,~~EAApBiB~~,~~qBACAC~~,~~EAASlB~~,~~EAATkB~~,~~UACeC~~,~~EAAUnB,~~EAAzB,~~eAIIoB~~,~~EAAkC~~,~~aAATV~~,~~EAAsB~~,~~QAAU~~,~~SACzDW~~,~~EAAcC~~,~~EAhBdtB~~,~~EAAJuB~~,~~KAgBgDb~~,~~GAC5Cc~~,~~EAAUb~~,~~GAAYC~~,~~EAEtBa~~,EAAcC,~~EAClBC~~,~~EAAOC~~,~~UACPD~~,~~EAAOjB~~,~~GAAKmB~~,~~KAETF~~,~~EAAOrB~~,~~QAAUA~~,~~GAEpBY~~,~~GAGIY~~,~~EAAoB~~,~~CACxBd~~,~~QAAAA~~,~~EACAC~~,~~qBAAAA~~,~~EACAJ~~,~~OAAAA~~,~~EACAC~~,~~KAAAA~~,~~EACAS~~,~~KAAMF~~,~~EACNb~~,~~SAAAA~~,~~EACAgB~~,~~QAAAA~~,~~GAGF~~,~~OACEO~~,~~EAAAC~~,~~cAAA~~,~~MAAA~~,~~CACE~~/B,~~IAAKA~~,~~EACLiB~~,~~UAAWO~~,~~EACXL~~,~~KAAMA~~,~~EACNL~~,~~GAAIA~~,~~EAAE~~,~~cACOI~~,~~GAAcc~~,~~EAAUC~~,~~EAAuBC~~,~~cAAepB~~,~~GAChE~~,~~YAAAqB~~,~~EAAgBD~~,~~eAE1BhC~~,~~EACC4B~~,~~EAACC~~,~~cAAAK~~,~~EAAwBC~~,~~OAAAC~~,~~OAAA~~,CAAA,~~EAAAT~~,~~IAEzBC~~,~~EAACC~~,~~cAAAQ~~,~~EAAoBF~~,~~OAAAC~~,~~OAAA~~,~~CAAAnC~~,~~MAAOA~~,~~GAAW0B~~,~~IAI~~/C"}
1	+ {"version":3,"file":"AttentionBox.js","sources":["../../../../src/components/AttentionBox/AttentionBox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo } from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseSmall, Alert as AlertIcon, Info as InfoIcon } from \"@vibe/icons\";\nimport { AttentionBoxType as AttentionBoxTypeEnum, IconTypeEnum } from \"./AttentionBoxConstants\";\nimport { type AttentionBoxType } from \"./AttentionBox.types\";\nimport { type VibeComponentProps, type ElementContent, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport { Text } from \"@vibe/typography\";\nimport { Flex } from \"@vibe/layout\";\nimport styles from \"./AttentionBox.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\n/*\n @deprecated AttentionBox is deprecated. Please use AttentionBox from \"@vibe/core/next\" instead.\n /\nexport interface AttentionBoxProps extends VibeComponentProps {\n // TODO: [breaking] remove prop\n /\n If true, displays an icon even when no header is provided.\n /\n withIconWithoutHeader?: boolean;\n /\n The type of the AttentionBox.\n /\n type?: AttentionBoxType;\n /\n The icon displayed next to the title or text.\n /\n icon?: SubIcon;\n /\n The type of the icon.\n /\n iconType?: \"svg\" \| \"font\";\n /\n The title of the component.\n /\n title?: string;\n /\n The text content displayed inside.\n /\n text?: string;\n /\n The content of the component.\n /\n children?: ElementContent;\n // TODO: [breaking] remove prop\n /\n If true, the icon is not displayed.\n /\n withoutIcon?: boolean;\n /\n Callback fired when the close button is clicked.\n /\n onClose?: (event: React.MouseEvent) => void;\n /\n If true, renders in compact mode.\n /\n compact?: boolean;\n /\n The label of the close button.\n /\n closeButtonAriaLabel?: string;\n /\n If true, an entry animation is applied when the component appears.\n /\n entryAnimation?: boolean;\n}\n\n/\n @deprecated AttentionBox is deprecated. Please use AttentionBox from \"@vibe/core/next\" instead.\n */\nconst AttentionBox = ({\n className,\n withIconWithoutHeader = false,\n type = \"primary\",\n icon,\n iconType = \"svg\",\n title,\n text,\n children,\n withoutIcon = false,\n onClose,\n compact = false,\n id,\n \"data-testid\": dataTestId,\n closeButtonAriaLabel = \"Close\",\n entryAnimation = false\n}: AttentionBoxProps) => {\n const defaultIcon = useMemo(() => {\n return type === \"primary\" ? InfoIcon : AlertIcon;\n }, [type]);\n\n const overrideIcon = icon === undefined ? defaultIcon : icon;\n\n return (\n <aside\n className={cx(styles.attentionBox, getStyle(styles, camelCase(`type-${type}`)), className, {\n [styles.entryAnimation]: entryAnimation\n })}\n role=\"alert\"\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ATTENTION_BOX, id)}\n data-vibe={ComponentVibeId.ATTENTION_BOX}\n >\n {title && (\n <Flex justify=\"start\" align=\"center\" className={styles.titleContainer} gap=\"xs\">\n {!withoutIcon && (\n <Icon\n className={styles.icon}\n iconType={iconType}\n ariaHidden\n icon={overrideIcon}\n ignoreFocusStyle\n iconSize=\"20\"\n />\n )}\n <Text type=\"text1\" element=\"h5\" weight=\"medium\" className={styles.title}>\n {title}\n </Text>\n </Flex>\n )}\n <Flex justify=\"start\" align=\"center\" gap=\"xs\">\n {!title && compact && !withoutIcon && withIconWithoutHeader && (\n <Icon iconType={iconType} iconSize={18} ariaHidden icon={overrideIcon} ignoreFocusStyle />\n )}\n <Text\n type=\"text2\"\n element={compact ? undefined : \"p\"}\n className={cx(styles.text, {\n [styles.compact]: compact,\n [styles.dismissible]: !!onClose,\n [styles.paragraph]: !compact\n })}\n >\n {text \|\| children}\n </Text>\n </Flex>\n {onClose && (\n <IconButton\n size=\"small\"\n color=\"on-primary-color\"\n className={styles.closeIcon}\n wrapperClassName={cx(styles.closeIconWrapper, {\n [styles.closeIconCompact]: compact\n })}\n ariaLabel={closeButtonAriaLabel}\n hideTooltip\n icon={CloseSmall}\n onClick={onClose}\n />\n )}\n </aside>\n );\n};\n\ninterface AttentionBoxStaticProps {\n types: typeof AttentionBoxTypeEnum;\n iconTypes: typeof IconTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<AttentionBoxProps, AttentionBoxStaticProps>(AttentionBox, {\n types: AttentionBoxTypeEnum,\n iconTypes: IconTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","className","_ref$withIconWithoutH","withIconWithoutHeader","_ref$type","type","icon","_ref$iconType","iconType","title","text","children","_ref$withoutIcon","withoutIcon","onClose","_ref$compact","compact","id","dataTestId","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$entryAnimation","entryAnimation","defaultIcon","useMemo","InfoIcon","AlertIcon","overrideIcon","undefined","React","cx","styles","attentionBox","getStyle","camelCase","concat","_defineProperty","role","getTestId","ComponentDefaultTestId","ATTENTION_BOX","ComponentVibeId","createElement","Flex","justify","align","titleContainer","gap","Icon","ariaHidden","ignoreFocusStyle","iconSize","Text","element","weight","dismissible","paragraph","IconButton","size","color","closeIcon","wrapperClassName","closeIconWrapper","closeIconCompact","ariaLabel","hideTooltip","CloseSmall","onClick","types","AttentionBoxTypeEnum","iconTypes","IconTypeEnum"],"mappings":"uhCA2EA,IAwFeA,EAAAA,GAxFM,SAAHC,GAgBM,IAftBC,EAASD,EAATC,UAASC,EAAAF,EACTG,sBAAAA,OAAwB,IAAHD,GAAQA,EAAAE,EAAAJ,EAC7BK,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAIN,EAAJM,KAAIC,EAAAP,EACJQ,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAChBE,EAAKT,EAALS,MACAC,EAAIV,EAAJU,KACAC,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAOd,EAAPc,QAAOC,EAAAf,EACPgB,QAAAA,OAAU,IAAHD,GAAQA,EACfE,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAAamB,EAAAnB,EACboB,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAArB,EAC9BsB,eAAAA,OAAiB,IAAHD,GAAQA,EAEhBE,EAAcC,GAAQ,WAC1B,MAAgB,YAATnB,EAAqBoB,EAAWC,CACzC,GAAG,CAACrB,IAEEsB,OAAwBC,IAATtB,EAAqBiB,EAAcjB,EAExD,OACEuB,yBACE5B,UAAW6B,EAAGC,EAAOC,aAAcC,EAASF,EAAQG,UAASC,OAAS9B,KAAUJ,EAASmC,EACtFL,CAAAA,EAAAA,EAAOT,eAAiBA,IAE3Be,KAAK,QACQ,cAAAnB,GAAcoB,EAAUC,EAAuBC,cAAevB,GAChE,YAAAwB,EAAgBD,eAE1B/B,GACCoB,EAACa,cAAAC,GAAKC,QAAQ,QAAQC,MAAM,SAAS5C,UAAW8B,EAAOe,eAAgBC,IAAI,OACvElC,GACAgB,EAAAa,cAACM,EAAI,CACH/C,UAAW8B,EAAOzB,KAClBE,SAAUA,EACVyC,YAAU,EACV3C,KAAMqB,EACNuB,kBAAgB,EAChBC,SAAS,OAGbtB,EAACa,cAAAU,GAAK/C,KAAK,QAAQgD,QAAQ,KAAKC,OAAO,SAASrD,UAAW8B,EAAOtB,OAC/DA,IAIPoB,EAAAa,cAACC,EAAI,CAACC,QAAQ,QAAQC,MAAM,SAASE,IAAI,OACrCtC,GAASO,IAAYH,GAAeV,GACpC0B,EAACa,cAAAM,EAAK,CAAAxC,SAAUA,EAAU2C,SAAU,GAAIF,YAAW,EAAA3C,KAAMqB,EAAcuB,sBAEzErB,EAACa,cAAAU,EACC,CAAA/C,KAAK,QACLgD,QAASrC,OAAUY,EAAY,IAC/B3B,UAAW6B,EAAGC,EAAOrB,KAAI0B,EAAAA,EAAAA,EAAA,CAAA,EACtBL,EAAOf,QAAUA,GACjBe,EAAOwB,cAAgBzC,GACvBiB,EAAOyB,WAAaxC,KAGtBN,GAAQC,IAGZG,GACCe,EAAAa,cAACe,EAAU,CACTC,KAAK,QACLC,MAAM,mBACN1D,UAAW8B,EAAO6B,UAClBC,iBAAkB/B,EAAGC,EAAO+B,iBAAgB1B,EAAA,CAAA,EACzCL,EAAOgC,iBAAmB/C,IAE7BgD,UAAW5C,EACX6C,eACA3D,KAAM4D,EACNC,QAASrD,IAKnB,GAO0G,CACxGsD,MAAOC,EACPC,UAAWC"}

package/dist/src/components/AttentionBox/AttentionBox.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={attention:"attention_fc82b5ddc6",animate:"animate_8481611a64",attentionBoxAnimation:"attentionBoxAnimation_f5cdba90ac",primary:"primary_9a3cc76b71",positive:"positive_c03d1a403b",negative:"negative_10ab33c5f2",warning:"warning_bc323c6334",neutral:"neutral_c33995af86"};!function(n){const t="s_id-4a6eadcbcb7d_3_85_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}("@keyframes attentionBoxAnimation_f5cdba90ac {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention_fc82b5ddc6 {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n}\n.attention_fc82b5ddc6.animate_8481611a64 {\n  animation: attentionBoxAnimation_f5cdba90ac 200ms var(--motion-timing-transition);\n}\n.attention_fc82b5ddc6.primary_9a3cc76b71 {\n  background-color: var(--primary-selected-color);\n}\n.attention_fc82b5ddc6.positive_c03d1a403b {\n  background-color: var(--positive-color-selected);\n}\n.attention_fc82b5ddc6.negative_10ab33c5f2 {\n  background-color: var(--negative-color-selected);\n}\n.attention_fc82b5ddc6.warning_bc323c6334 {\n  background-color: var(--warning-color-selected);\n}\n.attention_fc82b5ddc6.neutral_c33995af86 {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
+var e={attentionBox:"attentionBox_3e89645b18",entryAnimation:"entryAnimation_336a16dcaf",closeIconWrapper:"closeIconWrapper_dfaf872800",closeIcon:"closeIcon_be11b2ec84",icon:"icon_6bfcba5ef4",title:"title_751c5adc1a",text:"text_e6bb1b4441",titleContainer:"titleContainer_be11b2ec84",typePrimary:"typePrimary_f0cc42c134",typeDanger:"typeDanger_b1e771f794",typeSuccess:"typeSuccess_7d46634aae",typeDark:"typeDark_6535dbd249",typeWarning:"typeWarning_e9aea0034c",closeIconCompact:"closeIconCompact_4ede07bfce",compact:"compact_87ceea2b64",dismissible:"dismissible_fde4ced072",paragraph:"paragraph_7117e8b015"};!function(e){const n="s_id-7d53612c3785_3_87_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("@keyframes entryAnimation_336a16dcaf {\n  0% {\n    transform: translateY(-10px);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n.attentionBox_3e89645b18 {\n  position: relative;\n  padding: 12px var(--spacing-medium);\n  border-radius: var(--border-radius-medium);\n  width: fit-content;\n  max-width: 100%;\n  height: fit-content;\n}\n.attentionBox_3e89645b18.entryAnimation_336a16dcaf {\n  animation: entryAnimation_336a16dcaf 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n.attentionBox_3e89645b18 .closeIconWrapper_dfaf872800 .closeIcon_be11b2ec84 {\n  color: var(--primary-text-color);\n}\n.attentionBox_3e89645b18 .icon_6bfcba5ef4 {\n  flex-shrink: 0;\n}\n.title_751c5adc1a {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text_e6bb1b4441,\n.titleContainer_be11b2ec84 {\n  color: var(--primary-text-color);\n}\n.typePrimary_f0cc42c134 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n}\n.typeDanger_b1e771f794 {\n  background-color: var(--negative-color-selected);\n}\n.typeSuccess_7d46634aae {\n  background-color: var(--positive-color-selected);\n}\n.typeDark_6535dbd249 {\n  background-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n}\n.typeWarning_e9aea0034c {\n  background-color: var(--warning-color-selected);\n  color: var(--primary-text-color);\n}\n.titleContainer_be11b2ec84 {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer_be11b2ec84:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper_dfaf872800 {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact_4ede07bfce {\n  top: calc(50% - 16px);\n}\n.text_e6bb1b4441.compact_87ceea2b64 {\n  flex: 1;\n}\n.text_e6bb1b4441.compact_87ceea2b64.dismissible_fde4ced072 {\n  padding-right: var(--spacing-xl);\n}\n.text_e6bb1b4441.paragraph_7117e8b015 {\n  margin: 0 var(--spacing-medium) 0 0;\n}");export{e as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map

package/dist/src/components/AttentionBox/AttentionBoxConstants.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var n,r;!function(n){n.PRIMARY="primary",n.SUCCESS="success",n.DANGER="danger",n.DARK="dark",n.WARNING="warning"}(n\|\|(n={})),function(n){n.SVG="svg",n.ICON_FONT="font",n.SRC="src"}(r\|\|(r={}));export{n as AttentionBoxType,r as IconTypeEnum};
2	+ //# sourceMappingURL=AttentionBoxConstants.js.map

package/dist/src/components/AttentionBox/AttentionBoxConstants.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AttentionBoxConstants.js","sources":["../../../../src/components/AttentionBox/AttentionBoxConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum AttentionBoxType {\n PRIMARY = \"primary\",\n SUCCESS = \"success\",\n DANGER = \"danger\",\n DARK = \"dark\",\n WARNING = \"warning\"\n}\n\n/**\n * @deprecated\n */\nexport enum IconTypeEnum {\n SVG = \"svg\",\n ICON_FONT = \"font\",\n SRC = \"src\"\n}\n"],"names":["AttentionBoxType","IconTypeEnum"],"mappings":"IAGYA,EAWAC,GAXZ,SAAYD,GACVA,EAAA,QAAA,UACAA,EAAA,QAAA,UACAA,EAAA,OAAA,SACAA,EAAA,KAAA,OACAA,EAAA,QAAA,SACD,CAND,CAAYA,IAAAA,EAMX,CAAA,IAKD,SAAYC,GACVA,EAAA,IAAA,MACAA,EAAA,UAAA,OACAA,EAAA,IAAA,KACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

package/dist/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__rest as t}from"../../../../_virtual/_tslib.js";import e from"react";import r from"./AttentionBoxLink.module.scss.js";import a from"../../Link/Link.js";import s from"classnames";var o=function(o){var i=o.href,m=o.text,n=o.target,f=void 0===n?"_self":n,l=o.className,c=t(o,["href","text","target","className"]);return e.createElement(a,Object.assign({className:s(r.attentionBoxLink,l),href:i,text:m,target:f},c))};export{o as default};
2	+ //# sourceMappingURL=AttentionBoxLink.js.map

package/dist/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AttentionBoxLink.js","sources":["../../../../../src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./AttentionBoxLink.module.scss\";\nimport Link, { type LinkProps } from \"../../Link/Link\";\nimport cx from \"classnames\";\n\n/**\n * @deprecated AttentionBoxLink is deprecated. Please use AttentionBox from \"@vibe/core/next\" instead.\n */\nexport type AttentionBoxLinkProps = LinkProps;\n\n/**\n * @deprecated AttentionBoxLink is deprecated. Please use AttentionBox from \"@vibe/core/next\" instead.\n */\nconst AttentionBoxLink = ({\n href,\n text,\n // TODO: use Link's target default in next major\n // For backward compatibility - using _self as default\n target = \"_self\",\n className,\n ...linkProps\n}: AttentionBoxLinkProps) => {\n return (\n <Link className={cx(styles.attentionBoxLink, className)} href={href} text={text} target={target} {...linkProps} />\n );\n};\n\nexport default AttentionBoxLink;\n"],"names":["AttentionBoxLink","_a","href","text","_a$target","target","className","linkProps","__rest","React","createElement","Link","Object","assign","cx","styles","attentionBoxLink"],"mappings":"0LAaA,IAAMA,EAAmB,SAACC,OACxBC,IAAAA,KACAC,IAAAA,KAAIC,IAGJC,OAAAA,OAAS,IAAHD,EAAG,QAAOA,EAChBE,IAAAA,UACGC,EAPqBC,EAAAP,EAAA,CAAA,OAAA,OAAA,SAAA,cASxB,OACEQ,EAAAC,cAACC,EAAIC,OAAAC,OAAA,CAACP,UAAWQ,EAAGC,EAAOC,iBAAkBV,GAAYJ,KAAMA,EAAMC,KAAMA,EAAME,OAAQA,GAAYE,GAEzG"}

package/dist/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var e={attentionBoxLink:"attentionBoxLink_c9310c1cdc"};!function(e){const t="s_id-683678bf9fce_3_87_0";if("undefined"!=typeof document){const n=document.head\|\|document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("a[href].attentionBoxLink_c9310c1cdc,\na[href].attentionBoxLink_c9310c1cdc:hover {\n color: var(--primary-text-color);\n text-decoration: underline;\n}");export{e as default};
2	+ //# sourceMappingURL=AttentionBoxLink.module.scss.js.map

package/dist/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"AttentionBoxLink.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Avatar/Avatar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{isNil as t,camelCase as o}from"es-toolkit";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as s}from"../../tests/testIds.js";import i from"classnames";import l,{useMemo as n,useCallback as c}from"react";import{getElementColor as d}from"../../types/Colors.js";import m from"./AvatarBadge.js";import p from"./AvatarContent.js";import u from"./Avatar.module.scss.js";import{ComponentVibeId as b}from"../../tests/constants.js";import g from"../../../components/clickable/dist/Clickable/ClickableWrapper.js";import f from"../../../components/tooltip/dist/Tooltip/Tooltip.js";var v=function(v){var h=v.id,j=v.type,k=void 0===j?"text":j,C=v.className,E=v.avatarContentWrapperClassName,N=v.textClassName,y=void 0===N?"":N,B=v.size,x=void 0===B?"large":B,A=v.src,T=v.icon,P=v.text,z=v.tooltipProps,O=v.ariaLabel,L=v.withoutTooltip,R=void 0!==L&&L,w=v.role,I=v.backgroundColor,H=void 0===I?"chili-blue":I,W=v.square,q=v.disabled,V=v.tabIndex,_=v.ariaHidden,D=void 0!==_&&_,M=v.topLeftBadgeProps,S=v.topRightBadgeProps,F=v.bottomLeftBadgeProps,G=v.bottomRightBadgeProps,J=v.withoutBorder,K=void 0!==J&&J,Q=v.customSize,U=void 0===Q?null:Q,X=v.customBackgroundColor,Y=void 0===X?null:X,Z=v.onClick,$=v["data-testid"],ee=n((function(){return Y?{backgroundColor:Y}:A?{}:{backgroundColor:d(H)}}),[A,H,Y]),te=n((function(){return U?{height:U,width:U}:{}}),[U]),oe=n((function(){if(!R)return z?Object.assign({content:O},z):{content:O}}),[O,z,R]),ae=n((function(){var e=[];return t(M)||e.push(l.createElement("div",{key:"top-left-badge",className:i(u.badge,u.badgeTopLeft)},l.createElement(m,Object.assign({size:x},M)))),t(S)||e.push(l.createElement("div",{key:"top-right-badge",className:i(u.badge,u.badgeTopRight)},l.createElement(m,Object.assign({size:x},S)))),t(F)||e.push(l.createElement("div",{key:"bottom-left-badge",className:i(u.badge,u.badgeBottomLeft)},l.createElement(m,Object.assign({size:x},F)))),t(G)||e.push(l.createElement("div",{key:"bottom-right-bade",className:i(u.badge,u.badgeBottomRight)},l.createElement(m,Object.assign({size:x},G)))),e.length>0?l.createElement("div",{className:i(u.badges)},e):null}),[x,M,S,F,G]),re=n((function(){return q||!Z&&!(null==oe?void 0:oe.content)?-1:0}),[q,Z,null==oe?void 0:oe.content]),se=null!=V?V:re,ie=c((function(e){e.preventDefault(),Z&&Z(e,h)}),[Z,h]);return l.createElement("div",{id:h,"data-testid":$||r(s.AVATAR,h),className:i(u.avatar,u[x],C),style:te,"data-vibe":b.AVATAR},l.createElement(g,{isClickable:!!Z,clickableProps:{onClick:ie,tabIndex:"-1",className:u.clickableWrapper}},l.createElement(f,Object.assign({showTrigger:["focus","mouseenter"],hideTrigger:["blur","mouseleave"]},oe),l.createElement("div",{className:i(u.circle,a(u,o("circle--"+k)),e(e(e({},u.disabled,q),u.square,W),u.withoutBorder,K),E),"aria-hidden":D,tabIndex:se,style:Object.assign({},ee)},l.createElement(p,{type:k,size:x,src:A,icon:T,text:P,ariaLabel:O,role:w,textClassName:y})),ae)))};export{v as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{isNil as t,camelCase as o}from"es-toolkit";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as s}from"../../tests/testIds.js";import i from"classnames";import l,{useMemo as n,useCallback as c}from"react";import{ElementAllowedColor as m}from"../../utils/colors-vars-map.js";import{getElementColor as d}from"../../types/Colors.js";import{AvatarType as p,AvatarSize as u}from"./AvatarConstants.js";import b from"./AvatarBadge.js";import g from"./AvatarContent.js";import{withStaticPropsWithoutForwardRef as f}from"../../types/withStaticProps.js";import v from"./Avatar.module.scss.js";import{ComponentVibeId as h}from"../../tests/constants.js";import j from"../../../components/clickable/dist/Clickable/ClickableWrapper.js";import k from"../../../components/tooltip/dist/Tooltip/Tooltip.js";var C=f((function(m){var p=m.id,u=m.type,f=void 0===u?"text":u,C=m.className,E=m.avatarContentWrapperClassName,y=m.textClassName,N=void 0===y?"":y,B=m.size,A=void 0===B?"large":B,x=m.src,P=m.icon,T=m.text,z=m.tooltipProps,O=m.ariaLabel,w=m.withoutTooltip,L=void 0!==w&&w,R=m.role,I=m.backgroundColor,H=void 0===I?"chili-blue":I,W=m.square,q=m.disabled,S=m.tabIndex,V=m.ariaHidden,_=void 0!==V&&V,D=m.topLeftBadgeProps,M=m.topRightBadgeProps,F=m.bottomLeftBadgeProps,G=m.bottomRightBadgeProps,J=m.withoutBorder,K=void 0!==J&&J,Q=m.customSize,U=void 0===Q?null:Q,X=m.customBackgroundColor,Y=void 0===X?null:X,Z=m.onClick,$=m["data-testid"],ee=n((function(){return Y?{backgroundColor:Y}:x?{}:{backgroundColor:d(H)}}),[x,H,Y]),te=n((function(){return U?{height:U,width:U}:{}}),[U]),oe=n((function(){if(!L)return z?Object.assign({content:O},z):{content:O}}),[O,z,L]),ae=n((function(){var e=[];return t(D)||e.push(l.createElement("div",{key:"top-left-badge",className:i(v.badge,v.badgeTopLeft)},l.createElement(b,Object.assign({size:A},D)))),t(M)||e.push(l.createElement("div",{key:"top-right-badge",className:i(v.badge,v.badgeTopRight)},l.createElement(b,Object.assign({size:A},M)))),t(F)||e.push(l.createElement("div",{key:"bottom-left-badge",className:i(v.badge,v.badgeBottomLeft)},l.createElement(b,Object.assign({size:A},F)))),t(G)||e.push(l.createElement("div",{key:"bottom-right-bade",className:i(v.badge,v.badgeBottomRight)},l.createElement(b,Object.assign({size:A},G)))),e.length>0?l.createElement("div",{className:i(v.badges)},e):null}),[A,D,M,F,G]),re=n((function(){return q||!Z&&!(null==oe?void 0:oe.content)?-1:0}),[q,Z,null==oe?void 0:oe.content]),se=null!=S?S:re,ie=c((function(e){e.preventDefault(),Z&&Z(e,p)}),[Z,p]);return l.createElement("div",{id:p,"data-testid":$||r(s.AVATAR,p),className:i(v.avatar,v[A],C),style:te,"data-vibe":h.AVATAR},l.createElement(j,{isClickable:!!Z,clickableProps:{onClick:ie,tabIndex:"-1",className:v.clickableWrapper}},l.createElement(k,Object.assign({showTrigger:["focus","mouseenter"],hideTrigger:["blur","mouseleave"]},oe),l.createElement("div",{className:i(v.circle,a(v,o("circle--"+f)),e(e(e({},v.disabled,q),v.square,W),v.withoutBorder,K),E),"aria-hidden":_,tabIndex:se,style:Object.assign({},ee)},l.createElement(g,{type:f,size:A,src:x,icon:P,text:T,ariaLabel:O,role:R,textClassName:N})),ae)))}),{types:p,sizes:u,colors:m,backgroundColors:m});export{C as default};
 //# sourceMappingURL=Avatar.js.map

package/dist/src/components/Avatar/Avatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type AriaRole, useCallback, useMemo } from \"react\";\nimport { isNil } from \"es-toolkit\";\nimport { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport { type AvatarSize, type AvatarType } from \"./Avatar.types\";\nimport AvatarBadge, { type AvatarBadgeProps } from \"./AvatarBadge\";\nimport AvatarContent from \"./AvatarContent\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { ClickableWrapper } from \"@vibe/clickable\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport styles from \"./Avatar.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface AvatarProps extends VibeComponentProps {\n /*\n The image source for the avatar.\n /\n src?: string;\n /\n The text displayed inside the avatar.\n /\n text?: string;\n /\n Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n The ARIA label of the avatar.\n /\n ariaLabel?: string;\n /\n If true, the tooltip is disabled.\n /\n withoutTooltip?: boolean;\n /\n The icon displayed inside the avatar.\n /\n icon?: SubIcon;\n /\n The type of the avatar.\n /\n type?: AvatarType;\n /\n Class name applied to the text inside the avatar.\n /\n textClassName?: string;\n /\n Class name applied to the avatar content wrapper.\n /\n avatarContentWrapperClassName?: string;\n /\n The background color of the avatar.\n /\n backgroundColor?: ElementAllowedColor;\n /\n A custom background color.\n /\n customBackgroundColor?: string;\n /\n The ARIA role of the avatar.\n /\n role?: AriaRole;\n /\n The size of the avatar.\n /\n size?: AvatarSize;\n /\n A custom size in pixels.\n /\n customSize?: number;\n /\n The tab index of the avatar.\n /\n tabIndex?: number;\n /\n If true, the avatar is hidden from assistive technologies.\n /\n ariaHidden?: boolean;\n /\n If true, the avatar is disabled.\n /\n disabled?: boolean;\n /\n If true, renders the avatar as a square instead of a circle.\n /\n square?: boolean;\n /\n Props for the top-left badge.\n /\n topLeftBadgeProps?: AvatarBadgeProps;\n /\n Props for the top-right badge.\n /\n topRightBadgeProps?: AvatarBadgeProps;\n /\n Props for the bottom-left badge.\n /\n bottomLeftBadgeProps?: AvatarBadgeProps;\n /\n Props for the bottom-right badge.\n /\n bottomRightBadgeProps?: AvatarBadgeProps;\n /\n If true, removes the avatar's border.\n /\n withoutBorder?: boolean;\n /\n Callback fired when the avatar is clicked.\n */\n onClick?: (event: React.MouseEvent \| React.KeyboardEvent, avatarId: string) => void;\n}\n\nconst Avatar = ({\n id,\n type = \"text\",\n className,\n avatarContentWrapperClassName,\n textClassName = \"\",\n size = \"large\",\n src,\n icon,\n text,\n tooltipProps,\n ariaLabel,\n withoutTooltip = false,\n role,\n backgroundColor = \"chili-blue\",\n square,\n disabled,\n tabIndex,\n ariaHidden = false,\n topLeftBadgeProps,\n topRightBadgeProps,\n bottomLeftBadgeProps,\n bottomRightBadgeProps,\n withoutBorder = false,\n customSize = null,\n customBackgroundColor = null,\n onClick,\n \"data-testid\": dataTestId\n}: AvatarProps) => {\n const backgroundColorStyle = useMemo(() => {\n if (customBackgroundColor) return { backgroundColor: customBackgroundColor };\n return src ? {} : { backgroundColor: getElementColor(backgroundColor) };\n }, [src, backgroundColor, customBackgroundColor]);\n const sizeStyle = useMemo(() => {\n return customSize ? { height: customSize, width: customSize } : {};\n }, [customSize]);\n\n const overrideTooltipProps = useMemo(() => {\n if (withoutTooltip) return undefined;\n\n if (tooltipProps) {\n return { content: ariaLabel, ...tooltipProps };\n } else {\n return { content: ariaLabel };\n }\n }, [ariaLabel, tooltipProps, withoutTooltip]);\n\n const badgesContainer = useMemo(() => {\n const badges = [];\n if (!isNil(topLeftBadgeProps)) {\n badges.push(\n <div key=\"top-left-badge\" className={cx(styles.badge, styles.badgeTopLeft)}>\n <AvatarBadge size={size} {...topLeftBadgeProps} />\n </div>\n );\n }\n if (!isNil(topRightBadgeProps)) {\n badges.push(\n <div key=\"top-right-badge\" className={cx(styles.badge, styles.badgeTopRight)}>\n <AvatarBadge size={size} {...topRightBadgeProps} />\n </div>\n );\n }\n if (!isNil(bottomLeftBadgeProps)) {\n badges.push(\n <div key=\"bottom-left-badge\" className={cx(styles.badge, styles.badgeBottomLeft)}>\n <AvatarBadge size={size} {...bottomLeftBadgeProps} />\n </div>\n );\n }\n if (!isNil(bottomRightBadgeProps)) {\n badges.push(\n <div key=\"bottom-right-bade\" className={cx(styles.badge, styles.badgeBottomRight)}>\n <AvatarBadge size={size} {...bottomRightBadgeProps} />\n </div>\n );\n }\n\n return badges.length > 0 ? <div className={cx(styles.badges)}>{badges}</div> : null;\n }, [size, topLeftBadgeProps, topRightBadgeProps, bottomLeftBadgeProps, bottomRightBadgeProps]);\n\n const defaultTabIndex = useMemo(() => {\n if (!disabled && (onClick \|\| overrideTooltipProps?.content)) {\n return 0;\n }\n return -1;\n }, [disabled, onClick, overrideTooltipProps?.content]);\n\n const overrideTabIndex = tabIndex ?? defaultTabIndex;\n\n const clickHandler = useCallback(\n (event: React.MouseEvent \| React.KeyboardEvent) => {\n event.preventDefault();\n if (onClick) {\n onClick(event, id);\n }\n },\n [onClick, id]\n );\n\n return (\n <div\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR, id)}\n className={cx(styles.avatar, styles[size], className)}\n style={sizeStyle}\n data-vibe={ComponentVibeId.AVATAR}\n >\n <ClickableWrapper\n isClickable={!!onClick}\n clickableProps={{\n onClick: clickHandler,\n tabIndex: \"-1\",\n className: styles.clickableWrapper\n }}\n >\n <Tooltip showTrigger={[\"focus\", \"mouseenter\"]} hideTrigger={[\"blur\", \"mouseleave\"]} {...overrideTooltipProps}>\n <div\n className={cx(\n styles.circle,\n getStyle(styles, camelCase(\"circle--\" + type)),\n {\n [styles.disabled]: disabled,\n [styles.square]: square,\n [styles.withoutBorder]: withoutBorder\n },\n avatarContentWrapperClassName\n )}\n aria-hidden={ariaHidden}\n tabIndex={overrideTabIndex}\n style={{ ...backgroundColorStyle }}\n >\n <AvatarContent\n type={type}\n size={size}\n src={src}\n icon={icon}\n text={text}\n ariaLabel={ariaLabel}\n role={role}\n textClassName={textClassName}\n />\n </div>\n {badgesContainer}\n </Tooltip>\n </ClickableWrapper>\n </div>\n );\n};\n\nexport default Avatar;\n"],"names":["Avatar","_ref","id","_ref$type","type","className","avatarContentWrapperClassName","_ref$textClassName","textClassName","_ref$size","size","src","icon","text","tooltipProps","ariaLabel","_ref$withoutTooltip","withoutTooltip","role","_ref$backgroundColor","backgroundColor","square","disabled","tabIndex","_ref$ariaHidden","ariaHidden","topLeftBadgeProps","topRightBadgeProps","bottomLeftBadgeProps","bottomRightBadgeProps","_ref$withoutBorder","withoutBorder","_ref$customSize","customSize","_ref$customBackground","customBackgroundColor","onClick","dataTestId","backgroundColorStyle","useMemo","getElementColor","sizeStyle","height","width","overrideTooltipProps","Object","assign","content","badgesContainer","badges","isNil","push","React","key","cx","styles","badge","badgeTopLeft","createElement","AvatarBadge","badgeTopRight","badgeBottomLeft","badgeBottomRight","length","defaultTabIndex","overrideTabIndex","clickHandler","useCallback","event","preventDefault","getTestId","ComponentDefaultTestId","AVATAR","avatar","style","ComponentVibeId","ClickableWrapper","isClickable","clickableProps","clickableWrapper","Tooltip","showTrigger","hideTrigger","circle","getStyle","camelCase","_defineProperty","AvatarContent"],"mappings":"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"}
1	+ {"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type AriaRole, useCallback, useMemo } from \"react\";\nimport { isNil } from \"es-toolkit\";\nimport { ElementAllowedColor as ElementAllowedColorEnum } from \"../../utils/colors-vars-map\";\nimport { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport { AvatarSize as AvatarSizeEnum, AvatarType as AvatarTypeEnum } from \"./AvatarConstants\";\nimport { type AvatarSize, type AvatarType } from \"./Avatar.types\";\nimport AvatarBadge, { type AvatarBadgeProps } from \"./AvatarBadge\";\nimport AvatarContent from \"./AvatarContent\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { ClickableWrapper } from \"@vibe/clickable\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport styles from \"./Avatar.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface AvatarProps extends VibeComponentProps {\n /*\n The image source for the avatar.\n /\n src?: string;\n /\n The text displayed inside the avatar.\n /\n text?: string;\n /\n Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n The ARIA label of the avatar.\n /\n ariaLabel?: string;\n /\n If true, the tooltip is disabled.\n /\n withoutTooltip?: boolean;\n /\n The icon displayed inside the avatar.\n /\n icon?: SubIcon;\n /\n The type of the avatar.\n /\n type?: AvatarType;\n /\n Class name applied to the text inside the avatar.\n /\n textClassName?: string;\n /\n Class name applied to the avatar content wrapper.\n /\n avatarContentWrapperClassName?: string;\n /\n The background color of the avatar.\n /\n backgroundColor?: ElementAllowedColor;\n /\n A custom background color.\n /\n customBackgroundColor?: string;\n /\n The ARIA role of the avatar.\n /\n role?: AriaRole;\n /\n The size of the avatar.\n /\n size?: AvatarSize;\n /\n A custom size in pixels.\n /\n customSize?: number;\n /\n The tab index of the avatar.\n /\n tabIndex?: number;\n /\n If true, the avatar is hidden from assistive technologies.\n /\n ariaHidden?: boolean;\n /\n If true, the avatar is disabled.\n /\n disabled?: boolean;\n /\n If true, renders the avatar as a square instead of a circle.\n /\n square?: boolean;\n /\n Props for the top-left badge.\n /\n topLeftBadgeProps?: AvatarBadgeProps;\n /\n Props for the top-right badge.\n /\n topRightBadgeProps?: AvatarBadgeProps;\n /\n Props for the bottom-left badge.\n /\n bottomLeftBadgeProps?: AvatarBadgeProps;\n /\n Props for the bottom-right badge.\n /\n bottomRightBadgeProps?: AvatarBadgeProps;\n /\n If true, removes the avatar's border.\n /\n withoutBorder?: boolean;\n /\n Callback fired when the avatar is clicked.\n */\n onClick?: (event: React.MouseEvent \| React.KeyboardEvent, avatarId: string) => void;\n}\n\nconst Avatar = ({\n id,\n type = \"text\",\n className,\n avatarContentWrapperClassName,\n textClassName = \"\",\n size = \"large\",\n src,\n icon,\n text,\n tooltipProps,\n ariaLabel,\n withoutTooltip = false,\n role,\n backgroundColor = \"chili-blue\",\n square,\n disabled,\n tabIndex,\n ariaHidden = false,\n topLeftBadgeProps,\n topRightBadgeProps,\n bottomLeftBadgeProps,\n bottomRightBadgeProps,\n withoutBorder = false,\n customSize = null,\n customBackgroundColor = null,\n onClick,\n \"data-testid\": dataTestId\n}: AvatarProps) => {\n const backgroundColorStyle = useMemo(() => {\n if (customBackgroundColor) return { backgroundColor: customBackgroundColor };\n return src ? {} : { backgroundColor: getElementColor(backgroundColor) };\n }, [src, backgroundColor, customBackgroundColor]);\n const sizeStyle = useMemo(() => {\n return customSize ? { height: customSize, width: customSize } : {};\n }, [customSize]);\n\n const overrideTooltipProps = useMemo(() => {\n if (withoutTooltip) return undefined;\n\n if (tooltipProps) {\n return { content: ariaLabel, ...tooltipProps };\n } else {\n return { content: ariaLabel };\n }\n }, [ariaLabel, tooltipProps, withoutTooltip]);\n\n const badgesContainer = useMemo(() => {\n const badges = [];\n if (!isNil(topLeftBadgeProps)) {\n badges.push(\n <div key=\"top-left-badge\" className={cx(styles.badge, styles.badgeTopLeft)}>\n <AvatarBadge size={size} {...topLeftBadgeProps} />\n </div>\n );\n }\n if (!isNil(topRightBadgeProps)) {\n badges.push(\n <div key=\"top-right-badge\" className={cx(styles.badge, styles.badgeTopRight)}>\n <AvatarBadge size={size} {...topRightBadgeProps} />\n </div>\n );\n }\n if (!isNil(bottomLeftBadgeProps)) {\n badges.push(\n <div key=\"bottom-left-badge\" className={cx(styles.badge, styles.badgeBottomLeft)}>\n <AvatarBadge size={size} {...bottomLeftBadgeProps} />\n </div>\n );\n }\n if (!isNil(bottomRightBadgeProps)) {\n badges.push(\n <div key=\"bottom-right-bade\" className={cx(styles.badge, styles.badgeBottomRight)}>\n <AvatarBadge size={size} {...bottomRightBadgeProps} />\n </div>\n );\n }\n\n return badges.length > 0 ? <div className={cx(styles.badges)}>{badges}</div> : null;\n }, [size, topLeftBadgeProps, topRightBadgeProps, bottomLeftBadgeProps, bottomRightBadgeProps]);\n\n const defaultTabIndex = useMemo(() => {\n if (!disabled && (onClick \|\| overrideTooltipProps?.content)) {\n return 0;\n }\n return -1;\n }, [disabled, onClick, overrideTooltipProps?.content]);\n\n const overrideTabIndex = tabIndex ?? defaultTabIndex;\n\n const clickHandler = useCallback(\n (event: React.MouseEvent \| React.KeyboardEvent) => {\n event.preventDefault();\n if (onClick) {\n onClick(event, id);\n }\n },\n [onClick, id]\n );\n\n return (\n <div\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR, id)}\n className={cx(styles.avatar, styles[size], className)}\n style={sizeStyle}\n data-vibe={ComponentVibeId.AVATAR}\n >\n <ClickableWrapper\n isClickable={!!onClick}\n clickableProps={{\n onClick: clickHandler,\n tabIndex: \"-1\",\n className: styles.clickableWrapper\n }}\n >\n <Tooltip showTrigger={[\"focus\", \"mouseenter\"]} hideTrigger={[\"blur\", \"mouseleave\"]} {...overrideTooltipProps}>\n <div\n className={cx(\n styles.circle,\n getStyle(styles, camelCase(\"circle--\" + type)),\n {\n [styles.disabled]: disabled,\n [styles.square]: square,\n [styles.withoutBorder]: withoutBorder\n },\n avatarContentWrapperClassName\n )}\n aria-hidden={ariaHidden}\n tabIndex={overrideTabIndex}\n style={{ ...backgroundColorStyle }}\n >\n <AvatarContent\n type={type}\n size={size}\n src={src}\n icon={icon}\n text={text}\n ariaLabel={ariaLabel}\n role={role}\n textClassName={textClassName}\n />\n </div>\n {badgesContainer}\n </Tooltip>\n </ClickableWrapper>\n </div>\n );\n};\n\ninterface AvatarStaticProps {\n types: typeof AvatarTypeEnum;\n sizes: typeof AvatarSizeEnum;\n colors: typeof ElementAllowedColorEnum;\n backgroundColors: typeof ElementAllowedColorEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<AvatarProps, AvatarStaticProps>(Avatar, {\n types: AvatarTypeEnum,\n sizes: AvatarSizeEnum,\n colors: ElementAllowedColorEnum,\n backgroundColors: ElementAllowedColorEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","id","_ref$type","type","className","avatarContentWrapperClassName","_ref$textClassName","textClassName","_ref$size","size","src","icon","text","tooltipProps","ariaLabel","_ref$withoutTooltip","withoutTooltip","role","_ref$backgroundColor","backgroundColor","square","disabled","tabIndex","_ref$ariaHidden","ariaHidden","topLeftBadgeProps","topRightBadgeProps","bottomLeftBadgeProps","bottomRightBadgeProps","_ref$withoutBorder","withoutBorder","_ref$customSize","customSize","_ref$customBackground","customBackgroundColor","onClick","dataTestId","backgroundColorStyle","useMemo","getElementColor","sizeStyle","height","width","overrideTooltipProps","Object","assign","content","badgesContainer","badges","isNil","push","React","key","cx","styles","badge","badgeTopLeft","createElement","AvatarBadge","badgeTopRight","badgeBottomLeft","badgeBottomRight","length","defaultTabIndex","overrideTabIndex","clickHandler","useCallback","event","preventDefault","getTestId","ComponentDefaultTestId","AVATAR","avatar","style","ComponentVibeId","ClickableWrapper","isClickable","clickableProps","clickableWrapper","Tooltip","showTrigger","hideTrigger","circle","getStyle","camelCase","_defineProperty","AvatarContent","types","AvatarTypeEnum","sizes","AvatarSizeEnum","colors","ElementAllowedColorEnum","backgroundColors"],"mappings":"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"}

package/dist/src/components/Avatar/Avatar.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={avatar:"avatar_c2482225f1",large:"large_322badc7eb",medium:"medium_ce9460a206",small:"small_fdc8eb86ac",xs:"xs_f85dc1a21b",clickableWrapper:"clickableWrapper_b0b3c8d8a9",circle:"circle_1d9a2216e1","focus-visible":"focus-visible_f573ad8572",circleImg:"circleImg_2ba6753445",circleText:"circleText_1b8d639ea8",disabled:"disabled_fb68f6c40c",square:"square_ad8b268f00",withoutBorder:"withoutBorder_656758d256",badges:"badges_7be595ea00",badge:"badge_12475324f9",badgeTopLeft:"badgeTopLeft_f891e26692",badgeTopRight:"badgeTopRight_fa2f6949bb",badgeBottomLeft:"badgeBottomLeft_1263689edb",badgeBottomRight:"badgeBottomRight_01e90cbc97"};!function(e){const n="s_id-dccf983c2f60_3_85_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.avatar_c2482225f1 {\n  position: relative;\n}\n.large_322badc7eb {\n  height: 50px;\n  width: 50px;\n}\n.medium_ce9460a206 {\n  height: 32px;\n  width: 32px;\n}\n.small_fdc8eb86ac {\n  height: 28px;\n  width: 28px;\n}\n.xs_f85dc1a21b {\n  height: 20px;\n  width: 20px;\n}\n.clickableWrapper_b0b3c8d8a9 {\n  height: 100%;\n  width: 100%;\n}\n.circle_1d9a2216e1 {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n.circle_1d9a2216e1:focus {\n  outline: none;\n}\n.circle_1d9a2216e1:focus:focus-visible, .circle_1d9a2216e1:focus.focus-visible_f573ad8572 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.circle_1d9a2216e1:focus:focus:not(.focus-visible_f573ad8572) {\n  outline: none;\n}\n.circleImg_2ba6753445 {\n  border-color: var(--primary-background-color);\n}\n.circleText_1b8d639ea8 {\n  border-color: var(--layout-border-color);\n}\n.disabled_fb68f6c40c:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--primary-background-color);\n}\n.square_ad8b268f00 {\n  border-radius: var(--border-radius-small);\n}\n.square_ad8b268f00:focus {\n  outline: none;\n}\n.square_ad8b268f00:focus:focus-visible, .square_ad8b268f00:focus.focus-visible_f573ad8572 {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.square_ad8b268f00:focus:focus:not(.focus-visible_f573ad8572) {\n  outline: none;\n}\n.withoutBorder_656758d256 {\n  border: none;\n}\n.badges_7be595ea00 {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-left: auto;\n  margin-right: auto;\n  height: 110%;\n  width: 110%;\n}\n.badges_7be595ea00 .badge_12475324f9 {\n  display: flex;\n}\n.badges_7be595ea00 .badgeTopLeft_f891e26692 {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n.badges_7be595ea00 .badgeTopRight_fa2f6949bb {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n.badges_7be595ea00 .badgeBottomLeft_1263689edb {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n.badges_7be595ea00 .badgeBottomRight_01e90cbc97 {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{e as default};
+var e={avatar:"avatar_12c3180f73",large:"large_9ecfa74bc2",medium:"medium_5392a86e22",small:"small_f107ab0ba8",xs:"xs_f7eb5f675c",clickableWrapper:"clickableWrapper_539baaebc4",circle:"circle_32d958c03b","focus-visible":"focus-visible_bdb67290c0",circleImg:"circleImg_b426eebdc2",circleText:"circleText_13283fc9df",disabled:"disabled_35dc95cb11",square:"square_46fbac1559",withoutBorder:"withoutBorder_40f086b05a",badges:"badges_0515f749e0",badge:"badge_1df6e1b172",badgeTopLeft:"badgeTopLeft_4d558d3617",badgeTopRight:"badgeTopRight_012fd6eff3",badgeBottomLeft:"badgeBottomLeft_a36624abe1",badgeBottomRight:"badgeBottomRight_e09a17fe8c"};!function(e){const n="s_id-dccf983c2f60_3_87_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.avatar_12c3180f73 {\n  position: relative;\n}\n.large_9ecfa74bc2 {\n  height: 50px;\n  width: 50px;\n}\n.medium_5392a86e22 {\n  height: 32px;\n  width: 32px;\n}\n.small_f107ab0ba8 {\n  height: 28px;\n  width: 28px;\n}\n.xs_f7eb5f675c {\n  height: 20px;\n  width: 20px;\n}\n.clickableWrapper_539baaebc4 {\n  height: 100%;\n  width: 100%;\n}\n.circle_32d958c03b {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n.circle_32d958c03b:focus {\n  outline: none;\n}\n.circle_32d958c03b:focus:focus-visible, .circle_32d958c03b:focus.focus-visible_bdb67290c0 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.circle_32d958c03b:focus:focus:not(.focus-visible_bdb67290c0) {\n  outline: none;\n}\n.circleImg_b426eebdc2 {\n  border-color: var(--primary-background-color);\n}\n.circleText_13283fc9df {\n  border-color: var(--layout-border-color);\n}\n.disabled_35dc95cb11:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--primary-background-color);\n}\n.square_46fbac1559 {\n  border-radius: var(--border-radius-small);\n}\n.square_46fbac1559:focus {\n  outline: none;\n}\n.square_46fbac1559:focus:focus-visible, .square_46fbac1559:focus.focus-visible_bdb67290c0 {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.square_46fbac1559:focus:focus:not(.focus-visible_bdb67290c0) {\n  outline: none;\n}\n.withoutBorder_40f086b05a {\n  border: none;\n}\n.badges_0515f749e0 {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-left: auto;\n  margin-right: auto;\n  height: 110%;\n  width: 110%;\n}\n.badges_0515f749e0 .badge_1df6e1b172 {\n  display: flex;\n}\n.badges_0515f749e0 .badgeTopLeft_4d558d3617 {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n.badges_0515f749e0 .badgeTopRight_012fd6eff3 {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n.badges_0515f749e0 .badgeBottomLeft_a36624abe1 {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n.badges_0515f749e0 .badgeBottomRight_e09a17fe8c {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{e as default};
 //# sourceMappingURL=Avatar.module.scss.js.map

package/dist/src/components/Avatar/AvatarBadge.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as s}from"../../../_virtual/_tslib.js";import t from"react";import{camelCase as e}from"es-toolkit";import{getStyle as o}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as a,ComponentDefaultTestId as i}from"../../tests/testIds.js";import r from"classnames";import c from"./AvatarBadge.module.scss.js";import m from"../../../components/icon/dist/Icon/Icon.js";import n from"../../../components/icon/dist/Icon/CustomSvgIcon/CustomSvgIcon.js";var d=function(d){var l=d.src,p=d.icon,f=d.tabIndex,u=void 0===f?0:f,j=d.className,v=d.size,I=void 0===v?"large":v,b=d.id,g=d["data-testid"],A=s(d,["src","icon","tabIndex","className","size","id","data-testid"]),N=r(o(c,e("badge--"+I)),j),x=g||a(i.AVATAR_BADGE,b);return p?t.createElement(m,Object.assign({icon:p,className:N},A,{"data-testid":x})):l?t.createElement(n,Object.assign({src:l,className:N,clickable:-1===u},A,{"data-testid":x})):null};export{d as default};
+import{__rest as s}from"../../../_virtual/_tslib.js";import t from"react";import{camelCase as o}from"es-toolkit";import{getStyle as e}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as a}from"../../tests/testIds.js";import i from"classnames";import{AvatarSize as m}from"./AvatarConstants.js";import c from"./AvatarBadge.module.scss.js";import{withStaticPropsWithoutForwardRef as n}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import d from"../../../components/icon/dist/Icon/Icon.js";import l from"../../../components/icon/dist/Icon/CustomSvgIcon/CustomSvgIcon.js";var p=n((function(m){var n=m.src,p=m.icon,f=m.tabIndex,j=void 0===f?0:f,u=m.className,v=m.size,I=void 0===v?"large":v,b=m.id,g=m["data-testid"],A=s(m,["src","icon","tabIndex","className","size","id","data-testid"]),C=i(e(c,o("badge--"+I)),u),N=g||r(a.AVATAR_BADGE,b);return p?t.createElement(d,Object.assign({icon:p,className:C},A,{"data-testid":N})):n?t.createElement(l,Object.assign({src:n,className:C,clickable:-1===j},A,{"data-testid":N})):null}),{sizes:m});export{p as default};
 //# sourceMappingURL=AvatarBadge.js.map

package/dist/src/components/Avatar/AvatarBadge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarBadge.js","sources":["../../../../src/components/Avatar/AvatarBadge.tsx"],"sourcesContent":["import React from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { Icon, CustomSvgIcon } from \"@vibe/icon\";\nimport { type AvatarSize } from \"./Avatar.types\";\nimport styles from \"./AvatarBadge.module.scss\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nexport interface AvatarBadgeProps extends VibeComponentProps {\n /*\n The image source for the badge.\n /\n src?: string;\n /\n The icon displayed inside the badge.\n /\n icon?: SubIcon;\n /\n The tab index of the badge.\n /\n tabIndex?: string \| number;\n /\n The size of the badge.\n */\n size?: AvatarSize;\n}\n\nconst AvatarBadge = ({\n src,\n icon,\n tabIndex = 0,\n className,\n size = \"large\",\n id,\n \"data-testid\": dataTestId,\n ...otherProps\n}: AvatarBadgeProps) => {\n const classNames = cx(getStyle(styles, camelCase(\"badge--\" + size)), className);\n const testId = dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR_BADGE, id);\n\n if (icon) {\n return <Icon icon={icon} className={classNames} {...otherProps} data-testid={testId} />;\n }\n\n return src ? (\n <CustomSvgIcon src={src} className={classNames} clickable={tabIndex === -1} {...otherProps} data-testid={testId} />\n ) : null;\n};\n\nexport default AvatarBadge;\n"],"names":["~~AvatarBadge~~","_a","src","icon","_a$tabIndex","tabIndex","className","_a$size","size","id","dataTestId","otherProps","__rest","classNames","cx","getStyle","styles","camelCase","testId","getTestId","ComponentDefaultTestId","AVATAR_BADGE","React","createElement","Icon","Object","assign","CustomSvgIcon","clickable"],"mappings":"~~udA8BA~~,~~IAAMA~~,~~EAAc~~,SAACC,OACnBC,IAAAA,IACAC,IAAAA,KAAIC,IACJC,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,IAAAA,UAASC,IACTC,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,IAAAA,GACeC,IAAf,eACGC,EARgBC,EAAAX,EAAA,CAAA,MAAA,OAAA,WAAA,YAAA,OAAA,KAAA,gBAUbY,EAAaC,EAAGC,EAASC,EAAQC,EAAU,UAAYT,IAAQF,GAC/DY,EAASR,GAAcS,EAAUC,EAAuBC,aAAcZ,GAE5E,OAAIN,EACKmB,EAACC,cAAAC,EAAKC,OAAAC,OAAA,CAAAvB,KAAMA,EAAMG,UAAWO,GAAgBF,EAAyB,CAAA,cAAAO,KAGxEhB,EACLoB,EAACC,cAAAI,EAAcF,OAAAC,OAAA,CAAAxB,IAAKA,EAAKI,UAAWO,EAAYe,WAAyB,IAAdvB,GAAqBM,EAAU,CAAA,cAAeO,KACvG,IACN"}
1	+ {"version":3,"file":"AvatarBadge.js","sources":["../../../../src/components/Avatar/AvatarBadge.tsx"],"sourcesContent":["import React from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { Icon, CustomSvgIcon } from \"@vibe/icon\";\nimport { AvatarSize as AvatarSizeEnum } from \"./AvatarConstants\";\nimport { type AvatarSize } from \"./Avatar.types\";\nimport styles from \"./AvatarBadge.module.scss\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nexport interface AvatarBadgeProps extends VibeComponentProps {\n /*\n The image source for the badge.\n /\n src?: string;\n /\n The icon displayed inside the badge.\n /\n icon?: SubIcon;\n /\n The tab index of the badge.\n /\n tabIndex?: string \| number;\n /\n The size of the badge.\n */\n size?: AvatarSize;\n}\n\nconst AvatarBadge = ({\n src,\n icon,\n tabIndex = 0,\n className,\n size = \"large\",\n id,\n \"data-testid\": dataTestId,\n ...otherProps\n}: AvatarBadgeProps) => {\n const classNames = cx(getStyle(styles, camelCase(\"badge--\" + size)), className);\n const testId = dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR_BADGE, id);\n\n if (icon) {\n return <Icon icon={icon} className={classNames} {...otherProps} data-testid={testId} />;\n }\n\n return src ? (\n <CustomSvgIcon src={src} className={classNames} clickable={tabIndex === -1} {...otherProps} data-testid={testId} />\n ) : null;\n};\n\ninterface AvatarBadgeStaticProps {\n sizes: typeof AvatarSizeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<AvatarBadgeProps, AvatarBadgeStaticProps>(AvatarBadge, {\n sizes: AvatarSizeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_a","src","icon","_a$tabIndex","tabIndex","className","_a$size","size","id","dataTestId","otherProps","__rest","classNames","cx","getStyle","styles","camelCase","testId","getTestId","ComponentDefaultTestId","AVATAR_BADGE","React","createElement","Icon","Object","assign","CustomSvgIcon","clickable","sizes","AvatarSizeEnum"],"mappings":"koBA+BA,IA0BeA,EAAAA,GA1BK,SAACC,OACnBC,IAAAA,IACAC,IAAAA,KAAIC,IACJC,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,IAAAA,UAASC,IACTC,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,IAAAA,GACeC,IAAf,eACGC,EARgBC,EAAAX,EAAA,CAAA,MAAA,OAAA,WAAA,YAAA,OAAA,KAAA,gBAUbY,EAAaC,EAAGC,EAASC,EAAQC,EAAU,UAAYT,IAAQF,GAC/DY,EAASR,GAAcS,EAAUC,EAAuBC,aAAcZ,GAE5E,OAAIN,EACKmB,EAACC,cAAAC,EAAKC,OAAAC,OAAA,CAAAvB,KAAMA,EAAMG,UAAWO,GAAgBF,EAAyB,CAAA,cAAAO,KAGxEhB,EACLoB,EAACC,cAAAI,EAAcF,OAAAC,OAAA,CAAAxB,IAAKA,EAAKI,UAAWO,EAAYe,WAAyB,IAAdvB,GAAqBM,EAAU,CAAA,cAAeO,KACvG,IACN,GAMuG,CACrGW,MAAOC"}

package/dist/src/components/Avatar/AvatarBadge.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={badgeLarge:"badgeLarge_6f4eb32c27",badgeMedium:"badgeMedium_fe84c4eabb",badgeSmall:"badgeSmall_0fb3ca42dc",badgeXs:"badgeXs_373b677c82"};!function(e){const d="s_id-e545a08d61b0_3_85_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".badgeLarge_6f4eb32c27 {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium_fe84c4eabb {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall_0fb3ca42dc,\n.badgeXs_373b677c82 {\n  height: 10px;\n  width: 10px;\n}");export{e as default};
+var e={badgeLarge:"badgeLarge_eb137aeb91",badgeMedium:"badgeMedium_927ccf1566",badgeSmall:"badgeSmall_716a89fa30",badgeXs:"badgeXs_5608a43525"};!function(e){const a="s_id-e545a08d61b0_3_87_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".badgeLarge_eb137aeb91 {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium_927ccf1566 {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall_716a89fa30,\n.badgeXs_5608a43525 {\n  height: 10px;\n  width: 10px;\n}");export{e as default};
 //# sourceMappingURL=AvatarBadge.module.scss.js.map

package/dist/src/components/Avatar/AvatarConstants.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var i,n;!function(i){i.IMG="img",i.ICON="icon",i.TEXT="text"}(i\|\|(i={})),function(i){i.XS="xs",i.SMALL="small",i.MEDIUM="medium",i.LARGE="large"}(n\|\|(n={}));export{n as AvatarSize,i as AvatarType};
2	+ //# sourceMappingURL=AvatarConstants.js.map

package/dist/src/components/Avatar/AvatarConstants.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AvatarConstants.js","sources":["../../../../src/components/Avatar/AvatarConstants.tsx"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum AvatarType {\n IMG = \"img\",\n ICON = \"icon\",\n TEXT = \"text\"\n}\n\n/**\n * @deprecated\n */\nexport enum AvatarSize {\n XS = \"xs\",\n SMALL = \"small\",\n MEDIUM = \"medium\",\n LARGE = \"large\"\n}\n"],"names":["AvatarType","AvatarSize"],"mappings":"IAGYA,EASAC,GATZ,SAAYD,GACVA,EAAA,IAAA,MACAA,EAAA,KAAA,OACAA,EAAA,KAAA,MACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,GAAA,KACAA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CALD,CAAYA,IAAAA,EAKX,CAAA"}