@primer/react 38.0.0-rc.6 → 38.0.0-rc.8

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 (376) hide show
  1. package/CHANGELOG.md +79 -0
  2. package/dist/ActionBar/ActionBar-3069d5f1.css +2 -0
  3. package/dist/ActionBar/ActionBar-3069d5f1.css.map +1 -0
  4. package/dist/ActionBar/ActionBar.d.ts +21 -1
  5. package/dist/ActionBar/ActionBar.d.ts.map +1 -1
  6. package/dist/ActionBar/ActionBar.js +409 -219
  7. package/dist/ActionBar/ActionBar.module.css.js +1 -1
  8. package/dist/ActionBar/index.d.ts +1 -1
  9. package/dist/ActionList/Description.d.ts +4 -3
  10. package/dist/ActionList/Description.d.ts.map +1 -1
  11. package/dist/ActionList/Description.js +5 -5
  12. package/dist/ActionList/Divider.d.ts +5 -4
  13. package/dist/ActionList/Divider.d.ts.map +1 -1
  14. package/dist/ActionList/Divider.js +6 -7
  15. package/dist/ActionList/Group.d.ts +4 -5
  16. package/dist/ActionList/Group.d.ts.map +1 -1
  17. package/dist/ActionList/Group.js +9 -16
  18. package/dist/ActionList/Heading.d.ts +3 -2
  19. package/dist/ActionList/Heading.d.ts.map +1 -1
  20. package/dist/ActionList/Heading.js +1 -0
  21. package/dist/ActionList/Item.d.ts +5 -2
  22. package/dist/ActionList/Item.d.ts.map +1 -1
  23. package/dist/ActionList/Item.js +4 -8
  24. package/dist/ActionList/LinkItem.d.ts +1 -1
  25. package/dist/ActionList/LinkItem.d.ts.map +1 -1
  26. package/dist/ActionList/LinkItem.js +1 -2
  27. package/dist/ActionList/List.d.ts +1 -1
  28. package/dist/ActionList/List.d.ts.map +1 -1
  29. package/dist/ActionList/List.js +1 -3
  30. package/dist/ActionList/TrailingAction.d.ts +1 -0
  31. package/dist/ActionList/TrailingAction.d.ts.map +1 -1
  32. package/dist/ActionList/TrailingAction.js +3 -0
  33. package/dist/ActionList/Visuals.d.ts +4 -4
  34. package/dist/ActionList/Visuals.d.ts.map +1 -1
  35. package/dist/ActionList/Visuals.js +3 -3
  36. package/dist/ActionList/index.d.ts +12 -9
  37. package/dist/ActionList/index.d.ts.map +1 -1
  38. package/dist/ActionList/shared.d.ts +2 -3
  39. package/dist/ActionList/shared.d.ts.map +1 -1
  40. package/dist/ActionMenu/ActionMenu.d.ts +6 -5
  41. package/dist/ActionMenu/ActionMenu.d.ts.map +1 -1
  42. package/dist/ActionMenu/ActionMenu.js +11 -6
  43. package/dist/AnchoredOverlay/AnchoredOverlay.d.ts +1 -1
  44. package/dist/AnchoredOverlay/AnchoredOverlay.d.ts.map +1 -1
  45. package/dist/Autocomplete/Autocomplete.d.ts +6 -4
  46. package/dist/Autocomplete/Autocomplete.d.ts.map +1 -1
  47. package/dist/Autocomplete/Autocomplete.js +1 -0
  48. package/dist/Autocomplete/AutocompleteInput.js +1 -0
  49. package/dist/Autocomplete/AutocompleteMenu.d.ts +1 -0
  50. package/dist/Autocomplete/AutocompleteMenu.d.ts.map +1 -1
  51. package/dist/Autocomplete/AutocompleteMenu.js +1 -0
  52. package/dist/Autocomplete/AutocompleteOverlay.d.ts +1 -0
  53. package/dist/Autocomplete/AutocompleteOverlay.d.ts.map +1 -1
  54. package/dist/Autocomplete/AutocompleteOverlay.js +1 -0
  55. package/dist/AvatarStack/AvatarStack.d.ts.map +1 -1
  56. package/dist/AvatarStack/AvatarStack.js +1 -3
  57. package/dist/BranchName/BranchName.d.ts +9 -10
  58. package/dist/BranchName/BranchName.d.ts.map +1 -1
  59. package/dist/BranchName/BranchName.js +1 -8
  60. package/dist/Button/Button.d.ts +1 -5
  61. package/dist/Button/Button.d.ts.map +1 -1
  62. package/dist/Button/Button.js +2 -85
  63. package/dist/Button/{ButtonBase-0a7871f4.css → ButtonBase-4c44bb02.css} +2 -2
  64. package/dist/Button/ButtonBase-4c44bb02.css.map +1 -0
  65. package/dist/Button/ButtonBase.d.ts.map +1 -1
  66. package/dist/Button/ButtonBase.js +8 -93
  67. package/dist/Button/ButtonBase.module.css.js +1 -1
  68. package/dist/Button/IconButton.d.ts.map +1 -1
  69. package/dist/Button/IconButton.js +0 -16
  70. package/dist/Button/LinkButton.d.ts +1 -1
  71. package/dist/Button/LinkButton.d.ts.map +1 -1
  72. package/dist/Button/types.d.ts +1 -3
  73. package/dist/Button/types.d.ts.map +1 -1
  74. package/dist/Checkbox/Checkbox-edc5dc3e.css +2 -0
  75. package/dist/Checkbox/{Checkbox-2aef6693.css.map → Checkbox-edc5dc3e.css.map} +1 -1
  76. package/dist/Checkbox/Checkbox.d.ts +3 -1
  77. package/dist/Checkbox/Checkbox.d.ts.map +1 -1
  78. package/dist/Checkbox/Checkbox.js +1 -0
  79. package/dist/Checkbox/Checkbox.module.css.js +1 -1
  80. package/dist/CheckboxGroup/CheckboxGroup.d.ts +8 -7
  81. package/dist/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
  82. package/dist/CheckboxGroup/CheckboxGroup.js +4 -2
  83. package/dist/ConfirmationDialog/ConfirmationDialog-87ccf595.css +2 -0
  84. package/dist/ConfirmationDialog/ConfirmationDialog-87ccf595.css.map +1 -0
  85. package/dist/ConfirmationDialog/ConfirmationDialog.d.ts.map +1 -1
  86. package/dist/ConfirmationDialog/ConfirmationDialog.js +12 -25
  87. package/dist/ConfirmationDialog/ConfirmationDialog.module.css.js +1 -1
  88. package/dist/DataTable/Table.d.ts +3 -3
  89. package/dist/DataTable/Table.d.ts.map +1 -1
  90. package/dist/DataTable/Table.js +24 -19
  91. package/dist/FeatureFlags/DefaultFeatureFlags.d.ts.map +1 -1
  92. package/dist/FeatureFlags/DefaultFeatureFlags.js +2 -1
  93. package/dist/FilteredActionList/FilteredActionList-f6c2dc7a.css +2 -0
  94. package/dist/FilteredActionList/FilteredActionList-f6c2dc7a.css.map +1 -0
  95. package/dist/FilteredActionList/FilteredActionList.d.ts.map +1 -1
  96. package/dist/FilteredActionList/FilteredActionList.js +2 -7
  97. package/dist/FilteredActionList/FilteredActionList.module.css.js +2 -2
  98. package/dist/FilteredActionList/types.d.ts +5 -2
  99. package/dist/FilteredActionList/types.d.ts.map +1 -1
  100. package/dist/FormControl/FormControl.d.ts +8 -36
  101. package/dist/FormControl/FormControl.d.ts.map +1 -1
  102. package/dist/FormControl/FormControl.js +64 -66
  103. package/dist/FormControl/FormControlCaption.d.ts +6 -4
  104. package/dist/FormControl/FormControlCaption.d.ts.map +1 -1
  105. package/dist/FormControl/FormControlCaption.js +9 -13
  106. package/dist/FormControl/FormControlLabel.d.ts +3 -3
  107. package/dist/FormControl/FormControlLabel.d.ts.map +1 -1
  108. package/dist/FormControl/FormControlLabel.js +25 -31
  109. package/dist/FormControl/FormControlLeadingVisual-e217df71.css +2 -0
  110. package/dist/FormControl/FormControlLeadingVisual-e217df71.css.map +1 -0
  111. package/dist/FormControl/FormControlLeadingVisual.d.ts +2 -2
  112. package/dist/FormControl/FormControlLeadingVisual.d.ts.map +1 -1
  113. package/dist/FormControl/FormControlLeadingVisual.js +10 -17
  114. package/dist/FormControl/FormControlLeadingVisual.module.css.js +5 -0
  115. package/dist/FormControl/_FormControlContext.js +1 -1
  116. package/dist/FormControl/_FormControlValidation.d.ts +3 -3
  117. package/dist/FormControl/_FormControlValidation.d.ts.map +1 -1
  118. package/dist/FormControl/_FormControlValidation.js +7 -9
  119. package/dist/FormControl/index.d.ts +4 -0
  120. package/dist/FormControl/index.d.ts.map +1 -1
  121. package/dist/LabelGroup/LabelGroup-7d19205a.css +2 -0
  122. package/dist/LabelGroup/LabelGroup-7d19205a.css.map +1 -0
  123. package/dist/LabelGroup/LabelGroup.d.ts.map +1 -1
  124. package/dist/LabelGroup/LabelGroup.js +14 -27
  125. package/dist/LabelGroup/LabelGroup.module.css.js +2 -2
  126. package/dist/NavList/NavList.d.ts +3 -3
  127. package/dist/NavList/NavList.d.ts.map +1 -1
  128. package/dist/NavList/NavList.js +3 -2
  129. package/dist/Octicon/Octicon.d.ts +7 -6
  130. package/dist/Octicon/Octicon.d.ts.map +1 -1
  131. package/dist/Octicon/Octicon.js +4 -23
  132. package/dist/Overlay/Overlay.d.ts.map +1 -1
  133. package/dist/Overlay/Overlay.js +63 -85
  134. package/dist/PageHeader/PageHeader.d.ts +3 -3
  135. package/dist/PageHeader/PageHeader.d.ts.map +1 -1
  136. package/dist/PageHeader/PageHeader.js +5 -2
  137. package/dist/PageLayout/{PageLayout-8a294e74.css → PageLayout-a276fa3b.css} +2 -2
  138. package/dist/PageLayout/PageLayout-a276fa3b.css.map +1 -0
  139. package/dist/PageLayout/PageLayout.d.ts +14 -58
  140. package/dist/PageLayout/PageLayout.d.ts.map +1 -1
  141. package/dist/PageLayout/PageLayout.js +216 -245
  142. package/dist/PageLayout/PageLayout.module.css.js +2 -2
  143. package/dist/Pagination/Pagination-16a5b4c6.css +2 -0
  144. package/dist/Pagination/Pagination-16a5b4c6.css.map +1 -0
  145. package/dist/Pagination/Pagination.d.ts.map +1 -1
  146. package/dist/Pagination/Pagination.js +16 -3
  147. package/dist/Pagination/Pagination.module.css.js +1 -1
  148. package/dist/Radio/Radio.d.ts +3 -1
  149. package/dist/Radio/Radio.d.ts.map +1 -1
  150. package/dist/Radio/Radio.js +1 -0
  151. package/dist/RadioGroup/RadioGroup.d.ts +6 -5
  152. package/dist/RadioGroup/RadioGroup.d.ts.map +1 -1
  153. package/dist/RadioGroup/RadioGroup.js +1 -0
  154. package/dist/SegmentedControl/SegmentedControl.d.ts +3 -2
  155. package/dist/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  156. package/dist/SegmentedControl/SegmentedControl.js +11 -14
  157. package/dist/SegmentedControl/SegmentedControlButton.d.ts +2 -1
  158. package/dist/SegmentedControl/SegmentedControlButton.d.ts.map +1 -1
  159. package/dist/SegmentedControl/SegmentedControlButton.js +1 -0
  160. package/dist/SegmentedControl/SegmentedControlIconButton.d.ts +2 -1
  161. package/dist/SegmentedControl/SegmentedControlIconButton.d.ts.map +1 -1
  162. package/dist/SegmentedControl/SegmentedControlIconButton.js +1 -0
  163. package/dist/Select/Select.d.ts +1 -0
  164. package/dist/Select/Select.d.ts.map +1 -1
  165. package/dist/Select/Select.js +1 -0
  166. package/dist/SelectPanel/SelectPanel.d.ts +2 -1
  167. package/dist/SelectPanel/SelectPanel.d.ts.map +1 -1
  168. package/dist/SelectPanel/SelectPanel.js +1 -0
  169. package/dist/Skeleton/SkeletonBox.d.ts.map +1 -1
  170. package/dist/Skeleton/SkeletonBox.js +26 -20
  171. package/dist/SkeletonAvatar/SkeletonAvatar.d.ts.map +1 -1
  172. package/dist/SkeletonAvatar/SkeletonAvatar.js +53 -62
  173. package/dist/StateLabel/{StateLabel-aaa1d148.css → StateLabel-b586b0bc.css} +2 -2
  174. package/dist/StateLabel/StateLabel-b586b0bc.css.map +1 -0
  175. package/dist/StateLabel/StateLabel.d.ts.map +1 -1
  176. package/dist/StateLabel/StateLabel.js +28 -39
  177. package/dist/StateLabel/StateLabel.module.css.js +1 -1
  178. package/dist/SubNav/SubNav.d.ts +4 -1
  179. package/dist/SubNav/SubNav.d.ts.map +1 -1
  180. package/dist/SubNav/SubNav.js +3 -1
  181. package/dist/Text/Text.d.ts +16 -8
  182. package/dist/Text/Text.d.ts.map +1 -1
  183. package/dist/Text/Text.js +34 -31
  184. package/dist/TextInput/TextInput.d.ts +3 -2
  185. package/dist/TextInput/TextInput.d.ts.map +1 -1
  186. package/dist/TextInput/TextInput.js +2 -3
  187. package/dist/TextInput/index.d.ts +1 -0
  188. package/dist/TextInput/index.d.ts.map +1 -1
  189. package/dist/TextInputWithTokens/TextInputWithTokens.d.ts +3 -1
  190. package/dist/TextInputWithTokens/TextInputWithTokens.d.ts.map +1 -1
  191. package/dist/TextInputWithTokens/TextInputWithTokens.js +205 -211
  192. package/dist/Textarea/Textarea.d.ts +5 -4
  193. package/dist/Textarea/Textarea.d.ts.map +1 -1
  194. package/dist/Textarea/Textarea.js +40 -45
  195. package/dist/ToggleSwitch/{ToggleSwitch-4b23d166.css → ToggleSwitch-d5c8dc81.css} +2 -2
  196. package/dist/ToggleSwitch/ToggleSwitch-d5c8dc81.css.map +1 -0
  197. package/dist/ToggleSwitch/ToggleSwitch.module.css.js +1 -1
  198. package/dist/Token/IssueLabelToken-a5fe569e.css +2 -0
  199. package/dist/Token/IssueLabelToken-a5fe569e.css.map +1 -0
  200. package/dist/Token/IssueLabelToken.d.ts.map +1 -1
  201. package/dist/Token/IssueLabelToken.js +0 -5
  202. package/dist/Token/IssueLabelToken.module.css.js +1 -1
  203. package/dist/Token/TokenBase-57c65c47.css +2 -0
  204. package/dist/Token/TokenBase-57c65c47.css.map +1 -0
  205. package/dist/Token/TokenBase.js +1 -7
  206. package/dist/Token/TokenBase.module.css.js +1 -1
  207. package/dist/Token/_RemoveTokenButton-c205593b.css +2 -0
  208. package/dist/Token/_RemoveTokenButton-c205593b.css.map +1 -0
  209. package/dist/Token/_RemoveTokenButton.d.ts.map +1 -1
  210. package/dist/Token/_RemoveTokenButton.js +3 -4
  211. package/dist/Token/_RemoveTokenButton.module.css.js +1 -1
  212. package/dist/Tooltip/Tooltip-fffa9948.css +2 -0
  213. package/dist/Tooltip/Tooltip-fffa9948.css.map +1 -0
  214. package/dist/Tooltip/Tooltip.d.ts +6 -8
  215. package/dist/Tooltip/Tooltip.d.ts.map +1 -1
  216. package/dist/Tooltip/Tooltip.js +44 -118
  217. package/dist/Tooltip/Tooltip.module.css.js +5 -0
  218. package/dist/TooltipV2/Tooltip.d.ts +3 -16
  219. package/dist/TooltipV2/Tooltip.d.ts.map +1 -1
  220. package/dist/TooltipV2/Tooltip.js +1 -0
  221. package/dist/TreeView/TreeView.d.ts +4 -1
  222. package/dist/TreeView/TreeView.d.ts.map +1 -1
  223. package/dist/TreeView/TreeView.js +42 -9
  224. package/dist/Truncate/Truncate.d.ts +2 -2
  225. package/dist/Truncate/Truncate.d.ts.map +1 -1
  226. package/dist/UnderlineNav/UnderlineNav-4344d9b0.css +2 -0
  227. package/dist/UnderlineNav/UnderlineNav-4344d9b0.css.map +1 -0
  228. package/dist/UnderlineNav/UnderlineNav.d.ts +0 -1
  229. package/dist/UnderlineNav/UnderlineNav.d.ts.map +1 -1
  230. package/dist/UnderlineNav/UnderlineNav.js +45 -17
  231. package/dist/UnderlineNav/UnderlineNav.module.css.js +2 -2
  232. package/dist/UnderlineNav/UnderlineNavContext.d.ts +0 -2
  233. package/dist/UnderlineNav/UnderlineNavContext.d.ts.map +1 -1
  234. package/dist/UnderlineNav/UnderlineNavContext.js +0 -1
  235. package/dist/UnderlineNav/styles.d.ts +1 -23
  236. package/dist/UnderlineNav/styles.d.ts.map +1 -1
  237. package/dist/UnderlineNav/styles.js +4 -59
  238. package/dist/constants.js +3 -3
  239. package/dist/deprecated/ActionList/Divider-7c6b656a.css +2 -0
  240. package/dist/deprecated/ActionList/Divider-7c6b656a.css.map +1 -0
  241. package/dist/deprecated/ActionList/Divider.d.ts +1 -2
  242. package/dist/deprecated/ActionList/Divider.d.ts.map +1 -1
  243. package/dist/deprecated/ActionList/Divider.js +6 -12
  244. package/dist/deprecated/ActionList/Divider.module.css.js +5 -0
  245. package/dist/deprecated/ActionList/Group.d.ts +1 -2
  246. package/dist/deprecated/ActionList/Group.d.ts.map +1 -1
  247. package/dist/deprecated/ActionList/Group.js +1 -8
  248. package/dist/deprecated/ActionList/Header-493b1d76.css +2 -0
  249. package/dist/deprecated/ActionList/Header-493b1d76.css.map +1 -0
  250. package/dist/deprecated/ActionList/Header.d.ts +2 -6
  251. package/dist/deprecated/ActionList/Header.d.ts.map +1 -1
  252. package/dist/deprecated/ActionList/Header.js +46 -37
  253. package/dist/deprecated/ActionList/Header.module.css.js +5 -0
  254. package/dist/deprecated/ActionList/Item-cf87f98a.css +3 -0
  255. package/dist/deprecated/ActionList/Item-cf87f98a.css.map +1 -0
  256. package/dist/deprecated/ActionList/Item.d.ts +1 -5
  257. package/dist/deprecated/ActionList/Item.d.ts.map +1 -1
  258. package/dist/deprecated/ActionList/Item.js +182 -271
  259. package/dist/deprecated/ActionList/Item.module.css.js +5 -0
  260. package/dist/deprecated/ActionList/List-1ec9d6d9.css +2 -0
  261. package/dist/deprecated/ActionList/List-1ec9d6d9.css.map +1 -0
  262. package/dist/deprecated/ActionList/List.d.ts +1 -0
  263. package/dist/deprecated/ActionList/List.d.ts.map +1 -1
  264. package/dist/deprecated/ActionList/List.js +92 -82
  265. package/dist/deprecated/ActionList/List.module.css.js +5 -0
  266. package/dist/deprecated/UnderlineNav/UnderlineNav-0c1e0dff.css +2 -0
  267. package/dist/deprecated/UnderlineNav/UnderlineNav-0c1e0dff.css.map +1 -0
  268. package/dist/deprecated/UnderlineNav/UnderlineNav.d.ts +6 -8
  269. package/dist/deprecated/UnderlineNav/UnderlineNav.d.ts.map +1 -1
  270. package/dist/deprecated/UnderlineNav/UnderlineNav.js +90 -49
  271. package/dist/deprecated/UnderlineNav/UnderlineNav.module.css.js +5 -0
  272. package/dist/experimental/IssueLabel/{IssueLabel-6581d1bd.css → IssueLabel-d9c2c5cf.css} +2 -2
  273. package/dist/experimental/IssueLabel/IssueLabel-d9c2c5cf.css.map +1 -0
  274. package/dist/experimental/IssueLabel/IssueLabel.d.ts.map +1 -1
  275. package/dist/experimental/IssueLabel/IssueLabel.js +52 -70
  276. package/dist/experimental/IssueLabel/IssueLabel.module.css.js +1 -1
  277. package/dist/experimental/IssueLabel/getColorFromHex.d.ts +1 -3
  278. package/dist/experimental/IssueLabel/getColorFromHex.d.ts.map +1 -1
  279. package/dist/experimental/IssueLabel/getColorFromHex.js +58 -26
  280. package/dist/experimental/SelectPanel2/SelectPanel.d.ts +11 -7
  281. package/dist/experimental/SelectPanel2/SelectPanel.d.ts.map +1 -1
  282. package/dist/experimental/SelectPanel2/SelectPanel.js +6 -1
  283. package/dist/experimental/UnderlinePanels/UnderlinePanels.d.ts +6 -6
  284. package/dist/experimental/UnderlinePanels/UnderlinePanels.d.ts.map +1 -1
  285. package/dist/experimental/UnderlinePanels/UnderlinePanels.js +8 -4
  286. package/dist/hooks/useSlots.d.ts.map +1 -1
  287. package/dist/hooks/useSlots.js +3 -2
  288. package/dist/hooks/useSyncedState.js +1 -1
  289. package/dist/index.d.ts +5 -3
  290. package/dist/index.d.ts.map +1 -1
  291. package/dist/index.js +3 -2
  292. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.d.ts +6 -7
  293. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.d.ts.map +1 -1
  294. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.js +7 -9
  295. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.d.ts +4 -4
  296. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.d.ts.map +1 -1
  297. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.js +1 -0
  298. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.d.ts +2 -1
  299. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.d.ts.map +1 -1
  300. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.js +1 -0
  301. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation.d.ts +3 -3
  302. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation.d.ts.map +1 -1
  303. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation.js +2 -3
  304. package/dist/internal/components/InputLabel.d.ts +2 -3
  305. package/dist/internal/components/InputLabel.d.ts.map +1 -1
  306. package/dist/internal/components/InputLabel.js +29 -36
  307. package/dist/internal/components/InputValidation.d.ts +1 -2
  308. package/dist/internal/components/InputValidation.d.ts.map +1 -1
  309. package/dist/internal/components/TextInputInnerAction.d.ts +16 -2
  310. package/dist/internal/components/TextInputInnerAction.d.ts.map +1 -1
  311. package/dist/internal/components/TextInputInnerAction.js +46 -60
  312. package/dist/internal/components/TextInputWrapper.d.ts +10 -32
  313. package/dist/internal/components/TextInputWrapper.d.ts.map +1 -1
  314. package/dist/internal/components/TextInputWrapper.js +87 -58
  315. package/dist/internal/components/UnstyledTextInput.d.ts +1 -2
  316. package/dist/internal/components/UnstyledTextInput.d.ts.map +1 -1
  317. package/dist/internal/components/UnstyledTextInput.js +1 -3
  318. package/dist/internal/components/ValidationAnimationContainer-04125429.css +2 -0
  319. package/dist/internal/components/ValidationAnimationContainer-04125429.css.map +1 -0
  320. package/dist/internal/components/ValidationAnimationContainer.d.ts.map +1 -1
  321. package/dist/internal/components/ValidationAnimationContainer.js +4 -9
  322. package/dist/internal/components/ValidationAnimationContainer.module.css.js +5 -0
  323. package/dist/utils/form-story-helpers.d.ts.map +1 -1
  324. package/dist/utils/is-slot.d.ts +6 -0
  325. package/dist/utils/is-slot.d.ts.map +1 -0
  326. package/dist/utils/is-slot.js +15 -0
  327. package/dist/utils/polymorphic.d.ts +2 -1
  328. package/dist/utils/polymorphic.d.ts.map +1 -1
  329. package/dist/utils/types/Slots.d.ts +7 -0
  330. package/dist/utils/types/Slots.d.ts.map +1 -0
  331. package/dist/utils/types/index.d.ts +1 -0
  332. package/dist/utils/types/index.d.ts.map +1 -1
  333. package/generated/components.json +110 -120
  334. package/package.json +7 -6
  335. package/dist/ActionBar/ActionBar-e6a5d54e.css +0 -2
  336. package/dist/ActionBar/ActionBar-e6a5d54e.css.map +0 -1
  337. package/dist/Box/Box.js +0 -15
  338. package/dist/Button/ButtonBase-0a7871f4.css.map +0 -1
  339. package/dist/Button/styles.d.ts +0 -431
  340. package/dist/Button/styles.d.ts.map +0 -1
  341. package/dist/Button/styles.js +0 -5
  342. package/dist/Checkbox/Checkbox-2aef6693.css +0 -2
  343. package/dist/ConfirmationDialog/ConfirmationDialog-de0401ff.css +0 -2
  344. package/dist/ConfirmationDialog/ConfirmationDialog-de0401ff.css.map +0 -1
  345. package/dist/FilteredActionList/FilteredActionList-e1eb1b75.css +0 -2
  346. package/dist/FilteredActionList/FilteredActionList-e1eb1b75.css.map +0 -1
  347. package/dist/LabelGroup/LabelGroup-eda75c0f.css +0 -2
  348. package/dist/LabelGroup/LabelGroup-eda75c0f.css.map +0 -1
  349. package/dist/PageLayout/PageLayout-8a294e74.css.map +0 -1
  350. package/dist/Pagination/Pagination-1845feaa.css +0 -2
  351. package/dist/Pagination/Pagination-1845feaa.css.map +0 -1
  352. package/dist/StateLabel/StateLabel-aaa1d148.css.map +0 -1
  353. package/dist/ToggleSwitch/ToggleSwitch-4b23d166.css.map +0 -1
  354. package/dist/Token/IssueLabelToken-0dbbbcdf.css +0 -2
  355. package/dist/Token/IssueLabelToken-0dbbbcdf.css.map +0 -1
  356. package/dist/Token/TokenBase-0386597b.css +0 -2
  357. package/dist/Token/TokenBase-0386597b.css.map +0 -1
  358. package/dist/Token/_RemoveTokenButton-d7f5985b.css +0 -2
  359. package/dist/Token/_RemoveTokenButton-d7f5985b.css.map +0 -1
  360. package/dist/UnderlineNav/UnderlineNav-78db938f.css +0 -2
  361. package/dist/UnderlineNav/UnderlineNav-78db938f.css.map +0 -1
  362. package/dist/experimental/IssueLabel/IssueLabel-6581d1bd.css.map +0 -1
  363. package/dist/internal/components/BoxWithFallback.d.ts +0 -6
  364. package/dist/internal/components/BoxWithFallback.d.ts.map +0 -1
  365. package/dist/internal/components/BoxWithFallback.js +0 -70
  366. package/dist/internal/utils/getGlobalFocusStyles.d.ts +0 -4
  367. package/dist/internal/utils/getGlobalFocusStyles.d.ts.map +0 -1
  368. package/dist/internal/utils/getGlobalFocusStyles.js +0 -7
  369. package/dist/internal/utils/sharedCheckboxAndRadioStyles.d.ts +0 -2
  370. package/dist/internal/utils/sharedCheckboxAndRadioStyles.d.ts.map +0 -1
  371. package/dist/utils/defaultSxProp.d.ts +0 -3
  372. package/dist/utils/defaultSxProp.d.ts.map +0 -1
  373. package/dist/utils/defaultSxProp.js +0 -3
  374. package/dist/utils/includeSystemProps.d.ts +0 -7
  375. package/dist/utils/includeSystemProps.d.ts.map +0 -1
  376. package/dist/utils/includeSystemProps.js +0 -14
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@primer/react",
3
3
  "type": "module",
