@primer/css 20.4.3-rc.bbf91393 → 20.4.4-rc.47edd689

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.
@@ -1 +1 @@
1
- {"size":6192,"gzipSize":1464,"humanizedSize":"6KB","humanizedGzipSize":"1KB","rules":{"total":54,"size":{"graph":[10,6,8,1,13,2,2,9,5,1,3,1,6,2,3,1,2,1,9,11,2,1,3,3,6,1,1,9,6,5,2,4,3,7,1,2,6,1,3,3,1,1,2,3,2,1,1,1,1,1,1,2,1,1],"max":13,"average":3.4074074074074074},"selectorByRuleSizes":[{"selector":".SelectMenu-modal","declarations":13},{"selector":".SelectMenu-item","declarations":11},{"selector":".SelectMenu","declarations":10},{"selector":".SelectMenu-tab","declarations":9},{"selector":".SelectMenu-list","declarations":9},{"selector":".SelectMenu-modal","declarations":9},{"selector":".SelectMenu::before","declarations":8},{"selector":".SelectMenu-divider","declarations":7},{"selector":".SelectMenu-footer","declarations":6},{"selector":".SelectMenu-tab","declarations":6},{"selector":".SelectMenu-tabs","declarations":6},{"selector":".SelectMenu-closeButton","declarations":6},{"selector":".SelectMenu","declarations":6},{"selector":".SelectMenu-tab[aria-selected=true]","declarations":5},{"selector":".SelectMenu-header","declarations":5},{"selector":".SelectMenu-message","declarations":4},{"selector":".SelectMenu-item[aria-checked=true] .SelectMenu-icon--check","declarations":3},{"selector":".SelectMenu--hasFilter .SelectMenu-modal","declarations":3},{"selector":".SelectMenu--hasFilter .SelectMenu-modal","declarations":3},{"selector":".SelectMenu-blankslate,.SelectMenu-loading","declarations":3},{"selector":".SelectMenu-icon--check","declarations":3},{"selector":".SelectMenu-icon","declarations":3},{"selector":".SelectMenu-filter","declarations":3},{"selector":".SelectMenu-title","declarations":3},{"selector":".SelectMenu-tab:not([aria-selected=true]):active","declarations":2},{"selector":".SelectMenu-item:disabled,.SelectMenu-item[aria-disabled=true]","declarations":2},{"selector":".SelectMenu-item[aria-checked=true]","declarations":2},{"selector":".SelectMenu-list--borderless .SelectMenu-divider:empty","declarations":2},{"selector":".SelectMenu-tab[aria-selected=true]","declarations":2},{"selector":".SelectMenu-item","declarations":2},{"selector":".SelectMenu-input","declarations":2},{"selector":".SelectMenu-closeButton","declarations":2},{"selector":"0%","declarations":2},{"selector":"0%","declarations":2},{"selector":".SelectMenu-item","declarations":1},{"selector":".SelectMenu-item:focus,.SelectMenu-item:active","declarations":1},{"selector":".SelectMenu-tab:hover","declarations":1},{"selector":"body:not(.intent-mouse) .SelectMenu-tab:focus","declarations":1},{"selector":".SelectMenu-item:active","declarations":1},{"selector":"body:not(.intent-mouse) .SelectMenu-item:focus,.SelectMenu-item:hover","declarations":1},{"selector":".SelectMenu-closeButton:active","declarations":1},{"selector":"body:not(.intent-mouse) .SelectMenu-closeButton:focus,.SelectMenu-closeButton:hover","declarations":1},{"selector":".SelectMenu-item:hover","declarations":1},{"selector":".SelectMenu-closeButton:focus,.SelectMenu-tab:focus,.SelectMenu-item:focus","declarations":1},{"selector":".SelectMenu-footer","declarations":1},{"selector":".SelectMenu-list--borderless .SelectMenu-divider","declarations":1},{"selector":".SelectMenu-tabs","declarations":1},{"selector":".SelectMenu-tabs::-webkit-scrollbar","declarations":1},{"selector":".SelectMenu-list--borderless .SelectMenu-item","declarations":1},{"selector":".SelectMenu-input","declarations":1},{"selector":".SelectMenu-filter","declarations":1},{"selector":".SelectMenu-title","declarations":1},{"selector":".SelectMenu-header","declarations":1},{"selector":".SelectMenu::before","declarations":1}]},"selectors":{"total":59,"type":3,"class":59,"id":0,"pseudoClass":17,"pseudoElement":2,"values":[".SelectMenu",".SelectMenu",".SelectMenu::before",".SelectMenu::before",".SelectMenu-modal",".SelectMenu-modal",".SelectMenu-header",".SelectMenu-header",".SelectMenu-title",".SelectMenu-title",".SelectMenu-closeButton",".SelectMenu-closeButton",".SelectMenu-filter",".SelectMenu-filter",".SelectMenu-input",".SelectMenu-input",".SelectMenu-list",".SelectMenu-item",".SelectMenu-item",".SelectMenu-list--borderless .SelectMenu-item",".SelectMenu-icon",".SelectMenu-icon--check",".SelectMenu-tabs",".SelectMenu-tabs::-webkit-scrollbar",".SelectMenu-tabs",".SelectMenu-tab",".SelectMenu-tab",".SelectMenu-tab[aria-selected=true]",".SelectMenu-tab[aria-selected=true]",".SelectMenu-message",".SelectMenu-blankslate",".SelectMenu-loading",".SelectMenu-divider",".SelectMenu-list--borderless .SelectMenu-divider",".SelectMenu-list--borderless .SelectMenu-divider:empty",".SelectMenu-footer",".SelectMenu-footer",".SelectMenu--hasFilter .SelectMenu-modal",".SelectMenu--hasFilter .SelectMenu-modal",".SelectMenu-closeButton:focus",".SelectMenu-tab:focus",".SelectMenu-item:focus",".SelectMenu-item:hover",".SelectMenu-item[aria-checked=true]",".SelectMenu-item[aria-checked=true] .SelectMenu-icon--check",".SelectMenu-item:disabled",".SelectMenu-item[aria-disabled=true]","body:not(.intent-mouse) .SelectMenu-closeButton:focus",".SelectMenu-closeButton:hover",".SelectMenu-closeButton:active","body:not(.intent-mouse) .SelectMenu-item:focus",".SelectMenu-item:hover",".SelectMenu-item:active","body:not(.intent-mouse) .SelectMenu-tab:focus",".SelectMenu-tab:hover",".SelectMenu-tab:not([aria-selected=true]):active",".SelectMenu-item:focus",".SelectMenu-item:active",".SelectMenu-item"],"specificity":{"max":31,"average":15.525423728813559}},"declarations":{"total":184,"unique":111,"uniqueToTotalRatio":0.6032608695652174,"properties":{"position":["fixed","absolute","absolute","relative","relative"],"top":["0","auto","0"],"right":["0","auto","0"],"bottom":["0","auto","0"],"left":["0","auto","0"],"z-index":["99","99","1","0"],"display":["flex","none","flex","flex","block","flex","flex","none"],"padding":["16px","0","16px","7px 7px 7px 16px","16px","8px","16px","8px","0","16px","8px 8px 0 8px","8px 16px","4px 16px","7px 16px","24px 16px","4px 16px","0","8px 16px","7px 16px"],"pointer-events":["none","none","auto","none"],"flex-direction":["column","column"],"content":["\"\""],"background-color":["var(--color-primer-canvas-backdrop)","var(--color-canvas-overlay)","transparent","var(--color-canvas-overlay)","var(--color-canvas-overlay)","transparent","var(--color-canvas-overlay)","var(--color-canvas-overlay)","var(--color-canvas-overlay)","var(--color-canvas-subtle)","var(--color-neutral-subtle)","var(--color-canvas-subtle)","var(--color-select-menu-tap-focus-bg)","var(--color-canvas-subtle)","var(--color-canvas-subtle)"],"max-height":["66%","480px","none","480px"],"margin":["auto 0","8px 0 16px 0","-16px","-8px -7px","0","0","0"],"overflow":["hidden","hidden"],"border":["1px solid var(--color-select-menu-backdrop-border)","0","0","0","1px solid transparent"],"border-radius":["12px","6px"],"box-shadow":["var(--color-shadow-large)","var(--color-shadow-large)","inset 0 -1px 0 var(--color-border-muted)","inset 0 -1px 0 var(--color-border-muted)","0 0 0 1px var(--color-border-muted)","none"],"animation":["SelectMenu-modal-animation .12s cubic-bezier(0, 0.1, 0.1, 1) backwards"],"opacity":["0","0"],"transform":["scale(0.9)","translateY(-16px)","scale(0)","scale(1)"],"width":["300px","100%","100%","16px"],"height":["auto","80%","auto"],"font-size":["12px","14px","inherit","14px","12px","12px","12px"],"border-color":["var(--color-border-default)","var(--color-border-muted)"],"animation-name":["SelectMenu-modal-animation--sm"],"flex":["none","1","auto","1","none"],"align-items":["center","center"],"border-bottom":["1px solid var(--color-border-muted)","1px solid var(--color-border-muted)","1px solid var(--color-border-muted)","0","1px solid var(--color-border-muted)","1px solid var(--color-border-muted)"],"font-weight":["600","500","500","500"],"line-height":["1"],"color":["var(--color-fg-muted)","var(--color-fg-default)","var(--color-fg-muted)","var(--color-fg-default)","var(--color-fg-muted)","var(--color-fg-muted)","var(--color-fg-default)","var(--color-primer-fg-disabled)","var(--color-fg-default)","var(--color-fg-muted)","var(--color-fg-default)","var(--color-fg-default)"],"margin-bottom":["-1px"],"overflow-x":["hidden","auto"],"overflow-y":["auto","hidden"],"-webkit-overflow-scrolling":["touch","touch"],"text-align":["left","center","center","center","center"],"cursor":["pointer","default"],"padding-top":["7px"],"padding-bottom":["7px"],"margin-right":["8px"],"flex-shrink":["0","0"],"visibility":["hidden","visible"],"transition":["transform .12s cubic-bezier(0.5, 0.1, 1, 0.5),visibility 0s .12s linear","transform .12s cubic-bezier(0, 0, 0.2, 1),visibility 0s linear"],"border-bottom-width":["0"],"border-top-left-radius":["6px"],"border-top-right-radius":["6px"],"border-top":["1px solid var(--color-border-muted)","0","1px solid var(--color-border-muted)"],"margin-top":["0","8px"],"outline":["0"],"text-decoration":["none"],"-webkit-tap-highlight-color":["var(--color-select-menu-tap-highlight)"]}},"mediaQueries":{"total":16,"unique":3,"values":["(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(hover: hover)","(hover: none)"],"contents":[{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[6],"max":6,"average":6},"selectorByRuleSizes":[{"selector":".SelectMenu","declarations":6}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu"],"specificity":{"max":10,"average":10}},"declarations":{"total":6,"unique":6,"uniqueToTotalRatio":1,"properties":{"position":["absolute"],"top":["auto"],"right":["auto"],"bottom":["auto"],"left":["auto"],"padding":["0"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".SelectMenu::before","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":1,"values":[".SelectMenu::before"],"specificity":{"max":11,"average":11}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"display":["none"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[9],"max":9,"average":9},"selectorByRuleSizes":[{"selector":".SelectMenu-modal","declarations":9}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-modal"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":9,"uniqueToTotalRatio":1,"properties":{"width":["300px"],"height":["auto"],"max-height":["480px"],"margin":["8px 0 16px 0"],"font-size":["12px"],"border-color":["var(--color-border-default)"],"border-radius":["6px"],"box-shadow":["var(--color-shadow-large)"],"animation-name":["SelectMenu-modal-animation--sm"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".SelectMenu-header","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-header"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"padding":["7px 7px 7px 16px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".SelectMenu-title","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-title"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"font-size":["inherit"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2},"selectorByRuleSizes":[{"selector":".SelectMenu-closeButton","declarations":2}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-closeButton"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"uniqueToTotalRatio":1,"properties":{"padding":["8px"],"margin":["-8px -7px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".SelectMenu-filter","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-filter"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"padding":["8px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".SelectMenu-input","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-input"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"font-size":["14px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2},"selectorByRuleSizes":[{"selector":".SelectMenu-item","declarations":2}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-item"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"uniqueToTotalRatio":1,"properties":{"padding-top":["7px"],"padding-bottom":["7px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".SelectMenu-tabs","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-tabs"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"padding":["8px 8px 0 8px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[6],"max":6,"average":6},"selectorByRuleSizes":[{"selector":".SelectMenu-tab","declarations":6}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-tab"],"specificity":{"max":10,"average":10}},"declarations":{"total":6,"unique":6,"uniqueToTotalRatio":1,"properties":{"flex":["none"],"padding":["4px 16px"],"border":["1px solid transparent"],"border-bottom-width":["0"],"border-top-left-radius":["6px"],"border-top-right-radius":["6px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2},"selectorByRuleSizes":[{"selector":".SelectMenu-tab[aria-selected=true]","declarations":2}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-tab[aria-selected=true]"],"specificity":{"max":20,"average":20}},"declarations":{"total":2,"unique":2,"uniqueToTotalRatio":1,"properties":{"border-color":["var(--color-border-muted)"],"box-shadow":["none"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".SelectMenu-footer","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-footer"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"padding":["7px 16px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[3],"max":3,"average":3},"selectorByRuleSizes":[{"selector":".SelectMenu--hasFilter .SelectMenu-modal","declarations":3}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu--hasFilter .SelectMenu-modal"],"specificity":{"max":20,"average":20}},"declarations":{"total":3,"unique":3,"uniqueToTotalRatio":1,"properties":{"height":["auto"],"max-height":["480px"],"margin-top":["8px"]}}},{"value":"(hover: hover)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,1,2],"max":2,"average":1.1428571428571428},"selectorByRuleSizes":[{"selector":",.SelectMenu-tab:not([aria-selected=true]):active","declarations":2},{"selector":",.SelectMenu-tab:hover","declarations":1},{"selector":",body:not(.intent-mouse) .SelectMenu-tab:focus","declarations":1},{"selector":",.SelectMenu-item:active","declarations":1},{"selector":",body:not(.intent-mouse) .SelectMenu-item:focus,.SelectMenu-item:hover","declarations":1},{"selector":",.SelectMenu-closeButton:active","declarations":1},{"selector":"body:not(.intent-mouse) .SelectMenu-closeButton:focus,.SelectMenu-closeButton:hover","declarations":1}]},"selectors":{"total":9,"type":3,"class":9,"id":0,"pseudoClass":9,"pseudoElement":0,"values":["body:not(.intent-mouse) .SelectMenu-closeButton:focus",".SelectMenu-closeButton:hover",".SelectMenu-closeButton:active","body:not(.intent-mouse) .SelectMenu-item:focus",".SelectMenu-item:hover",".SelectMenu-item:active","body:not(.intent-mouse) .SelectMenu-tab:focus",".SelectMenu-tab:hover",".SelectMenu-tab:not([aria-selected=true]):active"],"specificity":{"max":31,"average":24.77777777777778}},"declarations":{"total":8,"unique":5,"uniqueToTotalRatio":0.625,"properties":{"color":["var(--color-fg-default)","var(--color-fg-muted)","var(--color-fg-default)","var(--color-fg-default)"],"background-color":["var(--color-neutral-subtle)","var(--color-canvas-subtle)","var(--color-select-menu-tap-focus-bg)","var(--color-canvas-subtle)"]}}},{"value":"(hover: none)","rules":{"total":2,"size":{"graph":[1,1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":",.SelectMenu-item","declarations":1},{"selector":".SelectMenu-item:focus,.SelectMenu-item:active","declarations":1}]},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[".SelectMenu-item:focus",".SelectMenu-item:active",".SelectMenu-item"],"specificity":{"max":20,"average":16.666666666666668}},"declarations":{"total":2,"unique":2,"uniqueToTotalRatio":1,"properties":{"background-color":["var(--color-canvas-subtle)"],"-webkit-tap-highlight-color":["var(--color-select-menu-tap-highlight)"]}}}]}}
1
+ {"size":6162,"gzipSize":1460,"humanizedSize":"6KB","humanizedGzipSize":"1KB","rules":{"total":54,"size":{"graph":[10,6,8,1,13,2,2,9,5,1,3,1,6,2,3,1,2,1,9,11,2,1,3,3,6,1,1,9,6,5,2,4,3,7,1,2,6,1,3,3,1,1,2,3,2,1,1,1,1,1,1,2,1,1],"max":13,"average":3.4074074074074074},"selectorByRuleSizes":[{"selector":".SelectMenu-modal","declarations":13},{"selector":".SelectMenu-item","declarations":11},{"selector":".SelectMenu","declarations":10},{"selector":".SelectMenu-tab","declarations":9},{"selector":".SelectMenu-list","declarations":9},{"selector":".SelectMenu-modal","declarations":9},{"selector":".SelectMenu::before","declarations":8},{"selector":".SelectMenu-divider","declarations":7},{"selector":".SelectMenu-footer","declarations":6},{"selector":".SelectMenu-tab","declarations":6},{"selector":".SelectMenu-tabs","declarations":6},{"selector":".SelectMenu-closeButton","declarations":6},{"selector":".SelectMenu","declarations":6},{"selector":".SelectMenu-tab[aria-selected=true]","declarations":5},{"selector":".SelectMenu-header","declarations":5},{"selector":".SelectMenu-message","declarations":4},{"selector":".SelectMenu-item[aria-checked=true] .SelectMenu-icon--check","declarations":3},{"selector":".SelectMenu--hasFilter .SelectMenu-modal","declarations":3},{"selector":".SelectMenu--hasFilter .SelectMenu-modal","declarations":3},{"selector":".SelectMenu-blankslate,.SelectMenu-loading","declarations":3},{"selector":".SelectMenu-icon--check","declarations":3},{"selector":".SelectMenu-icon","declarations":3},{"selector":".SelectMenu-filter","declarations":3},{"selector":".SelectMenu-title","declarations":3},{"selector":".SelectMenu-tab:not([aria-selected=true]):active","declarations":2},{"selector":".SelectMenu-item:disabled,.SelectMenu-item[aria-disabled=true]","declarations":2},{"selector":".SelectMenu-item[aria-checked=true]","declarations":2},{"selector":".SelectMenu-list--borderless .SelectMenu-divider:empty","declarations":2},{"selector":".SelectMenu-tab[aria-selected=true]","declarations":2},{"selector":".SelectMenu-item","declarations":2},{"selector":".SelectMenu-input","declarations":2},{"selector":".SelectMenu-closeButton","declarations":2},{"selector":"0%","declarations":2},{"selector":"0%","declarations":2},{"selector":".SelectMenu-item","declarations":1},{"selector":".SelectMenu-item:focus,.SelectMenu-item:active","declarations":1},{"selector":".SelectMenu-tab:hover","declarations":1},{"selector":"body:not(.intent-mouse) .SelectMenu-tab:focus","declarations":1},{"selector":".SelectMenu-item:active","declarations":1},{"selector":"body:not(.intent-mouse) .SelectMenu-item:focus,.SelectMenu-item:hover","declarations":1},{"selector":".SelectMenu-closeButton:active","declarations":1},{"selector":"body:not(.intent-mouse) .SelectMenu-closeButton:focus,.SelectMenu-closeButton:hover","declarations":1},{"selector":".SelectMenu-item:hover","declarations":1},{"selector":".SelectMenu-tab:focus,.SelectMenu-item:focus","declarations":1},{"selector":".SelectMenu-footer","declarations":1},{"selector":".SelectMenu-list--borderless .SelectMenu-divider","declarations":1},{"selector":".SelectMenu-tabs","declarations":1},{"selector":".SelectMenu-tabs::-webkit-scrollbar","declarations":1},{"selector":".SelectMenu-list--borderless .SelectMenu-item","declarations":1},{"selector":".SelectMenu-input","declarations":1},{"selector":".SelectMenu-filter","declarations":1},{"selector":".SelectMenu-title","declarations":1},{"selector":".SelectMenu-header","declarations":1},{"selector":".SelectMenu::before","declarations":1}]},"selectors":{"total":58,"type":3,"class":58,"id":0,"pseudoClass":16,"pseudoElement":2,"values":[".SelectMenu",".SelectMenu",".SelectMenu::before",".SelectMenu::before",".SelectMenu-modal",".SelectMenu-modal",".SelectMenu-header",".SelectMenu-header",".SelectMenu-title",".SelectMenu-title",".SelectMenu-closeButton",".SelectMenu-closeButton",".SelectMenu-filter",".SelectMenu-filter",".SelectMenu-input",".SelectMenu-input",".SelectMenu-list",".SelectMenu-item",".SelectMenu-item",".SelectMenu-list--borderless .SelectMenu-item",".SelectMenu-icon",".SelectMenu-icon--check",".SelectMenu-tabs",".SelectMenu-tabs::-webkit-scrollbar",".SelectMenu-tabs",".SelectMenu-tab",".SelectMenu-tab",".SelectMenu-tab[aria-selected=true]",".SelectMenu-tab[aria-selected=true]",".SelectMenu-message",".SelectMenu-blankslate",".SelectMenu-loading",".SelectMenu-divider",".SelectMenu-list--borderless .SelectMenu-divider",".SelectMenu-list--borderless .SelectMenu-divider:empty",".SelectMenu-footer",".SelectMenu-footer",".SelectMenu--hasFilter .SelectMenu-modal",".SelectMenu--hasFilter .SelectMenu-modal",".SelectMenu-tab:focus",".SelectMenu-item:focus",".SelectMenu-item:hover",".SelectMenu-item[aria-checked=true]",".SelectMenu-item[aria-checked=true] .SelectMenu-icon--check",".SelectMenu-item:disabled",".SelectMenu-item[aria-disabled=true]","body:not(.intent-mouse) .SelectMenu-closeButton:focus",".SelectMenu-closeButton:hover",".SelectMenu-closeButton:active","body:not(.intent-mouse) .SelectMenu-item:focus",".SelectMenu-item:hover",".SelectMenu-item:active","body:not(.intent-mouse) .SelectMenu-tab:focus",".SelectMenu-tab:hover",".SelectMenu-tab:not([aria-selected=true]):active",".SelectMenu-item:focus",".SelectMenu-item:active",".SelectMenu-item"],"specificity":{"max":31,"average":15.448275862068966}},"declarations":{"total":184,"unique":111,"uniqueToTotalRatio":0.6032608695652174,"properties":{"position":["fixed","absolute","absolute","relative","relative"],"top":["0","auto","0"],"right":["0","auto","0"],"bottom":["0","auto","0"],"left":["0","auto","0"],"z-index":["99","99","1","0"],"display":["flex","none","flex","flex","block","flex","flex","none"],"padding":["16px","0","16px","7px 7px 7px 16px","16px","8px","16px","8px","0","16px","8px 8px 0 8px","8px 16px","4px 16px","7px 16px","24px 16px","4px 16px","0","8px 16px","7px 16px"],"pointer-events":["none","none","auto","none"],"flex-direction":["column","column"],"content":["\"\""],"background-color":["var(--color-primer-canvas-backdrop)","var(--color-canvas-overlay)","transparent","var(--color-canvas-overlay)","var(--color-canvas-overlay)","transparent","var(--color-canvas-overlay)","var(--color-canvas-overlay)","var(--color-canvas-overlay)","var(--color-canvas-subtle)","var(--color-neutral-subtle)","var(--color-canvas-subtle)","var(--color-select-menu-tap-focus-bg)","var(--color-canvas-subtle)","var(--color-canvas-subtle)"],"max-height":["66%","480px","none","480px"],"margin":["auto 0","8px 0 16px 0","-16px","-8px -7px","0","0","0"],"overflow":["hidden","hidden"],"border":["1px solid var(--color-select-menu-backdrop-border)","0","0","0","1px solid transparent"],"border-radius":["12px","6px"],"box-shadow":["var(--color-shadow-large)","var(--color-shadow-large)","inset 0 -1px 0 var(--color-border-muted)","inset 0 -1px 0 var(--color-border-muted)","0 0 0 1px var(--color-border-muted)","none"],"animation":["SelectMenu-modal-animation .12s cubic-bezier(0, 0.1, 0.1, 1) backwards"],"opacity":["0","0"],"transform":["scale(0.9)","translateY(-16px)","scale(0)","scale(1)"],"width":["300px","100%","100%","16px"],"height":["auto","80%","auto"],"font-size":["12px","14px","inherit","14px","12px","12px","12px"],"border-color":["var(--color-border-default)","var(--color-border-muted)"],"animation-name":["SelectMenu-modal-animation--sm"],"flex":["none","1","auto","1","none"],"align-items":["center","center"],"border-bottom":["1px solid var(--color-border-muted)","1px solid var(--color-border-muted)","1px solid var(--color-border-muted)","0","1px solid var(--color-border-muted)","1px solid var(--color-border-muted)"],"font-weight":["600","500","500","500"],"line-height":["1"],"color":["var(--color-fg-muted)","var(--color-fg-default)","var(--color-fg-muted)","var(--color-fg-default)","var(--color-fg-muted)","var(--color-fg-muted)","var(--color-fg-default)","var(--color-primer-fg-disabled)","var(--color-fg-default)","var(--color-fg-muted)","var(--color-fg-default)","var(--color-fg-default)"],"margin-bottom":["-1px"],"overflow-x":["hidden","auto"],"overflow-y":["auto","hidden"],"-webkit-overflow-scrolling":["touch","touch"],"text-align":["left","center","center","center","center"],"cursor":["pointer","default"],"padding-top":["7px"],"padding-bottom":["7px"],"margin-right":["8px"],"flex-shrink":["0","0"],"visibility":["hidden","visible"],"transition":["transform .12s cubic-bezier(0.5, 0.1, 1, 0.5),visibility 0s .12s linear","transform .12s cubic-bezier(0, 0, 0.2, 1),visibility 0s linear"],"border-bottom-width":["0"],"border-top-left-radius":["6px"],"border-top-right-radius":["6px"],"border-top":["1px solid var(--color-border-muted)","0","1px solid var(--color-border-muted)"],"margin-top":["0","8px"],"outline":["0"],"text-decoration":["none"],"-webkit-tap-highlight-color":["var(--color-select-menu-tap-highlight)"]}},"mediaQueries":{"total":16,"unique":3,"values":["(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(min-width: 544px)","(hover: hover)","(hover: none)"],"contents":[{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[6],"max":6,"average":6},"selectorByRuleSizes":[{"selector":".SelectMenu","declarations":6}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu"],"specificity":{"max":10,"average":10}},"declarations":{"total":6,"unique":6,"uniqueToTotalRatio":1,"properties":{"position":["absolute"],"top":["auto"],"right":["auto"],"bottom":["auto"],"left":["auto"],"padding":["0"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".SelectMenu::before","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":1,"values":[".SelectMenu::before"],"specificity":{"max":11,"average":11}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"display":["none"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[9],"max":9,"average":9},"selectorByRuleSizes":[{"selector":".SelectMenu-modal","declarations":9}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-modal"],"specificity":{"max":10,"average":10}},"declarations":{"total":9,"unique":9,"uniqueToTotalRatio":1,"properties":{"width":["300px"],"height":["auto"],"max-height":["480px"],"margin":["8px 0 16px 0"],"font-size":["12px"],"border-color":["var(--color-border-default)"],"border-radius":["6px"],"box-shadow":["var(--color-shadow-large)"],"animation-name":["SelectMenu-modal-animation--sm"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".SelectMenu-header","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-header"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"padding":["7px 7px 7px 16px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".SelectMenu-title","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-title"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"font-size":["inherit"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2},"selectorByRuleSizes":[{"selector":".SelectMenu-closeButton","declarations":2}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-closeButton"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"uniqueToTotalRatio":1,"properties":{"padding":["8px"],"margin":["-8px -7px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".SelectMenu-filter","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-filter"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"padding":["8px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".SelectMenu-input","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-input"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"font-size":["14px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2},"selectorByRuleSizes":[{"selector":".SelectMenu-item","declarations":2}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-item"],"specificity":{"max":10,"average":10}},"declarations":{"total":2,"unique":2,"uniqueToTotalRatio":1,"properties":{"padding-top":["7px"],"padding-bottom":["7px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".SelectMenu-tabs","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-tabs"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"padding":["8px 8px 0 8px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[6],"max":6,"average":6},"selectorByRuleSizes":[{"selector":".SelectMenu-tab","declarations":6}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-tab"],"specificity":{"max":10,"average":10}},"declarations":{"total":6,"unique":6,"uniqueToTotalRatio":1,"properties":{"flex":["none"],"padding":["4px 16px"],"border":["1px solid transparent"],"border-bottom-width":["0"],"border-top-left-radius":["6px"],"border-top-right-radius":["6px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2},"selectorByRuleSizes":[{"selector":".SelectMenu-tab[aria-selected=true]","declarations":2}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-tab[aria-selected=true]"],"specificity":{"max":20,"average":20}},"declarations":{"total":2,"unique":2,"uniqueToTotalRatio":1,"properties":{"border-color":["var(--color-border-muted)"],"box-shadow":["none"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".SelectMenu-footer","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu-footer"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"padding":["7px 16px"]}}},{"value":"(min-width: 544px)","rules":{"total":1,"size":{"graph":[3],"max":3,"average":3},"selectorByRuleSizes":[{"selector":".SelectMenu--hasFilter .SelectMenu-modal","declarations":3}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".SelectMenu--hasFilter .SelectMenu-modal"],"specificity":{"max":20,"average":20}},"declarations":{"total":3,"unique":3,"uniqueToTotalRatio":1,"properties":{"height":["auto"],"max-height":["480px"],"margin-top":["8px"]}}},{"value":"(hover: hover)","rules":{"total":7,"size":{"graph":[1,1,1,1,1,1,2],"max":2,"average":1.1428571428571428},"selectorByRuleSizes":[{"selector":",.SelectMenu-tab:not([aria-selected=true]):active","declarations":2},{"selector":",.SelectMenu-tab:hover","declarations":1},{"selector":",body:not(.intent-mouse) .SelectMenu-tab:focus","declarations":1},{"selector":",.SelectMenu-item:active","declarations":1},{"selector":",body:not(.intent-mouse) .SelectMenu-item:focus,.SelectMenu-item:hover","declarations":1},{"selector":",.SelectMenu-closeButton:active","declarations":1},{"selector":"body:not(.intent-mouse) .SelectMenu-closeButton:focus,.SelectMenu-closeButton:hover","declarations":1}]},"selectors":{"total":9,"type":3,"class":9,"id":0,"pseudoClass":9,"pseudoElement":0,"values":["body:not(.intent-mouse) .SelectMenu-closeButton:focus",".SelectMenu-closeButton:hover",".SelectMenu-closeButton:active","body:not(.intent-mouse) .SelectMenu-item:focus",".SelectMenu-item:hover",".SelectMenu-item:active","body:not(.intent-mouse) .SelectMenu-tab:focus",".SelectMenu-tab:hover",".SelectMenu-tab:not([aria-selected=true]):active"],"specificity":{"max":31,"average":24.77777777777778}},"declarations":{"total":8,"unique":5,"uniqueToTotalRatio":0.625,"properties":{"color":["var(--color-fg-default)","var(--color-fg-muted)","var(--color-fg-default)","var(--color-fg-default)"],"background-color":["var(--color-neutral-subtle)","var(--color-canvas-subtle)","var(--color-select-menu-tap-focus-bg)","var(--color-canvas-subtle)"]}}},{"value":"(hover: none)","rules":{"total":2,"size":{"graph":[1,1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":",.SelectMenu-item","declarations":1},{"selector":".SelectMenu-item:focus,.SelectMenu-item:active","declarations":1}]},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[".SelectMenu-item:focus",".SelectMenu-item:active",".SelectMenu-item"],"specificity":{"max":20,"average":16.666666666666668}},"declarations":{"total":2,"unique":2,"uniqueToTotalRatio":1,"properties":{"background-color":["var(--color-canvas-subtle)"],"-webkit-tap-highlight-color":["var(--color-select-menu-tap-highlight)"]}}}]}}
@@ -133,6 +133,10 @@
133
133
  }
134
134
  }
