@primer/react 38.0.0-rc.1 → 38.0.0-rc.2

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 (200) hide show
  1. package/CHANGELOG.md +46 -0
  2. package/dist/browser.esm.js +3 -3
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +3 -3
  5. package/dist/browser.umd.js.map +1 -1
  6. package/dist/components.css +660 -23
  7. package/generated/components.json +58 -121
  8. package/lib/AvatarStack/AvatarStack.d.ts +2 -3
  9. package/lib/AvatarStack/AvatarStack.d.ts.map +1 -1
  10. package/lib/AvatarStack/AvatarStack.js +1 -3
  11. package/lib/Banner/Banner.d.ts.map +1 -1
  12. package/lib/Banner/Banner.js +3 -1
  13. package/lib/Blankslate/Blankslate.js +38 -40
  14. package/lib/BranchName/BranchName.d.ts +6 -3
  15. package/lib/BranchName/BranchName.d.ts.map +1 -1
  16. package/lib/BranchName/BranchName.js +1 -3
  17. package/lib/Button/ButtonBase.js +2 -2
  18. package/lib/Checkbox/Checkbox.js +187 -56
  19. package/lib/CircleBadge/CircleBadge.d.ts +4 -0
  20. package/lib/CircleBadge/CircleBadge.d.ts.map +1 -1
  21. package/lib/CircleBadge/CircleBadge.js +4 -0
  22. package/lib/DataTable/useTable.js +63 -82
  23. package/lib/Details/Details.d.ts +2 -3
  24. package/lib/Details/Details.d.ts.map +1 -1
  25. package/lib/Details/Details.js +1 -3
  26. package/lib/FeatureFlags/FeatureFlags.js +10 -12
  27. package/lib/FilteredActionList/useAnnouncements.js +31 -40
  28. package/lib/LabelGroup/LabelGroup.d.ts +1 -2
  29. package/lib/LabelGroup/LabelGroup.d.ts.map +1 -1
  30. package/lib/LabelGroup/LabelGroup.js +13 -16
  31. package/lib/NavList/NavList.js +219 -53
  32. package/lib/PageLayout/PageLayout.js +53 -55
  33. package/lib/PointerBox/PointerBox.d.ts +8 -0
  34. package/lib/PointerBox/PointerBox.d.ts.map +1 -1
  35. package/lib/PointerBox/PointerBox.js +4 -0
  36. package/{lib-esm/ProgressBar/ProgressBar-a0957632.css → lib/ProgressBar/ProgressBar-36f689cb.css} +2 -2
  37. package/lib/ProgressBar/ProgressBar-36f689cb.css.map +1 -0
  38. package/lib/ProgressBar/ProgressBar.d.ts +3 -4
  39. package/lib/ProgressBar/ProgressBar.d.ts.map +1 -1
  40. package/lib/ProgressBar/ProgressBar.module.css.js +1 -1
  41. package/lib/ProgressBar/index.d.ts +2 -2
  42. package/lib/ProgressBar/index.d.ts.map +1 -1
  43. package/lib/Select/Select.d.ts +1 -1
  44. package/lib/Select/Select.d.ts.map +1 -1
  45. package/lib/Select/Select.js +53 -65
  46. package/lib/SelectPanel/{SelectPanel-06900070.css → SelectPanel-e11ce210.css} +2 -2
  47. package/lib/SelectPanel/SelectPanel-e11ce210.css.map +1 -0
  48. package/lib/SelectPanel/SelectPanel.d.ts +1 -1
  49. package/lib/SelectPanel/SelectPanel.d.ts.map +1 -1
  50. package/lib/SelectPanel/SelectPanel.js +2 -9
  51. package/lib/SelectPanel/SelectPanel.module.css.js +2 -2
  52. package/lib/SideNav.d.ts +2 -3
  53. package/lib/SideNav.d.ts.map +1 -1
  54. package/lib/SideNav.js +4 -10
  55. package/lib/StateLabel/StateLabel-50420ff5.css +2 -0
  56. package/lib/StateLabel/StateLabel-50420ff5.css.map +1 -0
  57. package/lib/StateLabel/StateLabel.d.ts +6 -5
  58. package/lib/StateLabel/StateLabel.d.ts.map +1 -1
  59. package/lib/StateLabel/StateLabel.js +54 -126
  60. package/lib/StateLabel/StateLabel.module.css.js +2 -2
  61. package/lib/TextInputWithTokens/TextInputWithTokens.d.ts +6 -0
  62. package/lib/TextInputWithTokens/TextInputWithTokens.d.ts.map +1 -1
  63. package/lib/TextInputWithTokens/TextInputWithTokens.js +343 -331
  64. package/lib/ToggleSwitch/ToggleSwitch-4b23d166.css +2 -0
  65. package/lib/ToggleSwitch/ToggleSwitch-4b23d166.css.map +1 -0
  66. package/lib/ToggleSwitch/ToggleSwitch.d.ts +1 -3
  67. package/lib/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
  68. package/lib/ToggleSwitch/ToggleSwitch.js +120 -152
  69. package/lib/ToggleSwitch/ToggleSwitch.module.css.js +2 -2
  70. package/lib/Token/IssueLabelToken-0dbbbcdf.css +2 -0
  71. package/lib/Token/IssueLabelToken-0dbbbcdf.css.map +1 -0
  72. package/lib/Token/IssueLabelToken.d.ts.map +1 -1
  73. package/lib/Token/IssueLabelToken.js +7 -65
  74. package/lib/Token/IssueLabelToken.module.css.js +1 -1
  75. package/lib/Token/TokenBase.js +73 -82
  76. package/lib/Token/_RemoveTokenButton.js +106 -26
  77. package/lib/Tooltip/Tooltip.js +15 -17
  78. package/lib/TreeView/TreeView.js +18 -20
  79. package/lib/deprecated/ActionList/List.d.ts.map +1 -1
  80. package/lib/deprecated/ActionList/List.js +115 -138
  81. package/lib/deprecated/ActionMenu.js +19 -21
  82. package/lib/deprecated/index.d.ts +2 -0
  83. package/lib/deprecated/index.d.ts.map +1 -1
  84. package/lib/deprecated/index.js +2 -0
  85. package/lib/hooks/useMenuKeyboardNavigation.js +23 -43
  86. package/lib/hooks/useMnemonics.js +37 -76
  87. package/lib/hooks/useOpenAndCloseFocus.js +7 -14
  88. package/lib/hooks/useOverflow.js +7 -11
  89. package/lib/hooks/useScrollFlash.js +25 -14
  90. package/lib/index.d.ts +4 -3
  91. package/lib/index.d.ts.map +1 -1
  92. package/lib/index.js +10 -10
  93. package/lib/internal/components/BoxWithFallback.js +40 -35
  94. package/lib/internal/components/Caret-e686f04c.css +2 -0
  95. package/lib/internal/components/Caret-e686f04c.css.map +1 -0
  96. package/lib/internal/components/Caret.d.ts +1 -3
  97. package/lib/internal/components/Caret.d.ts.map +1 -1
  98. package/lib/internal/components/Caret.js +14 -48
  99. package/lib/internal/components/Caret.module.css.js +7 -0
  100. package/lib/internal/components/LiveRegion.js +8 -10
  101. package/lib/internal/utils/getGlobalFocusStyles.js +1 -1
  102. package/lib-esm/AvatarStack/AvatarStack.d.ts +2 -3
  103. package/lib-esm/AvatarStack/AvatarStack.js +1 -3
  104. package/lib-esm/Banner/Banner.js +3 -1
  105. package/lib-esm/Blankslate/Blankslate.js +38 -40
  106. package/lib-esm/BranchName/BranchName.d.ts +6 -3
  107. package/lib-esm/BranchName/BranchName.js +1 -3
  108. package/lib-esm/Button/ButtonBase.js +2 -2
  109. package/lib-esm/Checkbox/Checkbox.js +187 -56
  110. package/lib-esm/CircleBadge/CircleBadge.d.ts +4 -0
  111. package/lib-esm/CircleBadge/CircleBadge.js +4 -0
  112. package/lib-esm/DataTable/useTable.js +64 -83
  113. package/lib-esm/Details/Details.d.ts +2 -3
  114. package/lib-esm/Details/Details.js +1 -3
  115. package/lib-esm/FeatureFlags/FeatureFlags.js +10 -12
  116. package/lib-esm/FilteredActionList/useAnnouncements.js +31 -40
  117. package/lib-esm/LabelGroup/LabelGroup.d.ts +1 -2
  118. package/lib-esm/LabelGroup/LabelGroup.js +13 -16
  119. package/lib-esm/NavList/NavList.js +219 -53
  120. package/lib-esm/PageLayout/PageLayout.js +53 -55
  121. package/lib-esm/PointerBox/PointerBox.d.ts +8 -0
  122. package/lib-esm/PointerBox/PointerBox.js +4 -0
  123. package/{lib/ProgressBar/ProgressBar-a0957632.css → lib-esm/ProgressBar/ProgressBar-36f689cb.css} +2 -2
  124. package/lib-esm/ProgressBar/ProgressBar-36f689cb.css.map +1 -0
  125. package/lib-esm/ProgressBar/ProgressBar.d.ts +3 -4
  126. package/lib-esm/ProgressBar/ProgressBar.module.css.js +1 -1
  127. package/lib-esm/ProgressBar/index.d.ts +2 -2
  128. package/lib-esm/Select/Select.d.ts +1 -1
  129. package/lib-esm/Select/Select.js +53 -65
  130. package/lib-esm/SelectPanel/{SelectPanel-06900070.css → SelectPanel-e11ce210.css} +2 -2
  131. package/lib-esm/SelectPanel/SelectPanel-e11ce210.css.map +1 -0
  132. package/lib-esm/SelectPanel/SelectPanel.d.ts +1 -1
  133. package/lib-esm/SelectPanel/SelectPanel.js +2 -9
  134. package/lib-esm/SelectPanel/SelectPanel.module.css.js +2 -2
  135. package/lib-esm/SideNav.d.ts +2 -3
  136. package/lib-esm/SideNav.js +4 -10
  137. package/lib-esm/StateLabel/StateLabel-50420ff5.css +2 -0
  138. package/lib-esm/StateLabel/StateLabel-50420ff5.css.map +1 -0
  139. package/lib-esm/StateLabel/StateLabel.d.ts +6 -5
  140. package/lib-esm/StateLabel/StateLabel.js +55 -123
  141. package/lib-esm/StateLabel/StateLabel.module.css.js +2 -2
  142. package/lib-esm/TextInputWithTokens/TextInputWithTokens.d.ts +6 -0
  143. package/lib-esm/TextInputWithTokens/TextInputWithTokens.js +343 -331
  144. package/lib-esm/ToggleSwitch/ToggleSwitch-4b23d166.css +2 -0
  145. package/lib-esm/ToggleSwitch/ToggleSwitch-4b23d166.css.map +1 -0
  146. package/lib-esm/ToggleSwitch/ToggleSwitch.d.ts +1 -3
  147. package/lib-esm/ToggleSwitch/ToggleSwitch.js +120 -151
  148. package/lib-esm/ToggleSwitch/ToggleSwitch.module.css.js +2 -2
  149. package/lib-esm/Token/IssueLabelToken-0dbbbcdf.css +2 -0
  150. package/lib-esm/Token/IssueLabelToken-0dbbbcdf.css.map +1 -0
  151. package/lib-esm/Token/IssueLabelToken.js +7 -65
  152. package/lib-esm/Token/IssueLabelToken.module.css.js +1 -1
  153. package/lib-esm/Token/TokenBase.js +73 -82
  154. package/lib-esm/Token/_RemoveTokenButton.js +106 -26
  155. package/lib-esm/Tooltip/Tooltip.js +15 -17
  156. package/lib-esm/TreeView/TreeView.js +18 -20
  157. package/lib-esm/deprecated/ActionList/List.js +116 -138
  158. package/lib-esm/deprecated/ActionMenu.js +19 -21
  159. package/lib-esm/deprecated/index.d.ts +2 -0
  160. package/lib-esm/deprecated/index.js +1 -0
  161. package/lib-esm/hooks/useMenuKeyboardNavigation.js +23 -43
  162. package/lib-esm/hooks/useMnemonics.js +37 -76
  163. package/lib-esm/hooks/useOpenAndCloseFocus.js +7 -14
  164. package/lib-esm/hooks/useOverflow.js +7 -11
  165. package/lib-esm/hooks/useScrollFlash.js +25 -14
  166. package/lib-esm/index.d.ts +4 -3
  167. package/lib-esm/index.js +1 -1
  168. package/lib-esm/internal/components/BoxWithFallback.js +40 -35
  169. package/lib-esm/internal/components/Caret-e686f04c.css +2 -0
  170. package/lib-esm/internal/components/Caret-e686f04c.css.map +1 -0
  171. package/lib-esm/internal/components/Caret.d.ts +1 -3
  172. package/lib-esm/internal/components/Caret.js +14 -44
  173. package/lib-esm/internal/components/Caret.module.css.js +5 -0
  174. package/lib-esm/internal/components/LiveRegion.js +8 -10
  175. package/lib-esm/internal/utils/getGlobalFocusStyles.js +1 -1
  176. package/package.json +10 -10
  177. package/lib/CircleOcticon/CircleOcticon.d.ts +0 -16
  178. package/lib/CircleOcticon/CircleOcticon.d.ts.map +0 -1
  179. package/lib/CircleOcticon/CircleOcticon.js +0 -99
  180. package/lib/CircleOcticon/index.d.ts +0 -3
  181. package/lib/CircleOcticon/index.d.ts.map +0 -1
  182. package/lib/ProgressBar/ProgressBar-a0957632.css.map +0 -1
  183. package/lib/SelectPanel/SelectPanel-06900070.css.map +0 -1
  184. package/lib/StateLabel/StateLabel-cd27f475.css +0 -2
  185. package/lib/StateLabel/StateLabel-cd27f475.css.map +0 -1
  186. package/lib/ToggleSwitch/ToggleSwitch-65936b4b.css +0 -4
  187. package/lib/ToggleSwitch/ToggleSwitch-65936b4b.css.map +0 -1
  188. package/lib/Token/IssueLabelToken-99c9b914.css +0 -2
  189. package/lib/Token/IssueLabelToken-99c9b914.css.map +0 -1
  190. package/lib-esm/CircleOcticon/CircleOcticon.d.ts +0 -16
  191. package/lib-esm/CircleOcticon/CircleOcticon.js +0 -97
  192. package/lib-esm/CircleOcticon/index.d.ts +0 -3
  193. package/lib-esm/ProgressBar/ProgressBar-a0957632.css.map +0 -1
  194. package/lib-esm/SelectPanel/SelectPanel-06900070.css.map +0 -1
  195. package/lib-esm/StateLabel/StateLabel-cd27f475.css +0 -2
  196. package/lib-esm/StateLabel/StateLabel-cd27f475.css.map +0 -1
  197. package/lib-esm/ToggleSwitch/ToggleSwitch-65936b4b.css +0 -4
  198. package/lib-esm/ToggleSwitch/ToggleSwitch-65936b4b.css.map +0 -1
  199. package/lib-esm/Token/IssueLabelToken-99c9b914.css +0 -2
  200. package/lib-esm/Token/IssueLabelToken-99c9b914.css.map +0 -1
