@primer/css 0.0.0-20220823123728 → 0.0.0-20220823201818

package/button-refactor/link.scss

@@ -0,0 +1,28 @@
+.Link {
+  color: var(--color-accent-fg);
+  fill: var(--color-accent-fg);
+
+  &:hover {
+    text-decoration: underline;
+    cursor: pointer;
+  }
+
+  // variants
+
+  &.Link--muted {
+    color: var(--color-fg-muted);
+    fill: var(--color-fg-muted);
+
+    &:hover {
+      color: var(--color-accent-fg);
+      fill: var(--color-accent-fg);
+    }
+  }
+}
+
+.Link-trailingVisual {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.25em;
+}

package/buttons/button.scss

@@ -7,7 +7,7 @@
   // stylelint-disable-next-line primer/spacing
   padding: 5px $spacer-3;
   font-size: $body-font-size;
-  font-weight: $font-weight-medium;
+  font-weight: $font-weight-semibold;
   // stylelint-disable-next-line primer/typography
   line-height: 20px; // Specifically not inherit our `<body>` default
   white-space: nowrap;
@@ -30,7 +30,7 @@
 
   i {
     font-style: normal;
-    font-weight: $font-weight-medium;
+    font-weight: $font-weight-semibold;
     opacity: 0.75;
   }
 

package/buttons/misc.scss

@@ -162,7 +162,7 @@
   // stylelint-disable-next-line primer/spacing
   padding: 0 5px 5px;
   font-size: $font-size-small;
-  font-weight: $font-weight-semibold;
+  font-weight: $font-weight-bold;
   // stylelint-disable-next-line primer/typography
   line-height: 6px;
   color: var(--color-fg-default);
@@ -207,7 +207,7 @@
   // stylelint-disable-next-line primer/spacing
   padding: 3px 12px;
   font-size: $font-size-small;
-  font-weight: $font-weight-semibold;
+  font-weight: $font-weight-bold;
   // stylelint-disable-next-line primer/typography
   line-height: 20px;
   color: var(--color-fg-default);

package/core/index.scss

@@ -24,7 +24,6 @@
 @import '../pagination/index.scss';
 @import '../tooltips/index.scss';
 @import '../truncate/index.scss';
-@import '../overlay/index.scss';
-
+@import '../button-refactor/index.scss';
 // Utilities always go last so that they can override components
 @import '../utilities/index.scss';

package/deprecations.json