135
135
 
136
+ &[readonly] {
137
+ background-color: var(--color-input-disabled-bg);
138
+ }
139
+
136
140
  ::placeholder {
137
141
  color: var(--color-fg-subtle);
138
142
  opacity: 1;
@@ -161,6 +165,11 @@
161
165
 
162
166
  &.FormControl-inset {
163
167
  background-color: var(--color-canvas-inset);
168
+
169
+ &:focus-visible,
170
+ &:focus {
171
+ background-color: var(--color-canvas-default);
172
+ }
164
173
  }
165
174
 
166
175
  &.FormControl-monospace {
@@ -15,17 +15,67 @@ $primer-borderRadius-large: 0.75rem;
15
15
 
16
16
  .Overlay {
17
17
  display: flex;
18
+ width: min(var(--overlay-width), 100vw - 2rem);
18
19
  min-width: 192px;
20
+ max-height: min(calc(100vh - 2rem), var(--overlay-height));
19
21
  flex-direction: column;
20
22
  background-color: var(--color-canvas-overlay);
21
23
  border-radius: $primer-borderRadius-large;
22
24
  box-shadow: var(--color-overlay-shadow);
23
25
  opacity: 1;
24
26
 
27
+ &.Overlay--size-auto {
28
+ min-width: 192px;
29
+ max-width: calc(100vw - 2rem);
30
+ max-height: calc(100vh - 2rem);
31
+ }
32
+
33
+ &.Overlay--size-full {
34
+ width: 100vw;
35
+ height: 100vh;
36
+ }
37
+
38
+ &.Overlay--size-xsmall {
39
+ --overlay-width: 192px;
40
+
41
+ max-height: calc(100vh - 2rem);
42
+ }
43
+
44
+ &.Overlay--size-small {
45
+ --overlay-height: 256px;
46
+ --overlay-width: 320px;
47
+ }
48
+
49
+ &.Overlay--size-small-portrait {
50
+ --overlay-height: 432px;
51
+ --overlay-width: 320px;
52
+ }
53
+
54
+ &.Overlay--size-medium {
55
+ --overlay-height: 320px;
56
+ --overlay-width: 480px;
57
+ }
58
+
59
+ &.Overlay--size-medium-portrait {
60
+ --overlay-height: 600px;
61
+ --overlay-width: 480px;
62
+ }
63
+
64
+ &.Overlay--size-large {
65
+ --overlay-height: 432px;
66
+ --overlay-width: 640px;
67
+ }
68
+
69
+ &.Overlay--size-xlarge {
70
+ --overlay-height: 600px;
71
+ --overlay-width: 960px;
72
+ }
73
+
25
74
  &.Overlay--height-auto {
26
75
  height: auto;
27
76
  }
28
77
 
78
+ // start deprecate in favor of Alpha::Dialog
29
79
  &.Overlay--height-xsmall {
30
80
  height: min(192px, 100vh - 2rem);
31
81
  }
@@ -73,6 +123,8 @@ $primer-borderRadius-large: 0.75rem;
73
123
  width: min(960px, 100vw - 2rem);
74
124
  }
75
125
 
126
+ // end deprecate
127
+
76
128
  &.Overlay--motion-scaleFade {
77
129
  @media screen and (prefers-reduced-motion: no-preference) {
78
130
  animation: 200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-scaleFade;
@@ -172,6 +224,7 @@ $primer-borderRadius-large: 0.75rem;
172
224
  padding-top: 0;
173
225
  overflow-y: auto;
174
226
  scrollbar-width: thin;
227
+ scrollbar-gutter: stable;
175
228
  font-size: $body-font-size;
176
229
  flex-grow: 1;
177
230
 
@@ -293,9 +346,15 @@ $primer-borderRadius-large: 0.75rem;
293
346
  justify-content: left;
294
347
 
295
348
  .Overlay#{$responsiveVariant} {
349
+ height: 100vh;
350
+ max-height: unset;
296
351
  border-radius: $primer-borderRadius-large;
297
352
  border-top-left-radius: 0;
298
353
  border-bottom-left-radius: 0;
354
+
355
+ @media screen and (prefers-reduced-motion: no-preference) {
356
+ animation: 160ms cubic-bezier(0.32, 0, 0.67, 0) 0s 1 normal none running Overlay--motion-slideInRight;
357
+ }
299
358
  }
300
359
  }
301
360
 
@@ -304,9 +363,15 @@ $primer-borderRadius-large: 0.75rem;
304
363
  justify-content: right;
305
364
 
306
365
  .Overlay#{$responsiveVariant} {
366
+ height: 100vh;
367
+ max-height: unset;
307
368
  border-radius: $primer-borderRadius-large;
308
369
  border-top-right-radius: 0;
309
370
  border-bottom-right-radius: 0;
371
+
372
+ @media screen and (prefers-reduced-motion: no-preference) {
373
+ animation: 160ms cubic-bezier(0.32, 0, 0.67, 0) 0s 1 normal none running Overlay--motion-slideInLeft;
374
+ }
310
375
  }
311
376
  }
