@primer/react 38.0.0-rc.7 → 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 (69) hide show
  1. package/CHANGELOG.md +32 -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 +6 -0
  5. package/dist/ActionBar/ActionBar.d.ts.map +1 -1
  6. package/dist/ActionBar/ActionBar.js +155 -129
  7. package/dist/ActionBar/ActionBar.module.css.js +1 -1
  8. package/dist/AnchoredOverlay/AnchoredOverlay.d.ts +1 -1
  9. package/dist/AnchoredOverlay/AnchoredOverlay.d.ts.map +1 -1
  10. package/dist/Button/{ButtonBase-0a7871f4.css → ButtonBase-4c44bb02.css} +2 -2
  11. package/dist/Button/ButtonBase-4c44bb02.css.map +1 -0
  12. package/dist/Button/ButtonBase.module.css.js +1 -1
  13. package/dist/Checkbox/Checkbox-edc5dc3e.css +2 -0
  14. package/dist/Checkbox/{Checkbox-2aef6693.css.map → Checkbox-edc5dc3e.css.map} +1 -1
  15. package/dist/Checkbox/Checkbox.module.css.js +1 -1
  16. package/dist/ConfirmationDialog/ConfirmationDialog.d.ts.map +1 -1
  17. package/dist/ConfirmationDialog/ConfirmationDialog.js +8 -24
  18. package/dist/NavList/NavList.d.ts.map +1 -1
  19. package/dist/NavList/NavList.js +1 -1
  20. package/dist/Pagination/Pagination-16a5b4c6.css +2 -0
  21. package/dist/Pagination/Pagination-16a5b4c6.css.map +1 -0
  22. package/dist/Pagination/Pagination.d.ts.map +1 -1
  23. package/dist/Pagination/Pagination.js +16 -3
  24. package/dist/Pagination/Pagination.module.css.js +1 -1
  25. package/dist/ToggleSwitch/{ToggleSwitch-4b23d166.css → ToggleSwitch-d5c8dc81.css} +2 -2
  26. package/dist/ToggleSwitch/ToggleSwitch-d5c8dc81.css.map +1 -0
  27. package/dist/ToggleSwitch/ToggleSwitch.module.css.js +1 -1
  28. package/dist/Token/IssueLabelToken-a5fe569e.css +2 -0
  29. package/dist/Token/IssueLabelToken-a5fe569e.css.map +1 -0
  30. package/dist/Token/IssueLabelToken.d.ts.map +1 -1
  31. package/dist/Token/IssueLabelToken.js +0 -5
  32. package/dist/Token/IssueLabelToken.module.css.js +1 -1
  33. package/dist/Token/TokenBase-57c65c47.css +2 -0
  34. package/dist/Token/TokenBase-57c65c47.css.map +1 -0
  35. package/dist/Token/TokenBase.js +1 -7
  36. package/dist/Token/TokenBase.module.css.js +1 -1
  37. package/dist/Token/_RemoveTokenButton-c205593b.css +2 -0
  38. package/dist/Token/_RemoveTokenButton-c205593b.css.map +1 -0
  39. package/dist/Token/_RemoveTokenButton.d.ts.map +1 -1
  40. package/dist/Token/_RemoveTokenButton.js +3 -4
  41. package/dist/Token/_RemoveTokenButton.module.css.js +1 -1
  42. package/dist/experimental/IssueLabel/{IssueLabel-6581d1bd.css → IssueLabel-d9c2c5cf.css} +2 -2
  43. package/dist/experimental/IssueLabel/IssueLabel-d9c2c5cf.css.map +1 -0
  44. package/dist/experimental/IssueLabel/IssueLabel.d.ts.map +1 -1
  45. package/dist/experimental/IssueLabel/IssueLabel.js +52 -70
  46. package/dist/experimental/IssueLabel/IssueLabel.module.css.js +1 -1
  47. package/dist/experimental/IssueLabel/getColorFromHex.d.ts +1 -3
  48. package/dist/experimental/IssueLabel/getColorFromHex.d.ts.map +1 -1
  49. package/dist/experimental/IssueLabel/getColorFromHex.js +58 -26
  50. package/dist/index.d.ts +0 -2
  51. package/dist/index.d.ts.map +1 -1
  52. package/dist/index.js +0 -1
  53. package/generated/components.json +89 -1
  54. package/package.json +6 -6
  55. package/dist/ActionBar/ActionBar-e6a5d54e.css +0 -2
  56. package/dist/ActionBar/ActionBar-e6a5d54e.css.map +0 -1
  57. package/dist/Box/Box.js +0 -15
  58. package/dist/Button/ButtonBase-0a7871f4.css.map +0 -1
  59. package/dist/Checkbox/Checkbox-2aef6693.css +0 -2
  60. package/dist/Pagination/Pagination-1845feaa.css +0 -2
  61. package/dist/Pagination/Pagination-1845feaa.css.map +0 -1
  62. package/dist/ToggleSwitch/ToggleSwitch-4b23d166.css.map +0 -1
  63. package/dist/Token/IssueLabelToken-0dbbbcdf.css +0 -2
  64. package/dist/Token/IssueLabelToken-0dbbbcdf.css.map +0 -1
  65. package/dist/Token/TokenBase-0386597b.css +0 -2
  66. package/dist/Token/TokenBase-0386597b.css.map +0 -1
  67. package/dist/Token/_RemoveTokenButton-d7f5985b.css +0 -2
  68. package/dist/Token/_RemoveTokenButton-d7f5985b.css.map +0 -1
  69. package/dist/experimental/IssueLabel/IssueLabel-6581d1bd.css.map +0 -1
@@ -0,0 +1 @@
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,gBA0gBF,CA9fE,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,CAC5C,eAAgB,CALhB,4CAAqC,CACrC,WAUF,CAJE,oZAEE,uBACF,CAKF,0HAEE,kEAWF,CATE,mJAEE,mEACF,CAEA,mJAEE,+DACF,CAIJ,qCACE,aACF","file":"ButtonBase-4c44bb02.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 box-shadow: none;\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,4 +1,4 @@
1
- import './ButtonBase-0a7871f4.css';
1
+ import './ButtonBase-4c44bb02.css';
2
2
 
3
3
  var classes = {"ButtonBase":"prc-Button-ButtonBase-c50BI","CounterLabel":"prc-Button-CounterLabel-f5-4u","Visual":"prc-Button-Visual-2epfX","VisualWrap":"prc-Button-VisualWrap-Db-eB","IconButton":"prc-Button-IconButton-szpyj","ButtonContent":"prc-Button-ButtonContent-HKbr-","Label":"prc-Button-Label-pTQ3x","LoadingSpinner":"prc-Button-LoadingSpinner-hLV6o","ConditionalWrapper":"prc-Button-ConditionalWrapper-WLT4Z"};
4
4
 
