@primer/css 20.8.4-rc.88b04265 → 20.8.4-rc.af9f023b

package/dist/stats/toggle-switch.json

@@ -1 +1 @@
-{"size":4746,"gzipSize":1049,"humanizedSize":"5KB","humanizedGzipSize":"1KB","rules":{"total":39,"size":{"graph":[1,2,1,1,2,2,17,1,8,1,2,1,1,2,1,1,3,1,1,4,1,2,1,1,5,2,4,2,13,1,5,3,1,2,1,2,2,1,1],"max":17,"average":2.641025641025641},"selectorByRuleSizes":[{"selector":".ToggleSwitch-track","declarations":17},{"selector":".ToggleSwitch-knob","declarations":13},{"selector":".ToggleSwitch-track:before","declarations":8},{"selector":".ToggleSwitch-status","declarations":5},{"selector":".ToggleSwitch-icons","declarations":5},{"selector":".ToggleSwitch-circleIcon,.ToggleSwitch-lineIcon","declarations":4},{"selector":".ToggleSwitch-track[aria-disabled=true]","declarations":4},{"selector":".ToggleSwitch-statusIcon","declarations":3},{"selector":".ToggleSwitch-track[aria-checked=true] .ToggleSwitch-knob","declarations":3},{"selector":".ToggleSwitch-statusOff","declarations":2},{"selector":".ToggleSwitch-statusOn","declarations":2},{"selector":".ToggleSwitch--small .ToggleSwitch-track","declarations":2},{"selector":".ToggleSwitch-circleIcon","declarations":2},{"selector":".ToggleSwitch-lineIcon","declarations":2},{"selector":".ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-knob","declarations":2},{"selector":".ToggleSwitch-track[aria-checked=true]","declarations":2},{"selector":".ToggleSwitch-track[aria-checked=true][aria-disabled=true]","declarations":2},{"selector":".ToggleSwitch--checked .ToggleSwitch-statusOff","declarations":2},{"selector":".ToggleSwitch--checked .ToggleSwitch-statusOn","declarations":2},{"selector":".ToggleSwitch","declarations":2},{"selector":".ToggleSwitch--statusAtEnd .ToggleSwitch-status","declarations":1},{"selector":".ToggleSwitch--statusAtEnd","declarations":1},{"selector":".ToggleSwitch--disabled .ToggleSwitch-status","declarations":1},{"selector":".ToggleSwitch--small .ToggleSwitch-status","declarations":1},{"selector":".ToggleSwitch-knob","declarations":1},{"selector":".ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-circleIcon,.ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-lineIcon","declarations":1},{"selector":".ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-knob:active,.ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-knob:hover","declarations":1},{"selector":".ToggleSwitch-track[aria-disabled=true]:active .ToggleSwitch-knob,.ToggleSwitch-track[aria-disabled=true]:hover .ToggleSwitch-knob","declarations":1},{"selector":".ToggleSwitch-track[aria-checked=true] .ToggleSwitch-circleIcon","declarations":1},{"selector":".ToggleSwitch-track[aria-checked=true] .ToggleSwitch-lineIcon","declarations":1},{"selector":".ToggleSwitch-track[aria-checked=true]:active","declarations":1},{"selector":".ToggleSwitch-track[aria-checked=true]:hover","declarations":1},{"selector":".ToggleSwitch-track[aria-checked=true][aria-disabled=true] .ToggleSwitch-knob,.ToggleSwitch-track[aria-checked=true][aria-disabled=true]:active .ToggleSwitch-knob,.ToggleSwitch-track[aria-checked=true][aria-disabled=true]:hover .ToggleSwitch-knob","declarations":1},{"selector":".ToggleSwitch-track[aria-checked=true][aria-disabled=true]:active,.ToggleSwitch-track[aria-checked=true][aria-disabled=true]:hover","declarations":1},{"selector":".ToggleSwitch-track,.ToggleSwitch-track *","declarations":1},{"selector":".ToggleSwitch-track:focus,.ToggleSwitch-track:focus-visible","declarations":1},{"selector":".ToggleSwitch:active .ToggleSwitch-knob","declarations":1},{"selector":".ToggleSwitch:hover .ToggleSwitch-knob","declarations":1},{"selector":".ToggleSwitch,.ToggleSwitch.ToggleSwitch","declarations":1}]},"selectors":{"total":49,"type":0,"class":49,"id":0,"pseudoClass":14,"pseudoElement":1,"values":[".ToggleSwitch",".ToggleSwitch.ToggleSwitch",".ToggleSwitch",".ToggleSwitch:hover .ToggleSwitch-knob",".ToggleSwitch:active .ToggleSwitch-knob",".ToggleSwitch--checked .ToggleSwitch-statusOn",".ToggleSwitch--checked .ToggleSwitch-statusOff",".ToggleSwitch-track",".ToggleSwitch-track:focus",".ToggleSwitch-track:focus-visible",".ToggleSwitch-track:before",".ToggleSwitch-track",".ToggleSwitch-track *",".ToggleSwitch-track[aria-checked=true][aria-disabled=true]",".ToggleSwitch-track[aria-checked=true][aria-disabled=true]:active",".ToggleSwitch-track[aria-checked=true][aria-disabled=true]:hover",".ToggleSwitch-track[aria-checked=true][aria-disabled=true] .ToggleSwitch-knob",".ToggleSwitch-track[aria-checked=true][aria-disabled=true]:active .ToggleSwitch-knob",".ToggleSwitch-track[aria-checked=true][aria-disabled=true]:hover .ToggleSwitch-knob",".ToggleSwitch-track[aria-checked=true]",".ToggleSwitch-track[aria-checked=true]:hover",".ToggleSwitch-track[aria-checked=true]:active",".ToggleSwitch-track[aria-checked=true] .ToggleSwitch-knob",".ToggleSwitch-track[aria-checked=true] .ToggleSwitch-lineIcon",".ToggleSwitch-track[aria-checked=true] .ToggleSwitch-circleIcon",".ToggleSwitch-track[aria-disabled=true]",".ToggleSwitch-track[aria-disabled=true]:active .ToggleSwitch-knob",".ToggleSwitch-track[aria-disabled=true]:hover .ToggleSwitch-knob",".ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-knob",".ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-knob:active",".ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-knob:hover",".ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-circleIcon",".ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-lineIcon",".ToggleSwitch-icons",".ToggleSwitch-lineIcon",".ToggleSwitch-circleIcon",".ToggleSwitch-lineIcon",".ToggleSwitch-circleIcon",".ToggleSwitch-knob",".ToggleSwitch-knob",".ToggleSwitch-status",".ToggleSwitch-statusIcon",".ToggleSwitch--small .ToggleSwitch-status",".ToggleSwitch--small .ToggleSwitch-track",".ToggleSwitch--disabled .ToggleSwitch-status",".ToggleSwitch-statusOn",".ToggleSwitch-statusOff",".ToggleSwitch--statusAtEnd",".ToggleSwitch--statusAtEnd .ToggleSwitch-status"],"specificity":{"max":50,"average":22.6734693877551}},"declarations":{"total":103,"unique":78,"uniqueToTotalRatio":0.7572815533980582,"properties":{"display":["inline-flex","block","flex","flex"],"align-items":["center","center"],"gap":["8px"],"background-color":["var(--color-btn-hover-bg)","var(--color-btn-active-bg)","var(--color-switch-track-bg)","var(--color-canvas-subtle)","var(--color-canvas-subtle)","var(--color-switch-knob-checked-disabled-bg)","var(--color-switch-track-checked-bg)","var(--color-switch-track-checked-hover-bg)","var(--color-switch-track-checked-active-bg)","var(--color-switch-knob-checked-bg)","var(--color-canvas-subtle)","var(--color-btn-bg)","var(--color-btn-bg)","var(--color-btn-bg)"],"height":["auto","0","32px","100%","100%","24px","0","auto"],"visibility":["visible","hidden","hidden","visible"],"appearance":["none"],"border":["1px solid var(--color-switch-track-border)","0","1px solid var(--color-switch-track-border)"],"border-radius":["6px","6px"],"cursor":["pointer","not-allowed"],"overflow":["hidden","hidden"],"padding":["0"],"position":["relative","absolute","absolute","relative"],"text-decoration":["none"],"transition-duration":["80ms","80ms","80ms"],"transition-property":["background-color,border-color","none","transform","transform"],"transition-timing-function":["cubic-bezier(0.5, 1, 0.89, 1)","cubic-bezier(0.5, 1, 0.89, 1)"],"-webkit-user-select":["none"],"user-select":["none"],"width":["64px","100%","100%","50%","16px","48px"],"outline-offset":["0"],"content":["\"\""],"left":["50%"],"min-height":["44px"],"top":["50%","-1px"],"transform":["translateX(-50%) translateY(-50%)","translateX(calc(100% + 1px))","translateX(0)","translateX(100%)","translateX(-100%)","translateX(0)","translateX(-1px)"],"transition":["none","none"],"border-color":["var(--color-border-subtle)","var(--color-switch-track-checked-border)","var(--color-border-subtle)","var(--color-border-default)"],"box-shadow":["none","var(--color-shadow-medium),var(--color-btn-inset-shadow)"],"color":["var(--color-fg-subtle)","var(--color-accent-fg)","var(--color-fg-default)","var(--color-fg-default)","var(--color-fg-muted)"],"flex":["1 0 50%"],"line-height":["0","1.5"],"bottom":["-1px"],"z-index":["1"],"font-size":["14px","12px"],"text-align":["right","left"],"margin-top":[".063rem"],"flex-direction":["row-reverse"]}},"mediaQueries":{"total":3,"unique":2,"values":["(pointer: coarse)","(prefers-reduced-motion)","(prefers-reduced-motion)"],"contents":[{"value":"(pointer: coarse)","rules":{"total":1,"size":{"graph":[8],"max":8,"average":8},"selectorByRuleSizes":[{"selector":".ToggleSwitch-track:before","declarations":8}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":1,"values":[".ToggleSwitch-track:before"],"specificity":{"max":11,"average":11}},"declarations":{"total":8,"unique":8,"uniqueToTotalRatio":1,"properties":{"content":["\"\""],"height":["100%"],"left":["50%"],"min-height":["44px"],"position":["absolute"],"top":["50%"],"transform":["translateX(-50%) translateY(-50%)"],"width":["100%"]}}},{"value":"(prefers-reduced-motion)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".ToggleSwitch-track,.ToggleSwitch-track *","declarations":1}]},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".ToggleSwitch-track",".ToggleSwitch-track *"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"transition":["none"]}}},{"value":"(prefers-reduced-motion)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".ToggleSwitch-knob","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".ToggleSwitch-knob"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"transition":["none"]}}}]}}
+{"size":4044,"gzipSize":986,"humanizedSize":"4KB","humanizedGzipSize":"986B","rules":{"total":35,"size":{"graph":[1,2,2,2,17,1,1,1,8,1,3,2,1,1,3,1,1,4,2,1,5,2,4,2,12,1,5,3,1,2,1,2,2,1,1],"max":17,"average":2.8285714285714287},"selectorByRuleSizes":[{"selector":".ToggleSwitch-track","declarations":17},{"selector":".ToggleSwitch-knob","declarations":12},{"selector":".ToggleSwitch-track:before","declarations":8},{"selector":".ToggleSwitch-status","declarations":5},{"selector":".ToggleSwitch-icons","declarations":5},{"selector":".ToggleSwitch-circleIcon,.ToggleSwitch-lineIcon","declarations":4},{"selector":".ToggleSwitch-track[aria-disabled=true]","declarations":4},{"selector":".ToggleSwitch-statusIcon","declarations":3},{"selector":".ToggleSwitch-track[aria-checked=true] .ToggleSwitch-knob","declarations":3},{"selector":".ToggleSwitch-track[aria-checked=true][aria-disabled=true]","declarations":3},{"selector":".ToggleSwitch-statusOff","declarations":2},{"selector":".ToggleSwitch-statusOn","declarations":2},{"selector":".ToggleSwitch--small .ToggleSwitch-track","declarations":2},{"selector":".ToggleSwitch-circleIcon","declarations":2},{"selector":".ToggleSwitch-lineIcon","declarations":2},{"selector":".ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-knob","declarations":2},{"selector":".ToggleSwitch-track[aria-checked=true]","declarations":2},{"selector":".ToggleSwitch--checked .ToggleSwitch-statusOff","declarations":2},{"selector":".ToggleSwitch--checked .ToggleSwitch-statusOn","declarations":2},{"selector":".ToggleSwitch","declarations":2},{"selector":".ToggleSwitch--statusAtEnd .ToggleSwitch-status","declarations":1},{"selector":".ToggleSwitch--statusAtEnd","declarations":1},{"selector":".ToggleSwitch--disabled .ToggleSwitch-status","declarations":1},{"selector":".ToggleSwitch--small .ToggleSwitch-status","declarations":1},{"selector":".ToggleSwitch-knob","declarations":1},{"selector":".ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-circleIcon,.ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-lineIcon","declarations":1},{"selector":".ToggleSwitch-track[aria-checked=true] .ToggleSwitch-circleIcon","declarations":1},{"selector":".ToggleSwitch-track[aria-checked=true] .ToggleSwitch-lineIcon","declarations":1},{"selector":".ToggleSwitch-track[aria-checked=true]:not([aria-disabled=true]):active","declarations":1},{"selector":".ToggleSwitch-track[aria-checked=true]:not([aria-disabled=true]):hover","declarations":1},{"selector":".ToggleSwitch-track,.ToggleSwitch-track *","declarations":1},{"selector":".ToggleSwitch-track:active","declarations":1},{"selector":".ToggleSwitch-track:hover","declarations":1},{"selector":".ToggleSwitch-track:focus,.ToggleSwitch-track:focus-visible","declarations":1},{"selector":".ToggleSwitch,.ToggleSwitch.ToggleSwitch","declarations":1}]},"selectors":{"total":40,"type":0,"class":40,"id":0,"pseudoClass":6,"pseudoElement":1,"values":[".ToggleSwitch",".ToggleSwitch.ToggleSwitch",".ToggleSwitch",".ToggleSwitch--checked .ToggleSwitch-statusOn",".ToggleSwitch--checked .ToggleSwitch-statusOff",".ToggleSwitch-track",".ToggleSwitch-track:focus",".ToggleSwitch-track:focus-visible",".ToggleSwitch-track:hover",".ToggleSwitch-track:active",".ToggleSwitch-track:before",".ToggleSwitch-track",".ToggleSwitch-track *",".ToggleSwitch-track[aria-checked=true][aria-disabled=true]",".ToggleSwitch-track[aria-checked=true]",".ToggleSwitch-track[aria-checked=true]:not([aria-disabled=true]):hover",".ToggleSwitch-track[aria-checked=true]:not([aria-disabled=true]):active",".ToggleSwitch-track[aria-checked=true] .ToggleSwitch-knob",".ToggleSwitch-track[aria-checked=true] .ToggleSwitch-lineIcon",".ToggleSwitch-track[aria-checked=true] .ToggleSwitch-circleIcon",".ToggleSwitch-track[aria-disabled=true]",".ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-knob",".ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-circleIcon",".ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-lineIcon",".ToggleSwitch-icons",".ToggleSwitch-lineIcon",".ToggleSwitch-circleIcon",".ToggleSwitch-lineIcon",".ToggleSwitch-circleIcon",".ToggleSwitch-knob",".ToggleSwitch-knob",".ToggleSwitch-status",".ToggleSwitch-statusIcon",".ToggleSwitch--small .ToggleSwitch-status",".ToggleSwitch--small .ToggleSwitch-track",".ToggleSwitch--disabled .ToggleSwitch-status",".ToggleSwitch-statusOn",".ToggleSwitch-statusOff",".ToggleSwitch--statusAtEnd",".ToggleSwitch--statusAtEnd .ToggleSwitch-status"],"specificity":{"max":40,"average":18.275}},"declarations":{"total":99,"unique":78,"uniqueToTotalRatio":0.7878787878787878,"properties":{"display":["inline-flex","block","flex","flex"],"align-items":["center","center"],"gap":["8px"],"height":["auto","0","32px","100%","100%","24px","0","auto"],"visibility":["visible","hidden","hidden","visible"],"appearance":["none"],"background-color":["var(--color-switch-track-bg)","var(--color-switch-track-hover-bg)","var(--color-switch-track-active-bg)","var(--color-switch-track-disabled-bg)","var(--color-switch-track-checked-bg)","var(--color-switch-track-checked-hover-bg)","var(--color-switch-track-checked-active-bg)","var(--color-switch-knob-checked-bg)","var(--color-switch-track-disabled-bg)","var(--color-switch-knob-bg)"],"border":["1px solid var(--color-switch-track-border)","1px solid var(--color-switch-knob-border)"],"border-radius":["6px","6px"],"cursor":["pointer","not-allowed"],"overflow":["hidden","hidden"],"padding":["0"],"position":["relative","absolute","absolute","relative"],"text-decoration":["none"],"transition-duration":["80ms","80ms","80ms"],"transition-property":["background-color,border-color","none","transform","transform"],"transition-timing-function":["cubic-bezier(0.5, 1, 0.89, 1)","cubic-bezier(0.5, 1, 0.89, 1)"],"-webkit-user-select":["none"],"user-select":["none"],"width":["64px","100%","100%","50%","16px","48px"],"outline-offset":["1px"],"content":["\"\""],"left":["50%"],"min-height":["44px"],"top":["50%","0"],"transform":["translateX(-50%) translateY(-50%)","translateX(100%)","translateX(0)","translateX(100%)","translateX(-100%)","translateX(0)"],"transition":["none","none"],"border-color":["#0000","var(--color-switch-track-checked-border)","var(--color-switch-knob-checked-border)","#0000","var(--color-border-default)"],"color":["var(--color-switch-track-checked-disabled-fg)","var(--color-switch-track-disabled-fg)","var(--color-switch-track-checked-fg)","var(--color-switch-track-fg)","var(--color-fg-default)","var(--color-fg-muted)"],"box-shadow":["none","var(--color-shadow-medium),var(--color-btn-inset-shadow)"],"flex":["1 0 50%"],"line-height":["0","1.5"],"bottom":["0"],"z-index":["1"],"font-size":["14px","12px"],"text-align":["right","left"],"margin-top":[".063rem"],"flex-direction":["row-reverse"]}},"mediaQueries":{"total":3,"unique":2,"values":["(pointer: coarse)","(prefers-reduced-motion)","(prefers-reduced-motion)"],"contents":[{"value":"(pointer: coarse)","rules":{"total":1,"size":{"graph":[8],"max":8,"average":8},"selectorByRuleSizes":[{"selector":".ToggleSwitch-track:before","declarations":8}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":1,"values":[".ToggleSwitch-track:before"],"specificity":{"max":11,"average":11}},"declarations":{"total":8,"unique":8,"uniqueToTotalRatio":1,"properties":{"content":["\"\""],"height":["100%"],"left":["50%"],"min-height":["44px"],"position":["absolute"],"top":["50%"],"transform":["translateX(-50%) translateY(-50%)"],"width":["100%"]}}},{"value":"(prefers-reduced-motion)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".ToggleSwitch-track,.ToggleSwitch-track *","declarations":1}]},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".ToggleSwitch-track",".ToggleSwitch-track *"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"transition":["none"]}}},{"value":"(prefers-reduced-motion)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".ToggleSwitch-knob","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".ToggleSwitch-knob"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"transition":["none"]}}}]}}

package/dist/toggle-switch.css

@@ -1,2 +1,2 @@
-.ToggleSwitch,.ToggleSwitch.ToggleSwitch{display:inline-flex}.ToggleSwitch{align-items:center;gap:var(--primer-controlStack-medium-gap-condensed, 8px)}.ToggleSwitch:hover .ToggleSwitch-knob{background-color:var(--color-btn-hover-bg)}.ToggleSwitch:active .ToggleSwitch-knob{background-color:var(--color-btn-active-bg)}.ToggleSwitch--checked .ToggleSwitch-statusOn{height:auto;visibility:visible}.ToggleSwitch--checked .ToggleSwitch-statusOff{height:0;visibility:hidden}.ToggleSwitch-track{appearance:none;background-color:var(--color-switch-track-bg);border:var(--primer-borderWidth-thin, 1px) solid var(--color-switch-track-border);border-radius:var(--primer-borderRadius-medium, 6px);cursor:pointer;display:block;height:var(--primer-control-medium-size, 32px);overflow:hidden;padding:0;position:relative;text-decoration:none;transition-duration:80ms;transition-property:background-color,border-color;transition-timing-function:cubic-bezier(0.5, 1, 0.89, 1);-webkit-user-select:none;user-select:none;width:var(--base-size-64, 64px)}.ToggleSwitch-track:focus,.ToggleSwitch-track:focus-visible{outline-offset:0}@media(pointer: coarse){.ToggleSwitch-track:before{content:"";height:100%;left:50%;min-height:44px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:100%}}@media(prefers-reduced-motion){.ToggleSwitch-track,.ToggleSwitch-track *{transition:none}}.ToggleSwitch-track[aria-checked=true][aria-disabled=true]{background-color:var(--color-canvas-subtle);border-color:var(--color-border-subtle)}.ToggleSwitch-track[aria-checked=true][aria-disabled=true]:active,.ToggleSwitch-track[aria-checked=true][aria-disabled=true]:hover{background-color:var(--color-canvas-subtle)}.ToggleSwitch-track[aria-checked=true][aria-disabled=true] .ToggleSwitch-knob,.ToggleSwitch-track[aria-checked=true][aria-disabled=true]:active .ToggleSwitch-knob,.ToggleSwitch-track[aria-checked=true][aria-disabled=true]:hover .ToggleSwitch-knob{background-color:var(--color-switch-knob-checked-disabled-bg)}.ToggleSwitch-track[aria-checked=true]{background-color:var(--color-switch-track-checked-bg);border-color:var(--color-switch-track-checked-border)}.ToggleSwitch-track[aria-checked=true]:hover{background-color:var(--color-switch-track-checked-hover-bg)}.ToggleSwitch-track[aria-checked=true]:active{background-color:var(--color-switch-track-checked-active-bg)}.ToggleSwitch-track[aria-checked=true] .ToggleSwitch-knob{background-color:var(--color-switch-knob-checked-bg);border:0;transform:translateX(calc(100% + 1px))}.ToggleSwitch-track[aria-checked=true] .ToggleSwitch-lineIcon{transform:translateX(0)}.ToggleSwitch-track[aria-checked=true] .ToggleSwitch-circleIcon{transform:translateX(100%)}.ToggleSwitch-track[aria-disabled=true]{background-color:var(--color-canvas-subtle);border-color:var(--color-border-subtle);cursor:not-allowed;transition-property:none}.ToggleSwitch-track[aria-disabled=true]:active .ToggleSwitch-knob,.ToggleSwitch-track[aria-disabled=true]:hover .ToggleSwitch-knob{background-color:var(--color-btn-bg)}.ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-knob{border-color:var(--color-border-default);box-shadow:none}.ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-knob:active,.ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-knob:hover{background-color:var(--color-btn-bg)}.ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-circleIcon,.ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-lineIcon{color:var(--color-fg-subtle)}.ToggleSwitch-icons{align-items:center;display:flex;height:100%;overflow:hidden;width:100%}.ToggleSwitch-lineIcon{color:var(--color-accent-fg);transform:translateX(-100%)}.ToggleSwitch-circleIcon,.ToggleSwitch-lineIcon{flex:1 0 50%;line-height:0;transition-duration:80ms;transition-property:transform}.ToggleSwitch-circleIcon{color:var(--color-fg-default);transform:translateX(0)}.ToggleSwitch-knob{background-color:var(--color-btn-bg);border:var(--primer-borderWidth-thin, 1px) solid var(--color-switch-track-border);border-radius:var(--primer-borderRadius-medium, 6px);bottom:-1px;box-shadow:var(--color-shadow-medium),var(--color-btn-inset-shadow);position:absolute;top:-1px;transform:translateX(-1px);transition-duration:80ms;transition-property:transform;transition-timing-function:cubic-bezier(0.5, 1, 0.89, 1);width:50%;z-index:1}@media(prefers-reduced-motion){.ToggleSwitch-knob{transition:none}}.ToggleSwitch-status{color:var(--color-fg-default);font-size:var(--primer-text-body-size-medium, 14px);line-height:1.5;position:relative;text-align:right}.ToggleSwitch-statusIcon{display:flex;margin-top:.063rem;width:var(--base-size-16, 16px)}.ToggleSwitch--small .ToggleSwitch-status{font-size:var(--primer-text-body-size-small, 12px)}.ToggleSwitch--small .ToggleSwitch-track{height:var(--primer-control-xsmall-size, 24px);width:var(--base-size-48, 48px)}.ToggleSwitch--disabled .ToggleSwitch-status{color:var(--color-fg-muted)}.ToggleSwitch-statusOn{height:0;visibility:hidden}.ToggleSwitch-statusOff{height:auto;visibility:visible}.ToggleSwitch--statusAtEnd{flex-direction:row-reverse}.ToggleSwitch--statusAtEnd .ToggleSwitch-status{text-align:left}
+.ToggleSwitch,.ToggleSwitch.ToggleSwitch{display:inline-flex}.ToggleSwitch{align-items:center;gap:var(--primer-controlStack-medium-gap-condensed, 8px)}.ToggleSwitch--checked .ToggleSwitch-statusOn{height:auto;visibility:visible}.ToggleSwitch--checked .ToggleSwitch-statusOff{height:0;visibility:hidden}.ToggleSwitch-track{appearance:none;background-color:var(--color-switch-track-bg);border:var(--primer-borderWidth-thin, 1px) solid var(--color-switch-track-border);border-radius:var(--primer-borderRadius-medium, 6px);cursor:pointer;display:block;height:var(--primer-control-medium-size, 32px);overflow:hidden;padding:0;position:relative;text-decoration:none;transition-duration:80ms;transition-property:background-color,border-color;transition-timing-function:cubic-bezier(0.5, 1, 0.89, 1);-webkit-user-select:none;user-select:none;width:var(--base-size-64, 64px)}.ToggleSwitch-track:focus,.ToggleSwitch-track:focus-visible{outline-offset:1px}.ToggleSwitch-track:hover{background-color:var(--color-switch-track-hover-bg)}.ToggleSwitch-track:active{background-color:var(--color-switch-track-active-bg)}@media(pointer: coarse){.ToggleSwitch-track:before{content:"";height:100%;left:50%;min-height:44px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:100%}}@media(prefers-reduced-motion){.ToggleSwitch-track,.ToggleSwitch-track *{transition:none}}.ToggleSwitch-track[aria-checked=true][aria-disabled=true]{background-color:var(--color-switch-track-disabled-bg);border-color:#0000;color:var(--color-switch-track-checked-disabled-fg)}.ToggleSwitch-track[aria-checked=true]{background-color:var(--color-switch-track-checked-bg);border-color:var(--color-switch-track-checked-border)}.ToggleSwitch-track[aria-checked=true]:not([aria-disabled=true]):hover{background-color:var(--color-switch-track-checked-hover-bg)}.ToggleSwitch-track[aria-checked=true]:not([aria-disabled=true]):active{background-color:var(--color-switch-track-checked-active-bg)}.ToggleSwitch-track[aria-checked=true] .ToggleSwitch-knob{background-color:var(--color-switch-knob-checked-bg);border-color:var(--color-switch-knob-checked-border);transform:translateX(100%)}.ToggleSwitch-track[aria-checked=true] .ToggleSwitch-lineIcon{transform:translateX(0)}.ToggleSwitch-track[aria-checked=true] .ToggleSwitch-circleIcon{transform:translateX(100%)}.ToggleSwitch-track[aria-disabled=true]{background-color:var(--color-switch-track-disabled-bg);border-color:#0000;cursor:not-allowed;transition-property:none}.ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-knob{border-color:var(--color-border-default);box-shadow:none}.ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-circleIcon,.ToggleSwitch-track[aria-disabled=true] .ToggleSwitch-lineIcon{color:var(--color-switch-track-disabled-fg)}.ToggleSwitch-icons{align-items:center;display:flex;height:100%;overflow:hidden;width:100%}.ToggleSwitch-lineIcon{color:var(--color-switch-track-checked-fg);transform:translateX(-100%)}.ToggleSwitch-circleIcon,.ToggleSwitch-lineIcon{flex:1 0 50%;line-height:0;transition-duration:80ms;transition-property:transform}.ToggleSwitch-circleIcon{color:var(--color-switch-track-fg);transform:translateX(0)}.ToggleSwitch-knob{background-color:var(--color-switch-knob-bg);border:var(--primer-borderWidth-thin, 1px) solid var(--color-switch-knob-border);border-radius:var(--primer-borderRadius-medium, 6px);bottom:0;box-shadow:var(--color-shadow-medium),var(--color-btn-inset-shadow);position:absolute;top:0;transition-duration:80ms;transition-property:transform;transition-timing-function:cubic-bezier(0.5, 1, 0.89, 1);width:50%;z-index:1}@media(prefers-reduced-motion){.ToggleSwitch-knob{transition:none}}.ToggleSwitch-status{color:var(--color-fg-default);font-size:var(--primer-text-body-size-medium, 14px);line-height:1.5;position:relative;text-align:right}.ToggleSwitch-statusIcon{display:flex;margin-top:.063rem;width:var(--base-size-16, 16px)}.ToggleSwitch--small .ToggleSwitch-status{font-size:var(--primer-text-body-size-small, 12px)}.ToggleSwitch--small .ToggleSwitch-track{height:var(--primer-control-xsmall-size, 24px);width:var(--base-size-48, 48px)}.ToggleSwitch--disabled .ToggleSwitch-status{color:var(--color-fg-muted)}.ToggleSwitch-statusOn{height:0;visibility:hidden}.ToggleSwitch-statusOff{height:auto;visibility:visible}.ToggleSwitch--statusAtEnd{flex-direction:row-reverse}.ToggleSwitch--statusAtEnd .ToggleSwitch-status{text-align:left}
 /*# sourceMappingURL=toggle-switch.css.map */

package/dist/toggle-switch.css.map

@@ -1 +1 @@
-{"version":3,"sources":["file:///home/runner/work/css/css/src/toggle-switch/index.scss%23sass"],"names":[],"mappings":"AA0kBA,yCAAA,mBAAA,CAAA,cAAA,kBAAA,CAAA,wDAAA,CAAA,uCAAA,0CAAA,CAAA,wCAAA,2CAAA,CAAA,8CAAA,WAAA,CAAA,kBAAA,CAAA,+CAAA,QAAA,CAAA,iBAAA,CAAA,oBAAA,eAAA,CAAA,6CAAA,CAAA,iFAAA,CAAA,oDAAA,CAAA,cAAA,CAAA,aAAA,CAAA,8CAAA,CAAA,eAAA,CAAA,SAAA,CAAA,iBAAA,CAAA,oBAAA,CAAA,wBAAA,CAAA,iDAAA,CAAA,wDAAA,CAAA,wBAAA,CAAA,gBAAA,CAAA,+BAAA,CAAA,4DAAA,gBAAA,CAAA,wBAAA,2BAAA,UAAA,CAAA,WAAA,CAAA,QAAA,CAAA,eAAA,CAAA,iBAAA,CAAA,OAAA,CAAA,2CAAA,CAAA,UAAA,CAAA,CAAA,+BAAA,0CAAA,eAAA,CAAA,CAAA,2DAAA,2CAAA,CAAA,uCAAA,CAAA,mIAAA,2CAAA,CAAA,uPAAA,6DAAA,CAAA,uCAAA,qDAAA,CAAA,qDAAA,CAAA,6CAAA,2DAAA,CAAA,8CAAA,4DAAA,CAAA,0DAAA,oDAAA,CAAA,QAAA,CAAA,sCAAA,CAAA,8DAAA,uBAAA,CAAA,gEAAA,0BAAA,CAAA,wCAAA,2CAAA,CAAA,uCAAA,CAAA,kBAAA,CAAA,wBAAA,CAAA,mIAAA,oCAAA,CAAA,2DAAA,wCAAA,CAAA,eAAA,CAAA,mIAAA,oCAAA,CAAA,gIAAA,4BAAA,CAAA,oBAAA,kBAAA,CAAA,YAAA,CAAA,WAAA,CAAA,eAAA,CAAA,UAAA,CAAA,uBAAA,4BAAA,CAAA,2BAAA,CAAA,gDAAA,YAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,6BAAA,CAAA,yBAAA,6BAAA,CAAA,uBAAA,CAAA,mBAAA,oCAAA,CAAA,iFAAA,CAAA,oDAAA,CAAA,WAAA,CAAA,mEAAA,CAAA,iBAAA,CAAA,QAAA,CAAA,0BAAA,CAAA,wBAAA,CAAA,6BAAA,CAAA,wDAAA,CAAA,SAAA,CAAA,SAAA,CAAA,+BAAA,mBAAA,eAAA,CAAA,CAAA,qBAAA,6BAAA,CAAA,mDAAA,CAAA,eAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,yBAAA,YAAA,CAAA,kBAAA,CAAA,+BAAA,CAAA,0CAAA,kDAAA,CAAA,yCAAA,8CAAA,CAAA,+BAAA,CAAA,6CAAA,2BAAA,CAAA,uBAAA,QAAA,CAAA,iBAAA,CAAA,wBAAA,WAAA,CAAA,kBAAA,CAAA,2BAAA,0BAAA,CAAA,gDAAA,eAAA","file":"toggle-switch.css"}
+{"version":3,"sources":["file:///home/runner/work/css/css/src/toggle-switch/index.scss%23sass"],"names":[],"mappings":"AA0kBA,yCAAA,mBAAA,CAAA,cAAA,kBAAA,CAAA,wDAAA,CAAA,8CAAA,WAAA,CAAA,kBAAA,CAAA,+CAAA,QAAA,CAAA,iBAAA,CAAA,oBAAA,eAAA,CAAA,6CAAA,CAAA,iFAAA,CAAA,oDAAA,CAAA,cAAA,CAAA,aAAA,CAAA,8CAAA,CAAA,eAAA,CAAA,SAAA,CAAA,iBAAA,CAAA,oBAAA,CAAA,wBAAA,CAAA,iDAAA,CAAA,wDAAA,CAAA,wBAAA,CAAA,gBAAA,CAAA,+BAAA,CAAA,4DAAA,kBAAA,CAAA,0BAAA,mDAAA,CAAA,2BAAA,oDAAA,CAAA,wBAAA,2BAAA,UAAA,CAAA,WAAA,CAAA,QAAA,CAAA,eAAA,CAAA,iBAAA,CAAA,OAAA,CAAA,2CAAA,CAAA,UAAA,CAAA,CAAA,+BAAA,0CAAA,eAAA,CAAA,CAAA,2DAAA,sDAAA,CAAA,kBAAA,CAAA,mDAAA,CAAA,uCAAA,qDAAA,CAAA,qDAAA,CAAA,uEAAA,2DAAA,CAAA,wEAAA,4DAAA,CAAA,0DAAA,oDAAA,CAAA,oDAAA,CAAA,0BAAA,CAAA,8DAAA,uBAAA,CAAA,gEAAA,0BAAA,CAAA,wCAAA,sDAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,wBAAA,CAAA,2DAAA,wCAAA,CAAA,eAAA,CAAA,gIAAA,2CAAA,CAAA,oBAAA,kBAAA,CAAA,YAAA,CAAA,WAAA,CAAA,eAAA,CAAA,UAAA,CAAA,uBAAA,0CAAA,CAAA,2BAAA,CAAA,gDAAA,YAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,6BAAA,CAAA,yBAAA,kCAAA,CAAA,uBAAA,CAAA,mBAAA,4CAAA,CAAA,gFAAA,CAAA,oDAAA,CAAA,QAAA,CAAA,mEAAA,CAAA,iBAAA,CAAA,KAAA,CAAA,wBAAA,CAAA,6BAAA,CAAA,wDAAA,CAAA,SAAA,CAAA,SAAA,CAAA,+BAAA,mBAAA,eAAA,CAAA,CAAA,qBAAA,6BAAA,CAAA,mDAAA,CAAA,eAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,yBAAA,YAAA,CAAA,kBAAA,CAAA,+BAAA,CAAA,0CAAA,kDAAA,CAAA,yCAAA,8CAAA,CAAA,+BAAA,CAAA,6CAAA,2BAAA,CAAA,uBAAA,QAAA,CAAA,iBAAA,CAAA,wBAAA,WAAA,CAAA,kBAAA,CAAA,2BAAA,0BAAA,CAAA,gDAAA,eAAA","file":"toggle-switch.css"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/css",
-  "version": "20.8.4-rc.88b04265",
+  "version": "20.8.4-rc.af9f023b",
   "description": "The CSS implementation of GitHub's Primer Design System",
   "homepage": "https://primer.style/css",
   "author": "GitHub, Inc.",
@@ -43,20 +43,20 @@
   },
   "dependencies": {
     "@primer/primitives": "^7.11.1",
-    "@primer/view-components": "^0.0.120"
+    "@primer/view-components": "^0.1.0"
   },
   "devDependencies": {
     "@changesets/changelog-github": "0.4.8",
     "@changesets/cli": "2.26.0",
-    "@github/prettier-config": "0.0.4",
+    "@github/prettier-config": "0.0.6",
     "@koddsson/postcss-sass": "5.0.1",
     "@primer/stylelint-config": "^12.4.0",
     "autoprefixer": "10.4.13",
     "chokidar-cli": "3.0.0",
     "cssstats": "4.0.5",
-    "eslint": "8.25.0",
+    "eslint": "8.35.0",
     "eslint-plugin-github": "4.6.0",
-    "eslint-plugin-jest": "27.1.6",
+    "eslint-plugin-jest": "27.2.1",
     "eslint-plugin-prettier": "4.2.1",
     "filesize": "10.0.5",
     "front-matter": "4.0.2",