@primer/react 37.29.0-rc.d46ec0131 → 38.0.0-rc.389f01088

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 (216) hide show
  1. package/CHANGELOG.md +3 -15
  2. package/dist/browser.esm.js +2 -2
  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 +77 -115
  7. package/generated/components.json +133 -133
  8. package/lib/ActionList/Description.d.ts.map +1 -1
  9. package/lib/ActionList/Description.js +2 -1
  10. package/lib/ActionList/Divider.d.ts.map +1 -1
  11. package/lib/ActionList/Divider.js +2 -1
  12. package/lib/ActionList/Group.d.ts.map +1 -1
  13. package/lib/ActionList/Group.js +6 -1
  14. package/lib/ActionList/Item.d.ts.map +1 -1
  15. package/lib/ActionList/Item.js +2 -1
  16. package/lib/ActionList/LinkItem.d.ts.map +1 -1
  17. package/lib/ActionList/LinkItem.js +2 -1
  18. package/lib/ActionList/List.d.ts.map +1 -1
  19. package/lib/ActionList/List.js +3 -0
  20. package/lib/ActionList/Visuals.d.ts.map +1 -1
  21. package/lib/ActionList/Visuals.js +7 -0
  22. package/lib/Avatar/Avatar.d.ts.map +1 -1
  23. package/lib/Avatar/Avatar.js +41 -39
  24. package/lib/AvatarPair/AvatarPair.js +1 -1
  25. package/lib/AvatarStack/AvatarStack.d.ts +1 -1
  26. package/lib/AvatarStack/AvatarStack.d.ts.map +1 -1
  27. package/lib/AvatarStack/AvatarStack.js +2 -1
  28. package/lib/ButtonGroup/ButtonGroup.d.ts.map +1 -1
  29. package/lib/ButtonGroup/ButtonGroup.js +61 -24
  30. package/lib/CounterLabel/CounterLabel.d.ts.map +1 -1
  31. package/lib/CounterLabel/CounterLabel.js +87 -43
  32. package/lib/DataTable/Pagination.d.ts.map +1 -1
  33. package/lib/DataTable/Pagination.js +88 -81
  34. package/lib/DataTable/Table.d.ts +1 -1
  35. package/lib/DataTable/Table.d.ts.map +1 -1
  36. package/lib/DataTable/Table.js +26 -18
  37. package/lib/Details/Details.d.ts.map +1 -1
  38. package/lib/Details/Details.js +82 -35
  39. package/lib/FilteredActionList/FilteredActionListLoaders.js +1 -1
  40. package/lib/FormControl/FormControl.d.ts.map +1 -1
  41. package/lib/FormControl/FormControl.js +9 -3
  42. package/lib/Header/Header.d.ts.map +1 -1
  43. package/lib/Header/Header.js +170 -64
  44. package/lib/InlineMessage/InlineMessage.d.ts +1 -1
  45. package/lib/InlineMessage/InlineMessage.d.ts.map +1 -1
  46. package/lib/InlineMessage/InlineMessage.js +69 -31
  47. package/lib/PageLayout/PageLayout.d.ts.map +1 -1
  48. package/lib/PageLayout/PageLayout.js +473 -465
  49. package/lib/Pagehead/Pagehead.d.ts +1 -1
  50. package/lib/Pagehead/Pagehead.d.ts.map +1 -1
  51. package/lib/Pagehead/Pagehead.js +11 -2
  52. package/lib/Radio/Radio.d.ts.map +1 -1
  53. package/lib/Radio/Radio.js +91 -40
  54. package/lib/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  55. package/lib/SegmentedControl/SegmentedControl.js +25 -23
  56. package/lib/SegmentedControl/SegmentedControlButton.d.ts.map +1 -1
  57. package/lib/SegmentedControl/SegmentedControlButton.js +72 -70
  58. package/lib/SegmentedControl/SegmentedControlIconButton.d.ts.map +1 -1
  59. package/lib/SegmentedControl/SegmentedControlIconButton.js +112 -110
  60. package/lib/SideNav.d.ts.map +1 -1
  61. package/lib/SideNav.js +2 -1
  62. package/lib/Skeleton/SkeletonBox.d.ts +2 -2
  63. package/lib/Skeleton/SkeletonBox.d.ts.map +1 -1
  64. package/lib/Skeleton/SkeletonBox.js +24 -25
  65. package/lib/Spinner/Spinner.d.ts +1 -1
  66. package/lib/Spinner/Spinner.d.ts.map +1 -1
  67. package/lib/Spinner/Spinner.js +51 -13
  68. package/lib/SubNav/SubNav.d.ts.map +1 -1
  69. package/lib/SubNav/SubNav.js +215 -77
  70. package/lib/Timeline/Timeline.d.ts +1 -1
  71. package/lib/Timeline/Timeline.d.ts.map +1 -1
  72. package/lib/Timeline/Timeline.js +264 -92
  73. package/lib/Token/Token.d.ts.map +1 -1
  74. package/lib/Token/Token.js +128 -120
  75. package/lib/TreeView/TreeView.js +2 -2
  76. package/lib/VisuallyHidden/VisuallyHidden.d.ts +1 -1
  77. package/lib/VisuallyHidden/VisuallyHidden.d.ts.map +1 -1
  78. package/lib/VisuallyHidden/VisuallyHidden.js +51 -19
  79. package/lib/_VisuallyHidden.d.ts +2 -3
  80. package/lib/_VisuallyHidden.d.ts.map +1 -1
  81. package/lib/_VisuallyHidden.js +26 -63
  82. package/lib/experimental/Skeleton/SkeletonAvatar-e00fff32.css +2 -0
  83. package/lib/experimental/Skeleton/SkeletonAvatar-e00fff32.css.map +1 -0
  84. package/lib/experimental/Skeleton/SkeletonAvatar.d.ts +8 -0
  85. package/lib/experimental/Skeleton/SkeletonAvatar.d.ts.map +1 -0
  86. package/lib/{SkeletonAvatar → experimental/Skeleton}/SkeletonAvatar.js +5 -5
  87. package/lib/{SkeletonAvatar → experimental/Skeleton}/SkeletonAvatar.module.css.js +1 -1
  88. package/lib/experimental/Skeleton/SkeletonText-5cf908c1.css +2 -0
  89. package/lib/experimental/Skeleton/SkeletonText-5cf908c1.css.map +1 -0
  90. package/lib/{SkeletonText → experimental/Skeleton}/SkeletonText.d.ts +4 -5
  91. package/lib/experimental/Skeleton/SkeletonText.d.ts.map +1 -0
  92. package/lib/experimental/Skeleton/SkeletonText.js +149 -0
  93. package/lib/experimental/Skeleton/SkeletonText.module.css.js +7 -0
  94. package/lib/experimental/Skeleton/index.d.ts +4 -0
  95. package/lib/experimental/Skeleton/index.d.ts.map +1 -0
  96. package/lib/experimental/UnderlinePanels/UnderlinePanels.d.ts.map +1 -1
  97. package/lib/experimental/UnderlinePanels/UnderlinePanels.js +40 -30
  98. package/lib/experimental/index.d.ts +1 -6
  99. package/lib/experimental/index.d.ts.map +1 -1
  100. package/lib/experimental/index.js +2 -2
  101. package/lib/internal/components/ButtonReset.d.ts +2 -1
  102. package/lib/internal/components/ButtonReset.d.ts.map +1 -1
  103. package/lib/internal/components/ButtonReset.js +13 -49
  104. package/lib/internal/components/{TextInputWrapper-889df5d3.css → TextInputWrapper-ca608f70.css} +2 -2
  105. package/lib/internal/components/{TextInputWrapper-889df5d3.css.map → TextInputWrapper-ca608f70.css.map} +1 -1
  106. package/lib/internal/components/TextInputWrapper.module.css.js +1 -1
  107. package/lib/internal/components/UnderlineTabbedInterface.d.ts.map +1 -1
  108. package/lib/internal/components/UnderlineTabbedInterface.js +108 -60
  109. package/lib/internal/utils/toggleStyledComponent.d.ts +20 -0
  110. package/lib/internal/utils/toggleStyledComponent.d.ts.map +1 -0
  111. package/lib-esm/ActionList/Description.js +2 -1
  112. package/lib-esm/ActionList/Divider.js +2 -1
  113. package/lib-esm/ActionList/Group.js +6 -1
  114. package/lib-esm/ActionList/Item.js +2 -1
  115. package/lib-esm/ActionList/LinkItem.js +2 -1
  116. package/lib-esm/ActionList/List.js +3 -0
  117. package/lib-esm/ActionList/Visuals.js +7 -0
  118. package/lib-esm/Avatar/Avatar.js +41 -39
  119. package/lib-esm/AvatarPair/AvatarPair.js +1 -1
  120. package/lib-esm/AvatarStack/AvatarStack.d.ts +1 -1
  121. package/lib-esm/AvatarStack/AvatarStack.js +2 -1
  122. package/lib-esm/ButtonGroup/ButtonGroup.js +61 -24
  123. package/lib-esm/CounterLabel/CounterLabel.js +87 -43
  124. package/lib-esm/DataTable/Pagination.js +84 -81
  125. package/lib-esm/DataTable/Table.d.ts +1 -1
  126. package/lib-esm/DataTable/Table.js +26 -18
  127. package/lib-esm/Details/Details.js +82 -35
  128. package/lib-esm/FilteredActionList/FilteredActionListLoaders.js +1 -1
  129. package/lib-esm/FormControl/FormControl.js +9 -3
  130. package/lib-esm/Header/Header.js +170 -64
  131. package/lib-esm/InlineMessage/InlineMessage.d.ts +1 -1
  132. package/lib-esm/InlineMessage/InlineMessage.js +69 -31
  133. package/lib-esm/PageLayout/PageLayout.js +473 -465
  134. package/lib-esm/Pagehead/Pagehead.d.ts +1 -1
  135. package/lib-esm/Pagehead/Pagehead.js +11 -2
  136. package/lib-esm/Radio/Radio.js +91 -40
  137. package/lib-esm/SegmentedControl/SegmentedControl.js +25 -23
  138. package/lib-esm/SegmentedControl/SegmentedControlButton.js +72 -70
  139. package/lib-esm/SegmentedControl/SegmentedControlIconButton.js +112 -110
  140. package/lib-esm/SideNav.js +2 -1
  141. package/lib-esm/Skeleton/SkeletonBox.d.ts +2 -2
  142. package/lib-esm/Skeleton/SkeletonBox.js +24 -25
  143. package/lib-esm/Spinner/Spinner.d.ts +1 -1
  144. package/lib-esm/Spinner/Spinner.js +47 -13
  145. package/lib-esm/SubNav/SubNav.js +215 -77
  146. package/lib-esm/Timeline/Timeline.d.ts +1 -1
  147. package/lib-esm/Timeline/Timeline.js +264 -92
  148. package/lib-esm/Token/Token.js +128 -120
  149. package/lib-esm/TreeView/TreeView.js +2 -2
  150. package/lib-esm/VisuallyHidden/VisuallyHidden.d.ts +1 -1
  151. package/lib-esm/VisuallyHidden/VisuallyHidden.js +51 -19
  152. package/lib-esm/_VisuallyHidden.d.ts +2 -3
  153. package/lib-esm/_VisuallyHidden.js +22 -63
  154. package/lib-esm/experimental/Skeleton/SkeletonAvatar-e00fff32.css +2 -0
  155. package/lib-esm/experimental/Skeleton/SkeletonAvatar-e00fff32.css.map +1 -0
  156. package/lib-esm/experimental/Skeleton/SkeletonAvatar.d.ts +8 -0
  157. package/lib-esm/{SkeletonAvatar → experimental/Skeleton}/SkeletonAvatar.js +5 -5
  158. package/lib-esm/experimental/Skeleton/SkeletonAvatar.module.css.js +5 -0
  159. package/lib-esm/experimental/Skeleton/SkeletonText-5cf908c1.css +2 -0
  160. package/lib-esm/experimental/Skeleton/SkeletonText-5cf908c1.css.map +1 -0
  161. package/lib-esm/{SkeletonText → experimental/Skeleton}/SkeletonText.d.ts +4 -5
  162. package/lib-esm/experimental/Skeleton/SkeletonText.js +143 -0
  163. package/lib-esm/experimental/Skeleton/SkeletonText.module.css.js +5 -0
  164. package/lib-esm/experimental/Skeleton/index.d.ts +4 -0
  165. package/lib-esm/experimental/UnderlinePanels/UnderlinePanels.js +40 -30
  166. package/lib-esm/experimental/index.d.ts +1 -6
  167. package/lib-esm/experimental/index.js +2 -2
  168. package/lib-esm/internal/components/ButtonReset.d.ts +2 -1
  169. package/lib-esm/internal/components/ButtonReset.js +9 -49
  170. package/lib-esm/internal/components/{TextInputWrapper-889df5d3.css → TextInputWrapper-ca608f70.css} +2 -2
  171. package/lib-esm/internal/components/{TextInputWrapper-889df5d3.css.map → TextInputWrapper-ca608f70.css.map} +1 -1
  172. package/lib-esm/internal/components/TextInputWrapper.module.css.js +1 -1
  173. package/lib-esm/internal/components/UnderlineTabbedInterface.js +108 -60
  174. package/lib-esm/internal/utils/toggleStyledComponent.d.ts +20 -0
  175. package/package.json +1 -1
  176. package/lib/DataTable/Pagination-b6f8418c.css +0 -2
  177. package/lib/DataTable/Pagination-b6f8418c.css.map +0 -1
  178. package/lib/DataTable/Pagination.module.css.js +0 -7
  179. package/lib/SkeletonAvatar/SkeletonAvatar-e00fff32.css +0 -2
  180. package/lib/SkeletonAvatar/SkeletonAvatar-e00fff32.css.map +0 -1
  181. package/lib/SkeletonAvatar/SkeletonAvatar.d.ts +0 -12
  182. package/lib/SkeletonAvatar/SkeletonAvatar.d.ts.map +0 -1
  183. package/lib/SkeletonAvatar/index.d.ts +0 -3
  184. package/lib/SkeletonAvatar/index.d.ts.map +0 -1
  185. package/lib/SkeletonText/SkeletonText-5cf908c1.css +0 -2
  186. package/lib/SkeletonText/SkeletonText-5cf908c1.css.map +0 -1
  187. package/lib/SkeletonText/SkeletonText.d.ts.map +0 -1
  188. package/lib/SkeletonText/SkeletonText.js +0 -142
  189. package/lib/SkeletonText/SkeletonText.module.css.js +0 -7
  190. package/lib/SkeletonText/index.d.ts +0 -3
  191. package/lib/SkeletonText/index.d.ts.map +0 -1
  192. package/lib/_VisuallyHidden-5c0a2499.css +0 -2
  193. package/lib/_VisuallyHidden-5c0a2499.css.map +0 -1
  194. package/lib/_VisuallyHidden.module.css.js +0 -7
  195. package/lib/internal/components/ButtonReset-904f2483.css +0 -2
  196. package/lib/internal/components/ButtonReset-904f2483.css.map +0 -1
  197. package/lib/internal/components/ButtonReset.module.css.js +0 -7
  198. package/lib-esm/DataTable/Pagination-b6f8418c.css +0 -2
  199. package/lib-esm/DataTable/Pagination-b6f8418c.css.map +0 -1
  200. package/lib-esm/DataTable/Pagination.module.css.js +0 -5
  201. package/lib-esm/SkeletonAvatar/SkeletonAvatar-e00fff32.css +0 -2
  202. package/lib-esm/SkeletonAvatar/SkeletonAvatar-e00fff32.css.map +0 -1
  203. package/lib-esm/SkeletonAvatar/SkeletonAvatar.d.ts +0 -12
  204. package/lib-esm/SkeletonAvatar/SkeletonAvatar.module.css.js +0 -5
  205. package/lib-esm/SkeletonAvatar/index.d.ts +0 -3
  206. package/lib-esm/SkeletonText/SkeletonText-5cf908c1.css +0 -2
  207. package/lib-esm/SkeletonText/SkeletonText-5cf908c1.css.map +0 -1
  208. package/lib-esm/SkeletonText/SkeletonText.js +0 -140
  209. package/lib-esm/SkeletonText/SkeletonText.module.css.js +0 -5
  210. package/lib-esm/SkeletonText/index.d.ts +0 -3
  211. package/lib-esm/_VisuallyHidden-5c0a2499.css +0 -2
  212. package/lib-esm/_VisuallyHidden-5c0a2499.css.map +0 -1
  213. package/lib-esm/_VisuallyHidden.module.css.js +0 -5
  214. package/lib-esm/internal/components/ButtonReset-904f2483.css +0 -2
  215. package/lib-esm/internal/components/ButtonReset-904f2483.css.map +0 -1
  216. package/lib-esm/internal/components/ButtonReset.module.css.js +0 -5