@@ -1,6 +1,5 @@
1
1
  'use strict';
2
2
 
3
- var reactCompilerRuntime = require('react-compiler-runtime');
4
3
  var React = require('react');
5
4
  var utils = require('@primer/behaviors/utils');
6
5
  var useProvidedRefOrCreate = require('./useProvidedRefOrCreate.js');
@@ -16,103 +15,65 @@ var React__default = /*#__PURE__*/_interopDefault(React);
16
15
  */
17
16
 
18
17
  const useMnemonics = (open, providedRef) => {
19
- const $ = reactCompilerRuntime.c(9);
20
18
  const containerRef = useProvidedRefOrCreate.useProvidedRefOrCreate(providedRef);
21
- let t0;
22
- let t1;
23
- if ($[0] !== containerRef || $[1] !== open) {
24
- t0 = function addAriaKeyshortcuts() {
25
- if (!open || !containerRef.current) {
26
- return;
27
- }
28
- const container = containerRef.current;
29
- const focusableItems = [...utils.iterateFocusableElements(container)];
30
- focusableItems.map(_temp);
31
- };
32
- t1 = [open, containerRef];
33
- $[0] = containerRef;
34
- $[1] = open;
35
- $[2] = t0;
36
- $[3] = t1;
37
- } else {
38
- t0 = $[2];
39
- t1 = $[3];
40
- }
41
- React__default.default.useEffect(t0, t1);
42
- let t2;
43
- if ($[4] !== containerRef || $[5] !== open) {
44
- t2 = [open, containerRef];
45
- $[4] = containerRef;
46
- $[5] = open;
47
- $[6] = t2;
48
- } else {
49
- t2 = $[6];
50
- }
19
+ React__default.default.useEffect(function addAriaKeyshortcuts() {
20
+ if (!open || !containerRef.current) return;
21
+ const container = containerRef.current;
22
+ const focusableItems = [...utils.iterateFocusableElements(container)];
23
+ focusableItems.map(item => {
24
+ // if item already has aria-keyshortcuts defined by user, skip
25
+ if (item.getAttribute('aria-keyshortcuts')) return;
26
+ const firstLetter = item.textContent.toLowerCase()[0];
27
+ if (firstLetter) item.setAttribute('aria-keyshortcuts', firstLetter);
28
+ });
29
+ }, [open, containerRef]);
51
30
  React__default.default.useEffect(function handleKeyDown() {
52
- if (!open || !containerRef.current) {
53
- return;
54
- }
31
+ if (!open || !containerRef.current) return;
55
32
  const container_0 = containerRef.current;
56
33
  const handler = event => {
57
34
  var _elementToFocus;
35
+ // skip if a TextInput has focus
58
36
  const activeElement = document.activeElement;
59
- if (activeElement.tagName === "INPUT" || activeElement.tagName === "TEXTAREA") {
60
- return;
61
- }
37
+ if (activeElement.tagName === 'INPUT' || activeElement.tagName === 'TEXTAREA') return;
38
+
39
+ // skip if used with modifier to preserve shortcuts like ⌘ + F
62
40
  const hasModifier = event.ctrlKey || event.altKey || event.metaKey;
63
- if (hasModifier) {
64
- return;
65
- }
66
- if (!isAlphabetKey(event)) {
67
- return;
68
- }
41
+ if (hasModifier) return;
42
+
43
+ // skip if it's not a alphabet key
44
+ if (!isAlphabetKey(event)) return;
45
+
46
+ // if this is a typeahead event, don't propagate outside of menu
69
47
  event.stopPropagation();
70
48
  const query = event.key.toLowerCase();
71
49
  let elementToFocus;
72
50
  const focusableItems_0 = [...utils.iterateFocusableElements(container_0)];
73
51
  const itemsMatchingKey = focusableItems_0.filter(item_0 => {
74
52
  var _item_0$getAttribute;
75
- const keyshortcuts = (_item_0$getAttribute = item_0.getAttribute("aria-keyshortcuts")) === null || _item_0$getAttribute === void 0 ? void 0 : _item_0$getAttribute.split(" ").map(_temp2);
53
+ const keyshortcuts = (_item_0$getAttribute = item_0.getAttribute('aria-keyshortcuts')) === null || _item_0$getAttribute === void 0 ? void 0 : _item_0$getAttribute.split(' ').map(shortcut => shortcut.toLowerCase());
76
54
  return keyshortcuts && keyshortcuts.includes(query);
77
55
  });
78
56
  const currentActiveIndex = itemsMatchingKey.indexOf(activeElement);
57
+
58
+ // If the last element is already selected, cycle through the list
79
59
  if (currentActiveIndex === itemsMatchingKey.length - 1) {
80
60
  elementToFocus = itemsMatchingKey[0];
81
61
  } else {
82
- elementToFocus = itemsMatchingKey.find((item_1, index) => index > currentActiveIndex);
62
+ elementToFocus = itemsMatchingKey.find((item_1, index) => {
63
+ return index > currentActiveIndex;
64
+ });
83
65
  }
84
66
  (_elementToFocus = elementToFocus) === null || _elementToFocus === void 0 ? void 0 : _elementToFocus.focus();
85
67
  };
86
- container_0.addEventListener("keydown", handler);
87
- return () => container_0.removeEventListener("keydown", handler);
88
- }, t2);
89
- const isAlphabetKey = _temp3;
90
- let t3;
91
- if ($[7] !== containerRef) {
92
- t3 = {
93
- containerRef
94
- };
95
- $[7] = containerRef;
96
- $[8] = t3;
97
- } else {
98
- t3 = $[8];
99
- }
100
- return t3;
68
+ container_0.addEventListener('keydown', handler);
69
+ return () => container_0.removeEventListener('keydown', handler);
70
+ }, [open, containerRef]);
71
+ const isAlphabetKey = event_0 => {
72
+ return event_0.key.length === 1 && /[a-z\d]/i.test(event_0.key);
73
+ };
74
+ return {
75
+ containerRef
76
+ };
101
77
  };
