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

package/dist/StateLabel/StateLabel-aaa1d148.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/StateLabel/StateLabel.module.css"],"names":[],"mappings":"AAAA,iCAEE,kBAAmB,CAMnB,kDAAuC,CAFvC,2DAAgC,CALhC,mBAAoB,CAEpB,gDAA6C,CAE7C,gBAAiB,CAEjB,iBAEF,CAGA,6DAEE,4CAAsC,CADtC,0DAEF,CAEA,8DAEE,8CAAuC,CADvC,2DAEF,CAGA,kEACE,wEAA8C,CAE9C,6FAAgG,CADhG,2DAEF,CAEA,4EACE,uEAAiD,CAEjD,gGAAmG,CADnG,2DAEF,CAEA,iEACE,4EAAgD,CAEhD,+FAAkG,CADlG,2DAEF,CAEA,iEACE,wEAA8C,CAE9C,6FAAgG,CADhG,2DAEF,CAEA,iEACE,kFAAmD,CAEnD,kGAAqG,CADrG,2DAEF,CAEA,kEACE,wEAA8C,CAE9C,6FAAgG,CADhG,2DAEF,CAEA,iEACE,wEAA8C,CAE9C,6FAAgG,CADhG,2DAEF,CAEA,4DAEE,qGAAgF,CAEhF,kIACqF,CAFrF,2DAGF,CAEA,iEAEE,qGAAgF,CAEhF,kIACqF,CAFrF,2DAGF,CAEA,kEACE,uEAAiD,CAEjD,gGAAmG,CADnG,2DAEF,CAEA,2DACE,wEAA8C,CAE9C,6FAAgG,CADhG,2DAEF,CAEA,6DACE,wEAA8C,CAE9C,6FAAgG,CADhG,2DAEF,CAEA,2BACE,sCACF","file":"StateLabel-aaa1d148.css","sourcesContent":[".StateLabel {\n  display: inline-flex;\n  align-items: center;\n  font-weight: var(--base-text-weight-semibold);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 16px;\n  color: var(--fgColor-onEmphasis);\n  text-align: center;\n  border-radius: var(--borderRadius-full);\n}\n\n/* Size variants */\n.StateLabel:where([data-variant='small']) {\n  padding: var(--base-size-4) var(--base-size-8);\n  font-size: var(--text-body-size-small);\n}\n\n.StateLabel:where([data-variant='normal']) {\n  padding: var(--base-size-8) var(--base-size-12);\n  font-size: var(--text-body-size-medium);\n}\n\n/* Status color variants */\n.StateLabel:where([data-status='issueClosed']) {\n  background-color: var(--bgColor-done-emphasis);\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-done-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='issueClosedNotPlanned']) {\n  background-color: var(--bgColor-neutral-emphasis);\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='pullClosed']) {\n  background-color: var(--bgColor-closed-emphasis);\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-closed-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='pullMerged']) {\n  background-color: var(--bgColor-done-emphasis);\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-done-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='pullQueued']) {\n  background-color: var(--bgColor-attention-emphasis);\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-attention-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='issueOpened']) {\n  background-color: var(--bgColor-open-emphasis);\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-open-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='pullOpened']) {\n  background-color: var(--bgColor-open-emphasis);\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-open-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='draft']) {\n  /* stylelint-disable-next-line primer/colors */\n  background-color: var(--bgColor-draft-emphasis, var(--bgColor-neutral-emphasis));\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px)\n    var(--borderColor-draft-emphasis, var(--borderColor-neutral-emphasis, transparent));\n}\n\n.StateLabel:where([data-status='issueDraft']) {\n  /* stylelint-disable-next-line primer/colors */\n  background-color: var(--bgColor-draft-emphasis, var(--bgColor-neutral-emphasis));\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px)\n    var(--borderColor-draft-emphasis, var(--borderColor-neutral-emphasis, transparent));\n}\n\n.StateLabel:where([data-status='unavailable']) {\n  background-color: var(--bgColor-neutral-emphasis);\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='open']) {\n  background-color: var(--bgColor-open-emphasis);\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-open-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='closed']) {\n  background-color: var(--bgColor-done-emphasis);\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-done-emphasis, transparent);\n}\n\n.Icon {\n  margin-right: var(--base-size-4);\n}\n"]}

package/dist/ToggleSwitch/ToggleSwitch-4b23d166.css.map

@@ -1 +0,0 @@
-{"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,+DAEE,+FAKF,CAHE,8BAJF,+DAKI,cAEJ,CADE","file":"ToggleSwitch-4b23d166.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  /* 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"]}

