@nimbus-ds/icon-button 2.1.0-rc.1 → 2.1.0-rc.3

package/dist/index.d.ts

@@ -1,5 +1,54 @@
-import { IconButton } from "./IconButton";
-import "@nimbus-ds/styles/packages/atomic/iconButton/index.css";
-export { IconButton } from "./IconButton";
-export type { IconButtonProps } from "./iconButton.types";
-export default IconButton;
+// Generated by dts-bundle-generator v7.1.0
+
+import React from 'react';
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+
+declare const iconButtonBackgroundColorProperties: {
+	transparent: string;
+	"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+	"neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+	"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+declare const iconButtonBorderColorProperties: {
+	"neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+	"neutral.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+	transparent: string;
+	"neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+	"neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+export type IconButtonBackgroundColorProperties = keyof typeof iconButtonBackgroundColorProperties;
+export type IconButtonBorderColorProperties = keyof typeof iconButtonBorderColorProperties;
+export interface Conditions<T> {
+	xs?: T;
+	md?: T;
+	lg?: T;
+	focus?: T;
+	active?: T;
+	hover?: T;
+}
+export interface IconButtonSprinkle {
+	size?: string | Conditions<string>;
+	borderColor?: IconButtonBorderColorProperties | Conditions<IconButtonBorderColorProperties>;
+	backgroundColor?: IconButtonBackgroundColorProperties | Conditions<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

@@ -1 +1 @@
-!function(n,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(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"],r):"object"==typeof exports?exports["@nimbus-ds/icon-button"]=r(require("react"),require("@nimbus-ds/styles"),require("@nimbus-ds/icon"),require("@nimbus-ds/skeleton")):n["@nimbus-ds/icon-button"]=r(n.react,n["@nimbus-ds/styles"],n["@nimbus-ds/icon"],n["@nimbus-ds/skeleton"])}(self,((n,r,e,t)=>(()=>{"use strict";var o={481:(n,r,e)=>{e.d(r,{Z:()=>a});var t=e(758),o=e.n(t)()((function(n){return n[1]}));o.push([n.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: #f1f1f1;\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}\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(--g6qx2ky);\n  border-color: var(--g6qx2ky);\n}\n._16j42310 {\n  color: var(--g6qx2k0);\n}\n._16j42311 {\n  color: var(--g6qx2k1);\n}\n._16j42312 {\n  color: var(--g6qx2k2);\n}\n._16j42313 {\n  color: var(--g6qx2k3);\n}\n._16j42314 {\n  color: var(--g6qx2k4);\n}\n._16j42315 {\n  color: var(--g6qx2k5);\n}\n._16j42316 {\n  color: var(--g6qx2k6);\n}\n._16j42317 {\n  color: var(--g6qx2k7);\n}\n._16j42318 {\n  color: var(--g6qx2k8);\n}\n._16j42319 {\n  color: var(--g6qx2k9);\n}\n._16j4231a {\n  color: var(--g6qx2ka);\n}\n._16j4231b {\n  color: var(--g6qx2kb);\n}\n._16j4231c {\n  color: var(--g6qx2kc);\n}\n._16j4231d {\n  color: var(--g6qx2kd);\n}\n._16j4231e {\n  color: var(--g6qx2ke);\n}\n._16j4231f {\n  color: var(--g6qx2kf);\n}\n._16j4231g {\n  color: var(--g6qx2kg);\n}\n._16j4231h {\n  color: var(--g6qx2kh);\n}\n._16j4231i {\n  color: var(--g6qx2ki);\n}\n._16j4231j {\n  color: var(--g6qx2kj);\n}\n._16j4231k {\n  color: var(--g6qx2kk);\n}\n._16j4231l {\n  color: var(--g6qx2kl);\n}\n._16j4231m {\n  color: var(--g6qx2km);\n}\n._16j4231n {\n  color: var(--g6qx2kn);\n}\n._16j4231o {\n  color: var(--g6qx2ko);\n}\n._16j4231p {\n  color: var(--g6qx2kp);\n}\n._16j4231q {\n  color: var(--g6qx2kq);\n}\n._16j4231r {\n  color: var(--g6qx2kr);\n}\n._16j4231s {\n  color: var(--g6qx2ks);\n}\n._16j4231t {\n  color: var(--g6qx2kt);\n}\n._16j4231u {\n  color: var(--g6qx2ku);\n}\n._16j4231v {\n  color: var(--g6qx2kv);\n}\n._16j4231w {\n  color: var(--g6qx2kw);\n}\n._16j4231x {\n  color: var(--g6qx2kx);\n}\n._16j4231y {\n  color: var(--g6qx2ky);\n}\n._16j4231z {\n  color: var(--g6qx2kz);\n}\n._16j423110 {\n  color: var(--g6qx2k10);\n}\n._16j423111 {\n  color: var(--g6qx2k11);\n}\n._16j423112 {\n  background-color: var(--g6qx2k0);\n}\n._16j423113 {\n  background-color: var(--g6qx2k1);\n}\n._16j423114 {\n  background-color: var(--g6qx2k2);\n}\n._16j423115 {\n  background-color: var(--g6qx2k3);\n}\n._16j423116 {\n  background-color: var(--g6qx2k4);\n}\n._16j423117 {\n  background-color: var(--g6qx2k5);\n}\n._16j423118 {\n  background-color: var(--g6qx2k6);\n}\n._16j423119 {\n  background-color: var(--g6qx2k7);\n}\n._16j42311a {\n  background-color: var(--g6qx2k8);\n}\n._16j42311b {\n  background-color: var(--g6qx2k9);\n}\n._16j42311c {\n  background-color: var(--g6qx2ka);\n}\n._16j42311d {\n  background-color: var(--g6qx2kb);\n}\n._16j42311e {\n  background-color: var(--g6qx2kc);\n}\n._16j42311f {\n  background-color: var(--g6qx2kd);\n}\n._16j42311g {\n  background-color: var(--g6qx2ke);\n}\n._16j42311h {\n  background-color: var(--g6qx2kf);\n}\n._16j42311i {\n  background-color: var(--g6qx2kg);\n}\n._16j42311j {\n  background-color: var(--g6qx2kh);\n}\n._16j42311k {\n  background-color: var(--g6qx2ki);\n}\n._16j42311l {\n  background-color: var(--g6qx2kj);\n}\n._16j42311m {\n  background-color: var(--g6qx2kk);\n}\n._16j42311n {\n  background-color: var(--g6qx2kl);\n}\n._16j42311o {\n  background-color: var(--g6qx2km);\n}\n._16j42311p {\n  background-color: var(--g6qx2kn);\n}\n._16j42311q {\n  background-color: var(--g6qx2ko);\n}\n._16j42311r {\n  background-color: var(--g6qx2kp);\n}\n._16j42311s {\n  background-color: var(--g6qx2kq);\n}\n._16j42311t {\n  background-color: var(--g6qx2kr);\n}\n._16j42311u {\n  background-color: var(--g6qx2ks);\n}\n._16j42311v {\n  background-color: var(--g6qx2kt);\n}\n._16j42311w {\n  background-color: var(--g6qx2ku);\n}\n._16j42311x {\n  background-color: var(--g6qx2kv);\n}\n._16j42311y {\n  background-color: var(--g6qx2kw);\n}\n._16j42311z {\n  background-color: var(--g6qx2kx);\n}\n._16j423120 {\n  background-color: var(--g6qx2ky);\n}\n._16j423121 {\n  background-color: var(--g6qx2kz);\n}\n._16j423122 {\n  background-color: var(--g6qx2k10);\n}\n._16j423123 {\n  background-color: var(--g6qx2k11);\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},758:n=>{n.exports=function(n){var r=[];return r.toString=function(){return this.map((function(r){var e=n(r);return r[2]?"@media ".concat(r[2]," {").concat(e,"}"):e})).join("")},r.i=function(n,e,t){"string"==typeof n&&(n=[[null,n,""]]);var o={};if(t)for(var a=0;a<this.length;a++){var c=this[a][0];null!=c&&(o[c]=!0)}for(var i=0;i<n.length;i++){var l=[].concat(n[i]);t&&o[l[0]]||(e&&(l[2]?l[2]="".concat(e," and ").concat(l[2]):l[2]=e),r.push(l))}},r}},25:(n,r,e)=>{e.r(r),e.d(r,{default:()=>i});var t=e(278),o=e.n(t),a=e(481),c={insert:"head",singleton:!1};o()(a.Z,c);const i=a.Z.locals||{}},278:(n,r,e)=>{var t,o=function(){return void 0===t&&(t=Boolean(window&&document&&document.all&&!window.atob)),t},a=function(){var n={};return function(r){if(void 0===n[r]){var e=document.querySelector(r);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(n){e=null}n[r]=e}return n[r]}}(),c=[];function i(n){for(var r=-1,e=0;e<c.length;e++)if(c[e].identifier===n){r=e;break}return r}function l(n,r){for(var e={},t=[],o=0;o<n.length;o++){var a=n[o],l=r.base?a[0]+r.base:a[0],u=e[l]||0,d="".concat(l," ").concat(u);e[l]=u+1;var s=i(d),g={css:a[1],media:a[2],sourceMap:a[3]};-1!==s?(c[s].references++,c[s].updater(g)):c.push({identifier:d,updater:v(g,r),references:1}),t.push(d)}return t}function u(n){var r=document.createElement("style"),t=n.attributes||{};if(void 0===t.nonce){var o=e.nc;o&&(t.nonce=o)}if(Object.keys(t).forEach((function(n){r.setAttribute(n,t[n])})),"function"==typeof n.insert)n.insert(r);else{var c=a(n.insert||"head");if(!c)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");c.appendChild(r)}return r}var d,s=(d=[],function(n,r){return d[n]=r,d.filter(Boolean).join("\n")});function g(n,r,e,t){var o=e?"":t.media?"@media ".concat(t.media," {").concat(t.css,"}"):t.css;if(n.styleSheet)n.styleSheet.cssText=s(r,o);else{var a=document.createTextNode(o),c=n.childNodes;c[r]&&n.removeChild(c[r]),c.length?n.insertBefore(a,c[r]):n.appendChild(a)}}function f(n,r,e){var t=e.css,o=e.media,a=e.sourceMap;if(o?n.setAttribute("media",o):n.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(t+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),n.styleSheet)n.styleSheet.cssText=t;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(t))}}var k=null,b=0;function v(n,r){var e,t,o;if(r.singleton){var a=b++;e=k||(k=u(r)),t=g.bind(null,e,a,!1),o=g.bind(null,e,a,!0)}else e=u(r),t=f.bind(null,e,r),o=function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(e)};return t(n),function(r){if(r){if(r.css===n.css&&r.media===n.media&&r.sourceMap===n.sourceMap)return;t(n=r)}else o()}}n.exports=function(n,r){(r=r||{}).singleton||"boolean"==typeof r.singleton||(r.singleton=o());var e=l(n=n||[],r);return function(n){if(n=n||[],"[object Array]"===Object.prototype.toString.call(n)){for(var t=0;t<e.length;t++){var o=i(e[t]);c[o].references--}for(var a=l(n,r),u=0;u<e.length;u++){var d=i(e[u]);0===c[d].references&&(c[d].updater(),c.splice(d,1))}e=a}}}},610:(n,r,e)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.IconButton=void 0;const t=e(338).__importDefault(e(156)),o=e(990),a=e(633),c=e(813),i=({className:n,style:r,as:e="button",size:c="2.75rem",backgroundColor:i={xs:"neutral.surfaceHighlight",active:"neutral.interactivePressed",hover:"neutral.interactive"},borderColor:l={xs:"neutral.surfaceHighlight",active:"neutral.interactivePressed",hover:"neutral.interactive",focus:"neutral.interactiveHover"},source:u,...d})=>{const{className:s,style:g,otherProps:f}=o.iconButton.sprinkle({...d,size:c,borderColor:l,backgroundColor:i});return t.default.createElement(e,{className:[o.iconButton.style.container,s].join(" "),style:g,...f},t.default.createElement(a.Icon,{"data-testid":"icon-element",color:"primary.interactive",cursor:"pointer",source:u}))};r.IconButton=i,i.Skeleton=c.Skeleton,i.displayName="IconButton",i.Skeleton.displayName="IconButton.Skeleton"},11:(n,r,e)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.Skeleton=void 0;const t=e(338).__importDefault(e(156)),o=e(678);r.Skeleton=({"data-testid":n})=>t.default.createElement(o.Skeleton,{width:"2.75rem",height:"2.75rem",borderRadius:"100%","data-testid":n})},416:(n,r,e)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.Skeleton=void 0;const t=e(11);var o=e(11);Object.defineProperty(r,"Skeleton",{enumerable:!0,get:function(){return o.Skeleton}}),r.default=t.Skeleton},813:(n,r,e)=>{Object.defineProperty(r,"__esModule",{value:!0});e(338).__exportStar(e(416),r)},338:(n,r,e)=>{e.r(r),e.d(r,{__assign:()=>a,__asyncDelegator:()=>q,__asyncGenerator:()=>h,__asyncValues:()=>m,__await:()=>y,__awaiter:()=>d,__classPrivateFieldGet:()=>S,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>P,__createBinding:()=>g,__decorate:()=>i,__exportStar:()=>f,__extends:()=>o,__generator:()=>s,__importDefault:()=>O,__importStar:()=>j,__makeTemplateObject:()=>_,__metadata:()=>u,__param:()=>l,__read:()=>b,__rest:()=>c,__spread:()=>v,__spreadArray:()=>p,__spreadArrays:()=>x,__values:()=>k});var t=function(n,r){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,r){n.__proto__=r}||function(n,r){for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&(n[e]=r[e])},t(n,r)};function o(n,r){if("function"!=typeof r&&null!==r)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");function e(){this.constructor=n}t(n,r),n.prototype=null===r?Object.create(r):(e.prototype=r.prototype,new e)}var a=function(){return a=Object.assign||function(n){for(var r,e=1,t=arguments.length;e<t;e++)for(var o in r=arguments[e])Object.prototype.hasOwnProperty.call(r,o)&&(n[o]=r[o]);return n},a.apply(this,arguments)};function c(n,r){var e={};for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&r.indexOf(t)<0&&(e[t]=n[t]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(n);o<t.length;o++)r.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(n,t[o])&&(e[t[o]]=n[t[o]])}return e}function i(n,r,e,t){var o,a=arguments.length,c=a<3?r:null===t?t=Object.getOwnPropertyDescriptor(r,e):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(n,r,e,t);else for(var i=n.length-1;i>=0;i--)(o=n[i])&&(c=(a<3?o(c):a>3?o(r,e,c):o(r,e))||c);return a>3&&c&&Object.defineProperty(r,e,c),c}function l(n,r){return function(e,t){r(e,t,n)}}function u(n,r){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(n,r)}function d(n,r,e,t){return new(e||(e=Promise))((function(o,a){function c(n){try{l(t.next(n))}catch(n){a(n)}}function i(n){try{l(t.throw(n))}catch(n){a(n)}}function l(n){var r;n.done?o(n.value):(r=n.value,r instanceof e?r:new e((function(n){n(r)}))).then(c,i)}l((t=t.apply(n,r||[])).next())}))}function s(n,r){var e,t,o,a,c={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:i(0),throw:i(1),return:i(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function i(a){return function(i){return function(a){if(e)throw new TypeError("Generator is already executing.");for(;c;)try{if(e=1,t&&(o=2&a[0]?t.return:a[0]?t.throw||((o=t.return)&&o.call(t),0):t.next)&&!(o=o.call(t,a[1])).done)return o;switch(t=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return c.label++,{value:a[1],done:!1};case 5:c.label++,t=a[1],a=[0];continue;case 7:a=c.ops.pop(),c.trys.pop();continue;default:if(!(o=c.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){c=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){c.label=a[1];break}if(6===a[0]&&c.label<o[1]){c.label=o[1],o=a;break}if(o&&c.label<o[2]){c.label=o[2],c.ops.push(a);break}o[2]&&c.ops.pop(),c.trys.pop();continue}a=r.call(n,c)}catch(n){a=[6,n],t=0}finally{e=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,i])}}}var g=Object.create?function(n,r,e,t){void 0===t&&(t=e);var o=Object.getOwnPropertyDescriptor(r,e);o&&!("get"in o?!r.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return r[e]}}),Object.defineProperty(n,t,o)}:function(n,r,e,t){void 0===t&&(t=e),n[t]=r[e]};function f(n,r){for(var e in n)"default"===e||Object.prototype.hasOwnProperty.call(r,e)||g(r,n,e)}function k(n){var r="function"==typeof Symbol&&Symbol.iterator,e=r&&n[r],t=0;if(e)return e.call(n);if(n&&"number"==typeof n.length)return{next:function(){return n&&t>=n.length&&(n=void 0),{value:n&&n[t++],done:!n}}};throw new TypeError(r?"Object is not iterable.":"Symbol.iterator is not defined.")}function b(n,r){var e="function"==typeof Symbol&&n[Symbol.iterator];if(!e)return n;var t,o,a=e.call(n),c=[];try{for(;(void 0===r||r-- >0)&&!(t=a.next()).done;)c.push(t.value)}catch(n){o={error:n}}finally{try{t&&!t.done&&(e=a.return)&&e.call(a)}finally{if(o)throw o.error}}return c}function v(){for(var n=[],r=0;r<arguments.length;r++)n=n.concat(b(arguments[r]));return n}function x(){for(var n=0,r=0,e=arguments.length;r<e;r++)n+=arguments[r].length;var t=Array(n),o=0;for(r=0;r<e;r++)for(var a=arguments[r],c=0,i=a.length;c<i;c++,o++)t[o]=a[c];return t}function p(n,r,e){if(e||2===arguments.length)for(var t,o=0,a=r.length;o<a;o++)!t&&o in r||(t||(t=Array.prototype.slice.call(r,0,o)),t[o]=r[o]);return n.concat(t||Array.prototype.slice.call(r))}function y(n){return this instanceof y?(this.v=n,this):new y(n)}function h(n,r,e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,o=e.apply(n,r||[]),a=[];return t={},c("next"),c("throw"),c("return"),t[Symbol.asyncIterator]=function(){return this},t;function c(n){o[n]&&(t[n]=function(r){return new Promise((function(e,t){a.push([n,r,e,t])>1||i(n,r)}))})}function i(n,r){try{(e=o[n](r)).value instanceof y?Promise.resolve(e.value.v).then(l,u):d(a[0][2],e)}catch(n){d(a[0][3],n)}var e}function l(n){i("next",n)}function u(n){i("throw",n)}function d(n,r){n(r),a.shift(),a.length&&i(a[0][0],a[0][1])}}function q(n){var r,e;return r={},t("next"),t("throw",(function(n){throw n})),t("return"),r[Symbol.iterator]=function(){return this},r;function t(t,o){r[t]=n[t]?function(r){return(e=!e)?{value:y(n[t](r)),done:"return"===t}:o?o(r):r}:o}}function m(n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,e=n[Symbol.asyncIterator];return e?e.call(n):(n=k(n),r={},t("next"),t("throw"),t("return"),r[Symbol.asyncIterator]=function(){return this},r);function t(e){r[e]=n[e]&&function(r){return new Promise((function(t,o){(function(n,r,e,t){Promise.resolve(t).then((function(r){n({value:r,done:e})}),r)})(t,o,(r=n[e](r)).done,r.value)}))}}}function _(n,r){return Object.defineProperty?Object.defineProperty(n,"raw",{value:r}):n.raw=r,n}var w=Object.create?function(n,r){Object.defineProperty(n,"default",{enumerable:!0,value:r})}:function(n,r){n.default=r};function j(n){if(n&&n.__esModule)return n;var r={};if(null!=n)for(var e in n)"default"!==e&&Object.prototype.hasOwnProperty.call(n,e)&&g(r,n,e);return w(r,n),r}function O(n){return n&&n.__esModule?n:{default:n}}function S(n,r,e,t){if("a"===e&&!t)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof r?n!==r||!t:!r.has(n))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?t:"a"===e?t.call(n):t?t.value:r.get(n)}function P(n,r,e,t,o){if("m"===t)throw new TypeError("Private method is not writable");if("a"===t&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof r?n!==r||!o:!r.has(n))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===t?o.call(n,e):o?o.value=e:r.set(n,e),e}function I(n,r){if(null===r||"object"!=typeof r&&"function"!=typeof r)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof n?r===n:n.has(r)}},633:n=>{n.exports=e},678:n=>{n.exports=t},990:n=>{n.exports=r},156:r=>{r.exports=n}},a={};function c(n){var r=a[n];if(void 0!==r)return r.exports;var e=a[n]={id:n,exports:{}};return o[n](e,e.exports,c),e.exports}c.n=n=>{var r=n&&n.__esModule?()=>n.default:()=>n;return c.d(r,{a:r}),r},c.d=(n,r)=>{for(var e in r)c.o(r,e)&&!c.o(n,e)&&Object.defineProperty(n,e,{enumerable:!0,get:r[e]})},c.o=(n,r)=>Object.prototype.hasOwnProperty.call(n,r),c.r=n=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},c.nc=void 0;var i={};return(()=>{var n=i;Object.defineProperty(n,"__esModule",{value:!0}),n.IconButton=void 0;const r=c(610);c(25);var e=c(610);Object.defineProperty(n,"IconButton",{enumerable:!0,get:function(){return e.IconButton}}),n.default=r.IconButton})(),i})()));
+!function(n,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(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"],r):"object"==typeof exports?exports["@nimbus-ds/icon-button"]=r(require("react"),require("@nimbus-ds/styles"),require("@nimbus-ds/icon"),require("@nimbus-ds/skeleton")):n["@nimbus-ds/icon-button"]=r(n.react,n["@nimbus-ds/styles"],n["@nimbus-ds/icon"],n["@nimbus-ds/skeleton"])}(self,((n,r,e,t)=>(()=>{"use strict";var o={912:(n,r,e)=>{e.d(r,{Z:()=>a});var t=e(70),o=e.n(t)()((function(n){return n[1]}));o.push([n.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: #f1f1f1;\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}\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(--g6qx2ky);\n  border-color: var(--g6qx2ky);\n}\n._16j42310 {\n  color: var(--g6qx2k0);\n}\n._16j42311 {\n  color: var(--g6qx2k1);\n}\n._16j42312 {\n  color: var(--g6qx2k2);\n}\n._16j42313 {\n  color: var(--g6qx2k3);\n}\n._16j42314 {\n  color: var(--g6qx2k4);\n}\n._16j42315 {\n  color: var(--g6qx2k5);\n}\n._16j42316 {\n  color: var(--g6qx2k6);\n}\n._16j42317 {\n  color: var(--g6qx2k7);\n}\n._16j42318 {\n  color: var(--g6qx2k8);\n}\n._16j42319 {\n  color: var(--g6qx2k9);\n}\n._16j4231a {\n  color: var(--g6qx2ka);\n}\n._16j4231b {\n  color: var(--g6qx2kb);\n}\n._16j4231c {\n  color: var(--g6qx2kc);\n}\n._16j4231d {\n  color: var(--g6qx2kd);\n}\n._16j4231e {\n  color: var(--g6qx2ke);\n}\n._16j4231f {\n  color: var(--g6qx2kf);\n}\n._16j4231g {\n  color: var(--g6qx2kg);\n}\n._16j4231h {\n  color: var(--g6qx2kh);\n}\n._16j4231i {\n  color: var(--g6qx2ki);\n}\n._16j4231j {\n  color: var(--g6qx2kj);\n}\n._16j4231k {\n  color: var(--g6qx2kk);\n}\n._16j4231l {\n  color: var(--g6qx2kl);\n}\n._16j4231m {\n  color: var(--g6qx2km);\n}\n._16j4231n {\n  color: var(--g6qx2kn);\n}\n._16j4231o {\n  color: var(--g6qx2ko);\n}\n._16j4231p {\n  color: var(--g6qx2kp);\n}\n._16j4231q {\n  color: var(--g6qx2kq);\n}\n._16j4231r {\n  color: var(--g6qx2kr);\n}\n._16j4231s {\n  color: var(--g6qx2ks);\n}\n._16j4231t {\n  color: var(--g6qx2kt);\n}\n._16j4231u {\n  color: var(--g6qx2ku);\n}\n._16j4231v {\n  color: var(--g6qx2kv);\n}\n._16j4231w {\n  color: var(--g6qx2kw);\n}\n._16j4231x {\n  color: var(--g6qx2kx);\n}\n._16j4231y {\n  color: var(--g6qx2ky);\n}\n._16j4231z {\n  color: var(--g6qx2kz);\n}\n._16j423110 {\n  color: var(--g6qx2k10);\n}\n._16j423111 {\n  color: var(--g6qx2k11);\n}\n._16j423112 {\n  background-color: var(--g6qx2k0);\n}\n._16j423113 {\n  background-color: var(--g6qx2k1);\n}\n._16j423114 {\n  background-color: var(--g6qx2k2);\n}\n._16j423115 {\n  background-color: var(--g6qx2k3);\n}\n._16j423116 {\n  background-color: var(--g6qx2k4);\n}\n._16j423117 {\n  background-color: var(--g6qx2k5);\n}\n._16j423118 {\n  background-color: var(--g6qx2k6);\n}\n._16j423119 {\n  background-color: var(--g6qx2k7);\n}\n._16j42311a {\n  background-color: var(--g6qx2k8);\n}\n._16j42311b {\n  background-color: var(--g6qx2k9);\n}\n._16j42311c {\n  background-color: var(--g6qx2ka);\n}\n._16j42311d {\n  background-color: var(--g6qx2kb);\n}\n._16j42311e {\n  background-color: var(--g6qx2kc);\n}\n._16j42311f {\n  background-color: var(--g6qx2kd);\n}\n._16j42311g {\n  background-color: var(--g6qx2ke);\n}\n._16j42311h {\n  background-color: var(--g6qx2kf);\n}\n._16j42311i {\n  background-color: var(--g6qx2kg);\n}\n._16j42311j {\n  background-color: var(--g6qx2kh);\n}\n._16j42311k {\n  background-color: var(--g6qx2ki);\n}\n._16j42311l {\n  background-color: var(--g6qx2kj);\n}\n._16j42311m {\n  background-color: var(--g6qx2kk);\n}\n._16j42311n {\n  background-color: var(--g6qx2kl);\n}\n._16j42311o {\n  background-color: var(--g6qx2km);\n}\n._16j42311p {\n  background-color: var(--g6qx2kn);\n}\n._16j42311q {\n  background-color: var(--g6qx2ko);\n}\n._16j42311r {\n  background-color: var(--g6qx2kp);\n}\n._16j42311s {\n  background-color: var(--g6qx2kq);\n}\n._16j42311t {\n  background-color: var(--g6qx2kr);\n}\n._16j42311u {\n  background-color: var(--g6qx2ks);\n}\n._16j42311v {\n  background-color: var(--g6qx2kt);\n}\n._16j42311w {\n  background-color: var(--g6qx2ku);\n}\n._16j42311x {\n  background-color: var(--g6qx2kv);\n}\n._16j42311y {\n  background-color: var(--g6qx2kw);\n}\n._16j42311z {\n  background-color: var(--g6qx2kx);\n}\n._16j423120 {\n  background-color: var(--g6qx2ky);\n}\n._16j423121 {\n  background-color: var(--g6qx2kz);\n}\n._16j423122 {\n  background-color: var(--g6qx2k10);\n}\n._16j423123 {\n  background-color: var(--g6qx2k11);\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:n=>{n.exports=function(n){var r=[];return r.toString=function(){return this.map((function(r){var e=n(r);return r[2]?"@media ".concat(r[2]," {").concat(e,"}"):e})).join("")},r.i=function(n,e,t){"string"==typeof n&&(n=[[null,n,""]]);var o={};if(t)for(var a=0;a<this.length;a++){var c=this[a][0];null!=c&&(o[c]=!0)}for(var i=0;i<n.length;i++){var l=[].concat(n[i]);t&&o[l[0]]||(e&&(l[2]?l[2]="".concat(e," and ").concat(l[2]):l[2]=e),r.push(l))}},r}},315:(n,r,e)=>{e.r(r),e.d(r,{default:()=>i});var t=e(191),o=e.n(t),a=e(912),c={insert:"head",singleton:!1};o()(a.Z,c);const i=a.Z.locals||{}},191:(n,r,e)=>{var t,o=function(){return void 0===t&&(t=Boolean(window&&document&&document.all&&!window.atob)),t},a=function(){var n={};return function(r){if(void 0===n[r]){var e=document.querySelector(r);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(n){e=null}n[r]=e}return n[r]}}(),c=[];function i(n){for(var r=-1,e=0;e<c.length;e++)if(c[e].identifier===n){r=e;break}return r}function l(n,r){for(var e={},t=[],o=0;o<n.length;o++){var a=n[o],l=r.base?a[0]+r.base:a[0],u=e[l]||0,d="".concat(l," ").concat(u);e[l]=u+1;var s=i(d),g={css:a[1],media:a[2],sourceMap:a[3]};-1!==s?(c[s].references++,c[s].updater(g)):c.push({identifier:d,updater:v(g,r),references:1}),t.push(d)}return t}function u(n){var r=document.createElement("style"),t=n.attributes||{};if(void 0===t.nonce){var o=e.nc;o&&(t.nonce=o)}if(Object.keys(t).forEach((function(n){r.setAttribute(n,t[n])})),"function"==typeof n.insert)n.insert(r);else{var c=a(n.insert||"head");if(!c)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");c.appendChild(r)}return r}var d,s=(d=[],function(n,r){return d[n]=r,d.filter(Boolean).join("\n")});function g(n,r,e,t){var o=e?"":t.media?"@media ".concat(t.media," {").concat(t.css,"}"):t.css;if(n.styleSheet)n.styleSheet.cssText=s(r,o);else{var a=document.createTextNode(o),c=n.childNodes;c[r]&&n.removeChild(c[r]),c.length?n.insertBefore(a,c[r]):n.appendChild(a)}}function f(n,r,e){var t=e.css,o=e.media,a=e.sourceMap;if(o?n.setAttribute("media",o):n.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(t+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),n.styleSheet)n.styleSheet.cssText=t;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(t))}}var k=null,b=0;function v(n,r){var e,t,o;if(r.singleton){var a=b++;e=k||(k=u(r)),t=g.bind(null,e,a,!1),o=g.bind(null,e,a,!0)}else e=u(r),t=f.bind(null,e,r),o=function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(e)};return t(n),function(r){if(r){if(r.css===n.css&&r.media===n.media&&r.sourceMap===n.sourceMap)return;t(n=r)}else o()}}n.exports=function(n,r){(r=r||{}).singleton||"boolean"==typeof r.singleton||(r.singleton=o());var e=l(n=n||[],r);return function(n){if(n=n||[],"[object Array]"===Object.prototype.toString.call(n)){for(var t=0;t<e.length;t++){var o=i(e[t]);c[o].references--}for(var a=l(n,r),u=0;u<e.length;u++){var d=i(e[u]);0===c[d].references&&(c[d].updater(),c.splice(d,1))}e=a}}}},337:(n,r,e)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.IconButton=void 0;const t=e(15).__importDefault(e(156)),o=e(990),a=e(633),c=e(612),i=({className:n,style:r,as:e="button",size:c="2.75rem",backgroundColor:i={xs:"neutral.surfaceHighlight",active:"neutral.interactivePressed",hover:"neutral.interactive"},borderColor:l={xs:"neutral.surfaceHighlight",active:"neutral.interactivePressed",hover:"neutral.interactive",focus:"neutral.interactiveHover"},source:u,...d})=>{const{className:s,style:g,otherProps:f}=o.iconButton.sprinkle({...d,size:c,borderColor:l,backgroundColor:i});return t.default.createElement(e,{className:[o.iconButton.style.container,s].join(" "),style:g,...f},t.default.createElement(a.Icon,{"data-testid":"icon-element",color:"primary.interactive",cursor:"pointer",source:u}))};r.IconButton=i,i.Skeleton=c.IconButtonSkeleton,i.displayName="IconButton",i.Skeleton.displayName="IconButton.Skeleton"},803:(n,r,e)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.IconButtonSkeleton=void 0;const t=e(15).__importDefault(e(156)),o=e(678);r.IconButtonSkeleton=({"data-testid":n})=>t.default.createElement(o.Skeleton,{width:"2.75rem",height:"2.75rem",borderRadius:"100%","data-testid":n})},621:(n,r,e)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.IconButtonSkeleton=void 0;const t=e(803);var o=e(803);Object.defineProperty(r,"IconButtonSkeleton",{enumerable:!0,get:function(){return o.IconButtonSkeleton}}),r.default=t.IconButtonSkeleton},612:(n,r,e)=>{Object.defineProperty(r,"__esModule",{value:!0});e(15).__exportStar(e(621),r)},15:(n,r,e)=>{e.r(r),e.d(r,{__assign:()=>a,__asyncDelegator:()=>q,__asyncGenerator:()=>h,__asyncValues:()=>m,__await:()=>y,__awaiter:()=>d,__classPrivateFieldGet:()=>S,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>P,__createBinding:()=>g,__decorate:()=>i,__exportStar:()=>f,__extends:()=>o,__generator:()=>s,__importDefault:()=>O,__importStar:()=>j,__makeTemplateObject:()=>_,__metadata:()=>u,__param:()=>l,__read:()=>b,__rest:()=>c,__spread:()=>v,__spreadArray:()=>p,__spreadArrays:()=>x,__values:()=>k});var t=function(n,r){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,r){n.__proto__=r}||function(n,r){for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&(n[e]=r[e])},t(n,r)};function o(n,r){if("function"!=typeof r&&null!==r)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");function e(){this.constructor=n}t(n,r),n.prototype=null===r?Object.create(r):(e.prototype=r.prototype,new e)}var a=function(){return a=Object.assign||function(n){for(var r,e=1,t=arguments.length;e<t;e++)for(var o in r=arguments[e])Object.prototype.hasOwnProperty.call(r,o)&&(n[o]=r[o]);return n},a.apply(this,arguments)};function c(n,r){var e={};for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&r.indexOf(t)<0&&(e[t]=n[t]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(n);o<t.length;o++)r.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(n,t[o])&&(e[t[o]]=n[t[o]])}return e}function i(n,r,e,t){var o,a=arguments.length,c=a<3?r:null===t?t=Object.getOwnPropertyDescriptor(r,e):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(n,r,e,t);else for(var i=n.length-1;i>=0;i--)(o=n[i])&&(c=(a<3?o(c):a>3?o(r,e,c):o(r,e))||c);return a>3&&c&&Object.defineProperty(r,e,c),c}function l(n,r){return function(e,t){r(e,t,n)}}function u(n,r){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(n,r)}function d(n,r,e,t){return new(e||(e=Promise))((function(o,a){function c(n){try{l(t.next(n))}catch(n){a(n)}}function i(n){try{l(t.throw(n))}catch(n){a(n)}}function l(n){var r;n.done?o(n.value):(r=n.value,r instanceof e?r:new e((function(n){n(r)}))).then(c,i)}l((t=t.apply(n,r||[])).next())}))}function s(n,r){var e,t,o,a,c={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:i(0),throw:i(1),return:i(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function i(a){return function(i){return function(a){if(e)throw new TypeError("Generator is already executing.");for(;c;)try{if(e=1,t&&(o=2&a[0]?t.return:a[0]?t.throw||((o=t.return)&&o.call(t),0):t.next)&&!(o=o.call(t,a[1])).done)return o;switch(t=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return c.label++,{value:a[1],done:!1};case 5:c.label++,t=a[1],a=[0];continue;case 7:a=c.ops.pop(),c.trys.pop();continue;default:if(!(o=c.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){c=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){c.label=a[1];break}if(6===a[0]&&c.label<o[1]){c.label=o[1],o=a;break}if(o&&c.label<o[2]){c.label=o[2],c.ops.push(a);break}o[2]&&c.ops.pop(),c.trys.pop();continue}a=r.call(n,c)}catch(n){a=[6,n],t=0}finally{e=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,i])}}}var g=Object.create?function(n,r,e,t){void 0===t&&(t=e);var o=Object.getOwnPropertyDescriptor(r,e);o&&!("get"in o?!r.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return r[e]}}),Object.defineProperty(n,t,o)}:function(n,r,e,t){void 0===t&&(t=e),n[t]=r[e]};function f(n,r){for(var e in n)"default"===e||Object.prototype.hasOwnProperty.call(r,e)||g(r,n,e)}function k(n){var r="function"==typeof Symbol&&Symbol.iterator,e=r&&n[r],t=0;if(e)return e.call(n);if(n&&"number"==typeof n.length)return{next:function(){return n&&t>=n.length&&(n=void 0),{value:n&&n[t++],done:!n}}};throw new TypeError(r?"Object is not iterable.":"Symbol.iterator is not defined.")}function b(n,r){var e="function"==typeof Symbol&&n[Symbol.iterator];if(!e)return n;var t,o,a=e.call(n),c=[];try{for(;(void 0===r||r-- >0)&&!(t=a.next()).done;)c.push(t.value)}catch(n){o={error:n}}finally{try{t&&!t.done&&(e=a.return)&&e.call(a)}finally{if(o)throw o.error}}return c}function v(){for(var n=[],r=0;r<arguments.length;r++)n=n.concat(b(arguments[r]));return n}function x(){for(var n=0,r=0,e=arguments.length;r<e;r++)n+=arguments[r].length;var t=Array(n),o=0;for(r=0;r<e;r++)for(var a=arguments[r],c=0,i=a.length;c<i;c++,o++)t[o]=a[c];return t}function p(n,r,e){if(e||2===arguments.length)for(var t,o=0,a=r.length;o<a;o++)!t&&o in r||(t||(t=Array.prototype.slice.call(r,0,o)),t[o]=r[o]);return n.concat(t||Array.prototype.slice.call(r))}function y(n){return this instanceof y?(this.v=n,this):new y(n)}function h(n,r,e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,o=e.apply(n,r||[]),a=[];return t={},c("next"),c("throw"),c("return"),t[Symbol.asyncIterator]=function(){return this},t;function c(n){o[n]&&(t[n]=function(r){return new Promise((function(e,t){a.push([n,r,e,t])>1||i(n,r)}))})}function i(n,r){try{(e=o[n](r)).value instanceof y?Promise.resolve(e.value.v).then(l,u):d(a[0][2],e)}catch(n){d(a[0][3],n)}var e}function l(n){i("next",n)}function u(n){i("throw",n)}function d(n,r){n(r),a.shift(),a.length&&i(a[0][0],a[0][1])}}function q(n){var r,e;return r={},t("next"),t("throw",(function(n){throw n})),t("return"),r[Symbol.iterator]=function(){return this},r;function t(t,o){r[t]=n[t]?function(r){return(e=!e)?{value:y(n[t](r)),done:"return"===t}:o?o(r):r}:o}}function m(n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,e=n[Symbol.asyncIterator];return e?e.call(n):(n=k(n),r={},t("next"),t("throw"),t("return"),r[Symbol.asyncIterator]=function(){return this},r);function t(e){r[e]=n[e]&&function(r){return new Promise((function(t,o){(function(n,r,e,t){Promise.resolve(t).then((function(r){n({value:r,done:e})}),r)})(t,o,(r=n[e](r)).done,r.value)}))}}}function _(n,r){return Object.defineProperty?Object.defineProperty(n,"raw",{value:r}):n.raw=r,n}var w=Object.create?function(n,r){Object.defineProperty(n,"default",{enumerable:!0,value:r})}:function(n,r){n.default=r};function j(n){if(n&&n.__esModule)return n;var r={};if(null!=n)for(var e in n)"default"!==e&&Object.prototype.hasOwnProperty.call(n,e)&&g(r,n,e);return w(r,n),r}function O(n){return n&&n.__esModule?n:{default:n}}function S(n,r,e,t){if("a"===e&&!t)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof r?n!==r||!t:!r.has(n))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?t:"a"===e?t.call(n):t?t.value:r.get(n)}function P(n,r,e,t,o){if("m"===t)throw new TypeError("Private method is not writable");if("a"===t&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof r?n!==r||!o:!r.has(n))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===t?o.call(n,e):o?o.value=e:r.set(n,e),e}function I(n,r){if(null===r||"object"!=typeof r&&"function"!=typeof r)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof n?r===n:n.has(r)}},633:n=>{n.exports=e},678:n=>{n.exports=t},990:n=>{n.exports=r},156:r=>{r.exports=n}},a={};function c(n){var r=a[n];if(void 0!==r)return r.exports;var e=a[n]={id:n,exports:{}};return o[n](e,e.exports,c),e.exports}c.n=n=>{var r=n&&n.__esModule?()=>n.default:()=>n;return c.d(r,{a:r}),r},c.d=(n,r)=>{for(var e in r)c.o(r,e)&&!c.o(n,e)&&Object.defineProperty(n,e,{enumerable:!0,get:r[e]})},c.o=(n,r)=>Object.prototype.hasOwnProperty.call(n,r),c.r=n=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},c.nc=void 0;var i={};return(()=>{var n=i;Object.defineProperty(n,"__esModule",{value:!0}),n.IconButton=void 0;const r=c(337);c(315);var e=c(337);Object.defineProperty(n,"IconButton",{enumerable:!0,get:function(){return e.IconButton}}),n.default=r.IconButton})(),i})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbus-ds/icon-button",
-  "version": "2.1.0-rc.1",
+  "version": "2.1.0-rc.3",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [
@@ -9,15 +9,14 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "build": "yarn build:types && webpack",
-    "build:types": "tsc --emitDeclarationOnly --declaration true --declarationDir ./dist --baseUrl ./",
+    "build": "webpack",
     "clean": "rm -rf dist",
     "version": "yarn version"
   },
   "dependencies": {
-    "@nimbus-ds/icon": "1.6.0-rc.1",
-    "@nimbus-ds/skeleton": "1.2.0-rc.1",
-    "@nimbus-ds/styles": "5.0.0-rc.1"
+    "@nimbus-ds/icon": "1.6.0-rc.3",
+    "@nimbus-ds/skeleton": "1.2.0-rc.3",
+    "@nimbus-ds/styles": "5.0.0-rc.4"
   },
   "peerDependencies": {
     "react": "^16.8 || ^17.0 || ^18.0",

package/dist/IconButton.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { IconButtonProps, IconButtonComponents } from "./iconButton.types";
-declare const IconButton: React.FC<IconButtonProps> & IconButtonComponents;
-export { IconButton };

package/dist/components/Skeleton/Skeleton.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { SkeletonProps } from "./skeleton.types";
-declare const Skeleton: React.FC<SkeletonProps>;
-export { Skeleton };

package/dist/components/Skeleton/index.d.ts

@@ -1,3 +0,0 @@
-import { Skeleton } from "./Skeleton";
-export { Skeleton } from "./Skeleton";
-export default Skeleton;

package/dist/components/Skeleton/skeleton.stories.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import { ComponentMeta, ComponentStory } from "@storybook/react";
-declare const _default: ComponentMeta<React.FC<import("./skeleton.types").SkeletonProps>>;
-export default _default;
-export declare const iconButton: ComponentStory<React.FC<import("./skeleton.types").SkeletonProps>>;

package/dist/components/Skeleton/skeleton.types.d.ts

@@ -1,3 +0,0 @@
-export interface SkeletonProps {
-    "data-testid"?: string;
-}

package/dist/components/index.d.ts

@@ -1 +0,0 @@
-export * from "./Skeleton";

package/dist/iconButton.stories.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { ComponentMeta, ComponentStory } from "@storybook/react";
-declare const _default: ComponentMeta<React.FC<import("./iconButton.types").IconButtonProps> & import("./iconButton.types").IconButtonComponents>;
-export default _default;
-export declare const base: ComponentStory<React.FC<import("./iconButton.types").IconButtonProps> & import("./iconButton.types").IconButtonComponents>;
-export declare const skeleton: ComponentStory<React.FC<import("./components/Skeleton/skeleton.types").SkeletonProps>>;

package/dist/iconButton.types.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode, ButtonHTMLAttributes } from "react";
-import { IconButtonSprinkle } from "@nimbus-ds/styles";
-import { Skeleton } from "./components";
-declare type Extends = IconButtonSprinkle & ButtonHTMLAttributes<HTMLButtonElement | HTMLDivElement>;
-export interface IconButtonComponents {
-    Skeleton: typeof Skeleton;
-}
-export interface IconButtonProps extends Extends {
-    /** Type of html tag to create for the Icon Button component */
-    as?: "button" | "div";
-    /** Icon Button SVG */
-    source: ReactNode;
-}
-export {};