@primer/react 38.40.2-rc.e319faf65 → 38.41.0-rc.27afe233f

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 (162) hide show
  1. package/CHANGELOG.md +5 -1
  2. package/dist/ActionBar/ActionBar.js +30 -33
  3. package/dist/ActionList/Description.js +2 -2
  4. package/dist/ActionList/Divider.js +1 -1
  5. package/dist/ActionList/Group.js +12 -12
  6. package/dist/ActionList/GroupHeadingTrailingAction.js +1 -10
  7. package/dist/ActionList/Heading.js +1 -1
  8. package/dist/ActionList/Item.js +19 -19
  9. package/dist/ActionList/LinkItem.js +4 -4
  10. package/dist/ActionList/List.js +2 -2
  11. package/dist/ActionList/Selection.js +6 -6
  12. package/dist/ActionList/TrailingAction.js +3 -3
  13. package/dist/ActionList/Visuals.js +9 -9
  14. package/dist/ActionMenu/ActionMenu.js +8 -11
  15. package/dist/AnchoredOverlay/AnchoredOverlay.js +4 -4
  16. package/dist/Autocomplete/Autocomplete.js +3 -3
  17. package/dist/Autocomplete/AutocompleteInput.js +1 -1
  18. package/dist/Autocomplete/AutocompleteMenu.js +111 -106
  19. package/dist/Autocomplete/AutocompleteOverlay.js +2 -2
  20. package/dist/Avatar/Avatar.js +1 -1
  21. package/dist/AvatarStack/AvatarStack.js +3 -3
  22. package/dist/Banner/Banner.js +21 -21
  23. package/dist/BaseStyles.js +1 -1
  24. package/dist/Blankslate/Blankslate.js +10 -11
  25. package/dist/BranchName/BranchName.js +1 -1
  26. package/dist/Breadcrumbs/Breadcrumbs.js +20 -29
  27. package/dist/Button/Button.js +1 -1
  28. package/dist/Button/ButtonBase.js +8 -9
  29. package/dist/Button/IconButton.js +3 -3
  30. package/dist/Button/LinkButton.js +1 -1
  31. package/dist/ButtonGroup/ButtonGroup.js +2 -3
  32. package/dist/Card/Card.js +16 -16
  33. package/dist/Checkbox/Checkbox.js +1 -1
  34. package/dist/CheckboxGroup/CheckboxGroup.js +2 -2
  35. package/dist/CircleBadge/CircleBadge.js +2 -2
  36. package/dist/ConfirmationDialog/ConfirmationDialog.js +1 -5
  37. package/dist/CounterLabel/CounterLabel.js +2 -2
  38. package/dist/DataTable/DataTable.js +7 -8
  39. package/dist/DataTable/ErrorDialog.js +1 -1
  40. package/dist/DataTable/Pagination.js +23 -23
  41. package/dist/DataTable/Table.js +25 -27
  42. package/dist/DataTable/TableGroup.js +10 -10
  43. package/dist/Details/Details.js +2 -2
  44. package/dist/Dialog/Dialog.js +20 -23
  45. package/dist/FeatureFlags/FeatureFlags.js +1 -1
  46. package/dist/FilteredActionList/FilteredActionList.js +18 -19
  47. package/dist/FilteredActionList/FilteredActionListInput.js +2 -2
  48. package/dist/FilteredActionList/FilteredActionListLoaders.js +10 -11
  49. package/dist/Flash/Flash.js +1 -4
  50. package/dist/FormControl/FormControl.js +8 -8
  51. package/dist/FormControl/FormControlCaption.js +1 -1
  52. package/dist/FormControl/FormControlLabel.js +1 -1
  53. package/dist/FormControl/FormControlLeadingVisual.js +1 -1
  54. package/dist/FormControl/_FormControlValidation.js +1 -1
  55. package/dist/Header/Header.js +3 -3
  56. package/dist/Heading/Heading.js +1 -1
  57. package/dist/Hidden/Hidden.js +1 -1
  58. package/dist/InlineMessage/InlineMessage.js +11 -11
  59. package/dist/KeybindingHint/KeybindingHint.js +3 -3
  60. package/dist/KeybindingHint/components/Chord.js +3 -3
  61. package/dist/KeybindingHint/components/Key.js +3 -3
  62. package/dist/KeybindingHint/components/Sequence.js +1 -1
  63. package/dist/KeybindingHint/platform.js +0 -8
  64. package/dist/Label/Label.js +1 -1
  65. package/dist/LabelGroup/LabelGroup.js +18 -18
  66. package/dist/Link/Link.js +1 -1
  67. package/dist/NavList/NavList.js +24 -24
  68. package/dist/Octicon/Octicon.js +1 -4
  69. package/dist/Overlay/Overlay.js +3 -3
  70. package/dist/PageHeader/PageHeader.js +21 -21
  71. package/dist/PageLayout/DragHandle.js +1 -1
  72. package/dist/PageLayout/PageLayout.js +26 -26
  73. package/dist/PageLayout/usePaneWidth.js +0 -5
  74. package/dist/Pagehead/Pagehead.js +1 -1
  75. package/dist/Pagination/Pagination.js +9 -10
  76. package/dist/Popover/Popover.js +3 -3
  77. package/dist/ProgressBar/ProgressBar.js +3 -3
  78. package/dist/Radio/Radio.js +1 -1
  79. package/dist/RadioGroup/RadioGroup.js +2 -2
  80. package/dist/RelativeTime/RelativeTime.js +1 -1
  81. package/dist/ScrollableRegion/ScrollableRegion.js +1 -1
  82. package/dist/SegmentedControl/SegmentedControl.js +13 -13
  83. package/dist/SegmentedControl/SegmentedControlAction.js +6 -6
  84. package/dist/SegmentedControl/SegmentedControlButton.js +8 -8
  85. package/dist/SegmentedControl/SegmentedControlDivider.js +1 -1
  86. package/dist/SegmentedControl/SegmentedControlIconButton.js +5 -5
  87. package/dist/Select/Select.js +9 -9
  88. package/dist/SelectPanel/SelectPanel.js +24 -27
  89. package/dist/SelectPanel/SelectPanelMessage.js +5 -5
  90. package/dist/SideNav.js +2 -2
  91. package/dist/Skeleton/SkeletonBox.js +1 -1
  92. package/dist/SkeletonAvatar/SkeletonAvatar.js +1 -1
  93. package/dist/SkeletonText/SkeletonText.js +3 -3
  94. package/dist/Spinner/Spinner.js +5 -5
  95. package/dist/SplitPageLayout/SplitPageLayout.js +6 -6
  96. package/dist/Stack/Stack.js +2 -2
  97. package/dist/StateLabel/StateLabel.js +2 -2
  98. package/dist/SubNav/SubNav.js +5 -5
  99. package/dist/TabNav/TabNav.js +4 -10
  100. package/dist/Text/Text.js +1 -1
  101. package/dist/TextInput/TextInput.js +13 -13
  102. package/dist/TextInputWithTokens/TextInputWithTokens.js +12 -15
  103. package/dist/Textarea/Textarea.js +7 -7
  104. package/dist/ThemeProvider.js +1 -2
  105. package/dist/Timeline/Timeline.js +11 -14
  106. package/dist/ToggleSwitch/ToggleSwitch.js +18 -18
  107. package/dist/Token/IssueLabelToken.js +3 -3
  108. package/dist/Token/Token.js +7 -7
  109. package/dist/Token/TokenBase.js +1 -1
  110. package/dist/Token/_RemoveTokenButton.js +4 -5
  111. package/dist/Token/_TokenTextContainer.js +1 -1
  112. package/dist/Tooltip/Tooltip.js +2 -5
  113. package/dist/TooltipV2/Tooltip.js +7 -7
  114. package/dist/TopicTag/TopicTag.js +1 -1
  115. package/dist/TopicTag/TopicTagGroup.js +1 -1
  116. package/dist/TreeView/TreeView.js +52 -59
  117. package/dist/TreeView/useTypeahead.js +3 -3
  118. package/dist/Truncate/Truncate.js +1 -2
  119. package/dist/UnderlineNav/UnderlineNav.js +18 -18
  120. package/dist/UnderlineNav/UnderlineNavItem.js +2 -2
  121. package/dist/VisuallyHidden/VisuallyHidden.js +1 -1
  122. package/dist/_VisuallyHidden.js +1 -1
  123. package/dist/deprecated/ActionList/Divider.js +1 -1
  124. package/dist/deprecated/ActionList/Group.js +2 -5
  125. package/dist/deprecated/ActionList/Header.js +2 -5
  126. package/dist/deprecated/ActionList/Item.js +17 -20
  127. package/dist/deprecated/ActionList/List.js +4 -13
  128. package/dist/deprecated/ActionMenu.js +4 -6
  129. package/dist/deprecated/DialogV1/Dialog.js +5 -5
  130. package/dist/deprecated/FilteredSearch/FilteredSearch.js +1 -1
  131. package/dist/deprecated/UnderlineNav/UnderlineNav.js +4 -4
  132. package/dist/experimental/IssueLabel/IssueLabel.js +4 -4
  133. package/dist/experimental/SelectPanel2/SelectPanel.js +42 -49
  134. package/dist/experimental/Tabs/Tabs.js +1 -1
  135. package/dist/experimental/UnderlinePanels/UnderlinePanels.js +6 -9
  136. package/dist/hooks/useMergedRefs.js +0 -12
  137. package/dist/hooks/useResponsiveValue.js +0 -5
  138. package/dist/hooks/useSlots.js +0 -48
  139. package/dist/internal/components/ButtonReset.js +1 -1
  140. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.js +9 -9
  141. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.js +1 -1
  142. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.js +4 -4
  143. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation.js +1 -1
  144. package/dist/internal/components/ConditionalWrapper.js +2 -2
  145. package/dist/internal/components/InputLabel.js +3 -3
  146. package/dist/internal/components/InputValidation.js +4 -4
  147. package/dist/internal/components/OverflowObserverProvider.js +1 -1
  148. package/dist/internal/components/TextInputInnerAction.js +6 -6
  149. package/dist/internal/components/TextInputInnerVisualSlot.js +5 -5
  150. package/dist/internal/components/TextInputWrapper.js +2 -2
  151. package/dist/internal/components/ThemeProviderBase.js +3 -3
  152. package/dist/internal/components/UnderlineTabbedInterface.js +11 -11
  153. package/dist/internal/components/UnstyledTextInput.js +1 -1
  154. package/dist/internal/components/ValidationAnimationContainer.js +2 -2
  155. package/dist/internal/hooks/useOverflowObserver.js +1 -2
  156. package/dist/live-region/Announce.js +1 -1
  157. package/dist/live-region/AriaAlert.js +1 -1
  158. package/dist/live-region/AriaStatus.js +1 -1
  159. package/dist/next/ThemeProvider.js +1 -1
  160. package/dist/utils/descendant-registry.js +1 -7
  161. package/dist/utils/modern-polymorphic.js +0 -10
  162. package/package.json +3 -3
