npm - @razorpay/blade - Versions diffs - 12.98.0 → 12.110.0 - Mend

@razorpay/blade 12.98.0 → 12.110.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 (3905) hide show

package/build/lib/web/development/utils/metaAttribute/metaConstants.js CHANGED Viewed

@@ -9,6 +9,11 @@ var MetaConstants = {
   ActionListSection: 'action-list-section',
   Alert: 'alert',
   Amount: 'amount',
+  AppBar: 'app-bar',
+  AppBarLeading: 'app-bar-leading',
+  AppBarActions: 'app-bar-actions',
+  TrustBadge: 'trust-badge',
+  AnnouncementBanner: 'announcement-banner',
   AutoComplete: 'autocomplete',
   Avatar: 'avatar',
   AvatarGroup: 'avatar-group',
@@ -35,6 +40,7 @@ var MetaConstants = {
   ChipGroup: 'chip-group',
   ChipLabel: 'chip-label',
   Code: 'code',
+  ColorInput: 'color-input',
   Component: 'blade-component',
   Counter: 'counter',
   CounterInput: 'counter-input',
@@ -129,10 +135,16 @@ var MetaConstants = {
   CardBody: 'card-body',
   CardHeader: 'card-header',
   CardFooter: 'card-footer',
+  CardTearLine: 'card-tear-line',
+  TicketCardBody: 'ticket-card-body',
+  TicketCardFooter: 'ticket-card-footer',
+  InfoCardBody: 'info-card-body',
+  InfoCardFooter: 'info-card-footer',
   Collapsible: 'collapsible',
   CollapsibleBody: 'collapsible-body',
   CollapsibleButton: 'collapsible-button',
   CollapsibleLink: 'collapsible-link',
+  CollapsibleText: 'collapsible-text',
   Menu: 'menu',
   MenuHeader: 'menu-header',
   MenuFooter: 'menu-footer',

package/build/lib/web/development/utils/metaAttribute/metaConstants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"metaConstants.js","sources":["../../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n Accordion: 'accordion',\n AccordionButton: 'accordion-button',\n AccordionItem: 'accordion-item',\n AccordionItemHeader: 'accordion-item-header',\n AccordionItemBody: 'accordion-item-body',\n ActionList: 'action-list',\n ActionListItem: 'action-list-item',\n ActionListSection: 'action-list-section',\n Alert: 'alert',\n Amount: 'amount',\n AutoComplete: 'autocomplete',\n Avatar: 'avatar',\n AvatarGroup: 'avatar-group',\n Badge: 'badge',\n BaseFilterChip: 'base-filter-chip',\n Box: 'box',\n BaseBox: 'base-box',\n BaseText: 'base-text',\n Button: 'button',\n ButtonGroup: 'button-group',\n Breadcrumb: 'breadcrumb',\n BreadcrumbItem: 'breadcrumb-item',\n BottomNav: 'bottomnav',\n BottomNavItem: 'bottomnav-item',\n Carousel: 'carousel',\n ChatInput: 'chat-input',\n ChatMessage: 'chat-message',\n ChatMessageThumbnailPreview: 'chat-message-thumbnail-preview',\n Checkbox: 'checkbox',\n CheckboxGroup: 'checkbox-group',\n CheckboxLabel: 'checkbox-label',\n CheckboxIconFade: 'checkbox-icon-fade',\n Chip: 'chip',\n ChipGroup: 'chip-group',\n ChipLabel: 'chip-label',\n Code: 'code',\n Component: 'blade-component',\n Counter: 'counter',\n CounterInput: 'counter-input',\n Display: 'display',\n Divider: 'divider',\n Drawer: 'drawer',\n EmptyState: 'empty-state',\n Dropdown: 'dropdown',\n DropdownOverlay: 'dropdown-overlay',\n DropdownFooter: 'dropdown-footer',\n DropdownHeader: 'dropdown-header',\n DatePicker: 'datepicker',\n Calendar: 'calendar',\n FileUpload: 'file-upload',\n FileUploadItem: 'file-upload-item',\n FileUploadLabel: 'file-upload-label',\n FilterChipGroup: 'filter-chip-group',\n Icon: 'icon',\n IconButton: 'icon-button',\n InfoGroup: 'info-group',\n InfoItem: 'info-item',\n InfoItemKey: 'info-item-key',\n InfoItemValue: 'info-item-value',\n InfoItemIcon: 'info-item-icon',\n Indicator: 'indicator',\n InputGroup: 'input-group',\n Link: 'link',\n List: 'list',\n ListItem: 'list-item',\n ListItemCode: 'list-item-code',\n ListItemLink: 'list-item-link',\n ListItemText: 'list-item-text',\n ListView: 'list-view',\n ListViewFilter: 'list-view-filter',\n OTPInput: 'otp-input',\n PasswordInput: 'password-input',\n SearchInput: 'search-input',\n TextArea: 'textarea',\n TextInput: 'textinput',\n PhoneNumberInput: 'phone-number-input',\n Toast: 'toast',\n ToastContainer: 'toast-container',\n TopNav: 'top-nav',\n TopNavBrand: 'top-nav-brand',\n TopNavContent: 'top-nav-content',\n TopNavActions: 'top-nav-actions',\n TabNav: 'tab-nav',\n TabNavItems: 'tab-nav-items',\n TabNavItem: 'tab-nav-item',\n TabNavItemLink: 'tab-nav-item-link',\n TabNavIndicator: 'tab-nav-indicator',\n ProgressBar: 'progress-bar',\n Radio: 'radio',\n RadioGroup: 'radio-group',\n RadioLabel: 'radio-label',\n SkipNav: 'skipnav',\n Spinner: 'spinner',\n SideNav: 'sidenav',\n SelectInput: 'select-input',\n Tag: 'tag',\n Tooltip: 'tooltip',\n TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n Tabs: 'tabs',\n TabList: 'tab-list',\n TabItem: 'tab-item',\n TabPanel: 'tab-panel',\n TabIndicator: 'tab-indicator',\n Table: 'table',\n TableBody: 'table-body',\n TableRow: 'table-row',\n TableCell: 'table-cell',\n TableCellWrapper: 'table-cell-wrapper',\n TableSortButton: 'table-sort-button',\n TableHeader: 'table-header',\n TableHeaderRow: 'table-header-row',\n TableHeaderCell: 'table-header-cell',\n TableFooter: 'table-footer',\n TableFooterRow: 'table-footer-row',\n TableFooterCell: 'table-footer-cell',\n TableElement: 'table-element',\n TablePageSelectionButton: 'table-page-selection-button',\n TourPopover: 'tour-popover',\n TourMask: 'tour-mask',\n Popover: 'popover',\n PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n BottomSheet: 'bottom-sheet',\n BottomSheetBody: 'bottom-sheet-body',\n BottomSheetHeader: 'bottom-sheet-header',\n BottomSheetFooter: 'bottom-sheet-footer',\n BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n Card: 'card',\n CardBody: 'card-body',\n CardHeader: 'card-header',\n CardFooter: 'card-footer',\n Collapsible: 'collapsible',\n CollapsibleBody: 'collapsible-body',\n CollapsibleButton: 'collapsible-button',\n CollapsibleLink: 'collapsible-link',\n Menu: 'menu',\n MenuHeader: 'menu-header',\n MenuFooter: 'menu-footer',\n Modal: 'modal',\n ModalBody: 'modal-body',\n ModalHeader: 'modal-header',\n ModalFooter: 'modal-footer',\n ModalBackdrop: 'modal-backdrop',\n ModalScrollOverlay: 'modal-scroll-overlay',\n VisuallyHidden: 'visually-hidden',\n FormLabel: 'form-label',\n Switch: 'switch',\n SwitchLabel: 'switch-label',\n StyledBaseInput: 'styled-base-input',\n Skeleton: 'skeleton',\n StepGroup: 'step-group',\n StepItem: 'step-item',\n StepItemButton: 'step-item-button',\n PreviewWindow: 'preview-window',\n PreviewHeader: 'preview-header',\n PreviewBody: 'preview-body',\n PreviewFooter: 'preview-footer',\n Pagination: 'pagination',\n TimePicker: 'time-picker',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Avatar","AvatarGroup","Badge","BaseFilterChip","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","BottomNav","BottomNavItem","Carousel","ChatInput","ChatMessage","ChatMessageThumbnailPreview","Checkbox","CheckboxGroup","CheckboxLabel","CheckboxIconFade","Chip","ChipGroup","ChipLabel","Code","Component","Counter","CounterInput","Display","Divider","Drawer","EmptyState","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","DatePicker","Calendar","FileUpload","FileUploadItem","FileUploadLabel","FilterChipGroup","Icon","IconButton","InfoGroup","InfoItem","InfoItemKey","InfoItemValue","InfoItemIcon","Indicator","InputGroup","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","ListView","ListViewFilter","OTPInput","PasswordInput","SearchInput","TextArea","TextInput","PhoneNumberInput","Toast","ToastContainer","TopNav","TopNavBrand","TopNavContent","TopNavActions","TabNav","TabNavItems","TabNavItem","TabNavItemLink","TabNavIndicator","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SideNav","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableCellWrapper","TableSortButton","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TablePageSelectionButton","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","Menu","MenuHeader","MenuFooter","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton","StepGroup","StepItem","StepItemButton","PreviewWindow","PreviewHeader","PreviewBody","PreviewFooter","Pagination","TimePicker"],"mappings":"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"}
1	+ {"version":3,"file":"metaConstants.js","sources":["../../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n Accordion: 'accordion',\n AccordionButton: 'accordion-button',\n AccordionItem: 'accordion-item',\n AccordionItemHeader: 'accordion-item-header',\n AccordionItemBody: 'accordion-item-body',\n ActionList: 'action-list',\n ActionListItem: 'action-list-item',\n ActionListSection: 'action-list-section',\n Alert: 'alert',\n Amount: 'amount',\n AppBar: 'app-bar',\n AppBarLeading: 'app-bar-leading',\n AppBarActions: 'app-bar-actions',\n TrustBadge: 'trust-badge',\n AnnouncementBanner: 'announcement-banner',\n AutoComplete: 'autocomplete',\n Avatar: 'avatar',\n AvatarGroup: 'avatar-group',\n Badge: 'badge',\n BaseFilterChip: 'base-filter-chip',\n Box: 'box',\n BaseBox: 'base-box',\n BaseText: 'base-text',\n Button: 'button',\n ButtonGroup: 'button-group',\n Breadcrumb: 'breadcrumb',\n BreadcrumbItem: 'breadcrumb-item',\n BottomNav: 'bottomnav',\n BottomNavItem: 'bottomnav-item',\n Carousel: 'carousel',\n ChatInput: 'chat-input',\n ChatMessage: 'chat-message',\n ChatMessageThumbnailPreview: 'chat-message-thumbnail-preview',\n Checkbox: 'checkbox',\n CheckboxGroup: 'checkbox-group',\n CheckboxLabel: 'checkbox-label',\n CheckboxIconFade: 'checkbox-icon-fade',\n Chip: 'chip',\n ChipGroup: 'chip-group',\n ChipLabel: 'chip-label',\n Code: 'code',\n ColorInput: 'color-input',\n Component: 'blade-component',\n Counter: 'counter',\n CounterInput: 'counter-input',\n Display: 'display',\n Divider: 'divider',\n Drawer: 'drawer',\n EmptyState: 'empty-state',\n Dropdown: 'dropdown',\n DropdownOverlay: 'dropdown-overlay',\n DropdownFooter: 'dropdown-footer',\n DropdownHeader: 'dropdown-header',\n DatePicker: 'datepicker',\n Calendar: 'calendar',\n FileUpload: 'file-upload',\n FileUploadItem: 'file-upload-item',\n FileUploadLabel: 'file-upload-label',\n FilterChipGroup: 'filter-chip-group',\n Icon: 'icon',\n IconButton: 'icon-button',\n InfoGroup: 'info-group',\n InfoItem: 'info-item',\n InfoItemKey: 'info-item-key',\n InfoItemValue: 'info-item-value',\n InfoItemIcon: 'info-item-icon',\n Indicator: 'indicator',\n InputGroup: 'input-group',\n Link: 'link',\n List: 'list',\n ListItem: 'list-item',\n ListItemCode: 'list-item-code',\n ListItemLink: 'list-item-link',\n ListItemText: 'list-item-text',\n ListView: 'list-view',\n ListViewFilter: 'list-view-filter',\n OTPInput: 'otp-input',\n PasswordInput: 'password-input',\n SearchInput: 'search-input',\n TextArea: 'textarea',\n TextInput: 'textinput',\n PhoneNumberInput: 'phone-number-input',\n Toast: 'toast',\n ToastContainer: 'toast-container',\n TopNav: 'top-nav',\n TopNavBrand: 'top-nav-brand',\n TopNavContent: 'top-nav-content',\n TopNavActions: 'top-nav-actions',\n TabNav: 'tab-nav',\n TabNavItems: 'tab-nav-items',\n TabNavItem: 'tab-nav-item',\n TabNavItemLink: 'tab-nav-item-link',\n TabNavIndicator: 'tab-nav-indicator',\n ProgressBar: 'progress-bar',\n Radio: 'radio',\n RadioGroup: 'radio-group',\n RadioLabel: 'radio-label',\n SkipNav: 'skipnav',\n Spinner: 'spinner',\n SideNav: 'sidenav',\n SelectInput: 'select-input',\n Tag: 'tag',\n Tooltip: 'tooltip',\n TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n Tabs: 'tabs',\n TabList: 'tab-list',\n TabItem: 'tab-item',\n TabPanel: 'tab-panel',\n TabIndicator: 'tab-indicator',\n Table: 'table',\n TableBody: 'table-body',\n TableRow: 'table-row',\n TableCell: 'table-cell',\n TableCellWrapper: 'table-cell-wrapper',\n TableSortButton: 'table-sort-button',\n TableHeader: 'table-header',\n TableHeaderRow: 'table-header-row',\n TableHeaderCell: 'table-header-cell',\n TableFooter: 'table-footer',\n TableFooterRow: 'table-footer-row',\n TableFooterCell: 'table-footer-cell',\n TableElement: 'table-element',\n TablePageSelectionButton: 'table-page-selection-button',\n TourPopover: 'tour-popover',\n TourMask: 'tour-mask',\n Popover: 'popover',\n PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n BottomSheet: 'bottom-sheet',\n BottomSheetBody: 'bottom-sheet-body',\n BottomSheetHeader: 'bottom-sheet-header',\n BottomSheetFooter: 'bottom-sheet-footer',\n BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n Card: 'card',\n CardBody: 'card-body',\n CardHeader: 'card-header',\n CardFooter: 'card-footer',\n CardTearLine: 'card-tear-line',\n TicketCardBody: 'ticket-card-body',\n TicketCardFooter: 'ticket-card-footer',\n InfoCardBody: 'info-card-body',\n InfoCardFooter: 'info-card-footer',\n Collapsible: 'collapsible',\n CollapsibleBody: 'collapsible-body',\n CollapsibleButton: 'collapsible-button',\n CollapsibleLink: 'collapsible-link',\n CollapsibleText: 'collapsible-text',\n Menu: 'menu',\n MenuHeader: 'menu-header',\n MenuFooter: 'menu-footer',\n Modal: 'modal',\n ModalBody: 'modal-body',\n ModalHeader: 'modal-header',\n ModalFooter: 'modal-footer',\n ModalBackdrop: 'modal-backdrop',\n ModalScrollOverlay: 'modal-scroll-overlay',\n VisuallyHidden: 'visually-hidden',\n FormLabel: 'form-label',\n Switch: 'switch',\n SwitchLabel: 'switch-label',\n StyledBaseInput: 'styled-base-input',\n Skeleton: 'skeleton',\n StepGroup: 'step-group',\n StepItem: 'step-item',\n StepItemButton: 'step-item-button',\n PreviewWindow: 'preview-window',\n PreviewHeader: 'preview-header',\n PreviewBody: 'preview-body',\n PreviewFooter: 'preview-footer',\n Pagination: 'pagination',\n TimePicker: 'time-picker',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AppBar","AppBarLeading","AppBarActions","TrustBadge","AnnouncementBanner","AutoComplete","Avatar","AvatarGroup","Badge","BaseFilterChip","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","BottomNav","BottomNavItem","Carousel","ChatInput","ChatMessage","ChatMessageThumbnailPreview","Checkbox","CheckboxGroup","CheckboxLabel","CheckboxIconFade","Chip","ChipGroup","ChipLabel","Code","ColorInput","Component","Counter","CounterInput","Display","Divider","Drawer","EmptyState","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","DatePicker","Calendar","FileUpload","FileUploadItem","FileUploadLabel","FilterChipGroup","Icon","IconButton","InfoGroup","InfoItem","InfoItemKey","InfoItemValue","InfoItemIcon","Indicator","InputGroup","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","ListView","ListViewFilter","OTPInput","PasswordInput","SearchInput","TextArea","TextInput","PhoneNumberInput","Toast","ToastContainer","TopNav","TopNavBrand","TopNavContent","TopNavActions","TabNav","TabNavItems","TabNavItem","TabNavItemLink","TabNavIndicator","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SideNav","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableCellWrapper","TableSortButton","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TablePageSelectionButton","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","CardTearLine","TicketCardBody","TicketCardFooter","InfoCardBody","InfoCardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","CollapsibleText","Menu","MenuHeader","MenuFooter","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton","StepGroup","StepItem","StepItemButton","PreviewWindow","PreviewHeader","PreviewBody","PreviewFooter","Pagination","TimePicker"],"mappings":"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"}

package/build/lib/web/development/utils/useTruncationTitle/useTruncationTitle.web.js CHANGED Viewed

@@ -23,8 +23,11 @@ var useTruncationTitle = function useTruncationTitle(_ref) {
     if (!textRef.current || !containerRef.current) {
       return;
     }
-    if (textRef.current.scrollHeight > containerRef.current.clientHeight && content) {
+    var isTextTruncated = textRef.current.scrollHeight > containerRef.current.clientHeight || textRef.current.scrollWidth > containerRef.current.clientWidth;
+    if (isTextTruncated && content) {
       textRef.current.setAttribute('title', content);
+    } else {
+      textRef.current.removeAttribute('title');
     }
   }, [content]);
   return {

package/build/lib/web/development/utils/useTruncationTitle/useTruncationTitle.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTruncationTitle.web.js","sources":["../../../../../../src/utils/useTruncationTitle/useTruncationTitle.web.tsx"],"sourcesContent":["import React from 'react';\n\n/*\n Utility function that takes checks if text is truncated and adds `htmlTitle` with full text\n \n ## Usage\n \n ```tsx\n * const { containerRef, textRef } = useTruncationTitle({ content: 'saurabhdaware99@gmail.com' });\n \n <Box ref={containerRef}>\n * <BaseText ref={textRef} truncateAfterLines={1}>\n * saurabhdaware99@gmail.com\n * </BaseText>\n * </Box>\n * ```\n /\nconst useTruncationTitle = ({\n content,\n}: {\n /\n content that you want to set as htmlTitle\n */\n content?: string;\n}): {\n containerRef: React.RefObject<HTMLDivElement>;\n textRef: React.RefObject<HTMLParagraphElement>;\n} => {\n const containerRef = React.useRef<HTMLDivElement>(null);\n const textRef = React.useRef<HTMLParagraphElement>(null);\n\n React.useEffect(() => {\n if (!textRef.current \|\| !containerRef.current) {\n return;\n }\n\n if (textRef.current.scrollHeight > containerRef.current.clientHeight && content) {\n textRef.current.setAttribute('title', content);\n }\n }, [content]);\n\n return {\n containerRef,\n textRef,\n };\n};\n\nexport { useTruncationTitle };\n"],"names":["useTruncationTitle","_ref","content","containerRef","React","useRef","textRef","useEffect","current","scrollHeight","clientHeight","setAttribute"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAUnB;AAAA,EAAA,IATHC,OAAO,GAAAD,IAAA,CAAPC,OAAO,CAAA;AAUP,EAAA,IAAMC,YAAY,GAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC,CAAA;AACvD,EAAA,IAAMC,OAAO,GAAGF,cAAK,CAACC,MAAM,CAAuB,IAAI,CAAC,CAAA;EAExDD,cAAK,CAACG,SAAS,CAAC,YAAM;IACpB,IAAI,CAACD,OAAO,CAACE,OAAO,IAAI,CAACL,YAAY,CAACK,OAAO,EAAE;AAC7C,MAAA,OAAA;AACF,KAAA;~~AAEA~~,~~IAAA~~,~~IAAIF~~,OAAO,CAACE,OAAO,~~CAACC~~,YAAY,~~GAAGN~~,YAAY,CAACK,OAAO,CAACE,YAAY,~~IAAIR~~,OAAO,EAAE;~~MAC/EI~~,OAAO,CAACE,OAAO,~~CAACG~~,YAAY,CAAC,OAAO,~~EAAET~~,OAAO,CAAC,CAAA;AAChD,KAAA;AACF,GAAC,EAAE,~~CAACA~~,OAAO,CAAC,CAAC,CAAA;EAEb,OAAO;AACLC,IAAAA,YAAY,EAAZA,YAAY;AACZG,IAAAA,OAAO,EAAPA,OAAAA;GACD,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"useTruncationTitle.web.js","sources":["../../../../../../src/utils/useTruncationTitle/useTruncationTitle.web.tsx"],"sourcesContent":["import React from 'react';\n\n/*\n Utility function that takes checks if text is truncated and adds `htmlTitle` with full text\n \n ## Usage\n \n ```tsx\n * const { containerRef, textRef } = useTruncationTitle({ content: 'saurabhdaware99@gmail.com' });\n \n <Box ref={containerRef}>\n * <BaseText ref={textRef} truncateAfterLines={1}>\n * saurabhdaware99@gmail.com\n * </BaseText>\n * </Box>\n * ```\n /\nconst useTruncationTitle = ({\n content,\n}: {\n /\n content that you want to set as htmlTitle\n */\n content?: string;\n}): {\n containerRef: React.RefObject<HTMLDivElement>;\n textRef: React.RefObject<HTMLParagraphElement>;\n} => {\n const containerRef = React.useRef<HTMLDivElement>(null);\n const textRef = React.useRef<HTMLParagraphElement>(null);\n\n React.useEffect(() => {\n if (!textRef.current \|\| !containerRef.current) {\n return;\n }\n\n const isTextTruncated =\n textRef.current.scrollHeight > containerRef.current.clientHeight \|\|\n textRef.current.scrollWidth > containerRef.current.clientWidth;\n\n if (isTextTruncated && content) {\n textRef.current.setAttribute('title', content);\n } else {\n textRef.current.removeAttribute('title');\n }\n }, [content]);\n\n return {\n containerRef,\n textRef,\n };\n};\n\nexport { useTruncationTitle };\n"],"names":["useTruncationTitle","_ref","content","containerRef","React","useRef","textRef","useEffect","current","isTextTruncated","scrollHeight","clientHeight","scrollWidth","clientWidth","setAttribute","removeAttribute"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAUnB;AAAA,EAAA,IATHC,OAAO,GAAAD,IAAA,CAAPC,OAAO,CAAA;AAUP,EAAA,IAAMC,YAAY,GAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC,CAAA;AACvD,EAAA,IAAMC,OAAO,GAAGF,cAAK,CAACC,MAAM,CAAuB,IAAI,CAAC,CAAA;EAExDD,cAAK,CAACG,SAAS,CAAC,YAAM;IACpB,IAAI,CAACD,OAAO,CAACE,OAAO,IAAI,CAACL,YAAY,CAACK,OAAO,EAAE;AAC7C,MAAA,OAAA;AACF,KAAA;IAEA,IAAMC,eAAe,GACnBH,OAAO,CAACE,OAAO,CAACE,YAAY,GAAGP,YAAY,CAACK,OAAO,CAACG,YAAY,IAChEL,OAAO,CAACE,OAAO,CAACI,WAAW,GAAGT,YAAY,CAACK,OAAO,CAACK,WAAW,CAAA;IAEhE,IAAIJ,eAAe,IAAIP,OAAO,EAAE;MAC9BI,OAAO,CAACE,OAAO,CAACM,YAAY,CAAC,OAAO,EAAEZ,OAAO,CAAC,CAAA;AAChD,KAAC,MAAM;AACLI,MAAAA,OAAO,CAACE,OAAO,CAACO,eAAe,CAAC,OAAO,CAAC,CAAA;AAC1C,KAAA;AACF,GAAC,EAAE,CAACb,OAAO,CAAC,CAAC,CAAA;EAEb,OAAO;AACLC,IAAAA,YAAY,EAAZA,YAAY;AACZG,IAAAA,OAAO,EAAPA,OAAAA;GACD,CAAA;AACH;;;;"}