@@ -1,6 +1,5 @@
 {
   "selectors": {
-    "text-bold": "text-semibold",
     "color-text-primary": "color-fg-default",
     "color-text-secondary": "color-fg-muted",
     "color-text-tertiary": "color-fg-muted",
@@ -356,7 +355,6 @@
   },
 
   "variables": {
-    "$font-weight-bold": "$font-weight-semibold",
     "$h000-size": null,
     "$h000-size-mobile": null,
     "$bg-black": null,

package/dist/button-refactor.css

@@ -0,0 +1,2 @@
+:root{--primer-duration-fast: 80ms;--primer-easing-easeInOut: cubic-bezier(0.65, 0, 0.35, 1)}.Button,.LinkStyledAsButton{position:relative;font-size:var(--primer-text-body-size-medium);font-weight:var(--base-text-weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:transparent;border:var(--primer-borderWidth-thin) solid;border-color:transparent;border-radius:var(--primer-borderRadius-medium);color:var(--color-btn-text);transition:var(--primer-duration-fast) var(--primer-easing-easeInOut);transition-property:color,fill,background-color,border-color;text-align:center;height:var(--primer-control-medium-size);padding:0 var(--primer-control-medium-paddingInline-normal);display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--primer-control-medium-gap)}@media(pointer: course){.Button::before,.LinkStyledAsButton::before{position:absolute;top:50%;left:50%;width:100%;height:100%;min-height:48px;content:"";transform:translateX(-50%) translateY(-50%);min-width:48px}}.Button:hover,.LinkStyledAsButton:hover,[open]>.Button,[open]>.LinkStyledAsButton{transition-duration:var(--primer-duration-fast)}.Button:active,.LinkStyledAsButton:active,.Button.Button--active,.Button--active.LinkStyledAsButton{transition:none}.Button:disabled,.LinkStyledAsButton:disabled,.Button.Button--disabled,.Button--disabled.LinkStyledAsButton,.Button[aria-disabled=true],[aria-disabled=true].LinkStyledAsButton{cursor:not-allowed;box-shadow:none}.Button:focus,.LinkStyledAsButton:focus{outline:2px solid var(--color-accent-fg);outline-offset:-2px;box-shadow:none}.Button-withTooltip{position:relative;display:inline-block}a.Button,a.LinkStyledAsButton,summary.Button,summary.LinkStyledAsButton{display:inline-flex}a.Button:hover,a.LinkStyledAsButton:hover,summary.Button:hover,summary.LinkStyledAsButton:hover{text-decoration:none}.Button-content,.LinkStyledAsButton-content{flex:1 0 auto;display:grid;grid-template-areas:"leadingVisual text trailingVisual";grid-template-columns:min-content minmax(0, auto) min-content;align-items:center;place-content:center}.Button-content>:not(:last-child),.LinkStyledAsButton-content>:not(:last-child){margin-right:var(--primer-control-medium-gap)}.Button-content--alignStart,.LinkStyledAsButton-content--alignStart{justify-content:start}.Button-visual,.LinkStyledAsButton-visual{display:flex;pointer-events:none}.Button-label,.LinkStyledAsButton-label{grid-area:text;white-space:nowrap;line-height:var(--primer-text-body-lineHeight-medium)}.Button-leadingVisual,.LinkStyledAsButton-leadingVisual{grid-area:leadingVisual}.Button-trailingVisual,.LinkStyledAsButton-trailingVisual{grid-area:trailingVisual}.Button-trailingAction,.LinkStyledAsButton-trailingAction{margin-right:calc(var(--base-size-4)*-1)}.Button--small,.LinkStyledAsButton--small{font-size:var(--primer-text-body-size-small);height:var(--primer-control-small-size);padding:0 var(--primer-control-small-paddingInline-normal);gap:var(--primer-control-small-gap)}.Button--small .Button-label,.LinkStyledAsButton--small .Button-label,.Button--small .LinkStyledAsButton-label,.LinkStyledAsButton--small .LinkStyledAsButton-label{line-height:var(--primer-text-body-lineHeight-small)}.Button--small .Button-content>:not(:last-child),.LinkStyledAsButton--small .Button-content>:not(:last-child),.Button--small .LinkStyledAsButton-content>:not(:last-child),.LinkStyledAsButton--small .LinkStyledAsButton-content>:not(:last-child){margin-right:var(--primer-control-small-gap)}.Button--large,.LinkStyledAsButton--large{height:var(--primer-control-large-size);padding:0 var(--primer-control-large-paddingInline-normal);gap:var(--primer-control-large-gap)}.Button--large .Button-label,.LinkStyledAsButton--large .Button-label,.Button--large .LinkStyledAsButton-label,.LinkStyledAsButton--large .LinkStyledAsButton-label{line-height:var(--primer-text-body-lineHeight-large)}.Button--large .Button-content>:not(:last-child),.LinkStyledAsButton--large .Button-content>:not(:last-child),.Button--large .LinkStyledAsButton-content>:not(:last-child),.LinkStyledAsButton--large .LinkStyledAsButton-content>:not(:last-child){margin-right:var(--primer-control-large-gap)}.Button--fullWidth,.LinkStyledAsButton--fullWidth{width:100%}.Button--primary,.LinkStyledAsButton--primary{color:var(--color-btn-primary-text);fill:var(--color-btn-primary-icon);background-color:var(--color-btn-primary-bg);border-color:var(--color-btn-primary-border);box-shadow:var(--color-btn-primary-shadow),var(--color-btn-primary-inset-shadow)}.Button--primary:hover,.LinkStyledAsButton--primary:hover,[open]>.Button--primary,[open]>.LinkStyledAsButton--primary{background-color:var(--color-btn-primary-hover-bg);border-color:var(--color-btn-primary-hover-border)}.Button--primary:active,.LinkStyledAsButton--primary:active,.Button--primary[aria-pressed=true],[aria-pressed=true].LinkStyledAsButton--primary,.Button--primary.Button--pressed,.Button--pressed.LinkStyledAsButton--primary{background-color:var(--color-btn-primary-selected-bg);box-shadow:var(--color-btn-primary-selected-shadow)}.Button--primary:disabled,.LinkStyledAsButton--primary:disabled,.Button--primary.Button--disabled,.Button--disabled.LinkStyledAsButton--primary,.Button--primary[aria-disabled=true],[aria-disabled=true].LinkStyledAsButton--primary{color:var(--color-btn-primary-disabled-text);background-color:var(--color-btn-primary-disabled-bg);border-color:var(--color-btn-primary-disabled-border);fill:var(--color-btn-primary-disabled-text)}.Button--secondary,.LinkStyledAsButton--secondary{color:var(--color-btn-text);fill:var(--color-fg-muted);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);box-shadow:var(--color-btn-shadow),var(--color-btn-inset-shadow)}.Button--secondary:hover,.LinkStyledAsButton--secondary:hover,[open]>.Button--secondary,[open]>.LinkStyledAsButton--secondary{background-color:var(--color-btn-hover-bg);border-color:var(--color-btn-hover-border)}.Button--secondary:active,.LinkStyledAsButton--secondary:active,.Button--secondary.Button--active,.Button--active.LinkStyledAsButton--secondary{background-color:var(--color-btn-active-bg);border-color:var(--color-btn-active-border)}.Button--secondary[aria-pressed=true],[aria-pressed=true].LinkStyledAsButton--secondary,.Button--secondary.Button--pressed,.Button--pressed.LinkStyledAsButton--secondary{background-color:var(--color-btn-selected-bg);box-shadow:var(--color-primer-shadow-inset)}.Button--secondary:disabled,.LinkStyledAsButton--secondary:disabled,.Button--secondary.Button--disabled,.Button--disabled.LinkStyledAsButton--secondary,.Button--secondary[aria-disabled=true],[aria-disabled=true].LinkStyledAsButton--secondary{color:var(--color-primer-fg-disabled);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);fill:var(--color-primer-fg-disabled)}.Button--invisible,.LinkStyledAsButton--invisible{color:var(--color-fg-default);fill:var(--color-fg-default);border:none}.Button--invisible:hover,.LinkStyledAsButton--invisible:hover,[open]>.Button--invisible,[open]>.LinkStyledAsButton--invisible{background-color:var(--color-segmented-control-button-hover-bg)}.Button--invisible[aria-pressed=true],[aria-pressed=true].LinkStyledAsButton--invisible,.Button--invisible:active,.LinkStyledAsButton--invisible:active,.Button--invisible.Button--active,.Button--active.LinkStyledAsButton--invisible,.Button--invisible.Button--pressed,.Button--pressed.LinkStyledAsButton--invisible{background-color:var(--color-segmented-control-button-active-bg)}.Button--invisible:disabled,.LinkStyledAsButton--invisible:disabled,.Button--invisible.Button--disabled,.Button--disabled.LinkStyledAsButton--invisible,.Button--invisible[aria-disabled=true],[aria-disabled=true].LinkStyledAsButton--invisible{color:var(--color-primer-fg-disabled);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);fill:var(--color-primer-fg-disabled)}.Button--invisible .Button-label:not(:only-child),.LinkStyledAsButton--invisible .Button-label:not(:only-child),.Button--invisible .LinkStyledAsButton-label:not(:only-child),.LinkStyledAsButton--invisible .LinkStyledAsButton-label:not(:only-child){color:var(--color-btn-text)}.Button--invisible .Button-content:not(:only-child) .Button-label,.LinkStyledAsButton--invisible .Button-content:not(:only-child) .Button-label,.Button--invisible .Button-content:not(:only-child) .LinkStyledAsButton-label,.LinkStyledAsButton--invisible .Button-content:not(:only-child) .LinkStyledAsButton-label,.Button--invisible .LinkStyledAsButton-content:not(:only-child) .Button-label,.LinkStyledAsButton--invisible .LinkStyledAsButton-content:not(:only-child) .Button-label,.Button--invisible .LinkStyledAsButton-content:not(:only-child) .LinkStyledAsButton-label,.LinkStyledAsButton--invisible .LinkStyledAsButton-content:not(:only-child) .LinkStyledAsButton-label{color:var(--color-btn-text)}.Button--danger,.LinkStyledAsButton--danger{color:var(--color-btn-danger-text);fill:var(--color-btn-danger-icon);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);box-shadow:var(--color-btn-shadow),var(--color-btn-inset-shadow)}.Button--danger:hover,.LinkStyledAsButton--danger:hover,[open]>.Button--danger,[open]>.LinkStyledAsButton--danger{color:var(--color-btn-danger-hover-text);fill:var(--color-btn-danger-hover-text);background-color:var(--color-btn-danger-hover-bg);border-color:var(--color-btn-danger-hover-border);box-shadow:var(--color-btn-danger-hover-shadow),var(--color-btn-danger-hover-inset-shadow)}.Button--danger:active,.LinkStyledAsButton--danger:active,.Button--danger[aria-pressed=true],[aria-pressed=true].LinkStyledAsButton--danger,.Button--danger.Button--pressed,.Button--pressed.LinkStyledAsButton--danger{color:var(--color-btn-danger-selected-text);fill:var(--color-btn-danger-selected-text);background-color:var(--color-btn-danger-selected-bg);border-color:var(--color-btn-danger-selected-border);box-shadow:var(--color-btn-danger-selected-shadow)}.Button--danger:disabled,.LinkStyledAsButton--danger:disabled,.Button--danger.disabled,.disabled.LinkStyledAsButton--danger,.Button--danger[aria-disabled=true],[aria-disabled=true].LinkStyledAsButton--danger{color:var(--color-btn-danger-disabled-text);fill:var(--color-btn-danger-disabled-text);background-color:var(--color-btn-danger-disabled-bg);border-color:var(--color-btn-border)}.ButtonGroup{display:flex;flex-direction:row}.ButtonGroup-item{border-right-width:0;border-radius:0}.ButtonGroup-item:first-of-type{border-top-left-radius:6px;border-bottom-left-radius:6px}.ButtonGroup-item:last-of-type{border-right-width:1px;border-top-right-radius:6px;border-bottom-right-radius:6px}.ButtonGroup-item:focus,.ButtonGroup-item:active{z-index:1}.Button--iconOnly{display:grid;place-content:center;padding:unset;width:var(--primer-control-medium-size)}.Button--iconOnly.Button--small,.Button--iconOnly.LinkStyledAsButton--small{width:var(--primer-control-small-size)}.Button--iconOnly.Button--large,.Button--iconOnly.LinkStyledAsButton--large{width:var(--primer-control-large-size)}.Link{color:var(--color-accent-fg);fill:var(--color-accent-fg)}.Link:hover{text-decoration:underline;cursor:pointer}.Link.Link--muted{color:var(--color-fg-muted);fill:var(--color-fg-muted)}.Link.Link--muted:hover{color:var(--color-accent-fg);fill:var(--color-accent-fg)}.Link-trailingVisual{display:flex;flex-direction:row;align-items:center;gap:.25em}.LinkStyledAsButton{display:inline-flex}.LinkStyledAsButton:hover{text-decoration:none}
+/*# sourceMappingURL=button-refactor.css.map */

package/dist/button-refactor.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file:///home/runner/work/css/css/src/button-refactor/index.scss%23sass"],"names":[],"mappings":"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","file":"button-refactor.css"}

package/dist/button-refactor.js

@@ -0,0 +1 @@
+export {cssstats: require('./stats/button-refactor.json')}