@nimbus-ds/icon-button 2.1.0 → 2.1.1

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 Icons are used to visually communicate core parts of the product and available actions. They can act as wayfinding tools to help merchants more easily understand where they are in the product, and common interaction patterns that are available.
 
+## 2022-12-16 `2.1.1`
+
+### 🎉 New features
+
+- Update color rules. ([#67](https://github.com/TiendaNube/nimbus-design-system/pull/67) by [@juanchigallego](https://github.com/juanchigallego))
+
 ## 2022-12-07 `2.1.0`
 
 ### 🎉 New features

package/dist/index.d.ts

@@ -0,0 +1,60 @@
+// Generated by dts-bundle-generator v7.1.0
+
+import React from 'react';
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+
+export interface Conditions<T> {
+	xs?: T;
+	md?: T;
+	lg?: T;
+}
+declare const properties: {
+	backgroundColor: {
+		transparent: string;
+		"neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+	};
+	borderColor: {
+		"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"neutral.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		transparent: string;
+		"neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+		"neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+	};
+};
+export type IconButtonBackgroundColorProperties = keyof typeof properties.backgroundColor;
+export type IconButtonBorderColorProperties = keyof typeof properties.borderColor;
+export interface IconButtonConditions<T> extends Conditions<T> {
+	focus?: T;
+	active?: T;
+	hover?: T;
+}
+export interface IconButtonSprinkle {
+	size?: string | IconButtonConditions<string>;
+	borderColor?: IconButtonBorderColorProperties | IconButtonConditions<IconButtonBorderColorProperties>;
+	backgroundColor?: IconButtonBackgroundColorProperties | IconButtonConditions<IconButtonBackgroundColorProperties>;
+}
+export interface IconButtonSkeletonProps {
+	"data-testid"?: string;
+}
+declare const IconButtonSkeleton: React.FC<IconButtonSkeletonProps>;
+export type IconButtonExtends = IconButtonSprinkle & ButtonHTMLAttributes<HTMLButtonElement | HTMLDivElement>;
+export interface IconButtonComponents {
+	Skeleton: typeof IconButtonSkeleton;
+}
+export interface IconButtonProps extends IconButtonExtends {
+	/** Type of html tag to create for the Icon Button component */
+	as?: "button" | "div";
+	/** Icon Button SVG */
+	source: ReactNode;
+}
+export declare const IconButton: React.FC<IconButtonProps> & IconButtonComponents;
+
+export {
+	IconButton as default,
+};
+
+export {};

package/dist/index.js

@@ -0,0 +1 @@
+!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("react"),require("@nimbus-ds/styles"),require("@nimbus-ds/icon"),require("@nimbus-ds/skeleton")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles","@nimbus-ds/icon","@nimbus-ds/skeleton"],n):"object"==typeof exports?exports["@nimbus-ds/icon-button"]=n(require("react"),require("@nimbus-ds/styles"),require("@nimbus-ds/icon"),require("@nimbus-ds/skeleton")):e["@nimbus-ds/icon-button"]=n(e.react,e["@nimbus-ds/styles"],e["@nimbus-ds/icon"],e["@nimbus-ds/skeleton"])}(self,((e,n,t,r)=>(()=>{"use strict";var o={912:(e,n,t)=>{t.d(n,{Z:()=>a});var r=t(70),o=t.n(r)()((function(e){return e[1]}));o.push([e.id,":root {\n  --g6qx2k0: #deeffe;\n  --g6qx2k1: #7abcf7;\n  --g6qx2k2: #006bc8;\n  --g6qx2k3: #004e93;\n  --g6qx2k4: #003e74;\n  --g6qx2k5: #002c53;\n  --g6qx2k6: #000e19;\n  --g6qx2k7: #defef2;\n  --g6qx2k8: #7af7c7;\n  --g6qx2k9: #00c87b;\n  --g6qx2ka: #00935b;\n  --g6qx2kb: #007447;\n  --g6qx2kc: #005333;\n  --g6qx2kd: #001910;\n  --g6qx2ke: #fef2de;\n  --g6qx2kf: #f7c77a;\n  --g6qx2kg: #c87b00;\n  --g6qx2kh: #935b00;\n  --g6qx2ki: #744700;\n  --g6qx2kj: #533300;\n  --g6qx2kk: #191000;\n  --g6qx2kl: #fedede;\n  --g6qx2km: #f77a7c;\n  --g6qx2kn: #c80003;\n  --g6qx2ko: #930002;\n  --g6qx2kp: #740002;\n  --g6qx2kq: #530001;\n  --g6qx2kr: #190000;\n  --g6qx2ks: #ffffff;\n  --g6qx2kt: #fafafa;\n  --g6qx2ku: #e7e8e9;\n  --g6qx2kv: #cfd1d2;\n  --g6qx2kw: #b7babc;\n  --g6qx2kx: #a0a3a6;\n  --g6qx2ky: #8a8d90;\n  --g6qx2kz: #5e6163;\n  --g6qx2k10: #343537;\n  --g6qx2k11: #0a0a0a;\n  --g6qx2k12: CentraNube, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', arial, sans-serif;\n  --g6qx2k13: 0.75rem;\n  --g6qx2k14: 0.875rem;\n  --g6qx2k15: 1rem;\n  --g6qx2k16: 2rem;\n  --g6qx2k17: 1.5rem;\n  --g6qx2k18: 1.25rem;\n  --g6qx2k19: 1.125rem;\n  --g6qx2k1a: 1rem;\n  --g6qx2k1b: 0.875rem;\n  --g6qx2k1c: 400;\n  --g6qx2k1d: 500;\n  --g6qx2k1e: 700;\n  --g6qx2k1f: 0.875rem;\n  --g6qx2k1g: 1.125rem;\n  --g6qx2k1h: 1.25rem;\n  --g6qx2k1i: 2.75rem;\n  --g6qx2k1j: 2rem;\n  --g6qx2k1k: 1.75rem;\n  --g6qx2k1l: 1.5rem;\n  --g6qx2k1m: 1.25rem;\n  --g6qx2k1n: 1.125rem;\n  --g6qx2k1o: 0px 2px 1px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(0, 0, 0, 0.25);\n  --g6qx2k1p: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 3px 10px rgba(0, 0, 0, 0.1);\n  --g6qx2k1q: 0px 20px 20px rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.04);\n  --g6qx2k1r: 0.25rem;\n  --g6qx2k1s: 0.5rem;\n  --g6qx2k1t: 1rem;\n  --g6qx2k1u: 1.5rem;\n  --g6qx2k1v: 2rem;\n  --g6qx2k1w: 2.5rem;\n  --g6qx2k1x: 3rem;\n  --g6qx2k1y: 3.5rem;\n  --g6qx2k1z: 4rem;\n  --g6qx2k20: 4.5rem;\n  --g6qx2k21: 5rem;\n  --g6qx2k22: 0.125rem;\n  --g6qx2k23: 0.25rem;\n  --g6qx2k24: 0.5rem;\n  --g6qx2k25: 0.75rem;\n  --g6qx2k26: 1rem;\n  --g6qx2k27: 1.25rem;\n  --g6qx2k28: 1.5rem;\n  --g6qx2k29: 1.75rem;\n  --g6qx2k2a: 2rem;\n  --g6qx2k2b: 2.25rem;\n  --g6qx2k2c: 2.5rem;\n  --g6qx2k2d: 2.75rem;\n  --g6qx2k2e: 3rem;\n  --g6qx2k2f: 3.5rem;\n  --g6qx2k2g: 4rem;\n  --g6qx2k2h: 4.5rem;\n  --g6qx2k2i: 5rem;\n  --g6qx2k2j: 0.125rem;\n  --g6qx2k2k: 0.375rem;\n  --g6qx2k2l: 0.625rem;\n  --g6qx2k2m: 0.875rem;\n  --g6qx2k2n: 1.125rem;\n  --g6qx2k2o: 300ms;\n  --g6qx2k2p: 150ms;\n  --g6qx2k2q: 450ms;\n  --g6qx2k2r: 600ms;\n  --g6qx2k2s: 0px;\n  --g6qx2k2t: 672px;\n  --g6qx2k2u: 1024px;\n  --g6qx2k2v: 0 0 0 3px #7abcf7;\n}\n._1mk82bx0 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  border-radius: 100%;\n  border-width: 0.063rem;\n  border-style: solid;\n  transition: all var(--g6qx2k2p) ease;\n}\n._1mk82bx0:active {\n  background-color: var(--g6qx2kw);\n  border-color: var(--g6qx2ky);\n}\n._1mk82bx0:focus {\n  box-shadow: var(--g6qx2k2v);\n}\n.dhtwyb9:active {\n  width: var(--dhtwyb3);\n}\n.dhtwyba:hover {\n  width: var(--dhtwyb4);\n}\n.dhtwybb:focus {\n  width: var(--dhtwyb5);\n}\n.dhtwybl:active {\n  height: var(--dhtwybf);\n}\n.dhtwybm:hover {\n  height: var(--dhtwybg);\n}\n.dhtwybn:focus {\n  height: var(--dhtwybh);\n}\n.dhtwybx:active {\n  background-color: var(--dhtwybr);\n}\n.dhtwyby:hover {\n  background-color: var(--dhtwybs);\n}\n.dhtwybz:focus {\n  background-color: var(--dhtwybt);\n}\n.dhtwyb19:active {\n  border-color: var(--dhtwyb13);\n}\n.dhtwyb1a:hover {\n  border-color: var(--dhtwyb14);\n}\n.dhtwyb1b:focus {\n  border-color: var(--dhtwyb15);\n}\n@media screen and (min-width: 0px) {\n  .dhtwyb6 {\n    width: var(--dhtwyb0);\n  }\n  .dhtwybi {\n    height: var(--dhtwybc);\n  }\n  .dhtwybu {\n    background-color: var(--dhtwybo);\n  }\n  .dhtwyb16 {\n    border-color: var(--dhtwyb10);\n  }\n}\n@media screen and (min-width: 672px) {\n  .dhtwyb7 {\n    width: var(--dhtwyb1);\n  }\n  .dhtwybj {\n    height: var(--dhtwybd);\n  }\n  .dhtwybv {\n    background-color: var(--dhtwybp);\n  }\n  .dhtwyb17 {\n    border-color: var(--dhtwyb11);\n  }\n}\n@media screen and (min-width: 1024px) {\n  .dhtwyb8 {\n    width: var(--dhtwyb2);\n  }\n  .dhtwybk {\n    height: var(--dhtwybe);\n  }\n  .dhtwybw {\n    background-color: var(--dhtwybq);\n  }\n  .dhtwyb18 {\n    border-color: var(--dhtwyb12);\n  }\n}\n",""]);const a=o},70:e=>{e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var t=e(n);return n[2]?"@media ".concat(n[2]," {").concat(t,"}"):t})).join("")},n.i=function(e,t,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var a=0;a<this.length;a++){var i=this[a][0];null!=i&&(o[i]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);r&&o[u[0]]||(t&&(u[2]?u[2]="".concat(t," and ").concat(u[2]):u[2]=t),n.push(u))}},n}},315:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var r=t(191),o=t.n(r),a=t(912),i={insert:"head",singleton:!1};o()(a.Z,i);const c=a.Z.locals||{}},191:(e,n,t)=>{var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},a=function(){var e={};return function(n){if(void 0===e[n]){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}e[n]=t}return e[n]}}(),i=[];function c(e){for(var n=-1,t=0;t<i.length;t++)if(i[t].identifier===e){n=t;break}return n}function u(e,n){for(var t={},r=[],o=0;o<e.length;o++){var a=e[o],u=n.base?a[0]+n.base:a[0],l=t[u]||0,s="".concat(u," ").concat(l);t[u]=l+1;var f=c(s),d={css:a[1],media:a[2],sourceMap:a[3]};-1!==f?(i[f].references++,i[f].updater(d)):i.push({identifier:s,updater:h(d,n),references:1}),r.push(s)}return r}function l(e){var n=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=t.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){n.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(n);else{var i=a(e.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(n)}return n}var s,f=(s=[],function(e,n){return s[e]=n,s.filter(Boolean).join("\n")});function d(e,n,t,r){var o=t?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=f(n,o);else{var a=document.createTextNode(o),i=e.childNodes;i[n]&&e.removeChild(i[n]),i.length?e.insertBefore(a,i[n]):e.appendChild(a)}}function b(e,n,t){var r=t.css,o=t.media,a=t.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var p=null,y=0;function h(e,n){var t,r,o;if(n.singleton){var a=y++;t=p||(p=l(n)),r=d.bind(null,t,a,!1),o=d.bind(null,t,a,!0)}else t=l(n),r=b.bind(null,t,n),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)};return r(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;r(e=n)}else o()}}e.exports=function(e,n){(n=n||{}).singleton||"boolean"==typeof n.singleton||(n.singleton=o());var t=u(e=e||[],n);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<t.length;r++){var o=c(t[r]);i[o].references--}for(var a=u(e,n),l=0;l<t.length;l++){var s=c(t[l]);0===i[s].references&&(i[s].updater(),i.splice(s,1))}t=a}}}},337:(e,n,t)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.IconButton=void 0;const r=t(15).__importDefault(t(156)),o=t(990),a=t(633),i=t(612),c=({className:e,style:n,as:t="button",size:i="2.75rem",backgroundColor:c={xs:"neutral.surface",active:"neutral.interactive",hover:"neutral.surfaceHighlight"},borderColor:u={xs:"neutral.interactive",active:"neutral.interactivePressed",hover:"neutral.interactiveHover",focus:"primary.interactive"},source:l,...s})=>{const{className:f,style:d,otherProps:b}=o.iconButton.sprinkle({...s,size:i,borderColor:u,backgroundColor:c});return r.default.createElement(t,{className:[o.iconButton.classnames.container,f].join(" "),style:d,...b},r.default.createElement(a.Icon,{"data-testid":"icon-element",color:"neutral.textLow",cursor:"pointer",source:l}))};n.IconButton=c,c.Skeleton=i.IconButtonSkeleton,c.displayName="IconButton",c.Skeleton.displayName="IconButton.Skeleton"},803:(e,n,t)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.IconButtonSkeleton=void 0;const r=t(15).__importDefault(t(156)),o=t(678);n.IconButtonSkeleton=({"data-testid":e})=>r.default.createElement(o.Skeleton,{width:"2.75rem",height:"2.75rem",borderRadius:"100%","data-testid":e})},621:(e,n,t)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.IconButtonSkeleton=void 0;const r=t(803);var o=t(803);Object.defineProperty(n,"IconButtonSkeleton",{enumerable:!0,get:function(){return o.IconButtonSkeleton}}),n.default=r.IconButtonSkeleton},612:(e,n,t)=>{Object.defineProperty(n,"__esModule",{value:!0});t(15).__exportStar(t(621),n)},15:(e,n,t)=>{t.r(n),t.d(n,{__assign:()=>a,__asyncDelegator:()=>k,__asyncGenerator:()=>x,__asyncValues:()=>w,__await:()=>v,__awaiter:()=>s,__classPrivateFieldGet:()=>S,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>P,__createBinding:()=>d,__decorate:()=>c,__exportStar:()=>b,__extends:()=>o,__generator:()=>f,__importDefault:()=>O,__importStar:()=>j,__makeTemplateObject:()=>q,__metadata:()=>l,__param:()=>u,__read:()=>y,__rest:()=>i,__spread:()=>h,__spreadArray:()=>m,__spreadArrays:()=>g,__values:()=>p});var r=function(e,n){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])},r(e,n)};function o(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function t(){this.constructor=e}r(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}var a=function(){return a=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},a.apply(this,arguments)};function i(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(t[r[o]]=e[r[o]])}return t}function c(e,n,t,r){var o,a=arguments.length,i=a<3?n:null===r?r=Object.getOwnPropertyDescriptor(n,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,n,t,r);else for(var c=e.length-1;c>=0;c--)(o=e[c])&&(i=(a<3?o(i):a>3?o(n,t,i):o(n,t))||i);return a>3&&i&&Object.defineProperty(n,t,i),i}function u(e,n){return function(t,r){n(t,r,e)}}function l(e,n){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,n)}function s(e,n,t,r){return new(t||(t=Promise))((function(o,a){function i(e){try{u(r.next(e))}catch(e){a(e)}}function c(e){try{u(r.throw(e))}catch(e){a(e)}}function u(e){var n;e.done?o(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,c)}u((r=r.apply(e,n||[])).next())}))}function f(e,n){var t,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function c(a){return function(c){return function(a){if(t)throw new TypeError("Generator is already executing.");for(;i;)try{if(t=1,r&&(o=2&a[0]?r.return:a[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;switch(r=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,r=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(6===a[0]&&i.label<o[1]){i.label=o[1],o=a;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(a);break}o[2]&&i.ops.pop(),i.trys.pop();continue}a=n.call(e,i)}catch(e){a=[6,e],r=0}finally{t=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,c])}}}var d=Object.create?function(e,n,t,r){void 0===r&&(r=t);var o=Object.getOwnPropertyDescriptor(n,t);o&&!("get"in o?!n.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,o)}:function(e,n,t,r){void 0===r&&(r=t),e[r]=n[t]};function b(e,n){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(n,t)||d(n,e,t)}function p(e){var n="function"==typeof Symbol&&Symbol.iterator,t=n&&e[n],r=0;if(t)return t.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(n?"Object is not iterable.":"Symbol.iterator is not defined.")}function y(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,o,a=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(t=a.return)&&t.call(a)}finally{if(o)throw o.error}}return i}function h(){for(var e=[],n=0;n<arguments.length;n++)e=e.concat(y(arguments[n]));return e}function g(){for(var e=0,n=0,t=arguments.length;n<t;n++)e+=arguments[n].length;var r=Array(e),o=0;for(n=0;n<t;n++)for(var a=arguments[n],i=0,c=a.length;i<c;i++,o++)r[o]=a[i];return r}function m(e,n,t){if(t||2===arguments.length)for(var r,o=0,a=n.length;o<a;o++)!r&&o in n||(r||(r=Array.prototype.slice.call(n,0,o)),r[o]=n[o]);return e.concat(r||Array.prototype.slice.call(n))}function v(e){return this instanceof v?(this.v=e,this):new v(e)}function x(e,n,t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=t.apply(e,n||[]),a=[];return r={},i("next"),i("throw"),i("return"),r[Symbol.asyncIterator]=function(){return this},r;function i(e){o[e]&&(r[e]=function(n){return new Promise((function(t,r){a.push([e,n,t,r])>1||c(e,n)}))})}function c(e,n){try{(t=o[e](n)).value instanceof v?Promise.resolve(t.value.v).then(u,l):s(a[0][2],t)}catch(e){s(a[0][3],e)}var t}function u(e){c("next",e)}function l(e){c("throw",e)}function s(e,n){e(n),a.shift(),a.length&&c(a[0][0],a[0][1])}}function k(e){var n,t;return n={},r("next"),r("throw",(function(e){throw e})),r("return"),n[Symbol.iterator]=function(){return this},n;function r(r,o){n[r]=e[r]?function(n){return(t=!t)?{value:v(e[r](n)),done:"return"===r}:o?o(n):n}:o}}function w(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,t=e[Symbol.asyncIterator];return t?t.call(e):(e=p(e),n={},r("next"),r("throw"),r("return"),n[Symbol.asyncIterator]=function(){return this},n);function r(t){n[t]=e[t]&&function(n){return new Promise((function(r,o){(function(e,n,t,r){Promise.resolve(r).then((function(n){e({value:n,done:t})}),n)})(r,o,(n=e[t](n)).done,n.value)}))}}}function q(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e}var _=Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n};function j(e){if(e&&e.__esModule)return e;var n={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&d(n,e,t);return _(n,e),n}function O(e){return e&&e.__esModule?e:{default:e}}function S(e,n,t,r){if("a"===t&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof n?e!==n||!r:!n.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?r:"a"===t?r.call(e):r?r.value:n.get(e)}function P(e,n,t,r,o){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof n?e!==n||!o:!n.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?o.call(e,t):o?o.value=t:n.set(e,t),t}function I(e,n){if(null===n||"object"!=typeof n&&"function"!=typeof n)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?n===e:e.has(n)}},633:e=>{e.exports=t},678:e=>{e.exports=r},990:e=>{e.exports=n},156:n=>{n.exports=e}},a={};function i(e){var n=a[e];if(void 0!==n)return n.exports;var t=a[e]={id:e,exports:{}};return o[e](t,t.exports,i),t.exports}i.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return i.d(n,{a:n}),n},i.d=(e,n)=>{for(var t in n)i.o(n,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},i.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.nc=void 0;var c={};return(()=>{var e=c;Object.defineProperty(e,"__esModule",{value:!0}),e.IconButton=void 0;const n=i(337);i(315);var t=i(337);Object.defineProperty(e,"IconButton",{enumerable:!0,get:function(){return t.IconButton}}),e.default=n.IconButton})(),c})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbus-ds/icon-button",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [
@@ -16,7 +16,7 @@
   "dependencies": {
     "@nimbus-ds/icon": "^1.6.0",
     "@nimbus-ds/skeleton": "^1.2.0",
-    "@nimbus-ds/styles": "^5.0.0"
+    "@nimbus-ds/styles": "^5.2.0"
   },
   "peerDependencies": {
     "react": "^16.8 || ^17.0 || ^18.0",