@primer/components 31.0.0-rc.dfe9dc6b → 31.0.1-rc.0f466271

package/dist/browser.umd.js

@@ -45,7 +45,7 @@
   }
 
   &:disabled {
-    color: ${xt("colors.fg.muted")};
+    color: ${xt("colors.primer.fg.disabled")};
     background-color: ${xt("colors.btn.bg")};
     border-color: ${xt("colors.btn.border")};
   }
@@ -198,12 +198,17 @@
   box-shadow: none;
 
   &:disabled {
-    color: ${xt("colors.fg.muted")};
+    color: ${xt("colors.primer.fg.disabled")};
   }
-
   &:focus {
     box-shadow: ${xt("shadows.btn.focusShadow")};
   }
+  &:hover {
+    background-color: ${xt("colors.btn.hoverBg")};
+  }
+  &:active {
+    background-color: ${xt("colors.btn.selectedBg")};
+  }
 
   ${Dr};
   ${Kt}
@@ -227,7 +232,7 @@
   &:disabled {
     &,
     &:hover {
-      color: rgba(${xt("colors.fg.muted")}, 0.5);
+      color: ${xt("colors.primer.fg.disabled")};
       cursor: default;
     }
   }
@@ -413,7 +418,7 @@
   background: ${xt("colors.border.muted")};
   margin-top: calc(${xt("space.2")} - 1px);
   margin-bottom: ${xt("space.2")};
-`;function yo(){return n.default.createElement(xo,null)}yo.displayName="Divider",yo.renderItem=yo;const wo={default:{hover:{light:"rgba(46, 77, 108, 0.06)",dark:"rgba(201, 206, 212, 0.12)",dark_dimmed:"rgba(201, 206, 212, 0.12)"},focus:{light:"rgba(54, 77, 100, 0.16)",dark:"rgba(201, 206, 212, 0.24)",dark_dimmed:"rgba(201, 206, 212, 0.24)"}},danger:{hover:{light:"rgba(234, 74, 90, 0.08)",dark:"rgba(248, 81, 73, 0.16)",dark_dimmed:"rgba(248, 81, 73, 0.16)"},focus:{light:"rgba(234, 74, 90, 0.14)",dark:"rgba(248, 81, 73, 0.24)",dark_dimmed:"rgba(248, 81, 73, 0.24)"}}},Bo=(e="default",t)=>{if(t)return{color:xt("colors.fg.muted"),iconColor:xt("colors.fg.muted"),annotationColor:xt("colors.fg.muted"),hoverCursor:"default"};switch(e){case"danger":return{color:xt("colors.danger.fg"),iconColor:xt("colors.danger.fg"),annotationColor:xt("colors.fg.muted"),hoverCursor:"pointer"};default:return{color:xt("colors.fg.default"),iconColor:xt("colors.fg.muted"),annotationColor:xt("colors.fg.muted"),hoverCursor:"pointer"}}},ko=i.default.div`
+`;function yo(){return n.default.createElement(xo,null)}yo.displayName="Divider",yo.renderItem=yo;const wo={default:{hover:{light:"rgba(46, 77, 108, 0.06)",dark:"rgba(201, 206, 212, 0.12)",dark_dimmed:"rgba(201, 206, 212, 0.12)"},focus:{light:"rgba(54, 77, 100, 0.16)",dark:"rgba(201, 206, 212, 0.24)",dark_dimmed:"rgba(201, 206, 212, 0.24)"}},danger:{hover:{light:"rgba(234, 74, 90, 0.08)",dark:"rgba(248, 81, 73, 0.16)",dark_dimmed:"rgba(248, 81, 73, 0.16)"},focus:{light:"rgba(234, 74, 90, 0.14)",dark:"rgba(248, 81, 73, 0.24)",dark_dimmed:"rgba(248, 81, 73, 0.24)"}}},Bo=(e="default",t)=>{if(t)return{color:xt("colors.primer.fg.disabled"),iconColor:xt("colors.primer.fg.disabled"),annotationColor:xt("colors.primer.fg.disabled"),hoverCursor:"default"};switch(e){case"danger":return{color:xt("colors.danger.fg"),iconColor:xt("colors.danger.fg"),annotationColor:xt("colors.fg.muted"),hoverCursor:"pointer"};default:return{color:xt("colors.fg.default"),iconColor:xt("colors.fg.muted"),annotationColor:xt("colors.fg.muted"),hoverCursor:"pointer"}}},ko=i.default.div`
   display: flex;
   min-width: 0;
 
@@ -542,7 +547,7 @@
   flex-basis: var(--description-container-flex-basis);
 `,Io=i.default.input`
   pointer-events: none;
