@primer/css 21.3.6-rc.13cf9bf9 → 21.4.0-rc.3a7347b4
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 +6 -0
- package/autocomplete/suggester.scss +7 -0
- package/base/base.scss +2 -0
- package/base/kbd.scss +1 -0
- package/box/box-overlay.scss +3 -0
- package/branch-name/branch-name.scss +1 -0
- package/buttons/button-group.scss +12 -0
- package/buttons/button.scss +2 -0
- package/buttons/misc.scss +6 -0
- 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/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/color-modes.css +1 -1
- package/dist/color-modes.css.map +1 -1
- package/dist/core.css +1 -1
- package/dist/core.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/markdown.css +1 -1
- package/dist/markdown.css.map +1 -1
- package/dist/meta.json +44 -44
- 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 +3 -3
- package/dist/primer.css.map +1 -1
- package/dist/primitives.css +1 -1
- package/dist/primitives.css.map +1 -1
- package/dist/product.css +1 -1
- package/dist/product.css.map +1 -1
- package/dist/stats/autocomplete.json +1 -1
- package/dist/stats/avatars.json +1 -1
- package/dist/stats/box.json +1 -1
- package/dist/stats/breadcrumb.json +1 -1
- package/dist/stats/color-modes.json +1 -1
- package/dist/stats/core.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/markdown.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/toggle-switch.json +1 -1
- package/dist/stats/truncate.json +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/forms/form-control.scss +6 -0
- package/forms/form-group.scss +3 -0
- package/forms/radio-group.scss +5 -0
- package/header/header.scss +1 -0
- package/labels/mixins.scss +2 -0
- package/layout/app-frame.scss +0 -1
- package/layout/stack.scss +2 -2
- package/markdown/code.scss +2 -0
- package/markdown/footnotes.scss +2 -0
- package/markdown/headings.scss +2 -0
- package/markdown/images.scss +1 -1
- package/markdown/tables.scss +2 -0
- package/navigation/filter-list.scss +1 -0
- package/navigation/sidenav.scss +1 -0
- package/navigation/subnav.scss +6 -0
- package/package.json +3 -3
- package/pagination/pagination.scss +2 -0
- package/select-menu/select-menu.scss +12 -0
- package/toasts/toasts.scss +2 -0
- package/tooltips/tooltips.scss +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"size":
|
|
1
|
+
{"size":4270,"gzipSize":1070,"humanizedSize":"4KB","humanizedGzipSize":"1KB","rules":{"total":35,"size":{"graph":[1,2,2,2,18,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":18,"average":2.857142857142857},"selectorByRuleSizes":[{"selector":".ToggleSwitch-track","declarations":18},{"selector":".ToggleSwitch-knob","declarations":12},{"selector":":is(.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[disabled]","declarations":4},{"selector":".ToggleSwitch-statusIcon","declarations":3},{"selector":".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-knob","declarations":3},{"selector":".ToggleSwitch-track[aria-pressed=true][disabled]","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[disabled] .ToggleSwitch-knob","declarations":2},{"selector":".ToggleSwitch-track[aria-pressed=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[disabled] .ToggleSwitch-circleIcon,.ToggleSwitch-track[disabled] .ToggleSwitch-lineIcon","declarations":1},{"selector":".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-circleIcon","declarations":1},{"selector":".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-lineIcon","declarations":1},{"selector":".ToggleSwitch-track[aria-pressed=true]:not([disabled]):active","declarations":1},{"selector":".ToggleSwitch-track[aria-pressed=true]:not([disabled]):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",":is(.ToggleSwitch-track:before)",".ToggleSwitch-track",".ToggleSwitch-track *",".ToggleSwitch-track[aria-pressed=true][disabled]",".ToggleSwitch-track[aria-pressed=true]",".ToggleSwitch-track[aria-pressed=true]:not([disabled]):hover",".ToggleSwitch-track[aria-pressed=true]:not([disabled]):active",".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-knob",".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-lineIcon",".ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-circleIcon",".ToggleSwitch-track[disabled]",".ToggleSwitch-track[disabled] .ToggleSwitch-knob",".ToggleSwitch-track[disabled] .ToggleSwitch-circleIcon",".ToggleSwitch-track[disabled] .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.525}},"declarations":{"total":100,"unique":79,"uniqueToTotalRatio":0.79,"properties":{"display":["inline-flex","block","flex","flex"],"align-items":["center","center"],"gap":["var(--controlStack-medium-gap-condensed)"],"height":["auto","0","var(--control-medium-size)","100%","100%","var(--control-xsmall-size)","0","auto"],"visibility":["visible","hidden","hidden","visible"],"appearance":["none"],"background-color":["var(--controlTrack-bgColor-rest)","var(--controlTrack-bgColor-hover)","var(--controlTrack-bgColor-active)","var(--controlTrack-bgColor-disabled)","var(--control-checked-bgColor-rest)","var(--control-checked-bgColor-hover)","var(--control-checked-bgColor-active)","var(--controlKnob-bgColor-checked)","var(--controlTrack-bgColor-disabled)","var(--controlKnob-bgColor-rest)"],"border":["var(--borderWidth-thin) solid var(--controlTrack-borderColor-rest)","var(--borderWidth-thin) solid var(--controlKnob-borderColor-rest)"],"border-radius":["var(--borderRadius-medium)","var(--borderRadius-medium)"],"cursor":["pointer","not-allowed"],"overflow":["hidden","hidden"],"padding":["0"],"position":["relative","absolute","absolute","relative"],"-webkit-text-decoration":["none"],"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":["var(--base-size-64)","100%","100%","50%","var(--base-size-16)","var(--base-size-48)"],"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":["rgba(0,0,0,0)","var(--borderColor-transparent)","var(--controlKnob-borderColor-checked)","rgba(0,0,0,0)","var(--borderColor-default)"],"color":["var(--control-checked-fgColor-disabled)","var(--controlTrack-fgColor-disabled)","var(--control-checked-fgColor-rest)","var(--controlTrack-fgColor-rest)","var(--fgColor-default)","var(--fgColor-muted)"],"box-shadow":["none","var(--shadow-resting-medium),var(--button-default-shadow-inset)"],"flex":["1 0 50%"],"line-height":["0","1.5"],"bottom":["0"],"z-index":["1"],"font-size":["var(--text-body-size-medium)","var(--text-body-size-small)"],"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":":is(.ToggleSwitch-track:before)","declarations":8}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":1,"values":[":is(.ToggleSwitch-track:before)"],"specificity":{"max":21,"average":21}},"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/stats/truncate.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"size":
|
|
1
|
+
{"size":1163,"gzipSize":353,"humanizedSize":"1KB","humanizedGzipSize":"353B","rules":{"total":8,"size":{"graph":[3,3,1,3,5,1,1,3],"max":5,"average":2.5},"selectorByRuleSizes":[{"selector":".Truncate>.Truncate-text","declarations":5},{"selector":".Truncate-text--expandable:is(.Truncate>.Truncate-text):active,.Truncate-text--expandable:is(.Truncate>.Truncate-text):focus,.Truncate-text--expandable:is(.Truncate>.Truncate-text):hover","declarations":3},{"selector":".Truncate","declarations":3},{"selector":".css-truncate .css-truncate-target,.css-truncate.css-truncate-target","declarations":3},{"selector":".css-truncate .css-truncate-overflow,.css-truncate .css-truncate-target,.css-truncate.css-truncate-overflow,.css-truncate.css-truncate-target","declarations":3},{"selector":".Truncate-text--primary:is(.Truncate>.Truncate-text)","declarations":1},{"selector":":is(.Truncate>.Truncate-text)+.Truncate-text","declarations":1},{"selector":".css-truncate.expandable.css-truncate-target:hover,.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,.css-truncate.expandable:hover .css-truncate-target","declarations":1}]},"selectors":{"total":17,"type":0,"class":17,"id":0,"pseudoClass":5,"pseudoElement":0,"values":[".css-truncate .css-truncate-overflow",".css-truncate .css-truncate-target",".css-truncate.css-truncate-overflow",".css-truncate.css-truncate-target",".css-truncate .css-truncate-target",".css-truncate.css-truncate-target",".css-truncate.expandable.css-truncate-target:hover",".css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target",".css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target",".css-truncate.expandable:hover .css-truncate-target",".Truncate",".Truncate>.Truncate-text",":is(.Truncate>.Truncate-text)+.Truncate-text",".Truncate-text--primary:is(.Truncate>.Truncate-text)",".Truncate-text--expandable:is(.Truncate>.Truncate-text):active",".Truncate-text--expandable:is(.Truncate>.Truncate-text):focus",".Truncate-text--expandable:is(.Truncate>.Truncate-text):hover"],"specificity":{"max":50,"average":31.764705882352942}},"declarations":{"total":20,"unique":16,"uniqueToTotalRatio":0.8,"properties":{"overflow":["hidden","hidden"],"text-overflow":["ellipsis","ellipsis"],"white-space":["nowrap","nowrap"],"display":["inline-block","inline-flex"],"max-width":["125px","10000px","100%","fit-content","100%"],"vertical-align":["top"],"min-width":["0","1ch"],"margin-left":["var(--control-small-gap)"],"flex-basis":["200%"],"cursor":["pointer"],"flex-shrink":["0"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}
|
package/dist/toggle-switch.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.ToggleSwitch,.ToggleSwitch.ToggleSwitch{display:inline-flex}.ToggleSwitch{align-items:center;gap:var(--controlStack-medium-gap-condensed)}.ToggleSwitch--checked .ToggleSwitch-statusOn{height:auto;visibility:visible}.ToggleSwitch--checked .ToggleSwitch-statusOff{height:0;visibility:hidden}.ToggleSwitch-track{appearance:none;background-color:var(--controlTrack-bgColor-rest);border:var(--borderWidth-thin) solid var(--controlTrack-borderColor-rest);border-radius:var(--borderRadius-medium);cursor:pointer;display:block;height:var(--control-medium-size);overflow:hidden;padding:0;position:relative;-webkit-text-decoration:none;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)}.ToggleSwitch-track:focus,.ToggleSwitch-track:focus-visible{outline-offset:1px}.ToggleSwitch-track:hover{background-color:var(--controlTrack-bgColor-hover)}.ToggleSwitch-track:active{background-color:var(--controlTrack-bgColor-active)}@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-pressed=true][disabled]{background-color:var(--controlTrack-bgColor-disabled);border-color:rgba(0,0,0,0);color:var(--control-checked-fgColor-disabled)}.ToggleSwitch-track[aria-pressed=true]{background-color:var(--control-checked-bgColor-rest);border-color:var(--borderColor-transparent)}.ToggleSwitch-track[aria-pressed=true]:not([disabled]):hover{background-color:var(--control-checked-bgColor-hover)}.ToggleSwitch-track[aria-pressed=true]:not([disabled]):active{background-color:var(--control-checked-bgColor-active)}.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-knob{background-color:var(--controlKnob-bgColor-checked);border-color:var(--controlKnob-borderColor-checked);transform:translateX(100%)}.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-lineIcon{transform:translateX(0)}.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-circleIcon{transform:translateX(100%)}.ToggleSwitch-track[disabled]{background-color:var(--controlTrack-bgColor-disabled);border-color:rgba(0,0,0,0);cursor:not-allowed;transition-property:none}.ToggleSwitch-track[disabled] .ToggleSwitch-knob{border-color:var(--borderColor-default);box-shadow:none}.ToggleSwitch-track[disabled] .ToggleSwitch-circleIcon,.ToggleSwitch-track[disabled] .ToggleSwitch-lineIcon{color:var(--controlTrack-fgColor-disabled)}.ToggleSwitch-icons{align-items:center;display:flex;height:100%;overflow:hidden;width:100%}.ToggleSwitch-lineIcon{color:var(--control-checked-fgColor-rest);transform:translateX(-100%)}.ToggleSwitch-circleIcon,.ToggleSwitch-lineIcon{flex:1 0 50%;line-height:0;transition-duration:80ms;transition-property:transform}.ToggleSwitch-circleIcon{color:var(--controlTrack-fgColor-rest);transform:translateX(0)}.ToggleSwitch-knob{background-color:var(--controlKnob-bgColor-rest);border:var(--borderWidth-thin) solid var(--controlKnob-borderColor-rest);border-radius:var(--borderRadius-medium);bottom:0;box-shadow:var(--shadow-resting-medium),var(--button-default-shadow-inset);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(--fgColor-default);font-size:var(--text-body-size-medium);line-height:1.5;position:relative;text-align:right}.ToggleSwitch-statusIcon{display:flex;margin-top:.063rem;width:var(--base-size-16)}.ToggleSwitch--small .ToggleSwitch-status{font-size:var(--text-body-size-small)}.ToggleSwitch--small .ToggleSwitch-track{height:var(--control-xsmall-size);width:var(--base-size-48)}.ToggleSwitch--disabled .ToggleSwitch-status{color:var(--fgColor-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}
|
|
1
|
+
.ToggleSwitch,.ToggleSwitch.ToggleSwitch{display:inline-flex}.ToggleSwitch{align-items:center;gap:var(--controlStack-medium-gap-condensed)}.ToggleSwitch--checked .ToggleSwitch-statusOn{height:auto;visibility:visible}.ToggleSwitch--checked .ToggleSwitch-statusOff{height:0;visibility:hidden}.ToggleSwitch-track{appearance:none;background-color:var(--controlTrack-bgColor-rest);border:var(--borderWidth-thin) solid var(--controlTrack-borderColor-rest);border-radius:var(--borderRadius-medium);cursor:pointer;display:block;height:var(--control-medium-size);overflow:hidden;padding:0;position:relative;-webkit-text-decoration:none;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)}.ToggleSwitch-track:focus,.ToggleSwitch-track:focus-visible{outline-offset:1px}.ToggleSwitch-track:hover{background-color:var(--controlTrack-bgColor-hover)}.ToggleSwitch-track:active{background-color:var(--controlTrack-bgColor-active)}@media(pointer: coarse){:is(.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-pressed=true][disabled]{background-color:var(--controlTrack-bgColor-disabled);border-color:rgba(0,0,0,0);color:var(--control-checked-fgColor-disabled)}.ToggleSwitch-track[aria-pressed=true]{background-color:var(--control-checked-bgColor-rest);border-color:var(--borderColor-transparent)}.ToggleSwitch-track[aria-pressed=true]:not([disabled]):hover{background-color:var(--control-checked-bgColor-hover)}.ToggleSwitch-track[aria-pressed=true]:not([disabled]):active{background-color:var(--control-checked-bgColor-active)}.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-knob{background-color:var(--controlKnob-bgColor-checked);border-color:var(--controlKnob-borderColor-checked);transform:translateX(100%)}.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-lineIcon{transform:translateX(0)}.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-circleIcon{transform:translateX(100%)}.ToggleSwitch-track[disabled]{background-color:var(--controlTrack-bgColor-disabled);border-color:rgba(0,0,0,0);cursor:not-allowed;transition-property:none}.ToggleSwitch-track[disabled] .ToggleSwitch-knob{border-color:var(--borderColor-default);box-shadow:none}.ToggleSwitch-track[disabled] .ToggleSwitch-circleIcon,.ToggleSwitch-track[disabled] .ToggleSwitch-lineIcon{color:var(--controlTrack-fgColor-disabled)}.ToggleSwitch-icons{align-items:center;display:flex;height:100%;overflow:hidden;width:100%}.ToggleSwitch-lineIcon{color:var(--control-checked-fgColor-rest);transform:translateX(-100%)}.ToggleSwitch-circleIcon,.ToggleSwitch-lineIcon{flex:1 0 50%;line-height:0;transition-duration:80ms;transition-property:transform}.ToggleSwitch-circleIcon{color:var(--controlTrack-fgColor-rest);transform:translateX(0)}.ToggleSwitch-knob{background-color:var(--controlKnob-bgColor-rest);border:var(--borderWidth-thin) solid var(--controlKnob-borderColor-rest);border-radius:var(--borderRadius-medium);bottom:0;box-shadow:var(--shadow-resting-medium),var(--button-default-shadow-inset);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(--fgColor-default);font-size:var(--text-body-size-medium);line-height:1.5;position:relative;text-align:right}.ToggleSwitch-statusIcon{display:flex;margin-top:.063rem;width:var(--base-size-16)}.ToggleSwitch--small .ToggleSwitch-status{font-size:var(--text-body-size-small)}.ToggleSwitch--small .ToggleSwitch-track{height:var(--control-xsmall-size);width:var(--base-size-48)}.ToggleSwitch--disabled .ToggleSwitch-status{color:var(--fgColor-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}
|
|
2
2
|
/*# sourceMappingURL=toggle-switch.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["file:///home/runner/work/css/css/src/toggle-switch/index.scss%23sass"],"names":[],"mappings":"AAiqBA,yCAAA,mBAAA,CAAA,cAAA,kBAAA,CAAA,4CAAA,CAAA,8CAAA,WAAA,CAAA,kBAAA,CAAA,+CAAA,QAAA,CAAA,iBAAA,CAAA,oBAAA,eAAA,CAAA,iDAAA,CAAA,yEAAA,CAAA,wCAAA,CAAA,cAAA,CAAA,aAAA,CAAA,iCAAA,CAAA,eAAA,CAAA,SAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,oBAAA,CAAA,wBAAA,CAAA,iDAAA,CAAA,wDAAA,CAAA,wBAAA,CAAA,gBAAA,CAAA,yBAAA,CAAA,4DAAA,kBAAA,CAAA,0BAAA,kDAAA,CAAA,2BAAA,mDAAA,CAAA,wBAAA,
|
|
1
|
+
{"version":3,"sources":["file:///home/runner/work/css/css/src/toggle-switch/index.scss%23sass"],"names":[],"mappings":"AAiqBA,yCAAA,mBAAA,CAAA,cAAA,kBAAA,CAAA,4CAAA,CAAA,8CAAA,WAAA,CAAA,kBAAA,CAAA,+CAAA,QAAA,CAAA,iBAAA,CAAA,oBAAA,eAAA,CAAA,iDAAA,CAAA,yEAAA,CAAA,wCAAA,CAAA,cAAA,CAAA,aAAA,CAAA,iCAAA,CAAA,eAAA,CAAA,SAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,oBAAA,CAAA,wBAAA,CAAA,iDAAA,CAAA,wDAAA,CAAA,wBAAA,CAAA,gBAAA,CAAA,yBAAA,CAAA,4DAAA,kBAAA,CAAA,0BAAA,kDAAA,CAAA,2BAAA,mDAAA,CAAA,wBAAA,gCAAA,UAAA,CAAA,WAAA,CAAA,QAAA,CAAA,eAAA,CAAA,iBAAA,CAAA,OAAA,CAAA,2CAAA,CAAA,UAAA,CAAA,CAAA,+BAAA,0CAAA,eAAA,CAAA,CAAA,iDAAA,qDAAA,CAAA,0BAAA,CAAA,6CAAA,CAAA,uCAAA,oDAAA,CAAA,2CAAA,CAAA,6DAAA,qDAAA,CAAA,8DAAA,sDAAA,CAAA,0DAAA,mDAAA,CAAA,mDAAA,CAAA,0BAAA,CAAA,8DAAA,uBAAA,CAAA,gEAAA,0BAAA,CAAA,8BAAA,qDAAA,CAAA,0BAAA,CAAA,kBAAA,CAAA,wBAAA,CAAA,iDAAA,uCAAA,CAAA,eAAA,CAAA,4GAAA,0CAAA,CAAA,oBAAA,kBAAA,CAAA,YAAA,CAAA,WAAA,CAAA,eAAA,CAAA,UAAA,CAAA,uBAAA,yCAAA,CAAA,2BAAA,CAAA,gDAAA,YAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,6BAAA,CAAA,yBAAA,sCAAA,CAAA,uBAAA,CAAA,mBAAA,gDAAA,CAAA,wEAAA,CAAA,wCAAA,CAAA,QAAA,CAAA,0EAAA,CAAA,iBAAA,CAAA,KAAA,CAAA,wBAAA,CAAA,6BAAA,CAAA,wDAAA,CAAA,SAAA,CAAA,SAAA,CAAA,+BAAA,mBAAA,eAAA,CAAA,CAAA,qBAAA,4BAAA,CAAA,sCAAA,CAAA,eAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,yBAAA,YAAA,CAAA,kBAAA,CAAA,yBAAA,CAAA,0CAAA,qCAAA,CAAA,yCAAA,iCAAA,CAAA,yBAAA,CAAA,6CAAA,0BAAA,CAAA,uBAAA,QAAA,CAAA,iBAAA,CAAA,wBAAA,WAAA,CAAA,kBAAA,CAAA,2BAAA,0BAAA,CAAA,gDAAA,eAAA","file":"toggle-switch.css"}
|
package/dist/truncate.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.css-truncate .css-truncate-overflow,.css-truncate .css-truncate-target,.css-truncate.css-truncate-overflow,.css-truncate.css-truncate-target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.css-truncate .css-truncate-target,.css-truncate.css-truncate-target{display:inline-block;max-width:125px;vertical-align:top}.css-truncate.expandable.css-truncate-target:hover,.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,.css-truncate.expandable:hover .css-truncate-target{max-width:10000px !important}.Truncate{display:inline-flex;max-width:100%;min-width:0}.Truncate>.Truncate-text{max-width
|
|
1
|
+
.css-truncate .css-truncate-overflow,.css-truncate .css-truncate-target,.css-truncate.css-truncate-overflow,.css-truncate.css-truncate-target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.css-truncate .css-truncate-target,.css-truncate.css-truncate-target{display:inline-block;max-width:125px;vertical-align:top}.css-truncate.expandable.css-truncate-target:hover,.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,.css-truncate.expandable:hover .css-truncate-target{max-width:10000px !important}.Truncate{display:inline-flex;max-width:100%;min-width:0}.Truncate>.Truncate-text{max-width:fit-content;min-width:1ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.Truncate>.Truncate-text)+.Truncate-text{margin-left:var(--control-small-gap)}.Truncate-text--primary:is(.Truncate>.Truncate-text){flex-basis:200%}.Truncate-text--expandable:is(.Truncate>.Truncate-text):active,.Truncate-text--expandable:is(.Truncate>.Truncate-text):focus,.Truncate-text--expandable:is(.Truncate>.Truncate-text):hover{cursor:pointer;flex-shrink:0;max-width:100% !important}
|
|
2
2
|
/*# sourceMappingURL=truncate.css.map */
|
package/dist/truncate.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["file:///home/runner/work/css/css/src/truncate/index.scss%23sass"],"names":[],"mappings":"AAiqBA,8IAAA,eAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,qEAAA,oBAAA,CAAA,eAAA,CAAA,kBAAA,CAAA,gPAAA,4BAAA,CAAA,UAAA,mBAAA,CAAA,cAAA,CAAA,WAAA,CAAA,yBAAA,
|
|
1
|
+
{"version":3,"sources":["file:///home/runner/work/css/css/src/truncate/index.scss%23sass"],"names":[],"mappings":"AAiqBA,8IAAA,eAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,qEAAA,oBAAA,CAAA,eAAA,CAAA,kBAAA,CAAA,gPAAA,4BAAA,CAAA,UAAA,mBAAA,CAAA,cAAA,CAAA,WAAA,CAAA,yBAAA,qBAAA,CAAA,aAAA,CAAA,eAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,6CAAA,oCAAA,CAAA,qDAAA,eAAA,CAAA,2LAAA,cAAA,CAAA,aAAA,CAAA,yBAAA","file":"truncate.css"}
|
package/forms/form-control.scss
CHANGED
|
@@ -17,7 +17,9 @@
|
|
|
17
17
|
background-color: var(--bgColor-default, var(--color-canvas-default));
|
|
18
18
|
background-repeat: no-repeat; // Repeat and position set for form states (success, error, etc)
|
|
19
19
|
background-position: right 8px center; // For form validation. This keeps images 8px from right and centered vertically.
|
|
20
|
+
// stylelint-disable-next-line primer/borders
|
|
20
21
|
border: $border-width $border-style var(--control-borderColor-rest, var(--color-border-default));
|
|
22
|
+
// stylelint-disable-next-line primer/borders
|
|
21
23
|
border-radius: $border-radius;
|
|
22
24
|
box-shadow: var(--shadow-inset, var(--color-primer-shadow-inset));
|
|
23
25
|
transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
|
|
@@ -43,6 +45,7 @@
|
|
|
43
45
|
&.border-0 {
|
|
44
46
|
&:focus,
|
|
45
47
|
&:focus-visible {
|
|
48
|
+
// stylelint-disable-next-line primer/borders
|
|
46
49
|
border: $border-width $border-style var(--borderColor-accent-emphasis, var(--color-accent-fg)) !important;
|
|
47
50
|
}
|
|
48
51
|
}
|
|
@@ -143,6 +146,7 @@ textarea.form-control {
|
|
|
143
146
|
padding: 2px var(--base-size-4);
|
|
144
147
|
font-style: normal;
|
|
145
148
|
background: var(--bgColor-attention-muted, var(--color-attention-subtle));
|
|
149
|
+
// stylelint-disable-next-line primer/borders
|
|
146
150
|
border-radius: $border-radius;
|
|
147
151
|
}
|
|
148
152
|
}
|
|
@@ -254,7 +258,9 @@ input::-webkit-inner-spin-button {
|
|
|
254
258
|
font-size: $h5-size;
|
|
255
259
|
color: var(--fgColor-attention, var(--color-attention-fg));
|
|
256
260
|
background: var(--bgColor-attention-muted, var(--color-attention-subtle));
|
|
261
|
+
// stylelint-disable-next-line primer/borders
|
|
257
262
|
border: $border-width $border-style var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
|
|
263
|
+
// stylelint-disable-next-line primer/borders
|
|
258
264
|
border-radius: $border-radius;
|
|
259
265
|
|
|
260
266
|
p {
|
package/forms/form-group.scss
CHANGED
|
@@ -176,8 +176,11 @@
|
|
|
176
176
|
margin: var(--base-size-8) 0 0;
|
|
177
177
|
font-size: $font-size-small;
|
|
178
178
|
font-weight: $font-weight-normal;
|
|
179
|
+
// stylelint-disable-next-line primer/borders
|
|
179
180
|
border-style: $border-style;
|
|
181
|
+
// stylelint-disable-next-line primer/borders
|
|
180
182
|
border-width: $border-width;
|
|
183
|
+
// stylelint-disable-next-line primer/borders
|
|
181
184
|
border-radius: $border-radius;
|
|
182
185
|
|
|
183
186
|
&::after,
|
package/forms/radio-group.scss
CHANGED
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
line-height: 20px; // Specifically not inherit our `<body>` default
|
|
16
16
|
color: var(--fgColor-default, var(--color-fg-default));
|
|
17
17
|
cursor: pointer;
|
|
18
|
+
// stylelint-disable-next-line primer/borders
|
|
18
19
|
border: $border-width $border-style var(--borderColor-default, var(--color-border-default));
|
|
19
20
|
|
|
20
21
|
:checked + & {
|
|
@@ -25,12 +26,16 @@
|
|
|
25
26
|
|
|
26
27
|
&:first-of-type {
|
|
27
28
|
margin-left: 0;
|
|
29
|
+
// stylelint-disable-next-line primer/borders
|
|
28
30
|
border-top-left-radius: $border-radius;
|
|
31
|
+
// stylelint-disable-next-line primer/borders
|
|
29
32
|
border-bottom-left-radius: $border-radius;
|
|
30
33
|
}
|
|
31
34
|
|
|
32
35
|
&:last-of-type {
|
|
36
|
+
// stylelint-disable-next-line primer/borders
|
|
33
37
|
border-top-right-radius: $border-radius;
|
|
38
|
+
// stylelint-disable-next-line primer/borders
|
|
34
39
|
border-bottom-right-radius: $border-radius;
|
|
35
40
|
}
|
|
36
41
|
|
package/header/header.scss
CHANGED
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
.Header-input {
|
|
38
38
|
color: var(--header-fgColor-default, var(--color-header-text));
|
|
39
39
|
background-color: var(--headerSearch-bgColor, var(--color-header-search-bg));
|
|
40
|
+
// stylelint-disable-next-line primer/borders
|
|
40
41
|
border: $border-width $border-style var(--headerSearch-borderColor, var(--color-header-search-border));
|
|
41
42
|
box-shadow: none;
|
|
42
43
|
|
package/labels/mixins.scss
CHANGED
|
@@ -12,7 +12,9 @@
|
|
|
12
12
|
font-weight: $font-weight-semibold;
|
|
13
13
|
line-height: 18px;
|
|
14
14
|
white-space: nowrap;
|
|
15
|
+
// stylelint-disable-next-line primer/borders
|
|
15
16
|
border: $border-width $border-style transparent;
|
|
17
|
+
// stylelint-disable-next-line primer/borders
|
|
16
18
|
border-radius: 2em;
|
|
17
19
|
}
|
|
18
20
|
|
package/layout/app-frame.scss
CHANGED
package/layout/stack.scss
CHANGED
|
@@ -161,14 +161,14 @@
|
|
|
161
161
|
|
|
162
162
|
:not(.Stack--dir-inline#{$viewportRange}) > .Stack-divider,
|
|
163
163
|
:not(.Stack--dir-inline#{$viewportRange}) > .Stack-item > .Stack-divider {
|
|
164
|
-
border-block-end: var(--borderWidth-thin,
|
|
164
|
+
border-block-end: var(--borderWidth-thin, var(--borderWidth-thin)) solid var(--Stack-divider-color);
|
|
165
165
|
inline-size: auto;
|
|
166
166
|
block-size: 0;
|
|
167
167
|
}
|
|
168
168
|
|
|
169
169
|
.Stack--dir-inline#{$viewportRange} > .Stack-divider,
|
|
170
170
|
.Stack--dir-inline#{$viewportRange} > .Stack-item > .Stack-divider {
|
|
171
|
-
border-inline-end: var(--borderWidth-thin,
|
|
171
|
+
border-inline-end: var(--borderWidth-thin, var(--borderWidth-thin)) solid var(--Stack-divider-color);
|
|
172
172
|
inline-size: 0;
|
|
173
173
|
block-size: auto;
|
|
174
174
|
}
|
package/markdown/code.scss
CHANGED
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
font-size: 85%;
|
|
11
11
|
white-space: break-spaces; // keeps rendering spaces, but breaks them onto multiple lines
|
|
12
12
|
background-color: var(--bgColor-neutral-muted, var(--color-neutral-muted));
|
|
13
|
+
// stylelint-disable-next-line primer/borders
|
|
13
14
|
border-radius: $border-radius;
|
|
14
15
|
|
|
15
16
|
br { display: none; }
|
|
@@ -60,6 +61,7 @@
|
|
|
60
61
|
line-height: 1.45;
|
|
61
62
|
color: var(--fgColor-default, var(--color-fg-default));
|
|
62
63
|
background-color: var(--bgColor-muted, var(--color-canvas-subtle));
|
|
64
|
+
// stylelint-disable-next-line primer/borders
|
|
63
65
|
border-radius: $border-radius;
|
|
64
66
|
}
|
|
65
67
|
|
package/markdown/footnotes.scss
CHANGED
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
.footnotes {
|
|
16
16
|
font-size: $h6-size;
|
|
17
17
|
color: var(--fgColor-muted, var(--color-fg-muted));
|
|
18
|
+
// stylelint-disable-next-line primer/borders
|
|
18
19
|
border-top: $border;
|
|
19
20
|
|
|
20
21
|
ol {
|
|
@@ -41,6 +42,7 @@
|
|
|
41
42
|
content: '';
|
|
42
43
|
// stylelint-disable-next-line primer/borders
|
|
43
44
|
border: 2px $border-style var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
|
|
45
|
+
// stylelint-disable-next-line primer/borders
|
|
44
46
|
border-radius: $border-radius;
|
|
45
47
|
}
|
|
46
48
|
|
package/markdown/headings.scss
CHANGED
|
@@ -41,6 +41,7 @@
|
|
|
41
41
|
padding-bottom: 0.3em;
|
|
42
42
|
// stylelint-disable-next-line primer/typography
|
|
43
43
|
font-size: 2em;
|
|
44
|
+
// stylelint-disable-next-line primer/borders
|
|
44
45
|
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
|
45
46
|
}
|
|
46
47
|
|
|
@@ -49,6 +50,7 @@
|
|
|
49
50
|
padding-bottom: 0.3em;
|
|
50
51
|
// stylelint-disable-next-line primer/typography
|
|
51
52
|
font-size: 1.5em;
|
|
53
|
+
// stylelint-disable-next-line primer/borders
|
|
52
54
|
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
|
53
55
|
}
|
|
54
56
|
|
package/markdown/images.scss
CHANGED
|
@@ -8,7 +8,6 @@
|
|
|
8
8
|
// because we put padding on the images to hide header lines, and some people
|
|
9
9
|
// specify the width of their images in their markdown.
|
|
10
10
|
box-sizing: content-box;
|
|
11
|
-
background-color: var(--bgColor-default, var(--color-canvas-default));
|
|
12
11
|
|
|
13
12
|
&[align='right'] {
|
|
14
13
|
// stylelint-disable-next-line primer/spacing
|
|
@@ -44,6 +43,7 @@
|
|
|
44
43
|
// stylelint-disable-next-line primer/spacing
|
|
45
44
|
margin: 13px 0 0;
|
|
46
45
|
overflow: hidden;
|
|
46
|
+
// stylelint-disable-next-line primer/borders
|
|
47
47
|
border: $border-width $border-style var(--borderColor-default, var(--color-border-default));
|
|
48
48
|
}
|
|
49
49
|
|
package/markdown/tables.scss
CHANGED
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
td {
|
|
18
18
|
// stylelint-disable-next-line primer/spacing
|
|
19
19
|
padding: 6px 13px;
|
|
20
|
+
// stylelint-disable-next-line primer/borders
|
|
20
21
|
border: $border-width $border-style var(--borderColor-default, var(--color-border-default));
|
|
21
22
|
}
|
|
22
23
|
|
|
@@ -28,6 +29,7 @@
|
|
|
28
29
|
|
|
29
30
|
tr {
|
|
30
31
|
background-color: var(--bgColor-default, var(--color-canvas-default));
|
|
32
|
+
// stylelint-disable-next-line primer/borders
|
|
31
33
|
border-top: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
|
32
34
|
|
|
33
35
|
&:nth-child(2n) {
|
package/navigation/sidenav.scss
CHANGED
package/navigation/subnav.scss
CHANGED
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
.subnav-bordered {
|
|
13
13
|
// stylelint-disable-next-line primer/spacing
|
|
14
14
|
padding-bottom: 20px;
|
|
15
|
+
// stylelint-disable-next-line primer/borders
|
|
15
16
|
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
|
16
17
|
}
|
|
17
18
|
|
|
@@ -28,6 +29,7 @@
|
|
|
28
29
|
// stylelint-disable-next-line primer/typography
|
|
29
30
|
line-height: 20px;
|
|
30
31
|
color: var(--fgColor-default, var(--color-fg-default));
|
|
32
|
+
// stylelint-disable-next-line primer/borders
|
|
31
33
|
border: $border-width $border-style var(--control-borderColor-rest, var(--color-border-default));
|
|
32
34
|
|
|
33
35
|
+ .subnav-item {
|
|
@@ -67,12 +69,16 @@
|
|
|
67
69
|
}
|
|
68
70
|
|
|
69
71
|
&:first-child {
|
|
72
|
+
// stylelint-disable-next-line primer/borders
|
|
70
73
|
border-top-left-radius: $border-radius;
|
|
74
|
+
// stylelint-disable-next-line primer/borders
|
|
71
75
|
border-bottom-left-radius: $border-radius;
|
|
72
76
|
}
|
|
73
77
|
|
|
74
78
|
&:last-child {
|
|
79
|
+
// stylelint-disable-next-line primer/borders
|
|
75
80
|
border-top-right-radius: $border-radius;
|
|
81
|
+
// stylelint-disable-next-line primer/borders
|
|
76
82
|
border-bottom-right-radius: $border-radius;
|
|
77
83
|
}
|
|
78
84
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer/css",
|
|
3
|
-
"version": "21.
|
|
3
|
+
"version": "21.4.0-rc.3a7347b4",
|
|
4
4
|
"description": "The CSS implementation of GitHub's Primer Design System",
|
|
5
5
|
"homepage": "https://primer.style/css",
|
|
6
6
|
"author": "GitHub, Inc.",
|
|
@@ -41,8 +41,8 @@
|
|
|
41
41
|
"build:storybook": "cd docs && npm i && npm run build:storybook"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@primer/primitives": "^
|
|
45
|
-
"@primer/view-components": "^0.
|
|
44
|
+
"@primer/primitives": "^9.0.3",
|
|
45
|
+
"@primer/view-components": "^0.33.0"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"@changesets/changelog-github": "^0.5.0",
|
|
@@ -16,7 +16,9 @@
|
|
|
16
16
|
vertical-align: middle;
|
|
17
17
|
cursor: pointer;
|
|
18
18
|
user-select: none;
|
|
19
|
+
// stylelint-disable-next-line primer/borders
|
|
19
20
|
border: $border-width $border-style transparent;
|
|
21
|
+
// stylelint-disable-next-line primer/borders
|
|
20
22
|
border-radius: $border-radius;
|
|
21
23
|
transition: border-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
|
|
22
24
|
|
|
@@ -62,6 +62,7 @@ $SelectMenu-max-height: 480px !default;
|
|
|
62
62
|
pointer-events: auto;
|
|
63
63
|
flex-direction: column;
|
|
64
64
|
background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
|
|
65
|
+
// stylelint-disable-next-line primer/borders
|
|
65
66
|
border: $border-width $border-style var(--selectMenu-borderColor, var(--color-select-menu-backdrop-border));
|
|
66
67
|
// stylelint-disable-next-line primer/borders
|
|
67
68
|
border-radius: $border-radius * 2;
|
|
@@ -89,6 +90,7 @@ $SelectMenu-max-height: 480px !default;
|
|
|
89
90
|
margin: var(--base-size-8) 0 var(--base-size-16) 0;
|
|
90
91
|
font-size: $font-size-small;
|
|
91
92
|
border-color: var(--borderColor-default, var(--color-border-default));
|
|
93
|
+
// stylelint-disable-next-line primer/borders
|
|
92
94
|
border-radius: $border-radius;
|
|
93
95
|
box-shadow: var(--shadow-floating-legacy, var(--color-overlay-shadow));
|
|
94
96
|
animation-name: SelectMenu-modal-animation--sm;
|
|
@@ -104,6 +106,7 @@ $SelectMenu-max-height: 480px !default;
|
|
|
104
106
|
padding: var(--base-size-16);
|
|
105
107
|
flex: none; // fixes header from getting squeezed in Safari iOS
|
|
106
108
|
align-items: center;
|
|
109
|
+
// stylelint-disable-next-line primer/borders
|
|
107
110
|
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
|
108
111
|
|
|
109
112
|
@include breakpoint(sm) {
|
|
@@ -144,6 +147,7 @@ $SelectMenu-max-height: 480px !default;
|
|
|
144
147
|
.SelectMenu-filter {
|
|
145
148
|
padding: var(--base-size-16);
|
|
146
149
|
margin: 0;
|
|
150
|
+
// stylelint-disable-next-line primer/borders
|
|
147
151
|
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
|
148
152
|
|
|
149
153
|
@include breakpoint(sm) {
|
|
@@ -192,6 +196,7 @@ $SelectMenu-max-height: 480px !default;
|
|
|
192
196
|
cursor: pointer;
|
|
193
197
|
background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
|
|
194
198
|
border: 0;
|
|
199
|
+
// stylelint-disable-next-line primer/borders
|
|
195
200
|
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
|
196
201
|
|
|
197
202
|
@include breakpoint(sm) {
|
|
@@ -262,9 +267,12 @@ $SelectMenu-max-height: 480px !default;
|
|
|
262
267
|
@include breakpoint(sm) {
|
|
263
268
|
flex: none;
|
|
264
269
|
padding: var(--base-size-4) var(--base-size-16);
|
|
270
|
+
// stylelint-disable-next-line primer/borders
|
|
265
271
|
border: $border-width $border-style transparent;
|
|
266
272
|
border-bottom-width: 0;
|
|
273
|
+
// stylelint-disable-next-line primer/borders
|
|
267
274
|
border-top-left-radius: $border-radius;
|
|
275
|
+
// stylelint-disable-next-line primer/borders
|
|
268
276
|
border-top-right-radius: $border-radius;
|
|
269
277
|
}
|
|
270
278
|
|
|
@@ -292,6 +300,7 @@ $SelectMenu-max-height: 480px !default;
|
|
|
292
300
|
padding: 7px var(--base-size-16);
|
|
293
301
|
text-align: center;
|
|
294
302
|
background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
|
|
303
|
+
// stylelint-disable-next-line primer/borders
|
|
295
304
|
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
|
296
305
|
}
|
|
297
306
|
|
|
@@ -317,10 +326,12 @@ $SelectMenu-max-height: 480px !default;
|
|
|
317
326
|
font-weight: $font-weight-semibold;
|
|
318
327
|
color: var(--fgColor-muted, var(--color-fg-muted));
|
|
319
328
|
background-color: var(--bgColor-muted, var(--color-canvas-subtle));
|
|
329
|
+
// stylelint-disable-next-line primer/borders
|
|
320
330
|
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
|
321
331
|
|
|
322
332
|
// Borderless
|
|
323
333
|
.SelectMenu-list--borderless & {
|
|
334
|
+
// stylelint-disable-next-line primer/borders
|
|
324
335
|
border-top: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
|
325
336
|
|
|
326
337
|
&:empty {
|
|
@@ -340,6 +351,7 @@ $SelectMenu-max-height: 480px !default;
|
|
|
340
351
|
font-size: $font-size-small;
|
|
341
352
|
color: var(--fgColor-muted, var(--color-fg-muted));
|
|
342
353
|
text-align: center;
|
|
354
|
+
// stylelint-disable-next-line primer/borders
|
|
343
355
|
border-top: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
|
|
344
356
|
|
|
345
357
|
@include breakpoint(sm) {
|
package/toasts/toasts.scss
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
margin: var(--base-size-8);
|
|
6
6
|
color: var(--fgColor-default, var(--color-fg-default));
|
|
7
7
|
background-color: var(--bgColor-default, var(--color-canvas-default));
|
|
8
|
+
// stylelint-disable-next-line primer/borders
|
|
8
9
|
border-radius: $border-radius;
|
|
9
10
|
box-shadow: inset 0 0 0 1px var(--borderColor-default, var(--color-border-default)), var(--shadow-floating-legacy, var(--color-overlay-shadow));
|
|
10
11
|
|
|
@@ -23,6 +24,7 @@
|
|
|
23
24
|
flex-shrink: 0;
|
|
24
25
|
color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
|
|
25
26
|
background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
|
|
27
|
+
// stylelint-disable-next-line primer/borders
|
|
26
28
|
border: $border-width $border-style transparent;
|
|
27
29
|
border-right: 0;
|
|
28
30
|
border-top-left-radius: inherit;
|
package/tooltips/tooltips.scss
CHANGED
|
@@ -23,7 +23,6 @@
|
|
|
23
23
|
pointer-events: none;
|
|
24
24
|
content: attr(aria-label);
|
|
25
25
|
background: var(--bgColor-emphasis, var(--color-neutral-emphasis-plus));
|
|
26
|
-
// stylelint-disable-next-line primer/borders
|
|
27
26
|
border-radius: var(--borderRadius-medium);
|
|
28
27
|
opacity: 0;
|
|
29
28
|
}
|
|
@@ -195,6 +194,7 @@
|
|
|
195
194
|
max-width: var(--overlay-width-small, 20rem);
|
|
196
195
|
word-wrap: break-word;
|
|
197
196
|
white-space: pre-line;
|
|
197
|
+
// stylelint-disable-next-line primer/borders
|
|
198
198
|
border-collapse: separate;
|
|
199
199
|
}
|
|
200
200
|
|