4
- "version": "38.0.0-rc.6",
4
+ "version": "38.0.0-rc.8",
5
5
  "description": "An implementation of GitHub's Primer Design System using React",
6
6
  "main": "./dist/index.js",
7
7
  "module": "./dist/index.js",
@@ -109,6 +109,7 @@
109
109
  "@babel/preset-typescript": "7.27.1",
110
110
  "@figma/code-connect": "1.3.2",
111
111
  "@primer/css": "^21.5.1",
112
+ "@primer/doc-gen": "^0.0.1",
112
113
  "@rollup/plugin-babel": "6.0.4",
113
114
  "@rollup/plugin-commonjs": "28.0.6",
114
115
  "@rollup/plugin-json": "6.1.0",
@@ -117,11 +118,11 @@
117
118
  "@rollup/plugin-terser": "0.4.4",
118
119
  "@rollup/plugin-typescript": "12.1.4",
119
120
  "@rollup/plugin-virtual": "3.0.2",
120
- "@storybook/addon-a11y": "^9.1.8",
121
- "@storybook/addon-docs": "^9.1.8",
122
- "@storybook/addon-links": "^9.1.8",
121
+ "@storybook/addon-a11y": "^9.1.10",
122
+ "@storybook/addon-docs": "^9.1.10",
123
+ "@storybook/addon-links": "^9.1.10",
123
124
  "@storybook/icons": "^1.6.0",