@@ -29,7 +29,7 @@ const EMPTY_MESSAGE = {
29
29
  title: "No items available",
30
30
  description: ""
31
31
  };
32
- const DefaultEmptyMessage = /*#__PURE__*/ jsx(SelectPanelMessage, {
32
+ const DefaultEmptyMessage = /* @__PURE__ */ jsx(SelectPanelMessage, {
33
33
  variant: "empty",
34
34
  title: EMPTY_MESSAGE.title,
35
35
  children: EMPTY_MESSAGE.description
@@ -59,13 +59,12 @@ const doesItemsIncludeItem = (items, item) => {
59
59
  };
60
60
  const defaultRenderAnchor = (props) => {
61
61
  const { children, ...rest } = props;
62
- return /*#__PURE__*/ jsx(ButtonComponent, {
62
+ return /* @__PURE__ */ jsx(ButtonComponent, {
63
63
  trailingAction: TriangleDownIcon,
64
64
  ...rest,
65
65
  children
66
66
  });
67
67
  };
68
- defaultRenderAnchor.displayName = "defaultRenderAnchor";
69
68
  function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorRef: externalAnchorRef, placeholder, placeholderText = "Filter items", inputLabel = placeholderText, selected, title = isMultiSelectVariant(selected) ? "Select items" : "Select an item", subtitle, onSelectedChange, filterValue: externalFilterValue, onFilterChange: externalOnFilterChange, items, footer, textInputProps, overlayProps, loading, initialLoadingType = "spinner", className, height, width, id, message, notice, onCancel, variant = "anchored", secondaryAction, showSelectedOptionsFirst = true, disableFullscreenOnNarrow, align, showSelectAll = false, focusPrependedElements, virtualized, displayInViewport, cssAnchorPositioningSettings, ...listProps }) {
70
69
  var _listProps$groupMetad;
71
70
  const titleId = useId$1();
@@ -290,7 +289,7 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
290
289
  return renderAnchor({
291
290
  ...props,
292
291
  ...shouldAutoWireLabel ? { "aria-labelledby": [labelId, selectedValueId].filter(Boolean).join(" ") } : {},
293
- children: shouldAutoWireLabel ? /*#__PURE__*/ jsx("span", {
292
+ children: shouldAutoWireLabel ? /* @__PURE__ */ jsx("span", {
294
293
  id: selectedValueId,
295
294
  children: selectedValueText
296
295
  }) : selectedValueText
@@ -406,7 +405,7 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
406
405
  };
407
406
  function getMessage() {
408
407
  if (items.length === 0 && !message) return DefaultEmptyMessage;
409
- else if (message) return /*#__PURE__*/ jsx(SelectPanelMessage, {
408
+ else if (message) return /* @__PURE__ */ jsx(SelectPanelMessage, {
410
409
  title: message.title,
411
410
  variant: message.variant,
412
411
  icon: message.icon,
@@ -460,7 +459,7 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
460
459
  availablePanelHeight,
461
460
  preventBubbling
462
461
  ]);
463
- return /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ jsx(AnchoredOverlay, {
462
+ return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(AnchoredOverlay, {
464
463
  renderAnchor: renderMenuAnchor,
465
464
  anchorRef,
466
465
  align,
@@ -486,27 +485,27 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
486
485
  ...cssAnchorPositioningSettings,
487
486
  disable: variant === "modal" || (cssAnchorPositioningSettings === null || cssAnchorPositioningSettings === void 0 ? void 0 : cssAnchorPositioningSettings.disable)
488
487
  },
489
- children: /*#__PURE__*/ jsxs("div", {
488
+ children: /* @__PURE__ */ jsxs("div", {
490
489
  className: SelectPanel_module_css_default.Wrapper,
491
490
  "data-variant": variant,
492
491
  "data-component": "SelectPanel",
493
492
  children: [
494
- /*#__PURE__*/ jsxs("div", {
493
+ /* @__PURE__ */ jsxs("div", {
495
494
  className: SelectPanel_module_css_default.Header,
496
495
  "data-variant": currentResponsiveVariant,
497
496
  "data-component": "SelectPanel.Header",
498
- children: [/*#__PURE__*/ jsxs("div", { children: [/*#__PURE__*/ jsx(Heading, {
497
+ children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Heading, {
499
498
  as: "h1",
500
499
  id: titleId,
501
500
  className: SelectPanel_module_css_default.Title,
502
501
  "data-component": "SelectPanel.Title",
503
502
  children: title
504
- }), subtitle ? /*#__PURE__*/ jsx("div", {
503
+ }), subtitle ? /* @__PURE__ */ jsx("div", {
505
504
  id: subtitleId,
506
505
  className: SelectPanel_module_css_default.Subtitle,
507
506
  "data-component": "SelectPanel.Subtitle",
508
507
  children: subtitle
509
- }) : null] }), variant === "modal" && !isNarrowScreenSize ? /*#__PURE__*/ jsx(IconButton, {
508
+ }) : null] }), variant === "modal" && !isNarrowScreenSize ? /* @__PURE__ */ jsx(IconButton, {
510
509
  type: "button",
511
510
  variant: "invisible",
512
511
  icon: XIcon,
@@ -519,10 +518,10 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
519
518
  }
520
519
  }) : null]
521
520
  }),
522
- notice && /*#__PURE__*/ jsx("div", {
521
+ notice && /* @__PURE__ */ jsx("div", {
523
522
  ref: noticeRef,
524
523
  "data-component": "SelectPanel.Notice",
525
- children: /*#__PURE__*/ jsx(Banner, {
524
+ children: /* @__PURE__ */ jsx(Banner, {
526
525
  variant: notice.variant === "error" ? "critical" : notice.variant,
527
526
  description: notice.text,
528
527
  title: "Notice",
@@ -531,7 +530,7 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
531
530
  layout: "compact"
532
531
  })
533
532
  }),
534
- /*#__PURE__*/ jsx(FilteredActionList, {
533
+ /* @__PURE__ */ jsx(FilteredActionList, {
535
534
  filterValue,
536
535
  onFilterChange,
537
536
  onListContainerRefChanged,
@@ -558,27 +557,27 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
558
557
  focusPrependedElements,
559
558
  virtualized
560
559
  }),
561
- footer ? /*#__PURE__*/ jsx("div", {
560
+ footer ? /* @__PURE__ */ jsx("div", {
562
561
  className: SelectPanel_module_css_default.Footer,
563
562
  "data-component": "SelectPanel.Footer",
564
563
  children: footer
565
- }) : renderFooter ? /*#__PURE__*/ jsxs("div", {
564
+ }) : renderFooter ? /* @__PURE__ */ jsxs("div", {
566
565
  "data-display-footer": displayFooter,
567
566
  "data-stretch-secondary-action": stretchSecondaryAction,
568
567
  "data-stretch-save-button": stretchSaveButton,
569
568
  className: clsx(SelectPanel_module_css_default.Footer, SelectPanel_module_css_default.ResponsiveFooter),
570
569
  "data-component": "SelectPanel.Footer",
571
570
  children: [
572
- /*#__PURE__*/ jsx("div", {
571
+ /* @__PURE__ */ jsx("div", {
573
572
  "data-stretch-secondary-action": stretchSecondaryAction,
574
573
  className: SelectPanel_module_css_default.SecondaryAction,
575
574
  "data-component": "SelectPanel.SecondaryAction",
576
575
  children: secondaryAction
577
576
  }),
578
- showPermanentCancelSaveButtons || showResponsiveCancelSaveButtons ? /*#__PURE__*/ jsxs("div", {
577
+ showPermanentCancelSaveButtons || showResponsiveCancelSaveButtons ? /* @__PURE__ */ jsxs("div", {
579
578
  "data-stretch-save-button": stretchSaveButton,
580
579
  className: clsx(SelectPanel_module_css_default.CancelSaveButtons, { [SelectPanel_module_css_default.ResponsiveSaveButton]: showResponsiveCancelSaveButtons }),
581
- children: [/*#__PURE__*/ jsx(ButtonComponent, {
580
+ children: [/* @__PURE__ */ jsx(ButtonComponent, {
582
581
  size: "medium",
583
582
  "data-component": "SelectPanel.CancelButton",
584
583
  onClick: () => {
@@ -586,7 +585,7 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
586
585
  onCancelRequested();
587
586
  },
588
587
  children: "Cancel"
589
- }), /*#__PURE__*/ jsx(ButtonComponent, {
588
+ }), /* @__PURE__ */ jsx(ButtonComponent, {
590
589
  block: onCancel === void 0,
591
590
  variant: "primary",
592
591
  size: "medium",
@@ -598,10 +597,10 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
598
597
  children: "Save"
599
598
  })]
600
599
  }) : null,
601
- showResponsiveSaveAndCloseButton ? /*#__PURE__*/ jsx("div", {
600
+ showResponsiveSaveAndCloseButton ? /* @__PURE__ */ jsx("div", {
602
601
  className: SelectPanel_module_css_default.ResponsiveSaveButton,
603
602
  "data-stretch-save-button": stretchSaveButton,
604
- children: /*#__PURE__*/ jsx(ButtonComponent, {
603
+ children: /* @__PURE__ */ jsx(ButtonComponent, {
605
604
  block: true,
606
605
  variant: "primary",
607
606
  size: "medium",
@@ -616,22 +615,21 @@ function Panel({ open, onOpenChange, renderAnchor = defaultRenderAnchor, anchorR
616
615
  }) : null
617
616
  ]
618
617
  })
619
- }), variant === "modal" && open ? /*#__PURE__*/ jsx("div", {
618
+ }), variant === "modal" && open ? /* @__PURE__ */ jsx("div", {
620
619
  className: SelectPanel_module_css_default.Backdrop,
621
620
  "data-component": "SelectPanel.Backdrop"
622
621
  }) : null] });
623
622
  }
624
623
  const SecondaryButton = (props) => {
625
- return /*#__PURE__*/ jsx(ButtonComponent, {
624
+ return /* @__PURE__ */ jsx(ButtonComponent, {
626
625
  block: true,
627
626
  "data-component": "SelectPanel.SecondaryActionButton",
628
627
  ...props,
629
628
  children: props.children
630
629
  });
631
630
  };
632
- SecondaryButton.displayName = "SecondaryButton";
633
631
  const SecondaryLink = (props) => {
634
- return /*#__PURE__*/ jsx(LinkButton, {
632
+ return /* @__PURE__ */ jsx(LinkButton, {
635
633
  ...props,
636
634
  variant: "invisible",
637
635
  block: true,
@@ -639,7 +637,6 @@ const SecondaryLink = (props) => {
639
637
  children: props.children
640
638
  });
641
639
  };
642
- SecondaryLink.displayName = "SecondaryLink";
643
640
  const SelectPanel = Object.assign(Panel, {
644
641
  __SLOT__: Symbol("SelectPanel"),
645
642
  SecondaryActionButton: SecondaryButton,
@@ -18,7 +18,7 @@ const SelectPanelMessage = (t0) => {
18
18
  } else t1 = $[1];
19
19
  let t2;
20
20
  if ($[2] !== IconComponent || $[3] !== variant) {
21
- t2 = IconComponent && /*#__PURE__*/ jsx(Octicon, {
21
+ t2 = IconComponent && /* @__PURE__ */ jsx(Octicon, {
22
22
  icon: IconComponent,
23
23
  className: SelectPanel_module_css_default.MessageIcon,
24
24
  "data-variant": variant,
@@ -30,7 +30,7 @@ const SelectPanelMessage = (t0) => {
30
30
  } else t2 = $[4];
31
31
  let t3;
32
32
  if ($[5] !== title) {
33
- t3 = /*#__PURE__*/ jsx(Text_default, {
33
+ t3 = /* @__PURE__ */ jsx(Text_default, {
34
34
  className: SelectPanel_module_css_default.MessageTitle,
35
35
  "data-component": "SelectPanel.MessageTitle",
36
36
  children: title
@@ -40,7 +40,7 @@ const SelectPanelMessage = (t0) => {
40
40
  } else t3 = $[6];
41
41
  let t4;
42
42
  if ($[7] !== children) {
43
- t4 = /*#__PURE__*/ jsx(Text_default, {
43
+ t4 = /* @__PURE__ */ jsx(Text_default, {
44
44
  className: SelectPanel_module_css_default.MessageBody,
45
45
  "data-component": "SelectPanel.MessageBody",
46
46
  children
@@ -50,7 +50,7 @@ const SelectPanelMessage = (t0) => {
50
50
  } else t4 = $[8];
51
51
  let t5;
52
52
  if ($[9] !== action) {
53
- t5 = action && /*#__PURE__*/ jsx("div", {
53
+ t5 = action && /* @__PURE__ */ jsx("div", {
54
54
  className: SelectPanel_module_css_default.MessageAction,
55
55
  "data-component": "SelectPanel.MessageAction",
56
56
  children: action
@@ -60,7 +60,7 @@ const SelectPanelMessage = (t0) => {
60
60
  } else t5 = $[10];
61
61
  let t6;
62
62
  if ($[11] !== t1 || $[12] !== t2 || $[13] !== t3 || $[14] !== t4 || $[15] !== t5) {
63
- t6 = /*#__PURE__*/ jsxs("div", {
63
+ t6 = /* @__PURE__ */ jsxs("div", {
64
64
  className: t1,
65
65
  "data-component": "SelectPanel.Message",
66
66
  children: [
package/dist/SideNav.js CHANGED
@@ -23,7 +23,7 @@ function SideNav(t0) {
23
23
  const newClassName = t5;
24
24
  let t6;
25
25
  if ($[5] !== Component || $[6] !== ariaLabel || $[7] !== children || $[8] !== newClassName) {
26
- t6 = /*#__PURE__*/ jsx(Component, {
26
+ t6 = /* @__PURE__ */ jsx(Component, {
27
27
  className: newClassName,
28
28
  "aria-label": ariaLabel,
29
29
  "data-component": "SideNav",
@@ -75,7 +75,7 @@ const SideNavLink = (t0) => {
75
75
  const t3 = isReactRouter || selected ? "page" : void 0;
76
76
  let t4;
77
77
  if ($[10] !== children || $[11] !== newClassName || $[12] !== rest || $[13] !== t3) {
78
- t4 = /*#__PURE__*/ jsx(Link, {
78
+ t4 = /* @__PURE__ */ jsx(Link, {
79
79
  "aria-current": t3,
80
80
  className: newClassName,
81
81
  ...rest,
@@ -82,7 +82,7 @@ const SkeletonBox = /*#__PURE__*/ React.forwardRef(function SkeletonBox(t0, ref)
82
82
  } else t7 = $[18];
83
83
  let t8;
84
84
  if ($[19] !== dataComponent || $[20] !== props || $[21] !== t4 || $[22] !== t5 || $[23] !== t7) {
85
- t8 = /*#__PURE__*/ jsx("div", {
85
+ t8 = /* @__PURE__ */ jsx("div", {
86
86
  ref: t4,
87
87
  className: t5,
88
88
  style: t7,
@@ -77,7 +77,7 @@ function SkeletonAvatar(t0) {
77
77
  } else t7 = $[19];
78
78
  let t8;
79
79
  if ($[20] !== rest || $[21] !== t3 || $[22] !== t4 || $[23] !== t5 || $[24] !== t7) {
80
- t8 = /*#__PURE__*/ jsx(SkeletonBox, {
80
+ t8 = /* @__PURE__ */ jsx(SkeletonBox, {
81
81
  className: t3,
82
82
  ...rest,
83
83
  "data-component": "SkeletonAvatar",
@@ -50,7 +50,7 @@ function SkeletonText(t0) {
50
50
  } else t4 = $[11];
51
51
  let t5;
52
52
  if ($[12] !== rest || $[13] !== size || $[14] !== t3 || $[15] !== t4) {
53
- t5 = /*#__PURE__*/ jsx(SkeletonBox, {
53
+ t5 = /* @__PURE__ */ jsx(SkeletonBox, {
54
54
  "data-text-skeleton-size": size,
55
55
  width: "100%",
56
56
  className: t3,
@@ -80,7 +80,7 @@ function SkeletonText(t0) {
80
80
  if ($[20] !== className || $[21] !== lines || $[22] !== rest || $[23] !== size) {
81
81
  let t5;
82
82
  if ($[25] !== className || $[26] !== rest || $[27] !== size) {
83
- t5 = (_, index) => /*#__PURE__*/ jsx(SkeletonBox, {
83
+ t5 = (_, index) => /* @__PURE__ */ jsx(SkeletonBox, {
84
84
  "data-component": "SkeletonText",
85
85
  "data-in-multiline": "true",
86
86
  "data-text-skeleton-size": size,
@@ -101,7 +101,7 @@ function SkeletonText(t0) {
101
101
  } else t4 = $[24];
102
102
  let t5;
103
103
  if ($[29] !== t3 || $[30] !== t4) {
104
- t5 = /*#__PURE__*/ jsx("div", {
104
+ t5 = /* @__PURE__ */ jsx("div", {
105
105
  "data-component": "multilineContainer",
106
106
  className: SkeletonText_module_css_default.SkeletonTextWrapper,
107
107
  style: t3,
@@ -107,7 +107,7 @@ function Spinner(t0) {
107
107
  let t12;
108
108
  let t13;
109
109
  if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
110
- t12 = /*#__PURE__*/ jsx("circle", {
110
+ t12 = /* @__PURE__ */ jsx("circle", {
111
111
  cx: "8",
112
112
  cy: "8",
113
113
  r: "7",
@@ -116,7 +116,7 @@ function Spinner(t0) {
116
116
  strokeWidth: "2",
117
117
  vectorEffect: "non-scaling-stroke"
118
118
  });
119
- t13 = /*#__PURE__*/ jsx("path", {
119
+ t13 = /* @__PURE__ */ jsx("path", {
120
120
  d: "M15 8a7.002 7.002 0 00-7-7",
121
121
  stroke: "currentColor",
122
122
  strokeWidth: "2",
@@ -131,7 +131,7 @@ function Spinner(t0) {
131
131
  }
132
132
  let t14;
133
133
  if ($[21] !== mergedStyle || $[22] !== props || $[23] !== size || $[24] !== t10 || $[25] !== t11 || $[26] !== t9) {
134
- t14 = /*#__PURE__*/ jsxs("svg", {
134
+ t14 = /* @__PURE__ */ jsxs("svg", {
135
135
  height: size,
136
136
  width: size,
137
137
  viewBox: "0 0 16 16",
@@ -154,7 +154,7 @@ function Spinner(t0) {
154
154
  } else t14 = $[27];
155
155
  let t15;
156
156
  if ($[28] !== hasHiddenLabel || $[29] !== labelId || $[30] !== srText) {
157
- t15 = hasHiddenLabel ? /*#__PURE__*/ jsx(VisuallyHidden, {
157
+ t15 = hasHiddenLabel ? /* @__PURE__ */ jsx(VisuallyHidden, {
158
158
  id: labelId,
159
159
  children: srText
160
160
  }) : null;
@@ -165,7 +165,7 @@ function Spinner(t0) {
165
165
  } else t15 = $[31];
166
166
  let t16;
167
167
  if ($[32] !== t14 || $[33] !== t15) {
168
- t16 = /*#__PURE__*/ jsxs("span", {
168
+ t16 = /* @__PURE__ */ jsxs("span", {
169
169
  className: Spinner_module_css_default.Box,
170
170
  "data-component": "Spinner",
171
171
  children: [t14, t15]
@@ -15,7 +15,7 @@ const Root = (props) => {
15
15
  } else t0 = $[0];
16
16
  let t1;
17
17
  if ($[1] !== props) {
18
- t1 = /*#__PURE__*/ jsx(PageLayout, {
18
+ t1 = /* @__PURE__ */ jsx(PageLayout, {
19
19
  "data-component": "SplitPageLayout",
20
20
  containerWidth: "full",
21
21
  padding: "none",
@@ -50,7 +50,7 @@ const Header = (t0) => {
50
50
  const divider = t2 === void 0 ? "line" : t2;
51
51
  let t3;
52
52
  if ($[4] !== divider || $[5] !== padding || $[6] !== props) {
53
- t3 = /*#__PURE__*/ jsx(PageLayout.Header, {
53
+ t3 = /* @__PURE__ */ jsx(PageLayout.Header, {
54
54
  "data-component": "SplitPageLayout.Header",
55
55
  padding,
56
56
  divider,
@@ -84,7 +84,7 @@ const Content = (t0) => {
84
84
  const padding = t2 === void 0 ? "normal" : t2;
85
85
  let t3;
86
86
  if ($[4] !== padding || $[5] !== props || $[6] !== width) {
87
- t3 = /*#__PURE__*/ jsx(PageLayout.Content, {
87
+ t3 = /* @__PURE__ */ jsx(PageLayout.Content, {
88
88
  "data-component": "SplitPageLayout.Content",
89
89
  width,
90
90
  padding,
@@ -126,7 +126,7 @@ const Pane = (t0) => {
126
126
  const divider = t4 === void 0 ? "line" : t4;
127
127
  let t5;
128
128
  if ($[6] !== divider || $[7] !== padding || $[8] !== position || $[9] !== props || $[10] !== sticky) {
129
- t5 = /*#__PURE__*/ jsx(PageLayout.Pane, {
129
+ t5 = /* @__PURE__ */ jsx(PageLayout.Pane, {
130
130
  "data-component": "SplitPageLayout.Pane",
131
131
  position,
132
132
  sticky,
@@ -168,7 +168,7 @@ const Sidebar = (t0) => {
168
168
  const divider = t3 === void 0 ? "line" : t3;
169
169
  let t4;
170
170
  if ($[5] !== divider || $[6] !== padding || $[7] !== position || $[8] !== props) {
171
- t4 = /*#__PURE__*/ jsx(PageLayout.Sidebar, {
171
+ t4 = /* @__PURE__ */ jsx(PageLayout.Sidebar, {
172
172
  "data-component": "SplitPageLayout.Sidebar",
173
173
  position,
174
174
  padding,
@@ -204,7 +204,7 @@ const Footer = (t0) => {
204
204
  const divider = t2 === void 0 ? "line" : t2;
205
205
  let t3;
206
206
  if ($[4] !== divider || $[5] !== padding || $[6] !== props) {
207
- t3 = /*#__PURE__*/ jsx(PageLayout.Footer, {
207
+ t3 = /* @__PURE__ */ jsx(PageLayout.Footer, {
208
208
  "data-component": "SplitPageLayout.Footer",
209
209
  padding,
210
210
  divider,
@@ -110,7 +110,7 @@ const Stack = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
110
110
  } else t15 = $[30];
111
111
  let t16;
112
112
  if ($[31] !== Component || $[32] !== children || $[33] !== forwardedRef || $[34] !== rest || $[35] !== t10 || $[36] !== t11 || $[37] !== t12 || $[38] !== t13 || $[39] !== t14 || $[40] !== t15 || $[41] !== t7 || $[42] !== t8 || $[43] !== t9) {
113
- t16 = /*#__PURE__*/ jsx(Component, {
113
+ t16 = /* @__PURE__ */ jsx(Component, {
114
114
  ref: forwardedRef,
115
115
  ...rest,
116
116
  "data-component": "Stack",
@@ -188,7 +188,7 @@ const StackItem = /*#__PURE__*/ forwardRef((t0, forwardedRef) => {
188
188
  } else t4 = $[12];
189
189
  let t5;
190
190
  if ($[13] !== Component || $[14] !== children || $[15] !== forwardedRef || $[16] !== rest || $[17] !== t2 || $[18] !== t3 || $[19] !== t4) {
191
- t5 = /*#__PURE__*/ jsx(Component, {
191
+ t5 = /* @__PURE__ */ jsx(Component, {
192
192
  ref: forwardedRef,
193
193
  ...rest,
194
194
  "data-component": "StackItem",
@@ -79,7 +79,7 @@ const StateLabel = /*#__PURE__*/ forwardRef((t0, ref) => {
79
79
  } else t1 = $[8];
80
80
  let t2;
81
81
  if ($[9] !== inferredSize || $[10] !== noIconStatus || $[11] !== status) {
82
- t2 = !noIconStatus && /*#__PURE__*/ jsx(Octicon, {
82
+ t2 = !noIconStatus && /* @__PURE__ */ jsx(Octicon, {
83
83
  "data-size-small": inferredSize === "small" ? "" : void 0,
84
84
  icon: octiconMap[status],
85
85
  "aria-label": labelMap[status],
@@ -92,7 +92,7 @@ const StateLabel = /*#__PURE__*/ forwardRef((t0, ref) => {
92
92
  } else t2 = $[12];
93
93
  let t3;
94
94
  if ($[13] !== children || $[14] !== inferredSize || $[15] !== ref || $[16] !== rest || $[17] !== status || $[18] !== t1 || $[19] !== t2) {
95
- t3 = /*#__PURE__*/ jsxs("span", {
95
+ t3 = /* @__PURE__ */ jsxs("span", {
96
96
  ...rest,
97
97
  ref,
98
98
  className: t1,
@@ -39,7 +39,7 @@ const SubNav = /*#__PURE__*/ React.forwardRef(function SubNav(t0, forwardRef) {
39
39
  } else t2 = $[8];
40
40
  let t3;
41
41
  if ($[9] !== children) {
42
- t3 = /*#__PURE__*/ jsx("div", {
42
+ t3 = /* @__PURE__ */ jsx("div", {
43
43
  className: t2,
44
44
  children
45
45
  });
@@ -48,7 +48,7 @@ const SubNav = /*#__PURE__*/ React.forwardRef(function SubNav(t0, forwardRef) {
48
48
  } else t3 = $[10];
49
49
  let t4;
50
50
  if ($[11] !== actions) {
51
- t4 = actions && /*#__PURE__*/ jsx("div", {
51
+ t4 = actions && /* @__PURE__ */ jsx("div", {
52
52
  className: clsx("SubNav-actions", SubNav_module_css_default.Actions),
53
53
  children: actions
54
54
  });
@@ -57,7 +57,7 @@ const SubNav = /*#__PURE__*/ React.forwardRef(function SubNav(t0, forwardRef) {
57
57
  } else t4 = $[12];
58
58
  let t5;
59
59
  if ($[13] !== forwardRef || $[14] !== label || $[15] !== rest || $[16] !== t1 || $[17] !== t3 || $[18] !== t4) {
60
- t5 = /*#__PURE__*/ jsxs("nav", {
60
+ t5 = /* @__PURE__ */ jsxs("nav", {
61
61
  ref: forwardRef,
62
62
  className: t1,
63
63
  "aria-label": label,
@@ -100,7 +100,7 @@ const SubNavLinks = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
100
100
  } else t1 = $[5];
101
101
  let t2;
102
102
  if ($[6] !== children || $[7] !== forwardRef || $[8] !== rest || $[9] !== t1) {
103
- t2 = /*#__PURE__*/ jsx("div", {
103
+ t2 = /* @__PURE__ */ jsx("div", {
104
104
  ref: forwardRef,
105
105
  className: t1,
106
106
  ...rest,
@@ -140,7 +140,7 @@ const SubNavLink = /*#__PURE__*/ React.forwardRef((t0, forwardRef) => {
140
140
  } else t1 = $[5];
141
141
  let t2;
142
142
  if ($[6] !== children || $[7] !== forwardRef || $[8] !== rest || $[9] !== t1) {
143
- t2 = /*#__PURE__*/ jsx("a", {
143
+ t2 = /* @__PURE__ */ jsx("a", {
144
144
  ref: forwardRef,
145
145
  className: t1,
146
146
  "data-selected": rest.selected,
@@ -8,9 +8,6 @@ import { clsx } from "clsx";
8
8
  /**
9
9
  * @deprecated
10
10
  */
11
- /**
12
- * @deprecated
13
- */
14
11
  function TabNav(t0) {
15
12
  const $ = c(20);
16
13
  let ariaLabel;
@@ -78,7 +75,7 @@ function TabNav(t0) {
78
75
  const t7 = navRef;
79
76
  let t8;
80
77
  if ($[11] !== children) {
81
- t8 = /*#__PURE__*/ jsx("div", {
78
+ t8 = /* @__PURE__ */ jsx("div", {
82
79
  role: "tablist",
83
80
  className: TabNav_module_css_default.TabNavTabList,
84
81
  children
@@ -88,7 +85,7 @@ function TabNav(t0) {
88
85
  } else t8 = $[12];
89
86
  let t9;
90
87
  if ($[13] !== ariaLabel || $[14] !== t8) {
91
- t9 = /*#__PURE__*/ jsx("nav", {
88
+ t9 = /* @__PURE__ */ jsx("nav", {
92
89
  "aria-label": ariaLabel,
93
90
  className: TabNav_module_css_default.TabNavNav,
94
91
  children: t8
@@ -99,7 +96,7 @@ function TabNav(t0) {
99
96
  } else t9 = $[15];
100
97
  let t10;
101
98
  if ($[16] !== rest || $[17] !== t7 || $[18] !== t9) {
102
- t10 = /*#__PURE__*/ jsx("div", {
99
+ t10 = /* @__PURE__ */ jsx("div", {
103
100
  ...rest,
104
101
  ref: t7,
105
102
  "data-component": "TabNav",
@@ -112,9 +109,6 @@ function TabNav(t0) {
112
109
  } else t10 = $[19];
113
110
  return t10;
114
111
  }
115
- /**
116
- * @deprecated
117
- */
118
112
  function _temp(element) {
119
113
  return element.getAttribute("role") === "tab";
120
114
  }
@@ -154,7 +148,7 @@ const TabNavLink = /*#__PURE__*/ React.forwardRef(function TabNavLink(t0, ref) {
154
148
  } else t5 = $[8];
155
149
  let t6;
156
150
  if ($[9] !== Component || $[10] !== ref || $[11] !== rest || $[12] !== t2 || $[13] !== t5) {
157
- t6 = /*#__PURE__*/ jsx(Component, {
151
+ t6 = /* @__PURE__ */ jsx(Component, {
158
152
  ref,
159
153
  role: "tab",
160
154
  tabIndex: -1,
package/dist/Text/Text.js CHANGED
@@ -38,7 +38,7 @@ function Text(props, ref) {
38
38
  } else t1 = $[8];
39
39
  let t2;
40
40
  if ($[9] !== Component || $[10] !== ref || $[11] !== rest || $[12] !== size || $[13] !== t1 || $[14] !== weight || $[15] !== whiteSpace) {
41
- t2 = /*#__PURE__*/ jsx(Component, {
41
+ t2 = /* @__PURE__ */ jsx(Component, {
42
42
  className: t1,
43
43
  "data-component": "Text",
44
44
  "data-size": size,
@@ -64,7 +64,7 @@ const TextInput = /*#__PURE__*/ React.forwardRef(({ icon: IconComponent, leading
64
64
  const characterCountId = useId();
65
65
  const characterCountStaticMessageId = useId();
66
66
  const isValid = isOverLimit ? "error" : validationStatus;
67
- return /*#__PURE__*/ jsxs(Fragment$1, { children: [/*#__PURE__*/ jsxs(TextInputWrapper, {
67
+ return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(TextInputWrapper, {
68
68
  block,
69
69
  className: wrapperClasses,
70
70
  validationStatus: isValid,
@@ -83,18 +83,18 @@ const TextInput = /*#__PURE__*/ React.forwardRef(({ icon: IconComponent, leading
83
83
  onClick: focusInput,
84
84
  "aria-busy": Boolean(loading),
85
85
  children: [
86
- IconComponent && /*#__PURE__*/ jsx(IconComponent, {
86
+ IconComponent && /* @__PURE__ */ jsx(IconComponent, {
87
87
  className: "TextInput-icon",
88
88
  "data-component": "TextInput.Icon"
89
89
  }),
90
- /*#__PURE__*/ jsx(TextInputInnerVisualSlot, {
90
+ /* @__PURE__ */ jsx(TextInputInnerVisualSlot, {
91
91
  visualPosition: "leading",
92
92
  showLoadingIndicator: showLeadingLoadingIndicator,
93
93
  hasLoadingIndicator: typeof loading === "boolean",
94
94
  id: leadingVisualId,
95
- children: typeof LeadingVisual !== "string" && isValidElementType(LeadingVisual) ? /*#__PURE__*/ jsx(LeadingVisual, {}) : LeadingVisual
95
+ children: typeof LeadingVisual !== "string" && isValidElementType(LeadingVisual) ? /* @__PURE__ */ jsx(LeadingVisual, {}) : LeadingVisual
96
96
  }),
97
- /*#__PURE__*/ jsx(UnstyledTextInput, {
97
+ /* @__PURE__ */ jsx(UnstyledTextInput, {
98
98
  ref: appliedRef,
99
99
  disabled,
100
100
  onFocus: handleInputFocus,
@@ -109,28 +109,28 @@ const TextInput = /*#__PURE__*/ React.forwardRef(({ icon: IconComponent, leading
109
109
  "aria-describedby": characterLimit ? [characterCountStaticMessageId, inputDescribedBy].filter(Boolean).join(" ") || void 0 : inputDescribedBy,
110
110
  "data-component": dataComponent !== null && dataComponent !== void 0 ? dataComponent : "input"
111
111
  }),
112
- loading && /*#__PURE__*/ jsx(VisuallyHidden, {
112
+ loading && /* @__PURE__ */ jsx(VisuallyHidden, {
113
113
  id: loadingId,
114
114
  children: loaderText
115
115
  }),
116
- /*#__PURE__*/ jsx(TextInputInnerVisualSlot, {
116
+ /* @__PURE__ */ jsx(TextInputInnerVisualSlot, {
117
117
  visualPosition: "trailing",
118
118
  showLoadingIndicator: showTrailingLoadingIndicator,
119
119
  hasLoadingIndicator: typeof loading === "boolean",
120
120
  id: trailingVisualId,
121
121
  "data-testid": "text-input-trailing-visual",
122
- children: typeof TrailingVisual !== "string" && isValidElementType(TrailingVisual) ? /*#__PURE__*/ jsx(TrailingVisual, {}) : TrailingVisual
122
+ children: typeof TrailingVisual !== "string" && isValidElementType(TrailingVisual) ? /* @__PURE__ */ jsx(TrailingVisual, {}) : TrailingVisual
123
123
  }),
124
124
  trailingAction
125
125
  ]
126
- }), characterLimit && /*#__PURE__*/ jsxs(Fragment$1, { children: [
127
- /*#__PURE__*/ jsx(AriaStatus, {
126
+ }), characterLimit && /* @__PURE__ */ jsxs(Fragment$1, { children: [
127
+ /* @__PURE__ */ jsx(AriaStatus, {
128
128
  announceOnShow: false,
129
129
  delayMs: 500,
130
130
  className: _VisuallyHidden_module_css_default.InternalVisuallyHidden,
131
131
  children: counter === null || counter === void 0 ? void 0 : counter.message
132
132
  }),
133
- /*#__PURE__*/ jsxs(VisuallyHidden, {
133
+ /* @__PURE__ */ jsxs(VisuallyHidden, {
134
134
  id: characterCountStaticMessageId,
135
135
  children: [
136
136
  "You can enter up to ",
@@ -139,13 +139,13 @@ const TextInput = /*#__PURE__*/ React.forwardRef(({ icon: IconComponent, leading
139
139
  characterLimit === 1 ? "character" : "characters"
140
140
  ]
141
141
  }),
142
- /*#__PURE__*/ jsxs(Text_default, {
142
+ /* @__PURE__ */ jsxs(Text_default, {
143
143
  "aria-hidden": "true",
144
144
  id: characterCountId,
145
145
  size: "small",
146
146
  className: clsx(TextInput_module_css_default.CharacterCounter, isOverLimit && TextInput_module_css_default["CharacterCounter--error"]),
147
147
  "data-component": "TextInput.CharacterCounter",
148
- children: [isOverLimit && /*#__PURE__*/ jsx(AlertFillIcon, { size: 16 }), counter === null || counter === void 0 ? void 0 : counter.message]
148
+ children: [isOverLimit && /* @__PURE__ */ jsx(AlertFillIcon, { size: 16 }), counter === null || counter === void 0 ? void 0 : counter.message]
149
149
  })
150
150
  ] })] });
151
151
  });