@primer/css 20.8.0-rc.fe3706b6 → 20.8.1-rc.5118418f
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.
- package/CHANGELOG.md +26 -0
- package/alerts/flash.scss +1 -155
- package/autocomplete/autocomplete.scss +1 -118
- package/avatars/avatar-stack.scss +1 -149
- package/avatars/avatar.scss +1 -48
- package/base/normalize.scss +1 -1
- package/blankslate/blankslate.scss +1 -0
- package/blankslate/index.scss +2 -1
- package/box/box.scss +1 -289
- package/breadcrumb/breadcrumb.scss +1 -33
- package/dist/alerts.css +1 -1
- package/dist/alerts.css.map +1 -1
- package/dist/autocomplete.css +1 -1
- package/dist/autocomplete.css.map +1 -1
- package/dist/avatars.css +1 -1
- package/dist/avatars.css.map +1 -1
- package/dist/base.css +1 -1
- package/dist/base.css.map +1 -1
- package/dist/blankslate.css.map +1 -1
- package/dist/box.css +1 -1
- package/dist/box.css.map +1 -1
- package/dist/breadcrumb.css +1 -1
- package/dist/breadcrumb.css.map +1 -1
- package/dist/core.css +1 -1
- package/dist/core.css.map +1 -1
- package/dist/dropdown.css +1 -1
- package/dist/dropdown.css.map +1 -1
- package/dist/forms.css +1 -1
- package/dist/forms.css.map +1 -1
- package/dist/labels.css +1 -1
- package/dist/labels.css.map +1 -1
- package/dist/layout.css +1 -1
- package/dist/layout.css.map +1 -1
- package/dist/links.css +1 -1
- package/dist/links.css.map +1 -1
- package/dist/meta.json +219 -219
- package/dist/navigation.css +1 -1
- package/dist/navigation.css.map +1 -1
- package/dist/overlay.css +1 -1
- package/dist/overlay.css.map +1 -1
- package/dist/popover.css +1 -1
- package/dist/popover.css.map +1 -1
- package/dist/primer.css +2 -2
- package/dist/primer.css.map +1 -1
- package/dist/product.css +1 -1
- package/dist/product.css.map +1 -1
- package/dist/progress.css +1 -1
- package/dist/progress.css.map +1 -1
- package/dist/stats/alerts.json +1 -1
- package/dist/stats/autocomplete.json +1 -1
- package/dist/stats/avatars.json +1 -1
- package/dist/stats/base.json +1 -1
- package/dist/stats/box.json +1 -1
- package/dist/stats/breadcrumb.json +1 -1
- package/dist/stats/core.json +1 -1
- package/dist/stats/dropdown.json +1 -1
- package/dist/stats/forms.json +1 -1
- package/dist/stats/labels.json +1 -1
- package/dist/stats/layout.json +1 -1
- package/dist/stats/links.json +1 -1
- package/dist/stats/navigation.json +1 -1
- package/dist/stats/overlay.json +1 -1
- package/dist/stats/popover.json +1 -1
- package/dist/stats/primer.json +1 -1
- package/dist/stats/product.json +1 -1
- package/dist/stats/progress.json +1 -1
- package/dist/stats/subhead.json +1 -1
- package/dist/stats/timeline.json +1 -1
- package/dist/stats/toggle-switch.json +1 -1
- package/dist/stats/truncate.json +1 -1
- package/dist/subhead.css +1 -1
- package/dist/subhead.css.map +1 -1
- package/dist/timeline.css +1 -1
- package/dist/timeline.css.map +1 -1
- package/dist/toggle-switch.css +1 -1
- package/dist/toggle-switch.css.map +1 -1
- package/dist/truncate.css +1 -1
- package/dist/truncate.css.map +1 -1
- package/dropdown/dropdown.scss +1 -270
- package/forms/FormControl.scss +1 -677
- package/labels/counters.scss +1 -36
- package/labels/labels.scss +1 -92
- package/labels/states.scss +1 -56
- package/layout/index.scss +0 -1
- package/layout/layout.scss +1 -182
- package/layout/page-layout.scss +26 -0
- package/links/link.scss +1 -60
- package/navigation/menu.scss +1 -119
- package/navigation/tabnav.scss +1 -104
- package/navigation/underline-nav.scss +1 -136
- package/overlay/overlay.scss +1 -485
- package/package.json +2 -2
- package/popover/popover.scss +1 -226
- package/primitives/index.scss +9 -9
- package/progress/progress.scss +1 -27
- package/subhead/subhead.scss +1 -48
- package/timeline/timeline-item.scss +1 -94
- package/toggle-switch/toggle-switch.scss +1 -243
- package/truncate/truncate.scss +2 -61
- package/layout/mixins.scss +0 -105
package/dist/overlay.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.Overlay--hidden{display:none !important}.Overlay--visibilityHidden{height:0;overflow:hidden;visibility:hidden;opacity:0}.Overlay{display:flex;width:min(var(--overlay-width),100vw - 2rem);min-width:192px;max-height:min(100vh - 2rem,var(--overlay-height));white-space:normal;flex-direction:column;background-color:var(--color-canvas-overlay);border-radius:.75rem;box-shadow:var(--color-overlay-shadow);opacity:1}.Overlay.Overlay--size-auto{min-width:192px;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.Overlay.Overlay--size-full{width:100vw;height:100vh}.Overlay.Overlay--size-xsmall{--overlay-width: 192px;max-height:calc(100vh - 2rem)}.Overlay.Overlay--size-small{--overlay-height: 256px;--overlay-width: 320px}.Overlay.Overlay--size-small-portrait{--overlay-height: 432px;--overlay-width: 320px}.Overlay.Overlay--size-medium{--overlay-height: 320px;--overlay-width: 480px}.Overlay.Overlay--size-medium-portrait{--overlay-height: 600px;--overlay-width: 480px}.Overlay.Overlay--size-large{--overlay-height: 432px;--overlay-width: 640px}.Overlay.Overlay--size-xlarge{--overlay-height: 600px;--overlay-width: 960px}.Overlay.Overlay--height-auto{height:auto}.Overlay.Overlay--height-xsmall{height:min(192px,100vh - 2rem)}.Overlay.Overlay--height-small{height:min(256px,100vh - 2rem)}.Overlay.Overlay--height-medium{height:min(320px,100vh - 2rem)}.Overlay.Overlay--height-large{height:min(432px,100vh - 2rem)}.Overlay.Overlay--height-xlarge{height:min(600px,100vh - 2rem)}.Overlay.Overlay--width-auto{width:auto}.Overlay.Overlay--width-small{width:min(256px,100vw - 2rem)}.Overlay.Overlay--width-medium{width:min(320px,100vw - 2rem)}.Overlay.Overlay--width-large{width:min(480px,100vw - 2rem)}.Overlay.Overlay--width-xlarge{width:min(640px,100vw - 2rem)}.Overlay.Overlay--width-xxlarge{width:min(960px,100vw - 2rem)}@media screen and (prefers-reduced-motion: no-preference){.Overlay.Overlay--motion-scaleFade{animation:200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-scaleFade}}@keyframes Overlay--motion-scaleFade{0%{opacity:0;transform:scale(0.5)}100%{opacity:1;transform:scale(1)}}.Overlay-form{display:flex;overflow:auto;flex-direction:column;flex-grow:1}.Overlay-header{z-index:1;display:flex;flex-direction:column}.Overlay-header.Overlay-header--divided{padding-bottom:8px;box-shadow:inset 0 -1px var(--color-border-default)}.Overlay-header.Overlay-header--divided+.Overlay-body{padding-top:16px}.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap{gap:8px}.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-title{font-size:20px}.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-description{font-size:14px}.Overlay-header .Overlay-headerContentWrap{display:flex;align-items:flex-start;gap:8px;padding:8px 8px 0 8px}.Overlay-header .Overlay-headerContentWrap .Overlay-actionWrap{display:flex;flex-direction:row;gap:8px}.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap{display:flex;padding:6px 0 6px 8px;flex-direction:column;flex-grow:1;gap:4px}.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-title{margin:0;font-size:14px;font-weight:var(--base-text-weight-semibold, 600)}.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-description{margin:0;font-size:12px;font-weight:var(--base-text-weight-normal, 400);color:var(--color-fg-muted)}.Overlay-body{padding:16px;padding-top:0;overflow-y:auto;scrollbar-width:thin;font-size:14px;flex-grow:1}.Overlay-body.Overlay-body--paddingCondensed{padding:8px;padding-top:0}.Overlay-body.Overlay-body--paddingNone{padding:0}.Overlay-footer{z-index:1;display:flex;padding:0 16px 16px 16px;flex-direction:row;flex-shrink:0;flex-wrap:wrap}.Overlay-footer.Overlay-footer--divided{padding-top:16px;box-shadow:inset 0 1px var(--color-border-default)}.Overlay-footer.Overlay-footer--alignStart{justify-content:flex-start;gap:8px}.Overlay-footer.Overlay-footer--alignCenter{justify-content:center;gap:8px}.Overlay-footer.Overlay-footer--alignEnd{justify-content:flex-end;gap:8px}.Overlay-closeButton{position:relative;display:grid;width:32px;height:32px;padding:0;color:var(--color-fg-muted);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;border-radius:6px;transition:.2s cubic-bezier(0.3, 0, 0.5, 1);transition-property:color,background-color,border-color;place-content:center;align-self:flex-start;flex-shrink:0}.Overlay-closeButton:hover,.Overlay-closeButton:focus{background-color:var(--color-btn-hover-bg);border:1px solid var(--color-btn-hover-bg)}.Overlay-backdrop--center{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;background-color:var(--color-neutral-muted);align-items:center;justify-content:center}.Overlay-backdrop--anchor{position:absolute;z-index:999;background-color:transparent}.Overlay-backdrop--anchor .Overlay{width:auto}.Overlay-backdrop--side{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;background-color:var(--color-neutral-muted);align-items:center;justify-content:left}.Overlay-backdrop--side.Overlay-backdrop--placement-left{align-items:center;justify-content:left}.Overlay-backdrop--side.Overlay-backdrop--placement-left>.Overlay{height:100vh;max-height:unset;border-radius:.75rem;border-top-left-radius:0;border-bottom-left-radius:0}@media screen and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side.Overlay-backdrop--placement-left>.Overlay{animation:250ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-slideInRight}}.Overlay-backdrop--side.Overlay-backdrop--placement-right{align-items:center;justify-content:right}.Overlay-backdrop--side.Overlay-backdrop--placement-right>.Overlay{height:100vh;max-height:unset;border-radius:.75rem;border-top-right-radius:0;border-bottom-right-radius:0}@media screen and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side.Overlay-backdrop--placement-right>.Overlay{animation:250ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-slideInLeft}}.Overlay-backdrop--side.Overlay-backdrop--placement-bottom{align-items:end;justify-content:center}.Overlay-backdrop--side.Overlay-backdrop--placement-bottom>.Overlay{width:100vw;height:auto;max-height:calc(100vh - 2rem);border-radius:.75rem;border-bottom-right-radius:0;border-bottom-left-radius:0}@media screen and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side.Overlay-backdrop--placement-bottom>.Overlay{animation:250ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-slideUp}}.Overlay-backdrop--side.Overlay-backdrop--placement-top{align-items:start;justify-content:center}.Overlay-backdrop--side.Overlay-backdrop--placement-top>.Overlay{border-radius:.75rem;border-top-left-radius:0;border-top-right-radius:0}@media screen and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side.Overlay-backdrop--placement-top>.Overlay{animation:250ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-slideDown}}.Overlay-backdrop--full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;background-color:var(--color-neutral-muted)}.Overlay-backdrop--full .Overlay{width:100%;max-width:100vw;height:100%;max-height:100vh;border-radius:unset !important;flex-grow:1}@media(max-width: 767.98px){.Overlay-backdrop--center-whenNarrow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;background-color:var(--color-neutral-muted);align-items:center;justify-content:center}.Overlay-backdrop--anchor-whenNarrow{position:absolute;z-index:999;background-color:transparent}.Overlay-backdrop--anchor-whenNarrow .Overlay{width:auto}.Overlay-backdrop--side-whenNarrow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;background-color:var(--color-neutral-muted);align-items:center;justify-content:left}.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow{align-items:center;justify-content:left}.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow>.Overlay-whenNarrow{height:100vh;max-height:unset;border-radius:.75rem;border-top-left-radius:0;border-bottom-left-radius:0}}@media screen and (max-width: 767.98px)and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow>.Overlay-whenNarrow{animation:250ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-slideInRight}}@media(max-width: 767.98px){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow{align-items:center;justify-content:right}.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow>.Overlay-whenNarrow{height:100vh;max-height:unset;border-radius:.75rem;border-top-right-radius:0;border-bottom-right-radius:0}}@media screen and (max-width: 767.98px)and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow>.Overlay-whenNarrow{animation:250ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-slideInLeft}}@media(max-width: 767.98px){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow{align-items:end;justify-content:center}.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow>.Overlay-whenNarrow{width:100vw;height:auto;max-height:calc(100vh - 2rem);border-radius:.75rem;border-bottom-right-radius:0;border-bottom-left-radius:0}}@media screen and (max-width: 767.98px)and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow>.Overlay-whenNarrow{animation:250ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-slideUp}}@media(max-width: 767.98px){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow{align-items:start;justify-content:center}.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow>.Overlay-whenNarrow{border-radius:.75rem;border-top-left-radius:0;border-top-right-radius:0}}@media screen and (max-width: 767.98px)and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow>.Overlay-whenNarrow{animation:250ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-slideDown}}@media(max-width: 767.98px){.Overlay-backdrop--full-whenNarrow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;background-color:var(--color-neutral-muted)}.Overlay-backdrop--full-whenNarrow .Overlay{width:100%;max-width:100vw;height:100%;max-height:100vh;border-radius:unset !important;flex-grow:1}}@keyframes Overlay--motion-slideDown{from{transform:translateY(-100%)}}@keyframes Overlay--motion-slideUp{from{transform:translateY(100%)}}@keyframes Overlay--motion-slideInRight{from{transform:translateX(-100%)}}@keyframes Overlay--motion-slideInLeft{from{transform:translateX(100%)}}
|
|
1
|
+
.Overlay--hidden{display:none !important}.Overlay--visibilityHidden{height:0;opacity:0;overflow:hidden;visibility:hidden}.Overlay{background-color:var(--color-canvas-overlay);border-radius:var(--primer-borderRadius-large, 12px);box-shadow:var(--color-overlay-shadow);display:flex;flex-direction:column;max-height:min(100vh - 2rem,var(--overlay-height));min-width:192px;opacity:1;white-space:normal;width:min(var(--overlay-width),100vw - 2rem)}.Overlay.Overlay--size-auto{max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem);min-width:192px}.Overlay.Overlay--size-full{height:100vh;width:100vw}.Overlay.Overlay--size-xsmall{--overlay-width:192px;max-height:calc(100vh - 2rem)}.Overlay.Overlay--size-small{--overlay-height:256px;--overlay-width:320px}.Overlay.Overlay--size-small-portrait{--overlay-height:432px;--overlay-width:320px}.Overlay.Overlay--size-medium{--overlay-height:320px;--overlay-width:480px}.Overlay.Overlay--size-medium-portrait{--overlay-height:600px;--overlay-width:480px}.Overlay.Overlay--size-large{--overlay-height:432px;--overlay-width:640px}.Overlay.Overlay--size-xlarge{--overlay-height:600px;--overlay-width:960px}.Overlay.Overlay--height-auto{height:auto}.Overlay.Overlay--height-xsmall{height:min(192px,100vh - 2rem)}.Overlay.Overlay--height-small{height:min(256px,100vh - 2rem)}.Overlay.Overlay--height-medium{height:min(320px,100vh - 2rem)}.Overlay.Overlay--height-large{height:min(432px,100vh - 2rem)}.Overlay.Overlay--height-xlarge{height:min(600px,100vh - 2rem)}.Overlay.Overlay--width-auto{width:auto}.Overlay.Overlay--width-small{width:min(256px,100vw - 2rem)}.Overlay.Overlay--width-medium{width:min(320px,100vw - 2rem)}.Overlay.Overlay--width-large{width:min(480px,100vw - 2rem)}.Overlay.Overlay--width-xlarge{width:min(640px,100vw - 2rem)}.Overlay.Overlay--width-xxlarge{width:min(960px,100vw - 2rem)}@media screen and (prefers-reduced-motion: no-preference){.Overlay.Overlay--motion-scaleFade{animation:Overlay--motion-scaleFade .2s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running}}@keyframes Overlay--motion-scaleFade{0%{opacity:0;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}.Overlay-form{flex-grow:1;overflow:auto}.Overlay-form,.Overlay-header{display:flex;flex-direction:column}.Overlay-header{z-index:1}.Overlay-header.Overlay-header--divided{box-shadow:inset 0 calc(var(--primer-borderWidth-thin, 1px)*-1) var(--color-border-default);padding-bottom:var(--primer-stack-padding-condensed, 8px)}.Overlay-header.Overlay-header--divided+.Overlay-body{padding-top:var(--primer-stack-padding-normal, 16px)}.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap{gap:var(--primer-stack-gap-condensed, 8px)}.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-title{font-size:var(--primer-text-title-size-medium, 20px)}.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-description{font-size:var(--primer-text-body-size-medium, 14px)}.Overlay-header .Overlay-headerContentWrap{align-items:flex-start;display:flex;gap:var(--primer-stack-gap-condensed, 8px);padding:var(--primer-stack-gap-condensed, 8px) var(--primer-stack-gap-condensed, 8px) 0 var(--primer-stack-gap-condensed, 8px)}.Overlay-header .Overlay-headerContentWrap .Overlay-actionWrap{display:flex;flex-direction:row;gap:var(--primer-stack-gap-condensed, 8px)}.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap{display:flex;flex-direction:column;flex-grow:1;gap:var(--primer-control-small-gap, 4px);padding:calc(var(--primer-stack-gap-condensed, 8px)*.75) 0 calc(var(--primer-stack-gap-condensed, 8px)*.75) var(--primer-stack-gap-condensed, 8px)}.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-title{font-size:var(--primer-text-body-size-medium, 14px);font-weight:var(--base-text-weight-semibold, 600);margin:0}.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-description{color:var(--color-fg-muted);font-size:var(--primer-text-body-size-small, 12px);font-weight:var(--base-text-weight-normal, 400);margin:0}.Overlay-body{flex-grow:1;font-size:var(--primer-text-body-size-medium, 14px);overflow-y:auto;padding:var(--primer-stack-padding-normal, 16px);padding-top:0;scrollbar-width:thin}.Overlay-body.Overlay-body--paddingCondensed{padding:var(--primer-stack-padding-condensed, 8px);padding-top:0}.Overlay-body.Overlay-body--paddingNone{padding:0}.Overlay-footer{display:flex;flex-direction:row;flex-shrink:0;flex-wrap:wrap;padding:0 var(--primer-stack-padding-normal, 16px) var(--primer-stack-padding-normal, 16px) var(--primer-stack-padding-normal, 16px);z-index:1}.Overlay-footer.Overlay-footer--divided{box-shadow:inset 0 var(--primer-borderWidth-thin, 1px) var(--color-border-default);padding-top:var(--primer-stack-padding-normal, 16px)}.Overlay-footer.Overlay-footer--alignStart{gap:var(--primer-stack-gap-condensed, 8px);justify-content:flex-start}.Overlay-footer.Overlay-footer--alignCenter{gap:var(--primer-stack-gap-condensed, 8px);justify-content:center}.Overlay-footer.Overlay-footer--alignEnd{gap:var(--primer-stack-gap-condensed, 8px);justify-content:flex-end}.Overlay-closeButton{align-self:flex-start;background-color:initial;border:var(--primer-borderWidth-thin, 1px) solid #0000;border-radius:var(--primer-borderRadius-medium, 6px);color:var(--color-fg-muted);cursor:pointer;display:grid;flex-shrink:0;height:var(--base-size-32, 32px);padding:0;place-content:center;position:relative;transition:.2s cubic-bezier(0.3, 0, 0.5, 1);transition-property:color,background-color,border-color;-webkit-user-select:none;user-select:none;width:var(--base-size-32, 32px)}.Overlay-closeButton:focus,.Overlay-closeButton:hover{background-color:var(--color-btn-hover-bg);border:var(--primer-borderWidth-thin, 1px) solid var(--color-btn-hover-bg)}.Overlay-closeButton.close-button{border:var(--primer-borderWidth-thin, 1px) solid #0000}.Overlay-backdrop--center{align-items:center;background-color:var(--color-neutral-muted);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.Overlay-backdrop--anchor{background-color:initial;position:absolute;z-index:999}.Overlay-backdrop--anchor .Overlay{width:auto}.Overlay-backdrop--side{background-color:var(--color-neutral-muted);bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:999}.Overlay-backdrop--side,.Overlay-backdrop--side.Overlay-backdrop--placement-left{align-items:center;justify-content:left}.Overlay-backdrop--side.Overlay-backdrop--placement-left>.Overlay{border-radius:var(--primer-borderRadius-large, 12px);border-bottom-left-radius:0;border-top-left-radius:0;height:100vh;max-height:unset}@media screen and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side.Overlay-backdrop--placement-left>.Overlay{animation:Overlay--motion-slideInRight .25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running}}.Overlay-backdrop--side.Overlay-backdrop--placement-right{align-items:center;justify-content:right}.Overlay-backdrop--side.Overlay-backdrop--placement-right>.Overlay{border-radius:var(--primer-borderRadius-large, 12px);border-bottom-right-radius:0;border-top-right-radius:0;height:100vh;max-height:unset}@media screen and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side.Overlay-backdrop--placement-right>.Overlay{animation:Overlay--motion-slideInLeft .25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running}}.Overlay-backdrop--side.Overlay-backdrop--placement-bottom{align-items:end;justify-content:center}.Overlay-backdrop--side.Overlay-backdrop--placement-bottom>.Overlay{border-radius:var(--primer-borderRadius-large, 12px);border-bottom-left-radius:0;border-bottom-right-radius:0;height:auto;max-height:calc(100vh - 2rem);width:100vw}@media screen and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side.Overlay-backdrop--placement-bottom>.Overlay{animation:Overlay--motion-slideUp .25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running}}.Overlay-backdrop--side.Overlay-backdrop--placement-top{align-items:start;justify-content:center}.Overlay-backdrop--side.Overlay-backdrop--placement-top>.Overlay{border-radius:var(--primer-borderRadius-large, 12px);border-top-left-radius:0;border-top-right-radius:0}@media screen and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side.Overlay-backdrop--placement-top>.Overlay{animation:Overlay--motion-slideDown .25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running}}.Overlay-backdrop--full{background-color:var(--color-neutral-muted);bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:999}.Overlay-backdrop--full .Overlay{border-radius:unset !important;flex-grow:1;height:100%;max-height:100vh;max-width:100vw;width:100%}@media(max-width: 767px){.Overlay-backdrop--center-whenNarrow{align-items:center;background-color:var(--color-neutral-muted);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.Overlay-backdrop--anchor-whenNarrow{background-color:initial;position:absolute;z-index:999}.Overlay-backdrop--anchor-whenNarrow .Overlay{width:auto}.Overlay-backdrop--side-whenNarrow{background-color:var(--color-neutral-muted);bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:999}.Overlay-backdrop--side-whenNarrow,.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow{align-items:center;justify-content:left}.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow>.Overlay-whenNarrow{border-radius:var(--primer-borderRadius-large, 12px);border-bottom-left-radius:0;border-top-left-radius:0;height:100vh;max-height:unset}}@media screen and (max-width: 767px)and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow>.Overlay-whenNarrow{animation:Overlay--motion-slideInRight .25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running}}@media(max-width: 767px){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow{align-items:center;justify-content:right}}@media(max-width: 767px){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow>.Overlay-whenNarrow{border-radius:var(--primer-borderRadius-large, 12px);border-bottom-right-radius:0;border-top-right-radius:0;height:100vh;max-height:unset}}@media screen and (max-width: 767px)and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow>.Overlay-whenNarrow{animation:Overlay--motion-slideInLeft .25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running}}@media(max-width: 767px){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow{align-items:end;justify-content:center}}@media(max-width: 767px){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow>.Overlay-whenNarrow{border-radius:var(--primer-borderRadius-large, 12px);border-bottom-left-radius:0;border-bottom-right-radius:0;height:auto;max-height:calc(100vh - 2rem);width:100vw}}@media screen and (max-width: 767px)and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow>.Overlay-whenNarrow{animation:Overlay--motion-slideUp .25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running}}@media(max-width: 767px){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow{align-items:start;justify-content:center}}@media(max-width: 767px){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow>.Overlay-whenNarrow{border-radius:var(--primer-borderRadius-large, 12px);border-top-left-radius:0;border-top-right-radius:0}}@media screen and (max-width: 767px)and (prefers-reduced-motion: no-preference){.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow>.Overlay-whenNarrow{animation:Overlay--motion-slideDown .25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running}}@media(max-width: 767px){.Overlay-backdrop--full-whenNarrow{background-color:var(--color-neutral-muted);bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:999}}@media(max-width: 767px){.Overlay-backdrop--full-whenNarrow .Overlay{border-radius:unset !important;flex-grow:1;height:100%;max-height:100vh;max-width:100vw;width:100%}}@keyframes Overlay--motion-slideDown{0%{transform:translateY(-100%)}}@keyframes Overlay--motion-slideUp{0%{transform:translateY(100%)}}@keyframes Overlay--motion-slideInRight{0%{transform:translateX(-100%)}}@keyframes Overlay--motion-slideInLeft{0%{transform:translateX(100%)}}
|
|
2
2
|
/*# sourceMappingURL=overlay.css.map */
|
package/dist/overlay.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["file:///home/runner/work/css/css/src/overlay/index.scss%23sass"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["file:///home/runner/work/css/css/src/overlay/index.scss%23sass"],"names":[],"mappings":"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","file":"overlay.css"}
|
package/dist/popover.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.Popover{position:absolute;z-index:100}.Popover-message{
|
|
1
|
+
.Popover{position:absolute;z-index:100}.Popover-message{background-color:var(--color-canvas-overlay);border:var(--primer-borderWidth-thin, 1px) solid var(--color-border-default);border-radius:var(--primer-borderRadius-medium, 6px);margin-left:auto;margin-right:auto;position:relative;width:232px}.Popover-message:after,.Popover-message:before{content:"";display:inline-block;left:50%;position:absolute}.Popover-message:before{border:8px solid #0000;border-bottom:8px solid var(--color-border-default);margin-left:-9px;top:-16px}.Popover-message:after{border:7px solid #0000;border-bottom:7px solid var(--color-canvas-overlay);margin-left:-8px;top:-14px}.Popover-message--no-caret:after,.Popover-message--no-caret:before{display:none}.Popover-message--bottom-left:after,.Popover-message--bottom-left:before,.Popover-message--bottom-right:after,.Popover-message--bottom-right:before,.Popover-message--bottom:after,.Popover-message--bottom:before{border-bottom-color:#0000;top:auto}.Popover-message--bottom-left:before,.Popover-message--bottom-right:before,.Popover-message--bottom:before{border-top-color:var(--color-border-default);bottom:-16px}.Popover-message--bottom-left:after,.Popover-message--bottom-right:after,.Popover-message--bottom:after{border-top-color:var(--color-canvas-overlay);bottom:-14px}.Popover-message--bottom-right,.Popover-message--top-right{margin-right:0;right:-9px}.Popover-message--bottom-right:after,.Popover-message--bottom-right:before,.Popover-message--top-right:after,.Popover-message--top-right:before{left:auto;margin-left:0}.Popover-message--bottom-right:before,.Popover-message--top-right:before{right:20px}.Popover-message--bottom-right:after,.Popover-message--top-right:after{right:21px}.Popover-message--bottom-left,.Popover-message--top-left{left:-9px;margin-left:0}.Popover-message--bottom-left:after,.Popover-message--bottom-left:before,.Popover-message--top-left:after,.Popover-message--top-left:before{left:24px;margin-left:0}.Popover-message--bottom-left:after,.Popover-message--top-left:after{left:25px}.Popover-message--left-bottom:after,.Popover-message--left-bottom:before,.Popover-message--left-top:after,.Popover-message--left-top:before,.Popover-message--left:after,.Popover-message--left:before,.Popover-message--right-bottom:after,.Popover-message--right-bottom:before,.Popover-message--right-top:after,.Popover-message--right-top:before,.Popover-message--right:after,.Popover-message--right:before{border-bottom-color:#0000;left:auto;margin-left:0;top:50%}.Popover-message--left-bottom:before,.Popover-message--left-top:before,.Popover-message--left:before,.Popover-message--right-bottom:before,.Popover-message--right-top:before,.Popover-message--right:before{margin-top:-9px}.Popover-message--left-bottom:after,.Popover-message--left-top:after,.Popover-message--left:after,.Popover-message--right-bottom:after,.Popover-message--right-top:after,.Popover-message--right:after{margin-top:-8px}.Popover-message--right-bottom:before,.Popover-message--right-top:before,.Popover-message--right:before{border-left-color:var(--color-border-default);right:-16px}.Popover-message--right-bottom:after,.Popover-message--right-top:after,.Popover-message--right:after{border-left-color:var(--color-canvas-overlay);right:-14px}.Popover-message--left-bottom:before,.Popover-message--left-top:before,.Popover-message--left:before{border-right-color:var(--color-border-default);left:-16px}.Popover-message--left-bottom:after,.Popover-message--left-top:after,.Popover-message--left:after{border-right-color:var(--color-canvas-overlay);left:-14px}.Popover-message--left-top:after,.Popover-message--left-top:before,.Popover-message--right-top:after,.Popover-message--right-top:before{top:24px}.Popover-message--left-bottom:after,.Popover-message--left-bottom:before,.Popover-message--right-bottom:after,.Popover-message--right-bottom:before{top:auto}.Popover-message--left-bottom:before,.Popover-message--right-bottom:before{bottom:16px}.Popover-message--left-bottom:after,.Popover-message--right-bottom:after{bottom:17px}@media(min-width: 544px){.Popover-message--large{min-width:320px}}@media(max-width: 767.98px){.Popover{bottom:0 !important;left:0 !important;position:fixed;right:0 !important;top:auto !important}.Popover-message{bottom:auto;left:auto;margin:var(--primer-stack-gap-condensed, 8px);right:auto;top:auto;width:auto !important}.Popover-message>.btn-octicon{padding:var(--primer-control-medium-paddingInline-normal, 12px) !important}.Popover-message:after,.Popover-message:before{display:none}}
|
|
2
2
|
/*# sourceMappingURL=popover.css.map */
|
package/dist/popover.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["file:///home/runner/work/css/css/src/popover/index.scss%23sass"],"names":[],"mappings":"AA2kBA,SAAA,
|
|
1
|
+
{"version":3,"sources":["file:///home/runner/work/css/css/src/popover/index.scss%23sass"],"names":[],"mappings":"AA2kBA,SAAA,iBAAA,CAAA,WAAA,CAAA,iBAAA,4CAAA,CAAA,4EAAA,CAAA,oDAAA,CAAA,gBAAA,CAAA,iBAAA,CAAA,iBAAA,CAAA,WAAA,CAAA,+CAAA,UAAA,CAAA,oBAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,wBAAA,sBAAA,CAAA,mDAAA,CAAA,gBAAA,CAAA,SAAA,CAAA,uBAAA,sBAAA,CAAA,mDAAA,CAAA,gBAAA,CAAA,SAAA,CAAA,mEAAA,YAAA,CAAA,mNAAA,yBAAA,CAAA,QAAA,CAAA,2GAAA,4CAAA,CAAA,YAAA,CAAA,wGAAA,4CAAA,CAAA,YAAA,CAAA,2DAAA,cAAA,CAAA,UAAA,CAAA,gJAAA,SAAA,CAAA,aAAA,CAAA,yEAAA,UAAA,CAAA,uEAAA,UAAA,CAAA,yDAAA,SAAA,CAAA,aAAA,CAAA,4IAAA,SAAA,CAAA,aAAA,CAAA,qEAAA,SAAA,CAAA,oZAAA,yBAAA,CAAA,SAAA,CAAA,aAAA,CAAA,OAAA,CAAA,6MAAA,eAAA,CAAA,uMAAA,eAAA,CAAA,wGAAA,6CAAA,CAAA,WAAA,CAAA,qGAAA,6CAAA,CAAA,WAAA,CAAA,qGAAA,8CAAA,CAAA,UAAA,CAAA,kGAAA,8CAAA,CAAA,UAAA,CAAA,wIAAA,QAAA,CAAA,oJAAA,QAAA,CAAA,2EAAA,WAAA,CAAA,yEAAA,WAAA,CAAA,yBAAA,wBAAA,eAAA,CAAA,CAAA,4BAAA,SAAA,mBAAA,CAAA,iBAAA,CAAA,cAAA,CAAA,kBAAA,CAAA,mBAAA,CAAA,iBAAA,WAAA,CAAA,SAAA,CAAA,6CAAA,CAAA,UAAA,CAAA,QAAA,CAAA,qBAAA,CAAA,8BAAA,0EAAA,CAAA,+CAAA,YAAA,CAAA","file":"popover.css"}
|