@leafygreen-ui/icon-button - npm Package Compare versions

Comparing version 15.0.12 to 15.0.13

CHANGELOG.md

 # @leafygreen-ui/icon-button
 
+## 15.0.13
+
+### Patch Changes
+
+- 547d828e: Change darkMode fill color from gray dark1 to gray dark2
+
 ## 15.0.12
@@ -4,0 +10,0 @@

dist/esm/index.js

@@ -1,2 +0,2 @@
-import n from"react";import r from"prop-types";import{validateAriaLabelProps as e}from"@leafygreen-ui/a11y";import o from"@leafygreen-ui/box";import{css as t,cx as a}from"@leafygreen-ui/emotion";import{isComponentGlyph as i}from"@leafygreen-ui/icon";import{useDarkMode as l}from"@leafygreen-ui/leafygreen-provider";import{Theme as c,isComponentType as f}from"@leafygreen-ui/lib";import{palette as s}from"@leafygreen-ui/palette";import{transitionDuration as b,focusRing as u}from"@leafygreen-ui/tokens";function g(n,r){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(n,r).enumerable}))),e.push.apply(e,o)}return e}function d(n){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?g(Object(e),!0).forEach((function(r){p(n,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):g(Object(e)).forEach((function(r){Object.defineProperty(n,r,Object.getOwnPropertyDescriptor(e,r))}))}return n}function p(n,r,e){return(r=function(n){var r=function(n,r){if("object"!=typeof n||null===n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var o=e.call(n,r||"default");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(n)}(n,"string");return"symbol"==typeof r?r:String(r)}(r))in n?Object.defineProperty(n,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[r]=e,n}function y(){return y=Object.assign?Object.assign.bind():function(n){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o])}return n},y.apply(this,arguments)}function h(n,r){if(null==n)return{};var e,o,t=function(n,r){if(null==n)return{};var e,o,t={},a=Object.keys(n);for(o=0;o<a.length;o++)e=a[o],r.indexOf(e)>=0||(t[e]=n[e]);return t}(n,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o<a.length;o++)e=a[o],r.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(n,e)&&(t[e]=n[e])}return t}function m(n,r){return r||(r=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(r)}}))}var v,k,O,w,j,x,P,D,S,L,z,E,I,N,C,M,B,T,X,R={Default:"default",Large:"large",XLarge:"xlarge"},q=t(v||(v=m(["\n  border: none;\n  -webkit-appearance: unset;\n  padding: unset;\n"]))),A=t(k||(k=m(["\n  display: inline-block;\n  border-radius: 100px;\n  position: relative;\n  cursor: pointer;\n  flex-shrink: 0;\n  transition: ","ms ease-in-out;\n  transition-property: color, box-shadow;\n\n  // Set background to fully-transparent white for cross-browser compatability with Safari\n  //\n  // Safari treats \"transparent\" values in CSS as transparent black instead of white\n  // which can make things render differently across browsers if not defined explicitly.\n  background-color: rgba(255, 255, 255, 0);\n\n  &:before {\n    content: '';\n    transition: ","ms all ease-in-out;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    border-radius: 100%;\n    opacity: 0;\n    transform: scale(0.8);\n  }\n\n  &:active:before,\n  &:hover:before,\n  &:focus:before {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  &:focus {\n    outline: none;\n  }\n"])),b.default,b.default),F=(p(x={},R.Default,t(O||(O=m(["\n    height: 28px;\n    width: 28px;\n  "])))),p(x,R.Large,t(w||(w=m(["\n    height: 36px;\n    width: 36px;\n  "])))),p(x,R.XLarge,t(j||(j=m(["\n    height: 42px;\n    width: 42px;\n  "])))),x),G=(p(S={},c.Light,t(P||(P=m(["\n    color: ",";\n\n    &:active,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),s.gray.base,s.black,s.gray.light2)),p(S,c.Dark,t(D||(D=m(["\n    color: ",";\n\n    &:active,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),s.gray.light1,s.gray.light3,s.gray.dark1)),S),H=(p(E={},c.Light,t(L||(L=m(["\n    &:focus-visible {\n      color: ",";\n      box-shadow: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),s.black,u[c.Light].default,s.gray.light2)),p(E,c.Dark,t(z||(z=m(["\n    &:focus-visible {\n      color: ",";\n      box-shadow: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),s.gray.light3,u[c.Dark].default,s.gray.dark1)),E),J=(p(C={},c.Light,t(I||(I=m(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: rgba(255, 255, 255, 0);\n\n    &:active,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: rgba(255, 255, 255, 0);\n      }\n    }\n\n    &:focus {\n      color: ",";\n\n      &:before {\n        background-color: rgba(255, 255, 255, 0);\n      }\n    }\n  "])),s.gray.light1,s.gray.light1,s.gray.light1)),p(C,c.Dark,t(N||(N=m(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: rgba(255, 255, 255, 0);\n\n    &:active,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: rgba(255, 255, 255, 0);\n      }\n    }\n\n    &:focus {\n      color: ",";\n\n      &:before {\n        background-color: rgba(255, 255, 255, 0);\n      }\n    }\n  "])),s.gray.dark1,s.gray.dark1,s.gray.dark1)),C),K=(p(T={},c.Light,t(M||(M=m(["\n    color: ",";\n\n    &:before {\n      background-color: ",";\n      opacity: 1;\n      transform: scale(1);\n    }\n  "])),s.black,s.gray.light2)),p(T,c.Dark,t(B||(B=m(["\n    color: ",";\n\n    &:before {\n      background-color: ",";\n      opacity: 1;\n      transform: scale(1);\n    }\n  "])),s.gray.light3,s.gray.dark1)),T),Q=t(X||(X=m(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]))),U=["size","darkMode","disabled","active","tabIndex","className","children"],V=n.forwardRef((function(r,t){var c,s,b=r.size,u=void 0===b?R.Default:b,g=r.darkMode,m=r.disabled,v=void 0!==m&&m,k=r.active,O=void 0!==k&&k,w=r.tabIndex,j=void 0===w?0:w,x=r.className,P=r.children,D=h(r,U),S=l(g).theme,L="string"==typeof D.href;e(D,"IconButton");var z=n.Children.map(P,(function(r){if(!r)return null;if(f(r,"Icon")||i(r)){var e=r.props,o=e.size,t=e.title,a={size:o||u};return"string"==typeof t&&0!==t.length||(a.title=!1),n.cloneElement(r,a)}return r})),E=d(d({},D),{},(p(s={ref:t,tabIndex:j},"aria-disabled",v),p(s,"href",v?void 0:D.href),p(s,"onClick",v?void 0:D.onClick),p(s,"className",a(q,A,F[u],G[S],H[S],(p(c={},K[S],O&&!v),p(c,J[S],v),c),x)),s));return n.createElement(o,y({as:L?"a":"button"},E),n.createElement("div",{className:Q},z))}));V.displayName="IconButton",V.propTypes={darkMode:r.bool,size:r.oneOf(Object.values(R)),className:r.string,children:r.node,disabled:r.bool,href:r.string,active:r.bool};export{R as Size,V as default};
+import n from"react";import r from"prop-types";import{validateAriaLabelProps as e}from"@leafygreen-ui/a11y";import o from"@leafygreen-ui/box";import{css as t,cx as a}from"@leafygreen-ui/emotion";import{isComponentGlyph as i}from"@leafygreen-ui/icon";import{useDarkMode as l}from"@leafygreen-ui/leafygreen-provider";import{Theme as c,isComponentType as f}from"@leafygreen-ui/lib";import{palette as s}from"@leafygreen-ui/palette";import{transitionDuration as b,focusRing as u}from"@leafygreen-ui/tokens";function g(n,r){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(n,r).enumerable}))),e.push.apply(e,o)}return e}function d(n){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?g(Object(e),!0).forEach((function(r){p(n,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):g(Object(e)).forEach((function(r){Object.defineProperty(n,r,Object.getOwnPropertyDescriptor(e,r))}))}return n}function p(n,r,e){return(r=function(n){var r=function(n,r){if("object"!=typeof n||null===n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var o=e.call(n,r||"default");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(n)}(n,"string");return"symbol"==typeof r?r:String(r)}(r))in n?Object.defineProperty(n,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[r]=e,n}function y(){return y=Object.assign?Object.assign.bind():function(n){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o])}return n},y.apply(this,arguments)}function h(n,r){if(null==n)return{};var e,o,t=function(n,r){if(null==n)return{};var e,o,t={},a=Object.keys(n);for(o=0;o<a.length;o++)e=a[o],r.indexOf(e)>=0||(t[e]=n[e]);return t}(n,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o<a.length;o++)e=a[o],r.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(n,e)&&(t[e]=n[e])}return t}function m(n,r){return r||(r=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(r)}}))}var v,k,O,w,j,x,P,D,S,L,z,E,I,N,C,M,B,T,X,R={Default:"default",Large:"large",XLarge:"xlarge"},q=t(v||(v=m(["\n  border: none;\n  -webkit-appearance: unset;\n  padding: unset;\n"]))),A=t(k||(k=m(["\n  display: inline-block;\n  border-radius: 100px;\n  position: relative;\n  cursor: pointer;\n  flex-shrink: 0;\n  transition: ","ms ease-in-out;\n  transition-property: color, box-shadow;\n\n  // Set background to fully-transparent white for cross-browser compatability with Safari\n  //\n  // Safari treats \"transparent\" values in CSS as transparent black instead of white\n  // which can make things render differently across browsers if not defined explicitly.\n  background-color: rgba(255, 255, 255, 0);\n\n  &:before {\n    content: '';\n    transition: ","ms all ease-in-out;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    border-radius: 100%;\n    opacity: 0;\n    transform: scale(0.8);\n  }\n\n  &:active:before,\n  &:hover:before,\n  &:focus:before {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  &:focus {\n    outline: none;\n  }\n"])),b.default,b.default),F=(p(x={},R.Default,t(O||(O=m(["\n    height: 28px;\n    width: 28px;\n  "])))),p(x,R.Large,t(w||(w=m(["\n    height: 36px;\n    width: 36px;\n  "])))),p(x,R.XLarge,t(j||(j=m(["\n    height: 42px;\n    width: 42px;\n  "])))),x),G=(p(S={},c.Light,t(P||(P=m(["\n    color: ",";\n\n    &:active,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),s.gray.base,s.black,s.gray.light2)),p(S,c.Dark,t(D||(D=m(["\n    color: ",";\n\n    &:active,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),s.gray.light1,s.gray.light3,s.gray.dark2)),S),H=(p(E={},c.Light,t(L||(L=m(["\n    &:focus-visible {\n      color: ",";\n      box-shadow: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),s.black,u[c.Light].default,s.gray.light2)),p(E,c.Dark,t(z||(z=m(["\n    &:focus-visible {\n      color: ",";\n      box-shadow: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),s.gray.light3,u[c.Dark].default,s.gray.dark1)),E),J=(p(C={},c.Light,t(I||(I=m(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: rgba(255, 255, 255, 0);\n\n    &:active,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: rgba(255, 255, 255, 0);\n      }\n    }\n\n    &:focus {\n      color: ",";\n\n      &:before {\n        background-color: rgba(255, 255, 255, 0);\n      }\n    }\n  "])),s.gray.light1,s.gray.light1,s.gray.light1)),p(C,c.Dark,t(N||(N=m(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: rgba(255, 255, 255, 0);\n\n    &:active,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: rgba(255, 255, 255, 0);\n      }\n    }\n\n    &:focus {\n      color: ",";\n\n      &:before {\n        background-color: rgba(255, 255, 255, 0);\n      }\n    }\n  "])),s.gray.dark1,s.gray.dark1,s.gray.dark1)),C),K=(p(T={},c.Light,t(M||(M=m(["\n    color: ",";\n\n    &:before {\n      background-color: ",";\n      opacity: 1;\n      transform: scale(1);\n    }\n  "])),s.black,s.gray.light2)),p(T,c.Dark,t(B||(B=m(["\n    color: ",";\n\n    &:before {\n      background-color: ",";\n      opacity: 1;\n      transform: scale(1);\n    }\n  "])),s.gray.light3,s.gray.dark1)),T),Q=t(X||(X=m(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]))),U=["size","darkMode","disabled","active","tabIndex","className","children"],V=n.forwardRef((function(r,t){var c,s,b=r.size,u=void 0===b?R.Default:b,g=r.darkMode,m=r.disabled,v=void 0!==m&&m,k=r.active,O=void 0!==k&&k,w=r.tabIndex,j=void 0===w?0:w,x=r.className,P=r.children,D=h(r,U),S=l(g).theme,L="string"==typeof D.href;e(D,"IconButton");var z=n.Children.map(P,(function(r){if(!r)return null;if(f(r,"Icon")||i(r)){var e=r.props,o=e.size,t=e.title,a={size:o||u};return"string"==typeof t&&0!==t.length||(a.title=!1),n.cloneElement(r,a)}return r})),E=d(d({},D),{},(p(s={ref:t,tabIndex:j},"aria-disabled",v),p(s,"href",v?void 0:D.href),p(s,"onClick",v?void 0:D.onClick),p(s,"className",a(q,A,F[u],G[S],H[S],(p(c={},K[S],O&&!v),p(c,J[S],v),c),x)),s));return n.createElement(o,y({as:L?"a":"button"},E),n.createElement("div",{className:Q},z))}));V.displayName="IconButton",V.propTypes={darkMode:r.bool,size:r.oneOf(Object.values(R)),className:r.string,children:r.node,disabled:r.bool,href:r.string,active:r.bool};export{R as Size,V as default};
 //# sourceMappingURL=index.js.map

dist/index.js

@@ -1,2 +0,2 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react"),require("prop-types"),require("@leafygreen-ui/a11y"),require("@leafygreen-ui/box"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/icon"),require("@leafygreen-ui/leafygreen-provider"),require("@leafygreen-ui/lib"),require("@leafygreen-ui/palette"),require("@leafygreen-ui/tokens")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@leafygreen-ui/a11y","@leafygreen-ui/box","@leafygreen-ui/emotion","@leafygreen-ui/icon","@leafygreen-ui/leafygreen-provider","@leafygreen-ui/lib","@leafygreen-ui/palette","@leafygreen-ui/tokens"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/icon-button"]={},e.React,e.PropTypes,e["@leafygreen-ui/a11y"],e["@leafygreen-ui/box"],e["@leafygreen-ui/emotion"],e["@leafygreen-ui/icon"],e["@leafygreen-ui/leafygreen-provider"],e["@leafygreen-ui/lib"],e["@leafygreen-ui/palette"],e["@leafygreen-ui/tokens"])}(this,(function(e,n,r,t,o,a,i,l,c,s,u){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=f(n),b=f(r),d=f(o);function p(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function y(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?p(Object(r),!0).forEach((function(n){h(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function h(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function v(){return v=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},v.apply(this,arguments)}function m(e,n){if(null==e)return{};var r,t,o=function(e,n){if(null==e)return{};var r,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||(o[r]=e[r]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function k(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var O,j,w,x,P,T,D,S,q,L,z,E,I,N,C,M,R,B,X,_={Default:"default",Large:"large",XLarge:"xlarge"},A=a.css(O||(O=k(["\n  border: none;\n  -webkit-appearance: unset;\n  padding: unset;\n"]))),G=a.css(j||(j=k(["\n  display: inline-block;\n  border-radius: 100px;\n  position: relative;\n  cursor: pointer;\n  flex-shrink: 0;\n  transition: ","ms ease-in-out;\n  transition-property: color, box-shadow;\n\n  // Set background to fully-transparent white for cross-browser compatability with Safari\n  //\n  // Safari treats \"transparent\" values in CSS as transparent black instead of white\n  // which can make things render differently across browsers if not defined explicitly.\n  background-color: rgba(255, 255, 255, 0);\n\n  &:before {\n    content: '';\n    transition: ","ms all ease-in-out;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    border-radius: 100%;\n    opacity: 0;\n    transform: scale(0.8);\n  }\n\n  &:active:before,\n  &:hover:before,\n  &:focus:before {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  &:focus {\n    outline: none;\n  }\n"])),u.transitionDuration.default,u.transitionDuration.default),F=(h(T={},_.Default,a.css(w||(w=k(["\n    height: 28px;\n    width: 28px;\n  "])))),h(T,_.Large,a.css(x||(x=k(["\n    height: 36px;\n    width: 36px;\n  "])))),h(T,_.XLarge,a.css(P||(P=k(["\n    height: 42px;\n    width: 42px;\n  "])))),T),H=(h(q={},c.Theme.Light,a.css(D||(D=k(["\n    color: ",";\n\n    &:active,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),s.palette.gray.base,s.palette.black,s.palette.gray.light2)),h(q,c.Theme.Dark,a.css(S||(S=k(["\n    color: ",";\n\n    &:active,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),s.palette.gray.light1,s.palette.gray.light3,s.palette.gray.dark1)),q),J=(h(E={},c.Theme.Light,a.css(L||(L=k(["\n    &:focus-visible {\n      color: ",";\n      box-shadow: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),s.palette.black,u.focusRing[c.Theme.Light].default,s.palette.gray.light2)),h(E,c.Theme.Dark,a.css(z||(z=k(["\n    &:focus-visible {\n      color: ",";\n      box-shadow: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),s.palette.gray.light3,u.focusRing[c.Theme.Dark].default,s.palette.gray.dark1)),E),K=(h(C={},c.Theme.Light,a.css(I||(I=k(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: rgba(255, 255, 255, 0);\n\n    &:active,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: rgba(255, 255, 255, 0);\n      }\n    }\n\n    &:focus {\n      color: ",";\n\n      &:before {\n        background-color: rgba(255, 255, 255, 0);\n      }\n    }\n  "])),s.palette.gray.light1,s.palette.gray.light1,s.palette.gray.light1)),h(C,c.Theme.Dark,a.css(N||(N=k(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: rgba(255, 255, 255, 0);\n\n    &:active,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: rgba(255, 255, 255, 0);\n      }\n    }\n\n    &:focus {\n      color: ",";\n\n      &:before {\n        background-color: rgba(255, 255, 255, 0);\n      }\n    }\n  "])),s.palette.gray.dark1,s.palette.gray.dark1,s.palette.gray.dark1)),C),Q=(h(B={},c.Theme.Light,a.css(M||(M=k(["\n    color: ",";\n\n    &:before {\n      background-color: ",";\n      opacity: 1;\n      transform: scale(1);\n    }\n  "])),s.palette.black,s.palette.gray.light2)),h(B,c.Theme.Dark,a.css(R||(R=k(["\n    color: ",";\n\n    &:before {\n      background-color: ",";\n      opacity: 1;\n      transform: scale(1);\n    }\n  "])),s.palette.gray.light3,s.palette.gray.dark1)),B),U=a.css(X||(X=k(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]))),V=["size","darkMode","disabled","active","tabIndex","className","children"],W=g.default.forwardRef((function(e,n){var r,o,s=e.size,u=void 0===s?_.Default:s,f=e.darkMode,b=e.disabled,p=void 0!==b&&b,k=e.active,O=void 0!==k&&k,j=e.tabIndex,w=void 0===j?0:j,x=e.className,P=e.children,T=m(e,V),D=l.useDarkMode(f).theme,S="string"==typeof T.href;t.validateAriaLabelProps(T,"IconButton");var q=g.default.Children.map(P,(function(e){if(!e)return null;if(c.isComponentType(e,"Icon")||i.isComponentGlyph(e)){var n=e.props,r=n.size,t=n.title,o={size:r||u};return"string"==typeof t&&0!==t.length||(o.title=!1),g.default.cloneElement(e,o)}return e})),L=y(y({},T),{},(h(o={ref:n,tabIndex:w},"aria-disabled",p),h(o,"href",p?void 0:T.href),h(o,"onClick",p?void 0:T.onClick),h(o,"className",a.cx(A,G,F[u],H[D],J[D],(h(r={},Q[D],O&&!p),h(r,K[D],p),r),x)),o));return g.default.createElement(d.default,v({as:S?"a":"button"},L),g.default.createElement("div",{className:U},q))}));W.displayName="IconButton",W.propTypes={darkMode:b.default.bool,size:b.default.oneOf(Object.values(_)),className:b.default.string,children:b.default.node,disabled:b.default.bool,href:b.default.string,active:b.default.bool},e.Size=_,e.default=W,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react"),require("prop-types"),require("@leafygreen-ui/a11y"),require("@leafygreen-ui/box"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/icon"),require("@leafygreen-ui/leafygreen-provider"),require("@leafygreen-ui/lib"),require("@leafygreen-ui/palette"),require("@leafygreen-ui/tokens")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@leafygreen-ui/a11y","@leafygreen-ui/box","@leafygreen-ui/emotion","@leafygreen-ui/icon","@leafygreen-ui/leafygreen-provider","@leafygreen-ui/lib","@leafygreen-ui/palette","@leafygreen-ui/tokens"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/icon-button"]={},e.React,e.PropTypes,e["@leafygreen-ui/a11y"],e["@leafygreen-ui/box"],e["@leafygreen-ui/emotion"],e["@leafygreen-ui/icon"],e["@leafygreen-ui/leafygreen-provider"],e["@leafygreen-ui/lib"],e["@leafygreen-ui/palette"],e["@leafygreen-ui/tokens"])}(this,(function(e,n,r,t,o,a,i,l,c,s,u){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=f(n),b=f(r),d=f(o);function p(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function y(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?p(Object(r),!0).forEach((function(n){h(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function h(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function v(){return v=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},v.apply(this,arguments)}function m(e,n){if(null==e)return{};var r,t,o=function(e,n){if(null==e)return{};var r,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||(o[r]=e[r]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function k(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var O,j,w,x,P,T,D,S,q,L,z,E,I,N,C,M,R,B,X,_={Default:"default",Large:"large",XLarge:"xlarge"},A=a.css(O||(O=k(["\n  border: none;\n  -webkit-appearance: unset;\n  padding: unset;\n"]))),G=a.css(j||(j=k(["\n  display: inline-block;\n  border-radius: 100px;\n  position: relative;\n  cursor: pointer;\n  flex-shrink: 0;\n  transition: ","ms ease-in-out;\n  transition-property: color, box-shadow;\n\n  // Set background to fully-transparent white for cross-browser compatability with Safari\n  //\n  // Safari treats \"transparent\" values in CSS as transparent black instead of white\n  // which can make things render differently across browsers if not defined explicitly.\n  background-color: rgba(255, 255, 255, 0);\n\n  &:before {\n    content: '';\n    transition: ","ms all ease-in-out;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    border-radius: 100%;\n    opacity: 0;\n    transform: scale(0.8);\n  }\n\n  &:active:before,\n  &:hover:before,\n  &:focus:before {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  &:focus {\n    outline: none;\n  }\n"])),u.transitionDuration.default,u.transitionDuration.default),F=(h(T={},_.Default,a.css(w||(w=k(["\n    height: 28px;\n    width: 28px;\n  "])))),h(T,_.Large,a.css(x||(x=k(["\n    height: 36px;\n    width: 36px;\n  "])))),h(T,_.XLarge,a.css(P||(P=k(["\n    height: 42px;\n    width: 42px;\n  "])))),T),H=(h(q={},c.Theme.Light,a.css(D||(D=k(["\n    color: ",";\n\n    &:active,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),s.palette.gray.base,s.palette.black,s.palette.gray.light2)),h(q,c.Theme.Dark,a.css(S||(S=k(["\n    color: ",";\n\n    &:active,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),s.palette.gray.light1,s.palette.gray.light3,s.palette.gray.dark2)),q),J=(h(E={},c.Theme.Light,a.css(L||(L=k(["\n    &:focus-visible {\n      color: ",";\n      box-shadow: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),s.palette.black,u.focusRing[c.Theme.Light].default,s.palette.gray.light2)),h(E,c.Theme.Dark,a.css(z||(z=k(["\n    &:focus-visible {\n      color: ",";\n      box-shadow: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),s.palette.gray.light3,u.focusRing[c.Theme.Dark].default,s.palette.gray.dark1)),E),K=(h(C={},c.Theme.Light,a.css(I||(I=k(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: rgba(255, 255, 255, 0);\n\n    &:active,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: rgba(255, 255, 255, 0);\n      }\n    }\n\n    &:focus {\n      color: ",";\n\n      &:before {\n        background-color: rgba(255, 255, 255, 0);\n      }\n    }\n  "])),s.palette.gray.light1,s.palette.gray.light1,s.palette.gray.light1)),h(C,c.Theme.Dark,a.css(N||(N=k(["\n    cursor: not-allowed;\n    color: ",";\n    background-color: rgba(255, 255, 255, 0);\n\n    &:active,\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: rgba(255, 255, 255, 0);\n      }\n    }\n\n    &:focus {\n      color: ",";\n\n      &:before {\n        background-color: rgba(255, 255, 255, 0);\n      }\n    }\n  "])),s.palette.gray.dark1,s.palette.gray.dark1,s.palette.gray.dark1)),C),Q=(h(B={},c.Theme.Light,a.css(M||(M=k(["\n    color: ",";\n\n    &:before {\n      background-color: ",";\n      opacity: 1;\n      transform: scale(1);\n    }\n  "])),s.palette.black,s.palette.gray.light2)),h(B,c.Theme.Dark,a.css(R||(R=k(["\n    color: ",";\n\n    &:before {\n      background-color: ",";\n      opacity: 1;\n      transform: scale(1);\n    }\n  "])),s.palette.gray.light3,s.palette.gray.dark1)),B),U=a.css(X||(X=k(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]))),V=["size","darkMode","disabled","active","tabIndex","className","children"],W=g.default.forwardRef((function(e,n){var r,o,s=e.size,u=void 0===s?_.Default:s,f=e.darkMode,b=e.disabled,p=void 0!==b&&b,k=e.active,O=void 0!==k&&k,j=e.tabIndex,w=void 0===j?0:j,x=e.className,P=e.children,T=m(e,V),D=l.useDarkMode(f).theme,S="string"==typeof T.href;t.validateAriaLabelProps(T,"IconButton");var q=g.default.Children.map(P,(function(e){if(!e)return null;if(c.isComponentType(e,"Icon")||i.isComponentGlyph(e)){var n=e.props,r=n.size,t=n.title,o={size:r||u};return"string"==typeof t&&0!==t.length||(o.title=!1),g.default.cloneElement(e,o)}return e})),L=y(y({},T),{},(h(o={ref:n,tabIndex:w},"aria-disabled",p),h(o,"href",p?void 0:T.href),h(o,"onClick",p?void 0:T.onClick),h(o,"className",a.cx(A,G,F[u],H[D],J[D],(h(r={},Q[D],O&&!p),h(r,K[D],p),r),x)),o));return g.default.createElement(d.default,v({as:S?"a":"button"},L),g.default.createElement("div",{className:U},q))}));W.displayName="IconButton",W.propTypes={darkMode:b.default.bool,size:b.default.oneOf(Object.values(_)),className:b.default.string,children:b.default.node,disabled:b.default.bool,href:b.default.string,active:b.default.bool},e.Size=_,e.default=W,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@leafygreen-ui/icon-button",
-  "version": "15.0.12",
+  "version": "15.0.13",
   "description": "LeafyGreen UI Kit Icon Buttons",
@@ -16,3 +16,4 @@ "main": "./dist/index.js",
   "scripts": {
-    "build": "../../node_modules/.bin/rollup --config ../../rollup.config.js"
+    "build": "../../node_modules/.bin/rollup --config ../../rollup.config.js",
+    "tsc": "tsc --build tsconfig.json"
   },
@@ -42,6 +43,3 @@ "license": "Apache-2.0",
     "url": "https://jira.mongodb.org/projects/PD/summary"
-  },
-  "devDependencies": {
-    "lodash": "^4.17.21"
   }
-}
+}

tsconfig.json

 {
-  "extends": "../../package.tsconfig.json",
-  "compilerOptions": {
+  "extends": "@lg-tools/config/package.tsconfig.json",
+   "compilerOptions": {
     "declarationDir": "dist",
     "outDir": "dist",
-    "rootDir": "src"
+    "rootDir": "src",
+    "baseUrl": ".",
+    "paths": {
+      "@leafygreen-ui/icon/dist/*": ["../icon/src/generated/*"],
+      "@leafygreen-ui/*": ["../*/src"]
+    }
   },
@@ -8,0 +13,0 @@ "include": [

No alert changes

Improved metrics

Total package byte prevSize

282720

increased by61.47%

Dev dependency count

0

decreased by-100%

Number of package files

31

increased by24%

Lines of code

1827

increased by26.79%

No dependency changes