@@ -1,6 +1,7 @@
1
1
  import { c } from 'react-compiler-runtime';
2
2
  import { forwardRef } from 'react';
3
3
  import { isElement } from 'react-is';
4
+ import { defaultSxProp } from '../../utils/defaultSxProp.js';
4
5
  import classes from './UnderlineTabbedInterface.module.css.js';
5
6
  import { clsx } from 'clsx';
6
7
  import { BoxWithFallback } from './BoxWithFallback.js';
@@ -9,50 +10,57 @@ import CounterLabel from '../../CounterLabel/CounterLabel.js';
9
10
 
10
11
  const GAP = 8;
11
12
  const UnderlineWrapper = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
12
- const $ = c(11);
13
+ const $ = c(13);
13
14
  let children;
14
15
  let className;
15
16
  let rest;
17
+ let t1;
16
18
  if ($[0] !== t0) {
17
19
  ({
18
20
  children,
19
21
  className,
22
+ sx: t1,
20
23
  ...rest
21
24
  } = t0);
22
25
  $[0] = t0;
23
26
  $[1] = children;
24
27
  $[2] = className;
25
28
  $[3] = rest;
29
+ $[4] = t1;
26
30
  } else {
27
31
  children = $[1];
28
32
  className = $[2];
29
33
  rest = $[3];
34
+ t1 = $[4];
30
35
  }