package/dist/Token/IssueLabelToken-0dbbbcdf.css

@@ -1,2 +0,0 @@
-.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}.prc-Token-IssueLabel-ZuoEW:where([data-in-color-mode*=light],[data-in-color-mode=auto]){--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%))}.prc-Token-IssueLabel-ZuoEW:where([data-in-color-mode*=dark]){--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%))}.prc-Token-IssueLabel-ZuoEW:where([data-selected=true][data-in-color-mode*=light],[data-selected=true][data-in-color-mode=auto]){background:hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) - 5)*1%))}.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-selected=true][data-in-color-mode*=light],[data-selected=true][data-in-color-mode=auto]):after{box-shadow:0 0 0 2px rgb(var(--label-r),var(--label-g),var(--label-b))}.prc-Token-IssueLabel-ZuoEW:where([data-selected=true][data-in-color-mode=dark]):after{box-shadow:0 0 0 2px hsl(var(--label-h),calc(var(--label-s)*1%),calc((var(--label-l) + var(--lighten-by))*1%))}.prc-Token-IssueLabel-ZuoEW:where([data-cursor-is-interactive=true]:hover[data-in-color-mode*=light],[data-cursor-is-interactive=true]:hover[data-in-color-mode=auto]){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))}.prc-Token-IssueLabel-ZuoEW:where([data-cursor-is-interactive=true]:hover[data-in-color-mode=dark]){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-has-remove-button=true]){padding-right:0}.prc-Token-RemoveButton-H4Dmg:where([data-has-multiple-action-targets=true]){position:relative;z-index:1}
-/*# sourceMappingURL=IssueLabelToken-0dbbbcdf.css.map */

