@primer/css 20.4.2 → 20.4.3-rc.fcd5af82

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 (13) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/core.css +1 -1
  3. package/dist/core.css.map +1 -1
  4. package/dist/meta.json +11 -11
  5. package/dist/primer.css +1 -1
  6. package/dist/primer.css.map +1 -1
  7. package/dist/segmented-control.css +1 -1
  8. package/dist/segmented-control.css.map +1 -1
  9. package/dist/stats/core.json +1 -1
  10. package/dist/stats/primer.json +1 -1
  11. package/dist/stats/segmented-control.json +1 -1
  12. package/package.json +2 -1
  13. package/segmented-control/segmented-control.scss +3 -5
package/dist/segmented-control.css CHANGED
@@ -1,2 +1,2 @@
1
- .SegmentedControl{display:inline-flex;list-style:none;background-color:var(--color-segmented-control-bg);border-radius:var(--primer-borderRadius-medium, 6px);box-shadow:var(--primer-borderInset-thin, inset 0 0 0 1px) var(--color-border-default)}.SegmentedControl li{position:relative;display:inline-flex}.SegmentedControl-button{position:relative;display:inline-flex;height:var(--primer-control-medium-size, 32px);padding:calc(var(--primer-control-xsmall-paddingInline-condensed, 4px) - var(--primer-borderWidth-thin, 1px));font-size:var(--primer-text-body-size-medium, 14px);color:var(--color-fg-default);background-color:transparent;border:var(--primer-borderWidth-thin, 1px) solid transparent;border-radius:var(--primer-borderRadius-medium, 6px)}.SegmentedControl-button[aria-current=false]:hover .SegmentedControl-content{background-color:var(--color-segmented-control-button-hover-bg);transition-duration:var(--primer-duration-fast, 80ms)}.SegmentedControl-button[aria-current=false]:active .SegmentedControl-content{background-color:var(--color-segmented-control-button-active-bg);transition-duration:0}.SegmentedControl-button[aria-current=true]{font-weight:var(--base-text-weight-semibold, 600);background-color:var(--color-btn-bg);border-color:var(--color-segmented-control-button-selected-border)}.SegmentedControl-button+.SegmentedControl-button::before{position:absolute;inset:var(--primer-borderWidth-thin, 1px) 0 0 calc(var(--primer-borderWidth-thin, 1px)*-1);height:var(--primer-text-body-size-large, 16px);margin-top:var(--primer-control-medium-paddingBlock, 6px);content:"";border-left:var(--primer-borderWidth-thin, 1px) solid var(--color-border-default);transition:border-color var(--primer-duration-medium, 160ms) cubic-bezier(0.3, 0.1, 0.5, 1)}.SegmentedControl-button[aria-current=true]::before,.SegmentedControl-button[aria-current=true]+.SegmentedControl-button::before{border-color:transparent}.SegmentedControl-content{display:flex;align-items:center;justify-content:center;gap:var(--primer-control-medium-gap, 8px);height:100%;padding:0 var(--primer-control-medium-paddingInline-condensed, 8px);border-radius:var(--primer-borderRadius-medium, 6px);transition:background-color var(--primer-duration-medium, 160ms) cubic-bezier(0.3, 0.1, 0.5, 1)}.SegmentedControl-leadingVisual{color:var(--color-fg-muted)}.SegmentedControl-text{white-space:nowrap}.SegmentedControl-text[data-content]::before{display:block;height:0;font-weight:var(--base-text-weight-semibold, 600);visibility:hidden;content:attr(data-content)}.SegmentedControl--fullWidth{display:flex}.SegmentedControl--fullWidth .SegmentedControl-button,.SegmentedControl--fullWidth li{flex:1;justify-content:center}.SegmentedControl-button--iconOnly{width:var(--primer-control-medium-size, 32px)}.SegmentedControl-button--iconOnly .SegmentedControl-content{padding:0;flex:1}@media(max-width: 768px){.SegmentedControl--iconOnly-whenNarrow .SegmentedControl-button{width:var(--primer-control-medium-size, 32px)}.SegmentedControl--iconOnly-whenNarrow .SegmentedControl-content{padding:0;flex:1}.SegmentedControl--iconOnly-whenNarrow .SegmentedControl-text{display:none}}@media(pointer: coarse){.SegmentedControl-button{min-width:var(--primer-control-minTarget-coarse, 44px)}.SegmentedControl-button::after{position:absolute;top:50%;left:50%;width:100%;height:100%;min-height:var(--primer-control-minTarget-coarse, 44px);content:"";transform:translateX(-50%) translateY(-50%)}.SegmentedControl-button--iconOnly,.SegmentedControl--iconOnly-whenNarrow .SegmentedControl-button{min-width:unset}}
1
+ .SegmentedControl{display:inline-flex;list-style:none;background-color:var(--color-segmented-control-bg);border-radius:var(--primer-borderRadius-medium, 6px);box-shadow:var(--primer-borderInset-thin, inset 0 0 0 1px) var(--color-border-default)}.SegmentedControl li{position:relative;display:inline-flex}.SegmentedControl-button{position:relative;display:inline-flex;height:var(--primer-control-medium-size, 32px);padding:calc(var(--primer-control-xsmall-paddingInline-condensed, 4px) - var(--primer-borderWidth-thin, 1px));font-size:var(--primer-text-body-size-medium, 14px);color:var(--color-fg-default);background-color:transparent;border:var(--primer-borderWidth-thin, 1px) solid transparent;border-radius:var(--primer-borderRadius-medium, 6px)}.SegmentedControl-button[aria-current=false]:hover .SegmentedControl-content{background-color:var(--color-segmented-control-button-hover-bg);transition-duration:var(--primer-duration-fast, 80ms)}.SegmentedControl-button[aria-current=false]:active .SegmentedControl-content{background-color:var(--color-segmented-control-button-active-bg);transition-duration:0}.SegmentedControl-button[aria-current=true]{font-weight:var(--base-text-weight-semibold, 600);background-color:var(--color-btn-bg);border-color:var(--color-segmented-control-button-selected-border)}.SegmentedControl-button+.SegmentedControl-button::before{position:absolute;inset:var(--primer-borderWidth-thin, 1px) 0 0 calc(var(--primer-borderWidth-thin, 1px)*-1);height:var(--primer-text-body-size-large, 16px);margin-top:var(--primer-control-medium-paddingBlock, 6px);content:"";border-left:var(--primer-borderWidth-thin, 1px) solid var(--color-border-default);transition:border-color var(--primer-duration-medium, 160ms) cubic-bezier(0.3, 0.1, 0.5, 1)}.SegmentedControl-button[aria-current=true]::before,.SegmentedControl-button[aria-current=true]+.SegmentedControl-button::before{border-color:transparent}.SegmentedControl-content{display:flex;align-items:center;justify-content:center;gap:var(--primer-control-medium-gap, 8px);height:100%;padding:0 var(--primer-control-medium-paddingInline-condensed, 8px);border-radius:var(--primer-borderRadius-medium, 6px);transition:background-color var(--primer-duration-medium, 160ms) cubic-bezier(0.3, 0.1, 0.5, 1)}.SegmentedControl-leadingVisual{color:var(--color-fg-muted)}.SegmentedControl-text{white-space:nowrap}.SegmentedControl-text[data-content]::before{display:block;height:0;font-weight:var(--base-text-weight-semibold, 600);visibility:hidden;content:attr(data-content)}.SegmentedControl--fullWidth{display:flex}.SegmentedControl--fullWidth .SegmentedControl-button,.SegmentedControl--fullWidth li{flex:1;justify-content:center}.SegmentedControl-button--iconOnly{width:var(--primer-control-medium-size, 32px)}.SegmentedControl-button--iconOnly .SegmentedControl-content{padding:0;flex:1}@media(max-width: 768px){.SegmentedControl-button--iconOnly-whenNarrow{width:var(--primer-control-medium-size, 32px)}.SegmentedControl-button--iconOnly-whenNarrow .SegmentedControl-content{padding:0;flex:1}.SegmentedControl-button--iconOnly-whenNarrow .SegmentedControl-text{display:none}}@media(pointer: coarse){.SegmentedControl-button{min-width:var(--primer-control-minTarget-coarse, 44px)}.SegmentedControl-button::after{position:absolute;top:50%;left:50%;width:100%;height:100%;min-height:var(--primer-control-minTarget-coarse, 44px);content:"";transform:translateX(-50%) translateY(-50%)}.SegmentedControl-button--iconOnly,.SegmentedControl-button--iconOnly-whenNarrow{min-width:unset}}
2
2
  /*# sourceMappingURL=segmented-control.css.map */