@@ -0,0 +1,2 @@
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}:is(.prc-Checkbox-Checkbox-gIwWX:checked,.prc-Checkbox-Checkbox-gIwWX:indeterminate):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}:is(.prc-Checkbox-Checkbox-gIwWX:checked,.prc-Checkbox-Checkbox-gIwWX:indeterminate):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,.prc-Checkbox-Checkbox-gIwWX:indeterminate{background-color:canvastext;border-color:canvastext}}.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: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-edc5dc3e.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Checkbox/Checkbox.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,6BACE,gDAAwC,CAGxC,uEA6EF,CAzEE,oCAaE,iFAAoE,CAPpE,sEAA2C,CAE3C,+CAA2C,CAJ3C,UAAW,CAFX,+BAA2B,CAO3B,ocAA69B,CAG79B,oBAAqB,CADrB,qBAAsB,CADtB,aAAc,CAHd,oCAAsC,CAJtC,iBAAkB,CAFlB,8BAaF,CAEA,gFAEE,mFAA+C,CAI/C,qFAKF,CAHE,4FACE,qFACF,CAGF,sCACE,kBACF,CAEA,qCACE,0EAyBF,CArBE,4CAEE,kCAAmC,CADnC,kBAEF,CAEA,8CACE,8FAAyD,CACzD,8FAAyD,CACzD,SAMF,CAJE,qDAEE,sGACF,CAIF,8BAtBF,qCAuBI,2BAA4B,CAC5B,uBAEJ,CADE,CAGF,2CACE,mFAMF,CAJE,kDACE,wUAAia,CACja,kBACF,CAGF,0DC3EA,eAAgB,CAFhB,kEAAgC,CAChC,kBD8EA,CAGF,0CACE,GACE,+CACF,CAEA,GACE,wBACF,CACF,CAEA,2CACE,GACE,wBACF,CAEA,GACE,+CACF,CACF","file":"Checkbox-2aef6693.css","sourcesContent":[".Checkbox {\n border-radius: var(--borderRadius-small);\n\n /* checked -> unchecked - add 120ms delay to fully see animation-out */\n transition:\n background-color,\n border-color 80ms cubic-bezier(0.33, 1, 0.68, 1);\n\n &::before {\n width: var(--base-size-16);\n height: var(--base-size-16);\n visibility: hidden;\n content: '';\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--fgColor-onEmphasis);\n transition: visibility 0s linear 230ms;\n clip-path: inset(var(--base-size-16) 0 0 0);\n mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzgwMyAwLjIxOTYyNUMxMS45MjEgMC4zNjA0MjcgMTIgMC41NTEzMDUgMTIgMC43NTAzMTNDMTIgMC45NDkzMjEgMTEuOTIxIDEuMTQwMTkgMTEuNzgwMyAxLjI4MUw0LjUxODYgOC41NDA0MkM0LjM3Nzc1IDguNjgxIDQuMTg2ODIgOC43NiAzLjk4Nzc0IDguNzZDMy43ODg2NyA4Ljc2IDMuNTk3NzMgOC42ODEgMy40NTY4OSA4LjU0MDQyTDAuMjAxNjIyIDUuMjg2MkMwLjA2ODkyNzcgNS4xNDM4MyAtMC4wMDMzMDkwNSA0Ljk1NTU1IDAuMDAwMTE2NDkzIDQuNzYwOThDMC4wMDM1NTIwNSA0LjU2NjQzIDAuMDgyMzg5NCA0LjM4MDgxIDAuMjIwMDMyIDQuMjQzMjFDMC4zNTc2NjUgNC4xMDU2MiAwLjU0MzM1NSA0LjAyNjgxIDAuNzM3OTcgNC4wMjMzOEMwLjkzMjU4NCA0LjAxOTk0IDEuMTIwOTMgNC4wOTIxNyAxLjI2MzM0IDQuMjI0ODJMMy45ODc3NCA2Ljk0ODM1TDEwLjcxODYgMC4yMTk2MjVDMTAuODU5NSAwLjA3ODk5MjMgMTEuMDUwNCAwIDExLjI0OTUgMEMxMS40NDg1IDAgMTEuNjM5NSAwLjA3ODk5MjMgMTEuNzgwMyAwLjIxOTYyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');\n mask-size: 75%;\n mask-repeat: no-repeat;\n mask-position: center;\n animation: checkmarkOut 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards;\n }\n\n &:checked,\n &:indeterminate {\n background: var(--control-checked-bgColor-rest);\n\n /* using bgColor here to avoid a border change in dark high contrast */\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--control-checked-bgColor-rest);\n\n &::before {\n animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards 80ms;\n }\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:checked {\n transition:\n background-color,\n border-color 80ms cubic-bezier(0.32, 0, 0.67, 0) 0ms;\n\n &::before {\n visibility: visible;\n transition: visibility 0s linear 0s;\n }\n\n &:disabled {\n background-color: var(--control-checked-bgColor-disabled);\n border-color: var(--control-checked-borderColor-disabled);\n opacity: 1;\n\n &::before {\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--control-checked-fgColor-disabled);\n }\n }\n\n /* Windows High Contrast mode */\n @media (forced-colors: active) {\n background-color: canvastext;\n border-color: canvastext;\n }\n }\n\n &:indeterminate {\n background: var(--control-checked-bgColor-rest);\n\n &::before {\n mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAxQzAgMC40NDc3MTUgMC40NDc3MTUgMCAxIDBIOUM5LjU1MjI5IDAgMTAgMC40NDc3MTUgMTAgMUMxMCAxLjU1MjI4IDkuNTUyMjkgMiA5IDJIMUMwLjQ0NzcxNSAyIDAgMS41NTIyOCAwIDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');\n visibility: visible;\n }\n }\n\n &:focus-visible:not(:disabled) {\n @mixin focusOutline 2px;\n }\n}\n\n@keyframes checkmarkIn {\n from {\n clip-path: inset(var(--base-size-16) 0 0 0);\n }\n\n to {\n clip-path: inset(0 0 0 0);\n }\n}\n\n@keyframes checkmarkOut {\n from {\n clip-path: inset(0 0 0 0);\n }\n\n to {\n clip-path: inset(var(--base-size-16) 0 0 0);\n }\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"]}
1
+ {"version":3,"sources":["../src/Checkbox/Checkbox.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,6BACE,gDAAwC,CAGxC,uEA6EF,CAzEE,oCAaE,iFAAoE,CAPpE,sEAA2C,CAE3C,+CAA2C,CAJ3C,UAAW,CAFX,+BAA2B,CAO3B,ocAA69B,CAG79B,oBAAqB,CADrB,qBAAsB,CADtB,aAAc,CAHd,oCAAsC,CAJtC,iBAAkB,CAFlB,8BAaF,CAEA,gFAEE,mFAA+C,CAI/C,qFAsBF,CApBE,4FACE,qFACF,CAEA,8FACE,8FAAyD,CACzD,8FAAyD,CACzD,SAMF,CAJE,qGAEE,sGACF,CAIF,8BAxBF,gFAyBI,2BAA4B,CAC5B,uBAEJ,CADE,CAGF,sCACE,kBACF,CAEA,qCACE,0EAQF,CAJE,4CAEE,kCAAmC,CADnC,kBAEF,CAGF,2CACE,mFAMF,CAJE,kDACE,wUAAia,CACja,kBACF,CAGF,0DC3EA,eAAgB,CAFhB,kEAAgC,CAChC,kBD8EA,CAGF,0CACE,GACE,+CACF,CAEA,GACE,wBACF,CACF,CAEA,2CACE,GACE,wBACF,CAEA,GACE,+CACF,CACF","file":"Checkbox-edc5dc3e.css","sourcesContent":[".Checkbox {\n border-radius: var(--borderRadius-small);\n\n /* checked -> unchecked - add 120ms delay to fully see animation-out */\n transition:\n background-color,\n border-color 80ms cubic-bezier(0.33, 1, 0.68, 1);\n\n &::before {\n width: var(--base-size-16);\n height: var(--base-size-16);\n visibility: hidden;\n content: '';\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--fgColor-onEmphasis);\n transition: visibility 0s linear 230ms;\n clip-path: inset(var(--base-size-16) 0 0 0);\n mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzgwMyAwLjIxOTYyNUMxMS45MjEgMC4zNjA0MjcgMTIgMC41NTEzMDUgMTIgMC43NTAzMTNDMTIgMC45NDkzMjEgMTEuOTIxIDEuMTQwMTkgMTEuNzgwMyAxLjI4MUw0LjUxODYgOC41NDA0MkM0LjM3Nzc1IDguNjgxIDQuMTg2ODIgOC43NiAzLjk4Nzc0IDguNzZDMy43ODg2NyA4Ljc2IDMuNTk3NzMgOC42ODEgMy40NTY4OSA4LjU0MDQyTDAuMjAxNjIyIDUuMjg2MkMwLjA2ODkyNzcgNS4xNDM4MyAtMC4wMDMzMDkwNSA0Ljk1NTU1IDAuMDAwMTE2NDkzIDQuNzYwOThDMC4wMDM1NTIwNSA0LjU2NjQzIDAuMDgyMzg5NCA0LjM4MDgxIDAuMjIwMDMyIDQuMjQzMjFDMC4zNTc2NjUgNC4xMDU2MiAwLjU0MzM1NSA0LjAyNjgxIDAuNzM3OTcgNC4wMjMzOEMwLjkzMjU4NCA0LjAxOTk0IDEuMTIwOTMgNC4wOTIxNyAxLjI2MzM0IDQuMjI0ODJMMy45ODc3NCA2Ljk0ODM1TDEwLjcxODYgMC4yMTk2MjVDMTAuODU5NSAwLjA3ODk5MjMgMTEuMDUwNCAwIDExLjI0OTUgMEMxMS40NDg1IDAgMTEuNjM5NSAwLjA3ODk5MjMgMTEuNzgwMyAwLjIxOTYyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');\n mask-size: 75%;\n mask-repeat: no-repeat;\n mask-position: center;\n animation: checkmarkOut 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards;\n }\n\n &:checked,\n &:indeterminate {\n background: var(--control-checked-bgColor-rest);\n\n /* using bgColor here to avoid a border change in dark high contrast */\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--control-checked-bgColor-rest);\n\n &::before {\n animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards 80ms;\n }\n\n &:disabled {\n background-color: var(--control-checked-bgColor-disabled);\n border-color: var(--control-checked-borderColor-disabled);\n opacity: 1;\n\n &::before {\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--control-checked-fgColor-disabled);\n }\n }\n\n /* Windows High Contrast mode */\n @media (forced-colors: active) {\n background-color: canvastext;\n border-color: canvastext;\n }\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:checked {\n transition:\n background-color,\n border-color 80ms cubic-bezier(0.32, 0, 0.67, 0) 0ms;\n\n &::before {\n visibility: visible;\n transition: visibility 0s linear 0s;\n }\n }\n\n &:indeterminate {\n background: var(--control-checked-bgColor-rest);\n\n &::before {\n mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAxQzAgMC40NDc3MTUgMC40NDc3MTUgMCAxIDBIOUM5LjU1MjI5IDAgMTAgMC40NDc3MTUgMTAgMUMxMCAxLjU1MjI4IDkuNTUyMjkgMiA5IDJIMUMwLjQ0NzcxNSAyIDAgMS41NTIyOCAwIDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');\n visibility: visible;\n }\n }\n\n &:focus-visible:not(:disabled) {\n @mixin focusOutline 2px;\n }\n}\n\n@keyframes checkmarkIn {\n from {\n clip-path: inset(var(--base-size-16) 0 0 0);\n }\n\n to {\n clip-path: inset(0 0 0 0);\n }\n}\n\n@keyframes checkmarkOut {\n from {\n clip-path: inset(0 0 0 0);\n }\n\n to {\n clip-path: inset(var(--base-size-16) 0 0 0);\n }\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"]}
@@ -1,4 +1,4 @@
1
- import './Checkbox-2aef6693.css';
1
+ import './Checkbox-edc5dc3e.css';
2
2
 
3
3
  var classes = {"Checkbox":"prc-Checkbox-Checkbox-gIwWX"};
4
4
 
@@ -1 +1 @@
1
- {"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../src/ConfirmationDialog/ConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAoD,WAAW,EAAE,YAAY,EAAC,MAAM,kBAAkB,CAAA;AAOlH;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,GAAG,cAAc,GAAG,QAAQ,GAAG,QAAQ,KAAK,IAAI,CAAA;IAE5E;;;OAGG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtB;;OAEG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAErC;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtC;;OAEG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;IAEnD;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAE9B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAE1C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;IAEnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB;AAmCD;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAAC,CAuDzF,CAAA;AAGD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC,GAAG;IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,CAAA;AA2BlG;;;;GAIG;AACH,wBAAgB,UAAU,cAGZ,cAAc,sBAO3B"}
1
+ {"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../src/ConfirmationDialog/ConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAoD,WAAW,EAAE,YAAY,EAAC,MAAM,kBAAkB,CAAA;AAOlH;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,GAAG,cAAc,GAAG,QAAQ,GAAG,QAAQ,KAAK,IAAI,CAAA;IAE5E;;;OAGG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtB;;OAEG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAErC;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtC;;OAEG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;IAEnD;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAE9B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAE1C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;IAEnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB;AAmCD;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAAC,CAuDzF,CAAA;AAGD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC,GAAG;IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,CAAA;AAyBlG;;;;GAIG;AACH,wBAAgB,UAAU,cACa,cAAc,sBAIpD"}
@@ -1,6 +1,5 @@
1
1
  import { useCallback } from 'react';
2
2
  import { createRoot } from 'react-dom/client';
3
- import { useTheme, ThemeProvider } from '../ThemeProvider.js';
4
3
  import { FocusKeys } from '@primer/behaviors';
5
4
  import { Dialog } from '../Dialog/Dialog.js';
6
5
  import { useFocusZone } from '../hooks/useFocusZone.js';
@@ -118,7 +117,7 @@ const ConfirmationDialog = props => {
118
117
  };
119
118
  ConfirmationDialog.displayName = "ConfirmationDialog";
120
119
  let hostElement = null;
121
- async function confirm(themeProps, options) {
120
+ async function confirm(options) {
122
121
  const {
123
122
  content,
124
123
  ...confirmationDialogProps
@@ -135,14 +134,11 @@ async function confirm(themeProps, options) {
135
134
  resolve(false);
136
135
  }
137
136
  };
138
- root.render(/*#__PURE__*/jsx(ThemeProvider, {
139
- ...themeProps,
140
- children: /*#__PURE__*/jsx(BaseStyles, {
141
- children: /*#__PURE__*/jsx(ConfirmationDialog, {
142
- ...confirmationDialogProps,
143
- onClose: onClose,
144
- children: content
145
- })
137
+ root.render(/*#__PURE__*/jsx(BaseStyles, {
138
+ children: /*#__PURE__*/jsx(ConfirmationDialog, {
139
+ ...confirmationDialogProps,
140
+ onClose: onClose,
141
+ children: content
146
142
  })
147
143
  }));
148
144
  });
@@ -154,21 +150,9 @@ async function confirm(themeProps, options) {
154
150
  * resolved with `true` or `false` depending on whether or not the confirm button was used.
155
151
  */
156
152
  function useConfirm() {
157
- const {
158
- theme,
159
- colorMode,
160
- dayScheme,
161
- nightScheme
162
- } = useTheme();
163
153
  const result = useCallback(options => {
164
- const themeProps = {
165
- theme,
166
- colorMode,
167
- dayScheme,
168
- nightScheme
169
- };
170
- return confirm(themeProps, options);
171
- }, [theme, colorMode, dayScheme, nightScheme]);
154
+ return confirm(options);
155
+ }, []);
172
156
  return result;
173
157
  }
174
158
 
@@ -1 +1 @@
1
- {"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/NavList/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAC3E,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAC/F,OAAO,KAAuB,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EACV,6BAA6B,EAC7B,sBAAsB,EACtB,4BAA4B,EAC5B,6BAA6B,EAC7B,2BAA2B,EAC5B,MAAM,eAAe,CAAA;AActB,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAqB/B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;IAC5F,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AA+GD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAkCD,MAAM,MAAM,yBAAyB,GAAG,4BAA4B,CAAA;AASpE,MAAM,MAAM,0BAA0B,GAAG,6BAA6B,CAAA;AAStE,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CAAA;AAQxD,MAAM,MAAM,0BAA0B,GAAG,6BAA6B,CAAA;AAStE,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,GAAG;IACpE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAqBD,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC9B,aAAa,CAAC,EAAE,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,6BAA6B,CAAA;IAC9C,0BAA0B,CAAC,EAAE,MAAM,CAAA;CACpC,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAA;AAEtC,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,WAAW,mGAgFvB,CAAA;AAKD,MAAM,MAAM,wBAAwB,GAAG,2BAA2B,CAAA;AAqBlE,eAAO,MAAM,OAAO;;;;;;;;;;CAUlB,CAAA"}
1
+ {"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/NavList/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAC3E,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAC/F,OAAO,KAAuB,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EACV,6BAA6B,EAC7B,sBAAsB,EACtB,4BAA4B,EAC5B,6BAA6B,EAC7B,2BAA2B,EAC5B,MAAM,eAAe,CAAA;AActB,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAqB/B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;IAC5F,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAoHD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAkCD,MAAM,MAAM,yBAAyB,GAAG,4BAA4B,CAAA;AASpE,MAAM,MAAM,0BAA0B,GAAG,6BAA6B,CAAA;AAStE,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CAAA;AAQxD,MAAM,MAAM,0BAA0B,GAAG,6BAA6B,CAAA;AAStE,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,GAAG;IACpE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAqBD,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC9B,aAAa,CAAC,EAAE,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,6BAA6B,CAAA;IAC9C,0BAA0B,CAAC,EAAE,MAAM,CAAA;CACpC,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAA;AAEtC,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,WAAW,mGAgFvB,CAAA;AAKD,MAAM,MAAM,wBAAwB,GAAG,2BAA2B,CAAA;AAqBlE,eAAO,MAAM,OAAO;;;;;;;;;;CAUlB,CAAA"}
@@ -699,7 +699,7 @@ function _temp(child) {
699
699
  return /*#__PURE__*/isValidElement(child) && (child.type === SubNav || isSlot(child, SubNav));
700
700
  }
701
701
  function _temp2(child_0) {
702
- return /*#__PURE__*/isValidElement(child_0) ? child_0.type !== SubNav && child_0.type !== TrailingAction : true;
702
+ return /*#__PURE__*/isValidElement(child_0) ? child_0.type !== SubNav && child_0.type !== TrailingAction && !isSlot(child_0, SubNav) && !isSlot(child_0, TrailingAction) : true;
703
703
  }
704
704
 
705
705
  export { GroupExpand, NavList };
@@ -0,0 +1,2 @@
1
+ .prc-Pagination-Page-yoEQf{align-items:center;background-color:transparent;border-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-default,var(--color-fg-default));cursor:pointer;display:inline-flex;font-style:normal;height:32px;justify-content:center;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}.prc-Pagination-Page-yoEQf[rel=next]>svg,.prc-Pagination-Page-yoEQf[rel=prev]>svg{height:1em;width:1em}.prc-Pagination-Page-yoEQf[rel=prev]>svg{margin-inline-end:var(--base-size-4,.25rem)}.prc-Pagination-Page-yoEQf[rel=next]>svg{margin-inline-start: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-16a5b4c6.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/Pagination/Pagination.module.css"],"names":[],"mappings":"AAAA,2BAmBE,kBAAmB,CAJnB,4BAA6B,CAC7B,gDAAyC,CARzC,oDAA6B,CAK7B,cAAe,CAKf,mBAAoB,CAbpB,iBAAkB,CAHlB,WAAY,CAkBZ,sBAAuB,CAbvB,aAAc,CAHd,sCAAgC,CAHhC,cAAe,CAEf,iGAAiF,CAMjF,iBAAkB,CAClB,4BAAqB,CAArB,oBAAqB,CAOrB,uDAA8D,CAH9D,wBAAiB,CAAjB,gBAAiB,CAFjB,qBAAsB,CADtB,kBAUF,CAEA,kFAGE,UAAW,CACX,SACF,CAEA,yCACE,2CACF,CAEA,yCACE,6CACF,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-16a5b4c6.css","sourcesContent":[".Page {\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 display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.Page[rel='prev'] > svg,\n.Page[rel='next'] > svg {\n /* sizing with `em` so icons scale with inherited font-size */\n height: 1em;\n width: 1em;\n}\n\n.Page[rel='prev'] > svg {\n margin-inline-end: var(--base-size-4);\n}\n\n.Page[rel='next'] > svg {\n margin-inline-start: var(--base-size-4);\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"]}
@@ -1 +1 @@
1
- {"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAA2C,KAAK,aAAa,EAAC,MAAM,SAAS,CAAA;AACpF,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAmBhE,MAAM,MAAM,SAAS,GAAG;IAEtB,GAAG,EAAE,MAAM,CAAA;IAEX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB,MAAM,EAAE,MAAM,CAAA;IAEd,SAAS,EAAE,MAAM,CAAA;CAClB,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,CAAA;AAiD/C,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACvD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IACnC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAC9C,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAA;CACnD,CAAA;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,SAAS,EACT,WAAW,EACX,YAAmB,EACnB,WAAgC,EAChC,eAAmB,EACnB,SAAgB,EAChB,oBAAwB,EACxB,UAAU,EACV,GAAG,IAAI,EACR,EAAE,eAAe,qBAsBjB;AAQD,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAA2C,KAAK,aAAa,EAAC,MAAM,SAAS,CAAA;AACpF,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAmBhE,MAAM,MAAM,SAAS,GAAG;IAEtB,GAAG,EAAE,MAAM,CAAA;IAEX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB,MAAM,EAAE,MAAM,CAAA;IAEd,SAAS,EAAE,MAAM,CAAA;CAClB,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,CAAA;AAoE/C,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACvD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IACnC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAC9C,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAA;CACnD,CAAA;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,SAAS,EACT,WAAW,EACX,YAAmB,EACnB,WAAgC,EAChC,eAAmB,EACnB,SAAgB,EAChB,oBAAwB,EACxB,UAAU,EACV,GAAG,IAAI,EACR,EAAE,eAAe,qBAsBjB;AAQD,eAAe,UAAU,CAAA"}
@@ -1,9 +1,10 @@
1
1
  import React from 'react';
2
+ import { ChevronLeftIcon, ChevronRightIcon } from '@primer/octicons-react';
2
3
  import { buildPaginationModel, buildComponentData } from './model.js';
3
4
  import { viewportRanges } from '../hooks/useResponsiveValue.js';
4
5
  import { clsx } from 'clsx';
5
6
  import classes from './Pagination.module.css.js';
6
- import { jsx } from 'react/jsx-runtime';
7
+ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
7
8
 
8
9
  const getViewportRangesToHidePages = showPages => {
9
10
  if (showPages && typeof showPages !== 'boolean') {
@@ -15,6 +16,12 @@ const getViewportRangesToHidePages = showPages => {
15
16
  return Object.keys(viewportRanges);
16
17
  }
17
18
  };
19
+ const PageLabel = ({
20
+ children,
21
+ direction
22
+ }) => /*#__PURE__*/jsxs(Fragment, {
23
+ children: [direction === 'page-prev' ? /*#__PURE__*/jsx(ChevronLeftIcon, {}) : null, children, direction === 'page-next' ? /*#__PURE__*/jsx(ChevronRightIcon, {}) : null]
24
+ });
18
25
  function usePaginationPages({
19
26
  pageCount,
20
27
  currentPage,
@@ -39,7 +46,10 @@ function usePaginationPages({
39
46
  if (renderPage && props.as !== 'span') {
40
47
  return renderPage({
41
48
  key,
42
- children: content,
49
+ children: /*#__PURE__*/jsx(PageLabel, {
50
+ direction: key,
51
+ children: content
52
+ }),
43
53
  number: page.num,
44
54
  className: classes.Page,
45
55
  ...props
@@ -52,7 +62,10 @@ function usePaginationPages({
52
62
  jsx(Component, {
53
63
  className: clsx(classes.Page),
54
64
  ...props,
55
- children: content
65
+ children: /*#__PURE__*/jsx(PageLabel, {
66
+ direction: key,
67
+ children: content
68
+ })
56
69
  }, key)
57
70
  );
58
71
  });
@@ -1,4 +1,4 @@
1
- import './Pagination-1845feaa.css';
1
+ import './Pagination-16a5b4c6.css';
2
2
 
3
3
  var classes = {"Page":"prc-Pagination-Page-yoEQf","PaginationContainer":"prc-Pagination-PaginationContainer-yNDPO","TablePaginationSteps":"prc-Pagination-TablePaginationSteps-RRjtg"};
4
4
 
@@ -1,2 +1,2 @@
1
- .prc-ToggleSwitch-ToggleSwitch-E4lp0{--toggleSwitch-transition-duration:80ms;--toggleSwitch-transition-easing:cubic-bezier(0.5,1,0.89,1);align-items:center;display:inline-flex}.prc-ToggleSwitch-ToggleSwitch-E4lp0:where([data-status-label-position=start]){flex-direction:row}.prc-ToggleSwitch-ToggleSwitch-E4lp0:where([data-status-label-position=end]){flex-direction:row-reverse}.prc-ToggleSwitch-LoadingSpinner-jCYtC{display:inline-flex}.prc-ToggleSwitch-LoadingSpinner-jCYtC:where([data-status-label-position=end]){margin-left:var(--base-size-8,.5rem);margin-right:0}.prc-ToggleSwitch-StatusText-hWpj2{color:var(--fgColor-default,var(--color-fg-default));cursor:pointer;font-size:var(--text-body-size-medium,.875rem);margin-left:var(--base-size-8,.5rem);margin-right:var(--base-size-8,.5rem);position:relative}.prc-ToggleSwitch-StatusText-hWpj2:where([data-disabled=true]){color:var(--fgColor-muted,var(--color-fg-muted));cursor:not-allowed}.prc-ToggleSwitch-StatusText-hWpj2:where([data-size=small]){font-size:var(--text-body-size-small,.75rem)}.prc-ToggleSwitch-StatusText-hWpj2:where([data-size=medium]){font-size:var(--text-body-size-medium,.875rem)}.prc-ToggleSwitch-StatusTextItem-fvvXa{display:block;text-align:right}.prc-ToggleSwitch-StatusTextItem-fvvXa:where([data-hidden=true]){height:0;visibility:hidden}.prc-ToggleSwitch-SwitchButton-5LRHX{appearance:none;border-radius:var(--borderRadius-medium,.375rem);border-style:solid;border-width:var(--borderWidth-thin,.0625rem);cursor:pointer;display:block;height:32px;overflow:hidden;padding:0;position:relative;-webkit-text-decoration:none;text-decoration:none;transition-duration:var(--toggleSwitch-transition-duration);transition-property:background-color,border-color;transition-timing-function:var(--toggleSwitch-transition-easing);-webkit-user-select:none;user-select:none;width:64px}.prc-ToggleSwitch-SwitchButton-5LRHX:focus-visible{outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:3px}.prc-ToggleSwitch-SwitchButton-5LRHX:focus:not(:focus-visible){outline:1px solid transparent}@media (pointer:coarse){.prc-ToggleSwitch-SwitchButton-5LRHX:before{content:"";left:0;min-height:44px;position:absolute;right:0;top:50%;transform:translateY(-50%)}}@media (prefers-reduced-motion){.prc-ToggleSwitch-SwitchButton-5LRHX,.prc-ToggleSwitch-SwitchButton-5LRHX *{transition:none}}.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-size=small]){height:24px;width:48px}.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-disabled=true]){background-color:var(--controlTrack-bgColor-disabled,var(--color-switch-track-disabled-bg,#8c959f));border-color:transparent;cursor:not-allowed;transition-property:none}@media (forced-colors:active){.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-disabled=true]){border-color:GrayText}}.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked=false]:not([data-disabled=true])){background-color:var(--controlTrack-bgColor-rest,var(--color-switch-track-bg,#eaeef2));border-color:var(--controlTrack-borderColor-rest,var(--color-switch-track-border))}.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked=false]:not([data-disabled=true]):focus-visible),.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked=false]:not([data-disabled=true]):hover){background-color:var(--controlTrack-bgColor-hover,var(--color-switch-track-hover-bg,#dfe6ec))}.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked=false]:not([data-disabled=true]):active),.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked=false]:not([data-disabled=true]):active:focus-visible){background-color:var(--controlTrack-bgColor-active,var(--color-switch-track-active-bg,#d9e0e8))}.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked=true]:not([data-disabled=true])){background-color:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg,#0969da));border-color:var(--control-checked-borderColor-rest,transparent)}.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked=true]:not([data-disabled=true]):focus-visible),.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked=true]:not([data-disabled=true]):hover){background-color:var(--control-checked-bgColor-hover,var(--color-switch-track-checked-hover-bg,#0860ca))}.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked=true]:not([data-disabled=true]):active),.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked=true]:not([data-disabled=true]):active:focus-visible){background-color:var(--control-checked-bgColor-active,var(--color-switch-track-checked-active-bg,#0757ba))}.prc-ToggleSwitch-SwitchButtonContent-nv4lE{align-items:center;display:flex;height:100%;overflow:hidden;width:100%}.prc-ToggleSwitch-IconContainer-zLC02{flex-basis:50%;flex-grow:1;flex-shrink:0;line-height:0;transition-duration:var(--toggleSwitch-transition-duration);transition-property:transform;transition-timing-function:var(--toggleSwitch-transition-easing)}@media (prefers-reduced-motion){.prc-ToggleSwitch-IconContainer-zLC02{transition:none}}.prc-ToggleSwitch-LineIconContainer-7sQm8{color:var(--control-checked-fgColor-rest,var(--color-switch-track-checked-fg,#fff))}.prc-ToggleSwitch-LineIconContainer-7sQm8:where([data-disabled=true]){color:var(--control-checked-fgColor-disabled,var(--color-switch-track-checked-disabled-fg,#fff))}.prc-ToggleSwitch-LineIconContainer-7sQm8:where([data-checked=true]){transform:translateX(0)}.prc-ToggleSwitch-LineIconContainer-7sQm8:where([data-checked=false]){transform:translateX(-100%)}.prc-ToggleSwitch-CircleIconContainer-gHYvi{color:var(--controlTrack-fgColor-rest,var(--color-switch-track-fg,#656d76))}.prc-ToggleSwitch-CircleIconContainer-gHYvi:where([data-disabled=true]){color:var(--controlTrack-fgColor-disabled,var(--color-switch-track-disabled-fg,#fff))}.prc-ToggleSwitch-CircleIconContainer-gHYvi:where([data-checked=true]){transform:translateX(100%)}.prc-ToggleSwitch-CircleIconContainer-gHYvi:where([data-checked=false]){transform:translateX(0)}.prc-ToggleSwitch-ToggleKnob-2e7Rm{background-color:var(--controlKnob-bgColor-rest,var(--color-switch-knob-bg,#fff));border-color:var(--controlKnob-borderColor-rest,var(--color-switch-knob-border,#858f99));border-radius:calc(var(--borderRadius-medium,.375rem) - var(--borderWidth-thin,.0625rem));border-style:solid;border-width:var(--borderWidth-thin,.0625rem);bottom:0;position:absolute;top:0;transition-duration:var(--toggleSwitch-transition-duration);transition-property:transform;transition-timing-function:var(--toggleSwitch-transition-easing);width:50%;z-index:1}@media (prefers-reduced-motion){.prc-ToggleSwitch-ToggleKnob-2e7Rm{transition:none}}.prc-ToggleSwitch-ToggleKnob-2e7Rm:where([data-checked=false]){transform:translateX(0)}.prc-ToggleSwitch-ToggleKnob-2e7Rm:where([data-checked=true]){border-color:var(--controlKnob-borderColor-checked,var(--color-switch-knob-checked-border,#0969da));transform:translateX(100%)}.prc-ToggleSwitch-ToggleKnob-2e7Rm:where([data-disabled=true]){border-color:var(--controlTrack-bgColor-disabled,var(--color-switch-track-disabled-bg,#8c959f))}@media (forced-colors:active){.prc-ToggleSwitch-ToggleKnob-2e7Rm:where([data-disabled=true]){color:GrayText}}
2
- /*# sourceMappingURL=ToggleSwitch-4b23d166.css.map */
1
+ .prc-ToggleSwitch-ToggleSwitch-E4lp0{--toggleSwitch-transition-duration:80ms;--toggleSwitch-transition-easing:cubic-bezier(0.5,1,0.89,1);align-items:center;display:inline-flex}.prc-ToggleSwitch-ToggleSwitch-E4lp0:where([data-status-label-position=start]){flex-direction:row}.prc-ToggleSwitch-ToggleSwitch-E4lp0:where([data-status-label-position=end]){flex-direction:row-reverse}.prc-ToggleSwitch-LoadingSpinner-jCYtC{display:inline-flex}.prc-ToggleSwitch-LoadingSpinner-jCYtC:where([data-status-label-position=end]){margin-left:var(--base-size-8,.5rem);margin-right:0}.prc-ToggleSwitch-StatusText-hWpj2{color:var(--fgColor-default,var(--color-fg-default));cursor:pointer;font-size:var(--text-body-size-medium,.875rem);margin-left:var(--base-size-8,.5rem);margin-right:var(--base-size-8,.5rem);position:relative}.prc-ToggleSwitch-StatusText-hWpj2:where([data-disabled=true]){color:var(--fgColor-muted,var(--color-fg-muted));cursor:not-allowed}.prc-ToggleSwitch-StatusText-hWpj2:where([data-size=small]){font-size:var(--text-body-size-small,.75rem)}.prc-ToggleSwitch-StatusText-hWpj2:where([data-size=medium]){font-size:var(--text-body-size-medium,.875rem)}.prc-ToggleSwitch-StatusTextItem-fvvXa{display:block;text-align:right}.prc-ToggleSwitch-StatusTextItem-fvvXa:where([data-hidden=true]){height:0;visibility:hidden}.prc-ToggleSwitch-SwitchButton-5LRHX{appearance:none;border-radius:var(--borderRadius-medium,.375rem);border-style:solid;border-width:var(--borderWidth-thin,.0625rem);cursor:pointer;display:block;height:32px;overflow:hidden;padding:0;position:relative;-webkit-text-decoration:none;text-decoration:none;transition-duration:var(--toggleSwitch-transition-duration);transition-property:background-color,border-color;transition-timing-function:var(--toggleSwitch-transition-easing);-webkit-user-select:none;user-select:none;width:64px}.prc-ToggleSwitch-SwitchButton-5LRHX:focus-visible{outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:3px}.prc-ToggleSwitch-SwitchButton-5LRHX:focus:not(:focus-visible){outline:1px solid transparent}@media (pointer:coarse){.prc-ToggleSwitch-SwitchButton-5LRHX:before{content:"";left:0;min-height:44px;position:absolute;right:0;top:50%;transform:translateY(-50%)}}@media (prefers-reduced-motion){.prc-ToggleSwitch-SwitchButton-5LRHX,.prc-ToggleSwitch-SwitchButton-5LRHX *{transition:none}}.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-size=small]){height:24px;width:48px}.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-disabled=true]){background-color:var(--controlTrack-bgColor-disabled,var(--color-switch-track-disabled-bg,#8c959f));border-color:transparent;cursor:not-allowed;transition-property:none}@media (forced-colors:active){.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-disabled=true]){border-color:GrayText}}.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked=false]:not([data-disabled=true])){background-color:var(--controlTrack-bgColor-rest,var(--color-switch-track-bg,#eaeef2));border-color:var(--controlTrack-borderColor-rest,var(--color-switch-track-border))}.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked=false]:not([data-disabled=true]):focus-visible),.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked=false]:not([data-disabled=true]):hover){background-color:var(--controlTrack-bgColor-hover,var(--color-switch-track-hover-bg,#dfe6ec))}.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked=false]:not([data-disabled=true]):active),.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked=false]:not([data-disabled=true]):active:focus-visible){background-color:var(--controlTrack-bgColor-active,var(--color-switch-track-active-bg,#d9e0e8))}.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked=true]:not([data-disabled=true])){background-color:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg,#0969da));border-color:var(--control-checked-borderColor-rest,transparent)}.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked=true]:not([data-disabled=true]):focus-visible),.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked=true]:not([data-disabled=true]):hover){background-color:var(--control-checked-bgColor-hover,var(--color-switch-track-checked-hover-bg,#0860ca))}.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked=true]:not([data-disabled=true]):active),.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked=true]:not([data-disabled=true]):active:focus-visible){background-color:var(--control-checked-bgColor-active,var(--color-switch-track-checked-active-bg,#0757ba))}.prc-ToggleSwitch-SwitchButtonContent-nv4lE{align-items:center;display:flex;height:100%;overflow:hidden;width:100%}.prc-ToggleSwitch-IconContainer-zLC02{flex-basis:50%;flex-grow:1;flex-shrink:0;line-height:0;transition-duration:var(--toggleSwitch-transition-duration);transition-property:transform;transition-timing-function:var(--toggleSwitch-transition-easing)}@media (prefers-reduced-motion){.prc-ToggleSwitch-IconContainer-zLC02{transition:none}}.prc-ToggleSwitch-LineIconContainer-7sQm8{color:var(--control-checked-fgColor-rest,var(--color-switch-track-checked-fg,#fff))}.prc-ToggleSwitch-LineIconContainer-7sQm8:where([data-disabled=true]){color:var(--control-checked-fgColor-disabled,var(--color-switch-track-checked-disabled-fg,#fff))}.prc-ToggleSwitch-LineIconContainer-7sQm8:where([data-checked=true]){transform:translateX(0)}.prc-ToggleSwitch-LineIconContainer-7sQm8:where([data-checked=false]){transform:translateX(-100%)}.prc-ToggleSwitch-CircleIconContainer-gHYvi{color:var(--controlTrack-fgColor-rest,var(--color-switch-track-fg,#656d76))}.prc-ToggleSwitch-CircleIconContainer-gHYvi:where([data-disabled=true]){color:var(--controlTrack-fgColor-disabled,var(--color-switch-track-disabled-fg,#fff))}.prc-ToggleSwitch-CircleIconContainer-gHYvi:where([data-checked=true]){transform:translateX(100%)}.prc-ToggleSwitch-CircleIconContainer-gHYvi:where([data-checked=false]){transform:translateX(0)}.prc-ToggleSwitch-ToggleKnob-2e7Rm{background-color:var(--controlKnob-bgColor-rest,var(--color-switch-knob-bg,#fff));border-color:var(--controlKnob-borderColor-rest,var(--color-switch-knob-border,#858f99));border-radius:calc(var(--borderRadius-medium,.375rem) - var(--borderWidth-thin,.0625rem));border-style:solid;border-width:var(--borderWidth-thin,.0625rem);bottom:0;position:absolute;top:0;transition-duration:var(--toggleSwitch-transition-duration);transition-property:transform;transition-timing-function:var(--toggleSwitch-transition-easing);width:50%;z-index:1}@media (prefers-reduced-motion){.prc-ToggleSwitch-ToggleKnob-2e7Rm{transition:none}}.prc-ToggleSwitch-ToggleKnob-2e7Rm:where([data-checked=false]){transform:translateX(0)}.prc-ToggleSwitch-ToggleKnob-2e7Rm:where([data-checked=true]){border-color:var(--controlKnob-borderColor-checked,var(--color-switch-knob-checked-border,#0969da));transform:translateX(100%)}.prc-ToggleSwitch-ToggleKnob-2e7Rm:where([data-disabled=true]){background-color:var(--controlKnob-bgColor-disabled,var(--color-btn-bg));border-color:var(--controlTrack-bgColor-disabled,var(--color-switch-track-disabled-bg,#8c959f))}@media (forced-colors:active){.prc-ToggleSwitch-ToggleKnob-2e7Rm:where([data-disabled=true]){color:GrayText}}
2
+ /*# sourceMappingURL=ToggleSwitch-d5c8dc81.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/ToggleSwitch/ToggleSwitch.module.css"],"names":[],"mappings":"AAAA,qCACE,uCAAwC,CACxC,2DAA+D,CAG/D,kBAAmB,CADnB,mBAEF,CAEA,+EACE,kBACF,CAEA,6EACE,0BACF,CAEA,uCACE,mBACF,CAEA,+EAEE,oCAA+B,CAD/B,cAEF,CAEA,mCAIE,oDAA6B,CAE7B,cAAe,CADf,8CAAuC,CAJvC,oCAA+B,CAC/B,qCAAgC,CAChC,iBAIF,CAEA,+DAEE,gDAA2B,CAD3B,kBAEF,CAEA,4DACE,4CACF,CAEA,6DACE,8CACF,CAEA,uCACE,aAAc,CACd,gBACF,CAEA,iEAEE,QAAS,CADT,iBAEF,CAEA,qCAGE,eAAgB,CAMhB,gDAAyC,CACzC,kBAAmB,CACnB,6CAAqC,CAVrC,cAAe,CAWf,aAAc,CAKd,WAAY,CAHZ,eAAgB,CAThB,SAAU,CAQV,iBAAkB,CATlB,4BAAqB,CAArB,oBAAqB,CAGrB,2DAA4D,CAD5D,iDAAmD,CAEnD,gEAAiE,CANjE,wBAAiB,CAAjB,gBAAiB,CAgBjB,UAiCF,CA9BE,mDACE,kEAA4C,CAC5C,kBACF,CAEA,+DACE,6BACF,CAGA,wBACE,4CACE,UAAW,CAEX,MAAO,CAIP,eAAgB,CALhB,iBAAkB,CAElB,OAAQ,CAER,OAAQ,CADR,0BAGF,CACF,CAGA,gCAGE,4EACE,eACF,CACF,CAIF,8DACE,WAAY,CACZ,UACF,CAGA,iEAEE,mGAAsG,CACtG,wBAAyB,CACzB,kBAAmB,CACnB,wBAKF,CAHE,8BAPF,iEAQI,qBAEJ,CADE,CAGF,2FAEE,sFAAyF,CACzF,kFACF,CAEA,0MAGE,6FACF,CAEA,kNAGE,+FACF,CAEA,0FAEE,iGAAoG,CACpG,gEACF,CAEA,wMAGE,wGACF,CAEA,gNAGE,0GACF,CAEA,4CAEE,kBAAmB,CADnB,YAAa,CAGb,WAAY,CACZ,eAAgB,CAFhB,UAGF,CAEA,sCAGE,cAAe,CAFf,WAAY,CACZ,aAAc,CAGd,aAAc,CAEd,2DAA4D,CAD5D,6BAA8B,CAE9B,gEAKF,CAHE,gCAVF,sCAWI,eAEJ,CADE,CAGF,0CAEE,mFACF,CAEA,sEAEE,gGACF,CAEA,qEACE,uBACF,CAEA,sEACE,2BACF,CAEA,4CAEE,2EACF,CAEA,wEAEE,qFACF,CAEA,uEACE,0BACF,CAEA,wEACE,uBACF,CAEA,mCAEE,iFAAoF,CAIpF,wFAA2F,CAG3F,yFAAyE,CALzE,kBAAmB,CADnB,6CAAqC,CAUrC,QAAS,CAFT,iBAAkB,CAClB,KAAM,CAGN,2DAA4D,CAD5D,6BAA8B,CAE9B,gEAAiE,CANjE,SAAU,CAOV,SAKF,CAHE,gCAnBF,mCAoBI,eAEJ,CADE,CAGF,+DACE,uBACF,CAEA,8DAGE,mGAAsG,CAFtG,0BAGF,CAEA,+DACE,wEAAqD,CAErD,+FAKF,CAHE,8BALF,+DAMI,cAEJ,CADE","file":"ToggleSwitch-d5c8dc81.css","sourcesContent":[".ToggleSwitch {\n --toggleSwitch-transition-duration: 80ms;\n --toggleSwitch-transition-easing: cubic-bezier(0.5, 1, 0.89, 1);\n\n display: inline-flex;\n align-items: center;\n}\n\n.ToggleSwitch:where([data-status-label-position='start']) {\n flex-direction: row;\n}\n\n.ToggleSwitch:where([data-status-label-position='end']) {\n flex-direction: row-reverse;\n}\n\n.LoadingSpinner {\n display: inline-flex;\n}\n\n.LoadingSpinner:where([data-status-label-position='end']) {\n margin-right: 0;\n margin-left: var(--base-size-8);\n}\n\n.StatusText {\n margin-left: var(--base-size-8);\n margin-right: var(--base-size-8);\n position: relative;\n color: var(--fgColor-default);\n font-size: var(--text-body-size-medium);\n cursor: pointer;\n}\n\n.StatusText:where([data-disabled='true']) {\n cursor: not-allowed;\n color: var(--fgColor-muted);\n}\n\n.StatusText:where([data-size='small']) {\n font-size: var(--text-body-size-small);\n}\n\n.StatusText:where([data-size='medium']) {\n font-size: var(--text-body-size-medium);\n}\n\n.StatusTextItem {\n display: block;\n text-align: right;\n}\n\n.StatusTextItem:where([data-hidden='true']) {\n visibility: hidden;\n height: 0;\n}\n\n.SwitchButton {\n cursor: pointer;\n user-select: none;\n appearance: none;\n text-decoration: none;\n padding: 0;\n transition-property: background-color, border-color;\n transition-duration: var(--toggleSwitch-transition-duration);\n transition-timing-function: var(--toggleSwitch-transition-easing);\n border-radius: var(--borderRadius-medium);\n border-style: solid;\n border-width: var(--borderWidth-thin);\n display: block;\n position: relative;\n overflow: hidden;\n\n /* Default medium size */\n height: 32px;\n width: 64px;\n\n /* Focus styles */\n &:focus-visible {\n outline: 2px solid var(--focus-outlineColor);\n outline-offset: 3px;\n }\n\n &:focus:not(:focus-visible) {\n outline: solid 1px transparent;\n }\n\n /* Touch device support */\n @media (pointer: coarse) {\n &::before {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n transform: translateY(-50%);\n top: 50%;\n min-height: 44px;\n }\n }\n\n /* Reduced motion support */\n @media (prefers-reduced-motion) {\n transition: none;\n\n * {\n transition: none;\n }\n }\n}\n\n/* Size variants */\n.SwitchButton:where([data-size='small']) {\n height: 24px;\n width: 48px;\n}\n\n/* State variants */\n.SwitchButton:where([data-disabled='true']) {\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--controlTrack-bgColor-disabled, var(--color-switch-track-disabled-bg, #8c959f));\n border-color: transparent;\n cursor: not-allowed;\n transition-property: none;\n\n @media (forced-colors: active) {\n border-color: GrayText;\n }\n}\n\n.SwitchButton:where([data-checked='false']:not([data-disabled='true'])) {\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--controlTrack-bgColor-rest, var(--color-switch-track-bg, #eaeef2));\n border-color: var(--controlTrack-borderColor-rest);\n}\n\n.SwitchButton:where([data-checked='false']:not([data-disabled='true']):hover),\n.SwitchButton:where([data-checked='false']:not([data-disabled='true']):focus-visible) {\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--controlTrack-bgColor-hover, var(--color-switch-track-hover-bg, hsla(210deg, 24%, 90%, 1)));\n}\n\n.SwitchButton:where([data-checked='false']:not([data-disabled='true']):active),\n.SwitchButton:where([data-checked='false']:not([data-disabled='true']):active:focus-visible) {\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--controlTrack-bgColor-active, var(--color-switch-track-active-bg, hsla(210deg, 24%, 88%, 1)));\n}\n\n.SwitchButton:where([data-checked='true']:not([data-disabled='true'])) {\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--control-checked-bgColor-rest, var(--color-switch-track-checked-bg, #0969da));\n border-color: var(--control-checked-borderColor-rest, transparent);\n}\n\n.SwitchButton:where([data-checked='true']:not([data-disabled='true']):hover),\n.SwitchButton:where([data-checked='true']:not([data-disabled='true']):focus-visible) {\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--control-checked-bgColor-hover, var(--color-switch-track-checked-hover-bg, #0860ca));\n}\n\n.SwitchButton:where([data-checked='true']:not([data-disabled='true']):active),\n.SwitchButton:where([data-checked='true']:not([data-disabled='true']):active:focus-visible) {\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--control-checked-bgColor-active, var(--color-switch-track-checked-active-bg, #0757ba));\n}\n\n.SwitchButtonContent {\n display: flex;\n align-items: center;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n.IconContainer {\n flex-grow: 1;\n flex-shrink: 0;\n flex-basis: 50%;\n /* stylelint-disable-next-line primer/typography */\n line-height: 0;\n transition-property: transform;\n transition-duration: var(--toggleSwitch-transition-duration);\n transition-timing-function: var(--toggleSwitch-transition-easing);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n}\n\n.LineIconContainer {\n /* stylelint-disable-next-line primer/colors */\n color: var(--control-checked-fgColor-rest, var(--color-switch-track-checked-fg, #fff));\n}\n\n.LineIconContainer:where([data-disabled='true']) {\n /* stylelint-disable-next-line primer/colors */\n color: var(--control-checked-fgColor-disabled, var(--color-switch-track-checked-disabled-fg, #fff));\n}\n\n.LineIconContainer:where([data-checked='true']) {\n transform: translateX(0);\n}\n\n.LineIconContainer:where([data-checked='false']) {\n transform: translateX(-100%);\n}\n\n.CircleIconContainer {\n /* stylelint-disable-next-line primer/colors */\n color: var(--controlTrack-fgColor-rest, var(--color-switch-track-fg, #656d76));\n}\n\n.CircleIconContainer:where([data-disabled='true']) {\n /* stylelint-disable-next-line primer/colors */\n color: var(--controlTrack-fgColor-disabled, var(--color-switch-track-disabled-fg, #fff));\n}\n\n.CircleIconContainer:where([data-checked='true']) {\n transform: translateX(100%);\n}\n\n.CircleIconContainer:where([data-checked='false']) {\n transform: translateX(0);\n}\n\n.ToggleKnob {\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--controlKnob-bgColor-rest, var(--color-switch-knob-bg, #fff));\n border-width: var(--borderWidth-thin);\n border-style: solid;\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--controlKnob-borderColor-rest, var(--color-switch-knob-border, #858f99));\n /* Use calc to account for 1px border around the control */\n /* stylelint-disable-next-line primer/borders */\n border-radius: calc(var(--borderRadius-medium) - var(--borderWidth-thin));\n width: 50%;\n position: absolute;\n top: 0;\n bottom: 0;\n transition-property: transform;\n transition-duration: var(--toggleSwitch-transition-duration);\n transition-timing-function: var(--toggleSwitch-transition-easing);\n z-index: 1;\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n}\n\n.ToggleKnob:where([data-checked='false']) {\n transform: translateX(0);\n}\n\n.ToggleKnob:where([data-checked='true']) {\n transform: translateX(100%);\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--controlKnob-borderColor-checked, var(--color-switch-knob-checked-border, #0969da));\n}\n\n.ToggleKnob:where([data-disabled='true']) {\n background-color: var(--controlKnob-bgColor-disabled);\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--controlTrack-bgColor-disabled, var(--color-switch-track-disabled-bg, #8c959f));\n\n @media (forced-colors: active) {\n color: GrayText;\n }\n}\n"]}
@@ -1,4 +1,4 @@
1
- import './ToggleSwitch-4b23d166.css';
1
+ import './ToggleSwitch-d5c8dc81.css';
2
2
 
3
3
  var classes = {"ToggleSwitch":"prc-ToggleSwitch-ToggleSwitch-E4lp0","LoadingSpinner":"prc-ToggleSwitch-LoadingSpinner-jCYtC","StatusText":"prc-ToggleSwitch-StatusText-hWpj2","StatusTextItem":"prc-ToggleSwitch-StatusTextItem-fvvXa","SwitchButton":"prc-ToggleSwitch-SwitchButton-5LRHX","SwitchButtonContent":"prc-ToggleSwitch-SwitchButtonContent-nv4lE","IconContainer":"prc-ToggleSwitch-IconContainer-zLC02","LineIconContainer":"prc-ToggleSwitch-LineIconContainer-7sQm8","CircleIconContainer":"prc-ToggleSwitch-CircleIconContainer-gHYvi","ToggleKnob":"prc-ToggleSwitch-ToggleKnob-2e7Rm"};
4
4
 
@@ -0,0 +1,2 @@
1
+ .prc-Token-IssueLabel-ZuoEW{--label-r:153;--label-g:153;--label-b:153;--label-h:0;--label-s:0;--label-l:60;--perceived-lightness:calc(var(--label-r)*0.2126/255 + var(--label-g)*0.7152/255 + var(--label-b)*0.0722/255);--lightness-switch:max(0,min(calc((var(--perceived-lightness) - var(--lightness-threshold))*-1000),1));border-style:solid;border-width:var(--borderWidth-thin,.0625rem);position:relative}@media (prefers-color-scheme:light){[data-color-mode=auto][data-light-theme*=light] .prc-Token-IssueLabel-ZuoEW{--lightness-threshold:0.453;--border-threshold:0.96;--border-alpha:max(0,min(calc((var(--perceived-lightness) - var(--border-threshold))*100),1));background:rgb(var(--label-r),var(--label-g),var(--label-b));border-color:hsla(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) - 25)*1%),var(--border-alpha));color:hsl(0deg,0%,calc(var(--lightness-switch)*100%))}:is([data-color-mode=auto][data-light-theme*=light] .prc-Token-IssueLabel-ZuoEW):where([data-selected=true]){background:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) - 5)*1%))}:is([data-color-mode=auto][data-light-theme*=light] .prc-Token-IssueLabel-ZuoEW):where([data-selected=true]):after{box-shadow:0 0 0 2px rgb(var(--label-r),var(--label-g),var(--label-b))}:is([data-color-mode=auto][data-light-theme*=light] .prc-Token-IssueLabel-ZuoEW):where([data-cursor-is-interactive=true]:hover){background-image:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15)),linear-gradient(rgb(var(--label-r),var(--label-g),var(--label-b)),rgb(var(--label-r),var(--label-g),var(--label-b)));box-shadow:var(--shadow-resting-medium,var(--color-shadow-medium))}[data-color-mode=auto][data-light-theme*=dark] .prc-Token-IssueLabel-ZuoEW{--lightness-threshold:0.6;--background-alpha:0.18;--border-alpha:0.3;--lighten-by:calc((var(--lightness-threshold) - var(--perceived-lightness))*100*var(--lightness-switch));background:rgba(var(--label-r),var(--label-g),var(--label-b),var(--background-alpha));border-color:hsla(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%),var(--border-alpha));color:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%))}:is([data-color-mode=auto][data-light-theme*=dark] .prc-Token-IssueLabel-ZuoEW):where([data-selected=true]):after{box-shadow:0 0 0 2px hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%))}:is([data-color-mode=auto][data-light-theme*=dark] .prc-Token-IssueLabel-ZuoEW):where([data-cursor-is-interactive=true]:hover){background:hsla(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + 10)*1%),.3);box-shadow:var(--shadow-resting-medium,var(--color-shadow-medium))}}@media (prefers-color-scheme:dark){[data-color-mode=auto][data-dark-theme*=light] .prc-Token-IssueLabel-ZuoEW{--lightness-threshold:0.453;--border-threshold:0.96;--border-alpha:max(0,min(calc((var(--perceived-lightness) - var(--border-threshold))*100),1));background:rgb(var(--label-r),var(--label-g),var(--label-b));border-color:hsla(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) - 25)*1%),var(--border-alpha));color:hsl(0deg,0%,calc(var(--lightness-switch)*100%))}:is([data-color-mode=auto][data-dark-theme*=light] .prc-Token-IssueLabel-ZuoEW):where([data-selected=true]){background:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) - 5)*1%))}:is([data-color-mode=auto][data-dark-theme*=light] .prc-Token-IssueLabel-ZuoEW):where([data-selected=true]):after{box-shadow:0 0 0 2px rgb(var(--label-r),var(--label-g),var(--label-b))}:is([data-color-mode=auto][data-dark-theme*=light] .prc-Token-IssueLabel-ZuoEW):where([data-cursor-is-interactive=true]:hover){background-image:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15)),linear-gradient(rgb(var(--label-r),var(--label-g),var(--label-b)),rgb(var(--label-r),var(--label-g),var(--label-b)));box-shadow:var(--shadow-resting-medium,var(--color-shadow-medium))}[data-color-mode=auto][data-dark-theme*=dark] .prc-Token-IssueLabel-ZuoEW{--lightness-threshold:0.6;--background-alpha:0.18;--border-alpha:0.3;--lighten-by:calc((var(--lightness-threshold) - var(--perceived-lightness))*100*var(--lightness-switch));background:rgba(var(--label-r),var(--label-g),var(--label-b),var(--background-alpha));border-color:hsla(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%),var(--border-alpha));color:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%))}:is([data-color-mode=auto][data-dark-theme*=dark] .prc-Token-IssueLabel-ZuoEW):where([data-selected=true]):after{box-shadow:0 0 0 2px hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%))}:is([data-color-mode=auto][data-dark-theme*=dark] .prc-Token-IssueLabel-ZuoEW):where([data-cursor-is-interactive=true]:hover){background:hsla(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + 10)*1%),.3);box-shadow:var(--shadow-resting-medium,var(--color-shadow-medium))}}[data-color-mode=light] .prc-Token-IssueLabel-ZuoEW{--lightness-threshold:0.453;--border-threshold:0.96;--border-alpha:max(0,min(calc((var(--perceived-lightness) - var(--border-threshold))*100),1));background:rgb(var(--label-r),var(--label-g),var(--label-b));border-color:hsla(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) - 25)*1%),var(--border-alpha));color:hsl(0deg,0%,calc(var(--lightness-switch)*100%))}:is([data-color-mode=light] .prc-Token-IssueLabel-ZuoEW):where([data-selected=true]){background:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) - 5)*1%))}:is([data-color-mode=light] .prc-Token-IssueLabel-ZuoEW):where([data-selected=true]):after{box-shadow:0 0 0 2px rgb(var(--label-r),var(--label-g),var(--label-b))}:is([data-color-mode=light] .prc-Token-IssueLabel-ZuoEW):where([data-cursor-is-interactive=true]:hover){background-image:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15)),linear-gradient(rgb(var(--label-r),var(--label-g),var(--label-b)),rgb(var(--label-r),var(--label-g),var(--label-b)));box-shadow:var(--shadow-resting-medium,var(--color-shadow-medium))}[data-color-mode=dark] .prc-Token-IssueLabel-ZuoEW{--lightness-threshold:0.6;--background-alpha:0.18;--border-alpha:0.3;--lighten-by:calc((var(--lightness-threshold) - var(--perceived-lightness))*100*var(--lightness-switch));background:rgba(var(--label-r),var(--label-g),var(--label-b),var(--background-alpha));border-color:hsla(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%),var(--border-alpha));color:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%))}:is([data-color-mode=dark] .prc-Token-IssueLabel-ZuoEW):where([data-selected=true]):after{box-shadow:0 0 0 2px hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%))}:is([data-color-mode=dark] .prc-Token-IssueLabel-ZuoEW):where([data-cursor-is-interactive=true]:hover){background:hsla(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + 10)*1%),.3);box-shadow:var(--shadow-resting-medium,var(--color-shadow-medium))}.prc-Token-IssueLabel-ZuoEW:where([data-selected=true]){outline:none}.prc-Token-IssueLabel-ZuoEW:where([data-selected=true]):after{border-radius:var(--borderRadius-full,624.9375rem);bottom:calc(var(--base-size-2,.125rem)*-1);content:"";display:block;left:calc(var(--base-size-2,.125rem)*-1);pointer-events:none;position:absolute;right:calc(var(--base-size-2,.125rem)*-1);top:calc(var(--base-size-2,.125rem)*-1);z-index:1}.prc-Token-IssueLabel-ZuoEW:where([data-has-remove-button=true]){padding-right:0}.prc-Token-RemoveButton-H4Dmg:where([data-has-multiple-action-targets=true]){position:relative;z-index:1}
2
+ /*# sourceMappingURL=IssueLabelToken-a5fe569e.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/Token/IssueLabelToken.module.css"],"names":[],"mappings":"AA4DA,4BAEE,aAAc,CACd,aAAc,CACd,aAAc,CACd,WAAY,CACZ,WAAY,CACZ,YAAa,CACb,6GAEC,CACD,sGAA2G,CAI3G,kBAAmB,CADnB,6CAAqC,CADrC,iBAGF,CAEA,oCACE,4EA7EA,2BAA4B,CAC5B,uBAAwB,CACxB,6FAAkG,CAElG,4DAA+D,CAE/D,4GAAoH,CADpH,qDA0EA,CAtEA,6GACE,oFACF,CAEA,mHAEE,sEACF,CAGA,gIACE,sLAIG,CACH,kEACF,CAuDA,2EAnDA,yBAA0B,CAC1B,uBAAwB,CACxB,kBAAmB,CACnB,wGAA+G,CAE/G,qFAAyF,CAEzF,2HAKC,CAND,+FA+CA,CAtCA,kHAEE,8GAEF,CAGA,+HACE,yFAAsG,CACtG,kEACF,CA6BF,CAEA,mCACE,2EAvFA,2BAA4B,CAC5B,uBAAwB,CACxB,6FAAkG,CAElG,4DAA+D,CAE/D,4GAAoH,CADpH,qDAoFA,CAhFA,4GACE,oFACF,CAEA,kHAEE,sEACF,CAGA,+HACE,sLAIG,CACH,kEACF,CAiEA,0EA7DA,yBAA0B,CAC1B,uBAAwB,CACxB,kBAAmB,CACnB,wGAA+G,CAE/G,qFAAyF,CAEzF,2HAKC,CAND,+FAyDA,CAhDA,iHAEE,8GAEF,CAGA,8HACE,yFAAsG,CACtG,kEACF,CAuCF,CAGA,oDAjGE,2BAA4B,CAC5B,uBAAwB,CACxB,6FAAkG,CAElG,4DAA+D,CAE/D,4GAAoH,CADpH,qDA8FF,CA1FE,qFACE,oFACF,CAEA,2FAEE,sEACF,CAGA,wGACE,sLAIG,CACH,kEACF,CA4EF,mDAxEE,yBAA0B,CAC1B,uBAAwB,CACxB,kBAAmB,CACnB,wGAA+G,CAE/G,qFAAyF,CAEzF,2HAKC,CAND,+FAoEF,CA3DE,0FAEE,8GAEF,CAGA,uGACE,yFAAsG,CACtG,kEACF,CAqDF,wDACE,YACF,CAEA,8DAUE,kDAAuC,CAJvC,0CAAqC,CALrC,UAAW,CAOX,aAAc,CADd,wCAAmC,CAEnC,mBAAoB,CAPpB,iBAAkB,CAGlB,yCAAoC,CADpC,uCAAkC,CADlC,SAQF,CAGA,iEACE,eACF,CAEA,6EACE,iBAAkB,CAClB,SACF","file":"IssueLabelToken-a5fe569e.css","sourcesContent":["/* stylelint-disable primer/colors */\n@define-mixin lightThemeIssueLabel {\n --lightness-threshold: 0.453;\n --border-threshold: 0.96;\n --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));\n\n background: rgb(var(--label-r), var(--label-g), var(--label-b));\n color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));\n border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-alpha));\n\n /* Selected state */\n &:where([data-selected='true']) {\n background: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 5) * 1%));\n }\n\n &:where([data-selected='true'])::after {\n /* stylelint-disable-next-line primer/box-shadow */\n box-shadow: 0 0 0 2px rgb(var(--label-r), var(--label-g), var(--label-b));\n }\n\n /* Interactive hover states */\n &:where([data-cursor-is-interactive='true']:hover) {\n background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)),\n linear-gradient(\n rgb(var(--label-r), var(--label-g), var(--label-b)),\n rgb(var(--label-r), var(--label-g), var(--label-b))\n );\n box-shadow: var(--shadow-resting-medium);\n }\n}\n\n@define-mixin darkThemeIssueLabel {\n --lightness-threshold: 0.6;\n --background-alpha: 0.18;\n --border-alpha: 0.3;\n --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));\n\n background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));\n color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));\n border-color: hsla(\n var(--label-h),\n calc(var(--label-s) * 1%),\n calc((var(--label-l) + var(--lighten-by)) * 1%),\n var(--border-alpha)\n );\n\n /* Selected state */\n &:where([data-selected='true'])::after {\n /* stylelint-disable-next-line primer/box-shadow */\n box-shadow: 0 0 0 2px\n hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));\n }\n\n /* Interactive hover states */\n &:where([data-cursor-is-interactive='true']:hover) {\n background: hsla(var(--label-h), calc(var(--label-s) * 1%), calc(calc(var(--label-l) + 10) * 1%), 0.3);\n box-shadow: var(--shadow-resting-medium);\n }\n}\n\n.IssueLabel {\n /* Color variables - dynamically set via inline CSS custom properties */\n --label-r: 153;\n --label-g: 153;\n --label-b: 153;\n --label-h: 0;\n --label-s: 0;\n --label-l: 60;\n --perceived-lightness: calc(\n ((var(--label-r) * 0.2126) + (var(--label-g) * 0.7152) + (var(--label-b) * 0.0722)) / 255\n );\n --lightness-switch: max(0, min(calc((var(--perceived-lightness) - var(--lightness-threshold)) * -1000), 1));\n\n position: relative;\n border-width: var(--borderWidth-thin);\n border-style: solid;\n}\n\n@media (prefers-color-scheme: light) {\n [data-color-mode='auto'][data-light-theme*='light'] .IssueLabel {\n @mixin lightThemeIssueLabel;\n }\n\n [data-color-mode='auto'][data-light-theme*='dark'] .IssueLabel {\n @mixin darkThemeIssueLabel;\n }\n}\n\n@media (prefers-color-scheme: dark) {\n [data-color-mode='auto'][data-dark-theme*='light'] .IssueLabel {\n @mixin lightThemeIssueLabel;\n }\n\n [data-color-mode='auto'][data-dark-theme*='dark'] .IssueLabel {\n @mixin darkThemeIssueLabel;\n }\n}\n\n/* Light mode styles */\n[data-color-mode='light'] .IssueLabel {\n @mixin lightThemeIssueLabel;\n}\n\n/* Dark mode styles */\n[data-color-mode='dark'] .IssueLabel {\n @mixin darkThemeIssueLabel;\n}\n\n/* Selected state */\n\n.IssueLabel:where([data-selected='true']) {\n outline: none;\n}\n\n.IssueLabel:where([data-selected='true'])::after {\n content: '';\n position: absolute;\n z-index: 1;\n top: calc(var(--base-size-2) * -1);\n right: calc(var(--base-size-2) * -1);\n bottom: calc(var(--base-size-2) * -1);\n left: calc(var(--base-size-2) * -1);\n display: block;\n pointer-events: none;\n border-radius: var(--borderRadius-full);\n}\n\n/* Remove button styling */\n.IssueLabel:where([data-has-remove-button='true']) {\n padding-right: 0;\n}\n\n.RemoveButton:where([data-has-multiple-action-targets='true']) {\n position: relative;\n z-index: 1;\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"IssueLabelToken.d.ts","sourceRoot":"","sources":["../../src/Token/IssueLabelToken.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAM/C,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAI/F,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,eAAe,EAwEf,8BAA8B,CAAC,MAAM,GAAG,GAAG,GAAG,QAAQ,EAAE,oBAAoB,CAAC,CAAA;AAEnF,eAAe,eAAe,CAAA"}
1
+ {"version":3,"file":"IssueLabelToken.d.ts","sourceRoot":"","sources":["../../src/Token/IssueLabelToken.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAK/C,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAI/F,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,eAAe,EAsEf,8BAA8B,CAAC,MAAM,GAAG,GAAG,GAAG,QAAQ,EAAE,oBAAoB,CAAC,CAAA;AAEnF,eAAe,eAAe,CAAA"}
@@ -2,7 +2,6 @@ import { forwardRef, useMemo } from 'react';
2
2
  import TokenBase, { defaultTokenSize, isTokenInteractive } from './TokenBase.js';
3
3
  import RemoveTokenButton from './_RemoveTokenButton.js';
4
4
  import { parseToRgba, parseToHsla } from 'color2k';
5
- import { useTheme } from '../ThemeProvider.js';
6
5
  import TokenTextContainer from './_TokenTextContainer.js';
7
6
  import classes from './IssueLabelToken.module.css.js';
8
7
  import { clsx } from 'clsx';
@@ -28,9 +27,6 @@ const IssueLabelToken = /*#__PURE__*/forwardRef((props, forwardedRef) => {
28
27
  href,
29
28
  onClick
30
29
  };
31
- const {
32
- resolvedColorScheme
33
- } = useTheme();
34
30
  const hasMultipleActionTargets = isTokenInteractive(props) && Boolean(onRemove) && !hideRemoveButton;
35
31
  const onRemoveClick = e => {
36
32
  e.stopPropagation();
@@ -58,7 +54,6 @@ const IssueLabelToken = /*#__PURE__*/forwardRef((props, forwardedRef) => {
58
54
  style: customProperties,
59
55
  "data-has-remove-button": !hideRemoveButton && !!onRemove,
60
56
  "data-selected": isSelected,
61
- "data-in-color-mode": resolvedColorScheme || 'light',
62
57
  ...(!hasMultipleActionTargets ? interactiveTokenProps : {}),
63
58
  ...rest,
64
59
  ref: forwardedRef,
@@ -1,4 +1,4 @@
1
- import './IssueLabelToken-0dbbbcdf.css';
1
+ import './IssueLabelToken-a5fe569e.css';
2
2
 
3
3
  var classes = {"IssueLabel":"prc-Token-IssueLabel-ZuoEW","RemoveButton":"prc-Token-RemoveButton-H4Dmg"};
4
4
 
@@ -0,0 +1,2 @@
1
+ .prc-Token-TokenBase-PfQzJ{align-items:center;border-radius:var(--borderRadius-full,624.9375rem);display:inline-flex;font-family:inherit;font-weight:var(--base-text-weight-semibold,600);line-height:1;position:relative;-webkit-text-decoration:none;text-decoration:none;white-space:nowrap}.prc-Token-TokenBase-PfQzJ:where([data-cursor-is-interactive=true]){cursor:pointer}.prc-Token-TokenBase-PfQzJ:where([data-cursor-is-interactive=false]){cursor:auto}.prc-Token-TokenBase-PfQzJ:where([data-size=small]){font-size:var(--text-body-size-small,.75rem);height:var(--base-size-16,1rem);padding-left:var(--base-size-4,.25rem);padding-right:var(--base-size-4,.25rem);width:auto}.prc-Token-TokenBase-PfQzJ:where([data-size=medium]){font-size:var(--text-body-size-small,.75rem);height:var(--base-size-20,1.25rem);padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);width:auto}.prc-Token-TokenBase-PfQzJ[data-size=large]{font-size:var(--text-body-size-small,.75rem);height:var(--base-size-24,1.5rem);padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);width:auto}.prc-Token-TokenBase-PfQzJ[data-size=xlarge]{font-size:var(--text-body-size-medium,.875rem);height:var(--base-size-32,2rem);padding-bottom:0;padding-left:var(--base-size-16,1rem);padding-right:var(--base-size-16,1rem);padding-top:0;width:auto}
2
+ /*# sourceMappingURL=TokenBase-57c65c47.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/Token/TokenBase.module.css"],"names":[],"mappings":"AAAA,2BAQE,kBAAmB,CADnB,kDAAuC,CALvC,mBAAoB,CACpB,mBAAoB,CACpB,gDAA6C,CAM7C,aAAc,CATd,iBAAkB,CAIlB,4BAAqB,CAArB,oBAAqB,CACrB,kBAKF,CAEA,oEACE,cACF,CAEA,qEACE,WACF,CAEA,oDAKE,4CAAsC,CAHtC,+BAA2B,CAE3B,sCAAgC,CADhC,uCAAiC,CAFjC,UAKF,CAEA,qDAKE,4CAAsC,CAHtC,kCAA2B,CAE3B,qCAAgC,CADhC,sCAAiC,CAFjC,UAKF,CAEA,4CAKE,4CAAsC,CAHtC,iCAA2B,CAE3B,qCAAgC,CADhC,sCAAiC,CAFjC,UAKF,CAEA,6CAOE,8CAAuC,CALvC,+BAA2B,CAG3B,gBAAiB,CACjB,qCAAiC,CAFjC,sCAAkC,CADlC,aAAc,CAFd,UAOF","file":"TokenBase-57c65c47.css","sourcesContent":[".TokenBase {\n position: relative;\n display: inline-flex;\n font-family: inherit;\n font-weight: var(--base-text-weight-semibold);\n text-decoration: none;\n white-space: nowrap;\n border-radius: var(--borderRadius-full);\n align-items: center;\n /* stylelint-disable-next-line primer/typography */\n line-height: 1;\n}\n\n.TokenBase:where([data-cursor-is-interactive='true']) {\n cursor: pointer;\n}\n\n.TokenBase:where([data-cursor-is-interactive='false']) {\n cursor: auto;\n}\n\n.TokenBase:where([data-size='small']) {\n width: auto;\n height: var(--base-size-16);\n padding-right: var(--base-size-4);\n padding-left: var(--base-size-4);\n font-size: var(--text-body-size-small);\n}\n\n.TokenBase:where([data-size='medium']) {\n width: auto;\n height: var(--base-size-20);\n padding-right: var(--base-size-8);\n padding-left: var(--base-size-8);\n font-size: var(--text-body-size-small);\n}\n\n.TokenBase[data-size='large'] {\n width: auto;\n height: var(--base-size-24);\n padding-right: var(--base-size-8);\n padding-left: var(--base-size-8);\n font-size: var(--text-body-size-small);\n}\n\n.TokenBase[data-size='xlarge'] {\n width: auto;\n height: var(--base-size-32);\n padding-top: 0;\n padding-right: var(--base-size-16);\n padding-bottom: 0;\n padding-left: var(--base-size-16);\n font-size: var(--text-body-size-medium);\n}\n"]}
@@ -4,12 +4,6 @@ import { clsx } from 'clsx';
4
4
  import classes from './TokenBase.module.css.js';
5
5
  import { jsx } from 'react/jsx-runtime';
6
6
 
7
- const tokenSizes = {
8
- small: '16px',
9
- medium: '20px',
10
- large: '24px',
11
- xlarge: '32px'
12
- };
13
7
  const defaultTokenSize = 'medium';
14
8
  const isTokenInteractive = ({
15
9
  as = 'span',
@@ -132,4 +126,4 @@ const TokenBase = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
132
126
  return t7;
133
127
  });
134
128
 
135
- export { TokenBase as default, defaultTokenSize, isTokenInteractive, tokenSizes };
129
+ export { TokenBase as default, defaultTokenSize, isTokenInteractive };
@@ -1,4 +1,4 @@
1
- import './TokenBase-0386597b.css';
1
+ import './TokenBase-57c65c47.css';
2
2
 
3
3
  var classes = {"TokenBase":"prc-Token-TokenBase-PfQzJ"};
4
4
 
@@ -0,0 +1,2 @@
1
+ .prc-Token-TokenButton-F4Y8h{align-items:center;align-self:baseline;appearance:none;background-color:transparent;border:0;border-radius:var(--borderRadius-full,624.9375rem);color:currentColor;cursor:pointer;display:inline-flex;font-family:inherit;justify-content:center;margin-left:var(--base-size-4,.25rem);padding:0;-webkit-text-decoration:none;text-decoration:none;-webkit-user-select:none;user-select:none}.prc-Token-TokenButton-F4Y8h[data-size=small]{height:var(--base-size-16,1rem);width:var(--base-size-16,1rem)}.prc-Token-TokenButton-F4Y8h[data-size=medium]{height:var(--base-size-20,1.25rem);width:var(--base-size-20,1.25rem)}.prc-Token-TokenButton-F4Y8h[data-size=large]{height:var(--base-size-24,1.5rem);margin-left:var(--base-size-8,.5rem);width:var(--base-size-24,1.5rem)}.prc-Token-TokenButton-F4Y8h[data-size=xlarge]{height:var(--base-size-32,2rem);margin-left:var(--base-size-8,.5rem);width:var(--base-size-32,2rem)}.prc-Token-TokenButton-F4Y8h:focus,.prc-Token-TokenButton-F4Y8h:hover{background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg))}.prc-Token-TokenButton-F4Y8h:active{background-color:var(--control-transparent-bgColor-active,var(--color-action-list-item-default-active-bg))}
2
+ /*# sourceMappingURL=_RemoveTokenButton-c205593b.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/Token/_RemoveTokenButton.module.css"],"names":[],"mappings":"AAAA,6BAaE,kBAAmB,CAEnB,mBAAoB,CADpB,eAAgB,CALhB,4BAA6B,CAC7B,QAAS,CACT,kDAAuC,CANvC,kBAAmB,CAEnB,cAAe,CANf,mBAAoB,CAGpB,mBAAoB,CAQpB,sBAAuB,CATvB,qCAA+B,CAD/B,SAAU,CAIV,4BAAqB,CAArB,oBAAqB,CAErB,wBAAiB,CAAjB,gBAQF,CAEA,8CAEE,+BAA2B,CAD3B,8BAEF,CAEA,+CAEE,kCAA2B,CAD3B,iCAEF,CAEA,8CAEE,iCAA2B,CAC3B,oCAA+B,CAF/B,gCAGF,CAEA,+CAEE,+BAA2B,CAC3B,oCAA+B,CAF/B,8BAGF,CAEA,sEAEE,wGACF,CAEA,oCACE,0GACF","file":"_RemoveTokenButton-c205593b.css","sourcesContent":[".TokenButton {\n display: inline-flex;\n padding: 0;\n margin-left: var(--base-size-4);\n font-family: inherit;\n color: currentColor;\n text-decoration: none;\n cursor: pointer;\n user-select: none;\n background-color: transparent;\n border: 0;\n border-radius: var(--borderRadius-full);\n justify-content: center;\n align-items: center;\n appearance: none;\n align-self: baseline;\n}\n\n.TokenButton[data-size='small'] {\n width: var(--base-size-16);\n height: var(--base-size-16);\n}\n\n.TokenButton[data-size='medium'] {\n width: var(--base-size-20);\n height: var(--base-size-20);\n}\n\n.TokenButton[data-size='large'] {\n width: var(--base-size-24);\n height: var(--base-size-24);\n margin-left: var(--base-size-8);\n}\n\n.TokenButton[data-size='xlarge'] {\n width: var(--base-size-32);\n height: var(--base-size-32);\n margin-left: var(--base-size-8);\n}\n\n.TokenButton:hover,\n.TokenButton:focus {\n background-color: var(--control-transparent-bgColor-hover);\n}\n\n.TokenButton:active {\n background-color: var(--control-transparent-bgColor-active);\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"_RemoveTokenButton.d.ts","sourceRoot":"","sources":["../../src/Token/_RemoveTokenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AAK9C,UAAU,gBAAgB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AAID,KAAK,sBAAsB,GAAG,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAA;AAEnH,QAAA,MAAM,iBAAiB,GAAI,mGAQxB,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAC,sBAmC5E,CAAA;AAED,eAAe,iBAAiB,CAAA"}
1
+ {"version":3,"file":"_RemoveTokenButton.d.ts","sourceRoot":"","sources":["../../src/Token/_RemoveTokenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AAK9C,UAAU,gBAAgB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AAED,KAAK,sBAAsB,GAAG,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAA;AAEnH,QAAA,MAAM,iBAAiB,GAAI,mGAQxB,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAC,sBAmC5E,CAAA;AAED,eAAe,iBAAiB,CAAA"}
@@ -1,10 +1,9 @@
1
1
  import { XIcon } from '@primer/octicons-react';
2
2
  import { clsx } from 'clsx';
3
- import { defaultTokenSize, tokenSizes } from './TokenBase.js';
3
+ import { defaultTokenSize } from './TokenBase.js';
4
4
  import classes from './_RemoveTokenButton.module.css.js';
5
5
  import { jsx } from 'react/jsx-runtime';
6
6
 
7
- const getTokenButtonIconSize = size => parseInt(tokenSizes[size || defaultTokenSize], 10) * 0.75;
8
7
  const RemoveTokenButton = ({
9
8
  'aria-label': ariaLabel,
10
9
  isParentInteractive,
@@ -27,7 +26,7 @@ const RemoveTokenButton = ({
27
26
  transform: `translate(${borderOffset}px, -${borderOffset}px)`
28
27
  },
29
28
  children: /*#__PURE__*/jsx(XIcon, {
30
- size: getTokenButtonIconSize(size)
29
+ size: size === 'small' || size === 'medium' || size === 'large' ? 12 : 16
31
30
  })
32
31
  });