124
- "@storybook/react-vite": "^9.1.8",
125
+ "@storybook/react-vite": "^9.1.10",
125
126
  "@testing-library/dom": "^10.4.0",
126
127
  "@testing-library/jest-dom": "^6.4.5",
127
128
  "@testing-library/react": "^16.3.0",
@@ -181,7 +182,7 @@
181
182
  "rollup-plugin-import-css": "^0.0.0",
182
183
  "rollup-plugin-postcss": "4.0.2",
183
184
  "rollup-plugin-visualizer": "6.0.3",
184
- "storybook": "^9.1.8",
185
+ "storybook": "^9.1.10",
185
186
  "styled-components": "5.3.11",
186
187
  "terser": "5.36.0",
187
188
  "ts-toolbelt": "9.6.0",
@@ -1,2 +0,0 @@
1
- .prc-ActionBar-List-Z4LzW{gap:var(--base-size-8,.5rem);list-style:none;margin-bottom:-1px;min-width:0;position:relative;white-space:nowrap}.prc-ActionBar-List-Z4LzW,.prc-ActionBar-Nav-hc-9G{align-items:center;display:flex}.prc-ActionBar-Nav-hc-9G{justify-content:flex-end;padding-inline:var(--base-size-16,1rem)}.prc-ActionBar-Nav-hc-9G:where([data-flush=true]){padding-inline:0}.prc-ActionBar-Divider-CcBO8:before{background:var(--borderColor-muted,var(--color-border-muted));content:"";display:block;height:var(--base-size-20,1.25rem);width:var(--borderWidth-thin,.0625rem)}
2
- /*# sourceMappingURL=ActionBar-e6a5d54e.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/ActionBar/ActionBar.module.css"],"names":[],"mappings":"AAAA,0BAWE,4BAAuB,CAFvB,eAAgB,CAFhB,kBAAmB,CAJnB,WAAY,CAFZ,iBAAkB,CAOlB,kBAIF,CAEA,mDAJE,kBAAmB,CARnB,YAqBF,CATA,yBAGE,wBAAyB,CADzB,uCAOF,CAHE,kDACE,gBACF,CAIA,oCAME,6DAAoC,CAFpC,UAAW,CAHX,aAAc,CAEd,kCAA2B,CAD3B,sCAKF","file":"ActionBar-e6a5d54e.css","sourcesContent":[".List {\n position: relative;\n display: flex;\n min-width: 0;\n\n /* wonder why this is here */\n /* stylelint-disable-next-line primer/spacing */\n margin-bottom: -1px;\n white-space: nowrap;\n list-style: none;\n align-items: center;\n gap: var(--base-size-8);\n}\n\n.Nav {\n display: flex;\n padding-inline: var(--base-size-16);\n justify-content: flex-end;\n align-items: center;\n\n &:where([data-flush='true']) {\n padding-inline: 0;\n }\n}\n\n.Divider {\n &::before {\n display: block;\n width: var(--borderWidth-thin);\n height: var(--base-size-20);\n content: '';\n /* stylelint-disable-next-line primer/colors */\n background: var(--borderColor-muted);\n }\n}\n"]}
package/dist/Box/Box.js DELETED
@@ -1,15 +0,0 @@
1
- import styled from 'styled-components';
2
- import { space, color, typography, layout, flexbox, grid, background, border, position, shadow } from 'styled-system';
3
- import sx from '../sx.js';
4
-
5
- /**
6
- * @deprecated The Box component is deprecated. Replace with a `div` or
7
- * appropriate HTML element instead, with CSS modules for styling.
8
- * @see https://github.com/primer/react/blob/main/contributor-docs/migration-from-box.md
9
- */
10
- const Box = styled.div.withConfig({
11
- displayName: "Box",
12
- componentId: "sc-g0xbh4-0"
13
- })(space, color, typography, layout, flexbox, grid, background, border, position, shadow, sx);
14
-
15
- export { Box as default };
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/Button/ButtonBase.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css","../../postcss-preset-primer/src/mixins/focusOutlineOnEmphasis.css"],"names":[],"mappings":"AACA,6BAqBE,kBAAmB,CADnB,eAAgB,CANhB,4BAA6B,CAC7B,6CAAqC,CACrC,2EAAoD,CACpD,gDAAyC,CARzC,8DAAyC,CAGzC,cAAe,CAXf,YAAa,CAKb,mBAAoB,CACpB,8CAAuC,CACvC,8CAA2C,CAe3C,4BAAuB,CApBvB,sCAAkC,CAmBlC,6BAA8B,CApB9B,qBAAsB,CAGtB,2DAAqD,CAKrD,iBAAkB,CAClB,4BAAqB,CAArB,oBAAqB,CAOrB,yCAA+C,CAC/C,4DAAgE,CANhE,wBAAiB,CAAjB,gBAygBF,CA7fE,mCACE,wBACF,CAEA,2CC3BA,eAAgB,CAFhB,kEAAgC,CAChC,mBD8BA,CAEA,oCACE,eACF,CAEA,gHAGE,eAAgB,CADhB,kBAOF,CAJE,kSAEE,aACF,CAGF,8BACE,mCACE,6BACF,CACF,CAGA,8DAEE,gDAA2B,CAD3B,YAAa,CAEb,mBACF,CAGA,kEACE,YAAa,CACb,mBACF,CAIA,iEACE,mBAAoB,CAMpB,aAAc,CAJd,eAAgB,CAEhB,aAAc,CACd,oBAAqB,CAJrB,qCAcF,CAPE,0FACE,uCACF,CAEA,0FACE,sCACF,CAKF,2CACE,mBAKF,CAHE,iDACE,4BAAqB,CAArB,oBACF,CAKF,qEAME,oBAAqB,CADrB,kBAAmB,CAHnB,YAAa,CADb,aAAc,CAEd,uDAAwD,CACxD,4DAiBF,CAbE,4FACE,qCACF,CAIA,qGACE,sBACF,CAEA,oGACE,0BACF,CAGF,oEACE,uBACF,CAEA,6DAIE,cAAe,CAFf,qBAAsB,CACtB,kBAEF,CAEA,qEACE,wBACF,CAEA,qEACE,+CACF,CAIA,sDAKE,4CAAsC,CADtC,mCAA6B,CAH7B,wCAAiC,CAEjC,4DAaF,CATE,wGAEE,4CACF,CAEA,8EAEE,qBACF,CAGF,sDAIE,kCAA6B,CAH7B,uCAAiC,CAEjC,0DAOF,CAJE,wGAEE,2CACF,CAKF,uDACE,UACF,CAIA,2DAEE,YAAa,CACb,0CAAsC,CAFtC,0BAAsB,CAAtB,qBAsCF,CAlCE,2FAEE,kBAAmB,CADnB,aAAc,CAGd,2FACF,CAEA,mFAGE,iBAAkB,CADlB,qBAEF,CAEA,oFACE,YAAa,CACb,4CAMF,CAJE,oHAEE,yFACF,CAGF,oFACE,YAAa,CACb,2CAAqC,CAErC,+DAMF,CAJE,oHAEE,0FACF,CAWF,6LAME,cAAe,CACf,wBAA0B,CAC1B,iBAKF,CAHE,0NACE,iBACF,CAMJ,8DAEE,kBAAmB,CADnB,YAAa,CAEb,sBACF,CAIA,2DAEE,uEAAoD,CACpD,uEAAgD,CAFhD,8DAkCF,CA9BE,+EACE,gFAAsD,CACtD,oFACF,CAEA,iEACE,8EAAqD,CACrD,kFACF,CAEA,kEACE,gFAAsD,CACtD,oFACF,CAEA,4KAGE,2EAAwD,CACxD,+EAAwD,CACxD,eAAgB,CAHhB,qEAIF,CAEA,0FACE,gGACF,CAEA,+FACE,gDACF,CAKF,2DAEE,+EAAoD,CACpD,mFAAoD,CACpD,gEAAuC,CAHvC,sEAyCF,CApCE,+EACE,0FAAsD,CACtD,yFACF,CAEA,iEACE,sFAAqD,CACrD,0FACF,CAEA,yEElTF,gFAAqD,CAHrD,kEAAgC,CAChC,mBFsTE,CAEA,kEACE,0FAAsD,CACtD,yFACF,CAEA,4KAGE,4FAAwD,CACxD,gGAAwD,CACxD,eAAgB,CAHhB,mFAIF,CAEA,0FAEE,wGAAsE,CADtE,gFAEF,CAGA,oFACE,sEACF,CAKF,0DAEE,sEAAmD,CACnD,uEAAgD,CAFhD,oEAoEF,CAhEE,8EAEE,wFAAqD,CACrD,4FAAqD,CACrD,uFAAgD,CAHhD,+EAQF,CAHE,uGACE,6EACF,CAGF,gEAEE,oFAAoD,CACpD,wFAAoD,CACpD,gEAAuC,CAHvC,2EAaF,CARE,+FAEE,6GAAsE,CADtE,kGAEF,CAEA,yFACE,6EACF,CAGF,iEAEE,wFAAqD,CACrD,4FAAqD,CACrD,uFAAgD,CAHhD,+EAaF,CARE,gGAEE,6GAAsE,CADtE,kGAEF,CAEA,0FACE,6EACF,CAGF,0KAGE,0FAAuD,CACvD,+EAAwD,CACxD,eAAgB,CAHhB,iFASF,CAJE,8MAEE,mHAAyE,CADzE,wGAEF,CAGF,yFAEE,sGAAqE,CADrE,2FAEF,CAEA,mFACE,sEACF,CAKF,6DAEE,wBAAyB,CACzB,eAAgB,CAFhB,8DA2CF,CAvCE,iFACE,uGACF,CAEA,mEACE,qGAKF,CAHE,4FACE,qDACF,CAGF,oEACE,uGAKF,CAHE,6FACE,qDACF,CAGF,gLAGE,2GAA0D,CAC1D,2GAA0D,CAC1D,eAAgB,CAHhB,8EAIF,CAEA,sFACE,oDACF,CAEA,4FACE,gFACF,CAEA,iGACE,oDACF,CAKF,wDAQE,YAAa,CAFb,gDAA0B,CAL1B,mBAAoB,CAIpB,iBAAkB,CAFlB,YAAa,CADb,0BAAsB,CAAtB,qBAAsB,CAEtB,SAAU,CAGV,eA+BF,CA5BE,6FACE,iCAA0B,CAA1B,yBACF,CAEA,oIAEE,kBACF,CAEA,sKAGE,4BAA6B,CAC7B,wBAAyB,CAFzB,qEAGF,CAEA,gFACE,iBACF,CAEA,+EAEE,gCAAkC,CADlC,4CAEF,CAEA,iFACE,gDACF,CAKF,yKAKE,uDAAgD,CAEhD,mDAA4C,CAJ5C,4CAAqC,CACrC,WASF,CAJE,oZAEE,uBACF,CAKF,0HAEE,kEAWF,CATE,mJAEE,mEACF,CAEA,mJAEE,+DACF,CAIJ,qCACE,aACF","file":"ButtonBase-0a7871f4.css","sourcesContent":["/* Base styles */\n.ButtonBase {\n display: flex;\n min-width: max-content;\n height: var(--control-medium-size);\n /* stylelint-disable-next-line primer/spacing */\n padding: 0 var(--control-medium-paddingInline-normal);\n font-family: inherit;\n font-size: var(--text-body-size-medium);\n font-weight: var(--base-text-weight-medium);\n color: var(--button-default-fgColor-rest);\n text-align: center;\n text-decoration: none;\n cursor: pointer;\n user-select: none;\n background-color: transparent;\n border: var(--borderWidth-thin) solid;\n border-color: var(--button-default-borderColor-rest);\n border-radius: var(--borderRadius-medium);\n transition: 80ms cubic-bezier(0.65, 0, 0.35, 1);\n transition-property: color, fill, background-color, border-color;\n appearance: none;\n align-items: center;\n justify-content: space-between;\n gap: var(--base-size-8);\n\n &:hover {\n transition-duration: 80ms;\n }\n\n &:focus-visible {\n @mixin focusOutline;\n }\n\n &:active {\n transition: none;\n }\n\n &:disabled,\n &[aria-disabled='true']:not([data-loading='true']) {\n cursor: not-allowed;\n box-shadow: none;\n\n & .Visual,\n & .CounterLabel {\n color: inherit;\n }\n }\n\n @media (forced-colors: active) {\n &:focus {\n outline: solid 1px transparent;\n }\n }\n\n /* Visuals */\n & :where(.Visual) {\n display: flex;\n color: var(--fgColor-muted);\n pointer-events: none;\n }\n\n /* mostly for CounterLabel */\n & :where(.VisualWrap) {\n display: flex;\n pointer-events: none;\n }\n\n /* IconButton */\n\n &:where(.IconButton) {\n display: inline-grid;\n width: var(--control-medium-size);\n min-width: unset;\n /* stylelint-disable-next-line primer/spacing */\n padding: unset;\n place-content: center;\n flex-shrink: 0;\n\n &:where([data-size='small']) {\n width: var(--control-small-size);\n }\n\n &:where([data-size='large']) {\n width: var(--control-large-size);\n }\n }\n\n /* LinkButton */\n\n &:where([href]) {\n display: inline-flex;\n\n &:hover {\n text-decoration: none;\n }\n }\n\n /* Button layout */\n\n & :where(.ButtonContent) {\n flex: 1 0 auto;\n display: grid;\n grid-template-areas: 'leadingVisual text trailingVisual';\n grid-template-columns: min-content minmax(0, auto) min-content;\n align-items: center;\n align-content: center;\n\n & > :not(:last-child) {\n margin-right: var(--base-size-8);\n }\n\n /* Content alignment */\n\n &:where([data-align='center']) {\n justify-content: center;\n }\n\n &:where([data-align='start']) {\n justify-content: flex-start;\n }\n }\n\n & :where([data-component='leadingVisual']) {\n grid-area: leadingVisual;\n }\n\n & :where(.Label) {\n /* stylelint-disable-next-line primer/typography */\n line-height: 1.4285714; /* temporary until we use Text component with --text-body-lineHeight-medium */\n white-space: nowrap;\n grid-area: text;\n }\n\n & :where([data-component='trailingVisual']) {\n grid-area: trailingVisual;\n }\n\n & :where([data-component='trailingAction']) {\n margin-right: calc(var(--base-size-4) * -1);\n }\n\n /* Size */\n\n &:where([data-size='small']) {\n height: var(--control-small-size);\n /* stylelint-disable-next-line primer/spacing */\n padding: 0 var(--control-small-paddingInline-condensed);\n gap: var(--control-small-gap);\n font-size: var(--text-body-size-small);\n\n & .ButtonContent > :not(:last-child) {\n /* stylelint-disable-next-line primer/spacing */\n margin-right: var(--control-small-gap);\n }\n\n & .Label {\n /* stylelint-disable-next-line primer/typography */\n line-height: 1.6666667; /* temporary until we use Text component with --text-body-lineHeight-small */\n }\n }\n\n &:where([data-size='large']) {\n height: var(--control-large-size);\n /* stylelint-disable-next-line primer/spacing */\n padding: 0 var(--control-large-paddingInline-spacious);\n gap: var(--control-large-gap);\n\n & .ButtonContent > :not(:last-child) {\n /* stylelint-disable-next-line primer/spacing */\n margin-right: var(--control-large-gap);\n }\n }\n\n /* Full width */\n\n &:where([data-block='block']) {\n width: 100%;\n }\n\n /* Wrap label text */\n\n &:where([data-label-wrap='true']) {\n min-width: fit-content;\n height: unset;\n min-height: var(--control-medium-size);\n\n & .ButtonContent {\n flex: 1 1 auto;\n align-self: stretch;\n /* stylelint-disable-next-line primer/spacing */\n padding-block: calc(var(--control-medium-paddingBlock) - var(--base-size-2));\n }\n\n & .Label {\n /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated */\n word-break: break-word;\n white-space: unset;\n }\n\n &:where([data-size='small']) {\n height: unset;\n min-height: var(--control-small-size);\n\n & .ButtonContent {\n /* stylelint-disable-next-line primer/spacing */\n padding-block: calc(var(--control-small-paddingBlock) - var(--base-size-2));\n }\n }\n\n &:where([data-size='large']) {\n height: unset;\n min-height: var(--control-large-size);\n /* stylelint-disable-next-line primer/spacing */\n padding-inline: var(--control-large-paddingInline-spacious);\n\n & .ButtonContent {\n /* stylelint-disable-next-line primer/spacing */\n padding-block: calc(var(--control-large-paddingBlock) - var(--base-size-2));\n }\n }\n }\n\n /* Loading */\n\n /* only hide label if there's no leading/trailing visuals\n * move spinner to label spot if not leading/trailing visuals\n */\n\n &:where([data-loading='true']) {\n &\n .LoadingSpinner:not(\n [data-component='leadingVisual'],\n [data-component='trailingVisual'],\n [data-component='trailingAction']\n ) {\n grid-area: text;\n margin-right: 0 !important;\n place-self: center;\n\n & + .Label {\n visibility: hidden;\n }\n }\n }\n\n /* Styles for the spinner element displayed when the Button is in a loading state.\n * Ensures the spinner is centered within its container. */\n .LoadingSpinner {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n /* Default Variant */\n\n &:where([data-variant='default']) {\n color: var(--button-default-fgColor-rest);\n background-color: var(--button-default-bgColor-rest);\n box-shadow: var(--button-default-shadow-resting);\n\n &[aria-expanded='true'] {\n background-color: var(--button-default-bgColor-active);\n border-color: var(--button-default-borderColor-active);\n }\n\n &:hover {\n background-color: var(--button-default-bgColor-hover);\n border-color: var(--button-default-borderColor-hover);\n }\n\n &:active {\n background-color: var(--button-default-bgColor-active);\n border-color: var(--button-default-borderColor-active);\n }\n\n &:disabled,\n &[aria-disabled='true']:not([data-loading='true']) {\n color: var(--control-fgColor-disabled);\n background-color: var(--button-default-bgColor-disabled);\n border-color: var(--button-default-borderColor-disabled);\n box-shadow: none;\n }\n\n & .CounterLabel {\n background-color: var(--buttonCounter-default-bgColor-rest) !important; /* temporarily override our own sx prop */\n }\n\n &:where(.IconButton) {\n color: var(--fgColor-muted);\n }\n }\n\n /* Primary variant */\n\n &:where([data-variant='primary']) {\n color: var(--button-primary-fgColor-rest);\n background-color: var(--button-primary-bgColor-rest);\n border-color: var(--button-primary-borderColor-rest);\n box-shadow: var(--shadow-resting-small);\n\n &[aria-expanded='true'] {\n background-color: var(--button-primary-bgColor-active);\n box-shadow: var(--button-primary-shadow-selected);\n }\n\n &:hover {\n background-color: var(--button-primary-bgColor-hover);\n border-color: var(--button-primary-borderColor-hover);\n }\n\n &:focus-visible {\n @mixin focusOutlineOnEmphasis;\n }\n\n &:active {\n background-color: var(--button-primary-bgColor-active);\n box-shadow: var(--button-primary-shadow-selected);\n }\n\n &:disabled,\n &[aria-disabled='true']:not([data-loading='true']) {\n color: var(--button-primary-fgColor-disabled);\n background-color: var(--button-primary-bgColor-disabled);\n border-color: var(--button-primary-borderColor-disabled);\n box-shadow: none;\n }\n\n & .CounterLabel {\n color: var(--button-primary-fgColor-rest) !important; /* temporarily override our own sx prop */\n background-color: var(--buttonCounter-primary-bgColor-rest) !important; /* temporarily override our own sx prop */\n }\n\n /* temporarily using the fgColor to match legacy and reduce visual changes- will eventually be iconColor */\n & .Visual {\n color: var(--button-primary-fgColor-rest);\n }\n }\n\n /* Danger variant */\n\n &:where([data-variant='danger']) {\n color: var(--button-danger-fgColor-rest);\n background-color: var(--button-danger-bgColor-rest);\n box-shadow: var(--button-default-shadow-resting);\n\n &[aria-expanded='true'] {\n color: var(--button-danger-fgColor-active);\n background-color: var(--button-danger-bgColor-active);\n border-color: var(--button-danger-borderColor-active);\n box-shadow: var(--button-danger-shadow-selected);\n\n & .Visual {\n color: var(--button-danger-iconColor-hover);\n }\n }\n\n &:hover {\n color: var(--button-danger-fgColor-hover);\n background-color: var(--button-danger-bgColor-hover);\n border-color: var(--button-danger-borderColor-hover);\n box-shadow: var(--shadow-resting-small);\n\n & .CounterLabel {\n color: var(--buttonCounter-danger-fgColor-hover) !important; /* temporarily override our own sx prop */\n background-color: var(--buttonCounter-danger-bgColor-hover) !important;\n }\n\n & .Visual {\n color: var(--button-danger-iconColor-hover);\n }\n }\n\n &:active {\n color: var(--button-danger-fgColor-active);\n background-color: var(--button-danger-bgColor-active);\n border-color: var(--button-danger-borderColor-active);\n box-shadow: var(--button-danger-shadow-selected);\n\n & .CounterLabel {\n color: var(--buttonCounter-danger-fgColor-hover) !important; /* temporarily override our own sx prop */\n background-color: var(--buttonCounter-danger-bgColor-hover) !important;\n }\n\n & .Visual {\n color: var(--button-danger-iconColor-hover);\n }\n }\n\n &:disabled,\n &[aria-disabled='true']:not([data-loading='true']) {\n color: var(--button-danger-fgColor-disabled);\n background-color: var(--button-danger-bgColor-disabled);\n border-color: var(--button-default-borderColor-disabled);\n box-shadow: none;\n\n & .CounterLabel {\n color: var(--buttonCounter-danger-fgColor-disabled) !important; /* temporarily override our own sx prop */\n background-color: var(--buttonCounter-danger-bgColor-disabled) !important;\n }\n }\n\n & .CounterLabel {\n color: var(--buttonCounter-danger-fgColor-rest) !important; /* temporarily override our own sx prop */\n background-color: var(--buttonCounter-danger-bgColor-rest) !important;\n }\n\n & .Visual {\n color: var(--button-danger-iconColor-rest);\n }\n }\n\n /* Invisible variant */\n\n &:where([data-variant='invisible']) {\n color: var(--button-default-fgColor-rest);\n border-color: transparent;\n box-shadow: none;\n\n &[aria-expanded='true'] {\n background-color: var(--button-invisible-bgColor-active);\n }\n\n &:hover {\n background-color: var(--button-invisible-bgColor-hover);\n\n & .Visual {\n color: var(--button-invisible-iconColor-hover);\n }\n }\n\n &:active {\n background-color: var(--button-invisible-bgColor-active);\n\n & .Visual {\n color: var(--button-invisible-iconColor-hover);\n }\n }\n\n &:disabled,\n &[aria-disabled='true']:not([data-loading='true']) {\n color: var(--button-invisible-fgColor-disabled);\n background-color: var(--button-invisible-bgColor-disabled);\n border-color: var(--button-invisible-borderColor-disabled);\n box-shadow: none;\n }\n\n & .Visual {\n color: var(--button-invisible-iconColor-rest);\n }\n\n & .CounterLabel {\n background-color: var(--buttonCounter-invisible-bgColor-rest) !important;\n }\n\n &:where(.IconButton) {\n color: var(--button-invisible-iconColor-rest);\n }\n }\n\n /* Link variant */\n\n &:where([data-variant='link']) {\n display: inline-flex;\n min-width: fit-content;\n height: unset;\n padding: 0;\n font-size: inherit;\n color: var(--fgColor-link);\n text-align: left;\n border: unset;\n\n &:hover:not(:disabled, [data-inactive]) {\n text-decoration: underline;\n }\n\n &:focus-visible,\n &:focus {\n outline-offset: 2px;\n }\n\n &:disabled,\n &[aria-disabled='true']:not([data-loading='true']) {\n color: var(--control-fgColor-disabled);\n background-color: transparent;\n border-color: transparent;\n }\n\n & .Label {\n white-space: unset;\n }\n\n &:where([data-inactive]) {\n color: var(--button-inactive-fgColor);\n background: transparent !important;\n }\n\n & .Visual {\n color: var(--fgColor-link);\n }\n }\n\n /* Inactive */\n\n &:where([data-inactive]),\n &:where([data-inactive]):hover,\n &:where([data-inactive]):active {\n color: var(--button-inactive-fgColor);\n cursor: auto;\n background-color: var(--button-inactive-bgColor);\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--button-inactive-bgColor);\n\n & .Visual,\n & .CounterLabel {\n color: inherit !important;\n }\n }\n\n /* Icon-only + Counter */\n\n &:where([data-has-count]):has([data-component='leadingVisual']):not(:has([data-component='text'])) {\n /* stylelint-disable-next-line primer/spacing */\n padding-inline: var(--control-medium-paddingInline-condensed);\n\n &:where([data-size='small']) {\n /* stylelint-disable-next-line primer/spacing */\n padding-inline: var(--control-xsmall-paddingInline-condensed);\n }\n\n &:where([data-size='large']) {\n /* stylelint-disable-next-line primer/spacing */\n padding-inline: var(--control-large-paddingInline-normal);\n }\n }\n}\n\n.ConditionalWrapper {\n display: block;\n}\n","@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--focus-outlineColor) {\n outline: 2px solid $outlineColor;\n outline-offset: $outlineOffset;\n box-shadow: none;\n}\n","/* outline with fg box-shadow for buttons */\n@define-mixin focusOutlineOnEmphasis $outlineOffset: -2px, $outlineColor: var(--focus-outlineColor) {\n outline: 2px solid $outlineColor;\n outline-offset: $outlineOffset;\n /* stylelint-disable-next-line primer/box-shadow */\n box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis);\n}\n"]}
@@ -1,431 +0,0 @@
1
- import type { VariantType, AlignContent } from './types';
2
- import type { Theme } from '../ThemeProvider';
3
- export declare const getVariantStyles: (variant?: VariantType, theme?: Theme) => {
4
- color: string;
5
- backgroundColor: string;
6
- boxShadow: string;
7
- '&:hover:not([disabled]):not([data-inactive])': {
8
- backgroundColor: string;
9
- borderColor: string;
10
- };
11
- '&:active:not([disabled]):not([data-inactive])': {
12
- backgroundColor: string;
13
- borderColor: string;
14
- };
15
- '&:disabled': {
16
- color: string;
17
- borderColor: string;
18
- backgroundColor: string;
19
- '[data-component=ButtonCounter]': {
20
- color: string;
21
- };
22
- };
23
- '&[aria-expanded=true]': {
24
- backgroundColor: string;
25
- borderColor: string;
26
- };
27
- '[data-component="leadingVisual"], [data-component="trailingVisual"], [data-component="trailingAction"]': {
28
- color: string;
29
- };
30
- '[data-component=ButtonCounter]': {
31
- backgroundColor: string;
32
- };
33
- '&[data-component="IconButton"][data-no-visuals]:not(:disabled)': {
34
- color: string;
35
- };
36
- } | {
37
- color: string;
38
- backgroundColor: string;
39
- borderColor: string;
40
- boxShadow: string;
41
- '&:hover:not([disabled]):not([data-inactive])': {
42
- color: string;
43
- backgroundColor: string;
44
- };
45
- '&:focus:not([disabled])': {
46
- boxShadow: string;
47
- };
48
- '&:focus-visible:not([disabled])': {
49
- boxShadow: string;
50
- };
51
- '&:active:not([disabled]):not([data-inactive])': {
52
- backgroundColor: string;
53
- boxShadow: string;
54
- };
55
- '&:disabled': {
56
- color: string;
57
- backgroundColor: string;
58
- borderColor: string;
59
- '[data-component=ButtonCounter]': {
60
- color: string;
61
- };
62
- };
63
- '[data-component=ButtonCounter]': {
64
- backgroundColor: string;
65
- color: string;
66
- };
67
- '&[aria-expanded=true]': {
68
- backgroundColor: string;
69
- boxShadow: string;
70
- };
71
- } | {
72
- color: string;
73
- backgroundColor: string;
74
- boxShadow: string;
75
- '&:hover:not([disabled]):not([data-inactive])': {
76
- color: string;
77
- backgroundColor: string;
78
- borderColor: string;
79
- boxShadow: string;
80
- '[data-component=ButtonCounter]': {
81
- backgroundColor: string;
82
- color: string;
83
- };
84
- };
85
- '&:active:not([disabled]):not([data-inactive])': {
86
- color: string;
87
- backgroundColor: string;
88
- boxShadow: string;
89
- borderColor: string;
90
- };
91
- '&:disabled': {
92
- color: string;
93
- backgroundColor: string;
94
- borderColor: string;
95
- '[data-component=ButtonCounter]': {
96
- color: string;
97
- backgroundColor: string;
98
- };
99
- };
100
- '[data-component=ButtonCounter]': {
101
- color: string;
102
- backgroundColor: string;
103
- };
104
- '&[aria-expanded=true]': {
105
- color: string;
106
- backgroundColor: string;
107
- boxShadow: string;
108
- borderColor: string;
109
- };
110
- } | {
111
- color: string;
112
- backgroundColor: string;
113
- borderColor: string;
114
- boxShadow: string;
115
- '&:hover:not([disabled])': {
116
- backgroundColor: string;
117
- };
118
- '&:active:not([disabled])': {
119
- backgroundColor: string;
120
- };
121
- '&:disabled': {
122
- color: string;
123
- backgroundColor: string;
124
- '[data-component=ButtonCounter], [data-component="leadingVisual"], [data-component="trailingAction"]': {
125
- color: string;
126
- };
127
- };
128
- '&[aria-expanded=true]': {
129
- backgroundColor: string;
130
- };
131
- '&[data-component="IconButton"][data-no-visuals]': {
132
- color: string;
133
- };
134
- '[data-component="trailingAction"]': {
135
- color: string;
136
- };
137
- '[data-component="leadingVisual"]': {
138
- color: string;
139
- };
140
- '[data-component="trailingVisual"]': {
141
- color: string;
142
- };
143
- '&[data-no-visuals]': {
144
- color: string;
145
- };
146
- '&:has([data-component="ButtonCounter"])': {
147
- color: string;
148
- };
149
- '&:disabled[data-no-visuals]': {
150
- color: string;
151
- '[data-component=ButtonCounter]': {
152
- color: string;
153
- };
154
- };
155
- } | {
156
- color: string;
157
- display: string;
158
- fontSize: string;
159
- border: string;
160
- height: string;
161
- padding: string;
162
- minWidth: string;
163
- backgroundColor: string;
164
- '&:hover:not([disabled]):not([data-inactive])': {
165
- textDecoration: string;
166
- };
167
- '&:focus-visible:not([disabled])': {
168
- outlineOffset: string;
169
- };
170
- '&:disabled': {
171
- color: string;
172
- '[data-component=ButtonCounter], [data-component="leadingVisual"], [data-component="trailingAction"]': {
173
- color: string;
174
- };
175
- };
176
- '[data-component="text"]': {
177
- whiteSpace: string;
178
- };
179
- };
180
- export declare const getBaseStyles: (theme?: Theme) => {
181
- borderRadius: string;
182
- border: string;
183
- borderColor: string;
184
- fontFamily: string;
185
- fontWeight: string;
186
- fontSize: string;
187
- cursor: string;
188
- appearance: string;
189
- userSelect: string;
190
- textDecoration: string;
191
- textAlign: string;
192
- display: string;
193
- alignItems: string;
194
- justifyContent: string;
195
- height: string;
196
- padding: string;
197
- gap: string;
198
- minWidth: string;
199
- transition: string;
200
- transitionProperty: string;
201
- '&[href]': {
202
- display: string;
203
- '&:hover': {
204
- textDecoration: string;
205
- };
206
- };
207
- '&:hover': {
208
- transitionDuration: string;
209
- };
210
- '&:active': {
211
- transition: string;
212
- };
213
- '&[data-inactive]': {
214
- cursor: string;
215
- };
216
- '&:disabled': {
217
- cursor: string;
218
- boxShadow: string;
219
- };
220
- '@media (forced-colors: active)': {
221
- '&:focus': {
222
- outline: string;
223
- };
224
- };
225
- '[data-component=ButtonCounter]': {
226
- fontSize: string;
227
- };
228
- '&[data-component=IconButton]': {
229
- display: string;
230
- padding: string;
231
- placeContent: string;
232
- width: string;
233
- minWidth: string;
234
- };
235
- '&[data-size="small"]': {
236
- padding: string;
237
- height: string;
238
- gap: string;
239
- fontSize: string;
240
- '[data-component="text"]': {
241
- lineHeight: string;
242
- };
243
- '[data-component=ButtonCounter]': {
244
- fontSize: string;
245
- };
246
- '[data-component="buttonContent"] > :not(:last-child)': {
247
- mr: string;
248
- };
249
- '&[data-component=IconButton]': {
250
- width: string;
251
- padding: string;
252
- };
253
- };
254
- '&[data-size="large"]': {
255
- padding: string;
256
- height: string;
257
- gap: string;
258
- '[data-component="buttonContent"] > :not(:last-child)': {
259
- mr: string;
260
- };
261
- '&[data-component=IconButton]': {
262
- width: string;
263
- padding: string;
264
- };
265
- };
266
- };
267
- export declare const getButtonStyles: (theme?: Theme) => {
268
- '&[data-block="block"]': {
269
- width: string;
270
- };
271
- '&[data-label-wrap="true"]': {
272
- minWidth: string;
273
- height: string;
274
- minHeight: string;
275
- '[data-component="buttonContent"]': {
276
- flex: string;
277
- alignSelf: string;
278
- paddingBlock: string;
279
- };
280
- '[data-component="text"]': {
281
- whiteSpace: string;
282
- wordBreak: string;
283
- };
284
- '&[data-size="small"]': {
285
- height: string;
286
- minHeight: string;
287
- '[data-component="buttonContent"]': {
288
- paddingBlock: string;
289
- };
290
- };
291
- '&[data-size="large"]': {
292
- height: string;
293
- minHeight: string;
294
- paddingInline: string;
295
- '[data-component="buttonContent"]': {
296
- paddingBlock: string;
297
- };
298
- };
299
- };
300
- '&[data-inactive]:not([disabled])': {
301
- backgroundColor: string;
302
- borderColor: string;
303
- color: string;
304
- };
305
- '&[data-inactive]:not([disabled]):focus-visible': {
306
- boxShadow: string;
307
- };
308
- '[data-component="leadingVisual"]': {
309
- gridArea: string;
310
- };
311
- '[data-component="text"]': {
312
- gridArea: string;
313
- lineHeight: string;
314
- whiteSpace: string;
315
- };
316
- '[data-component="trailingVisual"]': {
317
- gridArea: string;
318
- };
319
- '[data-component="trailingAction"]': {
320
- marginRight: string;
321
- };
322
- '[data-component="buttonContent"]': {
323
- flex: string;
324
- display: string;
325
- gridTemplateAreas: string;
326
- gridTemplateColumns: string;
327
- alignItems: string;
328
- alignContent: string;
329
- };
330
- '[data-component="buttonContent"] > :not(:last-child)': {
331
- mr: string;
332
- };
333
- '[data-component="loadingSpinner"]': {
334
- gridArea: string;
335
- marginRight: string;
336
- placeSelf: string;
337
- color: string;
338
- };
339
- '[data-component="loadingSpinner"] + [data-component="text"]': {
340
- visibility: string;
341
- };
342
- borderRadius: string;
343
- border: string;
344
- borderColor: string;
345
- fontFamily: string;
346
- fontWeight: string;
347
- fontSize: string;
348
- cursor: string;
349
- appearance: string;
350
- userSelect: string;
351
- textDecoration: string;
352
- textAlign: string;
353
- display: string;
354
- alignItems: string;
355
- justifyContent: string;
356
- height: string;
357
- padding: string;
358
- gap: string;
359
- minWidth: string;
360
- transition: string;
361
- transitionProperty: string;
362
- '&[href]': {
363
- display: string;
364
- '&:hover': {
365
- textDecoration: string;
366
- };
367
- };
368
- '&:hover': {
369
- transitionDuration: string;
370
- };
371
- '&:active': {
372
- transition: string;
373
- };
374
- '&[data-inactive]': {
375
- cursor: string;
376
- };
377
- '&:disabled': {
378
- cursor: string;
379
- boxShadow: string;
380
- };
381
- '@media (forced-colors: active)': {
382
- '&:focus': {
383
- outline: string;
384
- };
385
- };
386
- '[data-component=ButtonCounter]': {
387
- fontSize: string;
388
- };
389
- '&[data-component=IconButton]': {
390
- display: string;
391
- padding: string;
392
- placeContent: string;
393
- width: string;
394
- minWidth: string;
395
- };
396
- '&[data-size="small"]': {
397
- padding: string;
398
- height: string;
399
- gap: string;
400
- fontSize: string;
401
- '[data-component="text"]': {
402
- lineHeight: string;
403
- };
404
- '[data-component=ButtonCounter]': {
405
- fontSize: string;
406
- };
407
- '[data-component="buttonContent"] > :not(:last-child)': {
408
- mr: string;
409
- };
410
- '&[data-component=IconButton]': {
411
- width: string;
412
- padding: string;
413
- };
414
- };
415
- '&[data-size="large"]': {
416
- padding: string;
417
- height: string;
418
- gap: string;
419
- '[data-component="buttonContent"] > :not(:last-child)': {
420
- mr: string;
421
- };
422
- '&[data-component=IconButton]': {
423
- width: string;
424
- padding: string;
425
- };
426
- };
427
- };
428
- export declare const getAlignContentSize: (alignContent?: AlignContent) => {
429
- justifyContent: string;
430
- };
431
- //# sourceMappingURL=styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAE,YAAY,EAAC,MAAM,SAAS,CAAA;AACtD,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,kBAAkB,CAAA;AAE3C,eAAO,MAAM,gBAAgB,GAAI,UAAS,WAAuB,EAAE,QAAQ,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyO/E,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,QAAQ,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6FzC,CAAA;AAEF,eAAO,MAAM,eAAe,GAAI,QAAQ,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqF5C,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,eAAc,YAAuB;;CAEvE,CAAA"}
@@ -1,5 +0,0 @@
1
- const getAlignContentSize = (alignContent = 'center') => ({
2
- justifyContent: alignContent === 'center' ? 'center' : 'flex-start'
3
- });
4
-
5
- export { getAlignContentSize };
@@ -1,2 +0,0 @@
1
- .prc-Checkbox-Checkbox-gIwWX{border-radius:var(--borderRadius-small,.1875rem);transition:background-color,border-color 80ms cubic-bezier(.33,1,.68,1)}.prc-Checkbox-Checkbox-gIwWX:before{animation:prc-Checkbox-checkmarkOut-mlBVw 80ms cubic-bezier(.65,0,.35,1) forwards;background-color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis));clip-path:inset(var(--base-size-16,1rem) 0 0 0);content:"";height:var(--base-size-16,1rem);mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTIgOSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzguMjJhLjc1Ljc1IDAgMCAxIDAgMS4wNjFMNC41MiA4LjU0MWEuNzUuNzUgMCAwIDEtMS4wNjIgMEwuMjAyIDUuMjg1YS43NS43NSAwIDAgMSAxLjA2MS0xLjA2MWwyLjcyNSAyLjcyM0wxMC43MTguMjJhLjc1Ljc1IDAgMCAxIDEuMDYyIDAiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");mask-position:center;mask-repeat:no-repeat;mask-size:75%;transition:visibility 0s linear .23s;visibility:hidden;width:var(--base-size-16,1rem)}.prc-Checkbox-Checkbox-gIwWX:checked,.prc-Checkbox-Checkbox-gIwWX:indeterminate{background:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg));border-color:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg))}:is(.prc-Checkbox-Checkbox-gIwWX:checked,.prc-Checkbox-Checkbox-gIwWX:indeterminate):before{animation:prc-Checkbox-checkmarkIn-S5zG9 80ms cubic-bezier(.65,0,.35,1) 80ms forwards}.prc-Checkbox-Checkbox-gIwWX:disabled{cursor:not-allowed}.prc-Checkbox-Checkbox-gIwWX:checked{transition:background-color,border-color 80ms cubic-bezier(.32,0,.67,0) 0s}.prc-Checkbox-Checkbox-gIwWX:checked:before{transition:visibility 0s linear 0s;visibility:visible}.prc-Checkbox-Checkbox-gIwWX:checked:disabled{background-color:var(--control-checked-bgColor-disabled,var(--color-switch-track-disabled-bg));border-color:var(--control-checked-borderColor-disabled,var(--color-switch-track-disabled-bg));opacity:1}.prc-Checkbox-Checkbox-gIwWX:checked:disabled:before{background-color:var(--control-checked-fgColor-disabled,var(--color-switch-track-checked-disabled-fg))}@media (forced-colors:active){.prc-Checkbox-Checkbox-gIwWX:checked{background-color:canvastext;border-color:canvastext}}.prc-Checkbox-Checkbox-gIwWX:indeterminate{background:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg))}.prc-Checkbox-Checkbox-gIwWX:indeterminate:before{mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTAgMiI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAxYTEgMSAwIDAgMSAxLTFoOGExIDEgMCAxIDEgMCAySDFhMSAxIDAgMCAxLTEtMSIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");visibility:visible}.prc-Checkbox-Checkbox-gIwWX:focus-visible:not(:disabled){box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:2px}@keyframes prc-Checkbox-checkmarkIn-S5zG9{0%{clip-path:inset(var(--base-size-16,1rem) 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes prc-Checkbox-checkmarkOut-mlBVw{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(var(--base-size-16,1rem) 0 0 0)}}
2
- /*# sourceMappingURL=Checkbox-2aef6693.css.map */
@@ -1,2 +0,0 @@
1
- .prc-ConfirmationDialog-ConfirmationHeader-yiLEc{display:flex;flex-direction:row;padding:var(--base-size-8,.5rem)}.prc-ConfirmationDialog-ConfirmationHeader-yiLEc>h1{flex-grow:1;font-size:var(--text-title-size-medium,1.25rem);font-weight:var(--text-title-weight-medium,600);margin:0;padding:var(--base-size-6,.375rem) var(--base-size-8,.5rem)}.prc-ConfirmationDialog-ConfirmationBody-ht9P-{flex-grow:1;font-size:var(--text-body-size-medium,.875rem);padding:0 var(--base-size-16,1rem) var(--base-size-16,1rem) var(--base-size-16,1rem)}.prc-ConfirmationDialog-ConfirmationFooter-AqKBI{display:grid;grid-auto-columns:max-content;grid-auto-flow:column;grid-gap:var(--base-size-8,.5rem);align-items:end;justify-content:end;padding:var(--base-size-4,.25rem) var(--base-size-16,1rem) var(--base-size-16,1rem)}
2
- /*# sourceMappingURL=ConfirmationDialog-de0401ff.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/ConfirmationDialog/ConfirmationDialog.module.css"],"names":[],"mappings":"AAAA,iDACE,YAAa,CAEb,kBAAmB,CADnB,gCAYF,CATE,oDAOE,WAAY,CAFZ,+CAAwC,CACxC,+CAA4C,CAF5C,QAAS,CAHT,2DAOF,CAGF,+CAGE,WAAY,CADZ,8CAAuC,CADvC,oFAGF,CAEA,iDACE,YAAa,CAEb,6BAA8B,CAD9B,qBAAsB,CAEtB,iCAA4B,CAC5B,eAAgB,CAChB,mBAAoB,CACpB,mFACF","file":"ConfirmationDialog-de0401ff.css","sourcesContent":[".ConfirmationHeader {\n display: flex;\n padding: var(--base-size-8);\n flex-direction: row;\n\n > h1 {\n padding: var(--base-size-6) var(--base-size-8);\n\n /* override default margin */\n margin: 0;\n font-size: var(--text-title-size-medium);\n font-weight: var(--text-title-weight-medium);\n flex-grow: 1;\n }\n}\n\n.ConfirmationBody {\n padding: 0 var(--base-size-16) var(--base-size-16) var(--base-size-16);\n font-size: var(--text-body-size-medium);\n flex-grow: 1;\n}\n\n.ConfirmationFooter {\n display: grid;\n grid-auto-flow: column;\n grid-auto-columns: max-content;\n grid-gap: var(--base-size-8);\n align-items: end;\n justify-content: end;\n padding: var(--base-size-4) var(--base-size-16) var(--base-size-16);\n}\n"]}
@@ -1,2 +0,0 @@
1
- .prc-FilteredActionList-Root-S5E74{display:flex;flex-direction:column;overflow:hidden}.prc-FilteredActionList-Container-2A9NQ{display:flex;height:100%;overflow:auto}.prc-FilteredActionList-ActionList-QY9ZL,.prc-FilteredActionList-Container-2A9NQ{flex-grow:1}.prc-FilteredActionList-ActionListItem-39lnB:focus{background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-FilteredActionList-ActionListItem-39lnB:focus:after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:var(--base-size-24,1.5rem);left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:calc(50% - var(--base-size-12,.75rem));width:var(--base-size-4,.25rem)}.prc-FilteredActionList-ActionListItem-39lnB:where([data-input-focused]):where([data-first-child]){background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-FilteredActionList-ActionListItem-39lnB:where([data-input-focused]):where([data-first-child]):after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:var(--base-size-24,1.5rem);left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:calc(50% - var(--base-size-12,.75rem));width:var(--base-size-4,.25rem)}@media screen and (max-width:calc(48rem - 0.02px)){@supports (-webkit-touch-callout:none){.prc-FilteredActionList-FullScreenTextInput-rCAiq{font-size:var(--text-title-size-small,1rem)}}}.prc-FilteredActionList-SelectAllContainer-w5otq{align-items:center;background:var(--bgColor-muted,var(--color-canvas-subtle));border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));display:flex;padding-block:var(--base-size-4,.25rem);padding-inline:var(--base-size-16,1rem)}.prc-FilteredActionList-SelectAllCheckbox-dq2yL{margin:var(--base-size-4,.25rem) var(--base-size-8,.5rem) calc(var(--base-size-4,.25rem) - 1px) 0}.prc-FilteredActionList-SelectAllLabel-l34LA{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-medium,.875rem)}
2
- /*# sourceMappingURL=FilteredActionList-e1eb1b75.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/FilteredActionList/FilteredActionList.module.css","../../postcss-preset-primer/src/mixins/activeIndicatorLine.css"],"names":[],"mappings":"AAAA,mCACE,YAAa,CACb,qBAAsB,CACtB,eACF,CAEA,wCACE,YAAa,CACb,WAAY,CACZ,aAEF,CAEA,iFAHE,WAKF,CAEA,mDACE,wGAKF,CAHE,yDCZA,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,iCAA2B,CAF3B,sCAAmC,CAFnC,iBAAkB,CAClB,0CAAoC,CAEpC,+BDkBA,CAGF,mGACE,wGAKF,CAHE,yGCpBA,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,iCAA2B,CAF3B,sCAAmC,CAFnC,iBAAkB,CAClB,0CAAoC,CAEpC,+BD0BA,CAIA,mDAEE,uCAHJ,kDAIM,2CAGN,CAFI,CACF,CAGF,iDAEE,kBAAmB,CAGnB,0DAAgC,CAChC,2GAAuE,CALvE,YAAa,CAEb,uCAAiC,CACjC,uCAGF,CAEA,gDAGE,iGACF,CAEA,6CAEE,gDAA2B,CAD3B,8CAEF","file":"FilteredActionList-e1eb1b75.css","sourcesContent":[".Root {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.Container {\n display: flex;\n height: 100%;\n overflow: auto;\n flex-grow: 1;\n}\n\n.ActionList {\n flex-grow: 1;\n}\n\n.ActionListItem:focus {\n background: var(--control-transparent-bgColor-selected);\n\n &::after {\n @mixin activeIndicatorLine;\n }\n}\n\n.ActionListItem:where([data-input-focused]):where([data-first-child]) {\n background: var(--control-transparent-bgColor-selected);\n\n &::after {\n @mixin activeIndicatorLine;\n }\n}\n\n.FullScreenTextInput {\n @media screen and (--viewportRange-narrow) {\n /* Ensures inputs don't zoom on mobile iPhone but are body-font size on iPad */\n @supports (-webkit-touch-callout: none) {\n font-size: var(--text-title-size-small);\n }\n }\n}\n\n.SelectAllContainer {\n display: flex;\n align-items: center;\n padding-block: var(--base-size-4);\n padding-inline: var(--base-size-16);\n background: var(--bgColor-muted);\n border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.SelectAllCheckbox {\n /* -1px hack to offset 1px border-bottom causing uneven alignment */\n /* stylelint-disable-next-line primer/spacing */\n margin: var(--base-size-4) var(--base-size-8) calc(var(--base-size-4) - 1px) 0;\n}\n\n.SelectAllLabel {\n font-size: var(--text-body-size-medium);\n color: var(--fgColor-muted);\n}\n","@define-mixin activeIndicatorLine {\n position: absolute;\n top: calc(50% - var(--base-size-12));\n left: calc(-1 * var(--base-size-8));\n width: var(--base-size-4);\n height: var(--base-size-24);\n content: '';\n /* stylelint-disable-next-line primer/colors */\n background: var(--borderColor-accent-emphasis);\n border-radius: var(--borderRadius-medium);\n}\n"]}
@@ -1,2 +0,0 @@
1
- .prc-LabelGroup-OverlayContainer-pt4uv{align-items:flex-start;display:flex}.prc-LabelGroup-OverlayInner-qvwGT{display:flex;flex-wrap:wrap;gap:var(--base-size-4,.25rem)}.prc-LabelGroup-CloseButton-GyJi3{flex-shrink:0}
2
- /*# sourceMappingURL=LabelGroup-eda75c0f.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/LabelGroup/LabelGroup.module.css"],"names":[],"mappings":"AAAA,uCACE,sBAAuB,CACvB,YACF,CAEA,mCACE,YAAa,CACb,cAAe,CACf,6BACF,CAEA,kCACE,aACF","file":"LabelGroup-eda75c0f.css","sourcesContent":[".OverlayContainer {\n align-items: flex-start;\n display: flex;\n}\n\n.OverlayInner {\n display: flex;\n flex-wrap: wrap;\n gap: var(--base-size-4);\n}\n\n.CloseButton {\n flex-shrink: 0;\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/PageLayout/PageLayout.module.css"],"names":[],"mappings":"AAEA,qCACE,iBACF,CAIA,uCACE,wBAAiB,CAAjB,gBACF,CAEA,qCAEE,uBAAwB,CACxB,2BAA4B,CAC5B,wBAAyB,CACzB,yBAA0B,CAC1B,uBAAwB,CAGxB,gBAAiB,CACjB,4CAAwC,CACxC,yCA0CF,CAxCE,qCAbF,qCAcI,2CAuCJ,CAtCE,CAfF,qCAkBE,uBAAwB,CACxB,wBAAyB,CACzB,uBAAwB,CACxB,2BAgCF,CA9BE,oCAvBF,qCAwBI,wBAAyB,CACzB,yBAA0B,CAC1B,wBA2BJ,CA1BE,CAEA,qCA7BF,qCA8BI,wBAAyB,CACzB,yBAA0B,CAC1B,wBAqBJ,CApBE,CAEA,qCAnCF,qCAoCI,2BAiBJ,CAhBE,CArCF,qCAwCE,WAAY,CACZ,eAAgB,CAChB,kBAAmB,CACnB,mBAAoB,CACpB,iBAAkB,CAClB,cAAe,CACf,kBAAmB,CACnB,kBAAmB,CACnB,qBAAsB,CACtB,mBAAoB,CAGpB,sBACF,CAEA,wCACE,YAAa,CAGb,cAAe,CADf,gBAAiB,CADjB,iBAmBF,CAfE,mEACE,eACF,CAEA,kEACE,gBACF,CAEA,iEACE,cACF,CAEA,mEACE,gBACF,CAGF,wCACE,YAAa,CACb,aAAc,CACd,cAAe,CACf,cACF,CAEA,wCAIE,2CAA8C,CAF9C,4CA6BF,CAzBE,mEACE,YACF,CAEA,mEAIE,uEAA4C,CAH5C,aAAc,CACd,UAGF,CAEA,qEAGE,+DAAsC,CACtC,yJAG4C,CAN5C,aAAc,CACd,+BAMF,CAEA,oCA3BF,wCA6BI,uBAAyB,CADzB,wBAGJ,CADE,CAGF,sCAEE,WAAY,CADZ,iBAuBF,CApBE,iEACE,YACF,CAEA,iEAIE,uEAA4C,CAH5C,aAAc,CACd,SAGF,CAEA,mEAGE,+DAAsC,CACtC,yJAG4C,CAN5C,aAAc,CACd,8BAMF,CAGF,6BAGE,4BAA6B,CAF7B,UAGF,CAEA,oCAEE,sBACF,CAEA,8CAEE,yBACF,CAEA,qCACE,YAAa,CAUb,YAAa,CANb,qBAAsB,CAOtB,WAAY,CACZ,aAAc,CATd,aAAc,CAEd,iCAYF,CAHE,kEACE,YACF,CAGF,8BAOE,WAAY,CADZ,gBAAiB,CADjB,iBAAkB,CADlB,sBAAuB,CAHvB,UAuBF,CAfE,yDACE,eACF,CAEA,wDACE,gBACF,CAEA,uDACE,cACF,CAEA,yDACE,gBACF,CAGF,kCACE,YAAa,CAGb,aAAc,CADd,cAAe,CADf,UA8CF,CA1CE,+DACE,YACF,CAEA,6DAGE,qBAAsB,CADtB,6BAA8B,CAE9B,kCACF,CAEA,+DAGE,6BAA8B,CAD9B,gCAAiC,CAEjC,oCACF,CAEA,oCAxBF,kCA2BI,yBAA2B,CAD3B,sBAAwB,CADxB,UAuBJ,CAnBI,uDAIE,gBAAiB,CAHjB,eAAgB,CAEhB,wBAEF,CAEA,6DAGE,0BAA2B,CAD3B,iCAEF,CAEA,+DAGE,kBAAmB,CADnB,kCAEF,CACF,CAIA,uEAEE,0BACF,CAEA,qEAEE,2BACF,CAGF,2BAGE,sBAAuB,CAFvB,4BAeF,CAXE,oCALF,2BAMI,aAUJ,CATE,CAEA,mDACE,UAKF,CAHE,oCAHF,mDAII,0EAEJ,CADE,CAKF,yEAEE,yBACF,CAEA,uEAEE,4BACF,CAGF,oCAKE,yBAA0B,CAH1B,gCAAiC,CADjC,UAKF,CAEA,8CAEE,4BACF,CAEA,oCAEE,sBACF","file":"PageLayout-8a294e74.css","sourcesContent":["/* Maintain resize cursor while dragging */\n/* stylelint-disable-next-line selector-no-qualifying-type */\nbody[data-page-layout-dragging='true'] {\n cursor: col-resize;\n}\n\n/* Disable text selection while dragging */\n/* stylelint-disable-next-line selector-no-qualifying-type */\nbody[data-page-layout-dragging='true'] * {\n user-select: none;\n}\n\n.PageLayoutRoot {\n /* Region Order */\n --region-order-header: 0;\n --region-order-pane-start: 1;\n --region-order-content: 2;\n --region-order-pane-end: 3;\n --region-order-footer: 4;\n\n /* Spacing Values */\n --spacing-none: 0;\n --spacing-condensed: var(--base-size-16);\n --spacing-normal: var(--base-size-16);\n\n @media screen and (min-width: 1012px) {\n --spacing-normal: var(--base-size-24);\n }\n\n /* Pane Width Values */\n --pane-width-small: 100%;\n --pane-width-medium: 100%;\n --pane-width-large: 100%;\n --pane-max-width-diff: 511px;\n\n @media screen and (min-width: 768px) {\n --pane-width-small: 240px;\n --pane-width-medium: 256px;\n --pane-width-large: 256px;\n }\n\n @media screen and (min-width: 1012px) {\n --pane-width-small: 256px;\n --pane-width-medium: 296px;\n --pane-width-large: 320px;\n }\n\n @media screen and (min-width: 1280px) {\n --pane-max-width-diff: 959px;\n }\n\n /* These following CSS variables are dynamic values that get overridden by styles passed in via props. */\n --spacing: 0;\n --spacing-row: 0;\n --spacing-column: 0;\n --spacing-divider: 0;\n --offset-header: 0;\n --pane-width: 0;\n --pane-min-width: 0;\n --pane-max-width: 0;\n --pane-width-custom: 0;\n --pane-width-size: 0;\n\n /* stylelint-disable-next-line primer/spacing */\n padding: var(--spacing);\n}\n\n.PageLayoutWrapper {\n display: flex;\n margin-right: auto;\n margin-left: auto;\n flex-wrap: wrap;\n\n &:where([data-width='medium']) {\n max-width: 768px;\n }\n\n &:where([data-width='large']) {\n max-width: 1012px;\n }\n\n &:where([data-width='full']) {\n max-width: 100%;\n }\n\n &:where([data-width='xlarge']) {\n max-width: 1280px;\n }\n}\n\n.PageLayoutContent {\n display: flex;\n flex: 1 1 100%;\n flex-wrap: wrap;\n max-width: 100%;\n}\n\n.HorizontalDivider {\n /* stylelint-disable-next-line primer/spacing */\n margin-right: calc(-1 * var(--spacing-divider));\n /* stylelint-disable-next-line primer/spacing */\n margin-left: calc(-1 * var(--spacing-divider));\n\n &:where([data-variant='none']) {\n display: none;\n }\n\n &:where([data-variant='line']) {\n display: block;\n height: 1px;\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--borderColor-default);\n }\n\n &:where([data-variant='filled']) {\n display: block;\n height: var(--base-size-8);\n background-color: var(--bgColor-inset);\n box-shadow:\n /* stylelint-disable-next-line primer/box-shadow */\n inset 0 -1px 0 0 var(--borderColor-default),\n inset 0 1px 0 0 var(--borderColor-default);\n }\n\n @media screen and (min-width: 768px) {\n margin-right: 0 !important;\n margin-left: 0 !important;\n }\n}\n\n.VerticalDivider {\n position: relative;\n height: 100%;\n\n &:where([data-variant='none']) {\n display: none;\n }\n\n &:where([data-variant='line']) {\n display: block;\n width: 1px;\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--borderColor-default);\n }\n\n &:where([data-variant='filled']) {\n display: block;\n width: var(--base-size-8);\n background-color: var(--bgColor-inset);\n box-shadow:\n /* stylelint-disable-next-line primer/box-shadow */\n inset -1px 0 0 0 var(--borderColor-default),\n inset 1px 0 0 0 var(--borderColor-default);\n }\n}\n\n.Header {\n width: 100%;\n /* stylelint-disable-next-line primer/spacing */\n margin-bottom: var(--spacing);\n}\n\n.HeaderContent {\n /* stylelint-disable-next-line primer/spacing */\n padding: var(--spacing);\n}\n\n.HeaderHorizontalDivider {\n /* stylelint-disable-next-line primer/spacing */\n margin-top: var(--spacing);\n}\n\n.ContentWrapper {\n display: flex;\n\n /* Hack to prevent overflowing content from pushing the pane region to the next line */\n min-width: 1px;\n flex-direction: column;\n order: var(--region-order-content);\n\n /* Set flex-basis to 0% to allow flex-grow to control the width of the content region.\n Without this, the content region could wrap onto a different line\n than the pane region on wide viewports if its contents are too wide. */\n flex-basis: 0;\n flex-grow: 1;\n flex-shrink: 1;\n\n &:where([data-is-hidden='true']) {\n display: none;\n }\n}\n\n.Content {\n width: 100%;\n\n /* stylelint-disable-next-line primer/spacing */\n padding: var(--spacing);\n margin-right: auto;\n margin-left: auto;\n flex-grow: 1;\n\n &:where([data-width='medium']) {\n max-width: 768px;\n }\n\n &:where([data-width='large']) {\n max-width: 1012px;\n }\n\n &:where([data-width='full']) {\n max-width: 100%;\n }\n\n &:where([data-width='xlarge']) {\n max-width: 1280px;\n }\n}\n\n.PaneWrapper {\n display: flex;\n width: 100%;\n margin-right: 0;\n margin-left: 0;\n\n &:where([data-is-hidden='true']) {\n display: none;\n }\n\n &:where([data-position='end']) {\n /* stylelint-disable-next-line primer/spacing */\n margin-top: var(--spacing-row);\n flex-direction: column;\n order: var(--region-order-pane-end);\n }\n\n &:where([data-position='start']) {\n /* stylelint-disable-next-line primer/spacing */\n margin-bottom: var(--spacing-row);\n flex-direction: column-reverse;\n order: var(--region-order-pane-start);\n }\n\n @media screen and (min-width: 768px) {\n width: auto;\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n &:where([data-sticky]) {\n position: sticky;\n /* stylelint-disable-next-line primer/spacing */\n top: var(--offset-header);\n max-height: 100vh;\n }\n\n &:where([data-position='end']) {\n /* stylelint-disable-next-line primer/spacing */\n margin-left: var(--spacing-column);\n flex-direction: row-reverse;\n }\n\n &:where([data-position='start']) {\n /* stylelint-disable-next-line primer/spacing */\n margin-right: var(--spacing-column);\n flex-direction: row;\n }\n }\n}\n\n.PaneVerticalDivider {\n &:where([data-position='start']) {\n /* stylelint-disable-next-line primer/spacing */\n margin-left: var(--spacing);\n }\n\n &:where([data-position='end']) {\n /* stylelint-disable-next-line primer/spacing */\n margin-right: var(--spacing);\n }\n}\n\n.Pane {\n width: var(--pane-width-size);\n /* stylelint-disable-next-line primer/spacing */\n padding: var(--spacing);\n\n @media screen and (min-width: 768px) {\n overflow: auto;\n }\n\n &:where([data-resizable]) {\n width: 100%;\n\n @media screen and (min-width: 768px) {\n width: clamp(var(--pane-min-width), var(--pane-width), var(--pane-max-width));\n }\n }\n}\n\n.PaneHorizontalDivider {\n &:where([data-position='start']) {\n /* stylelint-disable-next-line primer/spacing */\n margin-top: var(--spacing);\n }\n\n &:where([data-position='end']) {\n /* stylelint-disable-next-line primer/spacing */\n margin-bottom: var(--spacing);\n }\n}\n\n.FooterWrapper {\n width: 100%;\n order: var(--region-order-footer);\n\n /* stylelint-disable-next-line primer/spacing */\n margin-top: var(--spacing);\n}\n\n.FooterHorizontalDivider {\n /* stylelint-disable-next-line primer/spacing */\n margin-bottom: var(--spacing);\n}\n\n.FooterContent {\n /* stylelint-disable-next-line primer/spacing */\n padding: var(--spacing);\n}\n"]}
@@ -1,2 +0,0 @@
1
- .prc-Pagination-Page-yoEQf{background-color:transparent;border-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-default,var(--color-fg-default));cursor:pointer;display:inline-block;font-style:normal;height:32px;line-height:1;margin-right:var(--base-size-4,.25rem);min-width:32px;padding:var(--base-size-8,.5rem) calc((var(--base-size-32,2rem) - var(--base-size-20,1.25rem))/2);text-align:center;-webkit-text-decoration:none;text-decoration:none;transition:background-color .2s cubic-bezier(.3,0,.5,1);-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@supports (clip-path:polygon(50% 0,100% 50%,50% 100%)){.prc-Pagination-Page-yoEQf[rel=next]:after,.prc-Pagination-Page-yoEQf[rel=prev]:before{background-color:currentColor;content:"";display:inline-block;height:16px;vertical-align:text-bottom;width:16px}.prc-Pagination-Page-yoEQf[rel=prev]:before{clip-path:polygon(9.8px 12.8px,8.7px 12.8px,4.5px 8.5px,4.5px 7.5px,8.7px 3.2px,9.8px 4.3px,6.1px 8px,9.8px 11.7px,9.8px 12.8px);margin-right:var(--base-size-4,.25rem)}.prc-Pagination-Page-yoEQf[rel=next]:after{clip-path:polygon(6.2px 3.2px,7.3px 3.2px,11.5px 7.5px,11.5px 8.5px,7.3px 12.8px,6.2px 11.7px,9.9px 8px,6.2px 4.3px,6.2px 3.2px);margin-left:var(--base-size-4,.25rem)}}.prc-Pagination-Page-yoEQf:last-child{margin-right:0}.prc-Pagination-Page-yoEQf:focus,.prc-Pagination-Page-yoEQf:hover{background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg));outline:0;-webkit-text-decoration:none;text-decoration:none;transition-duration:.1s}.prc-Pagination-Page-yoEQf:focus-visible{outline:2px solid var(--bgColor-accent-emphasis,var(--color-accent-emphasis));outline-offset:-2px}.prc-Pagination-Page-yoEQf:active{border-color:var(--borderColor-muted,var(--color-border-muted))}.prc-Pagination-Page-yoEQf[rel=next],.prc-Pagination-Page-yoEQf[rel=prev]{color:var(--fgColor-accent,var(--color-accent-fg))}.prc-Pagination-Page-yoEQf[aria-current],.prc-Pagination-Page-yoEQf[aria-current]:hover{background-color:var(--bgColor-accent-emphasis,var(--color-accent-emphasis));border-color:transparent;color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-Pagination-Page-yoEQf[aria-current]: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-Pagination-Page-yoEQf[aria-hidden],.prc-Pagination-Page-yoEQf[aria-hidden]:hover,.prc-Pagination-Page-yoEQf[role=presentation],.prc-Pagination-Page-yoEQf[role=presentation]:hover{background-color:transparent;color:var(--fgColor-disabled,var(--color-primer-fg-disabled));cursor:default}.prc-Pagination-PaginationContainer-yNDPO{margin-bottom:15px;margin-top:20px;text-align:center}.prc-Pagination-TablePaginationSteps-RRjtg{display:inline-block}@media screen and (max-width:calc(48rem - 0.02px)){.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=narrow]>:not(:first-child):not(:last-child){display:none}.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=narrow]>:first-child{margin-inline-end:0}.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=narrow]>:last-child{margin-inline-start:0}}@media screen and (min-width:48rem){.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=regular]>:not(:first-child):not(:last-child){display:none}.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=regular]>:first-child{margin-inline-end:0}.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=regular]>:last-child{margin-inline-start:0}}@media screen and (min-width:87.5rem){.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=wide]>:not(:first-child):not(:last-child){display:none}.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=wide]>:first-child{margin-inline-end:0}.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=wide]>:last-child{margin-inline-start:0}}
2
- /*# sourceMappingURL=Pagination-1845feaa.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/Pagination/Pagination.module.css"],"names":[],"mappings":"AAAA,2BAgBE,4BAA6B,CAC7B,gDAAyC,CARzC,oDAA6B,CAK7B,cAAe,CAbf,oBAAqB,CAKrB,iBAAkB,CAHlB,WAAY,CAKZ,aAAc,CAHd,sCAAgC,CAHhC,cAAe,CAEf,iGAAiF,CAMjF,iBAAkB,CAClB,4BAAqB,CAArB,oBAAqB,CAOrB,uDAA8D,CAH9D,wBAAiB,CAAjB,gBAAiB,CAFjB,qBAAsB,CADtB,kBAOF,CAEA,uDACE,uFAOE,6BAA8B,CAD9B,UAAW,CAJX,oBAAqB,CAErB,WAAY,CACZ,0BAA2B,CAF3B,UAKF,CAGA,4CAEE,gIAUC,CAXD,sCAYF,CAGA,2CAEE,gIAUC,CAXD,qCAYF,CACF,CAEA,sCACE,cACF,CAEA,kEAGE,wGAA0D,CAC1D,SAAU,CAFV,4BAAqB,CAArB,oBAAqB,CAGrB,uBACF,CAEA,yCACE,6EAAiD,CACjD,mBACF,CAEA,kCACE,+DACF,CAEA,0EAEE,kDACF,CAEA,wFAGE,4EAAgD,CAChD,wBAAyB,CAFzB,2DAGF,CAEA,uDAIE,gFAAqD,CAHrD,6EAAiD,CACjD,mBAGF,CAEA,wLAME,4BAA6B,CAF7B,6DAA8B,CAC9B,cAEF,CAEA,0CAIE,kBAAmB,CAFnB,eAAgB,CAGhB,iBACF,CAEA,2CACE,oBACF,CAEA,mDACE,oHACE,YACF,CAEA,6FACE,mBACF,CAEA,4FACE,qBACF,CACF,CAEA,oCACE,qHACE,YACF,CAEA,8FACE,mBACF,CAEA,6FACE,qBACF,CACF,CAEA,sCACE,kHACE,YACF,CAEA,2FACE,mBACF,CAEA,0FACE,qBACF,CACF","file":"Pagination-1845feaa.css","sourcesContent":[".Page {\n display: inline-block;\n min-width: 32px; /* primer.control.medium.size */\n height: 32px; /* primer.control.medium.size */\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 margin-right: var(--base-size-4);\n font-style: normal;\n /* stylelint-disable-next-line primer/typography */\n line-height: 1;\n color: var(--fgColor-default);\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n vertical-align: middle;\n cursor: pointer;\n user-select: none;\n background-color: transparent;\n border-radius: var(--borderRadius-medium);\n transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);\n}\n\n@supports (clip-path: polygon(50% 0, 100% 50%, 50% 100%)) {\n .Page[rel='prev']::before,\n .Page[rel='next']::after {\n display: inline-block;\n width: 16px;\n height: 16px;\n vertical-align: text-bottom;\n content: '';\n background-color: currentColor;\n }\n\n /* chevron-left */\n .Page[rel='prev']::before {\n margin-right: var(--base-size-4);\n clip-path: polygon(\n 9.8px 12.8px,\n 8.7px 12.8px,\n 4.5px 8.5px,\n 4.5px 7.5px,\n 8.7px 3.2px,\n 9.8px 4.3px,\n 6.1px 8px,\n 9.8px 11.7px,\n 9.8px 12.8px\n );\n }\n\n /* chevron-right */\n .Page[rel='next']::after {\n margin-left: var(--base-size-4);\n clip-path: polygon(\n 6.2px 3.2px,\n 7.3px 3.2px,\n 11.5px 7.5px,\n 11.5px 8.5px,\n 7.3px 12.8px,\n 6.2px 11.7px,\n 9.9px 8px,\n 6.2px 4.3px,\n 6.2px 3.2px\n );\n }\n}\n\n.Page:last-child {\n margin-right: 0;\n}\n\n.Page:hover,\n.Page:focus {\n text-decoration: none;\n background-color: var(--control-transparent-bgColor-hover);\n outline: 0;\n transition-duration: 0.1s;\n}\n\n.Page:focus-visible {\n outline: 2px solid var(--bgColor-accent-emphasis);\n outline-offset: -2px;\n}\n\n.Page:active {\n border-color: var(--borderColor-muted);\n}\n\n.Page[rel='prev'],\n.Page[rel='next'] {\n color: var(--fgColor-accent);\n}\n\n.Page[aria-current],\n.Page[aria-current]:hover {\n color: var(--fgColor-onEmphasis);\n background-color: var(--bgColor-accent-emphasis);\n border-color: transparent;\n}\n\n.Page[aria-current]: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.Page[aria-hidden],\n.Page[aria-hidden]:hover,\n.Page[role='presentation'],\n.Page[role='presentation']:hover {\n color: var(--fgColor-disabled);\n cursor: default;\n background-color: transparent;\n}\n\n.PaginationContainer {\n /* stylelint-disable-next-line primer/spacing */\n margin-top: 20px;\n /* stylelint-disable-next-line primer/spacing */\n margin-bottom: 15px;\n text-align: center;\n}\n\n.TablePaginationSteps {\n display: inline-block;\n}\n\n@media screen and (--viewportRange-narrow) {\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 screen and (--viewportRange-regular) {\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 screen and (--viewportRange-wide) {\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"]}