31
- let t1;
32
- if ($[4] !== className) {
33
- t1 = clsx(classes.UnderlineWrapper, className);
34
- $[4] = className;
35
- $[5] = t1;
36
+ const sxProp = t1 === undefined ? defaultSxProp : t1;
37
+ let t2;
38
+ if ($[5] !== className) {
39
+ t2 = clsx(classes.UnderlineWrapper, className);
40
+ $[5] = className;
41
+ $[6] = t2;
36
42
  } else {
37
- t1 = $[5];
43
+ t2 = $[6];
38
44
  }
39
- let t2;
40
- if ($[6] !== children || $[7] !== forwardedRef || $[8] !== rest || $[9] !== t1) {
41
- t2 = /*#__PURE__*/jsx(BoxWithFallback, {
42
- className: t1,
45
+ let t3;
46
+ if ($[7] !== children || $[8] !== forwardedRef || $[9] !== rest || $[10] !== sxProp || $[11] !== t2) {
47
+ t3 = /*#__PURE__*/jsx(BoxWithFallback, {
48
+ className: t2,
43
49
  ref: forwardedRef,
50
+ sx: sxProp,
44
51
  ...rest,
45
52
  children: children
46
53
  });
47
- $[6] = children;
48
- $[7] = forwardedRef;
49
- $[8] = rest;
50
- $[9] = t1;
51
- $[10] = t2;
54
+ $[7] = children;
55
+ $[8] = forwardedRef;
56
+ $[9] = rest;
57
+ $[10] = sxProp;
58
+ $[11] = t2;
59
+ $[12] = t3;
52
60
  } else {
53
- t2 = $[10];
61
+ t3 = $[12];
54
62
  }
55
- return t2;
63
+ return t3;
56
64
  });
57
65
  const UnderlineItemList = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
58
66
  const $ = c(7);
@@ -100,8 +108,41 @@ const LoadingCounter = () => {
100
108
  }
101
109
  return t0;
102
110
  };
111
+
112
+ // We can uncomment these when/if we add overflow behavior
113
+ // to the UnderlinePanels component
114
+ //
115
+ // export const StyledMoreButton = styled(Button)`
116
+ // margin: 0;
117
+ // border: 0;
118
+ // background: transparent;
119
+ // font-weight: normal;
120
+ // box-shadow: none;
121
+ // padding-block: var(--control-small-paddingBlock);
122
+ // padding-inline: var(--control-small-paddingInline-condensed);
123
+
124
+ // > span[data-component='trailingVisual'] {
125
+ // margin-left: 0;
126
+ // }
127
+ // `
128
+
129
+ // export const StyledOverflowDivider = styled.span`
130
+ // display: inline-block;
131
+ // border-left: 1px solid var(--borderColor-muted);
132
+ // width: 1px;
133
+ // margin-right: var(--control-xsmall-gap);
134
+ // /* The height of the divider - reference from Figma */
135
+ // height: 24px;
136
+ // `
137
+
138
+ // export const StyledMoreMenuListItem = styled.li`
139
+ // display: flex;
140
+ // align-items: center;
141
+ // height: 45px;
142
+ // `
143
+
103
144
  const UnderlineItem = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
104
- const $ = c(27);
145
+ const $ = c(29);
105
146
  let Icon;
106
147
  let children;
107
148
  let className;
@@ -110,6 +151,7 @@ const UnderlineItem = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
110
151
  let loadingCounters;
111
152
  let rest;
112
153
  let t1;
154
+ let t2;
113
155
  if ($[0] !== t0) {
114
156
  ({
115
157
  as: t1,
@@ -118,6 +160,7 @@ const UnderlineItem = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
118
160
  icon: Icon,
119
161
  iconsVisible,
120
162
  loadingCounters,
163
+ sx: t2,
121
164
  className,
122
165
  ...rest
123
166
  } = t0);
@@ -130,6 +173,7 @@ const UnderlineItem = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
130
173
  $[6] = loadingCounters;
131
174
  $[7] = rest;
132
175
  $[8] = t1;
176
+ $[9] = t2;
133
177
  } else {
134
178
  Icon = $[1];
135
179
  children = $[2];
@@ -139,43 +183,45 @@ const UnderlineItem = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
139
183
  loadingCounters = $[6];
140
184
  rest = $[7];
141
185
  t1 = $[8];
186
+ t2 = $[9];
142
187
  }
143
188
  const as = t1 === undefined ? "a" : t1;
144
- let t2;
145
- if ($[9] !== className) {
146
- t2 = clsx(classes.UnderlineItem, className);
147
- $[9] = className;
148
- $[10] = t2;
189
+ const sxProp = t2 === undefined ? defaultSxProp : t2;
190
+ let t3;
191
+ if ($[10] !== className) {
192
+ t3 = clsx(classes.UnderlineItem, className);
193
+ $[10] = className;
194
+ $[11] = t3;
149
195
  } else {
150
- t2 = $[10];
196
+ t3 = $[11];
151
197
  }
152
- let t3;
153
- if ($[11] !== Icon || $[12] !== iconsVisible) {
154
- t3 = iconsVisible && Icon && /*#__PURE__*/jsx("span", {
198
+ let t4;
199
+ if ($[12] !== Icon || $[13] !== iconsVisible) {
200
+ t4 = iconsVisible && Icon && /*#__PURE__*/jsx("span", {
155
201
  "data-component": "icon",
156
202
  children: isElement(Icon) ? Icon : /*#__PURE__*/jsx(Icon, {})
157
203
  });
158
- $[11] = Icon;
159
- $[12] = iconsVisible;
160
- $[13] = t3;
204
+ $[12] = Icon;
205
+ $[13] = iconsVisible;
206
+ $[14] = t4;
161
207
  } else {
162
- t3 = $[13];
208
+ t4 = $[14];
163
209
  }
164
- let t4;
165
- if ($[14] !== children) {
166
- t4 = children && /*#__PURE__*/jsx("span", {
210
+ let t5;
211
+ if ($[15] !== children) {
212
+ t5 = children && /*#__PURE__*/jsx("span", {
167
213
  "data-component": "text",
168
214
  "data-content": children,
169
215
  children: children
170
216
  });
171
- $[14] = children;
172
- $[15] = t4;
217
+ $[15] = children;
218
+ $[16] = t5;
173
219
  } else {
174
- t4 = $[15];
220
+ t5 = $[16];
175
221
  }
176
- let t5;
177
- if ($[16] !== counter || $[17] !== loadingCounters) {
178
- t5 = counter !== undefined ? loadingCounters ? /*#__PURE__*/jsx("span", {
222
+ let t6;
223
+ if ($[17] !== counter || $[18] !== loadingCounters) {
224
+ t6 = counter !== undefined ? loadingCounters ? /*#__PURE__*/jsx("span", {
179
225
  "data-component": "counter",
180
226
  children: /*#__PURE__*/jsx(LoadingCounter, {})
181
227
  }) : /*#__PURE__*/jsx("span", {
@@ -184,33 +230,35 @@ const UnderlineItem = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
184
230
  children: counter
185
231
  })
186
232
  }) : null;
187
- $[16] = counter;
188
- $[17] = loadingCounters;
189
- $[18] = t5;
233
+ $[17] = counter;
234
+ $[18] = loadingCounters;
235
+ $[19] = t6;
190
236
  } else {
191
- t5 = $[18];
237
+ t6 = $[19];
192
238
  }
193
- let t6;
194
- if ($[19] !== as || $[20] !== forwardedRef || $[21] !== rest || $[22] !== t2 || $[23] !== t3 || $[24] !== t4 || $[25] !== t5) {
195
- t6 = /*#__PURE__*/jsxs(BoxWithFallback, {
239
+ let t7;
240
+ if ($[20] !== as || $[21] !== forwardedRef || $[22] !== rest || $[23] !== sxProp || $[24] !== t3 || $[25] !== t4 || $[26] !== t5 || $[27] !== t6) {
241
+ t7 = /*#__PURE__*/jsxs(BoxWithFallback, {
196
242
  ref: forwardedRef,
197
243
  as: as,
198
- className: t2,
244
+ sx: sxProp,
245
+ className: t3,
199
246
  ...rest,
200
- children: [t3, t4, t5]
247
+ children: [t4, t5, t6]
201
248
  });
202
- $[19] = as;
203
- $[20] = forwardedRef;
204
- $[21] = rest;
205
- $[22] = t2;
206
- $[23] = t3;
207
- $[24] = t4;
208
- $[25] = t5;
209
- $[26] = t6;
249
+ $[20] = as;
250
+ $[21] = forwardedRef;
251
+ $[22] = rest;
252
+ $[23] = sxProp;
253
+ $[24] = t3;
254
+ $[25] = t4;
255
+ $[26] = t5;
256
+ $[27] = t6;
257
+ $[28] = t7;
210
258
  } else {
211
- t6 = $[26];
259
+ t7 = $[28];
212
260
  }
213
- return t6;
261
+ return t7;
214
262
  });
215
263
 
216
264
  export { GAP, LoadingCounter, UnderlineItem, UnderlineItemList, UnderlineWrapper };
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ type CSSModulesProps = {
3
+ as?: string | React.ComponentType<any>;
4
+ sx?: React.CSSProperties;
5
+ };
6
+ /**
7
+ * Utility to toggle rendering a styled component or a "plain" component based
8
+ * on the provided `as` prop. When the provided feature flag is enabled, the
9
+ * props will be passed through to an element or component created with the `as`
10
+ * prop. When it is disabled, the provided styled component is used instead.
11
+ *
12
+ * @param flag - the feature flag that will control whether or not the provided
13
+ * styled component is used
14
+ * @param defaultAs - the default component to use when `as` is not provided
15
+ * @param Component - the styled component that will be used if the feature flag
16
+ * is disabled
17
+ */
18
+ export declare function toggleStyledComponent<T, P extends CSSModulesProps>(flag: string, defaultAs: string | React.ComponentType<any>, Component: React.ComponentType<P>): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
19
+ export {};
20
+ //# sourceMappingURL=toggleStyledComponent.d.ts.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/react",
3
- "version": "37.29.0-rc.d46ec0131",
3
+ "version": "38.0.0-rc.389f01088",
4
4
  "description": "An implementation of GitHub's Primer Design System using React",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-esm/index.js",
@@ -1,2 +0,0 @@
1
- .prc-DataTable-TablePagination-ZbY9p{align-items:center;border:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));border-end-end-radius:var(--borderRadius-medium,.375rem);border-end-start-radius:var(--borderRadius-medium,.375rem);border-top-width:0;column-gap:1rem;display:flex;grid-area:footer;justify-content:space-between;padding:var(--base-size-8,.5rem) var(--base-size-16,1rem);width:100%}@media ((max-width:calc(768px - 0.02px))){.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=narrow]>:not(:first-child):not(:last-child){display:none}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=narrow]>:first-child{margin-inline-end:0}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=narrow]>:last-child{margin-inline-start:0}}@media ((min-width:768px)){.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=regular]>:not(:first-child):not(:last-child){display:none}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=regular]>:first-child{margin-inline-end:0}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=regular]>:last-child{margin-inline-start:0}}@media ((min-width:1400px)){.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=wide]>:not(:first-child):not(:last-child){display:none}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=wide]>:first-child{margin-inline-end:0}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=wide]>:last-child{margin-inline-start:0}}.prc-DataTable-TablePaginationRange-Kp7GT{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-small,.75rem);margin:0}.prc-DataTable-TablePaginationSteps-Qqz6y{align-items:center;color:var(--fgColor-default,var(--color-fg-default));display:flex;flex-wrap:wrap;font-size:var(--text-body-size-medium,.875rem);list-style:none;margin:0;padding:0}.prc-DataTable-TablePaginationStep-0FsgZ:first-of-type{margin-right:var(--base-size-16,1rem)}.prc-DataTable-TablePaginationStep-0FsgZ:last-of-type{margin-left:var(--base-size-16,1rem)}.prc-DataTable-TablePaginationAction-kKQK4{align-items:center;border-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-muted,var(--color-fg-muted));display:flex;font-size:var(--text-body-size-medium,.875rem);line-height:1.42857;padding:var(--base-size-8,.5rem);-webkit-user-select:none;user-select:none}.prc-DataTable-TablePaginationAction-kKQK4[data-has-page]{color:var(--fgColor-accent,var(--color-accent-fg))}.prc-DataTable-TablePaginationPage-MQm-t{align-items:center;border-radius:var(--borderRadius-medium,.375rem);display:flex;font-size:var(--text-body-size-medium,.875rem);justify-content:center;line-height:1.42857;min-height:2rem;min-width:2rem;padding:var(--base-size-8,.5rem) calc((var(--base-size-32,2rem) - var(--base-size-20,1.25rem))/2);-webkit-user-select:none;user-select:none}.prc-DataTable-TablePaginationAction-kKQK4[data-has-page]:focus,.prc-DataTable-TablePaginationAction-kKQK4[data-has-page]:hover,.prc-DataTable-TablePaginationPage-MQm-t:focus,.prc-DataTable-TablePaginationPage-MQm-t:hover{background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg))}.prc-DataTable-TablePaginationPage-MQm-t[data-active=true]{background-color:var(--bgColor-accent-emphasis,var(--color-accent-emphasis));color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-DataTable-TablePaginationPage-MQm-t[data-active=true]:focus-visible{box-shadow:inset 0 0 0 3px var(--fgColor-onEmphasis,var(--color-fg-on-emphasis));outline:2px solid var(--bgColor-accent-emphasis,var(--color-accent-emphasis));outline-offset:-2px}.prc-DataTable-TablePaginationTruncationStep-HEMTY{align-items:center;display:flex;justify-content:center;min-height:2rem;min-width:2rem;-webkit-user-select:none;user-select:none}
2
- /*# sourceMappingURL=Pagination-b6f8418c.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/DataTable/Pagination.module.css"],"names":[],"mappings":"AAAA,qCAEE,kBAAmB,CAMnB,oGAAgE,CAGhE,wDAAiD,CADjD,0DAAmD,CADnD,kBAAmB,CALnB,eAAgB,CAHhB,YAAa,CAKb,gBAAiB,CAHjB,6BAA8B,CAI9B,yDAA+C,CAF/C,UAOF,CAEA,0CACE,mHACE,YACF,CAEA,4FACE,mBACF,CAEA,2FACE,qBACF,CACF,CAEA,2BACE,oHACE,YACF,CAEA,6FACE,mBACF,CAEA,4FACE,qBACF,CACF,CAEA,4BACE,iHACE,YACF,CAEA,0FACE,mBACF,CAEA,yFACE,qBACF,CACF,CAEA,0CACE,gDAA2B,CAC3B,4CAAsC,CACtC,QACF,CAEA,0CAEE,kBAAmB,CAGnB,oDAA6B,CAJ7B,YAAa,CAEb,cAAe,CAGf,8CAAuC,CAFvC,eAAgB,CAGhB,QAAS,CACT,SACF,CAEA,uDACE,qCACF,CAEA,sDACE,oCACF,CAEA,2CAEE,kBAAmB,CAOnB,gDAAyC,CANzC,gDAA2B,CAF3B,YAAa,CAGb,8CAAuC,CAEvC,mBAA0B,CAE1B,gCAA2B,CAD3B,wBAAiB,CAAjB,gBAGF,CAEA,0DACE,kDACF,CAEA,yCAIE,kBAAmB,CAMnB,gDAAyC,CAPzC,YAAa,CAGb,8CAAuC,CADvC,sBAAuB,CAGvB,mBAA0B,CAN1B,eAAgB,CADhB,cAAe,CAUf,iGAAiF,CAFjF,wBAAiB,CAAjB,gBAGF,CAEA,8NAIE,wGACF,CAEA,2DACE,4EAAgD,CAChD,2DACF,CAEA,yEAIE,gFAAqD,CAHrD,6EAAiD,CACjD,mBAGF,CAEA,mDAEE,kBAAmB,CADnB,YAAa,CAEb,sBAAuB,CAEvB,eAAgB,CADhB,cAAe,CAEf,wBAAiB,CAAjB,gBACF","file":"Pagination-b6f8418c.css","sourcesContent":[".TablePagination {\n display: flex;\n align-items: center;\n justify-content: space-between;\n column-gap: 1rem;\n width: 100%;\n grid-area: footer;\n padding: var(--base-size-8) var(--base-size-16);\n border: var(--borderWidth-thin) solid var(--borderColor-default);\n border-top-width: 0;\n border-end-start-radius: var(--borderRadius-medium);\n border-end-end-radius: var(--borderRadius-medium);\n}\n\n@media ((max-width: calc(768px - 0.02px))) {\n .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:not(:first-child):not(:last-child) {\n display: none;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:first-child {\n margin-inline-end: 0;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:last-child {\n margin-inline-start: 0;\n }\n}\n\n@media ((min-width: 768px)) {\n .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:not(:first-child):not(:last-child) {\n display: none;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:first-child {\n margin-inline-end: 0;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:last-child {\n margin-inline-start: 0;\n }\n}\n\n@media ((min-width: 1400px)) {\n .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:not(:first-child):not(:last-child) {\n display: none;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:first-child {\n margin-inline-end: 0;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:last-child {\n margin-inline-start: 0;\n }\n}\n\n.TablePaginationRange {\n color: var(--fgColor-muted);\n font-size: var(--text-body-size-small);\n margin: 0;\n}\n\n.TablePaginationSteps {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n list-style: none;\n color: var(--fgColor-default);\n font-size: var(--text-body-size-medium);\n margin: 0;\n padding: 0;\n}\n\n.TablePaginationStep:first-of-type {\n margin-right: var(--base-size-16);\n}\n\n.TablePaginationStep:last-of-type {\n margin-left: var(--base-size-16);\n}\n\n.TablePaginationAction {\n display: flex;\n align-items: center;\n color: var(--fgColor-muted);\n font-size: var(--text-body-size-medium);\n /* stylelint-disable-next-line primer/typography */\n line-height: calc(20 / 14);\n user-select: none;\n padding: var(--base-size-8);\n border-radius: var(--borderRadius-medium);\n}\n\n.TablePaginationAction[data-has-page] {\n color: var(--fgColor-accent);\n}\n\n.TablePaginationPage {\n min-width: 2rem;\n min-height: 2rem;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--text-body-size-medium);\n /* stylelint-disable-next-line primer/typography */\n line-height: calc(20 / 14);\n user-select: none;\n border-radius: var(--borderRadius-medium);\n padding: var(--base-size-8) calc((var(--base-size-32) - var(--base-size-20)) / 2); /* primer.control.medium.paddingInline.condensed primer.control.medium.paddingBlock */\n}\n\n.TablePaginationAction[data-has-page]:hover,\n.TablePaginationAction[data-has-page]:focus,\n.TablePaginationPage:hover,\n.TablePaginationPage:focus {\n background-color: var(--control-transparent-bgColor-hover);\n}\n\n.TablePaginationPage[data-active='true'] {\n background-color: var(--bgColor-accent-emphasis);\n color: var(--fgColor-onEmphasis);\n}\n\n.TablePaginationPage[data-active='true']:focus-visible {\n outline: 2px solid var(--bgColor-accent-emphasis);\n outline-offset: -2px;\n /* stylelint-disable-next-line primer/box-shadow */\n box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis);\n}\n\n.TablePaginationTruncationStep {\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 2rem;\n min-height: 2rem;\n user-select: none;\n}\n"]}
@@ -1,7 +0,0 @@
1
- 'use strict';
2
-
3
- require('./Pagination-b6f8418c.css');
4
-
5
- var classes = {"TablePagination":"prc-DataTable-TablePagination-ZbY9p","TablePaginationSteps":"prc-DataTable-TablePaginationSteps-Qqz6y","TablePaginationRange":"prc-DataTable-TablePaginationRange-Kp7GT","TablePaginationStep":"prc-DataTable-TablePaginationStep-0FsgZ","TablePaginationAction":"prc-DataTable-TablePaginationAction-kKQK4","TablePaginationPage":"prc-DataTable-TablePaginationPage-MQm-t","TablePaginationTruncationStep":"prc-DataTable-TablePaginationTruncationStep-HEMTY"};
6
-
7
- module.exports = classes;
@@ -1,2 +0,0 @@
1
- .prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-component=SkeletonAvatar]){border-radius:50%;display:inline-block;height:var(--avatarSize-regular);line-height:1;width:var(--avatarSize-regular)}.prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-square]){border-radius:clamp(4px,var(--avatarSize-regular) - 24px,var(--borderRadius-medium,.375rem))}@media screen and (max-width:calc(48rem - 0.02px)){.prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-responsive]){height:var(--avatarSize-narrow);width:var(--avatarSize-narrow)}}@media screen and (min-width:48rem){.prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-responsive]){height:var(--avatarSize-regular);width:var(--avatarSize-regular)}}@media screen and (min-width:87.5rem){.prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-responsive]){height:var(--avatarSize-wide);width:var(--avatarSize-wide)}}
2
- /*# sourceMappingURL=SkeletonAvatar-e00fff32.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/SkeletonAvatar/SkeletonAvatar.module.css"],"names":[],"mappings":"AACE,gFAME,iBAAkB,CALlB,oBAAqB,CAErB,gCAAiC,CAEjC,aAAc,CAHd,+BAKF,CAEA,8DAEE,4FACF,CAGE,mDADF,kEAGI,+BAAgC,CADhC,8BAaJ,CAXE,CAEA,oCANF,kEAQI,gCAAiC,CADjC,+BAQJ,CANE,CAEA,sCAXF,kEAaI,6BAA8B,CAD9B,4BAGJ,CADE","file":"SkeletonAvatar-e00fff32.css","sourcesContent":[".SkeletonAvatar {\n &:where([data-component='SkeletonAvatar']) {\n display: inline-block;\n width: var(--avatarSize-regular);\n height: var(--avatarSize-regular);\n /* stylelint-disable-next-line primer/typography */\n line-height: 1;\n border-radius: 50%;\n }\n\n &:where([data-square]) {\n /* stylelint-disable-next-line primer/borders */\n border-radius: clamp(4px, var(--avatarSize-regular) - 24px, var(--borderRadius-medium));\n }\n\n &:where([data-responsive]) {\n @media screen and (--viewportRange-narrow) {\n width: var(--avatarSize-narrow);\n height: var(--avatarSize-narrow);\n }\n\n @media screen and (--viewportRange-regular) {\n width: var(--avatarSize-regular);\n height: var(--avatarSize-regular);\n }\n\n @media screen and (--viewportRange-wide) {\n width: var(--avatarSize-wide);\n height: var(--avatarSize-wide);\n }\n }\n}\n"]}
@@ -1,12 +0,0 @@
1
- import type React from 'react';
2
- import type { AvatarProps } from '../Avatar';
3
- interface SkeletonAvatarProps extends Omit<React.HTMLProps<HTMLElement>, 'size'> {
4
- /** Class name for custom styling */
5
- className?: string;
6
- size?: AvatarProps['size'];
7
- square?: AvatarProps['square'];
8
- }
9
- declare function SkeletonAvatar({ size, square, className, style, ...rest }: SkeletonAvatarProps): React.JSX.Element;
10
- export { SkeletonAvatar };
11
- export type { SkeletonAvatarProps };
12
- //# sourceMappingURL=SkeletonAvatar.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SkeletonAvatar.d.ts","sourceRoot":"","sources":["../../src/SkeletonAvatar/SkeletonAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,WAAW,CAAA;AAO1C,UAAU,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9E,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC1B,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAA;CAC/B;AAED,iBAAS,cAAc,CAAC,EAAC,IAA0B,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAC,EAAE,mBAAmB,qBAsB3G;AAED,OAAO,EAAC,cAAc,EAAC,CAAA;AACvB,YAAY,EAAC,mBAAmB,EAAC,CAAA"}
@@ -1,3 +0,0 @@
1
- export { SkeletonAvatar } from './SkeletonAvatar';
2
- export type { SkeletonAvatarProps } from './SkeletonAvatar';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/SkeletonAvatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAA;AAC/C,YAAY,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAA"}
@@ -1,2 +0,0 @@
1
- .prc-SkeletonText-SkeletonText-tW5nH{--font-size:var(--text-body-size-medium,0.875rem);--line-height:var(--text-body-lineHeight-medium,1.4285);--leading:calc(var(--font-size)*var(--line-height) - var(--font-size))}@supports (margin-block:mod(1px,1px)){.prc-SkeletonText-SkeletonText-tW5nH{--leading:mod(var(--font-size) * var(--line-height),var(--font-size))}}.prc-SkeletonText-SkeletonText-tW5nH{border-radius:var(--borderRadius-small,.1875rem);height:var(--font-size);margin-block:calc(var(--leading)/2)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-in-multiline]){margin-block-end:calc(var(--leading)*2)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-in-multiline]):last-child{margin-bottom:0;max-width:65%;min-width:50px}.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=display]),.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=titleLarge]){border-radius:var(--borderRadius-medium,.375rem)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=display]){--font-size:var(--text-display-size,2.5rem);--line-height:var(--text-display-lineHeight,1.4)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=titleLarge]){--font-size:var(--text-title-size-large,2rem);--line-height:var(--text-title-lineHeight-large,1.5)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=titleMedium]){--font-size:var(--text-title-size-medium,1.25rem);--line-height:var(--text-title-lineHeight-medium,1.6)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=titleSmall]){--font-size:var(--text-title-size-small,1rem);--line-height:var(--text-title-lineHeight-small,1.5)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=subtitle]){--font-size:var(--text-subtitle-size,1.25rem);--line-height:var(--text-subtitle-lineHeight,1.6)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=bodyLarge]){--font-size:var(--text-body-size-large,1rem);--line-height:var(--text-body-lineHeight-large,1.5)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=bodySmall]){--font-size:var(--text-body-size-small,0.75rem);--line-height:var(--text-body-lineHeight-small,1.6666)}.prc-SkeletonText-SkeletonTextWrapper-3Z0sU{padding-block:.1px}
2
- /*# sourceMappingURL=SkeletonText-5cf908c1.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/SkeletonText/SkeletonText.module.css"],"names":[],"mappings":"AAAA,qCACE,iDAAyC,CACzC,uDAAiD,CACjD,sEA6DF,CA3DE,sCALF,qCAMI,qEA0DJ,CAzDE,CAPF,qCAUE,gDAAwC,CADxC,uBAAwB,CAGxB,mCAoDF,CAlDE,gEAEE,uCAOF,CALE,2EAGE,eAAgB,CADhB,aAAc,CADd,cAGF,CAGF,+JAEE,gDACF,CAEA,8EACE,2CAAqC,CACrC,gDACF,CAEA,iFACE,6CAAyC,CACzC,oDACF,CAEA,kFACE,iDAA0C,CAC1C,qDACF,CAEA,iFACE,6CAAyC,CACzC,oDACF,CAEA,+EACE,6CAAsC,CACtC,iDACF,CAEA,gFACE,4CAAwC,CACxC,mDACF,CAEA,gFACE,+CAAwC,CACxC,sDACF,CAGF,4CAEE,kBACF","file":"SkeletonText-5cf908c1.css","sourcesContent":[".SkeletonText {\n --font-size: var(--text-body-size-medium);\n --line-height: var(--text-body-lineHeight-medium);\n --leading: calc(var(--font-size) * var(--line-height) - var(--font-size));\n\n @supports (margin-block: mod(1px, 1px)) {\n --leading: mod(var(--font-size) * var(--line-height), var(--font-size));\n }\n\n height: var(--font-size);\n border-radius: var(--borderRadius-small);\n /* stylelint-disable-next-line primer/spacing */\n margin-block: calc(var(--leading) / 2);\n\n &:where([data-in-multiline]) {\n /* stylelint-disable-next-line primer/spacing */\n margin-block-end: calc(var(--leading) * 2);\n\n &:last-child {\n min-width: 50px;\n max-width: 65%;\n margin-bottom: 0;\n }\n }\n\n &:where([data-text-skeleton-size='display']),\n &:where([data-text-skeleton-size='titleLarge']) {\n border-radius: var(--borderRadius-medium);\n }\n\n &:where([data-text-skeleton-size='display']) {\n --font-size: var(--text-display-size);\n --line-height: var(--text-display-lineHeight);\n }\n\n &:where([data-text-skeleton-size='titleLarge']) {\n --font-size: var(--text-title-size-large);\n --line-height: var(--text-title-lineHeight-large);\n }\n\n &:where([data-text-skeleton-size='titleMedium']) {\n --font-size: var(--text-title-size-medium);\n --line-height: var(--text-title-lineHeight-medium);\n }\n\n &:where([data-text-skeleton-size='titleSmall']) {\n --font-size: var(--text-title-size-small);\n --line-height: var(--text-title-lineHeight-small);\n }\n\n &:where([data-text-skeleton-size='subtitle']) {\n --font-size: var(--text-subtitle-size);\n --line-height: var(--text-subtitle-lineHeight);\n }\n\n &:where([data-text-skeleton-size='bodyLarge']) {\n --font-size: var(--text-body-size-large);\n --line-height: var(--text-body-lineHeight-large);\n }\n\n &:where([data-text-skeleton-size='bodySmall']) {\n --font-size: var(--text-body-size-small);\n --line-height: var(--text-body-lineHeight-small);\n }\n}\n\n.SkeletonTextWrapper {\n /* stylelint-disable-next-line primer/spacing */\n padding-block: 0.1px;\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SkeletonText.d.ts","sourceRoot":"","sources":["../../src/SkeletonText/SkeletonText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAKpC,UAAU,iBAAkB,SAAQ,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IACtE,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,aAAa,GAAG,YAAY,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,UAAU,CAAA;IACtH,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAA;IAC1C,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,YAAY,CAAC,EAAC,KAAS,EAAE,QAAQ,EAAE,IAAmB,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAC,EAAE,iBAAiB,qBAsC7G;AAED,OAAO,EAAC,YAAY,EAAC,CAAA;AACrB,YAAY,EAAC,iBAAiB,EAAC,CAAA"}
@@ -1,142 +0,0 @@
1
- 'use strict';
2
-
3
- var reactCompilerRuntime = require('react-compiler-runtime');
4
- var SkeletonText_module = require('./SkeletonText.module.css.js');
5
- var clsx = require('clsx');
6
- var SkeletonBox = require('../Skeleton/SkeletonBox.js');
7
- var jsxRuntime = require('react/jsx-runtime');
8
-
9
- function SkeletonText(t0) {
10
- const $ = reactCompilerRuntime.c(32);
11
- let className;
12
- let maxWidth;
13
- let rest;
14
- let style;
15
- let t1;
16
- let t2;
17
- if ($[0] !== t0) {
18
- ({
19
- lines: t1,
20
- maxWidth,
21
- size: t2,
22
- className,
23
- style,
24
- ...rest
25
- } = t0);
26
- $[0] = t0;
27
- $[1] = className;
28
- $[2] = maxWidth;
29
- $[3] = rest;
30
- $[4] = style;
31
- $[5] = t1;
32
- $[6] = t2;
33
- } else {
34
- className = $[1];
35
- maxWidth = $[2];
36
- rest = $[3];
37
- style = $[4];
38
- t1 = $[5];
39
- t2 = $[6];
40
- }
41
- const lines = t1 === undefined ? 1 : t1;
42
- const size = t2 === undefined ? "bodyMedium" : t2;
43
- if (lines < 2) {
44
- let t3;
45
- if ($[7] !== className) {
46
- t3 = clsx.clsx(className, SkeletonText_module.SkeletonText);
47
- $[7] = className;
48
- $[8] = t3;
49
- } else {
50
- t3 = $[8];
51
- }
52
- let t4;
53
- if ($[9] !== maxWidth || $[10] !== style) {
54
- t4 = {
55
- ...style,
56
- maxWidth
57
- };
58
- $[9] = maxWidth;
59
- $[10] = style;
60
- $[11] = t4;
61
- } else {
62
- t4 = $[11];
63
- }
64
- let t5;
65
- if ($[12] !== rest || $[13] !== size || $[14] !== t3 || $[15] !== t4) {
66
- t5 = /*#__PURE__*/jsxRuntime.jsx(SkeletonBox.SkeletonBox, {
67
- "data-component": "SkeletonText",
68
- "data-text-skeleton-size": size,
69
- width: "100%",
70
- className: t3,
71
- style: t4,
72
- ...rest
73
- });
74
- $[12] = rest;
75
- $[13] = size;
76
- $[14] = t3;
77
- $[15] = t4;
78
- $[16] = t5;
79
- } else {
80
- t5 = $[16];
81
- }
82
- return t5;
83
- }
84
- let t3;
85
- if ($[17] !== maxWidth || $[18] !== style) {
86
- t3 = {
87
- ...style,
88
- maxWidth
89
- };
90
- $[17] = maxWidth;
91
- $[18] = style;
92
- $[19] = t3;
93
- } else {
94
- t3 = $[19];
95
- }
96
- let t4;
97
- if ($[20] !== className || $[21] !== lines || $[22] !== rest || $[23] !== size) {
98
- let t5;
99
- if ($[25] !== className || $[26] !== rest || $[27] !== size) {
100
- t5 = (_, index) => /*#__PURE__*/jsxRuntime.jsx(SkeletonBox.SkeletonBox, {
101
- "data-component": "SkeletonText",
102
- "data-in-multiline": "true",
103
- "data-text-skeleton-size": size,
104
- className: clsx.clsx(className, SkeletonText_module.SkeletonText),
105
- ...rest
106
- }, index);
107
- $[25] = className;
108
- $[26] = rest;
109
- $[27] = size;
110
- $[28] = t5;
111
- } else {
112
- t5 = $[28];
113
- }
114
- t4 = Array.from({
115
- length: lines
116
- }, t5);
117
- $[20] = className;
118
- $[21] = lines;
119
- $[22] = rest;
120
- $[23] = size;
121
- $[24] = t4;
122
- } else {
123
- t4 = $[24];
124
- }
125
- let t5;
126
- if ($[29] !== t3 || $[30] !== t4) {
127
- t5 = /*#__PURE__*/jsxRuntime.jsx("div", {
128
- "data-component": "multilineContainer",
129
- className: SkeletonText_module.SkeletonTextWrapper,
130
- style: t3,
131
- children: t4
132
- });
133
- $[29] = t3;
134
- $[30] = t4;
135
- $[31] = t5;
136
- } else {
137
- t5 = $[31];
138
- }
139
- return t5;
140
- }
141
-
142
- exports.SkeletonText = SkeletonText;
@@ -1,7 +0,0 @@
1
- 'use strict';
2
-
3
- require('./SkeletonText-5cf908c1.css');
4
-
5
- var classes = {"SkeletonText":"prc-SkeletonText-SkeletonText-tW5nH","SkeletonTextWrapper":"prc-SkeletonText-SkeletonTextWrapper-3Z0sU"};
6
-
7
- module.exports = classes;
@@ -1,3 +0,0 @@
1
- export { SkeletonText } from './SkeletonText';
2
- export type { SkeletonTextProps } from './SkeletonText';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/SkeletonText/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAC3C,YAAY,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAA"}
@@ -1,2 +0,0 @@
1
- .prc-src-InternalVisuallyHidden-nlR9R{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}
2
- /*# sourceMappingURL=_VisuallyHidden-5c0a2499.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["src/_VisuallyHidden.module.css"],"names":[],"mappings":"AAAA,sCAGE,UAAW,CAGX,WAAY,CACZ,eAAgB,CAHhB,SAAU,CAHV,iBAAkB,CAClB,SAAU,CAMV,kBAAsB,CAEtB,cAAe,CADf,kBAEF","file":"_VisuallyHidden-5c0a2499.css","sourcesContent":[".InternalVisuallyHidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n /* stylelint-disable-next-line primer/spacing */\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n"]}
@@ -1,7 +0,0 @@
1
- 'use strict';
2
-
3
- require('./_VisuallyHidden-5c0a2499.css');
4
-
5
- var classes = {"InternalVisuallyHidden":"prc-src-InternalVisuallyHidden-nlR9R"};
6
-
7
- module.exports = classes;
@@ -1,2 +0,0 @@
1
- .prc-components-ButtonReset-9kafa{align-items:center;appearance:none;background:none;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;margin:0;padding:0;text-align:start}.prc-components-ButtonReset-9kafa::-moz-focus-inner{border:0}
2
- /*# sourceMappingURL=ButtonReset-904f2483.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/internal/components/ButtonReset.module.css"],"names":[],"mappings":"AAAA,kCAWE,kBAAmB,CANnB,eAAgB,CAChB,eAAgB,CAFhB,QAAS,CAMT,aAAc,CAHd,cAAe,CALf,mBAAoB,CAOpB,YAAa,CARb,QAAS,CAET,SAAU,CAKV,gBAQF,CAHE,oDACE,QACF","file":"ButtonReset-904f2483.css","sourcesContent":[".ButtonReset {\n margin: 0;\n display: inline-flex;\n padding: 0;\n border: 0;\n appearance: none;\n background: none;\n cursor: pointer;\n text-align: start;\n font: inherit;\n color: inherit;\n align-items: center;\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n"]}
@@ -1,7 +0,0 @@
1
- 'use strict';
2
-
3
- require('./ButtonReset-904f2483.css');
4
-
5
- var classes = {"ButtonReset":"prc-components-ButtonReset-9kafa"};
6
-
7
- module.exports = classes;
@@ -1,2 +0,0 @@
1
- .prc-DataTable-TablePagination-ZbY9p{align-items:center;border:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));border-end-end-radius:var(--borderRadius-medium,.375rem);border-end-start-radius:var(--borderRadius-medium,.375rem);border-top-width:0;column-gap:1rem;display:flex;grid-area:footer;justify-content:space-between;padding:var(--base-size-8,.5rem) var(--base-size-16,1rem);width:100%}@media ((max-width:calc(768px - 0.02px))){.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=narrow]>:not(:first-child):not(:last-child){display:none}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=narrow]>:first-child{margin-inline-end:0}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=narrow]>:last-child{margin-inline-start:0}}@media ((min-width:768px)){.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=regular]>:not(:first-child):not(:last-child){display:none}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=regular]>:first-child{margin-inline-end:0}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=regular]>:last-child{margin-inline-start:0}}@media ((min-width:1400px)){.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=wide]>:not(:first-child):not(:last-child){display:none}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=wide]>:first-child{margin-inline-end:0}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=wide]>:last-child{margin-inline-start:0}}.prc-DataTable-TablePaginationRange-Kp7GT{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-small,.75rem);margin:0}.prc-DataTable-TablePaginationSteps-Qqz6y{align-items:center;color:var(--fgColor-default,var(--color-fg-default));display:flex;flex-wrap:wrap;font-size:var(--text-body-size-medium,.875rem);list-style:none;margin:0;padding:0}.prc-DataTable-TablePaginationStep-0FsgZ:first-of-type{margin-right:var(--base-size-16,1rem)}.prc-DataTable-TablePaginationStep-0FsgZ:last-of-type{margin-left:var(--base-size-16,1rem)}.prc-DataTable-TablePaginationAction-kKQK4{align-items:center;border-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-muted,var(--color-fg-muted));display:flex;font-size:var(--text-body-size-medium,.875rem);line-height:1.42857;padding:var(--base-size-8,.5rem);-webkit-user-select:none;user-select:none}.prc-DataTable-TablePaginationAction-kKQK4[data-has-page]{color:var(--fgColor-accent,var(--color-accent-fg))}.prc-DataTable-TablePaginationPage-MQm-t{align-items:center;border-radius:var(--borderRadius-medium,.375rem);display:flex;font-size:var(--text-body-size-medium,.875rem);justify-content:center;line-height:1.42857;min-height:2rem;min-width:2rem;padding:var(--base-size-8,.5rem) calc((var(--base-size-32,2rem) - var(--base-size-20,1.25rem))/2);-webkit-user-select:none;user-select:none}.prc-DataTable-TablePaginationAction-kKQK4[data-has-page]:focus,.prc-DataTable-TablePaginationAction-kKQK4[data-has-page]:hover,.prc-DataTable-TablePaginationPage-MQm-t:focus,.prc-DataTable-TablePaginationPage-MQm-t:hover{background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg))}.prc-DataTable-TablePaginationPage-MQm-t[data-active=true]{background-color:var(--bgColor-accent-emphasis,var(--color-accent-emphasis));color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-DataTable-TablePaginationPage-MQm-t[data-active=true]:focus-visible{box-shadow:inset 0 0 0 3px var(--fgColor-onEmphasis,var(--color-fg-on-emphasis));outline:2px solid var(--bgColor-accent-emphasis,var(--color-accent-emphasis));outline-offset:-2px}.prc-DataTable-TablePaginationTruncationStep-HEMTY{align-items:center;display:flex;justify-content:center;min-height:2rem;min-width:2rem;-webkit-user-select:none;user-select:none}
2
- /*# sourceMappingURL=Pagination-b6f8418c.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/DataTable/Pagination.module.css"],"names":[],"mappings":"AAAA,qCAEE,kBAAmB,CAMnB,oGAAgE,CAGhE,wDAAiD,CADjD,0DAAmD,CADnD,kBAAmB,CALnB,eAAgB,CAHhB,YAAa,CAKb,gBAAiB,CAHjB,6BAA8B,CAI9B,yDAA+C,CAF/C,UAOF,CAEA,0CACE,mHACE,YACF,CAEA,4FACE,mBACF,CAEA,2FACE,qBACF,CACF,CAEA,2BACE,oHACE,YACF,CAEA,6FACE,mBACF,CAEA,4FACE,qBACF,CACF,CAEA,4BACE,iHACE,YACF,CAEA,0FACE,mBACF,CAEA,yFACE,qBACF,CACF,CAEA,0CACE,gDAA2B,CAC3B,4CAAsC,CACtC,QACF,CAEA,0CAEE,kBAAmB,CAGnB,oDAA6B,CAJ7B,YAAa,CAEb,cAAe,CAGf,8CAAuC,CAFvC,eAAgB,CAGhB,QAAS,CACT,SACF,CAEA,uDACE,qCACF,CAEA,sDACE,oCACF,CAEA,2CAEE,kBAAmB,CAOnB,gDAAyC,CANzC,gDAA2B,CAF3B,YAAa,CAGb,8CAAuC,CAEvC,mBAA0B,CAE1B,gCAA2B,CAD3B,wBAAiB,CAAjB,gBAGF,CAEA,0DACE,kDACF,CAEA,yCAIE,kBAAmB,CAMnB,gDAAyC,CAPzC,YAAa,CAGb,8CAAuC,CADvC,sBAAuB,CAGvB,mBAA0B,CAN1B,eAAgB,CADhB,cAAe,CAUf,iGAAiF,CAFjF,wBAAiB,CAAjB,gBAGF,CAEA,8NAIE,wGACF,CAEA,2DACE,4EAAgD,CAChD,2DACF,CAEA,yEAIE,gFAAqD,CAHrD,6EAAiD,CACjD,mBAGF,CAEA,mDAEE,kBAAmB,CADnB,YAAa,CAEb,sBAAuB,CAEvB,eAAgB,CADhB,cAAe,CAEf,wBAAiB,CAAjB,gBACF","file":"Pagination-b6f8418c.css","sourcesContent":[".TablePagination {\n display: flex;\n align-items: center;\n justify-content: space-between;\n column-gap: 1rem;\n width: 100%;\n grid-area: footer;\n padding: var(--base-size-8) var(--base-size-16);\n border: var(--borderWidth-thin) solid var(--borderColor-default);\n border-top-width: 0;\n border-end-start-radius: var(--borderRadius-medium);\n border-end-end-radius: var(--borderRadius-medium);\n}\n\n@media ((max-width: calc(768px - 0.02px))) {\n .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:not(:first-child):not(:last-child) {\n display: none;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:first-child {\n margin-inline-end: 0;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:last-child {\n margin-inline-start: 0;\n }\n}\n\n@media ((min-width: 768px)) {\n .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:not(:first-child):not(:last-child) {\n display: none;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:first-child {\n margin-inline-end: 0;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:last-child {\n margin-inline-start: 0;\n }\n}\n\n@media ((min-width: 1400px)) {\n .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:not(:first-child):not(:last-child) {\n display: none;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:first-child {\n margin-inline-end: 0;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:last-child {\n margin-inline-start: 0;\n }\n}\n\n.TablePaginationRange {\n color: var(--fgColor-muted);\n font-size: var(--text-body-size-small);\n margin: 0;\n}\n\n.TablePaginationSteps {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n list-style: none;\n color: var(--fgColor-default);\n font-size: var(--text-body-size-medium);\n margin: 0;\n padding: 0;\n}\n\n.TablePaginationStep:first-of-type {\n margin-right: var(--base-size-16);\n}\n\n.TablePaginationStep:last-of-type {\n margin-left: var(--base-size-16);\n}\n\n.TablePaginationAction {\n display: flex;\n align-items: center;\n color: var(--fgColor-muted);\n font-size: var(--text-body-size-medium);\n /* stylelint-disable-next-line primer/typography */\n line-height: calc(20 / 14);\n user-select: none;\n padding: var(--base-size-8);\n border-radius: var(--borderRadius-medium);\n}\n\n.TablePaginationAction[data-has-page] {\n color: var(--fgColor-accent);\n}\n\n.TablePaginationPage {\n min-width: 2rem;\n min-height: 2rem;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--text-body-size-medium);\n /* stylelint-disable-next-line primer/typography */\n line-height: calc(20 / 14);\n user-select: none;\n border-radius: var(--borderRadius-medium);\n padding: var(--base-size-8) calc((var(--base-size-32) - var(--base-size-20)) / 2); /* primer.control.medium.paddingInline.condensed primer.control.medium.paddingBlock */\n}\n\n.TablePaginationAction[data-has-page]:hover,\n.TablePaginationAction[data-has-page]:focus,\n.TablePaginationPage:hover,\n.TablePaginationPage:focus {\n background-color: var(--control-transparent-bgColor-hover);\n}\n\n.TablePaginationPage[data-active='true'] {\n background-color: var(--bgColor-accent-emphasis);\n color: var(--fgColor-onEmphasis);\n}\n\n.TablePaginationPage[data-active='true']:focus-visible {\n outline: 2px solid var(--bgColor-accent-emphasis);\n outline-offset: -2px;\n /* stylelint-disable-next-line primer/box-shadow */\n box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis);\n}\n\n.TablePaginationTruncationStep {\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 2rem;\n min-height: 2rem;\n user-select: none;\n}\n"]}
@@ -1,5 +0,0 @@
1
- import './Pagination-b6f8418c.css';
2
-
3
- var classes = {"TablePagination":"prc-DataTable-TablePagination-ZbY9p","TablePaginationSteps":"prc-DataTable-TablePaginationSteps-Qqz6y","TablePaginationRange":"prc-DataTable-TablePaginationRange-Kp7GT","TablePaginationStep":"prc-DataTable-TablePaginationStep-0FsgZ","TablePaginationAction":"prc-DataTable-TablePaginationAction-kKQK4","TablePaginationPage":"prc-DataTable-TablePaginationPage-MQm-t","TablePaginationTruncationStep":"prc-DataTable-TablePaginationTruncationStep-HEMTY"};
4
-
5
- export { classes as default };
@@ -1,2 +0,0 @@
1
- .prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-component=SkeletonAvatar]){border-radius:50%;display:inline-block;height:var(--avatarSize-regular);line-height:1;width:var(--avatarSize-regular)}.prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-square]){border-radius:clamp(4px,var(--avatarSize-regular) - 24px,var(--borderRadius-medium,.375rem))}@media screen and (max-width:calc(48rem - 0.02px)){.prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-responsive]){height:var(--avatarSize-narrow);width:var(--avatarSize-narrow)}}@media screen and (min-width:48rem){.prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-responsive]){height:var(--avatarSize-regular);width:var(--avatarSize-regular)}}@media screen and (min-width:87.5rem){.prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-responsive]){height:var(--avatarSize-wide);width:var(--avatarSize-wide)}}
2
- /*# sourceMappingURL=SkeletonAvatar-e00fff32.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/SkeletonAvatar/SkeletonAvatar.module.css"],"names":[],"mappings":"AACE,gFAME,iBAAkB,CALlB,oBAAqB,CAErB,gCAAiC,CAEjC,aAAc,CAHd,+BAKF,CAEA,8DAEE,4FACF,CAGE,mDADF,kEAGI,+BAAgC,CADhC,8BAaJ,CAXE,CAEA,oCANF,kEAQI,gCAAiC,CADjC,+BAQJ,CANE,CAEA,sCAXF,kEAaI,6BAA8B,CAD9B,4BAGJ,CADE","file":"SkeletonAvatar-e00fff32.css","sourcesContent":[".SkeletonAvatar {\n &:where([data-component='SkeletonAvatar']) {\n display: inline-block;\n width: var(--avatarSize-regular);\n height: var(--avatarSize-regular);\n /* stylelint-disable-next-line primer/typography */\n line-height: 1;\n border-radius: 50%;\n }\n\n &:where([data-square]) {\n /* stylelint-disable-next-line primer/borders */\n border-radius: clamp(4px, var(--avatarSize-regular) - 24px, var(--borderRadius-medium));\n }\n\n &:where([data-responsive]) {\n @media screen and (--viewportRange-narrow) {\n width: var(--avatarSize-narrow);\n height: var(--avatarSize-narrow);\n }\n\n @media screen and (--viewportRange-regular) {\n width: var(--avatarSize-regular);\n height: var(--avatarSize-regular);\n }\n\n @media screen and (--viewportRange-wide) {\n width: var(--avatarSize-wide);\n height: var(--avatarSize-wide);\n }\n }\n}\n"]}