package/dist/segmented-control.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["file:///home/runner/work/css/css/src/segmented-control/index.scss%23sass"],"names":[],"mappings":"AAojBA,kBAAA,mBAAA,CAAA,eAAA,CAAA,kDAAA,CAAA,oDAAA,CAAA,sFAAA,CAAA,qBAAA,iBAAA,CAAA,mBAAA,CAAA,yBAAA,iBAAA,CAAA,mBAAA,CAAA,8CAAA,CAAA,6GAAA,CAAA,mDAAA,CAAA,6BAAA,CAAA,4BAAA,CAAA,4DAAA,CAAA,oDAAA,CAAA,6EAAA,+DAAA,CAAA,qDAAA,CAAA,8EAAA,gEAAA,CAAA,qBAAA,CAAA,4CAAA,iDAAA,CAAA,oCAAA,CAAA,kEAAA,CAAA,0DAAA,iBAAA,CAAA,0FAAA,CAAA,+CAAA,CAAA,yDAAA,CAAA,UAAA,CAAA,iFAAA,CAAA,2FAAA,CAAA,iIAAA,wBAAA,CAAA,0BAAA,YAAA,CAAA,kBAAA,CAAA,sBAAA,CAAA,yCAAA,CAAA,WAAA,CAAA,mEAAA,CAAA,oDAAA,CAAA,+FAAA,CAAA,gCAAA,2BAAA,CAAA,uBAAA,kBAAA,CAAA,6CAAA,aAAA,CAAA,QAAA,CAAA,iDAAA,CAAA,iBAAA,CAAA,0BAAA,CAAA,6BAAA,YAAA,CAAA,sFAAA,MAAA,CAAA,sBAAA,CAAA,mCAAA,6CAAA,CAAA,6DAAA,SAAA,CAAA,MAAA,CAAA,yBAAA,gEAAA,6CAAA,CAAA,iEAAA,SAAA,CAAA,MAAA,CAAA,8DAAA,YAAA,CAAA,CAAA,wBAAA,yBAAA,sDAAA,CAAA,gCAAA,iBAAA,CAAA,OAAA,CAAA,QAAA,CAAA,UAAA,CAAA,WAAA,CAAA,uDAAA,CAAA,UAAA,CAAA,2CAAA,CAAA,mGAAA,eAAA,CAAA","file":"segmented-control.css"}
1
+ {"version":3,"sources":["file:///home/runner/work/css/css/src/segmented-control/index.scss%23sass"],"names":[],"mappings":"AAojBA,kBAAA,mBAAA,CAAA,eAAA,CAAA,kDAAA,CAAA,oDAAA,CAAA,sFAAA,CAAA,qBAAA,iBAAA,CAAA,mBAAA,CAAA,yBAAA,iBAAA,CAAA,mBAAA,CAAA,8CAAA,CAAA,6GAAA,CAAA,mDAAA,CAAA,6BAAA,CAAA,4BAAA,CAAA,4DAAA,CAAA,oDAAA,CAAA,6EAAA,+DAAA,CAAA,qDAAA,CAAA,8EAAA,gEAAA,CAAA,qBAAA,CAAA,4CAAA,iDAAA,CAAA,oCAAA,CAAA,kEAAA,CAAA,0DAAA,iBAAA,CAAA,0FAAA,CAAA,+CAAA,CAAA,yDAAA,CAAA,UAAA,CAAA,iFAAA,CAAA,2FAAA,CAAA,iIAAA,wBAAA,CAAA,0BAAA,YAAA,CAAA,kBAAA,CAAA,sBAAA,CAAA,yCAAA,CAAA,WAAA,CAAA,mEAAA,CAAA,oDAAA,CAAA,+FAAA,CAAA,gCAAA,2BAAA,CAAA,uBAAA,kBAAA,CAAA,6CAAA,aAAA,CAAA,QAAA,CAAA,iDAAA,CAAA,iBAAA,CAAA,0BAAA,CAAA,6BAAA,YAAA,CAAA,sFAAA,MAAA,CAAA,sBAAA,CAAA,mCAAA,6CAAA,CAAA,6DAAA,SAAA,CAAA,MAAA,CAAA,yBAAA,8CAAA,6CAAA,CAAA,wEAAA,SAAA,CAAA,MAAA,CAAA,qEAAA,YAAA,CAAA,CAAA,wBAAA,yBAAA,sDAAA,CAAA,gCAAA,iBAAA,CAAA,OAAA,CAAA,QAAA,CAAA,UAAA,CAAA,WAAA,CAAA,uDAAA,CAAA,UAAA,CAAA,2CAAA,CAAA,iFAAA,eAAA,CAAA","file":"segmented-control.css"}