package/build/lib/web/development/utils/useVerifyAllowedChildren/useVerifyAllowedChildren.js CHANGED Viewed

@@ -14,10 +14,22 @@ var useVerifyAllowedChildren = function useVerifyAllowedChildren(props) {
   if (true) {
     React__default.Children.forEach(children, function (child) {
       if (! /*#__PURE__*/React__default.isValidElement(child)) return;
-      var isValidChild = child && allowedComponents.includes(getComponentId(child));
+      var childComponentId = getComponentId(child);
+      var isValidChild = child && allowedComponents.includes(childComponentId);
       if (!isValidChild) {
+        var actualChildName = childComponentId !== null && childComponentId !== void 0 ? childComponentId : undefined;
+        if (!actualChildName) {
+          if (typeof child.type === 'function') {
+            var _componentType$displa;
+            var componentType = child.type;
+            // eslint-disable-next-line no-restricted-properties
+            actualChildName = (_componentType$displa = componentType.displayName) !== null && _componentType$displa !== void 0 ? _componentType$displa : componentType.name;
+          } else {
+            actualChildName = String(child.type);
+          }
+        }
         throwBladeError({
-          message: "Only `".concat(allowedComponents.join(', '), "` components are accepted in `").concat(componentName, "` children"),
+          message: "Only `".concat(allowedComponents.join(', '), "` components are accepted in `").concat(componentName, "` children. Received `").concat(actualChildName !== null && actualChildName !== void 0 ? actualChildName : 'Unknown', "`"),
           moduleName: componentName
         });
       }

package/build/lib/web/development/utils/useVerifyAllowedChildren/useVerifyAllowedChildren.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useVerifyAllowedChildren.js","sources":["../../../../../../src/utils/useVerifyAllowedChildren/useVerifyAllowedChildren.ts"],"sourcesContent":["import React from 'react';\nimport { getComponentId } from '../isValidAllowedChildren';\nimport { throwBladeError } from '../logger';\n\n/*\n Verify if the passed childrens are only of allowedComponents list\n */\nconst useVerifyAllowedChildren = (props: {\n children: React.ReactNode;\n componentName: string;\n allowedComponents: string[];\n}): void => {\n const { children, componentName, allowedComponents } = props;\n if (__DEV__) {\n React.Children.forEach(children, (child) => {\n if (!React.isValidElement(child)) return;\n const isValidChild = child && allowedComponents.includes(~~getComponentId(child)~~!);\n if (!isValidChild) {\n throwBladeError({\n message: `Only \\`${allowedComponents.join(\n ', ',\n )}\\` components are accepted in \\`${componentName}\\` children~~`,\~~n moduleName: componentName,\n });\n }\n });\n }\n};\n\nexport { useVerifyAllowedChildren };\n"],"names":["useVerifyAllowedChildren","props","children","componentName","allowedComponents","React","Children","forEach","child","isValidElement","isValidChild","includes","~~getComponentId~~","throwBladeError","message","concat","join","moduleName"],"mappings":";;;;;;AAIA;AACA;AACA;AACA,IAAMA,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIC,KAIjC,EAAW;AACV,EAAA,IAAQC,QAAQ,GAAuCD,KAAK,CAApDC,QAAQ;IAAEC,aAAa,GAAwBF,KAAK,CAA1CE,aAAa;IAAEC,iBAAiB,GAAKH,KAAK,CAA3BG,iBAAiB,CAAA;AAClD,EAAA,IAAI,IAAO,EAAE;IACXC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACL,QAAQ,EAAE,UAACM,KAAK,EAAK;AAC1C,MAAA,IAAI,eAACH,cAAK,CAACI,cAAc,CAACD,KAAK,CAAC,EAAE,OAAA;AAClC,MAAA,IAAME,YAAY,~~GAAGF~~,KAAK,IAAIJ,iBAAiB,~~CAACO~~,QAAQ,~~CAACC~~,~~cAAc~~,~~CAACJ,KAAK,CAAE,~~CAAC,CAAA;~~MAChF~~,IAAI,CAACE,YAAY,EAAE;~~AACjBG~~,QAAAA,eAAe,CAAC;~~AACdC~~,~~UAAAA,~~OAAO,~~EAAAC~~,~~QAAAA~~,~~CAAAA~~,MAAA,~~CAAYX~~,iBAAiB,~~CAACY~~,IAAI,CACvC,IACF,CAAC,EAAA,~~gCAAA~~,CAAA,~~CAAAD~~,MAAA,~~CAAmCZ~~,~~aAAa~~,~~EAAa~~,~~YAAA~~,CAAA;~~AAC9Dc~~,UAAAA,UAAU,~~EAAEd~~,aAAAA;AACd,SAAC,CAAC,CAAA;AACJ,OAAA;AACF,KAAC,CAAC,CAAA;AACJ,GAAA;AACF;;;;"}
1	+ {"version":3,"file":"useVerifyAllowedChildren.js","sources":["../../../../../../src/utils/useVerifyAllowedChildren/useVerifyAllowedChildren.ts"],"sourcesContent":["import React from 'react';\nimport { getComponentId } from '../isValidAllowedChildren';\nimport { throwBladeError } from '../logger';\n\n/*\n Verify if the passed childrens are only of allowedComponents list\n */\nconst useVerifyAllowedChildren = (props: {\n children: React.ReactNode;\n componentName: string;\n allowedComponents: string[];\n}): void => {\n const { children, componentName, allowedComponents } = props;\n if (__DEV__) {\n React.Children.forEach(children, (child) => {\n if (!React.isValidElement(child)) return;\n const childComponentId = getComponentId(child);\n const isValidChild = child && allowedComponents.includes(childComponentId!);\n if (!isValidChild) {\n let actualChildName: string \| undefined = childComponentId ?? undefined;\n if (!actualChildName) {\n if (typeof child.type === 'function') {\n const componentType = child.type as { displayName?: string; name?: string };\n // eslint-disable-next-line no-restricted-properties\n actualChildName = componentType.displayName ?? componentType.name;\n } else {\n actualChildName = String(child.type);\n }\n }\n throwBladeError({\n message: `Only \\`${allowedComponents.join(\n ', ',\n )}\\` components are accepted in \\`${componentName}\\` children. Received \\`${\n actualChildName ?? 'Unknown'\n }\\``,\n moduleName: componentName,\n });\n }\n });\n }\n};\n\nexport { useVerifyAllowedChildren };\n"],"names":["useVerifyAllowedChildren","props","children","componentName","allowedComponents","React","Children","forEach","child","isValidElement","childComponentId","getComponentId","isValidChild","includes","actualChildName","undefined","type","_componentType$displa","componentType","displayName","name","String","throwBladeError","message","concat","join","moduleName"],"mappings":";;;;;;AAIA;AACA;AACA;AACA,IAAMA,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIC,KAIjC,EAAW;AACV,EAAA,IAAQC,QAAQ,GAAuCD,KAAK,CAApDC,QAAQ;IAAEC,aAAa,GAAwBF,KAAK,CAA1CE,aAAa;IAAEC,iBAAiB,GAAKH,KAAK,CAA3BG,iBAAiB,CAAA;AAClD,EAAA,IAAI,IAAO,EAAE;IACXC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACL,QAAQ,EAAE,UAACM,KAAK,EAAK;AAC1C,MAAA,IAAI,eAACH,cAAK,CAACI,cAAc,CAACD,KAAK,CAAC,EAAE,OAAA;AAClC,MAAA,IAAME,gBAAgB,GAAGC,cAAc,CAACH,KAAK,CAAC,CAAA;MAC9C,IAAMI,YAAY,GAAGJ,KAAK,IAAIJ,iBAAiB,CAACS,QAAQ,CAACH,gBAAiB,CAAC,CAAA;MAC3E,IAAI,CAACE,YAAY,EAAE;QACjB,IAAIE,eAAmC,GAAGJ,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,gBAAgB,GAAIK,SAAS,CAAA;QACvE,IAAI,CAACD,eAAe,EAAE;AACpB,UAAA,IAAI,OAAON,KAAK,CAACQ,IAAI,KAAK,UAAU,EAAE;AAAA,YAAA,IAAAC,qBAAA,CAAA;AACpC,YAAA,IAAMC,aAAa,GAAGV,KAAK,CAACQ,IAA+C,CAAA;AAC3E;AACAF,YAAAA,eAAe,GAAAG,CAAAA,qBAAA,GAAGC,aAAa,CAACC,WAAW,MAAAF,IAAAA,IAAAA,qBAAA,KAAAA,KAAAA,CAAAA,GAAAA,qBAAA,GAAIC,aAAa,CAACE,IAAI,CAAA;AACnE,WAAC,MAAM;AACLN,YAAAA,eAAe,GAAGO,MAAM,CAACb,KAAK,CAACQ,IAAI,CAAC,CAAA;AACtC,WAAA;AACF,SAAA;AACAM,QAAAA,eAAe,CAAC;UACdC,OAAO,EAAA,QAAA,CAAAC,MAAA,CAAYpB,iBAAiB,CAACqB,IAAI,CACvC,IACF,CAAC,EAAAD,gCAAAA,CAAAA,CAAAA,MAAA,CAAmCrB,aAAa,EAAA,wBAAA,CAAA,CAAAqB,MAAA,CAC/CV,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAfA,KAAAA,CAAAA,GAAAA,eAAe,GAAI,SAAS,EAC1B,GAAA,CAAA;AACJY,UAAAA,UAAU,EAAEvB,aAAAA;AACd,SAAC,CAAC,CAAA;AACJ,OAAA;AACF,KAAC,CAAC,CAAA;AACJ,GAAA;AACF;;;;"}

package/build/lib/web/production/_virtual/flatten.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import '../node_modules/es-toolkit/dist/array/flatten.js';
+import '../node_modules/es-toolkit/dist/compat/array/flatten.js';
 //# sourceMappingURL=flatten.js.map

package/build/lib/web/production/_virtual/flatten3.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import '../node_modules/es-toolkit/dist/compat/array/flatten.js';
+import '../node_modules/es-toolkit/dist/array/flatten.js';
 //# sourceMappingURL=flatten3.js.map

package/build/lib/web/production/components/Accordion/Accordion.js CHANGED Viewed

@@ -3,6 +3,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default, { useState, Children, useCallback, useMemo, cloneElement } from 'react';
 import { AccordionContext } from './AccordionContext.js';
+import { AccordionSurface } from './AccordionSurface.web.js';
 import { MAX_WIDTH } from './styles.web.js';
 import '../Box/BaseBox/index.js';
 import '../Box/styledProps/index.js';
@@ -10,9 +11,11 @@ import '../../tokens/global/index.js';
 import '../../utils/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../../utils/makeAnalyticsAttribute/index.js';
+import '../BladeProvider/index.js';
 import { jsx } from 'react/jsx-runtime';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
 import { size } from '../../tokens/global/size.js';
+import useTheme from '../BladeProvider/useTheme.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
@@ -27,17 +30,6 @@ var MIN_WIDTH = {
   m: makeSize(size[360]),
   l: makeSize(size[360])
 };
-var getVariantStyles = function getVariantStyles(variant) {
-  if (variant === 'transparent') {
-    return {};
-  }
-  return {
-    backgroundColor: 'surface.background.gray.intense',
-    borderRadius: 'medium',
-    borderWidth: 'thinner',
-    borderColor: 'surface.border.gray.subtle'
-  };
-};
 /**
  * # Accordion
@@ -85,6 +77,8 @@ var _Accordion = function _Accordion(_ref, ref) {
     minWidth = _ref.minWidth,
     testID = _ref.testID,
     rest = _objectWithoutProperties(_ref, _excluded);
+  var _useTheme = useTheme(),
+    colorScheme = _useTheme.colorScheme;
   var _useState = useState(defaultExpandedIndex),
     _useState2 = _slicedToArray(_useState, 2),
     expandedAccordionItemIndex = _useState2[0],
@@ -125,7 +119,17 @@ var _Accordion = function _Accordion(_ref, ref) {
       name: MetaConstants.Accordion,
       testID: testID
     })), getStyledProps(rest)), makeAnalyticsAttribute(rest)), {}, {
-      children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({}, getVariantStyles(variant)), {}, {
+      children: variant === 'filled' ? /*#__PURE__*/jsx(AccordionSurface, {
+        colorScheme: colorScheme,
+        borderRadius: "medium",
+        backgroundColor: "surface.background.gray.intense",
+        children: Children.map(children, function (child, index) {
+          return /*#__PURE__*/cloneElement(child, {
+            _index: index,
+            key: index
+          });
+        })
+      }) : /*#__PURE__*/jsx(BaseBox, {
         width: "100%",
         children: Children.map(children, function (child, index) {
           return /*#__PURE__*/cloneElement(child, {
@@ -133,7 +137,7 @@ var _Accordion = function _Accordion(_ref, ref) {
             key: index
           });
         })
-      }))
+      })
     }))
   });
 };