-`,Ao=n.default.forwardRef(((e,r)=>{const{as:a,text:o,description:i,descriptionVariant:l="inline",selected:d,selectionVariant:s,leadingVisual:c,trailingIcon:f,trailingText:u,variant:g="default",showDivider:p,disabled:b,onAction:h,onKeyPress:m,children:v,onClick:x,id:y,...w}=e,B=Da(),k=Da(),$=t.useCallback((t=>{if(b)return;null==m||m(t);t.target instanceof HTMLInputElement&&"checkbox"===t.target.type&&" "===t.key||!t.defaultPrevented&&[" ","Enter"].includes(t.key)&&(null==h||h(e,t))}),[h,b,e,m]),S=t.useCallback((t=>{b||(null==x||x(t),t.defaultPrevented||null==h||h(e,t))}),[h,b,e,x]),T=wo[g],E=Ut(T.hover,"inherit"),C=Ut(T.focus,"inherit"),{theme:z}=jt();return n.default.createElement(So,Tt({ref:r,as:a,tabIndex:b?void 0:-1,variant:g,showDivider:p,"aria-selected":d,"aria-labelledby":o?B:void 0,"aria-describedby":i?k:void 0},w,{"data-id":y,onKeyPress:$,onClick:S,hoverBackground:b?"inherit":E,focusBackground:b?"inherit":C}),!!d===d&&n.default.createElement(Eo,null,"multiple"===s?n.default.createElement(n.default.Fragment,null,n.default.createElement(Io,{disabled:b,tabIndex:-1,type:"checkbox",checked:d,"aria-label":o,readOnly:!0,"aria-readonly":"false"})):d&&n.default.createElement(ea,{fill:null==z?void 0:z.colors.fg.default})),c&&n.default.createElement(zo,{variant:g,disabled:b},n.default.createElement(c,null)),n.default.createElement(ko,null,n.default.createElement($o,{style:{"--main-content-flex-direction":"inline"===l?"row":"column"}},v,o?n.default.createElement(To,{id:B},o):null,i?n.default.createElement(No,{id:k,style:{"--description-container-margin-left":"inline"===l?xt("space.2")(z):0,"--description-container-flex-basis":"inline"===l?0:"auto"}},"block"===l?i:n.default.createElement(vo,{title:i,inline:!0,maxWidth:"100%"},i)):null),f||u?n.default.createElement(Ro,{variant:g,disabled:b},u,f&&n.default.createElement(f,null)):null))}));Ao.displayName="ActionList.Item";const Lo=i.default.div`
+`,Ao=n.default.forwardRef(((e,r)=>{const{as:a,text:o,description:i,descriptionVariant:l="inline",selected:d,selectionVariant:s,leadingVisual:c,trailingIcon:f,trailingVisual:u,trailingText:g,variant:p="default",showDivider:b,disabled:h,onAction:m,onKeyPress:v,children:x,onClick:y,id:w,...B}=e,k=Da(),$=Da(),S=t.useCallback((t=>{if(h)return;null==v||v(t);t.target instanceof HTMLInputElement&&"checkbox"===t.target.type&&" "===t.key||!t.defaultPrevented&&[" ","Enter"].includes(t.key)&&(null==m||m(e,t))}),[m,h,e,v]),T=t.useCallback((t=>{h||(null==y||y(t),t.defaultPrevented||null==m||m(e,t))}),[m,h,e,y]),E=wo[p],C=Ut(E.hover,"inherit"),z=Ut(E.focus,"inherit"),{theme:R}=jt();return n.default.createElement(So,Tt({ref:r,as:a,tabIndex:h?void 0:-1,variant:p,showDivider:b,"aria-selected":d,"aria-labelledby":o?k:void 0,"aria-describedby":i?$:void 0},B,{"data-id":w,onKeyPress:S,onClick:T,hoverBackground:h?"inherit":C,focusBackground:h?"inherit":z}),!!d===d&&n.default.createElement(Eo,null,"multiple"===s?n.default.createElement(n.default.Fragment,null,n.default.createElement(Io,{disabled:h,tabIndex:-1,type:"checkbox",checked:d,"aria-label":o,readOnly:!0,"aria-readonly":"false"})):d&&n.default.createElement(ea,{fill:null==R?void 0:R.colors.fg.default})),c&&n.default.createElement(zo,{variant:p,disabled:h},n.default.createElement(c,null)),n.default.createElement(ko,null,n.default.createElement($o,{style:{"--main-content-flex-direction":"inline"===l?"row":"column"}},x,o?n.default.createElement(To,{id:k},o):null,i?n.default.createElement(No,{id:$,style:{"--description-container-margin-left":"inline"===l?xt("space.2")(R):0,"--description-container-flex-basis":"inline"===l?0:"auto"}},"block"===l?i:n.default.createElement(vo,{title:i,inline:!0,maxWidth:"100%"},i)):null),u?n.default.createElement(Ro,{variant:p,disabled:h},"function"==typeof u?n.default.createElement(u,null):u):f||g?n.default.createElement(Ro,{variant:p,disabled:h},g,f&&n.default.createElement(f,null)):null))}));Ao.displayName="ActionList.Item";const Lo=i.default.div`
   font-size: ${xt("fontSizes.1")};
   /* 14px font-size * 1.428571429 = 20px line height
    *
@@ -631,7 +636,7 @@
 
   ${e=>e.contrast&&r.css(["background-color:",";"],xt("colors.canvas.inset"))}
 
-  ${e=>e.disabled&&r.css(["color:",";background-color:",";border-color:",";"],xt("colors.fg.muted"),xt("colors.input.disabledBg"),xt("colors.border.default"))}
+  ${e=>e.disabled&&r.css(["color:",";background-color:",";border-color:",";"],xt("colors.primer.fg.disabled"),xt("colors.input.disabledBg"),xt("colors.border.default"))}
   
     ${e=>e.block&&r.css(["display:block;width:100%;"])}
   
@@ -1243,7 +1248,7 @@
 
   &[aria-disabled],
   &[aria-disabled]:hover {
-    color: ${xt("colors.fg.muted")}; // check
+    color: ${xt("colors.primer.fg.disabled")}; // check
     cursor: default;
     border-color: transparent;
   }