@primer/components 0.0.0-202192675438 → 0.0.0-202192701132

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.
Files changed (38) hide show
  1. package/CHANGELOG.md +4 -14
  2. package/dist/browser.esm.js +21 -21
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +1 -1
  5. package/dist/browser.umd.js.map +1 -1
  6. package/lib/ActionList/Item.d.ts +0 -6
  7. package/lib/ActionList/Item.js +1 -5
  8. package/lib/Autocomplete/Autocomplete.d.ts +1 -1
  9. package/lib/Autocomplete/AutocompleteInput.d.ts +1 -1
  10. package/lib/Button/ButtonClose.d.ts +1 -1
  11. package/lib/CircleOcticon.d.ts +1 -1
  12. package/lib/Dialog.d.ts +1 -1
  13. package/lib/Dropdown.d.ts +4 -4
  14. package/lib/DropdownMenu/DropdownButton.d.ts +1 -1
  15. package/lib/FilterList.d.ts +1 -1
  16. package/lib/SelectMenu/SelectMenu.d.ts +5 -5
  17. package/lib/TextInputWithTokens.d.ts +1 -1
  18. package/lib/Timeline.d.ts +1 -1
  19. package/lib/sx.d.ts +8 -2
  20. package/lib/theme.d.ts +4 -0
  21. package/lib/theme.js +96 -1
  22. package/lib-esm/ActionList/Item.d.ts +0 -6
  23. package/lib-esm/ActionList/Item.js +1 -5
  24. package/lib-esm/Autocomplete/Autocomplete.d.ts +1 -1
  25. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +1 -1
  26. package/lib-esm/Button/ButtonClose.d.ts +1 -1
  27. package/lib-esm/CircleOcticon.d.ts +1 -1
  28. package/lib-esm/Dialog.d.ts +1 -1
  29. package/lib-esm/Dropdown.d.ts +4 -4
  30. package/lib-esm/DropdownMenu/DropdownButton.d.ts +1 -1
  31. package/lib-esm/FilterList.d.ts +1 -1
  32. package/lib-esm/SelectMenu/SelectMenu.d.ts +5 -5
  33. package/lib-esm/TextInputWithTokens.d.ts +1 -1
  34. package/lib-esm/Timeline.d.ts +1 -1
  35. package/lib-esm/sx.d.ts +8 -2
  36. package/lib-esm/theme.d.ts +4 -0
  37. package/lib-esm/theme.js +95 -1
  38. package/package.json +1 -2
@@ -547,7 +547,7 @@
547
547
  flex-basis: var(--description-container-flex-basis);
548
548
  `,Io=i.default.input`
549
549
  pointer-events: none;
550
- `,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`
550
+ `,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`
551
551
  font-size: ${xt("fontSizes.1")};
552
552
  /* 14px font-size * 1.428571429 = 20px line height
553
553
  *