312
377
 
@@ -315,9 +380,16 @@ $primer-borderRadius-large: 0.75rem;
315
380
  justify-content: center;
316
381
 
317
382
  .Overlay#{$responsiveVariant} {
383
+ width: 100vw;
384
+ height: auto;
385
+ max-height: calc(100vh - 2rem);
318
386
  border-radius: $primer-borderRadius-large;
319
387
  border-bottom-right-radius: 0;
320
388
  border-bottom-left-radius: 0;
389
+
390
+ @media screen and (prefers-reduced-motion: no-preference) {
391
+ animation: 160ms cubic-bezier(0.32, 0, 0.67, 0) 0s 1 normal none running Overlay--motion-slideUp;
392
+ }
321
393
  }
322
394
  }
323
395
 
@@ -342,7 +414,7 @@ $primer-borderRadius-large: 0.75rem;
342
414
  max-width: 100vw;
343
415
  height: 100%;
344
416
  max-height: 100vh;
345
- border-radius: unset;
417
+ border-radius: unset !important;
346
418
  flex-grow: 1;
347
419
  }
348
420
  }
@@ -383,3 +455,21 @@ $primer-borderRadius-large: 0.75rem;
383
455
  @include Overlay-backdrop--full;
384
456
  }
385
457
  }
458
+
459
+ @keyframes Overlay--motion-slideUp {
460
+ from {
461
+ transform: translateY(100%);
462
+ }
463
+ }
464
+
465
+ @keyframes Overlay--motion-slideInRight {
466
+ from {
467
+ transform: translateX(-100%);
468
+ }
469
+ }
470
+
471
+ @keyframes Overlay--motion-slideInLeft {
472
+ from {
473
+ transform: translateX(100%);
474
+ }
475
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/css",
3
- "version": "20.4.3-rc.bbf91393",
3
+ "version": "20.4.4-rc.47edd689",
4
4
  "description": "The CSS implementation of GitHub's Primer Design System",
5
5
  "homepage": "https://primer.style/css",
6
6
  "author": "GitHub, Inc.",
@@ -371,7 +371,6 @@ $SelectMenu-max-height: 480px !default;
371
371
  // Different states
372
372
 
373
373
  // Reset outlines
374
- .SelectMenu-closeButton:focus,
375
374
  .SelectMenu-tab:focus,
376
375
  .SelectMenu-item:focus {
377
376
  outline: 0;