102
- function _temp(item) {
103
- if (item.getAttribute("aria-keyshortcuts")) {
104
- return;
105
- }
106
- const firstLetter = item.textContent.toLowerCase()[0];
107
- if (firstLetter) {
108
- item.setAttribute("aria-keyshortcuts", firstLetter);
109
- }
110
- }
111
- function _temp2(shortcut) {
112
- return shortcut.toLowerCase();
113
- }
114
- function _temp3(event_0) {
115
- return event_0.key.length === 1 && /[a-z\d]/i.test(event_0.key);
116
- }
117
78
 
118
79
  exports.useMnemonics = useMnemonics;
@@ -5,7 +5,7 @@ var React = require('react');
5
5
  var utils = require('@primer/behaviors/utils');
6
6
 
7
7
  function useOpenAndCloseFocus(t0) {
8
- const $ = reactCompilerRuntime.c(10);
8
+ const $ = reactCompilerRuntime.c(6);
9
9
  const {
10
10
  initialFocusRef,
11
11
  returnFocusRef,
@@ -13,7 +13,8 @@ function useOpenAndCloseFocus(t0) {
13
13
  preventFocusOnOpen
14
14
  } = t0;
15
15
  let t1;
16
- if ($[0] !== containerRef || $[1] !== initialFocusRef || $[2] !== preventFocusOnOpen || $[3] !== returnFocusRef.current) {
16
+ let t2;
17
+ if ($[0] !== containerRef || $[1] !== initialFocusRef || $[2] !== preventFocusOnOpen || $[3] !== returnFocusRef) {
17
18
  t1 = () => {
18
19
  if (!preventFocusOnOpen) {
19
20
  if (initialFocusRef && initialFocusRef.current) {
@@ -30,24 +31,16 @@ function useOpenAndCloseFocus(t0) {
30
31
  returnFocusRefCurrent === null || returnFocusRefCurrent === void 0 ? void 0 : returnFocusRefCurrent.focus();
31
32
  };
32
33
  };
34
+ t2 = [initialFocusRef, returnFocusRef, containerRef, preventFocusOnOpen];
33
35
  $[0] = containerRef;
34
36
  $[1] = initialFocusRef;
35
37
  $[2] = preventFocusOnOpen;
36
- $[3] = returnFocusRef.current;
38
+ $[3] = returnFocusRef;
37
39
  $[4] = t1;
40
+ $[5] = t2;
38
41
  } else {
39
42
  t1 = $[4];
40
- }
41
- let t2;
42
- if ($[5] !== containerRef || $[6] !== initialFocusRef || $[7] !== preventFocusOnOpen || $[8] !== returnFocusRef) {
43
- t2 = [initialFocusRef, returnFocusRef, containerRef, preventFocusOnOpen];
44
- $[5] = containerRef;
45
- $[6] = initialFocusRef;
46
- $[7] = preventFocusOnOpen;
47
- $[8] = returnFocusRef;
48
- $[9] = t2;
49
- } else {
50
- t2 = $[9];
43
+ t2 = $[5];
51
44
  }
52
45
  React.useEffect(t1, t2);
53
46
  }
@@ -4,10 +4,11 @@ var reactCompilerRuntime = require('react-compiler-runtime');
4
4
  var React = require('react');
5
5
 
6
6
  function useOverflow(ref) {
7
- const $ = reactCompilerRuntime.c(4);
7
+ const $ = reactCompilerRuntime.c(3);
8
8
  const [hasOverflow, setHasOverflow] = React.useState(false);
9
9
  let t0;
10
- if ($[0] !== ref.current) {
10
+ let t1;
11
+ if ($[0] !== ref) {
11
12
  t0 = () => {
12
13
  if (ref.current === null) {
13
14
  return;
@@ -25,18 +26,13 @@ function useOverflow(ref) {
25
26
  observer.disconnect();
26
27
  };
27
28
  };
28
- $[0] = ref.current;
29
+ t1 = [ref];
30
+ $[0] = ref;
29
31
  $[1] = t0;
32
+ $[2] = t1;
30
33
  } else {
31
34
  t0 = $[1];
32
- }
33
- let t1;
34
- if ($[2] !== ref) {
35
- t1 = [ref];
36
- $[2] = ref;
37
- $[3] = t1;
38
- } else {
39
- t1 = $[3];
35
+ t1 = $[2];
40
36
  }
41
37
  React.useEffect(t0, t1);
42
38
  return hasOverflow;
@@ -1,5 +1,6 @@
1
1
  'use strict';
2
2
 
3
+ var reactCompilerRuntime = require('react-compiler-runtime');
3
4
  var React = require('react');
4
5
 
5
6
  /**
@@ -7,20 +8,30 @@ var React = require('react');
7
8
  * @param scrollContainerRef The ref of the scrollable content
8
9
  */
9
10
  function useScrollFlash(scrollContainerRef) {
10
- // https://adxlv.computer/projects/flash-scrollers/
11
- React.useEffect(() => {
12
- const scrollContainer = scrollContainerRef.current;
13
- if (!scrollContainer) {
14
- return;
15
- }
16
- const currentScroll = scrollContainer.scrollTop;
17
- const maxScroll = scrollContainer.scrollHeight;
18
- const altScroll = currentScroll < Math.min(1, maxScroll) ? currentScroll + 1 : currentScroll - 1;
19
-
20
- // eslint-disable-next-line react-compiler/react-compiler
21
- scrollContainer.scrollTop = altScroll;
22
- scrollContainer.scrollTop = currentScroll;
23
- }, [scrollContainerRef]);
11
+ const $ = reactCompilerRuntime.c(3);
12
+ let t0;
13
+ let t1;
14
+ if ($[0] !== scrollContainerRef) {
15
+ t0 = () => {
16
+ const scrollContainer = scrollContainerRef.current;
17
+ if (!scrollContainer) {
18
+ return;
19
+ }
20
+ const currentScroll = scrollContainer.scrollTop;
21
+ const maxScroll = scrollContainer.scrollHeight;
22
+ const altScroll = currentScroll < Math.min(1, maxScroll) ? currentScroll + 1 : currentScroll - 1;
23
+ scrollContainer.scrollTop = altScroll;
24
+ scrollContainer.scrollTop = currentScroll;
25
+ };
26
+ t1 = [scrollContainerRef];
27
+ $[0] = scrollContainerRef;
28
+ $[1] = t0;
29
+ $[2] = t1;
30
+ } else {
31
+ t0 = $[1];
32
+ t1 = $[2];
33
+ }
34
+ React.useEffect(t0, t1);
24
35
  }
25
36
 
26
37
  module.exports = useScrollFlash;
package/lib/index.d.ts CHANGED
@@ -43,6 +43,8 @@ export { default as Avatar } from './Avatar';
43
43
  export type { AvatarProps } from './Avatar';
44
44
  export { default as AvatarStack } from './AvatarStack';
45
45
  export type { AvatarStackProps } from './AvatarStack';
46
+ export { Banner } from './Banner';
47
+ export type { BannerProps } from './Banner';
46
48
  export { default as BranchName } from './BranchName';
47
49
  export type { BranchNameProps } from './BranchName';
48
50
  export { default as Breadcrumbs, Breadcrumb } from './Breadcrumbs';
@@ -50,8 +52,6 @@ export type { BreadcrumbsProps, BreadcrumbsItemProps, BreadcrumbProps, Breadcrum
50
52
  export { default as ButtonGroup } from './ButtonGroup';
51
53
  export type { ButtonGroupProps } from './ButtonGroup';
52
54
  export type { CircleBadgeProps, CircleBadgeIconProps } from './CircleBadge';
53
- export { default as CircleOcticon } from './CircleOcticon';
54
- export type { CircleOcticonProps } from './CircleOcticon';
55
55
  export { default as CheckboxGroup } from './CheckboxGroup';
56
56
  export { default as CircleBadge } from './CircleBadge';
57
57
  export { default as CounterLabel } from './CounterLabel';
@@ -89,7 +89,7 @@ export type { PopoverProps, PopoverContentProps } from './Popover';
89
89
  export { default as Portal, registerPortalRoot } from './Portal';
90
90
  export type { PortalProps } from './Portal';
91
91
  export { ProgressBar } from './ProgressBar';
92
- export type { ProgressBarProps } from './ProgressBar';
92
+ export type { ProgressBarProps, ProgressBarItemProps } from './ProgressBar';
93
93
  export { default as RadioGroup } from './RadioGroup';
94
94
  export type { RelativeTimeProps } from './RelativeTime';
95
95
  export { default as RelativeTime } from './RelativeTime';
@@ -107,6 +107,7 @@ export type { StateLabelProps } from './StateLabel';
107
107
  export { default as SubNav } from './SubNav';
108
108
  export type { SubNavProps, SubNavLinkProps, SubNavLinksProps } from './SubNav';
109
109
  export { default as ToggleSwitch } from './ToggleSwitch';
110
+ export type { ToggleSwitchProps } from './ToggleSwitch';
110
111
  export { default as TextInput } from './TextInput';
111
112
  export type { TextInputProps } from './TextInput';
112
113
  export { default as TextInputWithTokens } from './TextInputWithTokens';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/lib/index.js CHANGED
@@ -21,22 +21,22 @@ var useIsomorphicLayoutEffect = require('./utils/useIsomorphicLayoutEffect.js');
21
21
  var useProvidedRefOrCreate = require('./hooks/useProvidedRefOrCreate.js');
22
22
  var createComponent = require('./utils/create-component.js');
23
23
  var index = require('./ActionList/index.js');
24
+ var index$1 = require('./Banner/index.js');
24
25
  var Dialog = require('./Dialog/Dialog.js');
25
26
  var Label = require('./Label/Label.js');
26
27
  var Pagination = require('./Pagination/Pagination.js');
27
28
  var Portal = require('./Portal/Portal.js');
28
- var index$1 = require('./ProgressBar/index.js');
29
+ var index$2 = require('./ProgressBar/index.js');
29
30
  var SideNav = require('./SideNav.js');
30
- var index$2 = require('./UnderlineNav/index.js');
31
- var index$3 = require('./ActionBar/index.js');
32
- var index$4 = require('./Stack/index.js');
31
+ var index$3 = require('./UnderlineNav/index.js');
32
+ var index$4 = require('./ActionBar/index.js');
33
+ var index$5 = require('./Stack/index.js');
33
34
  var sx = require('./sx.js');
34
35
  var Box = require('./Box/Box.js');
35
36
  var Radio = require('./Radio/Radio.js');
36
37
  var Avatar = require('./Avatar/Avatar.js');
37
38
  var AvatarStack = require('./AvatarStack/AvatarStack.js');
38
39
  var ButtonGroup = require('./ButtonGroup/ButtonGroup.js');
39
- var CircleOcticon = require('./CircleOcticon/CircleOcticon.js');
40
40
  var CounterLabel = require('./CounterLabel/CounterLabel.js');
41
41
  var Details = require('./Details/Details.js');
42
42
  var Flash = require('./Flash/Flash.js');
@@ -117,23 +117,23 @@ exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
117
117
  exports.useProvidedRefOrCreate = useProvidedRefOrCreate.useProvidedRefOrCreate;
118
118
  exports.createComponent = createComponent.createComponent;
119
119
  exports.ActionList = index.ActionList;
120
+ exports.Banner = index$1.Banner;
120
121
  exports.Dialog = Dialog.Dialog;
121
122
  exports.Label = Label;
122
123
  exports.Pagination = Pagination;
123
124
  exports.Portal = Portal.Portal;
124
125
  exports.registerPortalRoot = Portal.registerPortalRoot;
125
- exports.ProgressBar = index$1.ProgressBar;
126
+ exports.ProgressBar = index$2.ProgressBar;
126
127
  exports.SideNav = SideNav;
127
- exports.UnderlineNav = index$2.UnderlineNav;
128
- exports.ActionBar = index$3.default;
129
- exports.Stack = index$4.Stack;
128
+ exports.UnderlineNav = index$3.UnderlineNav;
129
+ exports.ActionBar = index$4.default;
130
+ exports.Stack = index$5.Stack;
130
131
  exports.sx = sx.default;
131
132
  exports.Box = Box;
132
133
  exports.Radio = Radio;
133
134
  exports.Avatar = Avatar.default;
134
135
  exports.AvatarStack = AvatarStack;
135
136
  exports.ButtonGroup = ButtonGroup;
136
- exports.CircleOcticon = CircleOcticon;
137
137
  exports.CounterLabel = CounterLabel;
138
138
  exports.Details = Details.default;
139
139
  exports.Flash = Flash;
@@ -12,60 +12,65 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
12
12
  var React__default = /*#__PURE__*/_interopDefault(React);
13
13
 
14
14
  const BoxWithFallback = /*#__PURE__*/React__default.default.forwardRef(function BoxWithFallback(t0, ref) {
15
- const $ = reactCompilerRuntime.c(13);
15
+ const $ = reactCompilerRuntime.c(14);
16
+ let BaseComponent;
16
17
  let rest;
18
+ let sx;
17
19
  let t1;
18
- let t2;
19
20
  if ($[0] !== t0) {
20
- ({
21
- as: t1,
22
- sx: t2,
23
- ...rest
24
- } = t0);
21
+ const {
22
+ as: t2,
23
+ sx: t3,
24
+ ...t4
25
+ } = t0;
26
+ rest = t4;
27
+ BaseComponent = t2 === undefined ? "div" : t2;
28
+ sx = t3 === undefined ? defaultSxProp.defaultSxProp : t3;
29
+ t1 = sx !== defaultSxProp.defaultSxProp || includeSystemProps.includesSystemProps(rest);
25
30
  $[0] = t0;
26
- $[1] = rest;
27
- $[2] = t1;
28
- $[3] = t2;
31
+ $[1] = BaseComponent;
32
+ $[2] = rest;
33
+ $[3] = sx;
34
+ $[4] = t1;
29
35
  } else {
30
- rest = $[1];
31
- t1 = $[2];
32
- t2 = $[3];
36
+ BaseComponent = $[1];
37
+ rest = $[2];
38
+ sx = $[3];
39
+ t1 = $[4];
33
40
  }
34
- const BaseComponent = t1 === undefined ? "div" : t1;
35
- const sx = t2 === undefined ? defaultSxProp.defaultSxProp : t2;
36
- if (sx !== defaultSxProp.defaultSxProp || includeSystemProps.includesSystemProps(rest)) {
37
- let t3;
38
- if ($[4] !== BaseComponent || $[5] !== ref || $[6] !== rest || $[7] !== sx) {
39
- t3 = /*#__PURE__*/jsxRuntime.jsx(Box, {
41
+ if (t1) {
42
+ let t2;
43
+ if ($[5] !== BaseComponent || $[6] !== ref || $[7] !== rest || $[8] !== sx) {
44
+ t2 = /*#__PURE__*/jsxRuntime.jsx(Box, {
40
45
  ...rest,
41
46
  ref: ref,
42
47
  as: BaseComponent,
43
48
  sx: sx
44
49
  });
45
- $[4] = BaseComponent;
46
- $[5] = ref;
47
- $[6] = rest;
48
- $[7] = sx;
49
- $[8] = t3;
50
+ $[5] = BaseComponent;
51
+ $[6] = ref;
52
+ $[7] = rest;
53
+ $[8] = sx;
54
+ $[9] = t2;
50
55
  } else {
51
- t3 = $[8];
56
+ t2 = $[9];
52
57
  }
53
- return t3;
58
+ return t2;
54
59
  }
55
- let t3;
56
- if ($[9] !== BaseComponent || $[10] !== ref || $[11] !== rest) {
57
- t3 = /*#__PURE__*/jsxRuntime.jsx(BaseComponent, {
60
+ let t2;
61
+ if ($[10] !== BaseComponent || $[11] !== ref || $[12] !== rest) {
62
+ t2 = /*#__PURE__*/jsxRuntime.jsx(BaseComponent, {
58
63
  ...rest,
59
64
  ref: ref
60
65
  });
61
- $[9] = BaseComponent;
62
- $[10] = ref;
63
- $[11] = rest;
64
- $[12] = t3;
66
+ $[10] = BaseComponent;
67
+ $[11] = ref;
68
+ $[12] = rest;
69
+ $[13] = t2;
65
70
  } else {
66
- t3 = $[12];
71
+ t2 = $[13];
67
72
  }
68
- return t3;
73
+ return t2;
69
74
  });
70
75
 
71
76
  exports.BoxWithFallback = BoxWithFallback;
@@ -0,0 +1,2 @@
1
+ .prc-components-Caret-PNu-B{pointer-events:none;position:absolute}.prc-components-CaretTriangle-Iu0GY{fill:var(--caret-bg,var(--bgColor-default,var(--color-canvas-default)))}.prc-components-CaretBorder-o3vP2{fill:none;stroke:var(--caret-border-color,var(--borderColor-default,var(--color-border-default)));stroke-width:var(--caret-border-width,var(--borderWidth-thin,.0625rem))}
2
+ /*# sourceMappingURL=Caret-e686f04c.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/internal/components/Caret.module.css"],"names":[],"mappings":"AAAA,4BACE,mBAAoB,CACpB,iBACF,CAEA,oCAEE,uEACF,CAEA,kCACE,SAAU,CAEV,uFAA6D,CAC7D,uEACF","file":"Caret-e686f04c.css","sourcesContent":[".Caret {\n pointer-events: none;\n position: absolute;\n}\n\n.CaretTriangle {\n /* stylelint-disable-next-line primer/colors */\n fill: var(--caret-bg, var(--bgColor-default));\n}\n\n.CaretBorder {\n fill: none;\n /* stylelint-disable-next-line primer/colors */\n stroke: var(--caret-border-color, var(--borderColor-default));\n stroke-width: var(--caret-border-width, var(--borderWidth-thin));\n}\n"]}
@@ -1,5 +1,4 @@
1
- import React from 'react';
2
- import type { Theme } from '../../ThemeProvider';
1
+ import type React from 'react';
3
2
  type Location = 'top' | 'top-left' | 'top-right' | 'right' | 'right-top' | 'right-bottom' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'left-top' | 'left-bottom';
4
3
  export type CaretProps = {
5
4
  bg?: string;
@@ -7,7 +6,6 @@ export type CaretProps = {
7
6
  borderWidth?: string | number;
8
7
  size?: number;
9
8
  location?: Location;
10
- theme?: Theme;
11
9
  };
12
10
  declare function Caret(props: CaretProps): React.JSX.Element;
13
11
  declare namespace Caret {
@@ -1 +1 @@
1
- {"version":3,"file":"Caret.d.ts","sourceRoot":"","sources":["../../../src/internal/components/Caret.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,qBAAqB,CAAA;AAE9C,KAAK,QAAQ,GACT,KAAK,GACL,UAAU,GACV,WAAW,GACX,OAAO,GACP,WAAW,GACX,cAAc,GACd,QAAQ,GACR,aAAa,GACb,cAAc,GACd,MAAM,GACN,UAAU,GACV,aAAa,CAAA;AAoCjB,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAED,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,qBAuD/B;kBAvDQ,KAAK;;;AAwEd,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"Caret.d.ts","sourceRoot":"","sources":["../../../src/internal/components/Caret.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,QAAQ,GACT,KAAK,GACL,UAAU,GACV,WAAW,GACX,OAAO,GACP,WAAW,GACX,cAAc,GACd,QAAQ,GACR,aAAa,GACb,cAAc,GACd,MAAM,GACN,UAAU,GACV,aAAa,CAAA;AAgCjB,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,CAAA;AAED,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,qBAgD/B;kBAhDQ,KAAK;;;AAiEd,eAAe,KAAK,CAAA"}
@@ -1,14 +1,8 @@
1
1
  'use strict';
2
2
 
3
- var React = require('react');
4
- var styled = require('styled-components');
5
- var styledSystem = require('styled-system');
3
+ var Caret_module = require('./Caret.module.css.js');
6
4
  var jsxRuntime = require('react/jsx-runtime');
7
5
 
8
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
9
-
10
- var React__default = /*#__PURE__*/_interopDefault(React);
11
-
12
6
  const oppositeEdge = {
13
7
  top: 'Bottom',
14
8
  right: 'Left',
@@ -33,39 +27,11 @@ function getPosition(edge, align, spacing) {
33
27
  [align || perp]: align ? spacing : '50%'
34
28
  };
35
29
  }
36
- const getBg = styledSystem.style({
37
- prop: 'bg',
38
- key: 'colors'
39
- });
40
- const getBorderColor = styledSystem.style({
41
- prop: 'borderColor',
42
- key: 'colors'
43
- });
44
- const getBorderWidth = styledSystem.style({
45
- prop: 'borderWidth',
46
- key: 'borderWidths',
47
- scale: [0, 1]
48
- });
49
30
  function Caret(props) {
50
- var _props$theme;
51
- const theme = React__default.default.useContext(styled.ThemeContext);
52
- const propsWithTheme = {
53
- ...props,
54
- bg: props.bg || 'canvas.default',
55
- borderColor: props.borderColor || 'border.default',
56
- borderWidth: props.borderWidth || 1,
57
- theme: (_props$theme = props.theme) !== null && _props$theme !== void 0 ? _props$theme : theme
58
- };
59
- const {
60
- bg
61
- } = getBg(propsWithTheme);
62
- const {
63
- borderColor
64
- } = getBorderColor(propsWithTheme);
65
- const {
66
- borderWidth
67
- } = getBorderWidth(propsWithTheme);
68
31
  const {
32
+ bg,
33
+ borderColor,
34
+ borderWidth,
69
35
  size = 8,
70
36
  location = 'bottom'
71
37
  } = props;
@@ -89,30 +55,30 @@ function Caret(props) {
89
55
  left: `translate(${[size * 2, size]}) rotate(90)`
90
56
  }[edge];
91
57
  return /*#__PURE__*/jsxRuntime.jsx("svg", {
58
+ className: Caret_module.Caret,
92
59
  width: size * 2,
93
60
  height: size * 2,
94
61
  style: {
95
- pointerEvents: 'none',
96
- position: 'absolute',
97
62
  ...getPosition(edge, align, size),
98
63
  // if align is set (top|right|bottom|left),
99
64
  // then we don't need an offset margin
100
- [`margin${perp}`]: align ? null : -size
65
+ [`margin${perp}`]: align ? null : -size,
66
+ ...{
67
+ '--caret-bg': bg,
68
+ '--caret-border-color': borderColor,
69
+ '--caret-border-width': borderWidth
70
+ }
101
71
  },
102
72
  role: "presentation",
103
73
  children: /*#__PURE__*/jsxRuntime.jsxs("g", {
74
+ className: Caret_module.CaretGroup,
104
75
  transform: transform,
105
76
  children: [/*#__PURE__*/jsxRuntime.jsx("path", {
106
77
  d: triangle,
107
- fill: theme === null || theme === void 0 ? void 0 : theme.colors.canvas.default
108
- }), /*#__PURE__*/jsxRuntime.jsx("path", {
109
- d: triangle,
110
- fill: bg
78
+ className: Caret_module.CaretTriangle
111
79
  }), /*#__PURE__*/jsxRuntime.jsx("path", {
112
80
  d: line,
113
- fill: "none",
114
- stroke: borderColor,
115
- strokeWidth: borderWidth
81
+ className: Caret_module.CaretBorder
116
82
  })]
117
83
  })
118
84
  });
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ require('./Caret-e686f04c.css');
4
+
5
+ var classes = {"Caret":"prc-components-Caret-PNu-B","CaretTriangle":"prc-components-CaretTriangle-Iu0GY","CaretBorder":"prc-components-CaretBorder-o3vP2"};
6
+
7
+ module.exports = classes;