33
32
  }
@@ -42,7 +41,7 @@ const RemoveTokenButton = ({
42
41
  ref: rest.ref,
43
42
  type: "button",
44
43
  children: /*#__PURE__*/jsx(XIcon, {
45
- size: getTokenButtonIconSize(size)
44
+ size: size === 'small' || size === 'medium' || size === 'large' ? 12 : 16
46
45
  })
47
46
  });
48
47
  };
@@ -1,4 +1,4 @@
1
- import './_RemoveTokenButton-d7f5985b.css';
1
+ import './_RemoveTokenButton-c205593b.css';
2
2
 
3
3
  var classes = {"TokenButton":"prc-Token-TokenButton-F4Y8h"};
4
4
 
@@ -1,2 +1,2 @@
1
- @layer primer.components.IssueLabel{.prc-IssueLabel-IssueLabel-WJ5y-{align-items:center;background-color:var(--label-bgColor-rest);border:0;border-radius:var(--borderRadius-full,624.9375rem);box-shadow:var(--boxShadow-thin,inset 0 0 0 .0625rem) transparent;color:var(--label-fgColor);display:inline-flex;font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-semibold,600);line-height:var(--text-body-lineHeight-small,1.6666);min-height:var(--base-size-20,1.25rem);padding-block:0;padding-inline:var(--base-size-8,.5rem);white-space:nowrap}.prc-IssueLabel-IssueLabel-WJ5y-:where(button,a){-webkit-text-decoration:none;text-decoration:none}.prc-IssueLabel-IssueLabel-WJ5y-:where(button,a):hover{background-color:var(--label-bgColor-hover);color:var(--label-fgColor-hover);cursor:pointer}.prc-IssueLabel-IssueLabel-WJ5y-:where(button,a):active{background-color:var(--label-bgColor-active);color:var(--label-fgColor-active)}.prc-IssueLabel-IssueLabel-WJ5y-:where(button,a):focus-visible{box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:2px}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=pink]{--label-bgColor-rest:var(--label-pink-bgColor-rest,#ffe5f1);--label-bgColor-hover:var(--label-pink-bgColor-hover,#fdc9e2);--label-bgColor-active:var(--label-pink-bgColor-active,#f8a5cf);--label-fgColor:var(--label-pink-fgColor-rest,#b12f79);--label-fgColor-hover:var(--label-pink-fgColor-hover,#8e2e66);--label-fgColor-active:var(--label-pink-fgColor-active,#6e2b53)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=plum]{--label-bgColor-rest:var(--label-plum-bgColor-rest,#f8e5ff);--label-bgColor-hover:var(--label-plum-bgColor-hover,#f0cdfe);--label-bgColor-active:var(--label-plum-bgColor-active,#e2a7fb);--label-fgColor:var(--label-plum-fgColor-rest,#961edc);--label-fgColor-hover:var(--label-plum-fgColor-hover,#7d1eb8);--label-fgColor-active:var(--label-plum-fgColor-active,#651d96)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=purple]{--label-bgColor-rest:var(--label-purple-bgColor-rest,#f1e5ff);--label-bgColor-hover:var(--label-purple-bgColor-hover,#e6d2fe);--label-bgColor-active:var(--label-purple-bgColor-active,#d1b1fc);--label-fgColor:var(--label-purple-fgColor-rest,#783ae4);--label-fgColor-hover:var(--label-purple-fgColor-hover,#6223d7);--label-fgColor-active:var(--label-purple-fgColor-active,#4f21ab)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=indigo]{--label-bgColor-rest:var(--label-indigo-bgColor-rest,#e5e9ff);--label-bgColor-hover:var(--label-indigo-bgColor-hover,#d2d7fe);--label-bgColor-active:var(--label-indigo-bgColor-active,#b1b9fb);--label-fgColor:var(--label-indigo-fgColor-rest,#494edf);--label-fgColor-hover:var(--label-indigo-fgColor-hover,#393cd5);--label-fgColor-active:var(--label-indigo-fgColor-active,#2d2db4)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=blue]{--label-bgColor-rest:var(--label-blue-bgColor-rest,#d1f0ff);--label-bgColor-hover:var(--label-blue-bgColor-hover,#ade1ff);--label-bgColor-active:var(--label-blue-bgColor-active,#75c8ff);--label-fgColor:var(--label-blue-fgColor-rest,#005fcc);--label-fgColor-hover:var(--label-blue-fgColor-hover,#004db3);--label-fgColor-active:var(--label-blue-fgColor-active,#003d99)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=cyan]{--label-bgColor-rest:var(--label-cyan-bgColor-rest,#bdf4ff);--label-bgColor-hover:var(--label-cyan-bgColor-hover,#7ae9ff);--label-bgColor-active:var(--label-cyan-bgColor-active,#00d0fa);--label-fgColor:var(--label-cyan-fgColor-rest,#006a80);--label-fgColor-hover:var(--label-cyan-fgColor-hover,#00596b);--label-fgColor-active:var(--label-cyan-fgColor-active,#004857)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=teal]{--label-bgColor-rest:var(--label-teal-bgColor-rest,#c7f5ef);--label-bgColor-hover:var(--label-teal-bgColor-hover,#89ebe1);--label-bgColor-active:var(--label-teal-bgColor-active,#22d3c7);--label-fgColor:var(--label-teal-fgColor-rest,#106e75);--label-fgColor-hover:var(--label-teal-fgColor-hover,#0d5b63);--label-fgColor-active:var(--label-teal-fgColor-active,#0a4852)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=pine]{--label-bgColor-rest:var(--label-pine-bgColor-rest,#bff8db);--label-bgColor-hover:var(--label-pine-bgColor-hover,#80efb9);--label-bgColor-active:var(--label-pine-bgColor-active,#1dd781);--label-fgColor:var(--label-pine-fgColor-rest,#156f4b);--label-fgColor-hover:var(--label-pine-fgColor-hover,#135d41);--label-fgColor-active:var(--label-pine-fgColor-active,#114b36)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=green]{--label-bgColor-rest:var(--label-green-bgColor-rest,#caf7ca);--label-bgColor-hover:var(--label-green-bgColor-hover,#9ceda0);--label-bgColor-active:var(--label-green-bgColor-active,#54d961);--label-fgColor:var(--label-green-fgColor-rest,#2b6e3f);--label-fgColor-hover:var(--label-green-fgColor-hover,#285c3b);--label-fgColor-active:var(--label-green-fgColor-active,#254b34)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=lime]{--label-bgColor-rest:var(--label-lime-bgColor-rest,#e3f2b5);--label-bgColor-hover:var(--label-lime-bgColor-hover,#c7e580);--label-bgColor-active:var(--label-lime-bgColor-active,#9bd039);--label-fgColor:var(--label-lime-fgColor-rest,#476c28);--label-fgColor-hover:var(--label-lime-fgColor-hover,#3a5b25);--label-fgColor-active:var(--label-lime-fgColor-active,#2f4a21)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=olive]{--label-bgColor-rest:var(--label-olive-bgColor-rest,#f0f0ad);--label-bgColor-hover:var(--label-olive-bgColor-hover,#dbe170);--label-bgColor-active:var(--label-olive-bgColor-active,#b9c832);--label-fgColor:var(--label-olive-fgColor-rest,#56682c);--label-fgColor-hover:var(--label-olive-fgColor-hover,#495a2b);--label-fgColor-active:var(--label-olive-fgColor-active,#3b4927)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=lemon]{--label-bgColor-rest:var(--label-lemon-bgColor-rest,#f7eea1);--label-bgColor-hover:var(--label-lemon-bgColor-hover,#f0db3d);--label-bgColor-active:var(--label-lemon-bgColor-active,#d8bd0e);--label-fgColor:var(--label-lemon-fgColor-rest,#786002);--label-fgColor-hover:var(--label-lemon-fgColor-hover,#654f01);--label-fgColor-active:var(--label-lemon-fgColor-active,#523f00)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=yellow]{--label-bgColor-rest:var(--label-yellow-bgColor-rest,#ffec9e);--label-bgColor-hover:var(--label-yellow-bgColor-hover,#ffd642);--label-bgColor-active:var(--label-yellow-bgColor-active,#ebb400);--label-fgColor:var(--label-yellow-fgColor-rest,#805900);--label-fgColor-hover:var(--label-yellow-fgColor-hover,#704d00);--label-fgColor-active:var(--label-yellow-fgColor-active,#5c3d00)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=orange]{--label-bgColor-rest:var(--label-orange-bgColor-rest,#ffe7d1);--label-bgColor-hover:var(--label-orange-bgColor-hover,#fecfaa);--label-bgColor-active:var(--label-orange-bgColor-active,#fbaf74);--label-fgColor:var(--label-orange-fgColor-rest,#a24610);--label-fgColor-hover:var(--label-orange-fgColor-hover,#8d3c11);--label-fgColor-active:var(--label-orange-fgColor-active,#70300f)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=red]{--label-bgColor-rest:var(--label-red-bgColor-rest,#ffe2e0);--label-bgColor-hover:var(--label-red-bgColor-hover,#fecdcd);--label-bgColor-active:var(--label-red-bgColor-active,#fda5a7);--label-fgColor:var(--label-red-fgColor-rest,#c50d28);--label-fgColor-hover:var(--label-red-fgColor-hover,#a60c29);--label-fgColor-active:var(--label-red-fgColor-active,#880c27)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=coral]{--label-bgColor-rest:var(--label-coral-bgColor-rest,#ffe5db);--label-bgColor-hover:var(--label-coral-bgColor-hover,#fecebe);--label-bgColor-active:var(--label-coral-bgColor-active,#fcab92);--label-fgColor:var(--label-coral-fgColor-rest,#ba2e12);--label-fgColor-hover:var(--label-coral-fgColor-hover,#9b2712);--label-fgColor-active:var(--label-coral-fgColor-active,#7e2011)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=gray]{--label-bgColor-rest:var(--label-gray-bgColor-rest,#e8ecf2);--label-bgColor-hover:var(--label-gray-bgColor-hover,#d2dae4);--label-bgColor-active:var(--label-gray-bgColor-active,#b4c0cf);--label-fgColor:var(--label-gray-fgColor-rest,#5c6570);--label-fgColor-hover:var(--label-gray-fgColor-hover,#4e535a);--label-fgColor-active:var(--label-gray-fgColor-active,#424448)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=brown]{--label-bgColor-rest:var(--label-brown-bgColor-rest,#eeeae2);--label-bgColor-hover:var(--label-brown-bgColor-hover,#dfd7c8);--label-bgColor-active:var(--label-brown-bgColor-active,#cbbda4);--label-fgColor:var(--label-brown-fgColor-rest,#755f43);--label-fgColor-hover:var(--label-brown-fgColor-hover,#64513a);--label-fgColor-active:var(--label-brown-fgColor-active,#51412f)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=auburn]{--label-bgColor-rest:var(--label-auburn-bgColor-rest,#f2e9e9);--label-bgColor-hover:var(--label-auburn-bgColor-hover,#e6d6d5);--label-bgColor-active:var(--label-auburn-bgColor-active,#d4b7b5);--label-fgColor:var(--label-auburn-fgColor-rest,#8a5551);--label-fgColor-hover:var(--label-auburn-fgColor-hover,#744744);--label-fgColor-active:var(--label-auburn-fgColor-active,#5d3937)}}
2
- /*# sourceMappingURL=IssueLabel-6581d1bd.css.map */
1
+ @layer primer.components.IssueLabel{.prc-IssueLabel-IssueLabel-WJ5y-{align-items:center;background-color:var(--label-bgColor-rest);border:0;border-radius:var(--borderRadius-full,624.9375rem);box-shadow:var(--boxShadow-thin,inset 0 0 0 .0625rem) transparent;color:var(--label-fgColor);display:inline-flex;font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-semibold,600);line-height:var(--text-body-lineHeight-small,1.6666);min-height:var(--base-size-20,1.25rem);padding-block:0;padding-inline:var(--base-size-8,.5rem);white-space:nowrap}.prc-IssueLabel-IssueLabel-WJ5y-:where(button,a){-webkit-text-decoration:none;text-decoration:none}.prc-IssueLabel-IssueLabel-WJ5y-:where(button,a):hover{background-color:var(--label-bgColor-hover);color:var(--label-fgColor-hover);cursor:pointer}.prc-IssueLabel-IssueLabel-WJ5y-:where(button,a):active{background-color:var(--label-bgColor-active);color:var(--label-fgColor-active)}.prc-IssueLabel-IssueLabel-WJ5y-:where(button,a):focus-visible{box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:2px}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=pink]{--label-bgColor-rest:var(--label-pink-bgColor-rest,#ffe5f1);--label-bgColor-hover:var(--label-pink-bgColor-hover,#fdc9e2);--label-bgColor-active:var(--label-pink-bgColor-active,#f8a5cf);--label-fgColor:var(--label-pink-fgColor-rest,#b12f79);--label-fgColor-hover:var(--label-pink-fgColor-hover,#8e2e66);--label-fgColor-active:var(--label-pink-fgColor-active,#6e2b53)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=plum]{--label-bgColor-rest:var(--label-plum-bgColor-rest,#f8e5ff);--label-bgColor-hover:var(--label-plum-bgColor-hover,#f0cdfe);--label-bgColor-active:var(--label-plum-bgColor-active,#e2a7fb);--label-fgColor:var(--label-plum-fgColor-rest,#961edc);--label-fgColor-hover:var(--label-plum-fgColor-hover,#7d1eb8);--label-fgColor-active:var(--label-plum-fgColor-active,#651d96)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=purple]{--label-bgColor-rest:var(--label-purple-bgColor-rest,#f1e5ff);--label-bgColor-hover:var(--label-purple-bgColor-hover,#e6d2fe);--label-bgColor-active:var(--label-purple-bgColor-active,#d1b1fc);--label-fgColor:var(--label-purple-fgColor-rest,#783ae4);--label-fgColor-hover:var(--label-purple-fgColor-hover,#6223d7);--label-fgColor-active:var(--label-purple-fgColor-active,#4f21ab)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=indigo]{--label-bgColor-rest:var(--label-indigo-bgColor-rest,#e5e9ff);--label-bgColor-hover:var(--label-indigo-bgColor-hover,#d2d7fe);--label-bgColor-active:var(--label-indigo-bgColor-active,#b1b9fb);--label-fgColor:var(--label-indigo-fgColor-rest,#494edf);--label-fgColor-hover:var(--label-indigo-fgColor-hover,#393cd5);--label-fgColor-active:var(--label-indigo-fgColor-active,#2d2db4)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=blue]{--label-bgColor-rest:var(--label-blue-bgColor-rest,#d1f0ff);--label-bgColor-hover:var(--label-blue-bgColor-hover,#ade1ff);--label-bgColor-active:var(--label-blue-bgColor-active,#75c8ff);--label-fgColor:var(--label-blue-fgColor-rest,#005fcc);--label-fgColor-hover:var(--label-blue-fgColor-hover,#004db3);--label-fgColor-active:var(--label-blue-fgColor-active,#003d99)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=cyan]{--label-bgColor-rest:var(--label-cyan-bgColor-rest,#bdf4ff);--label-bgColor-hover:var(--label-cyan-bgColor-hover,#7ae9ff);--label-bgColor-active:var(--label-cyan-bgColor-active,#00d0fa);--label-fgColor:var(--label-cyan-fgColor-rest,#006a80);--label-fgColor-hover:var(--label-cyan-fgColor-hover,#00596b);--label-fgColor-active:var(--label-cyan-fgColor-active,#004857)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=teal]{--label-bgColor-rest:var(--label-teal-bgColor-rest,#c7f5ef);--label-bgColor-hover:var(--label-teal-bgColor-hover,#89ebe1);--label-bgColor-active:var(--label-teal-bgColor-active,#22d3c7);--label-fgColor:var(--label-teal-fgColor-rest,#106e75);--label-fgColor-hover:var(--label-teal-fgColor-hover,#0d5b63);--label-fgColor-active:var(--label-teal-fgColor-active,#0a4852)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=pine]{--label-bgColor-rest:var(--label-pine-bgColor-rest,#bff8db);--label-bgColor-hover:var(--label-pine-bgColor-hover,#80efb9);--label-bgColor-active:var(--label-pine-bgColor-active,#1dd781);--label-fgColor:var(--label-pine-fgColor-rest,#156f4b);--label-fgColor-hover:var(--label-pine-fgColor-hover,#135d41);--label-fgColor-active:var(--label-pine-fgColor-active,#114b36)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=green]{--label-bgColor-rest:var(--label-green-bgColor-rest,#caf7ca);--label-bgColor-hover:var(--label-green-bgColor-hover,#9ceda0);--label-bgColor-active:var(--label-green-bgColor-active,#54d961);--label-fgColor:var(--label-green-fgColor-rest,#2b6e3f);--label-fgColor-hover:var(--label-green-fgColor-hover,#285c3b);--label-fgColor-active:var(--label-green-fgColor-active,#254b34)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=lime]{--label-bgColor-rest:var(--label-lime-bgColor-rest,#e3f2b5);--label-bgColor-hover:var(--label-lime-bgColor-hover,#c7e580);--label-bgColor-active:var(--label-lime-bgColor-active,#9bd039);--label-fgColor:var(--label-lime-fgColor-rest,#476c28);--label-fgColor-hover:var(--label-lime-fgColor-hover,#3a5b25);--label-fgColor-active:var(--label-lime-fgColor-active,#2f4a21)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=olive]{--label-bgColor-rest:var(--label-olive-bgColor-rest,#f0f0ad);--label-bgColor-hover:var(--label-olive-bgColor-hover,#dbe170);--label-bgColor-active:var(--label-olive-bgColor-active,#b9c832);--label-fgColor:var(--label-olive-fgColor-rest,#56682c);--label-fgColor-hover:var(--label-olive-fgColor-hover,#495a2b);--label-fgColor-active:var(--label-olive-fgColor-active,#3b4927)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=lemon]{--label-bgColor-rest:var(--label-lemon-bgColor-rest,#f7eea1);--label-bgColor-hover:var(--label-lemon-bgColor-hover,#f0db3d);--label-bgColor-active:var(--label-lemon-bgColor-active,#d8bd0e);--label-fgColor:var(--label-lemon-fgColor-rest,#786002);--label-fgColor-hover:var(--label-lemon-fgColor-hover,#654f01);--label-fgColor-active:var(--label-lemon-fgColor-active,#523f00)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=yellow]{--label-bgColor-rest:var(--label-yellow-bgColor-rest,#ffec9e);--label-bgColor-hover:var(--label-yellow-bgColor-hover,#ffd642);--label-bgColor-active:var(--label-yellow-bgColor-active,#ebb400);--label-fgColor:var(--label-yellow-fgColor-rest,#805900);--label-fgColor-hover:var(--label-yellow-fgColor-hover,#704d00);--label-fgColor-active:var(--label-yellow-fgColor-active,#5c3d00)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=orange]{--label-bgColor-rest:var(--label-orange-bgColor-rest,#ffe7d1);--label-bgColor-hover:var(--label-orange-bgColor-hover,#fecfaa);--label-bgColor-active:var(--label-orange-bgColor-active,#fbaf74);--label-fgColor:var(--label-orange-fgColor-rest,#a24610);--label-fgColor-hover:var(--label-orange-fgColor-hover,#8d3c11);--label-fgColor-active:var(--label-orange-fgColor-active,#70300f)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=red]{--label-bgColor-rest:var(--label-red-bgColor-rest,#ffe2e0);--label-bgColor-hover:var(--label-red-bgColor-hover,#fecdcd);--label-bgColor-active:var(--label-red-bgColor-active,#fda5a7);--label-fgColor:var(--label-red-fgColor-rest,#c50d28);--label-fgColor-hover:var(--label-red-fgColor-hover,#a60c29);--label-fgColor-active:var(--label-red-fgColor-active,#880c27)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=coral]{--label-bgColor-rest:var(--label-coral-bgColor-rest,#ffe5db);--label-bgColor-hover:var(--label-coral-bgColor-hover,#fecebe);--label-bgColor-active:var(--label-coral-bgColor-active,#fcab92);--label-fgColor:var(--label-coral-fgColor-rest,#ba2e12);--label-fgColor-hover:var(--label-coral-fgColor-hover,#9b2712);--label-fgColor-active:var(--label-coral-fgColor-active,#7e2011)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=gray]{--label-bgColor-rest:var(--label-gray-bgColor-rest,#e8ecf2);--label-bgColor-hover:var(--label-gray-bgColor-hover,#d2dae4);--label-bgColor-active:var(--label-gray-bgColor-active,#b4c0cf);--label-fgColor:var(--label-gray-fgColor-rest,#5c6570);--label-fgColor-hover:var(--label-gray-fgColor-hover,#4e535a);--label-fgColor-active:var(--label-gray-fgColor-active,#424448)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=brown]{--label-bgColor-rest:var(--label-brown-bgColor-rest,#eeeae2);--label-bgColor-hover:var(--label-brown-bgColor-hover,#dfd7c8);--label-bgColor-active:var(--label-brown-bgColor-active,#cbbda4);--label-fgColor:var(--label-brown-fgColor-rest,#755f43);--label-fgColor-hover:var(--label-brown-fgColor-hover,#64513a);--label-fgColor-active:var(--label-brown-fgColor-active,#51412f)}.prc-IssueLabel-IssueLabel-WJ5y-[data-variant=auburn]{--label-bgColor-rest:var(--label-auburn-bgColor-rest,#f2e9e9);--label-bgColor-hover:var(--label-auburn-bgColor-hover,#e6d6d5);--label-bgColor-active:var(--label-auburn-bgColor-active,#d4b7b5);--label-fgColor:var(--label-auburn-fgColor-rest,#8a5551);--label-fgColor-hover:var(--label-auburn-fgColor-hover,#744744);--label-fgColor-active:var(--label-auburn-fgColor-active,#5d3937)}[data-color-mode=dark] .prc-IssueLabel-IssueLabel-WJ5y-:not([data-variant]){--label-bgColor-rest:var(--label-bgColor-dark-rest);--label-bgColor-hover:var(--label-bgColor-dark-hover);--label-bgColor-active:var(--label-bgColor-dark-active);--label-fgColor:var(--label-fgColor-dark);--label-fgColor-hover:var(--label-fgColor-dark-hover);--label-fgColor-active:var(--label-fgColor-dark-active)}[data-color-mode=light] .prc-IssueLabel-IssueLabel-WJ5y-:not([data-variant]){--label-bgColor-rest:var(--label-bgColor-light-rest);--label-bgColor-hover:var(--label-bgColor-light-hover);--label-bgColor-active:var(--label-bgColor-light-active);--label-fgColor:var(--label-fgColor-light);--label-fgColor-hover:var(--label-fgColor-light-hover);--label-fgColor-active:var(--label-fgColor-light-active)}@media (prefers-color-scheme:light){[data-color-mode=auto][data-light-theme*=light] .prc-IssueLabel-IssueLabel-WJ5y-:not([data-variant]){--label-bgColor-rest:var(--label-bgColor-light-rest);--label-bgColor-hover:var(--label-bgColor-light-hover);--label-bgColor-active:var(--label-bgColor-light-active);--label-fgColor:var(--label-fgColor-light);--label-fgColor-hover:var(--label-fgColor-light-hover);--label-fgColor-active:var(--label-fgColor-light-active)}[data-color-mode=auto][data-light-theme*=dark] .prc-IssueLabel-IssueLabel-WJ5y-:not([data-variant]){--label-bgColor-rest:var(--label-bgColor-dark-rest);--label-bgColor-hover:var(--label-bgColor-dark-hover);--label-bgColor-active:var(--label-bgColor-dark-active);--label-fgColor:var(--label-fgColor-dark);--label-fgColor-hover:var(--label-fgColor-dark-hover);--label-fgColor-active:var(--label-fgColor-dark-active)}}@media (prefers-color-scheme:dark){[data-color-mode=auto][data-dark-theme*=light] .prc-IssueLabel-IssueLabel-WJ5y-:not([data-variant]){--label-bgColor-rest:var(--label-bgColor-light-rest);--label-bgColor-hover:var(--label-bgColor-light-hover);--label-bgColor-active:var(--label-bgColor-light-active);--label-fgColor:var(--label-fgColor-light);--label-fgColor-hover:var(--label-fgColor-light-hover);--label-fgColor-active:var(--label-fgColor-light-active)}[data-color-mode=auto][data-dark-theme*=dark] .prc-IssueLabel-IssueLabel-WJ5y-:not([data-variant]){--label-bgColor-rest:var(--label-bgColor-dark-rest);--label-bgColor-hover:var(--label-bgColor-dark-hover);--label-bgColor-active:var(--label-bgColor-dark-active);--label-fgColor:var(--label-fgColor-dark);--label-fgColor-hover:var(--label-fgColor-dark-hover);--label-fgColor-active:var(--label-fgColor-dark-active)}}}
2
+ /*# sourceMappingURL=IssueLabel-d9c2c5cf.css.map */