@thenewboston/ui
Version:
UI Library for the thenewboston community
3 lines (2 loc) • 15.3 kB
JavaScript
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react"),t=e(r),c=e(require("clsx")),n=require("@thenewboston/utils"),o=e(require("mdi-react/AccountGroupIcon")),a=e(require("mdi-react/AlertCircleCheckOutlineIcon")),i=e(require("mdi-react/AlertCircleIcon")),s=e(require("mdi-react/AlertCircleOutlineIcon")),l=e(require("mdi-react/AlertIcon")),u=e(require("mdi-react/ArrowCollapseDownIcon")),p=e(require("mdi-react/ArrowDownIcon")),m=e(require("mdi-react/ArrowLeftIcon")),d=e(require("mdi-react/ArrowRightIcon")),I=e(require("mdi-react/ArrowUpIcon")),b=e(require("mdi-react/BellIcon")),y=e(require("mdi-react/ChartAreasplineIcon")),g=e(require("mdi-react/ChartTimelineVariantShimmerIcon")),h=e(require("mdi-react/CheckCircleIcon")),x=e(require("mdi-react/CheckboxBlankCircleIcon")),O=e(require("mdi-react/CheckboxBlankCircleOutlineIcon")),T=e(require("mdi-react/CheckboxBlankOutlineIcon")),k=e(require("mdi-react/CheckboxMarkedIcon")),f=e(require("mdi-react/ChevronDownIcon")),E=e(require("mdi-react/ChevronLeftIcon")),j=e(require("mdi-react/ChevronRightIcon")),q=e(require("mdi-react/ChevronUpIcon")),z=e(require("mdi-react/CloseIcon")),w=e(require("mdi-react/ContentCopyIcon")),C=e(require("mdi-react/CurrencyUsdIcon")),v=e(require("mdi-react/DevToIcon")),D=e(require("mdi-react/DiscordIcon")),M=e(require("mdi-react/DotsVerticalIcon")),B=e(require("mdi-react/DownloadIcon")),A=e(require("mdi-react/EarthIcon")),L=e(require("mdi-react/EyeIcon")),R=e(require("mdi-react/EyeOffIcon")),U=e(require("mdi-react/FacebookIcon")),N=e(require("mdi-react/FileDocumentIcon")),S=e(require("mdi-react/FileDownloadIcon")),H=e(require("mdi-react/FilterMenuIcon")),P=e(require("mdi-react/ForumIcon")),V=e(require("mdi-react/GithubIcon")),F=e(require("mdi-react/GoogleControllerIcon")),G=e(require("mdi-react/HammerWrenchIcon")),_=e(require("mdi-react/HumanHandsupIcon")),W=e(require("mdi-react/InformationIcon")),K=e(require("mdi-react/InstagramIcon")),Q=e(require("mdi-react/LanConnectIcon")),Y=e(require("mdi-react/LanDisconnectIcon")),Z=e(require("mdi-react/LinkIcon")),J=e(require("mdi-react/LinkedinIcon")),X=e(require("mdi-react/LoadingIcon")),$=e(require("mdi-react/MapMarkerCheckIcon")),ee=e(require("mdi-react/MenuIcon")),re=e(require("mdi-react/MenuRightIcon")),te=e(require("mdi-react/MinusIcon")),ce=e(require("mdi-react/NotebookCheckOutlineIcon")),ne=e(require("mdi-react/OpenInNewIcon")),oe=e(require("mdi-react/PencilIcon")),ae=e(require("mdi-react/PinterestIcon")),ie=e(require("mdi-react/PlayBoxMultipleIcon")),se=e(require("mdi-react/PlayIcon")),le=e(require("mdi-react/PlusIcon")),ue=e(require("mdi-react/QrcodeIcon")),pe=e(require("mdi-react/RadioboxBlankIcon")),me=e(require("mdi-react/RadioboxMarkedIcon")),de=e(require("mdi-react/RedditIcon")),Ie=e(require("mdi-react/RefreshIcon")),be=e(require("mdi-react/SlackIcon")),ye=e(require("mdi-react/SortAscendingIcon")),ge=e(require("mdi-react/SortDescendingIcon")),he=e(require("mdi-react/SyncIcon")),xe=e(require("mdi-react/TextBoxIcon")),Oe=e(require("mdi-react/ThumbsUpIcon")),Te=e(require("mdi-react/TrophyIcon")),ke=e(require("mdi-react/TwitchIcon")),fe=e(require("mdi-react/TwitterIcon")),Ee=e(require("mdi-react/YoutubeIcon"));function je(){return(je=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var c in t)Object.prototype.hasOwnProperty.call(t,c)&&(e[c]=t[c])}return e}).apply(this,arguments)}function qe(e,r){void 0===r&&(r={});var t=r.insertAt;if(e&&"undefined"!=typeof document){var c=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===t&&c.firstChild?c.insertBefore(n,c.firstChild):c.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}qe(":root{--color-alert:#ed5f74;--color-black:#000;--color-danger:#d30c15;--color-gray-050:#f7fafc;--color-gray-100:#e3e8ee;--color-gray-300:#a3acb9;--color-gray-500:#697386;--color-gray-700:#3c4257;--color-green-100:#cbf4c9;--color-green-500:#09825d;--color-primary-disabled-fill:#fff9f9;--color-primary-disabled-text:#94c9ea;--color-primary-disabled:#b2d7ee;--color-primary-hover:#06457a;--color-primary-outline-bg:#b9daee;--color-primary:#042235;--color-red-100:#fde2dd;--color-red-500:#cd3d64;--color-secondary:#556cd6;--color-tertiary:#1ea672;--color-white:#fff;--color-yellow-100:#f8e5b9;--color-yellow-500:#bb5504}");var ze,we=function(e){var r=e.color,n=void 0===r?"currentColor":r,o=e.onClick,a=e.size,i=void 0===a?24:a;return t.createElement("svg",{className:c("TnbIcon",{className:e.className}),width:i,height:i,fill:n,onClick:o,viewBox:"0 0 24 24"},t.createElement("path",{d:"M4.23529 0.5H0L7.76471 8.5L0 16.5H4.23529L12 8.5L4.23529 0.5Z"}))};qe(".Icon{box-sizing:border-box;line-height:1.2;align-items:center;border-radius:50%;display:flex;justify-content:center;transition:background-color .3s,color .3s}.Icon:focus{background:var(--color-gray-100)}.Icon--button{cursor:pointer}.Icon--button:hover{background:var(--color-gray-100)}.Icon--disabled{color:var(--color-gray-300);cursor:default}.Icon--disabled:hover{background:transparent}.TnbIcon{margin-right:-6px;margin-top:1px}"),(ze=exports.IconType||(exports.IconType={})).accountGroup="account-group",ze.alert="alert",ze.alertCircle="alert-circle",ze.alertCircleCheckOutline="alert-circle-check-outline",ze.alertCircleOutline="alert-circle-outline",ze.arrowCollapseDown="arrow-collapse-down",ze.arrowDown="arrow-down",ze.arrowLeft="arrow-left",ze.arrowRight="arrow-right",ze.arrowUp="arrow-up",ze.bell="bell",ze.chartAreaspline="chart-areaspline",ze.chartTimelineVariantShimmer="chart-timeline-variant-shimmer",ze.checkCircle="check-circle",ze.checkboxBlankCircle="checkbox-blank-circle",ze.checkboxBlankCircleOutline="checkbox-blank-circle-outline",ze.checkboxBlankOutline="checkbox-blank-outline",ze.checkboxMarked="checkbox-marked",ze.chevronDown="chevron-down",ze.chevronLeft="chevron-left",ze.chevronRight="chevron-right",ze.chevronUp="chevron-up",ze.close="close",ze.contentCopy="content-copy",ze.currencyUsd="currency-usd",ze.devTo="dev-to",ze.discord="discord",ze.dotsVertical="dots-vertical",ze.download="download",ze.earth="earth",ze.eye="eye",ze.eyeOff="eye-off",ze.facebook="facebook",ze.fileDocument="file-document",ze.fileDownload="file-download",ze.filterMenu="filter-menu",ze.forum="forum",ze.github="github",ze.googleController="google-controller",ze.hammerWrench="hammer-wrench",ze.humanHandsup="human-handsup",ze.information="information",ze.instagram="instagram",ze.lanConnect="lan-connect",ze.lanDisconnect="lan-disconnect",ze.link="link",ze.linkedin="linkedin",ze.loading="loading",ze.mapMarkerCheck="map-marker-check",ze.menu="menu",ze.menuRight="menu-right",ze.minus="minus",ze.notebookCheckOutline="notebook-check-outline",ze.openInNew="open-in-new",ze.pencil="pencil",ze.pinterest="pinterest",ze.play="play",ze.playBoxMultiple="playBoxMultiple",ze.plus="plus",ze.qrcode="qrcode",ze.radioboxBlank="radiobox-blank",ze.radioboxMarked="radiobox-marked",ze.reddit="reddit",ze.refresh="refresh",ze.slack="slack",ze.sortAscending="sort-ascending",ze.sortDescending="sort-descending",ze.sync="sync",ze.textBox="text-box",ze.thumbsUp="thumbs-up",ze.tnb="tnb",ze.trophy="trophy",ze.twitch="twitch",ze.twitter="twitter",ze.youtube="youtube",exports.Icon=r.forwardRef((function(e,qe){var ze=e.className,Ce=e.dataTestId,ve=e.disabled,De=void 0!==ve&&ve,Me=e.icon,Be=e.onClick,Ae=e.onKeyDown,Le=e.size,Re=e.totalSize,Ue=void 0===Re?30:Re,Ne=e.unfocusable,Se=void 0!==Ne&&Ne,He=r.useMemo((function(){if("unset"===Ue)return{};var e=Math.max(Le||0,Ue);return{height:e,width:e}}),[Le,Ue]),Pe=r.useMemo((function(){return Se||De||!Be?void 0:0}),[De,Be,Se]),Ve=function(e){!De&&Be&&Be(e)},Fe=r.useCallback((function(){var e={"data-testid":"Icon__svg"};switch(Me){case exports.IconType.accountGroup:return t.createElement(o,Object.assign({},e,{size:Le||24}));case exports.IconType.alert:return t.createElement(l,Object.assign({},e,{size:Le||24}));case exports.IconType.alertCircleCheckOutline:return t.createElement(a,Object.assign({},e,{size:Le||24}));case exports.IconType.alertCircle:return t.createElement(i,Object.assign({},e,{size:Le||24}));case exports.IconType.alertCircleOutline:return t.createElement(s,Object.assign({},e,{size:Le||24}));case exports.IconType.arrowCollapseDown:return t.createElement(u,Object.assign({},e,{size:Le||22}));case exports.IconType.arrowDown:return t.createElement(p,Object.assign({},e,{size:Le||24}));case exports.IconType.arrowLeft:return t.createElement(m,Object.assign({},e,{size:Le||24}));case exports.IconType.arrowRight:return t.createElement(d,Object.assign({},e,{size:Le||24}));case exports.IconType.arrowUp:return t.createElement(I,Object.assign({},e,{size:Le||24}));case exports.IconType.bell:return t.createElement(b,Object.assign({},e,{size:Le||22}));case exports.IconType.chartAreaspline:return t.createElement(y,Object.assign({},e,{size:Le||24}));case exports.IconType.chartTimelineVariantShimmer:return t.createElement(g,Object.assign({},e,{size:Le||24}));case exports.IconType.checkCircle:return t.createElement(h,Object.assign({},e,{size:Le||24}));case exports.IconType.checkboxBlankCircle:return t.createElement(x,Object.assign({},e,{size:Le||24}));case exports.IconType.checkboxBlankCircleOutline:return t.createElement(O,Object.assign({},e,{size:Le||24}));case exports.IconType.checkboxBlankOutline:return t.createElement(T,Object.assign({},e,{size:Le||24}));case exports.IconType.checkboxMarked:return t.createElement(k,Object.assign({},e,{size:Le||24}));case exports.IconType.chevronDown:return t.createElement(f,Object.assign({},e,{size:Le||24}));case exports.IconType.chevronLeft:return t.createElement(E,Object.assign({},e,{size:Le||24}));case exports.IconType.chevronRight:return t.createElement(j,Object.assign({},e,{size:Le||24}));case exports.IconType.chevronUp:return t.createElement(q,Object.assign({},e,{size:Le||24}));case exports.IconType.close:return t.createElement(z,Object.assign({},e,{size:Le||24}));case exports.IconType.contentCopy:return t.createElement(w,Object.assign({},e,{size:Le||22}));case exports.IconType.currencyUsd:return t.createElement(C,Object.assign({},e,{size:Le||24}));case exports.IconType.devTo:return t.createElement(v,Object.assign({},e,{size:Le||24}));case exports.IconType.discord:return t.createElement(D,Object.assign({},e,{size:Le||20}));case exports.IconType.dotsVertical:return t.createElement(M,Object.assign({},e,{size:Le||24}));case exports.IconType.download:return t.createElement(B,Object.assign({},e,{size:Le||24}));case exports.IconType.earth:return t.createElement(A,Object.assign({},e,{size:Le||24}));case exports.IconType.eye:return t.createElement(L,Object.assign({},e,{size:Le||22}));case exports.IconType.eyeOff:return t.createElement(R,Object.assign({},e,{size:Le||22}));case exports.IconType.facebook:return t.createElement(U,Object.assign({},e,{size:Le||24}));case exports.IconType.fileDocument:return t.createElement(N,Object.assign({},e,{size:Le||24}));case exports.IconType.fileDownload:return t.createElement(S,Object.assign({},e,{size:Le||24}));case exports.IconType.filterMenu:return t.createElement(H,Object.assign({},e,{size:Le||24}));case exports.IconType.forum:return t.createElement(P,Object.assign({},e,{size:Le||24}));case exports.IconType.github:return t.createElement(V,Object.assign({},e,{size:Le||24}));case exports.IconType.googleController:return t.createElement(F,Object.assign({},e,{size:Le||24}));case exports.IconType.hammerWrench:return t.createElement(G,Object.assign({},e,{size:Le||24}));case exports.IconType.humanHandsup:return t.createElement(_,Object.assign({},e,{size:Le||24}));case exports.IconType.information:return t.createElement(W,Object.assign({},e,{size:Le||24}));case exports.IconType.instagram:return t.createElement(K,Object.assign({},e,{size:Le||24}));case exports.IconType.lanConnect:return t.createElement(Q,Object.assign({},e,{size:Le||24}));case exports.IconType.lanDisconnect:return t.createElement(Y,Object.assign({},e,{size:Le||24}));case exports.IconType.link:return t.createElement(Z,Object.assign({},e,{size:Le||24}));case exports.IconType.linkedin:return t.createElement(J,Object.assign({},e,{size:Le||24}));case exports.IconType.loading:return t.createElement(X,Object.assign({},e,{size:Le||24}));case exports.IconType.mapMarkerCheck:return t.createElement($,Object.assign({},e,{size:Le||24}));case exports.IconType.menu:return t.createElement(ee,Object.assign({},e,{size:Le||24}));case exports.IconType.menuRight:return t.createElement(re,Object.assign({},e,{size:Le||24}));case exports.IconType.minus:return t.createElement(te,Object.assign({},e,{size:Le||24}));case exports.IconType.notebookCheckOutline:return t.createElement(ce,Object.assign({},e,{size:Le||24}));case exports.IconType.openInNew:return t.createElement(ne,Object.assign({},e,{size:Le||24}));case exports.IconType.pencil:return t.createElement(oe,Object.assign({},e,{size:Le||24}));case exports.IconType.pinterest:return t.createElement(ae,Object.assign({},e,{size:Le||24}));case exports.IconType.play:return t.createElement(se,Object.assign({},e,{size:Le||24}));case exports.IconType.playBoxMultiple:return t.createElement(ie,Object.assign({},e,{size:Le||24}));case exports.IconType.plus:return t.createElement(le,Object.assign({},e,{size:Le||24}));case exports.IconType.qrcode:return t.createElement(ue,Object.assign({},e,{size:Le||24}));case exports.IconType.radioboxBlank:return t.createElement(pe,Object.assign({},e,{size:Le||24}));case exports.IconType.radioboxMarked:return t.createElement(me,Object.assign({},e,{size:Le||24}));case exports.IconType.reddit:return t.createElement(de,Object.assign({},e,{size:Le||24}));case exports.IconType.refresh:return t.createElement(Ie,Object.assign({},e,{size:Le||24}));case exports.IconType.slack:return t.createElement(be,Object.assign({},e,{size:Le||24}));case exports.IconType.sortAscending:return t.createElement(ye,Object.assign({},e,{size:Le||22}));case exports.IconType.sortDescending:return t.createElement(ge,Object.assign({},e,{size:Le||22}));case exports.IconType.sync:return t.createElement(he,Object.assign({},e,{size:Le||24}));case exports.IconType.textBox:return t.createElement(xe,Object.assign({},e,{size:Le||20}));case exports.IconType.thumbsUp:return t.createElement(Oe,Object.assign({},e,{size:Le||20}));case exports.IconType.tnb:return t.createElement(we,Object.assign({},e,{size:Le||24}));case exports.IconType.trophy:return t.createElement(Te,Object.assign({},e,{size:Le||22}));case exports.IconType.twitch:return t.createElement(ke,Object.assign({},e,{size:Le||24}));case exports.IconType.twitter:return t.createElement(fe,Object.assign({},e,{size:Le||24}));case exports.IconType.youtube:return t.createElement(Ee,Object.assign({},e,{size:Le||24}));default:return null}}),[Me,Le]);return t.createElement("div",{className:c("Icon",ze,je({"Icon--button":!!Be,"Icon--disabled":De},n.bemify(ze,"--disabled",De))),"data-testid":Ce||"Icon",ref:qe,role:Be?"button":"img",onClick:Ve,onKeyDown:function(e){Be&&("Enter"!==e.key||De||Ve(),null==Ae||Ae(e))},style:He,tabIndex:Pe},Fe())}));
//# sourceMappingURL=ui.cjs.production.min.js.map