@primer/react 37.32.0-rc.f8e94f384 → 38.0.0-rc.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 (155) hide show
  1. package/CHANGELOG.md +36 -1
  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 +162 -125
  7. package/generated/components.json +87 -200
  8. package/lib/Autocomplete/AutocompleteMenu.js +7 -7
  9. package/lib/CircleOcticon/CircleOcticon.d.ts +3 -0
  10. package/lib/CircleOcticon/CircleOcticon.d.ts.map +1 -1
  11. package/lib/CircleOcticon/CircleOcticon.js +3 -0
  12. package/lib/ConfirmationDialog/ConfirmationDialog.d.ts +8 -0
  13. package/lib/ConfirmationDialog/ConfirmationDialog.d.ts.map +1 -1
  14. package/lib/ConfirmationDialog/ConfirmationDialog.js +6 -2
  15. package/lib/FilteredActionList/FilteredActionList-96b126d7.css +2 -0
  16. package/lib/FilteredActionList/FilteredActionList-96b126d7.css.map +1 -0
  17. package/lib/FilteredActionList/FilteredActionList.d.ts.map +1 -1
  18. package/lib/FilteredActionList/FilteredActionList.js +3 -6
  19. package/lib/FilteredActionList/FilteredActionList.module.css.js +2 -2
  20. package/lib/PointerBox/PointerBox.d.ts +1 -1
  21. package/lib/PointerBox/PointerBox.d.ts.map +1 -1
  22. package/lib/PointerBox/PointerBox.js +1 -1
  23. package/lib/ProgressBar/ProgressBar-a0957632.css +2 -0
  24. package/lib/ProgressBar/ProgressBar-a0957632.css.map +1 -0
  25. package/lib/ProgressBar/ProgressBar.d.ts.map +1 -1
  26. package/lib/ProgressBar/ProgressBar.js +53 -49
  27. package/lib/ProgressBar/ProgressBar.module.css.js +1 -1
  28. package/lib/Radio/{Radio-b2a92b7d.css → Radio-df9a5c02.css} +2 -2
  29. package/lib/Radio/{Radio-b2a92b7d.css.map → Radio-df9a5c02.css.map} +1 -1
  30. package/lib/Radio/Radio.module.css.js +1 -1
  31. package/lib/Select/Select.js +61 -53
  32. package/lib/SelectPanel/SelectPanel.js +2 -2
  33. package/lib/SplitPageLayout/SplitPageLayout.d.ts +1 -2
  34. package/lib/SplitPageLayout/SplitPageLayout.d.ts.map +1 -1
  35. package/lib/Stack/Stack.d.ts.map +1 -1
  36. package/lib/Stack/Stack.js +110 -111
  37. package/lib/StateLabel/StateLabel-cd27f475.css +2 -0
  38. package/lib/StateLabel/StateLabel-cd27f475.css.map +1 -0
  39. package/lib/StateLabel/StateLabel.d.ts +1 -2
  40. package/lib/StateLabel/StateLabel.d.ts.map +1 -1
  41. package/lib/StateLabel/StateLabel.js +3 -5
  42. package/lib/StateLabel/StateLabel.module.css.js +7 -0
  43. package/lib/SubNav/SubNav.d.ts +8 -16
  44. package/lib/SubNav/SubNav.d.ts.map +1 -1
  45. package/lib/SubNav/SubNav.js +3 -6
  46. package/lib/ToggleSwitch/ToggleSwitch-65936b4b.css +4 -0
  47. package/lib/ToggleSwitch/ToggleSwitch-65936b4b.css.map +1 -0
  48. package/lib/ToggleSwitch/ToggleSwitch.d.ts +1 -2
  49. package/lib/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
  50. package/lib/ToggleSwitch/ToggleSwitch.js +163 -213
  51. package/lib/ToggleSwitch/ToggleSwitch.module.css.js +7 -0
  52. package/lib/ToggleSwitch/ToggleSwitchStoryWrapper.d.ts.map +1 -1
  53. package/lib/Token/index.d.ts +0 -1
  54. package/lib/Token/index.d.ts.map +1 -1
  55. package/lib/TreeView/shared.js +2 -2
  56. package/lib/VisuallyHidden/VisuallyHidden.d.ts +1 -2
  57. package/lib/VisuallyHidden/VisuallyHidden.d.ts.map +1 -1
  58. package/lib/VisuallyHidden/VisuallyHidden.js +1 -3
  59. package/lib/deprecated/UnderlineNav/UnderlineNav.d.ts +2 -3
  60. package/lib/deprecated/UnderlineNav/UnderlineNav.d.ts.map +1 -1
  61. package/lib/deprecated/UnderlineNav/UnderlineNav.js +2 -3
  62. package/lib/deprecated/index.d.ts +0 -2
  63. package/lib/deprecated/index.d.ts.map +1 -1
  64. package/lib/deprecated/index.js +0 -2
  65. package/lib/hooks/useMnemonics.js +1 -2
  66. package/lib/index.d.ts +1 -5
  67. package/lib/index.d.ts.map +1 -1
  68. package/lib/index.js +0 -6
  69. package/lib/{Caret.d.ts → internal/components/Caret.d.ts} +1 -1
  70. package/lib/internal/components/Caret.d.ts.map +1 -0
  71. package/lib-esm/Autocomplete/AutocompleteMenu.js +1 -1
  72. package/lib-esm/CircleOcticon/CircleOcticon.d.ts +3 -0
  73. package/lib-esm/CircleOcticon/CircleOcticon.js +3 -0
  74. package/lib-esm/ConfirmationDialog/ConfirmationDialog.d.ts +8 -0
  75. package/lib-esm/ConfirmationDialog/ConfirmationDialog.js +6 -2
  76. package/lib-esm/FilteredActionList/FilteredActionList-96b126d7.css +2 -0
  77. package/lib-esm/FilteredActionList/FilteredActionList-96b126d7.css.map +1 -0
  78. package/lib-esm/FilteredActionList/FilteredActionList.js +3 -6
  79. package/lib-esm/FilteredActionList/FilteredActionList.module.css.js +2 -2
  80. package/lib-esm/PointerBox/PointerBox.d.ts +1 -1
  81. package/lib-esm/PointerBox/PointerBox.js +1 -1
  82. package/lib-esm/ProgressBar/ProgressBar-a0957632.css +2 -0
  83. package/lib-esm/ProgressBar/ProgressBar-a0957632.css.map +1 -0
  84. package/lib-esm/ProgressBar/ProgressBar.js +53 -49
  85. package/lib-esm/ProgressBar/ProgressBar.module.css.js +1 -1
  86. package/lib-esm/Radio/{Radio-b2a92b7d.css → Radio-df9a5c02.css} +2 -2
  87. package/lib-esm/Radio/{Radio-b2a92b7d.css.map → Radio-df9a5c02.css.map} +1 -1
  88. package/lib-esm/Radio/Radio.module.css.js +1 -1
  89. package/lib-esm/Select/Select.js +61 -53
  90. package/lib-esm/SelectPanel/SelectPanel.js +1 -1
  91. package/lib-esm/SplitPageLayout/SplitPageLayout.d.ts +1 -2
  92. package/lib-esm/Stack/Stack.js +110 -111
  93. package/lib-esm/StateLabel/StateLabel-cd27f475.css +2 -0
  94. package/lib-esm/StateLabel/StateLabel-cd27f475.css.map +1 -0
  95. package/lib-esm/StateLabel/StateLabel.d.ts +1 -2
  96. package/lib-esm/StateLabel/StateLabel.js +3 -5
  97. package/lib-esm/StateLabel/StateLabel.module.css.js +5 -0
  98. package/lib-esm/SubNav/SubNav.d.ts +8 -16
  99. package/lib-esm/SubNav/SubNav.js +3 -6
  100. package/lib-esm/ToggleSwitch/ToggleSwitch-65936b4b.css +4 -0
  101. package/lib-esm/ToggleSwitch/ToggleSwitch-65936b4b.css.map +1 -0
  102. package/lib-esm/ToggleSwitch/ToggleSwitch.d.ts +1 -2
  103. package/lib-esm/ToggleSwitch/ToggleSwitch.js +163 -213
  104. package/lib-esm/ToggleSwitch/ToggleSwitch.module.css.js +5 -0
  105. package/lib-esm/Token/index.d.ts +0 -1
  106. package/lib-esm/TreeView/shared.js +2 -2
  107. package/lib-esm/VisuallyHidden/VisuallyHidden.d.ts +1 -2
  108. package/lib-esm/VisuallyHidden/VisuallyHidden.js +1 -3
  109. package/lib-esm/deprecated/UnderlineNav/UnderlineNav.d.ts +2 -3
  110. package/lib-esm/deprecated/UnderlineNav/UnderlineNav.js +2 -3
  111. package/lib-esm/deprecated/index.d.ts +0 -2
  112. package/lib-esm/deprecated/index.js +0 -1
  113. package/lib-esm/hooks/useMnemonics.js +1 -2
  114. package/lib-esm/index.d.ts +1 -5
  115. package/lib-esm/index.js +0 -3
  116. package/lib-esm/{Caret.d.ts → internal/components/Caret.d.ts} +1 -1
  117. package/package.json +13 -14
  118. package/lib/Caret.d.ts.map +0 -1
  119. package/lib/FilteredActionList/FilteredActionList-d1d6d026.css +0 -2
  120. package/lib/FilteredActionList/FilteredActionList-d1d6d026.css.map +0 -1
  121. package/lib/ProgressBar/ProgressBar-430cdef7.css +0 -2
  122. package/lib/ProgressBar/ProgressBar-430cdef7.css.map +0 -1
  123. package/lib/Token/AvatarToken-ff45cc85.css +0 -2
  124. package/lib/Token/AvatarToken-ff45cc85.css.map +0 -1
  125. package/lib/Token/AvatarToken.d.ts +0 -8
  126. package/lib/Token/AvatarToken.d.ts.map +0 -1
  127. package/lib/Token/AvatarToken.js +0 -99
  128. package/lib/Token/AvatarToken.module.css.js +0 -7
  129. package/lib/deprecated/AvatarPair/AvatarPair-68990abe.css +0 -2
  130. package/lib/deprecated/AvatarPair/AvatarPair-68990abe.css.map +0 -1
  131. package/lib/deprecated/AvatarPair/AvatarPair.d.ts +0 -14
  132. package/lib/deprecated/AvatarPair/AvatarPair.d.ts.map +0 -1
  133. package/lib/deprecated/AvatarPair/AvatarPair.js +0 -95
  134. package/lib/deprecated/AvatarPair/AvatarPair.module.css.js +0 -7
  135. package/lib/deprecated/AvatarPair/index.d.ts +0 -3
  136. package/lib/deprecated/AvatarPair/index.d.ts.map +0 -1
  137. package/lib/node_modules/@github/mini-throttle/dist/index.js +0 -43
  138. package/lib-esm/FilteredActionList/FilteredActionList-d1d6d026.css +0 -2
  139. package/lib-esm/FilteredActionList/FilteredActionList-d1d6d026.css.map +0 -1
  140. package/lib-esm/ProgressBar/ProgressBar-430cdef7.css +0 -2
  141. package/lib-esm/ProgressBar/ProgressBar-430cdef7.css.map +0 -1
  142. package/lib-esm/Token/AvatarToken-ff45cc85.css +0 -2
  143. package/lib-esm/Token/AvatarToken-ff45cc85.css.map +0 -1
  144. package/lib-esm/Token/AvatarToken.d.ts +0 -8
  145. package/lib-esm/Token/AvatarToken.js +0 -97
  146. package/lib-esm/Token/AvatarToken.module.css.js +0 -5
  147. package/lib-esm/deprecated/AvatarPair/AvatarPair-68990abe.css +0 -2
  148. package/lib-esm/deprecated/AvatarPair/AvatarPair-68990abe.css.map +0 -1
  149. package/lib-esm/deprecated/AvatarPair/AvatarPair.d.ts +0 -14
  150. package/lib-esm/deprecated/AvatarPair/AvatarPair.js +0 -89
  151. package/lib-esm/deprecated/AvatarPair/AvatarPair.module.css.js +0 -5
  152. package/lib-esm/deprecated/AvatarPair/index.d.ts +0 -3
  153. package/lib-esm/node_modules/@github/mini-throttle/dist/index.js +0 -40
  154. /package/lib/{Caret.js → internal/components/Caret.js} +0 -0
  155. /package/lib-esm/{Caret.js → internal/components/Caret.js} +0 -0