package/dist/Token/IssueLabelToken-0dbbbcdf.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Token/IssueLabelToken.module.css"],"names":[],"mappings":"AAAA,4BAEE,aAAc,CACd,aAAc,CACd,aAAc,CACd,WAAY,CACZ,WAAY,CACZ,YAAa,CACb,6GAEC,CACD,sGAA2G,CAI3G,kBAAmB,CADnB,6CAAqC,CADrC,iBAGF,CAGA,yFACE,2BAA4B,CAC5B,uBAAwB,CACxB,6FAAkG,CAElG,4DAA+D,CAI/D,4GAAoH,CAFpH,qDAGF,CAGA,8DACE,yBAA0B,CAC1B,uBAAwB,CACxB,kBAAmB,CACnB,wGAA+G,CAG/G,qFAAyF,CAIzF,2HAKC,CAPD,+FASF,CAGA,iIAKE,oFACF,CAEA,wDACE,YACF,CAEA,8DAUE,kDAAuC,CAJvC,0CAAqC,CALrC,UAAW,CAOX,aAAc,CADd,wCAAmC,CAEnC,mBAAoB,CAPpB,iBAAkB,CAGlB,yCAAoC,CADpC,uCAAkC,CADlC,SAQF,CAEA,uIAKE,sEACF,CAEA,uFAEE,8GACF,CAGA,uKAIE,sLAIG,CACH,kEACF,CAEA,oGAEE,yFAAsG,CACtG,kEACF,CAGA,iEACE,eACF,CAEA,6EACE,iBAAkB,CAClB,SACF","file":"IssueLabelToken-0dbbbcdf.css","sourcesContent":[".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/* Light mode styles */\n.IssueLabel:where([data-in-color-mode*='light'], [data-in-color-mode='auto']) {\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  /* stylelint-disable-next-line primer/colors */\n  background: rgb(var(--label-r), var(--label-g), var(--label-b));\n  /* stylelint-disable-next-line primer/colors */\n  color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));\n  /* stylelint-disable-next-line primer/colors */\n  border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-alpha));\n}\n\n/* Dark mode styles */\n.IssueLabel:where([data-in-color-mode*='dark']) {\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  /* stylelint-disable-next-line primer/colors */\n  background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));\n  /* stylelint-disable-next-line primer/colors */\n  color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));\n  /* stylelint-disable primer/colors */\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  /* stylelint-enable primer/colors */\n}\n\n/* Selected state */\n.IssueLabel:where(\n    [data-selected='true'][data-in-color-mode*='light'],\n    [data-selected='true'][data-in-color-mode='auto']\n  ) {\n  /* stylelint-disable-next-line primer/colors */\n  background: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 5) * 1%));\n}\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.IssueLabel:where(\n    [data-selected='true'][data-in-color-mode*='light'],\n    [data-selected='true'][data-in-color-mode='auto']\n  )::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.IssueLabel:where([data-selected='true'][data-in-color-mode='dark'])::after {\n  /* stylelint-disable-next-line primer/box-shadow */\n  box-shadow: 0 0 0 2px hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));\n}\n\n/* Interactive hover states */\n.IssueLabel:where(\n    [data-cursor-is-interactive='true']:hover[data-in-color-mode*='light'],\n    [data-cursor-is-interactive='true']:hover[data-in-color-mode='auto']\n  ) {\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.IssueLabel:where([data-cursor-is-interactive='true']:hover[data-in-color-mode='dark']) {\n  /* stylelint-disable-next-line primer/colors */\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/* 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"]}

package/dist/Token/TokenBase-0386597b.css

@@ -1,2 +0,0 @@
-.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);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:16px;line-height:16px;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:20px;line-height:20px;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:24px;line-height:24px;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:32px;line-height:32px;padding-bottom:0;padding-left:var(--base-size-16,1rem);padding-right:var(--base-size-16,1rem);padding-top:0;width:auto}
-/*# sourceMappingURL=TokenBase-0386597b.css.map */

package/dist/Token/TokenBase-0386597b.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Token/TokenBase.module.css"],"names":[],"mappings":"AAAA,2BAQE,kBAAmB,CADnB,kDAAuC,CALvC,mBAAoB,CACpB,mBAAoB,CACpB,gDAA6C,CAH7C,iBAAkB,CAIlB,4BAAqB,CAArB,oBAAqB,CACrB,kBAGF,CAEA,oEACE,cACF,CAEA,qEACE,WACF,CAEA,oDAKE,4CAAsC,CAHtC,WAAY,CAKZ,gBAAiB,CAHjB,sCAAgC,CADhC,uCAAiC,CAFjC,UAOF,CAEA,qDAKE,4CAAsC,CAHtC,WAAY,CAKZ,gBAAiB,CAHjB,qCAAgC,CADhC,sCAAiC,CAFjC,UAOF,CAEA,4CAKE,4CAAsC,CAHtC,WAAY,CAKZ,gBAAiB,CAHjB,qCAAgC,CADhC,sCAAiC,CAFjC,UAOF,CAEA,6CAOE,8CAAuC,CALvC,WAAY,CAOZ,gBAAiB,CAJjB,gBAAiB,CACjB,qCAAiC,CAFjC,sCAAkC,CADlC,aAAc,CAFd,UASF","file":"TokenBase-0386597b.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}\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: 16px;\n  padding-right: var(--base-size-4);\n  padding-left: var(--base-size-4);\n  font-size: var(--text-body-size-small);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 16px;\n}\n\n.TokenBase:where([data-size='medium']) {\n  width: auto;\n  height: 20px;\n  padding-right: var(--base-size-8);\n  padding-left: var(--base-size-8);\n  font-size: var(--text-body-size-small);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 20px;\n}\n\n.TokenBase[data-size='large'] {\n  width: auto;\n  height: 24px;\n  padding-right: var(--base-size-8);\n  padding-left: var(--base-size-8);\n  font-size: var(--text-body-size-small);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 24px;\n}\n\n.TokenBase[data-size='xlarge'] {\n  width: auto;\n  height: 32px;\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  /* stylelint-disable-next-line primer/typography */\n  line-height: 32px;\n}\n"]}

package/dist/Token/_RemoveTokenButton-d7f5985b.css

@@ -1,2 +0,0 @@
-.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:20px;width:20px}.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:active,.prc-Token-TokenButton-F4Y8h:focus,.prc-Token-TokenButton-F4Y8h:hover{background-color:var(--bgColor-neutral-muted,var(--color-neutral-subtle))}
-/*# sourceMappingURL=_RemoveTokenButton-d7f5985b.css.map */

package/dist/Token/_RemoveTokenButton-d7f5985b.css.map

@@ -1 +0,0 @@
-{"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,WAAY,CADZ,UAEF,CAEA,8CAEE,iCAA2B,CAC3B,oCAA+B,CAF/B,gCAGF,CAEA,+CAEE,+BAA2B,CAC3B,oCAA+B,CAF/B,8BAGF,CAQA,0GAEE,yEACF","file":"_RemoveTokenButton-d7f5985b.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: 20px;\n  height: 20px;\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  /* TODO: choose a better functional color variable for this */\n  background-color: var(--bgColor-neutral-muted);\n}\n\n.TokenButton:active {\n  /* TODO: choose a better functional color variable for this */\n  background-color: var(--bgColor-neutral-muted);\n}\n"]}