package/build/lib/web/production/components/Accordion/Accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Accordion.js","sources":["../../../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useCallback, useMemo, useState, cloneElement, Children } from 'react';\nimport type { AccordionContextState } from './AccordionContext';\nimport { AccordionContext } from './AccordionContext';\nimport { MAX_WIDTH } from './styles';\nimport type { AccordionProps } from './types';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BoxProps } from '~components/Box';\nimport { size as sizeTokens } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst MIN_WIDTH: BoxProps['minWidth'] = {\n s: makeSize(sizeTokens[200]),\n m: makeSize(sizeTokens[360]),\n l: makeSize(sizeTokens[360]),\n};\n\~~nconst getVariantStyles = (variant: AccordionProps['variant']): BoxProps => {\~~n if (variant === 'transparent') {\n return {};\n }\n\n return {\n backgroundColor: 'surface.background.gray.intense',\n borderRadius: 'medium',\n borderWidth: 'thinner',\n borderColor: 'surface.border.gray.subtle',\n };\n};\n\n/*\n # Accordion\n \n An accordion is used to allow users to toggle between different content sections in a compact vertical stack.\n \n ## Usage\n \n ```jsx\n * <Accordion>\n * <AccordionItem>\n * <AccordionItemHeader title=\"Title\" />\n * <AccordionItemBody>\n * <Text color=\"surface.text.gray.subtle\">\n * Hello this is accordion body content\n * </Text>\n * </AccordionItemBody>\n * </AccordionItem>\n * <AccordionItem>\n * <AccordionItemHeader title=\"Title\" />\n * <AccordionItemBody>\n * <Text color=\"surface.text.gray.subtle\">\n * Hello this is accordion body content\n * </Text>\n * </AccordionItemBody>\n * </AccordionItem>\n * </Accordion>\n * ```\n \n Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs\n \n /\nconst _Accordion = (\n {\n defaultExpandedIndex,\n expandedIndex,\n onExpandChange,\n showNumberPrefix = false,\n children,\n variant = 'transparent',\n size = 'large',\n maxWidth,\n minWidth,\n testID,\n ...rest\n }: AccordionProps,\n ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n const [expandedAccordionItemIndex, setExpandedAccordionItemIndex] = useState<number \| undefined>(\n defaultExpandedIndex,\n );\n\n const numberOfItems = Children.count(children);\n\n const handleExpandChange = useCallback(\n (nextExpandedIndex: number) => {\n if (typeof expandedIndex !== 'undefined') {\n // controlled\n onExpandChange?.({ expandedIndex: nextExpandedIndex });\n } else {\n // uncontrolled\n setExpandedAccordionItemIndex(nextExpandedIndex);\n onExpandChange?.({ expandedIndex: nextExpandedIndex });\n }\n },\n [onExpandChange, expandedIndex],\n );\n\n const accordionContext = useMemo<AccordionContextState>(\n () => ({\n expandedIndex: expandedIndex ?? expandedAccordionItemIndex,\n defaultExpandedIndex,\n onExpandChange: handleExpandChange,\n showNumberPrefix,\n variant,\n numberOfItems,\n size,\n }),\n [\n expandedAccordionItemIndex,\n handleExpandChange,\n expandedIndex,\n showNumberPrefix,\n defaultExpandedIndex,\n variant,\n numberOfItems,\n size,\n ],\n );\n\n return (\n <AccordionContext.Provider value={accordionContext}>\n <BaseBox\n ref={ref as never}\n minWidth={minWidth ?? MIN_WIDTH}\n maxWidth={maxWidth ?? MAX_WIDTH}\n {...metaAttribute({ name: MetaConstants.Accordion, testID })}\n {...getStyledProps(rest)}\n {...makeAnalyticsAttribute(rest)}\n >\n <~~BaseBox~~ {~~...getVariantStyles~~(~~variant~~)} width=\"100%\">\n {Children.map(children, (child, index) =>\n cloneElement(child, { _index: index, key: index }),\n )}\n </BaseBox>\n </BaseBox>\n </AccordionContext.Provider>\n );\n};\n\nconst Accordion = React.forwardRef(_Accordion);\n\nexport { Accordion };\n"],"names":["MIN_WIDTH","s","makeSize","sizeTokens","m","l","~~getVariantStyles","variant","backgroundColor","borderRadius","borderWidth","borderColor","~~_Accordion","_ref","ref","defaultExpandedIndex","expandedIndex","onExpandChange","_ref$showNumberPrefix","showNumberPrefix","children","_ref$variant","_ref$size","size","maxWidth","minWidth","testID","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","expandedAccordionItemIndex","setExpandedAccordionItemIndex","numberOfItems","Children","count","handleExpandChange","useCallback","nextExpandedIndex","accordionContext","useMemo","_jsx","AccordionContext","Provider","value","BaseBox","_objectSpread","MAX_WIDTH","metaAttribute","name","MetaConstants","Accordion","getStyledProps","makeAnalyticsAttribute","~~width~~","map","child","index","cloneElement","_index","key","React","forwardRef"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;AAeA~~,IAAMA,SAA+B,GAAG;AACtCC,EAAAA,CAAC,EAAEC,QAAQ,CAACC,IAAU,CAAC,GAAG,CAAC,CAAC;AAC5BC,EAAAA,CAAC,EAAEF,QAAQ,CAACC,IAAU,CAAC,GAAG,CAAC,CAAC;AAC5BE,EAAAA,CAAC,EAAEH,QAAQ,CAACC,IAAU,CAAC,GAAG,CAAC,CAAA;AAC7B,CAAC,CAAA;AAED,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,OAAkC,EAAe;EACzE,IAAIA,OAAO,KAAK,aAAa,EAAE;AAC7B,IAAA,OAAO,EAAE,CAAA;AACX,GAAA;EAEA,OAAO;AACLC,IAAAA,eAAe,EAAE,iCAAiC;AAClDC,IAAAA,YAAY,EAAE,QAAQ;AACtBC,IAAAA,WAAW,EAAE,SAAS;AACtBC,IAAAA,WAAW,EAAE,4BAAA;GACd,CAAA;AACH,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,~~IAAMC~~,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAcdC,GAA+B,EACd;AAAA,EAAA,IAbfC,oBAAoB,GAAAF,IAAA,CAApBE,oBAAoB;IACpBC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IACbC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IAAAC,qBAAA,GAAAL,IAAA,CACdM,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IACxBE,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IAAAC,YAAA,GAAAR,IAAA,~~CACRN~~,OAAO;AAAPA,IAAAA,OAAO,~~GAAAc~~,YAAA,KAAG,KAAA,CAAA,GAAA,aAAa,GAAAA,YAAA;~~IAAAC~~,SAAA,~~GAAAT~~,IAAA,~~CACvBU~~,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,SAAA;IACdE,QAAQ,~~GAAAX~~,IAAA,~~CAARW~~,QAAQ;IACRC,QAAQ,~~GAAAZ~~,IAAA,~~CAARY~~,QAAQ;IACRC,MAAM,~~GAAAb~~,IAAA,~~CAANa~~,MAAM;AACHC,IAAAA,IAAI,GAAAC,wBAAA,~~CAAAf~~,IAAA,~~EAAAgB~~,SAAA,CAAA,CAAA;AAIT,EAAA,IAAAC,SAAA,GAAoEC,QAAQ,~~CAC1EhB~~,oBACF,CAAC;~~IAAAiB~~,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAFMI,IAAAA,0BAA0B,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,6BAA6B,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAIhE,EAAA,IAAMI,aAAa,GAAGC,QAAQ,CAACC,KAAK,~~CAAClB~~,QAAQ,CAAC,CAAA;AAE9C,EAAA,~~IAAMmB~~,kBAAkB,GAAGC,WAAW,CACpC,UAACC,iBAAyB,EAAK;AAC7B,IAAA,IAAI,~~OAAOzB~~,aAAa,KAAK,WAAW,EAAE;AACxC;AACAC,MAAAA,cAAc,KAAdA,IAAAA,IAAAA,cAAc,KAAdA,KAAAA,CAAAA,IAAAA,cAAc,CAAG;AAAED,QAAAA,aAAa,~~EAAEyB~~,iBAAAA;AAAkB,OAAC,CAAC,CAAA;AACxD,KAAC,MAAM;AACL;MACAN,6BAA6B,CAACM,iBAAiB,CAAC,CAAA;~~AAChDxB~~,MAAAA,cAAc,KAAdA,IAAAA,IAAAA,cAAc,KAAdA,KAAAA,CAAAA,IAAAA,cAAc,CAAG;AAAED,QAAAA,aAAa,~~EAAEyB~~,iBAAAA;AAAkB,OAAC,CAAC,CAAA;AACxD,KAAA;AACF,GAAC,EACD,~~CAACxB~~,cAAc,EAAED,aAAa,CAChC,CAAC,CAAA;EAED,~~IAAM0B~~,gBAAgB,GAAGC,OAAO,CAC9B,YAAA;IAAA,OAAO;~~AACL3B~~,MAAAA,aAAa,EAAEA,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,aAAa,~~GAAIkB~~,0BAA0B;~~AAC1DnB~~,MAAAA,oBAAoB,EAApBA,oBAAoB;AACpBE,MAAAA,cAAc,~~EAAEsB~~,kBAAkB;~~AAClCpB~~,MAAAA,gBAAgB,EAAhBA,gBAAgB;~~AAChBZ~~,MAAAA,OAAO,EAAPA,OAAO;~~AACP6B~~,MAAAA,aAAa,EAAbA,aAAa;~~AACbb~~,MAAAA,IAAI,EAAJA,IAAAA;KACD,CAAA;AAAA,GAAC,EACF,~~CACEW~~,0BAA0B,EAC1BK,kBAAkB,~~EAClBvB~~,aAAa,EACbG,gBAAgB,EAChBJ,oBAAoB,~~EACpBR~~,OAAO,~~EACP6B~~,aAAa,~~EACbb~~,IAAI,CAER,CAAC,CAAA;AAED,EAAA,~~oBACEqB~~,GAAA,CAACC,gBAAgB,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEL,gBAAiB;~~IAAAtB~~,QAAA,~~eACjDwB~~,GAAA,CAACI,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;~~AACNnC~~,MAAAA,GAAG,EAAEA,GAAa;~~AAClBW~~,MAAAA,QAAQ,EAAEA,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAARA,KAAAA,CAAAA,GAAAA,QAAQ,~~GAAIzB~~,SAAU;~~AAChCwB~~,MAAAA,QAAQ,EAAEA,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,KAAA,CAAA,GAARA,QAAQ,~~GAAI0B~~,SAAAA;AAAU,KAAA,EAC5BC,aAAa,CAAC;MAAEC,IAAI,EAAEC,aAAa,CAACC,SAAS;~~AAAE5B~~,MAAAA,MAAM,EAANA,MAAAA;KAAQ,CAAC,~~CACxD6B~~,EAAAA,cAAc,~~CAAC5B~~,IAAI,CAAC,~~CACpB6B~~,EAAAA,sBAAsB,~~CAAC7B~~,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;~~AAAAP~~,MAAAA,QAAA,~~eAEhCwB~~,GAAA,~~CAACI~~,~~OAAO~~,~~EAAAC~~,~~aAAA~~,~~CAAAA~~,~~aAAA~~,~~CAAK3C~~,~~EAAAA~~,~~EAAAA~~,~~gBAAgB~~,~~CAACC~~,~~OAAO~~,CAAC,CAAA,~~EAAA~~,~~EAAA~~,EAAA;~~AAAEkD~~,QAAAA,KAAK,EAAC,MAAM;~~QAAArC~~,QAAA,~~EACjDiB~~,QAAQ,~~CAACqB~~,GAAG,~~CAACtC~~,QAAQ,EAAE,~~UAACuC~~,KAAK,EAAEC,KAAK,EAAA;UAAA,oBACnCC,YAAY,CAACF,KAAK,EAAE;AAAEG,YAAAA,MAAM,EAAEF,KAAK;AAAEG,YAAAA,GAAG,EAAEH,KAAAA;AAAM,WAAC,CAAC,CAAA;SACpD,CAAA;OACO,CAAA~~,CAAA~~;~~KACF~~,CAAA,CAAA;AAAC,GACe,CAAC,CAAA;AAEhC,CAAC,CAAA;AAED,~~IAAMN~~,SAAS,~~gBAAGU~~,cAAK,CAACC,UAAU,~~CAACrD~~,UAAU;;;;"}
1	+ {"version":3,"file":"Accordion.js","sources":["../../../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { useCallback, useMemo, useState, cloneElement, Children } from 'react';\nimport type { AccordionContextState } from './AccordionContext';\nimport { AccordionContext } from './AccordionContext';\nimport { AccordionSurface } from './AccordionSurface';\nimport { MAX_WIDTH } from './styles';\nimport type { AccordionProps } from './types';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BoxProps } from '~components/Box';\nimport { size as sizeTokens } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useTheme } from '~components/BladeProvider';\n\nconst MIN_WIDTH: BoxProps['minWidth'] = {\n s: makeSize(sizeTokens[200]),\n m: makeSize(sizeTokens[360]),\n l: makeSize(sizeTokens[360]),\n};\n\n/*\n # Accordion\n \n An accordion is used to allow users to toggle between different content sections in a compact vertical stack.\n \n ## Usage\n \n ```jsx\n * <Accordion>\n * <AccordionItem>\n * <AccordionItemHeader title=\"Title\" />\n * <AccordionItemBody>\n * <Text color=\"surface.text.gray.subtle\">\n * Hello this is accordion body content\n * </Text>\n * </AccordionItemBody>\n * </AccordionItem>\n * <AccordionItem>\n * <AccordionItemHeader title=\"Title\" />\n * <AccordionItemBody>\n * <Text color=\"surface.text.gray.subtle\">\n * Hello this is accordion body content\n * </Text>\n * </AccordionItemBody>\n * </AccordionItem>\n * </Accordion>\n * ```\n \n Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs\n \n /\nconst _Accordion = (\n {\n defaultExpandedIndex,\n expandedIndex,\n onExpandChange,\n showNumberPrefix = false,\n children,\n variant = 'transparent',\n size = 'large',\n maxWidth,\n minWidth,\n testID,\n ...rest\n }: AccordionProps,\n ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n const { colorScheme } = useTheme();\n const [expandedAccordionItemIndex, setExpandedAccordionItemIndex] = useState<number \| undefined>(\n defaultExpandedIndex,\n );\n\n const numberOfItems = Children.count(children);\n\n const handleExpandChange = useCallback(\n (nextExpandedIndex: number) => {\n if (typeof expandedIndex !== 'undefined') {\n // controlled\n onExpandChange?.({ expandedIndex: nextExpandedIndex });\n } else {\n // uncontrolled\n setExpandedAccordionItemIndex(nextExpandedIndex);\n onExpandChange?.({ expandedIndex: nextExpandedIndex });\n }\n },\n [onExpandChange, expandedIndex],\n );\n\n const accordionContext = useMemo<AccordionContextState>(\n () => ({\n expandedIndex: expandedIndex ?? expandedAccordionItemIndex,\n defaultExpandedIndex,\n onExpandChange: handleExpandChange,\n showNumberPrefix,\n variant,\n numberOfItems,\n size,\n }),\n [\n expandedAccordionItemIndex,\n handleExpandChange,\n expandedIndex,\n showNumberPrefix,\n defaultExpandedIndex,\n variant,\n numberOfItems,\n size,\n ],\n );\n\n return (\n <AccordionContext.Provider value={accordionContext}>\n <BaseBox\n ref={ref as never}\n minWidth={minWidth ?? MIN_WIDTH}\n maxWidth={maxWidth ?? MAX_WIDTH}\n {...metaAttribute({ name: MetaConstants.Accordion, testID })}\n {...getStyledProps(rest)}\n {...makeAnalyticsAttribute(rest)}\n >\n {variant === 'filled' ? (\n <AccordionSurface\n colorScheme={colorScheme}\n borderRadius=\"medium\"\n backgroundColor=\"surface.background.gray.intense\"\n >\n {Children.map(children, (child, index) =>\n cloneElement(child, { _index: index, key: index }),\n )}\n </AccordionSurface>\n ) : (\n <BaseBox width=\"100%\">\n {Children.map(children, (child, index) =>\n cloneElement(child, { _index: index, key: index }),\n )}\n </BaseBox>\n )}\n </BaseBox>\n </AccordionContext.Provider>\n );\n};\n\nconst Accordion = React.forwardRef(_Accordion);\n\nexport { Accordion };\n"],"names":["MIN_WIDTH","s","makeSize","sizeTokens","m","l","_Accordion","_ref","ref","defaultExpandedIndex","expandedIndex","onExpandChange","_ref$showNumberPrefix","showNumberPrefix","children","_ref$variant","variant","_ref$size","size","maxWidth","minWidth","testID","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","colorScheme","_useState","useState","_useState2","_slicedToArray","expandedAccordionItemIndex","setExpandedAccordionItemIndex","numberOfItems","Children","count","handleExpandChange","useCallback","nextExpandedIndex","accordionContext","useMemo","_jsx","AccordionContext","Provider","value","BaseBox","_objectSpread","MAX_WIDTH","metaAttribute","name","MetaConstants","Accordion","getStyledProps","makeAnalyticsAttribute","AccordionSurface","borderRadius","backgroundColor","map","child","index","cloneElement","_index","key","width","React","forwardRef"],"mappings":"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"}

package/build/lib/web/production/components/Accordion/AccordionItemHeader.js CHANGED Viewed

@@ -101,8 +101,7 @@ var _AccordionItemHeader = function _AccordionItemHeader(_ref) {
       size: size,
       alignItems: !subtitle && !isLeadingNumberOrIcon ? 'center' : 'flex-start',
       dividerProps: {
-        thickness: 'thinner',
-        marginX: 'spacing.5'
+        thickness: 'thinner'
       },
       trailingInteractionElement: /*#__PURE__*/jsx(CollapsibleChevronIcon, {
         color: isDisabled ? 'interactive.icon.gray.disabled' : 'interactive.icon.gray.muted',

package/build/lib/web/production/components/Accordion/AccordionItemHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccordionItemHeader.js","sources":["../../../../../../src/components/Accordion/AccordionItemHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { useAccordion, useAccordionItemIndex } from './AccordionContext';\nimport { componentIds } from './componentIds';\nimport type { BaseHeaderProps } from '~components/BaseHeaderFooter/BaseHeader';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { CollapsibleChevronIcon } from '~components/Collapsible/CollapsibleChevronIcon';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { isIconComponent } from '~utils/isIconComponent';\nimport type { BoxProps } from '~components/Box';\nimport { makeSize } from '~utils/makeSize';\nimport { size as sizeToken } from '~tokens/global';\n\nconst getLeadingElementMaxHeightAndWidth = (\n size: BaseHeaderProps['size'],\n): BoxProps['maxHeight'] => {\n if (size === 'large') return makeSize(sizeToken['32']);\n return makeSize(sizeToken['24']);\n};\n\nconst _AccordionItemHeader = ({\n title,\n subtitle,\n leading,\n children,\n trailing,\n titleSuffix,\n ...rest\n}: Pick<\n BaseHeaderProps,\n 'title' \| 'subtitle' \| 'leading' \| 'children' \| 'trailing' \| 'titleSuffix'\n> &\n DataAnalyticsAttribute): React.ReactElement => {\n const { size, showNumberPrefix, expandedIndex } = useAccordion();\n const { index, isDisabled } = useAccordionItemIndex();\n\n const isLeadingIcon =\n React.isValidElement(leading) &&\n typeof leading.type === 'function' &&\n leading.type.name?.endsWith('Icon');\n\n const isLeadingNumberOrIcon = React.useMemo(() => {\n // Check if leading is a number\n if (showNumberPrefix && typeof index === 'number') return true;\n\n // Check if leading is an Icon component (name ends with \"Icon\")\n if (leading && React.isValidElement(leading) && isIconComponent(leading)) return true;\n if (isLeadingIcon) return true;\n\n return false;\n }, [showNumberPrefix, index, leading, isLeadingIcon]);\n\n const shouldAlignHeaderItemsInCenter = Boolean(\n children \|\| (Boolean(leading) && !isLeadingNumberOrIcon),\n );\n\n const leadingElement = React.useMemo(() => {\n if (showNumberPrefix && typeof index === 'number') {\n return (\n <Text size={size} weight=\"semibold\" marginTop=\"-2px\" as=\"span\">\n {index + 1}.\n </Text>\n );\n }\n if (leading) {\n return (\n <BaseBox\n marginRight={isLeadingIcon ? 'spacing.0' : 'spacing.3'}\n marginTop=\"spacing.1\"\n // So in design, we have set max height and width for the leading element, doing same here\n maxHeight={getLeadingElementMaxHeightAndWidth(size)}\n maxWidth={getLeadingElementMaxHeightAndWidth(size)}\n overflow=\"hidden\"\n >\n {leading}\n </BaseBox>\n );\n }\n return null;\n }, [showNumberPrefix, index, leading, size, isLeadingIcon]);\n\n return (\n <BaseBox {...metaAttribute({ name: MetaConstants.AccordionItemHeader })} flex=\"1\">\n <BaseHeader\n leading={leadingElement}\n title={title}\n subtitle={subtitle}\n trailing={trailing}\n titleSuffix={titleSuffix}\n isDisabled={isDisabled}\n showBackButton={false}\n showCloseButton={false}\n showDivider={expandedIndex === index}\n paddingX=\"spacing.5\"\n marginY=\"spacing.5\"\n size={size}\n alignItems={!subtitle && !isLeadingNumberOrIcon ? 'center' : 'flex-start'}\n dividerProps={{\n thickness: 'thinner',\n ~~marginX: 'spacing.5',\n~~ }}\n trailingInteractionElement={\n <CollapsibleChevronIcon\n color={isDisabled ? 'interactive.icon.gray.disabled' : 'interactive.icon.gray.muted'}\n size=\"large\"\n />\n }\n shouldAlignLeadingAndTrailingElementsToCenter={shouldAlignHeaderItemsInCenter}\n {...makeAnalyticsAttribute(rest)}\n >\n {children}\n </BaseHeader>\n </BaseBox>\n );\n};\n\nconst AccordionItemHeader = assignWithoutSideEffects(_AccordionItemHeader, {\n componentId: componentIds.AccordionItemHeader,\n});\n\nexport { AccordionItemHeader };\n"],"names":["getLeadingElementMaxHeightAndWidth","size","makeSize","sizeToken","_AccordionItemHeader","_ref","_leading$type$name","title","subtitle","leading","children","trailing","titleSuffix","rest","_objectWithoutProperties","_excluded","_useAccordion","useAccordion","showNumberPrefix","expandedIndex","_useAccordionItemInde","useAccordionItemIndex","index","isDisabled","isLeadingIcon","React","isValidElement","type","name","endsWith","isLeadingNumberOrIcon","useMemo","isIconComponent","shouldAlignHeaderItemsInCenter","Boolean","leadingElement","_jsxs","Text","weight","marginTop","as","_jsx","BaseBox","marginRight","maxHeight","maxWidth","overflow","_objectSpread","metaAttribute","MetaConstants","AccordionItemHeader","flex","BaseHeader","showBackButton","showCloseButton","showDivider","paddingX","marginY","alignItems","dividerProps","thickness","~~marginX","~~trailingInteractionElement","CollapsibleChevronIcon","color","shouldAlignLeadingAndTrailingElementsToCenter","makeAnalyticsAttribute","assignWithoutSideEffects","componentId","componentIds"],"mappings":"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~~SAAS~~;~~AACpBC,QAAAA,OAAO,EAAE,WAAA~~;~~OACT;~~MACFC,0BAA0B,~~eACxBrB~~,GAAA,~~CAACsB~~,sBAAsB,EAAA;AACrBC,QAAAA,KAAK,~~EAAEzC~~,UAAU,GAAG,gCAAgC,GAAG,6BAA8B;AACrFtB,QAAAA,IAAI,EAAC,OAAA;AAAO,OACb,CACF;~~AACDgE~~,MAAAA,6CAA6C,~~EAAEhC~~,8BAAAA;~~KAC3CiC~~,EAAAA,sBAAsB,~~CAACrD~~,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAH,MAAAA,QAAA,EAE/BA,QAAAA;KACS,CAAA,CAAA;AAAC,GAAA,CACN,CAAC,CAAA;AAEd,CAAC,CAAA;AAED,IAAMwC,mBAAmB,~~gBAAGiB~~,wBAAwB,~~CAAC/D~~,oBAAoB,EAAE;~~EACzEgE~~,WAAW,EAAEC,YAAY,~~CAACnB~~,mBAAAA;AAC5B,CAAC;;;;"}
1	+ {"version":3,"file":"AccordionItemHeader.js","sources":["../../../../../../src/components/Accordion/AccordionItemHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { useAccordion, useAccordionItemIndex } from './AccordionContext';\nimport { componentIds } from './componentIds';\nimport type { BaseHeaderProps } from '~components/BaseHeaderFooter/BaseHeader';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { CollapsibleChevronIcon } from '~components/Collapsible/CollapsibleChevronIcon';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { isIconComponent } from '~utils/isIconComponent';\nimport type { BoxProps } from '~components/Box';\nimport { makeSize } from '~utils/makeSize';\nimport { size as sizeToken } from '~tokens/global';\n\nconst getLeadingElementMaxHeightAndWidth = (\n size: BaseHeaderProps['size'],\n): BoxProps['maxHeight'] => {\n if (size === 'large') return makeSize(sizeToken['32']);\n return makeSize(sizeToken['24']);\n};\n\nconst _AccordionItemHeader = ({\n title,\n subtitle,\n leading,\n children,\n trailing,\n titleSuffix,\n ...rest\n}: Pick<\n BaseHeaderProps,\n 'title' \| 'subtitle' \| 'leading' \| 'children' \| 'trailing' \| 'titleSuffix'\n> &\n DataAnalyticsAttribute): React.ReactElement => {\n const { size, showNumberPrefix, expandedIndex } = useAccordion();\n const { index, isDisabled } = useAccordionItemIndex();\n\n const isLeadingIcon =\n React.isValidElement(leading) &&\n typeof leading.type === 'function' &&\n leading.type.name?.endsWith('Icon');\n\n const isLeadingNumberOrIcon = React.useMemo(() => {\n // Check if leading is a number\n if (showNumberPrefix && typeof index === 'number') return true;\n\n // Check if leading is an Icon component (name ends with \"Icon\")\n if (leading && React.isValidElement(leading) && isIconComponent(leading)) return true;\n if (isLeadingIcon) return true;\n\n return false;\n }, [showNumberPrefix, index, leading, isLeadingIcon]);\n\n const shouldAlignHeaderItemsInCenter = Boolean(\n children \|\| (Boolean(leading) && !isLeadingNumberOrIcon),\n );\n\n const leadingElement = React.useMemo(() => {\n if (showNumberPrefix && typeof index === 'number') {\n return (\n <Text size={size} weight=\"semibold\" marginTop=\"-2px\" as=\"span\">\n {index + 1}.\n </Text>\n );\n }\n if (leading) {\n return (\n <BaseBox\n marginRight={isLeadingIcon ? 'spacing.0' : 'spacing.3'}\n marginTop=\"spacing.1\"\n // So in design, we have set max height and width for the leading element, doing same here\n maxHeight={getLeadingElementMaxHeightAndWidth(size)}\n maxWidth={getLeadingElementMaxHeightAndWidth(size)}\n overflow=\"hidden\"\n >\n {leading}\n </BaseBox>\n );\n }\n return null;\n }, [showNumberPrefix, index, leading, size, isLeadingIcon]);\n\n return (\n <BaseBox {...metaAttribute({ name: MetaConstants.AccordionItemHeader })} flex=\"1\">\n <BaseHeader\n leading={leadingElement}\n title={title}\n subtitle={subtitle}\n trailing={trailing}\n titleSuffix={titleSuffix}\n isDisabled={isDisabled}\n showBackButton={false}\n showCloseButton={false}\n showDivider={expandedIndex === index}\n paddingX=\"spacing.5\"\n marginY=\"spacing.5\"\n size={size}\n alignItems={!subtitle && !isLeadingNumberOrIcon ? 'center' : 'flex-start'}\n dividerProps={{\n thickness: 'thinner',\n }}\n trailingInteractionElement={\n <CollapsibleChevronIcon\n color={isDisabled ? 'interactive.icon.gray.disabled' : 'interactive.icon.gray.muted'}\n size=\"large\"\n />\n }\n shouldAlignLeadingAndTrailingElementsToCenter={shouldAlignHeaderItemsInCenter}\n {...makeAnalyticsAttribute(rest)}\n >\n {children}\n </BaseHeader>\n </BaseBox>\n );\n};\n\nconst AccordionItemHeader = assignWithoutSideEffects(_AccordionItemHeader, {\n componentId: componentIds.AccordionItemHeader,\n});\n\nexport { AccordionItemHeader };\n"],"names":["getLeadingElementMaxHeightAndWidth","size","makeSize","sizeToken","_AccordionItemHeader","_ref","_leading$type$name","title","subtitle","leading","children","trailing","titleSuffix","rest","_objectWithoutProperties","_excluded","_useAccordion","useAccordion","showNumberPrefix","expandedIndex","_useAccordionItemInde","useAccordionItemIndex","index","isDisabled","isLeadingIcon","React","isValidElement","type","name","endsWith","isLeadingNumberOrIcon","useMemo","isIconComponent","shouldAlignHeaderItemsInCenter","Boolean","leadingElement","_jsxs","Text","weight","marginTop","as","_jsx","BaseBox","marginRight","maxHeight","maxWidth","overflow","_objectSpread","metaAttribute","MetaConstants","AccordionItemHeader","flex","BaseHeader","showBackButton","showCloseButton","showDivider","paddingX","marginY","alignItems","dividerProps","thickness","trailingInteractionElement","CollapsibleChevronIcon","color","shouldAlignLeadingAndTrailingElementsToCenter","makeAnalyticsAttribute","assignWithoutSideEffects","componentId","componentIds"],"mappings":"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"}

package/build/lib/web/production/components/Accordion/AccordionSurface.web.js ADDED Viewed

@@ -0,0 +1,25 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import styled from 'styled-components';
+import '../../utils/makeSurfaceStyles/index.js';
+import '../Box/BaseBox/index.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { getSurfaceStyles } from '../../utils/makeSurfaceStyles/makeSurfaceStyles.js';
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var AccordionSurface = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "AccordionSurfaceweb__AccordionSurface",
+  componentId: "wqzcqt-0"
+})(function (_ref) {
+  var theme = _ref.theme,
+    colorScheme = _ref.colorScheme;
+  return _objectSpread({
+    width: '100%',
+    display: 'flex',
+    flexDirection: 'column',
+    boxSizing: 'border-box'
+  }, getSurfaceStyles(theme, colorScheme));
+});
+export { AccordionSurface };
+//# sourceMappingURL=AccordionSurface.web.js.map

package/build/lib/web/production/components/Accordion/AccordionSurface.web.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AccordionSurface.web.js","sources":["../../../../../../src/components/Accordion/AccordionSurface.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { ColorSchemeNames } from '~tokens/theme';\nimport { getSurfaceStyles } from '~utils/makeSurfaceStyles';\nimport BaseBox from '~components/Box/BaseBox';\n\ntype AccordionSurfaceProps = {\n colorScheme: ColorSchemeNames;\n};\n\nconst AccordionSurface = styled(BaseBox)<AccordionSurfaceProps>(({ theme, colorScheme }) => ({\n width: '100%',\n display: 'flex',\n flexDirection: 'column',\n boxSizing: 'border-box',\n ...getSurfaceStyles(theme, colorScheme),\n}));\n\nexport { AccordionSurface };\n"],"names":["AccordionSurface","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","colorScheme","_objectSpread","width","display","flexDirection","boxSizing","getSurfaceStyles"],"mappings":";;;;;;;;;AASA,IAAMA,gBAAgB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,uCAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAAA,CAAA,CAAwB,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW,CAAA;AAAA,EAAA,OAAAC,aAAA,CAAA;AACnFC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,aAAa,EAAE,QAAQ;AACvBC,IAAAA,SAAS,EAAE,YAAA;AAAY,GAAA,EACpBC,gBAAgB,CAACP,KAAK,EAAEC,WAAW,CAAC,CAAA,CAAA;AAAA,CACvC;;;;"}

package/build/lib/web/production/components/Alert/Alert.js CHANGED Viewed

@@ -5,6 +5,7 @@ import { Fragment, useState, forwardRef } from 'react';
 import { StyledAlert } from './StyledAlert.js';
 import '../Icons/index.js';
 import '../../utils/index.js';
+import '../../tokens/global/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../Box/styledProps/index.js';
 import '../Button/IconButton/index.js';
@@ -12,10 +13,13 @@ import '../Box/BaseBox/index.js';
 import '../Typography/index.js';
 import '../Button/BaseButton/index.js';
 import '../Link/BaseLink/index.js';
+import { getAlertIconColor } from './styles.js';
 import '../BladeProvider/index.js';
 import '../../utils/makeAccessible/index.js';
 import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { size } from '../../tokens/global/size.js';
 import { getPlatformType } from '../../utils/getPlatformType/getPlatformType.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import CheckCircleIcon from '../Icons/CheckCircleIcon/CheckCircleIcon.js';
@@ -24,7 +28,6 @@ import InfoIcon from '../Icons/InfoIcon/InfoIcon.js';
 import AlertTriangleIcon from '../Icons/AlertTriangleIcon/AlertTriangleIcon.js';
 import useTheme from '../BladeProvider/useTheme.js';
 import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
-import { makeSize } from '../../utils/makeSize/makeSize.js';
 import { Text } from '../Typography/Text/Text.js';
 import { castNativeType, castWebType } from '../../utils/platform/castUtils.js';
 import BaseButton from '../Button/BaseButton/BaseButton.js';
@@ -38,9 +41,10 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
-var _excluded = ["description", "title", "isDismissible", "onDismiss", "emphasis", "isFullWidth", "color", "actions", "testID", "icon"];
+var _excluded = ["description", "title", "isDismissible", "onDismiss", "emphasis", "isFullWidth", "maxWidth", "color", "actions", "testID", "icon"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DEFAULT_MAX_WIDTH = makeSize(size[584]);
 var isReactNative = getPlatformType() === 'react-native';
 // Need extra wrappers on React Native only for alignment
@@ -50,7 +54,8 @@ var intentIconMap = {
   negative: AlertOctagonIcon,
   information: InfoIcon,
   neutral: InfoIcon,
-  notice: AlertTriangleIcon
+  notice: AlertTriangleIcon,
+  primary: InfoIcon
 };
 var _Alert = function _Alert(_ref, ref) {
   var description = _ref.description,
@@ -62,6 +67,7 @@ var _Alert = function _Alert(_ref, ref) {
     emphasis = _ref$emphasis === void 0 ? 'subtle' : _ref$emphasis,
     _ref$isFullWidth = _ref.isFullWidth,
     isFullWidth = _ref$isFullWidth === void 0 ? false : _ref$isFullWidth,
+    maxWidth = _ref.maxWidth,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? 'neutral' : _ref$color,
     actions = _ref.actions,
@@ -115,7 +121,7 @@ var _Alert = function _Alert(_ref, ref) {
     alignSelf: alignment,
     marginTop: iconOffset,
     children: /*#__PURE__*/jsx(Icon, {
-      color: emphasis === 'intense' ? 'surface.icon.staticWhite.normal' : "feedback.icon.".concat(color, ".").concat(emphasis === 'subtle' ? 'intense' : 'subtle'),
+      color: getAlertIconColor(color, emphasis),
       size: "medium"
     })
   });
@@ -225,6 +231,7 @@ var _Alert = function _Alert(_ref, ref) {
       emphasis: emphasis,
       isFullWidth: isFullWidth,
       isDesktop: isDesktop,
+      maxWidth: isFullWidth ? 'auto' : maxWidth !== null && maxWidth !== void 0 ? maxWidth : DEFAULT_MAX_WIDTH,
       textAlign: 'left',
       children: [leadingIcon, /*#__PURE__*/jsxs(BaseBox, {
         flex: 1,