npm - @razorpay/blade - Versions diffs - 12.111.0 → 12.119.1 - Mend

@razorpay/blade 12.111.0 → 12.119.1

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 (346) hide show

package/build/lib/web/development/tokens/theme/theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme.js","sources":["../../../../../../src/tokens/theme/theme.ts"],"sourcesContent":["import type { StringWithAutocomplete } from '~utils/types';\nimport type {\n Border,\n BackdropBlur,\n Breakpoints,\n Motion,\n Spacing,\n TypographyWithPlatforms,\n ElevationWithColorModes,\n} from '~tokens/global';\nimport type { ColorChromaticScale, ColorNeutralGrayScale } from '~tokens/global/colors';\n\nexport type ColorSchemeNames = 'dark' \| 'light';\nexport type ColorSchemeNamesInput = ColorSchemeNames \| 'system';\n\nexport type ColorSchemeModes = 'onDark' \| 'onLight';\n\nexport type FeedbackColors = 'information' \| 'negative' \| 'neutral' \| 'notice' \| 'positive';\n\nexport type Emphasis = {\n subtle: string;\n moderate: string;\n intense: string;\n normal: string;\n muted: string;\n disabled: string;\n};\n\nexport type DataCategoricalEmphasis = Pick<Emphasis, 'subtle' \| 'moderate' \| 'intense'> & {\n faint: string;\n strong: string;\n};\nexport type DataSequentialEmphasis = Omit<\n ColorChromaticScale,\n 'a50' \| 'a150' \| 'a100' \| 'a200' \| 'a400' \| 'a500' \| 'a600' \| 'a700'\n>;\n\nexport type DataColorCategories =\n \| 'blue'\n \| 'green'\n \| 'red'\n \| 'orange'\n \| 'skyBlue'\n \| 'purple'\n \| 'pink'\n \| 'gold'\n \| 'gray';\n\ntype SubtleOrIntenseEmphasis = Pick<Emphasis, 'subtle' \| 'intense'>;\n// Exporting this for usage in other components\nexport type SubtleOrIntense = keyof SubtleOrIntenseEmphasis;\ntype InteractiveStates = {\n default: string;\n highlighted: string;\n disabled: string;\n faded: string;\n};\n\ntype InteractiveStatesWithFadedHighlighted = InteractiveStates & {\n fadedHighlighted: string;\n};\n\ntype InteractiveBackgroundStatesWithGhost = InteractiveStatesWithFadedHighlighted & {\n ghost: string;\n};\n\ntype InteractiveBackgroundColorsWithGhost = 'gray' \| 'staticBlack' \| 'staticWhite';\ntype InteractiveBorderColorsWithFadedHighlighted = 'staticBlack' \| 'staticWhite';\n\ntype OnEmphasis = {\n onSubtle: string;\n onIntense: string;\n};\n\ntype ColorCategories = {\n staticBlack: Pick<Emphasis, 'normal' \| 'subtle' \| 'muted' \| 'disabled'>;\n staticWhite: Pick<Emphasis, 'normal' \| 'subtle' \| 'muted' \| 'disabled'>;\n gray: Pick<Emphasis, 'normal' \| 'subtle' \| 'muted' \| 'disabled'>;\n onSea: Pick<OnEmphasis, 'onSubtle' \| 'onIntense'>;\n onCloud: Pick<OnEmphasis, 'onSubtle' \| 'onIntense'>;\n primary: Pick<Emphasis, 'normal'>;\n};\n\ntype InteractiveColorKeys = FeedbackColors \| Exclude<keyof ColorCategories, 'onSea' \| 'onCloud'>;\n\n/*\n @deprecated\n * Use popup.[background\|border].[color] instead\n /\ntype PopupDeprecatedTokens = {\n /\n @deprecated\n \n Use popup.[background\|border].[color].subtle instead\n /\n subtle: string;\n /\n @deprecated\n * Use popup.[background\|border].[color].intense instead\n */\n intense: string;\n};\n\nexport type Colors = {\n interactive: {\n background: Record<\n Exclude<InteractiveColorKeys, InteractiveBackgroundColorsWithGhost>,\n InteractiveStatesWithFadedHighlighted\n > &\n Record<InteractiveBackgroundColorsWithGhost, InteractiveBackgroundStatesWithGhost>;\n border: Record<\n Exclude<InteractiveColorKeys, InteractiveBorderColorsWithFadedHighlighted>,\n InteractiveStates\n > &\n Record<InteractiveBorderColorsWithFadedHighlighted, InteractiveStatesWithFadedHighlighted>;\n text: Record<\n InteractiveColorKeys \| 'onPrimary',\n Pick<Emphasis, 'normal' \| 'subtle' \| 'muted' \| 'disabled'>\n >;\n icon: Record<\n InteractiveColorKeys \| 'onPrimary',\n Pick<Emphasis, 'normal' \| 'subtle' \| 'muted' \| 'disabled'>\n >;\n };\n feedback: {\n background: Record<FeedbackColors, SubtleOrIntenseEmphasis>;\n border: Record<FeedbackColors, SubtleOrIntenseEmphasis>;\n text: Record<FeedbackColors, SubtleOrIntenseEmphasis>;\n icon: Record<FeedbackColors, SubtleOrIntenseEmphasis>;\n };\n surface: {\n background: {\n gray: Pick<Emphasis, 'subtle' \| 'moderate' \| 'intense'>;\n primary: ~~SubtleOrIntenseEmphasis~~;\n sea: SubtleOrIntenseEmphasis;\n cloud: SubtleOrIntenseEmphasis;\n };\n border: {\n gray: Pick<Emphasis, 'normal' \| 'subtle' \| 'muted'>;\n primary: Pick<Emphasis, 'normal' \| 'muted'>;\n };\n text: ColorCategories;\n icon: ColorCategories;\n };\n overlay: {\n background: Pick<Emphasis, 'moderate' \| 'subtle'>;\n };\n popup: {\n background: Record<FeedbackColors, Pick<Emphasis, 'moderate'>> & {\n gray: Pick<Emphasis, 'subtle' \| 'moderate' \| 'intense'>;\n } & PopupDeprecatedTokens;\n border: Record<FeedbackColors, Pick<Emphasis, 'moderate'>> & {\n gray: Pick<Emphasis, 'subtle' \| 'moderate' \| 'intense'>;\n } & PopupDeprecatedTokens;\n };\n transparent: string;\n data: {\n background: {\n categorical: Record<DataColorCategories, DataCategoricalEmphasis>;\n sequential: Record<DataColorCategories, DataSequentialEmphasis \| ColorNeutralGrayScale>;\n };\n };\n};\n\nexport type ColorsWithModes = Record<ColorSchemeModes, Colors>;\n\nexport type ThemeTokens = {\n name: 'bladeTheme' \| StringWithAutocomplete; // Can be used to watch over state changes between theme without watching over entire theme object\n border: Border;\n backdropBlur: BackdropBlur;\n breakpoints: Breakpoints;\n colors: ColorsWithModes;\n motion: Motion;\n elevation: ElevationWithColorModes;\n spacing: Spacing;\n typography: TypographyWithPlatforms;\n};\n\nexport type SpacingValues = `${Spacing[keyof Spacing]}px`;\nexport type BorderWidthValues = `${Border['width'][keyof Border['width']]}px`;\nexport type BorderRadiusValues =\n \| `${Border['radius'][Exclude<keyof Border['radius'], 'round'>]}px`\n \| `${Border['radius'][Extract<keyof Border['radius'], 'round'>]}`;\n\nexport const colorSchemeNamesInput: ColorSchemeNamesInput[] = ['light', 'dark', 'system'];\n"],"names":["colorSchemeNamesInput"],"mappings":"~~AAiDA~~;;AAoCA;AACA;AACA;AACA;;~~AAgGO~~,IAAMA,qBAA8C,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ;;;;"}
1	+ {"version":3,"file":"theme.js","sources":["../../../../../../src/tokens/theme/theme.ts"],"sourcesContent":["import type { StringWithAutocomplete } from '~utils/types';\nimport type {\n Border,\n BackdropBlur,\n Breakpoints,\n Motion,\n Spacing,\n TypographyWithPlatforms,\n ElevationWithColorModes,\n} from '~tokens/global';\nimport type { ColorChromaticScale, ColorNeutralGrayScale } from '~tokens/global/colors';\n\nexport type ColorSchemeNames = 'dark' \| 'light';\nexport type ColorSchemeNamesInput = ColorSchemeNames \| 'system';\n\nexport type ColorSchemeModes = 'onDark' \| 'onLight';\n\nexport type FeedbackColors = 'information' \| 'negative' \| 'neutral' \| 'notice' \| 'positive';\n\nexport type Emphasis = {\n subtle: string;\n moderate: string;\n intense: string;\n normal: string;\n muted: string;\n disabled: string;\n};\n\nexport type DataCategoricalEmphasis = Pick<Emphasis, 'subtle' \| 'moderate' \| 'intense'> & {\n faint: string;\n strong: string;\n};\n\nexport type SurfacePrimaryEmphasis = Pick<Emphasis, 'subtle' \| 'moderate' \| 'intense'> & {\n faint: string;\n strong: string;\n};\nexport type DataSequentialEmphasis = Omit<\n ColorChromaticScale,\n 'a50' \| 'a150' \| 'a100' \| 'a200' \| 'a400' \| 'a500' \| 'a600' \| 'a700'\n>;\n\nexport type DataColorCategories =\n \| 'blue'\n \| 'green'\n \| 'red'\n \| 'orange'\n \| 'skyBlue'\n \| 'purple'\n \| 'pink'\n \| 'gold'\n \| 'gray';\n\ntype SubtleOrIntenseEmphasis = Pick<Emphasis, 'subtle' \| 'intense'>;\n// Exporting this for usage in other components\nexport type SubtleOrIntense = keyof SubtleOrIntenseEmphasis;\ntype InteractiveStates = {\n default: string;\n highlighted: string;\n disabled: string;\n faded: string;\n};\n\ntype InteractiveStatesWithFadedHighlighted = InteractiveStates & {\n fadedHighlighted: string;\n};\n\ntype InteractiveBackgroundStatesWithGhost = InteractiveStatesWithFadedHighlighted & {\n ghost: string;\n};\n\ntype InteractiveBackgroundColorsWithGhost = 'gray' \| 'staticBlack' \| 'staticWhite';\ntype InteractiveBorderColorsWithFadedHighlighted = 'staticBlack' \| 'staticWhite';\n\ntype OnEmphasis = {\n onSubtle: string;\n onIntense: string;\n};\n\ntype ColorCategories = {\n staticBlack: Pick<Emphasis, 'normal' \| 'subtle' \| 'muted' \| 'disabled'>;\n staticWhite: Pick<Emphasis, 'normal' \| 'subtle' \| 'muted' \| 'disabled'>;\n gray: Pick<Emphasis, 'normal' \| 'subtle' \| 'muted' \| 'disabled'>;\n onSea: Pick<OnEmphasis, 'onSubtle' \| 'onIntense'>;\n onCloud: Pick<OnEmphasis, 'onSubtle' \| 'onIntense'>;\n primary: Pick<Emphasis, 'normal'>;\n};\n\ntype InteractiveColorKeys = FeedbackColors \| Exclude<keyof ColorCategories, 'onSea' \| 'onCloud'>;\n\n/*\n @deprecated\n * Use popup.[background\|border].[color] instead\n /\ntype PopupDeprecatedTokens = {\n /\n @deprecated\n \n Use popup.[background\|border].[color].subtle instead\n /\n subtle: string;\n /\n @deprecated\n * Use popup.[background\|border].[color].intense instead\n */\n intense: string;\n};\n\nexport type Colors = {\n interactive: {\n background: Record<\n Exclude<InteractiveColorKeys, InteractiveBackgroundColorsWithGhost>,\n InteractiveStatesWithFadedHighlighted\n > &\n Record<InteractiveBackgroundColorsWithGhost, InteractiveBackgroundStatesWithGhost>;\n border: Record<\n Exclude<InteractiveColorKeys, InteractiveBorderColorsWithFadedHighlighted>,\n InteractiveStates\n > &\n Record<InteractiveBorderColorsWithFadedHighlighted, InteractiveStatesWithFadedHighlighted>;\n text: Record<\n InteractiveColorKeys \| 'onPrimary' \| 'onNeutral',\n Pick<Emphasis, 'normal' \| 'subtle' \| 'muted' \| 'disabled'>\n >;\n icon: Record<\n InteractiveColorKeys \| 'onPrimary' \| 'onNeutral',\n Pick<Emphasis, 'normal' \| 'subtle' \| 'muted' \| 'disabled'>\n >;\n };\n feedback: {\n background: Record<FeedbackColors, SubtleOrIntenseEmphasis>;\n border: Record<FeedbackColors, SubtleOrIntenseEmphasis>;\n text: Record<FeedbackColors, SubtleOrIntenseEmphasis>;\n icon: Record<FeedbackColors, SubtleOrIntenseEmphasis>;\n };\n surface: {\n background: {\n gray: Pick<Emphasis, 'subtle' \| 'moderate' \| 'intense'>;\n primary: SurfacePrimaryEmphasis;\n sea: SubtleOrIntenseEmphasis;\n cloud: SubtleOrIntenseEmphasis;\n accent: Pick<Emphasis, 'intense'>;\n };\n border: {\n gray: Pick<Emphasis, 'normal' \| 'subtle' \| 'muted'>;\n primary: Pick<Emphasis, 'normal' \| 'muted'>;\n };\n text: ColorCategories;\n icon: ColorCategories;\n };\n overlay: {\n background: Pick<Emphasis, 'moderate' \| 'subtle'>;\n };\n popup: {\n background: Record<FeedbackColors, Pick<Emphasis, 'moderate'>> & {\n gray: Pick<Emphasis, 'subtle' \| 'moderate' \| 'intense'>;\n } & PopupDeprecatedTokens;\n border: Record<FeedbackColors, Pick<Emphasis, 'moderate'>> & {\n gray: Pick<Emphasis, 'subtle' \| 'moderate' \| 'intense'>;\n } & PopupDeprecatedTokens;\n };\n transparent: string;\n data: {\n background: {\n categorical: Record<DataColorCategories, DataCategoricalEmphasis>;\n sequential: Record<DataColorCategories, DataSequentialEmphasis \| ColorNeutralGrayScale>;\n };\n };\n};\n\nexport type ColorsWithModes = Record<ColorSchemeModes, Colors>;\n\nexport type ThemeTokens = {\n name: 'bladeTheme' \| StringWithAutocomplete; // Can be used to watch over state changes between theme without watching over entire theme object\n border: Border;\n backdropBlur: BackdropBlur;\n breakpoints: Breakpoints;\n colors: ColorsWithModes;\n motion: Motion;\n elevation: ElevationWithColorModes;\n spacing: Spacing;\n typography: TypographyWithPlatforms;\n};\n\nexport type SpacingValues = `${Spacing[keyof Spacing]}px`;\nexport type BorderWidthValues = `${Border['width'][keyof Border['width']]}px`;\nexport type BorderRadiusValues =\n \| `${Border['radius'][Exclude<keyof Border['radius'], 'round'>]}px`\n \| `${Border['radius'][Extract<keyof Border['radius'], 'round'>]}`;\n\nexport const colorSchemeNamesInput: ColorSchemeNamesInput[] = ['light', 'dark', 'system'];\n"],"names":["colorSchemeNamesInput"],"mappings":"AAsDA;;AAoCA;AACA;AACA;AACA;;AAiGO,IAAMA,qBAA8C,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ;;;;"}

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