package/dist/UnderlineNav/UnderlineNav-78db938f.css

@@ -1,2 +0,0 @@
-.prc-UnderlineNav-MenuItemContent-k4WNL{align-items:center;display:flex;justify-content:space-between}
-/*# sourceMappingURL=UnderlineNav-78db938f.css.map */

package/dist/UnderlineNav/UnderlineNav-78db938f.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/UnderlineNav/UnderlineNav.module.css"],"names":[],"mappings":"AAAA,wCAEE,kBAAmB,CADnB,YAAa,CAEb,6BACF","file":"UnderlineNav-78db938f.css","sourcesContent":[".MenuItemContent {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n"]}

package/dist/experimental/IssueLabel/IssueLabel-6581d1bd.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/experimental/IssueLabel/IssueLabel.module.css","../../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,oCACE,iCAgBE,kBAAmB,CANnB,0CAA2C,CAC3C,QAAS,CACT,kDAAuC,CAGvC,iEAA6C,CAR7C,0BAA2B,CAN3B,mBAAoB,CAEpB,4CAAsC,CACtC,gDAA6C,CAC7C,oDAA8C,CAH9C,sCAA+B,CAgB/B,eAAgB,CADhB,uCAAkC,CATlC,kBA6MF,CAjME,iDACE,4BAAqB,CAArB,oBAoBF,CAlBE,uDAKE,2CAA4C,CAH5C,gCAAiC,CACjC,cAGF,CAEA,wDAIE,4CAA6C,CAF7C,iCAGF,CAEA,+DCpCJ,eAAgB,CAFhB,kEAAgC,CAChC,kBDuCI,CAGF,oDACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,oDACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,sDACE,6DAAsD,CACtD,+DAAwD,CACxD,iEAA0D,CAC1D,wDAAiD,CACjD,+DAAwD,CACxD,iEACF,CAEA,sDACE,6DAAsD,CACtD,+DAAwD,CACxD,iEAA0D,CAC1D,wDAAiD,CACjD,+DAAwD,CACxD,iEACF,CAEA,oDACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,oDACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,oDACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,oDACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,qDACE,4DAAqD,CACrD,8DAAuD,CACvD,gEAAyD,CACzD,uDAAgD,CAChD,8DAAuD,CACvD,gEACF,CAEA,oDACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,qDACE,4DAAqD,CACrD,8DAAuD,CACvD,gEAAyD,CACzD,uDAAgD,CAChD,8DAAuD,CACvD,gEACF,CAEA,qDACE,4DAAqD,CACrD,8DAAuD,CACvD,gEAAyD,CACzD,uDAAgD,CAChD,8DAAuD,CACvD,gEACF,CAEA,sDACE,6DAAsD,CACtD,+DAAwD,CACxD,iEAA0D,CAC1D,wDAAiD,CACjD,+DAAwD,CACxD,iEACF,CAEA,sDACE,6DAAsD,CACtD,+DAAwD,CACxD,iEAA0D,CAC1D,wDAAiD,CACjD,+DAAwD,CACxD,iEACF,CAEA,mDACE,0DAAmD,CACnD,4DAAqD,CACrD,8DAAuD,CACvD,qDAA8C,CAC9C,4DAAqD,CACrD,8DACF,CAEA,qDACE,4DAAqD,CACrD,8DAAuD,CACvD,gEAAyD,CACzD,uDAAgD,CAChD,8DAAuD,CACvD,gEACF,CAEA,oDACE,2DAAoD,CACpD,6DAAsD,CACtD,+DAAwD,CACxD,sDAA+C,CAC/C,6DAAsD,CACtD,+DACF,CAEA,qDACE,4DAAqD,CACrD,8DAAuD,CACvD,gEAAyD,CACzD,uDAAgD,CAChD,8DAAuD,CACvD,gEACF,CAEA,sDACE,6DAAsD,CACtD,+DAAwD,CACxD,iEAA0D,CAC1D,wDAAiD,CACjD,+DAAwD,CACxD,iEACF,CAEJ","file":"IssueLabel-6581d1bd.css","sourcesContent":["@layer primer.components.IssueLabel {\n  .IssueLabel {\n    display: inline-flex;\n    min-height: var(--base-size-20);\n    font-size: var(--text-body-size-small);\n    font-weight: var(--base-text-weight-semibold);\n    line-height: var(--text-body-lineHeight-small);\n    /* stylelint-disable-next-line primer/colors */\n    color: var(--label-fgColor);\n    white-space: nowrap;\n    /* stylelint-disable-next-line primer/colors */\n    background-color: var(--label-bgColor-rest);\n    border: 0;\n    border-radius: var(--borderRadius-full);\n\n    /* use color var for box-shadow (border) in future for high contrast themes */\n    box-shadow: var(--boxShadow-thin) transparent;\n    align-items: center;\n    padding-inline: var(--base-size-8);\n    padding-block: 0;\n\n    &:where(button, a) {\n      text-decoration: none;\n\n      &:hover {\n        /* stylelint-disable-next-line primer/colors */\n        color: var(--label-fgColor-hover);\n        cursor: pointer;\n        /* stylelint-disable-next-line primer/colors */\n        background-color: var(--label-bgColor-hover);\n      }\n\n      &:active {\n        /* stylelint-disable-next-line primer/colors */\n        color: var(--label-fgColor-active);\n        /* stylelint-disable-next-line primer/colors */\n        background-color: var(--label-bgColor-active);\n      }\n\n      &:focus-visible {\n        @mixin focusOutline 2px;\n      }\n    }\n\n    &[data-variant='pink'] {\n      --label-bgColor-rest: var(--label-pink-bgColor-rest);\n      --label-bgColor-hover: var(--label-pink-bgColor-hover);\n      --label-bgColor-active: var(--label-pink-bgColor-active);\n      --label-fgColor: var(--label-pink-fgColor-rest);\n      --label-fgColor-hover: var(--label-pink-fgColor-hover);\n      --label-fgColor-active: var(--label-pink-fgColor-active);\n    }\n\n    &[data-variant='plum'] {\n      --label-bgColor-rest: var(--label-plum-bgColor-rest);\n      --label-bgColor-hover: var(--label-plum-bgColor-hover);\n      --label-bgColor-active: var(--label-plum-bgColor-active);\n      --label-fgColor: var(--label-plum-fgColor-rest);\n      --label-fgColor-hover: var(--label-plum-fgColor-hover);\n      --label-fgColor-active: var(--label-plum-fgColor-active);\n    }\n\n    &[data-variant='purple'] {\n      --label-bgColor-rest: var(--label-purple-bgColor-rest);\n      --label-bgColor-hover: var(--label-purple-bgColor-hover);\n      --label-bgColor-active: var(--label-purple-bgColor-active);\n      --label-fgColor: var(--label-purple-fgColor-rest);\n      --label-fgColor-hover: var(--label-purple-fgColor-hover);\n      --label-fgColor-active: var(--label-purple-fgColor-active);\n    }\n\n    &[data-variant='indigo'] {\n      --label-bgColor-rest: var(--label-indigo-bgColor-rest);\n      --label-bgColor-hover: var(--label-indigo-bgColor-hover);\n      --label-bgColor-active: var(--label-indigo-bgColor-active);\n      --label-fgColor: var(--label-indigo-fgColor-rest);\n      --label-fgColor-hover: var(--label-indigo-fgColor-hover);\n      --label-fgColor-active: var(--label-indigo-fgColor-active);\n    }\n\n    &[data-variant='blue'] {\n      --label-bgColor-rest: var(--label-blue-bgColor-rest);\n      --label-bgColor-hover: var(--label-blue-bgColor-hover);\n      --label-bgColor-active: var(--label-blue-bgColor-active);\n      --label-fgColor: var(--label-blue-fgColor-rest);\n      --label-fgColor-hover: var(--label-blue-fgColor-hover);\n      --label-fgColor-active: var(--label-blue-fgColor-active);\n    }\n\n    &[data-variant='cyan'] {\n      --label-bgColor-rest: var(--label-cyan-bgColor-rest);\n      --label-bgColor-hover: var(--label-cyan-bgColor-hover);\n      --label-bgColor-active: var(--label-cyan-bgColor-active);\n      --label-fgColor: var(--label-cyan-fgColor-rest);\n      --label-fgColor-hover: var(--label-cyan-fgColor-hover);\n      --label-fgColor-active: var(--label-cyan-fgColor-active);\n    }\n\n    &[data-variant='teal'] {\n      --label-bgColor-rest: var(--label-teal-bgColor-rest);\n      --label-bgColor-hover: var(--label-teal-bgColor-hover);\n      --label-bgColor-active: var(--label-teal-bgColor-active);\n      --label-fgColor: var(--label-teal-fgColor-rest);\n      --label-fgColor-hover: var(--label-teal-fgColor-hover);\n      --label-fgColor-active: var(--label-teal-fgColor-active);\n    }\n\n    &[data-variant='pine'] {\n      --label-bgColor-rest: var(--label-pine-bgColor-rest);\n      --label-bgColor-hover: var(--label-pine-bgColor-hover);\n      --label-bgColor-active: var(--label-pine-bgColor-active);\n      --label-fgColor: var(--label-pine-fgColor-rest);\n      --label-fgColor-hover: var(--label-pine-fgColor-hover);\n      --label-fgColor-active: var(--label-pine-fgColor-active);\n    }\n\n    &[data-variant='green'] {\n      --label-bgColor-rest: var(--label-green-bgColor-rest);\n      --label-bgColor-hover: var(--label-green-bgColor-hover);\n      --label-bgColor-active: var(--label-green-bgColor-active);\n      --label-fgColor: var(--label-green-fgColor-rest);\n      --label-fgColor-hover: var(--label-green-fgColor-hover);\n      --label-fgColor-active: var(--label-green-fgColor-active);\n    }\n\n    &[data-variant='lime'] {\n      --label-bgColor-rest: var(--label-lime-bgColor-rest);\n      --label-bgColor-hover: var(--label-lime-bgColor-hover);\n      --label-bgColor-active: var(--label-lime-bgColor-active);\n      --label-fgColor: var(--label-lime-fgColor-rest);\n      --label-fgColor-hover: var(--label-lime-fgColor-hover);\n      --label-fgColor-active: var(--label-lime-fgColor-active);\n    }\n\n    &[data-variant='olive'] {\n      --label-bgColor-rest: var(--label-olive-bgColor-rest);\n      --label-bgColor-hover: var(--label-olive-bgColor-hover);\n      --label-bgColor-active: var(--label-olive-bgColor-active);\n      --label-fgColor: var(--label-olive-fgColor-rest);\n      --label-fgColor-hover: var(--label-olive-fgColor-hover);\n      --label-fgColor-active: var(--label-olive-fgColor-active);\n    }\n\n    &[data-variant='lemon'] {\n      --label-bgColor-rest: var(--label-lemon-bgColor-rest);\n      --label-bgColor-hover: var(--label-lemon-bgColor-hover);\n      --label-bgColor-active: var(--label-lemon-bgColor-active);\n      --label-fgColor: var(--label-lemon-fgColor-rest);\n      --label-fgColor-hover: var(--label-lemon-fgColor-hover);\n      --label-fgColor-active: var(--label-lemon-fgColor-active);\n    }\n\n    &[data-variant='yellow'] {\n      --label-bgColor-rest: var(--label-yellow-bgColor-rest);\n      --label-bgColor-hover: var(--label-yellow-bgColor-hover);\n      --label-bgColor-active: var(--label-yellow-bgColor-active);\n      --label-fgColor: var(--label-yellow-fgColor-rest);\n      --label-fgColor-hover: var(--label-yellow-fgColor-hover);\n      --label-fgColor-active: var(--label-yellow-fgColor-active);\n    }\n\n    &[data-variant='orange'] {\n      --label-bgColor-rest: var(--label-orange-bgColor-rest);\n      --label-bgColor-hover: var(--label-orange-bgColor-hover);\n      --label-bgColor-active: var(--label-orange-bgColor-active);\n      --label-fgColor: var(--label-orange-fgColor-rest);\n      --label-fgColor-hover: var(--label-orange-fgColor-hover);\n      --label-fgColor-active: var(--label-orange-fgColor-active);\n    }\n\n    &[data-variant='red'] {\n      --label-bgColor-rest: var(--label-red-bgColor-rest);\n      --label-bgColor-hover: var(--label-red-bgColor-hover);\n      --label-bgColor-active: var(--label-red-bgColor-active);\n      --label-fgColor: var(--label-red-fgColor-rest);\n      --label-fgColor-hover: var(--label-red-fgColor-hover);\n      --label-fgColor-active: var(--label-red-fgColor-active);\n    }\n\n    &[data-variant='coral'] {\n      --label-bgColor-rest: var(--label-coral-bgColor-rest);\n      --label-bgColor-hover: var(--label-coral-bgColor-hover);\n      --label-bgColor-active: var(--label-coral-bgColor-active);\n      --label-fgColor: var(--label-coral-fgColor-rest);\n      --label-fgColor-hover: var(--label-coral-fgColor-hover);\n      --label-fgColor-active: var(--label-coral-fgColor-active);\n    }\n\n    &[data-variant='gray'] {\n      --label-bgColor-rest: var(--label-gray-bgColor-rest);\n      --label-bgColor-hover: var(--label-gray-bgColor-hover);\n      --label-bgColor-active: var(--label-gray-bgColor-active);\n      --label-fgColor: var(--label-gray-fgColor-rest);\n      --label-fgColor-hover: var(--label-gray-fgColor-hover);\n      --label-fgColor-active: var(--label-gray-fgColor-active);\n    }\n\n    &[data-variant='brown'] {\n      --label-bgColor-rest: var(--label-brown-bgColor-rest);\n      --label-bgColor-hover: var(--label-brown-bgColor-hover);\n      --label-bgColor-active: var(--label-brown-bgColor-active);\n      --label-fgColor: var(--label-brown-fgColor-rest);\n      --label-fgColor-hover: var(--label-brown-fgColor-hover);\n      --label-fgColor-active: var(--label-brown-fgColor-active);\n    }\n\n    &[data-variant='auburn'] {\n      --label-bgColor-rest: var(--label-auburn-bgColor-rest);\n      --label-bgColor-hover: var(--label-auburn-bgColor-hover);\n      --label-bgColor-active: var(--label-auburn-bgColor-active);\n      --label-fgColor: var(--label-auburn-fgColor-rest);\n      --label-fgColor-hover: var(--label-auburn-fgColor-hover);\n      --label-fgColor-active: var(--label-auburn-fgColor-active);\n    }\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"]}

package/dist/internal/components/BoxWithFallback.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import Box from '../../Box';
-import type { StyledComponent } from 'styled-components';
-declare const BoxWithFallback: StyledComponent<"div", any, React.ComponentPropsWithoutRef<typeof Box>, never>;
-export { BoxWithFallback };
-//# sourceMappingURL=BoxWithFallback.d.ts.map

package/dist/internal/components/BoxWithFallback.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoxWithFallback.d.ts","sourceRoot":"","sources":["../../../src/internal/components/BoxWithFallback.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,GAAG,MAAM,WAAW,CAAA;AAE3B,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAA;AAGtD,QAAA,MAAM,eAAe,EASf,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,GAAG,CAAC,EAAE,KAAK,CAAC,CAAA;AAEpF,OAAO,EAAC,eAAe,EAAC,CAAA"}

package/dist/internal/components/BoxWithFallback.js

@@ -1,70 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import React from 'react';
-import { defaultSxProp } from '../../utils/defaultSxProp.js';
-import { includesSystemProps } from '../../utils/includeSystemProps.js';
-import { jsx } from 'react/jsx-runtime';
-import Box from '../../Box/Box.js';
-
-const BoxWithFallback = /*#__PURE__*/React.forwardRef(function BoxWithFallback(t0, ref) {
-  const $ = c(14);
-  let BaseComponent;
-  let rest;
-  let sx;
-  let t1;
-  if ($[0] !== t0) {
-    const {
-      as: t2,
-      sx: t3,
-      ...t4
-    } = t0;
-    rest = t4;
-    BaseComponent = t2 === undefined ? "div" : t2;
-    sx = t3 === undefined ? defaultSxProp : t3;
-    t1 = sx !== defaultSxProp || includesSystemProps(rest);
-    $[0] = t0;
-    $[1] = BaseComponent;
-    $[2] = rest;
-    $[3] = sx;
-    $[4] = t1;
-  } else {
-    BaseComponent = $[1];
-    rest = $[2];
-    sx = $[3];
-    t1 = $[4];
-  }
-  if (t1) {
-    let t2;
-    if ($[5] !== BaseComponent || $[6] !== ref || $[7] !== rest || $[8] !== sx) {
-      t2 = /*#__PURE__*/jsx(Box, {
-        ...rest,
-        ref: ref,
-        as: BaseComponent,
-        sx: sx
-      });
-      $[5] = BaseComponent;
-      $[6] = ref;
-      $[7] = rest;
-      $[8] = sx;
-      $[9] = t2;
-    } else {
-      t2 = $[9];
-    }
-    return t2;
-  }
-  let t2;
-  if ($[10] !== BaseComponent || $[11] !== ref || $[12] !== rest) {
-    t2 = /*#__PURE__*/jsx(BaseComponent, {
-      ...rest,
-      ref: ref
-    });
-    $[10] = BaseComponent;
-    $[11] = ref;
-    $[12] = rest;
-    $[13] = t2;
-  } else {
-    t2 = $[13];
-  }
-  return t2;
-});
-
-export { BoxWithFallback };

package/dist/internal/utils/getGlobalFocusStyles.d.ts

@@ -1,4 +0,0 @@
-import type { CSSProperties } from 'react';
-declare const getGlobalFocusStyles: (outlineOffset?: CSSProperties["outlineOffset"]) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export default getGlobalFocusStyles;
-//# sourceMappingURL=getGlobalFocusStyles.d.ts.map

package/dist/internal/utils/getGlobalFocusStyles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getGlobalFocusStyles.d.ts","sourceRoot":"","sources":["../../../src/internal/utils/getGlobalFocusStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,OAAO,CAAA;AASxC,QAAA,MAAM,oBAAoB,GAAI,gBAAgB,aAAa,CAAC,eAAe,CAAC,kGAiB3E,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/dist/internal/utils/getGlobalFocusStyles.js

@@ -1,7 +0,0 @@
-import { css } from 'styled-components';
-import { get } from '../../constants.js';
-
-const globalFocusStyle = css(["box-shadow:none;outline:2px solid ", ";"], get('colors.accent.fg'));
-const getGlobalFocusStyles = outlineOffset => css(["&:focus:not(:disabled){", ";outline-offset:", ";&:not(:focus-visible){outline:solid 1px transparent;}}&:focus-visible:not(:disabled){", ";outline-offset:", ";}"], globalFocusStyle, outlineOffset, globalFocusStyle, outlineOffset);
-
-export { getGlobalFocusStyles as default };

package/dist/internal/utils/sharedCheckboxAndRadioStyles.d.ts

@@ -1,2 +0,0 @@
-export declare const sharedCheckboxAndRadioStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-//# sourceMappingURL=sharedCheckboxAndRadioStyles.d.ts.map

package/dist/internal/utils/sharedCheckboxAndRadioStyles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sharedCheckboxAndRadioStyles.d.ts","sourceRoot":"","sources":["../../../src/internal/utils/sharedCheckboxAndRadioStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,4BAA4B,+FAmBxC,CAAA"}

package/dist/utils/defaultSxProp.d.ts

@@ -1,3 +0,0 @@
-import type { BetterSystemStyleObject } from '../sx';
-export declare const defaultSxProp: Readonly<BetterSystemStyleObject>;
-//# sourceMappingURL=defaultSxProp.d.ts.map

package/dist/utils/defaultSxProp.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultSxProp.d.ts","sourceRoot":"","sources":["../../src/utils/defaultSxProp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,OAAO,CAAA;AAElD,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,uBAAuB,CAEtD,CAAA"}

package/dist/utils/defaultSxProp.js

@@ -1,3 +0,0 @@
-const defaultSxProp = process.env.NODE_ENV !== "production" ? Object.freeze({}) : {};
-
-export { defaultSxProp };

package/dist/utils/includeSystemProps.d.ts

@@ -1,7 +0,0 @@
-import { type SystemCommonProps, type SystemTypographyProps } from '../constants';
-import type { SxProp } from '../sx';
-declare const includesSystemProps: (props: SxProp) => boolean;
-type TypographyAndCommonProp = SystemTypographyProps & SystemCommonProps;
-declare const getTypographyAndCommonProps: (props: TypographyAndCommonProp) => TypographyAndCommonProp;
-export { includesSystemProps, getTypographyAndCommonProps };
-//# sourceMappingURL=includeSystemProps.d.ts.map

package/dist/utils/includeSystemProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"includeSystemProps.d.ts","sourceRoot":"","sources":["../../src/utils/includeSystemProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,iBAAiB,EAAE,KAAK,qBAAqB,EAAC,MAAM,cAAc,CAAA;AACnG,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAKjC,QAAA,MAAM,mBAAmB,GAAI,OAAO,MAAM,YAQzC,CAAA;AAED,KAAK,uBAAuB,GAAG,qBAAqB,GAAG,iBAAiB,CAAA;AAExE,QAAA,MAAM,2BAA2B,GAAI,OAAO,uBAAuB,KAAG,uBAUrE,CAAA;AAED,OAAO,EAAC,mBAAmB,EAAE,2BAA2B,EAAC,CAAA"}

package/dist/utils/includeSystemProps.js

@@ -1,14 +0,0 @@
-import { TYPOGRAPHY, COMMON } from '../constants.js';
-
-const COMMON_PROP_NAMES = new Set(Object.keys(COMMON));
-const TYPOGRAPHY_PROP_NAMES = new Set(Object.keys(TYPOGRAPHY));
-const includesSystemProps = props => {
-  if (props.sx) {
-    return true;
-  }
-  return Object.keys(props).some(prop => {
-    return TYPOGRAPHY_PROP_NAMES.has(prop) || COMMON_PROP_NAMES.has(prop);
-  });
-};
-
-export { includesSystemProps };