@procore/core-react/lib/components/Banner.js

JSX implementations for core-css

!function(e,n){if("object"==typeof exports&&"object"==typeof module)module.exports=n(require("react"));else if("function"==typeof define&&define.amd)define(["react"],n);else{var r="object"==typeof exports?n(require("react")):n(e.react);for(var t in r)("object"==typeof exports?exports:e)[t]=r[t]}}(window,function(e){return function(e){var n={};function r(t){if(n[t])return n[t].exports;var o=n[t]={i:t,l:!1,exports:{}};return e[t].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=n,r.d=function(e,n,t){r.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:t})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,n){if(1&n&&(e=r(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(r.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)r.d(t,o,function(n){return e[n]}.bind(null,o));return t},r.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(n,"a",n),n},r.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},r.p="",r(r.s=95)}({0:function(n,r){n.exports=e},1:function(e,n,r){var t;
/*!
  Copyright (c) 2017 Jed Watson.
  Licensed under the MIT License (MIT), see
  http://jedwatson.github.io/classnames
*/
/*!
  Copyright (c) 2017 Jed Watson.
  Licensed under the MIT License (MIT), see
  http://jedwatson.github.io/classnames
*/
!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],n=0;n<arguments.length;n++){var t=arguments[n];if(t){var i=typeof t;if("string"===i||"number"===i)e.push(this&&this[t]||t);else if(Array.isArray(t))e.push(o.apply(this,t));else if("object"===i)for(var a in t)r.call(t,a)&&t[a]&&e.push(this&&this[a]||a)}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(t=function(){return o}.apply(n,[]))||(e.exports=t)}()},16:function(e,n,r){"use strict";var t=this&&this.__assign||function(){return(t=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var o in n=arguments[r])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e}).apply(this,arguments)},o=this&&this.__rest||function(e,n){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)n.indexOf(t[o])<0&&(r[t[o]]=e[t[o]])}return r};Object.defineProperty(n,"__esModule",{value:!0});var i,a=r(0),c=r(1),s=r(23),l=r(24),f=r(4);!function(e){e.none="",e.hoverCircle="hover-circle",e.hoverFill="hover-fill"}(i=n.IconVariantNS||(n.IconVariantNS={}));var u=c.bind(l),d=a.forwardRef(function(e,n){var r,c=e.className,l=e.clickable,d=void 0!==l&&l,p=e.icon,_=e.size,h=void 0===_?f.SizeNS.inherit:_,v=e.variant,b=void 0===v?i.none:v,m=o(e,["className","clickable","icon","size","variant"]);return a.createElement("span",t({ref:n,className:s.default("ci","ci-"+p,u("core-icon",(r={"core-icon--clickable":d},r["core-icon--"+h]=h,r["core-icon--"+b]=b,r)),c)},m))});d.displayName="Icon",n.default=d},2:function(e,n,r){"use strict";e.exports=function(e){var n=[];return n.toString=function(){return this.map(function(n){var r=function(e,n){var r=e[1]||"",t=e[3];if(!t)return r;if(n&&"function"==typeof btoa){var o=(a=t,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),i=t.sources.map(function(e){return"/*# sourceURL="+t.sourceRoot+e+" */"});return[r].concat(i).concat([o]).join("\n")}var a;return[r].join("\n")}(n,e);return n[2]?"@media "+n[2]+"{"+r+"}":r}).join("")},n.i=function(e,r){"string"==typeof e&&(e=[[null,e,""]]);for(var t={},o=0;o<this.length;o++){var i=this[o][0];null!=i&&(t[i]=!0)}for(o=0;o<e.length;o++){var a=e[o];null!=a[0]&&t[a[0]]||(r&&!a[2]?a[2]=r:r&&(a[2]="("+a[2]+") and ("+r+")"),n.push(a))}},n}},23:function(e,n,r){var t;
/*!
  Copyright (c) 2017 Jed Watson.
  Licensed under the MIT License (MIT), see
  http://jedwatson.github.io/classnames
*/
/*!
  Copyright (c) 2017 Jed Watson.
  Licensed under the MIT License (MIT), see
  http://jedwatson.github.io/classnames
*/
!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],n=0;n<arguments.length;n++){var t=arguments[n];if(t){var i=typeof t;if("string"===i||"number"===i)e.push(t);else if(Array.isArray(t)&&t.length){var a=o.apply(null,t);a&&e.push(a)}else if("object"===i)for(var c in t)r.call(t,c)&&t[c]&&e.push(c)}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(t=function(){return o}.apply(n,[]))||(e.exports=t)}()},24:function(e,n,r){var t=r(25);"string"==typeof t&&(t=[[e.i,t,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};r(3)(t,o);t.locals&&(e.exports=t.locals)},25:function(e,n,r){(n=e.exports=r(2)(!1)).push([e.i,"._1FgAl-7_3_0 {\n  display: inline-flex; }\n  .QtZLT-7_3_0 {\n    cursor: pointer; }\n  ._3Hw5E-7_3_0 {\n    transition: color 0.2s ease-in-out; }\n    ._3Hw5E-7_3_0:hover {\n      color: #000000; }\n  ._2g2N0-7_3_0:hover {\n    color: #ffffff; }\n    ._2g2N0-7_3_0:hover:before {\n      background-color: #808080;\n      border-radius: 50%; }\n  ._3TrT9-7_3_0 {\n    font-size: 16px;\n    min-width: 16px; }\n  ._157DG-7_3_0 {\n    font-size: 24px;\n    min-width: 24px; }\n  ._3UApg-7_3_0 {\n    font-size: 26px;\n    min-width: 26px; }\n",""]),n.locals={"core-icon":"_1FgAl-7_3_0","core-icon--clickable":"QtZLT-7_3_0","core-icon--hover-fill":"_3Hw5E-7_3_0","core-icon--hover-circle":"_2g2N0-7_3_0","core-icon--sm":"_3TrT9-7_3_0","core-icon--md":"_157DG-7_3_0","core-icon--lg":"_3UApg-7_3_0"}},3:function(e,n,r){var t,o,i={},a=(t=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===o&&(o=t.apply(this,arguments)),o}),c=function(e){var n={};return function(e,r){if("function"==typeof e)return e();if(void 0===n[e]){var t=function(e,n){return n?n.querySelector(e):document.querySelector(e)}.call(this,e,r);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}n[e]=t}return n[e]}}(),s=null,l=0,f=[],u=r(6);function d(e,n){for(var r=0;r<e.length;r++){var t=e[r],o=i[t.id];if(o){o.refs++;for(var a=0;a<o.parts.length;a++)o.parts[a](t.parts[a]);for(;a<t.parts.length;a++)o.parts.push(m(t.parts[a],n))}else{var c=[];for(a=0;a<t.parts.length;a++)c.push(m(t.parts[a],n));i[t.id]={id:t.id,refs:1,parts:c}}}}function p(e,n){for(var r=[],t={},o=0;o<e.length;o++){var i=e[o],a=n.base?i[0]+n.base:i[0],c={css:i[1],media:i[2],sourceMap:i[3]};t[a]?t[a].parts.push(c):r.push(t[a]={id:a,parts:[c]})}return r}function _(e,n){var r=c(e.insertInto);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var t=f[f.length-1];if("top"===e.insertAt)t?t.nextSibling?r.insertBefore(n,t.nextSibling):r.appendChild(n):r.insertBefore(n,r.firstChild),f.push(n);else if("bottom"===e.insertAt)r.appendChild(n);else{if("object"!=typeof e.insertAt||!e.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var o=c(e.insertAt.before,r);r.insertBefore(n,o)}}function h(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e);var n=f.indexOf(e);n>=0&&f.splice(n,1)}function v(e){var n=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var t=function(){0;return r.nc}();t&&(e.attrs.nonce=t)}return b(n,e.attrs),_(e,n),n}function b(e,n){Object.keys(n).forEach(function(r){e.setAttribute(r,n[r])})}function m(e,n){var r,t,o,i;if(n.transform&&e.css){if(!(i="function"==typeof n.transform?n.transform(e.css):n.transform.default(e.css)))return function(){};e.css=i}if(n.singleton){var a=l++;r=s||(s=v(n)),t=x.bind(null,r,a,!1),o=x.bind(null,r,a,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(r=function(e){var n=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",b(n,e.attrs),_(e,n),n}(n),t=function(e,n,r){var t=r.css,o=r.sourceMap,i=void 0===n.convertToAbsoluteUrls&&o;(n.convertToAbsoluteUrls||i)&&(t=u(t));o&&(t+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var a=new Blob([t],{type:"text/css"}),c=e.href;e.href=URL.createObjectURL(a),c&&URL.revokeObjectURL(c)}.bind(null,r,n),o=function(){h(r),r.href&&URL.revokeObjectURL(r.href)}):(r=v(n),t=function(e,n){var r=n.css,t=n.media;t&&e.setAttribute("media",t);if(e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}.bind(null,r),o=function(){h(r)});return t(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;t(e=n)}else o()}}e.exports=function(e,n){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(n=n||{}).attrs="object"==typeof n.attrs?n.attrs:{},n.singleton||"boolean"==typeof n.singleton||(n.singleton=a()),n.insertInto||(n.insertInto="head"),n.insertAt||(n.insertAt="bottom");var r=p(e,n);return d(r,n),function(e){for(var t=[],o=0;o<r.length;o++){var a=r[o];(c=i[a.id]).refs--,t.push(c)}e&&d(p(e,n),n);for(o=0;o<t.length;o++){var c;if(0===(c=t[o]).refs){for(var s=0;s<c.parts.length;s++)c.parts[s]();delete i[c.id]}}}};var y,g=(y=[],function(e,n){return y[e]=n,y.filter(Boolean).join("\n")});function x(e,n,r,t){var o=r?"":t.css;if(e.styleSheet)e.styleSheet.cssText=g(n,o);else{var i=document.createTextNode(o),a=e.childNodes;a[n]&&e.removeChild(a[n]),a.length?e.insertBefore(i,a[n]):e.appendChild(i)}}},4:function(e,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),function(e){e.auto="auto",e.block="block",e.inherit="",e.lg="lg",e.md="md",e.none="none",e.sm="sm",e.xl="xl",e.xs="xs",e.xxl="xxl"}(n.SizeNS||(n.SizeNS={})),function(e){e.bottom="bottom",e.bottomLeft="bottom-left",e.bottomRight="bottom-right",e.center="center",e.left="left",e.leftBottom="left-bottom",e.leftTop="left-top",e.right="right",e.rightBottom="right-bottom",e.rightTop="right-top",e.top="top",e.topLeft="top-left",e.topRight="top-right"}(n.PlacementNS||(n.PlacementNS={}))},6:function(e,n){e.exports=function(e){var n="undefined"!=typeof window&&window.location;if(!n)throw new Error("fixUrls requires window.location");if(!e||"string"!=typeof e)return e;var r=n.protocol+"//"+n.host,t=r+n.pathname.replace(/\/[^\/]*$/,"/");return e.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(e,n){var o,i=n.trim().replace(/^"(.*)"$/,function(e,n){return n}).replace(/^'(.*)'$/,function(e,n){return n});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(i)?e:(o=0===i.indexOf("//")?i:0===i.indexOf("/")?r+i:t+i.replace(/^\.\//,""),"url("+JSON.stringify(o)+")")})}},9:function(e,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});n.default=function(e,n){var r=n;return Object.keys(e).forEach(function(n){r[n]=e[n]}),r}},95:function(e,n,r){"use strict";var t=this&&this.__assign||function(){return(t=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var o in n=arguments[r])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e}).apply(this,arguments)},o=this&&this.__rest||function(e,n){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)n.indexOf(t[o])<0&&(r[t[o]]=e[t[o]])}return r};Object.defineProperty(n,"__esModule",{value:!0});var i,a,c=r(0),s=r(1),l=r(96),f=r(9),u=r(4),d=r(16);!function(e){e.action="action",e.error="error",e.info="info",e.success="success"}(i=n.BannerVariantNS||(n.BannerVariantNS={})),function(e){e.action="warning-triangle-o",e.error="warning-triangle-o",e.info="info-circle-o",e.success="check-circle"}(a=n.BannerIconVariantNS||(n.BannerIconVariantNS={}));var p=s.bind(l);n.Banner=c.forwardRef(function(e,n){var r,i=e.children,a=e.className,s=e.variant,l=o(e,["children","className","variant"]);return c.createElement("div",t({ref:n,className:p("core-banner",(r={},r["core-banner--"+s]=s,r),a)},l),i)}),n.Content=c.forwardRef(function(e,n){var r=e.children,i=e.className,a=o(e,["children","className"]);return c.createElement("div",t({ref:n,className:p("core-banner__content",i)},a),r)}),n.Title=c.forwardRef(function(e,n){var r=e.children,i=e.className,a=o(e,["children","className"]);return c.createElement("div",t({ref:n,className:p("core-banner__title",i)},a),r)}),n.Body=c.forwardRef(function(e,n){var r=e.children,i=e.className,a=o(e,["children","className"]);return c.createElement("div",t({ref:n,className:p("core-banner__body",i)},a),r)}),n.Action=c.forwardRef(function(e,n){var r=e.children,i=e.className,a=o(e,["children","className"]);return c.createElement("div",t({ref:n,className:p("core-banner__action",i)},a),r)}),n.Icon=c.forwardRef(function(e,n){e.children;var r=e.className,i=e.icon,a=o(e,["children","className","icon"]);return c.createElement("div",t({ref:n,className:p("core-banner__icon",r),"aria-hidden":"true"},a),c.createElement(d.default,{icon:i,size:u.SizeNS.md}))}),n.Dismiss=c.forwardRef(function(e,n){var r=e.className,i=(e.children,o(e,["className","children"]));return c.createElement("button",t({ref:n,className:p("core-banner__dismiss",r)},i),c.createElement(d.default,{icon:"x"}))}),n.ErrorBanner=c.forwardRef(function(e,r){var s=e.children,l=o(e,["children"]);return c.createElement(n.Banner,t({ref:r,variant:i.error},l),c.createElement(n.Icon,{icon:a.error}),s)}),n.SuccessBanner=c.forwardRef(function(e,r){var s=e.children,l=o(e,["children"]);return c.createElement(n.Banner,t({ref:r,variant:i.success},l),c.createElement(n.Icon,{icon:a.success}),s)}),n.InfoBanner=c.forwardRef(function(e,r){var s=e.children,l=o(e,["children"]);return c.createElement(n.Banner,t({ref:r,variant:i.info},l),c.createElement(n.Icon,{icon:a.info}),s)}),n.ActionBanner=c.forwardRef(function(e,r){var s=e.children,l=o(e,["children"]);return c.createElement(n.Banner,t({ref:r,variant:i.action},l),c.createElement(n.Icon,{icon:a.action}),s)}),n.Banner.displayName="Banner",n.Body.displayName="Banner.Body",n.Content.displayName="Banner.Content",n.Title.displayName="Banner.Title",n.Action.displayName="Banner.Action",n.Icon.displayName="Banner.Icon",n.Dismiss.displayName="Banner.Dismiss",n.ErrorBanner.displayName="ErrorBanner",n.SuccessBanner.displayName="SuccessBanner",n.InfoBanner.displayName="InfoBanner",n.ActionBanner.displayName="ActionBanner",n.default=f.default({Banner:n.Banner,Body:n.Body,Content:n.Content,Title:n.Title,Action:n.Action,Icon:n.Icon,Dismiss:n.Dismiss},n.Banner)},96:function(e,n,r){var t=r(97);"string"==typeof t&&(t=[[e.i,t,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};r(3)(t,o);t.locals&&(e.exports=t.locals)},97:function(e,n,r){(n=e.exports=r(2)(!1)).push([e.i,"._15Emr-7_3_0 {\n  align-items: center;\n  border-left: 8px solid;\n  border-radius: 2px;\n  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2);\n  color: #282828;\n  display: flex;\n  justify-content: space-between;\n  min-height: 52px;\n  padding: 0 16px; }\n  ._241hi-7_3_0 {\n    background-color: #fff3f3;\n    border-left-color: #d62c2f; }\n    ._241hi-7_3_0 .RwM6Z-7_3_0:hover {\n      color: #fff3f3; }\n    ._241hi-7_3_0 .vd3Ee-7_3_0 {\n      color: #d62c2f; }\n  ._209yC-7_3_0 {\n    background-color: #f1fff1;\n    border-left-color: #0b8626; }\n    ._209yC-7_3_0 .RwM6Z-7_3_0:hover {\n      color: #f1fff1; }\n    ._209yC-7_3_0 .vd3Ee-7_3_0 {\n      color: #0b8626; }\n  ._2nVEW-7_3_0 {\n    background-color: #fffde2;\n    border-left-color: #d6ab27; }\n    ._2nVEW-7_3_0 .RwM6Z-7_3_0:hover {\n      color: #fffde2; }\n    ._2nVEW-7_3_0 .vd3Ee-7_3_0 {\n      color: #d6ab27; }\n  ._1pgHg-7_3_0 {\n    background-color: #f0f6fe;\n    border-left-color: #006ddf; }\n    ._1pgHg-7_3_0 .RwM6Z-7_3_0:hover {\n      color: #f0f6fe; }\n    ._1pgHg-7_3_0 .vd3Ee-7_3_0 {\n      color: #006ddf; }\n  .vd3Ee-7_3_0, .RwM6Z-7_3_0 {\n    margin: 16px 0; }\n  .KCS9u-7_3_0 {\n    align-self: center;\n    margin: 8px 16px;\n    width: 100%; }\n  ._101zz-7_3_0 {\n    font-size: 14px;\n    font-weight: bold; }\n  ._1eZXO-7_3_0 {\n    font-size: 14px;\n    line-height: 16px;\n    margin-top: 6px; }\n  .LurRj-7_3_0 {\n    margin: 8px 0; }\n  .RwM6Z-7_3_0, ._2vD7K-7_3_0._14DrL-7_3_0, .RwM6Z-7_3_0:disabled._14DrL-7_3_0 {\n    background-color: transparent;\n    border: 1px solid transparent;\n    border-radius: 2px;\n    color: #282828;\n    align-items: center;\n    border-radius: 100%;\n    cursor: pointer;\n    display: flex;\n    flex-shrink: 0;\n    font-size: 24px;\n    height: 24px;\n    justify-content: center;\n    min-width: 24px;\n    padding: 0;\n    width: 24px; }\n  .RwM6Z-7_3_0:hover, ._2sqLO-7_3_0, .RwM6Z-7_3_0:active, ._2uYOd-7_3_0 {\n    background-color: #282828;\n    border: 1px solid #282828;\n    color: transparent; }\n  ._2vD7K-7_3_0, .RwM6Z-7_3_0:disabled {\n    background-color: #d9d9d9;\n    border: 1px solid #d9d9d9;\n    color: #d9d9d9; }\n  .RwM6Z-7_3_0:focus {\n    border-color: #3397ff;\n    box-shadow: 0 0 0 2px #dcedff;\n    outline: none; }\n  .LurRj-7_3_0 + .RwM6Z-7_3_0 {\n    margin-left: 16px; }\n",""]),n.locals={"core-banner":"_15Emr-7_3_0","core-banner--error":"_241hi-7_3_0","core-banner__dismiss":"RwM6Z-7_3_0","core-banner__icon":"vd3Ee-7_3_0","core-banner--success":"_209yC-7_3_0","core-banner--action":"_2nVEW-7_3_0","core-banner--info":"_1pgHg-7_3_0","core-banner__content":"KCS9u-7_3_0","core-banner__title":"_101zz-7_3_0","core-banner__body":"_1eZXO-7_3_0","core-banner__action":"LurRj-7_3_0","core-banner__dismiss--disabled":"_2vD7K-7_3_0","core-button--loading":"_14DrL-7_3_0","core-banner__dismiss--hover":"_2sqLO-7_3_0","core-banner__dismiss--active":"_2uYOd-7_3_0"}}})});
//# sourceMappingURL=Banner.js.map