@@ -1,5 +1,7 @@
 // TODO: Move these properly to tokens at some point
 var componentZIndices = {
+  fab: 99,
+  // should be behind bottomNav and bottomSheet, which are allowed to cover it
   bottomSheet: 100,
   bottomNav: 100,
   // should be behind drawer since sidenav opens in drawer in mobile

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

	@@ -1 +1 @@
1	- {"version":3,"file":"componentZIndices.js","sources":["../../../../../src/utils/componentZIndices.ts"],"sourcesContent":["// TODO: Move these properly to tokens at some point\nexport const componentZIndices = {\n bottomSheet: 100,\n bottomNav: 100, // should be behind drawer since sidenav opens in drawer in mobile\n modal: 1000,\n drawer: 1001,\n dropdownOverlay: 1002,\n tourMask: 1100,\n popover: 1100,\n tooltip: 1100,\n topnav: 100,\n previewPanel: 1100,\n};\n"],"names":["componentZIndices","bottomSheet","bottomNav","modal","drawer","dropdownOverlay","tourMask","popover","tooltip","topnav","previewPanel"],"mappings":"AAAA;AACO,IAAMA,iBAAiB,GAAG;AAC/BC,EAAAA,WAAW,EAAE,GAAG;AAChBC,EAAAA,SAAS,EAAE,GAAG;AAAE;AAChBC,EAAAA,KAAK,EAAE,IAAI;AACXC,EAAAA,MAAM,EAAE,IAAI;AACZC,EAAAA,eAAe,EAAE,IAAI;AACrBC,EAAAA,QAAQ,EAAE,IAAI;AACdC,EAAAA,OAAO,EAAE,IAAI;AACbC,EAAAA,OAAO,EAAE,IAAI;AACbC,EAAAA,MAAM,EAAE,GAAG;AACXC,EAAAA,YAAY,EAAE,IAAA;AAChB;;;;"}
1	+ {"version":3,"file":"componentZIndices.js","sources":["../../../../../src/utils/componentZIndices.ts"],"sourcesContent":["// TODO: Move these properly to tokens at some point\nexport const componentZIndices = {\n fab: 99, // should be behind bottomNav and bottomSheet, which are allowed to cover it\n bottomSheet: 100,\n bottomNav: 100, // should be behind drawer since sidenav opens in drawer in mobile\n modal: 1000,\n drawer: 1001,\n dropdownOverlay: 1002,\n tourMask: 1100,\n popover: 1100,\n tooltip: 1100,\n topnav: 100,\n previewPanel: 1100,\n};\n"],"names":["componentZIndices","fab","bottomSheet","bottomNav","modal","drawer","dropdownOverlay","tourMask","popover","tooltip","topnav","previewPanel"],"mappings":"AAAA;AACO,IAAMA,iBAAiB,GAAG;AAC/BC,EAAAA,GAAG,EAAE,EAAE;AAAE;AACTC,EAAAA,WAAW,EAAE,GAAG;AAChBC,EAAAA,SAAS,EAAE,GAAG;AAAE;AAChBC,EAAAA,KAAK,EAAE,IAAI;AACXC,EAAAA,MAAM,EAAE,IAAI;AACZC,EAAAA,eAAe,EAAE,IAAI;AACrBC,EAAAA,QAAQ,EAAE,IAAI;AACdC,EAAAA,OAAO,EAAE,IAAI;AACbC,EAAAA,OAAO,EAAE,IAAI;AACbC,EAAAA,MAAM,EAAE,GAAG;AACXC,EAAAA,YAAY,EAAE,IAAA;AAChB;;;;"}

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

@@ -58,6 +58,7 @@ var MetaConstants = {
   FileUploadItem: 'file-upload-item',
   FileUploadLabel: 'file-upload-label',
   FilterChipGroup: 'filter-chip-group',
+  FloatingActionButton: 'floating-action-button',
   Icon: 'icon',
   IconButton: 'icon-button',
   InfoGroup: 'info-group',
@@ -101,6 +102,9 @@ var MetaConstants = {
   SideNav: 'sidenav',
   SelectInput: 'select-input',
   Tag: 'tag',
+  TreeView: 'tree-view',
+  TreeViewItem: 'tree-view-item',
+  TreeViewLoadMore: 'tree-view-load-more',
   Tooltip: 'tooltip',
   TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',
   Tabs: 'tabs',

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 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 SegmentedControl: 'segmented-control',\n SegmentedControlItem: 'segmented-control-item',\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","SegmentedControl","SegmentedControlItem"],"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 FloatingActionButton: 'floating-action-button',\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 TreeView: 'tree-view',\n TreeViewItem: 'tree-view-item',\n TreeViewLoadMore: 'tree-view-load-more',\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 SegmentedControl: 'segmented-control',\n SegmentedControlItem: 'segmented-control-item',\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","FloatingActionButton","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","TreeView","TreeViewItem","TreeViewLoadMore","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","SegmentedControl","SegmentedControlItem"],"mappings":"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"}

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

@@ -1,3 +1,4 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React__default from 'react';
 import isEmpty from '../lodashButBetter/isEmpty.js';
 import '../index.js';
@@ -7,6 +8,8 @@ import { useDropdown } from '../../components/Dropdown/useDropdown.js';
 import { isBrowser } from '../platform/isBrowser.js';
 import { fireNativeEvent } from '../fireNativeEvent/fireNativeEvent.web.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 useControlledDropdownInput = function useControlledDropdownInput(props) {
   var isFirstRender = useFirstRender();
   var _useDropdown = useDropdown(),
@@ -17,7 +20,8 @@ var useControlledDropdownInput = function useControlledDropdownInput(props) {
     controlledValueIndices = _useDropdown.controlledValueIndices,
     setSelectedIndices = _useDropdown.setSelectedIndices,
     selectionType = _useDropdown.selectionType,
-    setIsControlled = _useDropdown.setIsControlled;
+    setIsControlled = _useDropdown.setIsControlled,
+    treeViewControllerRef = _useDropdown.treeViewControllerRef;
   var getValuesArrayFromIndices = function getValuesArrayFromIndices() {
     var indices = [];
     if (isControlled) {
@@ -91,11 +95,15 @@ var useControlledDropdownInput = function useControlledDropdownInput(props) {
     // Ignore calling onChange on mount
     if (!isFirstRender) {
-      var _props$onChange;
-      (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, {
+      var _treeViewControllerRe, _props$onChange;
+      // §6.5: additive - only present when the Dropdown overlay content is a TreeView
+      var selectedGroups = (_treeViewControllerRe = treeViewControllerRef.current) === null || _treeViewControllerRe === void 0 ? void 0 : _treeViewControllerRe.getSelectedGroups(isControlled ? controlledValueIndices : selectedIndices);
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, _objectSpread({
         name: props.name,
         values: getValuesArrayFromIndices()
-      });
+      }, selectedGroups ? {
+        selectedGroups: selectedGroups
+      } : {}));
       if (isBrowser()) {
         fireNativeEvent(props.triggererRef, ['change', 'input']);
       }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useControlledDropdownInput.js","sources":["../../../../../../src/utils/useControlledDropdownInput/useControlledDropdownInput.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseDropdownInputTriggerProps } from '~components/Input/DropdownInputTriggers/types';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { isBrowser } from '~utils';\nimport { useFirstRender } from '~utils/useFirstRender';\nimport { fireNativeEvent } from '~utils/fireNativeEvent';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\n\nexport type useControlledDropdownInputProps = Pick<\n BaseDropdownInputTriggerProps,\n \| 'onChange'\n \| 'name'\n \| 'value'\n \| 'defaultValue'\n \| 'onInputValueChange'\n \| 'syncInputValueWithSelection'\n \| 'isSelectInput'\n> & {\n triggererRef: React.RefObject<HTMLElement>;\n};\n\nconst useControlledDropdownInput = (props: useControlledDropdownInputProps): void => {\n const isFirstRender = useFirstRender();\n const {\n changeCallbackTriggerer,\n isControlled,\n options,\n selectedIndices,\n controlledValueIndices,\n setSelectedIndices,\n selectionType,\n setIsControlled,\n } = useDropdown();\n\n const getValuesArrayFromIndices = (): string[] => {\n let indices: number[] = [];\n if (isControlled) {\n indices = controlledValueIndices;\n } else {\n indices = selectedIndices;\n }\n\n return indices.map((selectionIndex) => options[selectionIndex].value);\n };\n\n const selectValues = (valuesToSelect: string \| string[]): void => {\n if (options.length > 0) {\n // we use empty `''` for clearing the input\n if (isEmpty(valuesToSelect)) {\n setSelectedIndices([]);\n } else if (typeof valuesToSelect === 'string') {\n // single select control\n const selectedItemIndex = options.findIndex((option) => option.value === valuesToSelect);\n if (selectedItemIndex >= 0) {\n setSelectedIndices([selectedItemIndex]);\n }\n } else {\n // multiselect control\n\n // Handles repeated values in user state\n const uniqueValues = Array.from(new Set(valuesToSelect));\n // Handle selectionType single with multiselect values\n const userValues = selectionType === 'single' ? [valuesToSelect?.[0]] : uniqueValues;\n\n const selectedItemIndices = userValues\n .map((optionValue) => options.findIndex((option) => option.value === optionValue))\n .filter((value) => value >= 0);\n\n setSelectedIndices(selectedItemIndices);\n }\n }\n };\n\n // Handles `defaultValue` prop\n React.useEffect(() => {\n if (options.length > 0 && props.defaultValue) {\n selectValues(props.defaultValue);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [options.length]);\n\n // Handles `value` prop\n React.useEffect(() => {\n if (options.length > 0 && props.value !== undefined) {\n if (!isControlled) {\n setIsControlled(true);\n }\n\n selectValues(props.value);\n\n // in single select AutoComplete, we have to set inputValue of autocomplete according to the new selection.\n if (selectionType === 'single' && !Array.isArray(props.value) && !props.isSelectInput) {\n props.syncInputValueWithSelection?.(props.value);\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [props.value, options]);\n\n // onChange behaviour\n React.useEffect(() => {\n // Ignore calling onChange on mount\n\n if (!isFirstRender) {\n props.onChange?.({\n name: props.name,\n values: getValuesArrayFromIndices(),\n });\n if (isBrowser()) {\n fireNativeEvent(props.triggererRef, ['change', 'input']);\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [changeCallbackTriggerer]);\n};\n\nexport { useControlledDropdownInput };\n"],"names":["useControlledDropdownInput","props","isFirstRender","useFirstRender","_useDropdown","useDropdown","changeCallbackTriggerer","isControlled","options","selectedIndices","controlledValueIndices","setSelectedIndices","selectionType","setIsControlled","getValuesArrayFromIndices","indices","map","selectionIndex","value","selectValues","valuesToSelect","length","isEmpty","selectedItemIndex","findIndex","option","uniqueValues","Array","from","Set","userValues","selectedItemIndices","optionValue","filter","React","useEffect","defaultValue","undefined","isArray","isSelectInput","_props$syncInputValue","syncInputValueWithSelection","call","_props$onChange","onChange","name","values","isBrowser","fireNativeEvent","triggererRef"],"mappings":"~~;;;;;;;;;~~AAqBA,IAAMA,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAIC,KAAsC,EAAW;AACnF,EAAA,IAAMC,aAAa,GAAGC,cAAc,EAAE,CAAA;AACtC,EAAA,IAAAC,YAAA,~~GASIC~~,WAAW,EAAE;~~IARfC~~,uBAAuB,GAAAF,YAAA,CAAvBE,uBAAuB;IACvBC,YAAY,GAAAH,YAAA,CAAZG,YAAY;IACZC,OAAO,GAAAJ,YAAA,CAAPI,OAAO;IACPC,eAAe,GAAAL,YAAA,CAAfK,eAAe;IACfC,sBAAsB,GAAAN,YAAA,CAAtBM,sBAAsB;IACtBC,kBAAkB,GAAAP,YAAA,CAAlBO,kBAAkB;IAClBC,aAAa,GAAAR,YAAA,CAAbQ,aAAa;IACbC,eAAe,GAAAT,YAAA,CAAfS,eAAe,CAAA;~~AAGjB~~,EAAA,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,GAAmB;IAChD,IAAIC,OAAiB,GAAG,EAAE,CAAA;AAC1B,IAAA,~~IAAIR~~,YAAY,EAAE;~~AAChBQ~~,MAAAA,OAAO,~~GAAGL~~,sBAAsB,CAAA;AAClC,KAAC,MAAM;~~AACLK~~,MAAAA,OAAO,~~GAAGN~~,eAAe,CAAA;AAC3B,KAAA;AAEA,IAAA,~~OAAOM~~,OAAO,CAACC,GAAG,CAAC,UAACC,cAAc,EAAA;AAAA,MAAA,~~OAAKT~~,OAAO,~~CAACS~~,cAAc,CAAC,CAACC,KAAK,CAAA;KAAC,CAAA,CAAA;GACtE,CAAA;AAED,EAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,cAAiC,EAAW;AAChE,IAAA,~~IAAIZ~~,OAAO,~~CAACa~~,MAAM,GAAG,CAAC,EAAE;AACtB;AACA,MAAA,IAAIC,OAAO,CAACF,cAAc,CAAC,EAAE;~~QAC3BT~~,kBAAkB,CAAC,EAAE,CAAC,CAAA;AACxB,OAAC,MAAM,IAAI,~~OAAOS~~,cAAc,KAAK,QAAQ,EAAE;AAC7C;AACA,QAAA,IAAMG,iBAAiB,~~GAAGf~~,OAAO,~~CAACgB~~,SAAS,CAAC,UAACC,MAAM,EAAA;AAAA,UAAA,OAAKA,MAAM,CAACP,KAAK,KAAKE,cAAc,CAAA;SAAC,CAAA,CAAA;QACxF,IAAIG,iBAAiB,IAAI,CAAC,EAAE;~~AAC1BZ~~,UAAAA,kBAAkB,CAAC,~~CAACY~~,iBAAiB,CAAC,CAAC,CAAA;AACzC,SAAA;AACF,OAAC,MAAM;AACL;;AAEA;QACA,IAAMG,YAAY,GAAGC,KAAK,CAACC,IAAI,CAAC,IAAIC,GAAG,CAACT,cAAc,CAAC,CAAC,CAAA;AACxD;AACA,QAAA,IAAMU,UAAU,~~GAAGlB~~,aAAa,KAAK,QAAQ,GAAG,~~CAACQ~~,cAAc,KAAdA,IAAAA,IAAAA,cAAc,uBAAdA,cAAc,CAAG,CAAC,CAAC,CAAC,GAAGM,YAAY,CAAA;AAEpF,QAAA,IAAMK,mBAAmB,GAAGD,UAAU,CACnCd,GAAG,CAAC,UAACgB,WAAW,EAAA;AAAA,UAAA,~~OAAKxB~~,OAAO,~~CAACgB~~,SAAS,CAAC,UAACC,MAAM,EAAA;AAAA,YAAA,OAAKA,MAAM,CAACP,KAAK,KAAKc,WAAW,CAAA;WAAC,CAAA,CAAA;AAAA,SAAA,CAAC,CACjFC,MAAM,CAAC,UAACf,KAAK,EAAA;UAAA,OAAKA,KAAK,IAAI,CAAC,CAAA;SAAC,CAAA,CAAA;~~QAEhCP~~,kBAAkB,~~CAACoB~~,mBAAmB,CAAC,CAAA;AACzC,OAAA;AACF,KAAA;GACD,CAAA;;AAED;EACAG,cAAK,CAACC,SAAS,CAAC,YAAM;IACpB,~~IAAI3B~~,OAAO,~~CAACa~~,MAAM,GAAG,CAAC,~~IAAIpB~~,KAAK,~~CAACmC~~,YAAY,EAAE;AAC5CjB,MAAAA,YAAY,~~CAAClB~~,KAAK,~~CAACmC~~,YAAY,CAAC,CAAA;AAClC,KAAA;AACA;AACF,GAAC,EAAE,~~CAAC5B~~,OAAO,~~CAACa~~,MAAM,CAAC,CAAC,CAAA;;AAEpB;EACAa,cAAK,CAACC,SAAS,CAAC,YAAM;IACpB,~~IAAI3B~~,OAAO,~~CAACa~~,MAAM,GAAG,CAAC,~~IAAIpB~~,KAAK,~~CAACiB~~,KAAK,KAAKmB,SAAS,EAAE;MACnD,IAAI,~~CAAC9B~~,YAAY,EAAE;QACjBM,eAAe,CAAC,IAAI,CAAC,CAAA;AACvB,OAAA;~~AAEAM~~,MAAAA,YAAY,~~CAAClB~~,KAAK,~~CAACiB~~,KAAK,CAAC,CAAA;;AAEzB;AACA,MAAA,~~IAAIN~~,aAAa,KAAK,QAAQ,IAAI,~~CAACe~~,KAAK,CAACW,OAAO,~~CAACrC~~,KAAK,~~CAACiB~~,KAAK,CAAC,IAAI,~~CAACjB~~,KAAK,~~CAACsC~~,aAAa,EAAE;AAAA,QAAA,IAAAC,qBAAA,CAAA;AACrF,QAAA,CAAAA,qBAAA,~~GAAAvC~~,KAAK,~~CAACwC~~,2BAA2B,cAAAD,qBAAA,KAAA,KAAA,CAAA,IAAjCA,qBAAA,CAAAE,IAAA,~~CAAAzC~~,KAAK,EAA+BA,KAAK,~~CAACiB~~,KAAK,CAAC,CAAA;AAClD,OAAA;AACF,KAAA;AACA;GACD,EAAE,~~CAACjB~~,KAAK,~~CAACiB~~,KAAK,~~EAAEV~~,OAAO,CAAC,CAAC,CAAA;;AAE1B;~~EACA0B~~,cAAK,CAACC,SAAS,CAAC,YAAM;AACpB;;IAEA,IAAI,~~CAACjC~~,aAAa,EAAE;~~AAAA,~~MAAA,~~IAAAyC~~,eAAA,CAAA;AAClB,MAAA,CAAAA,eAAA,~~GAAA1C~~,KAAK,~~CAAC2C~~,QAAQ,~~MAAA~~,~~IAAA~~,~~IAAAD~~,eAAA,~~KAAA~~,~~KAAA~~,~~CAAA~~,~~IAAdA~~,eAAA,~~CAAAD~~,IAAA,~~CAAAzC~~,KAAK,~~EAAY~~;~~QACf4C~~,IAAI,~~EAAE5C~~,KAAK,~~CAAC4C~~,IAAI;QAChBC,MAAM,~~EAAEhC~~,yBAAyB,EAAC;~~AACpC~~,OAAC,CAAC,CAAA;MACF,~~IAAIiC~~,SAAS,EAAE,EAAE;QACfC,eAAe,~~CAAC/C~~,KAAK,~~CAACgD~~,YAAY,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;AAC1D,OAAA;AACF,KAAA;AACA;AACF,GAAC,EAAE,~~CAAC3C~~,uBAAuB,CAAC,CAAC,CAAA;AAC/B;;;;"}
1	+ {"version":3,"file":"useControlledDropdownInput.js","sources":["../../../../../../src/utils/useControlledDropdownInput/useControlledDropdownInput.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseDropdownInputTriggerProps } from '~components/Input/DropdownInputTriggers/types';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { isBrowser } from '~utils';\nimport { useFirstRender } from '~utils/useFirstRender';\nimport { fireNativeEvent } from '~utils/fireNativeEvent';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\n\nexport type useControlledDropdownInputProps = Pick<\n BaseDropdownInputTriggerProps,\n \| 'onChange'\n \| 'name'\n \| 'value'\n \| 'defaultValue'\n \| 'onInputValueChange'\n \| 'syncInputValueWithSelection'\n \| 'isSelectInput'\n> & {\n triggererRef: React.RefObject<HTMLElement>;\n};\n\nconst useControlledDropdownInput = (props: useControlledDropdownInputProps): void => {\n const isFirstRender = useFirstRender();\n const {\n changeCallbackTriggerer,\n isControlled,\n options,\n selectedIndices,\n controlledValueIndices,\n setSelectedIndices,\n selectionType,\n setIsControlled,\n treeViewControllerRef,\n } = useDropdown();\n\n const getValuesArrayFromIndices = (): string[] => {\n let indices: number[] = [];\n if (isControlled) {\n indices = controlledValueIndices;\n } else {\n indices = selectedIndices;\n }\n\n return indices.map((selectionIndex) => options[selectionIndex].value);\n };\n\n const selectValues = (valuesToSelect: string \| string[]): void => {\n if (options.length > 0) {\n // we use empty `''` for clearing the input\n if (isEmpty(valuesToSelect)) {\n setSelectedIndices([]);\n } else if (typeof valuesToSelect === 'string') {\n // single select control\n const selectedItemIndex = options.findIndex((option) => option.value === valuesToSelect);\n if (selectedItemIndex >= 0) {\n setSelectedIndices([selectedItemIndex]);\n }\n } else {\n // multiselect control\n\n // Handles repeated values in user state\n const uniqueValues = Array.from(new Set(valuesToSelect));\n // Handle selectionType single with multiselect values\n const userValues = selectionType === 'single' ? [valuesToSelect?.[0]] : uniqueValues;\n\n const selectedItemIndices = userValues\n .map((optionValue) => options.findIndex((option) => option.value === optionValue))\n .filter((value) => value >= 0);\n\n setSelectedIndices(selectedItemIndices);\n }\n }\n };\n\n // Handles `defaultValue` prop\n React.useEffect(() => {\n if (options.length > 0 && props.defaultValue) {\n selectValues(props.defaultValue);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [options.length]);\n\n // Handles `value` prop\n React.useEffect(() => {\n if (options.length > 0 && props.value !== undefined) {\n if (!isControlled) {\n setIsControlled(true);\n }\n\n selectValues(props.value);\n\n // in single select AutoComplete, we have to set inputValue of autocomplete according to the new selection.\n if (selectionType === 'single' && !Array.isArray(props.value) && !props.isSelectInput) {\n props.syncInputValueWithSelection?.(props.value);\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [props.value, options]);\n\n // onChange behaviour\n React.useEffect(() => {\n // Ignore calling onChange on mount\n\n if (!isFirstRender) {\n // §6.5: additive - only present when the Dropdown overlay content is a TreeView\n const selectedGroups = treeViewControllerRef.current?.getSelectedGroups(\n isControlled ? controlledValueIndices : selectedIndices,\n );\n props.onChange?.({\n name: props.name,\n values: getValuesArrayFromIndices(),\n ...(selectedGroups ? { selectedGroups } : {}),\n });\n if (isBrowser()) {\n fireNativeEvent(props.triggererRef, ['change', 'input']);\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [changeCallbackTriggerer]);\n};\n\nexport { useControlledDropdownInput };\n"],"names":["useControlledDropdownInput","props","isFirstRender","useFirstRender","_useDropdown","useDropdown","changeCallbackTriggerer","isControlled","options","selectedIndices","controlledValueIndices","setSelectedIndices","selectionType","setIsControlled","treeViewControllerRef","getValuesArrayFromIndices","indices","map","selectionIndex","value","selectValues","valuesToSelect","length","isEmpty","selectedItemIndex","findIndex","option","uniqueValues","Array","from","Set","userValues","selectedItemIndices","optionValue","filter","React","useEffect","defaultValue","undefined","isArray","isSelectInput","_props$syncInputValue","syncInputValueWithSelection","call","_treeViewControllerRe","_props$onChange","selectedGroups","current","getSelectedGroups","onChange","_objectSpread","name","values","isBrowser","fireNativeEvent","triggererRef"],"mappings":"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"}

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

@@ -6,11 +6,11 @@ import React__default from 'react';
  * ## Usage
  *
  * ```tsx
- * const { containerRef, textRef } = useTruncationTitle({ content: 'saurabhdaware99@gmail.com' });
+ * const { containerRef, textRef } = useTruncationTitle({ content: 'user@example.com' });
  *
  * <Box ref={containerRef}>
  *    <BaseText ref={textRef} truncateAfterLines={1}>
- *      saurabhdaware99@gmail.com
+ *      user@example.com
  *    </BaseText>
  * </Box>
  * ```

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 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;;;;"}
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: 'user@example.com' });\n \n <Box ref={containerRef}>\n * <BaseText ref={textRef} truncateAfterLines={1}>\n * user@example.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/production/_virtual/flatten.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=flatten.js.map

package/build/lib/web/production/_virtual/flatten3.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=flatten3.js.map

package/build/lib/web/production/components/Button/BaseButton/BaseButton.js CHANGED Viewed

@@ -4,7 +4,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React__default from 'react';
 import styled from 'styled-components';
 import StyledBaseButton from './StyledBaseButton.web.js';
-import { backgroundGradient, boxShadow, textColor, buttonIconOnlySizeToIconSizeMap, buttonSizeToIconSizeMap, buttonSizeToSpinnerSizeMap, minHeight, buttonIconOnlyHeightWidth, buttonPadding, buttonBorderRadius, typography, spinnerColor } from './buttonTokens.js';
+import { spinnerColor, backgroundGradient, boxShadow, textColor, buttonIconOnlySizeToIconSizeMap, buttonSizeToIconSizeMap, buttonSizeToSpinnerSizeMap, minHeight, buttonIconOnlyHeightWidth, buttonPadding, buttonBorderRadius, typography } from './buttonTokens.js';
 import AnimatedButtonContent from './AnimatedButtonContent.web.js';
 import getIn from '../../../utils/lodashButBetter/get.js';
 import '../../../utils/index.js';
@@ -26,8 +26,8 @@ import '../../../utils/getStringChildren/index.js';
 import '../../../utils/logger/index.js';
 import '../../../utils/makeAnalyticsAttribute/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { isReactNative } from '../../../utils/platform/isReactNative.js';
 import { throwBladeError } from '../../../utils/logger/logger.js';
+import { isReactNative } from '../../../utils/platform/isReactNative.js';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
 import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
 import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.js';
@@ -45,12 +45,41 @@ import { BaseSpinner } from '../../Spinner/BaseSpinner/BaseSpinner.js';
 import { BaseText } from '../../Typography/BaseText/BaseText.web.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
-var _excluded = ["href", "target", "rel", "tabIndex", "id", "variant", "color", "size", "icon", "iconPosition", "isDisabled", "isFullWidth", "isLoading", "onClick", "onBlur", "onKeyDown", "type", "children", "testID", "onFocus", "onMouseLeave", "onMouseMove", "onMouseDown", "onPointerDown", "onPointerEnter", "accessibilityProps", "onTouchEnd", "onTouchStart"];
+var _excluded = ["href", "target", "rel", "tabIndex", "id", "variant", "color", "size", "icon", "iconPosition", "isDisabled", "isFullWidth", "isLoading", "onClick", "onBlur", "onKeyDown", "type", "children", "testID", "onFocus", "onMouseLeave", "onMouseMove", "onMouseDown", "onPointerDown", "onPointerEnter", "accessibilityProps", "onTouchEnd", "onTouchStart", "_borderRadius", "_iconSize", "_spinnerColor"];
 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; }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+/**
+ * `white`, `black` and `transparent` are not feedback colors, so the token
+ * factories are still called with `primary` and the value is looked up under its
+ * own key instead of under `base`.
+ */
+var isStaticOrTransparentColor = function isStaticOrTransparentColor(color) {
+  return color === 'white' || color === 'black' || color === 'transparent';
+};
+var getSpinnerColor = function getSpinnerColor(_ref) {
+  var variant = _ref.variant,
+    color = _ref.color;
+  // `black` only exists as a primary button, so it is looked up separately from
+  // the colors that carry a full variant record.
+  if (color === 'black') {
+    return spinnerColor.black.primary;
+  }
+  if (color !== 'primary' && color !== 'transparent' && color in spinnerColor) {
+    return spinnerColor[color][variant];
+  }
+  return spinnerColor.base[variant];
+};
+var assertBlackIsPrimary = function assertBlackIsPrimary(variant) {
+  if (variant !== 'primary') {
+    throwBladeError({
+      moduleName: 'BaseButton',
+      message: "Black color can only be used with primary variant but received \"".concat(variant, "\"")
+    });
+  }
+};
 var getRenderElement = function getRenderElement(href) {
   if (isReactNative()) {
     return undefined; // as property doesn't work with react native
@@ -60,19 +89,23 @@ var getRenderElement = function getRenderElement(href) {
   }
   return 'button';
 };
-var getBackgroundColorToken = function getBackgroundColorToken(_ref) {
-  var variant = _ref.variant,
-    state = _ref.state,
-    color = _ref.color;
+var getBackgroundColorToken = function getBackgroundColorToken(_ref2) {
+  var variant = _ref2.variant,
+    state = _ref2.state,
+    color = _ref2.color;
   var _state = state === 'focus' || state === 'hover' ? 'highlighted' : state;
-  // For white and transparent colors, we use 'primary' as the base color
-  // since the actual token lookup uses the white/transparent specific paths
-  var gradientColor = color === 'white' || color === 'transparent' || !color ? 'primary' : color;
+  // For white, black and transparent colors, we use 'primary' as the base color
+  // since the actual token lookup uses the white/black/transparent specific paths
+  var gradientColor = isStaticOrTransparentColor(color) || !color ? 'primary' : color;
   var tokens = backgroundGradient(gradientColor);
   if (color === 'white') {
     return tokens.white[variant][_state];
   }
+  if (color === 'black') {
+    assertBlackIsPrimary(variant);
+    return tokens.black.primary[_state];
+  }
   if (color === 'transparent') {
     if (variant !== 'tertiary') {
       throw new Error("Transparent color can only be used with tertiary variant but received \"".concat(variant, "\""));
@@ -86,16 +119,20 @@ var getBackgroundColorToken = function getBackgroundColorToken(_ref) {
   }
   return tokens.base[variant][_state];
 };
-var getBoxShadowToken = function getBoxShadowToken(_ref2) {
-  var variant = _ref2.variant,
-    state = _ref2.state,
-    color = _ref2.color;
+var getBoxShadowToken = function getBoxShadowToken(_ref3) {
+  var variant = _ref3.variant,
+    state = _ref3.state,
+    color = _ref3.color;
   var _state = state === 'focus' || state === 'hover' ? 'highlighted' : state;
-  var tokenColor = color === 'white' || color === 'transparent' || !color ? 'primary' : color;
+  var tokenColor = isStaticOrTransparentColor(color) || !color ? 'primary' : color;
   var tokens = boxShadow(tokenColor);
   if (color === 'white') {
     return tokens.white[variant][_state];
   }
+  if (color === 'black') {
+    assertBlackIsPrimary(variant);
+    return tokens.black.primary[_state];
+  }
   if (color === 'transparent') {
     if (variant !== 'tertiary') {
       throw new Error("Transparent color can only be used with tertiary variant but received \"".concat(variant, "\""));
@@ -104,16 +141,20 @@ var getBoxShadowToken = function getBoxShadowToken(_ref2) {
   }
   return tokens.base[variant][_state];
 };
-var getTextColorToken = function getTextColorToken(_ref3) {
-  var property = _ref3.property,
-    variant = _ref3.variant,
-    state = _ref3.state,
-    color = _ref3.color;
+var getTextColorToken = function getTextColorToken(_ref4) {
+  var property = _ref4.property,
+    variant = _ref4.variant,
+    state = _ref4.state,
+    color = _ref4.color;
   var tokens = textColor(property);
   var _state = state === 'focus' || state === 'hover' ? 'highlighted' : state;
   if (color === 'white') {
     return tokens.white[variant][_state];
   }
+  if (color === 'black') {
+    assertBlackIsPrimary(variant);
+    return tokens.black.primary[_state];
+  }
   if (color === 'transparent') {
     if (variant !== 'tertiary') {
       throw new Error("Transparent color can only be used with tertiary variant but received \"".concat(variant, "\""));
@@ -128,15 +169,17 @@ var getTextColorToken = function getTextColorToken(_ref3) {
   }
   return tokens.base[variant][_state];
 };
-var getProps = function getProps(_ref4) {
-  var buttonTypographyTokens = _ref4.buttonTypographyTokens,
-    childrenString = _ref4.childrenString,
-    isDisabled = _ref4.isDisabled,
-    size = _ref4.size,
-    theme = _ref4.theme,
-    variant = _ref4.variant,
-    color = _ref4.color,
-    hasIcon = _ref4.hasIcon;
+var getProps = function getProps(_ref5) {
+  var buttonTypographyTokens = _ref5.buttonTypographyTokens,
+    childrenString = _ref5.childrenString,
+    isDisabled = _ref5.isDisabled,
+    size = _ref5.size,
+    theme = _ref5.theme,
+    variant = _ref5.variant,
+    color = _ref5.color,
+    hasIcon = _ref5.hasIcon,
+    _borderRadius = _ref5._borderRadius,
+    _iconSize = _ref5._iconSize;
   if (variant === 'tertiary' && color !== 'primary' && color !== 'white' && color !== 'transparent') {
     throwBladeError({
       moduleName: 'BaseButton',
@@ -236,7 +279,7 @@ var getProps = function getProps(_ref4) {
     };
   };
   var props = _objectSpread({
-    iconSize: isIconOnly ? buttonIconOnlySizeToIconSizeMap[size] : buttonSizeToIconSizeMap[size],
+    iconSize: _iconSize !== null && _iconSize !== void 0 ? _iconSize : isIconOnly ? buttonIconOnlySizeToIconSizeMap[size] : buttonSizeToIconSizeMap[size],
     spinnerSize: buttonSizeToSpinnerSizeMap[size],
     fontSize: buttonTypographyTokens.fonts.size[size],
     lineHeight: buttonTypographyTokens.lineHeights[size],
@@ -281,7 +324,7 @@ var getProps = function getProps(_ref4) {
     })),
     focusBoxShadow: getBoxShadow('focus', color),
     focusRingColor: getIn(theme.colors, 'surface.border.primary.muted'),
-    borderRadius: makeBorderSize(theme.border.radius[buttonBorderRadius[size]]),
+    borderRadius: makeBorderSize(theme.border.radius[_borderRadius !== null && _borderRadius !== void 0 ? _borderRadius : buttonBorderRadius[size]]),
     motionDuration: 'duration.xquick',
     motionEasing: 'easing.standard'
   }, isReactNative() && !isDisabled ? getNativeShadowColors(color) : {});
@@ -315,51 +358,54 @@ var getProps = function getProps(_ref4) {
 var ButtonContent = /*#__PURE__*/styled(BaseBox).withConfig({
   displayName: "BaseButton__ButtonContent",
   componentId: "zf1huq-0"
-})(function (_ref5) {
-  var isHidden = _ref5.isHidden;
+})(function (_ref6) {
+  var isHidden = _ref6.isHidden;
   return {
     opacity: isHidden ? 0 : 1
   };
 });
-var _BaseButton = function _BaseButton(_ref6, ref) {
+var _BaseButton = function _BaseButton(_ref7, ref) {
   var _buttonGroupProps$siz, _buttonGroupProps$var, _buttonGroupProps$col, _buttonGroupProps$siz2, _buttonGroupProps$isF, _accessibilityProps$r, _buttonGroupProps$var2, _buttonGroupProps$col2, _buttonGroupProps$siz3, _buttonGroupProps$isF2;
-  var href = _ref6.href,
-    target = _ref6.target,
-    rel = _ref6.rel,
-    tabIndex = _ref6.tabIndex,
-    id = _ref6.id,
-    _ref6$variant = _ref6.variant,
-    variant = _ref6$variant === void 0 ? 'primary' : _ref6$variant,
-    _ref6$color = _ref6.color,
-    color = _ref6$color === void 0 ? 'primary' : _ref6$color,
-    _ref6$size = _ref6.size,
-    size = _ref6$size === void 0 ? 'medium' : _ref6$size,
-    Icon = _ref6.icon,
-    _ref6$iconPosition = _ref6.iconPosition,
-    iconPosition = _ref6$iconPosition === void 0 ? 'left' : _ref6$iconPosition,
-    _ref6$isDisabled = _ref6.isDisabled,
-    isDisabled = _ref6$isDisabled === void 0 ? false : _ref6$isDisabled,
-    _ref6$isFullWidth = _ref6.isFullWidth,
-    isFullWidth = _ref6$isFullWidth === void 0 ? false : _ref6$isFullWidth,
-    _ref6$isLoading = _ref6.isLoading,
-    isLoading = _ref6$isLoading === void 0 ? false : _ref6$isLoading,
-    onClick = _ref6.onClick,
-    onBlur = _ref6.onBlur,
-    _onKeyDown = _ref6.onKeyDown,
-    _ref6$type = _ref6.type,
-    type = _ref6$type === void 0 ? 'button' : _ref6$type,
-    children = _ref6.children,
-    testID = _ref6.testID,
-    onFocus = _ref6.onFocus,
-    onMouseLeave = _ref6.onMouseLeave,
-    onMouseMove = _ref6.onMouseMove,
-    _onMouseDown = _ref6.onMouseDown,
-    onPointerDown = _ref6.onPointerDown,
-    onPointerEnter = _ref6.onPointerEnter,
-    accessibilityProps = _ref6.accessibilityProps,
-    _onTouchEnd = _ref6.onTouchEnd,
-    _onTouchStart = _ref6.onTouchStart,
-    rest = _objectWithoutProperties(_ref6, _excluded);
+  var href = _ref7.href,
+    target = _ref7.target,
+    rel = _ref7.rel,
+    tabIndex = _ref7.tabIndex,
+    id = _ref7.id,
+    _ref7$variant = _ref7.variant,
+    variant = _ref7$variant === void 0 ? 'primary' : _ref7$variant,
+    _ref7$color = _ref7.color,
+    color = _ref7$color === void 0 ? 'primary' : _ref7$color,
+    _ref7$size = _ref7.size,
+    size = _ref7$size === void 0 ? 'medium' : _ref7$size,
+    Icon = _ref7.icon,
+    _ref7$iconPosition = _ref7.iconPosition,
+    iconPosition = _ref7$iconPosition === void 0 ? 'left' : _ref7$iconPosition,
+    _ref7$isDisabled = _ref7.isDisabled,
+    isDisabled = _ref7$isDisabled === void 0 ? false : _ref7$isDisabled,
+    _ref7$isFullWidth = _ref7.isFullWidth,
+    isFullWidth = _ref7$isFullWidth === void 0 ? false : _ref7$isFullWidth,
+    _ref7$isLoading = _ref7.isLoading,
+    isLoading = _ref7$isLoading === void 0 ? false : _ref7$isLoading,
+    onClick = _ref7.onClick,
+    onBlur = _ref7.onBlur,
+    _onKeyDown = _ref7.onKeyDown,
+    _ref7$type = _ref7.type,
+    type = _ref7$type === void 0 ? 'button' : _ref7$type,
+    children = _ref7.children,
+    testID = _ref7.testID,
+    onFocus = _ref7.onFocus,
+    onMouseLeave = _ref7.onMouseLeave,
+    onMouseMove = _ref7.onMouseMove,
+    _onMouseDown = _ref7.onMouseDown,
+    onPointerDown = _ref7.onPointerDown,
+    onPointerEnter = _ref7.onPointerEnter,
+    accessibilityProps = _ref7.accessibilityProps,
+    _onTouchEnd = _ref7.onTouchEnd,
+    _onTouchStart = _ref7.onTouchStart,
+    _borderRadius = _ref7._borderRadius,
+    _iconSize = _ref7._iconSize,
+    _spinnerColor = _ref7._spinnerColor,
+    rest = _objectWithoutProperties(_ref7, _excluded);
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
   var buttonGroupProps = useButtonGroupContext();
@@ -416,7 +462,9 @@ var _BaseButton = function _BaseButton(_ref6, ref) {
       variant: (_buttonGroupProps$var = buttonGroupProps.variant) !== null && _buttonGroupProps$var !== void 0 ? _buttonGroupProps$var : variant,
       theme: theme,
       color: (_buttonGroupProps$col = buttonGroupProps.color) !== null && _buttonGroupProps$col !== void 0 ? _buttonGroupProps$col : color,
-      hasIcon: Boolean(Icon)
+      hasIcon: Boolean(Icon),
+      _borderRadius: _borderRadius,
+      _iconSize: _iconSize
     }),
     defaultBackgroundColor = _getProps.defaultBackgroundColor,
     defaultBoxShadow = _getProps.defaultBoxShadow,
@@ -633,7 +681,10 @@ var _BaseButton = function _BaseButton(_ref6, ref) {
         children: /*#__PURE__*/jsx(BaseSpinner, {
           accessibilityLabel: "Loading",
           size: spinnerSize,
-          color: color && color !== 'primary' && color !== 'transparent' && color in spinnerColor ? spinnerColor[color][variant] : spinnerColor.base[variant]
+          color: _spinnerColor !== null && _spinnerColor !== void 0 ? _spinnerColor : getSpinnerColor({
+            variant: variant,
+            color: color
+          })
         })
       }) : null, /*#__PURE__*/jsxs(ButtonContent, {
         display: "flex",