@@ -1,97 +0,0 @@
1
- import { c } from 'react-compiler-runtime';
2
- import { forwardRef } from 'react';
3
- import { defaultTokenSize, tokenSizes } from './TokenBase.js';
4
- import Token from './Token.js';
5
- import classes from './AvatarToken.module.css.js';
6
- import { clsx } from 'clsx';
7
- import { jsx } from 'react/jsx-runtime';
8
- import Avatar from '../Avatar/Avatar.js';
9
-
10
- const AvatarToken = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
11
- const $ = c(20);
12
- let avatarSrc;
13
- let className;
14
- let id;
15
- let rest;
16
- let t1;
17
- if ($[0] !== t0) {
18
- ({
19
- avatarSrc,
20
- id,
21
- size: t1,
22
- className,
23
- ...rest
24
- } = t0);
25
- $[0] = t0;
26
- $[1] = avatarSrc;
27
- $[2] = className;
28
- $[3] = id;
29
- $[4] = rest;
30
- $[5] = t1;
31
- } else {
32
- avatarSrc = $[1];
33
- className = $[2];
34
- id = $[3];
35
- rest = $[4];
36
- t1 = $[5];
37
- }
38
- const size = t1 === undefined ? defaultTokenSize : t1;
39
- let t2;
40
- if ($[6] !== avatarSrc || $[7] !== size) {
41
- t2 = () => /*#__PURE__*/jsx("span", {
42
- className: classes.AvatarContainer,
43
- "data-size": size,
44
- children: /*#__PURE__*/jsx(Avatar, {
45
- src: avatarSrc,
46
- size: parseInt(tokenSizes[size], 10),
47
- className: classes.Avatar
48
- })
49
- });
50
- $[6] = avatarSrc;
51
- $[7] = size;
52
- $[8] = t2;
53
- } else {
54
- t2 = $[8];
55
- }
56
- let t3;
57
- if ($[9] !== id) {
58
- var _id;
59
- t3 = (_id = id) === null || _id === void 0 ? void 0 : _id.toString();
60
- $[9] = id;
61
- $[10] = t3;
62
- } else {
63
- t3 = $[10];
64
- }
65
- let t4;
66
- if ($[11] !== className) {
67
- t4 = clsx(classes.Token, className);
68
- $[11] = className;
69
- $[12] = t4;
70
- } else {
71
- t4 = $[12];
72
- }
73
- let t5;
74
- if ($[13] !== forwardedRef || $[14] !== rest || $[15] !== size || $[16] !== t2 || $[17] !== t3 || $[18] !== t4) {
75
- t5 = /*#__PURE__*/jsx(Token, {
76
- leadingVisual: t2,
77
- size: size,
78
- id: t3,
79
- className: t4,
80
- ...rest,
81
- ref: forwardedRef
82
- });
83
- $[13] = forwardedRef;
84
- $[14] = rest;
85
- $[15] = size;
86
- $[16] = t2;
87
- $[17] = t3;
88
- $[18] = t4;
89
- $[19] = t5;
90
- } else {
91
- t5 = $[19];
92
- }
93
- return t5;
94
- });
95
- AvatarToken.displayName = 'AvatarToken';
96
-
97
- export { AvatarToken as default };
@@ -1,5 +0,0 @@
1
- import './AvatarToken-ff45cc85.css';
2
-
3
- var classes = {"AvatarContainer":"prc-Token-AvatarContainer-dBasr","Avatar":"prc-Token-Avatar-A1uRI","Token":"prc-Token-Token-8GtFN"};
4
-
5
- export { classes as default };
@@ -1,2 +0,0 @@
1
- .prc-AvatarPair-AvatarPair--TX3Y{display:inline-flex;position:relative}.prc-AvatarPair-AvatarPair--TX3Y [data-component=Avatar]:last-child,.prc-AvatarPair-AvatarPair--TX3Y [data-component=SkeletonAvatar]:last-child{bottom:-9%;box-shadow:var(--avatar-shadow,var(--color-avatar-child-shadow));position:absolute;right:-15%}.prc-AvatarPair-AvatarPair--TX3Y [data-component=SkeletonAvatar]:last-child{box-shadow:inset var(--avatar-shadow,var(--color-avatar-child-shadow))}.prc-AvatarPair-AvatarChild-8YokH{background-color:var(--bgColor-default,var(--color-canvas-default))}
2
- /*# sourceMappingURL=AvatarPair-68990abe.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/deprecated/AvatarPair/AvatarPair.module.css"],"names":[],"mappings":"AAAA,iCAEE,mBAAoB,CADpB,iBAcF,CAXE,gJAIE,UAAW,CACX,gEAAgC,CAHhC,iBAAkB,CAClB,UAGF,CAEA,4EACE,sEACF,CAGF,kCACE,mEACF","file":"AvatarPair-68990abe.css","sourcesContent":[".AvatarPair {\n position: relative;\n display: inline-flex;\n\n [data-component='Avatar']:last-child,\n [data-component='SkeletonAvatar']:last-child {\n position: absolute;\n right: -15%;\n bottom: -9%;\n box-shadow: var(--avatar-shadow);\n }\n\n [data-component='SkeletonAvatar']:last-child {\n box-shadow: inset var(--avatar-shadow);\n }\n}\n\n.AvatarChild {\n background-color: var(--bgColor-default);\n}\n"]}
@@ -1,14 +0,0 @@
1
- import React, { type HTMLProps } from 'react';
2
- /**
3
- * @deprecated AvatarPair is deprecated. Please see https://github.com/github/primer/issues/5533 for migration guidance.
4
- */
5
- export type AvatarPairProps = HTMLProps<HTMLDivElement>;
6
- /**
7
- * @deprecated AvatarPair is deprecated. Please see https://github.com/github/primer/issues/5533 for migration guidance.
8
- */
9
- declare const AvatarPair: {
10
- ({ children, className, ...rest }: AvatarPairProps): React.JSX.Element;
11
- displayName: string;
12
- };
13
- export default AvatarPair;
14
- //# sourceMappingURL=AvatarPair.d.ts.map
@@ -1,89 +0,0 @@
1
- import { c } from 'react-compiler-runtime';
2
- import React from 'react';
3
- import classes from './AvatarPair.module.css.js';
4
- import { clsx } from 'clsx';
5
- import { jsx } from 'react/jsx-runtime';
6
- import { SkeletonAvatar } from '../../SkeletonAvatar/SkeletonAvatar.js';
7
- import Avatar from '../../Avatar/Avatar.js';
8
-
9
- /**
10
- * @deprecated AvatarPair is deprecated. Please see https://github.com/github/primer/issues/5533 for migration guidance.
11
- */
12
- const AvatarPair = t0 => {
13
- const $ = c(12);
14
- let children;
15
- let className;
16
- let rest;
17
- if ($[0] !== t0) {
18
- ({
19
- children,
20
- className,
21
- ...rest
22
- } = t0);
23
- $[0] = t0;
24
- $[1] = children;
25
- $[2] = className;
26
- $[3] = rest;
27
- } else {
28
- children = $[1];
29
- className = $[2];
30
- rest = $[3];
31
- }
32
- let t1;
33
- if ($[4] !== children) {
34
- t1 = React.Children.map(children, _temp);
35
- $[4] = children;
36
- $[5] = t1;
37
- } else {
38
- t1 = $[5];
39
- }
40
- const avatars = t1;
41
- let t2;
42
- if ($[6] !== className) {
43
- t2 = clsx(className, classes.AvatarPair);
44
- $[6] = className;
45
- $[7] = t2;
46
- } else {
47
- t2 = $[7];
48
- }
49
- let t3;
50
- if ($[8] !== avatars || $[9] !== rest || $[10] !== t2) {
51
- t3 = /*#__PURE__*/jsx("div", {
52
- className: t2,
53
- ...rest,
54
- children: avatars
55
- });
56
- $[8] = avatars;
57
- $[9] = rest;
58
- $[10] = t2;
59
- $[11] = t3;
60
- } else {
61
- t3 = $[11];
62
- }
63
- return t3;
64
- };
65
- AvatarPair.displayName = 'AvatarPair';
66
- function _temp(child, i) {
67
- if (! /*#__PURE__*/React.isValidElement(child)) {
68
- return child;
69
- }
70
- if (i === 0) {
71
- return /*#__PURE__*/React.cloneElement(child, {
72
- size: 40
73
- });
74
- }
75
- if (child.type === SkeletonAvatar) {
76
- return /*#__PURE__*/jsx(SkeletonAvatar, {
77
- ...child.props,
78
- size: 20
79
- });
80
- }
81
- return /*#__PURE__*/jsx(Avatar, {
82
- className: clsx(child.props.className, classes.AvatarChild),
83
- ...child.props,
84
- size: 20
85
- });
86
- }
87
- _temp.displayName = "_temp";
88
-
89
- export { AvatarPair as default };
@@ -1,5 +0,0 @@
1
- import './AvatarPair-68990abe.css';
2
-
3
- var classes = {"AvatarPair":"prc-AvatarPair-AvatarPair--TX3Y","AvatarChild":"prc-AvatarPair-AvatarChild-8YokH"};
4
-
5
- export { classes as default };
@@ -1,3 +0,0 @@
1
- export { default } from './AvatarPair';
2
- export type { AvatarPairProps } from './AvatarPair';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1,40 +0,0 @@
1
- function throttle(callback, wait = 0, { start = true, middle = true, once = false } = {}) {
2
- let innerStart = start;
3
- let last = 0;
4
- let timer;
5
- let cancelled = false;
6
- function fn(...args) {
7
- if (cancelled)
8
- return;
9
- const delta = Date.now() - last;
10
- last = Date.now();
11
- if (start && middle && delta >= wait) {
12
- innerStart = true;
13
- }
14
- if (innerStart) {
15
- innerStart = false;
16
- callback.apply(this, args);
17
- if (once)
18
- fn.cancel();
19
- }
20
- else if ((middle && delta < wait) || !middle) {
21
- clearTimeout(timer);
22
- timer = setTimeout(() => {
23
- last = Date.now();
24
- callback.apply(this, args);
25
- if (once)
26
- fn.cancel();
27
- }, !middle ? wait : wait - delta);
28
- }
29
- }
30
- fn.cancel = () => {
31
- clearTimeout(timer);
32
- cancelled = true;
33
- };
34
- return fn;
35
- }
36
- function debounce(callback, wait = 0, { start = false, middle = false, once = false } = {}) {
37
- return throttle(callback, wait, { start, middle, once });
38
- }
39
-
40
- export { debounce, throttle };
File without changes