@twilio-paste/alert - npm Package Compare versions

Comparing version 0.1.51 to 0.1.52

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+## [0.1.52](https://github.com/twilio-labs/paste/compare/@twilio-paste/alert@0.1.51...@twilio-paste/alert@0.1.52) (2020-06-18)
+
+**Note:** Version bump only for package @twilio-paste/alert
+
+
+
+
+
 ## [0.1.51](https://github.com/twilio-labs/paste/compare/@twilio-paste/alert@0.1.50...@twilio-paste/alert@0.1.51) (2020-06-16)
@@ -8,0 +16,0 @@

dist/index.es.js

@@ -1,2 +0,2 @@
-import{createElement as r}from"react";import{node as o,func as e,string as i,oneOf as t}from"prop-types";import{Box as n,safelySpreadBoxProps as l}from"@twilio-paste/box";import{MediaObject as a,MediaFigure as c,MediaBody as s}from"@twilio-paste/media-object";import{Button as d}from"@twilio-paste/button";import{UID as p}from"react-uid";import u from"@emotion/styled";import{system as f,compose as v,size as m}from"styled-system";
+import{createElement as r}from"react";import{node as o,func as e,string as i,oneOf as t}from"prop-types";import{Box as n,safelySpreadBoxProps as l}from"@twilio-paste/box";import{MediaObject as a,MediaFigure as c,MediaBody as s}from"@twilio-paste/media-object";import{Button as d}from"@twilio-paste/button";import{UID as p}from"react-uid";import{system as u,styled as f,compose as v,size as g}from"@twilio-paste/styling-library";
 /*! *****************************************************************************
@@ -15,2 +15,2 @@ Copyright (c) Microsoft Corporation. All rights reserved.
 and limitations under the License.
-***************************************************************************** */var g=function(){return(g=Object.assign||function(r){for(var o,e=1,i=arguments.length;e<i;e++)for(var t in o=arguments[e])Object.prototype.hasOwnProperty.call(o,t)&&(r[t]=o[t]);return r}).apply(this,arguments)};var h=f({iconColor:{property:"color",scale:"textColors"}}),y=u.span({display:"inline-flex"},v(h,m));y.defaultProps={size:"sizeIcon30",iconColor:"currentColor"},y.displayName="IconWrapper";var R=function(o){var e=o.as,i=o.size,t=o.iconColor,n=o.title,l=o.decorative;if(!l&&null==n)throw new Error("[CloseIcon]: Missing a title for non-decorative icon.");return r(y,{as:e,size:i,iconColor:t},r(p,null,(function(o){return r("svg",{role:"img","aria-hidden":l,"aria-labelledby":o,width:"100%",height:"100%",viewBox:"0 0 24 24"},n?r("title",{id:o},n):null,r("path",{fill:"currentColor",fillRule:"evenodd",d:"M18.01 5.99c.17.169.189.432.057.622l-.051.062-5.327 5.325 5.327 5.327c.19.19.185.494-.006.684a.488.488 0 01-.622.057l-.062-.051L12 12.689l-5.326 5.327a.481.481 0 01-.684-.006.488.488 0 01-.057-.622l.051-.062L11.311 12 5.984 6.674a.481.481 0 01.006-.684.488.488 0 01.622-.057l.062.051L12 11.31l5.326-5.326a.481.481 0 01.684.006z"}))})))};R.displayName="CloseIcon";var z=function(o){var e=o.as,i=o.size,t=o.iconColor,n=o.title,l=o.decorative;if(!l&&null==n)throw new Error("[ErrorIcon]: Missing a title for non-decorative icon.");return r(y,{as:e,size:i,iconColor:t},r(p,null,(function(o){return r("svg",{role:"img","aria-hidden":l,"aria-labelledby":o,width:"100%",height:"100%",viewBox:"0 0 24 24"},n?r("title",{id:o},n):null,r("path",{fill:"currentColor",fillRule:"evenodd",d:"M13.247 4.517l6.236 6.236a1.764 1.764 0 010 2.494l-6.236 6.236a1.764 1.764 0 01-2.494 0l-6.236-6.236a1.764 1.764 0 010-2.494l6.236-6.236a1.764 1.764 0 012.494 0zM12 14a1 1 0 100 2 1 1 0 000-2zm.01-5h-.02c-.604 0-1.073.592-.978 1.244l.428 2.238c.04.296.278.518.557.518h.006c.279 0 .516-.222.557-.518l.428-2.238c.095-.652-.367-1.237-.978-1.244z"}))})))};z.displayName="ErrorIcon";var C=function(o){var e=o.as,i=o.size,t=o.iconColor,n=o.title,l=o.decorative;if(!l&&null==n)throw new Error("[InformationIcon]: Missing a title for non-decorative icon.");return r(y,{as:e,size:i,iconColor:t},r(p,null,(function(o){return r("svg",{role:"img","aria-hidden":l,"aria-labelledby":o,width:"100%",height:"100%",viewBox:"0 0 24 24"},n?r("title",{id:o},n):null,r("path",{fill:"currentColor",fillRule:"evenodd",d:"M12 4a8 8 0 110 16 8 8 0 010-16zm0 7c-.26.01-.528.08-.707.24-.178.158-.292.355-.292.575v3.37c0 .21.11.428.292.577.173.14.457.247.707.237.26-.008.528-.078.707-.237.178-.16.292-.355.292-.577v-3.37a.766.766 0 00-.292-.575A1.14 1.14 0 0012 11zm0-3l-.266.036c-.17.047-.318.131-.441.253l-.156.198A.958.958 0 0011 8.98v.04a.728.728 0 00.086.378c.04.121.108.227.206.315.09.094.197.163.321.202.12.06.248.09.386.084l.266-.035c.17-.047.318-.131.441-.253l.156-.198A.958.958 0 0013 9.02v-.04a.728.728 0 00-.086-.378.721.721 0 00-.206-.315.757.757 0 00-.321-.202.767.767 0 00-.386-.084z"}))})))};C.displayName="InformationIcon";var b=function(o){var e=o.as,i=o.size,t=o.iconColor,n=o.title,l=o.decorative;if(!l&&null==n)throw new Error("[WarningIcon]: Missing a title for non-decorative icon.");return r(y,{as:e,size:i,iconColor:t},r(p,null,(function(o){return r("svg",{role:"img","aria-hidden":l,"aria-labelledby":o,width:"100%",height:"100%",viewBox:"0 0 24 24"},n?r("title",{id:o},n):null,r("path",{fill:"currentColor",fillRule:"evenodd",d:"M10.684 5.744c.582-.992 2.05-.992 2.632 0l6.482 11.048c.577.984-.152 2.208-1.316 2.208H5.518c-1.164 0-1.893-1.224-1.316-2.208zM12 15a1 1 0 100 2 1 1 0 000-2zm.01-5h-.02l-.112.007c-.549.067-.955.626-.866 1.237l.428 2.238.02.095c.074.247.29.423.543.423l.091-.008a.59.59 0 00.466-.51l.428-2.238.011-.121c.025-.602-.416-1.116-.989-1.123z"}))})))};b.displayName="WarningIcon";var w={ERROR:"alert",NEUTRAL:"status",WARNING:"alert"},N={ERROR:"error",NEUTRAL:"neutral",WARNING:"warning"},I={ERROR:"colorBackgroundErrorLightest",NEUTRAL:"colorBackgroundNeutralLightest",WARNING:"colorBackgroundWarningLightest"},E={ERROR:"colorBorderErrorLight",NEUTRAL:"colorBorderNeutralLight",WARNING:"colorBorderWarningLight"},O=function(o){var e=o.children,i=o.onDismiss,t=o.variant,p=o.role,u=function(r,o){var e={};for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&o.indexOf(i)<0&&(e[i]=r[i]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(i=Object.getOwnPropertySymbols(r);t<i.length;t++)o.indexOf(i[t])<0&&Object.prototype.propertyIsEnumerable.call(r,i[t])&&(e[i[t]]=r[i[t]])}return e}(o,["children","onDismiss","variant","role"]);return r(n,g({},l(u),{backgroundColor:I[t.toUpperCase()],borderColor:E[t.toUpperCase()],borderBottomWidth:"borderWidth20",borderBottomStyle:"solid",paddingLeft:"space70",paddingRight:"space70",paddingTop:"space40",paddingBottom:"space30",role:null!=p?p:w[t.toUpperCase()]}),r(a,{as:"div"},r(c,{as:"div",spacing:"space40"},function(o){switch(o){case N.ERROR:return r(z,{iconColor:"colorTextError",decorative:!1,title:"error: ",size:"sizeIcon30"});case N.WARNING:return r(b,{iconColor:"colorTextWarning",decorative:!1,title:"warning: ",size:"sizeIcon30"});case N.NEUTRAL:default:return r(C,{iconColor:"colorTextIcon",decorative:!1,title:"information: ",size:"sizeIcon30"})}}(t)),r(s,{as:"div"},e),i&&"function"==typeof i&&r(c,{align:"end",spacing:"space70"},r(d,{onClick:i,variant:"link",size:"reset"},r(R,{iconColor:"colorTextIcon",decorative:!1,title:"dismiss this alert",size:"sizeIcon30"})))))};O.displayName="Alert","development"===process.env.NODE_ENV&&(O.propTypes={children:o.isRequired,onDismiss:e,role:i,variant:t(Object.keys(N).map((function(r){return N[r]}))).isRequired});export{O as Alert,I as AlertBackgroundColors,E as AlertBorderColors,w as AlertRoles,N as AlertVariants};
+***************************************************************************** */var h=function(){return(h=Object.assign||function(r){for(var o,e=1,i=arguments.length;e<i;e++)for(var t in o=arguments[e])Object.prototype.hasOwnProperty.call(o,t)&&(r[t]=o[t]);return r}).apply(this,arguments)};var m=u({iconColor:{property:"color",scale:"textColors"}}),R=f.span({display:"inline-flex"},v(m,g));R.defaultProps={size:"sizeIcon30",iconColor:"currentColor"},R.displayName="IconWrapper";var y=function(o){var e=o.as,i=o.size,t=o.iconColor,n=o.title,l=o.decorative;if(!l&&null==n)throw new Error("[CloseIcon]: Missing a title for non-decorative icon.");return r(R,{as:e,size:i,iconColor:t},r(p,null,(function(o){return r("svg",{role:"img","aria-hidden":l,"aria-labelledby":o,width:"100%",height:"100%",viewBox:"0 0 24 24"},n?r("title",{id:o},n):null,r("path",{fill:"currentColor",fillRule:"evenodd",d:"M18.01 5.99c.17.169.189.432.057.622l-.051.062-5.327 5.325 5.327 5.327c.19.19.185.494-.006.684a.488.488 0 01-.622.057l-.062-.051L12 12.689l-5.326 5.327a.481.481 0 01-.684-.006.488.488 0 01-.057-.622l.051-.062L11.311 12 5.984 6.674a.481.481 0 01.006-.684.488.488 0 01.622-.057l.062.051L12 11.31l5.326-5.326a.481.481 0 01.684.006z"}))})))};y.displayName="CloseIcon";var z=function(o){var e=o.as,i=o.size,t=o.iconColor,n=o.title,l=o.decorative;if(!l&&null==n)throw new Error("[ErrorIcon]: Missing a title for non-decorative icon.");return r(R,{as:e,size:i,iconColor:t},r(p,null,(function(o){return r("svg",{role:"img","aria-hidden":l,"aria-labelledby":o,width:"100%",height:"100%",viewBox:"0 0 24 24"},n?r("title",{id:o},n):null,r("path",{fill:"currentColor",fillRule:"evenodd",d:"M13.247 4.517l6.236 6.236a1.764 1.764 0 010 2.494l-6.236 6.236a1.764 1.764 0 01-2.494 0l-6.236-6.236a1.764 1.764 0 010-2.494l6.236-6.236a1.764 1.764 0 012.494 0zM12 14a1 1 0 100 2 1 1 0 000-2zm.01-5h-.02c-.604 0-1.073.592-.978 1.244l.428 2.238c.04.296.278.518.557.518h.006c.279 0 .516-.222.557-.518l.428-2.238c.095-.652-.367-1.237-.978-1.244z"}))})))};z.displayName="ErrorIcon";var C=function(o){var e=o.as,i=o.size,t=o.iconColor,n=o.title,l=o.decorative;if(!l&&null==n)throw new Error("[InformationIcon]: Missing a title for non-decorative icon.");return r(R,{as:e,size:i,iconColor:t},r(p,null,(function(o){return r("svg",{role:"img","aria-hidden":l,"aria-labelledby":o,width:"100%",height:"100%",viewBox:"0 0 24 24"},n?r("title",{id:o},n):null,r("path",{fill:"currentColor",fillRule:"evenodd",d:"M12 4a8 8 0 110 16 8 8 0 010-16zm0 7c-.26.01-.528.08-.707.24-.178.158-.292.355-.292.575v3.37c0 .21.11.428.292.577.173.14.457.247.707.237.26-.008.528-.078.707-.237.178-.16.292-.355.292-.577v-3.37a.766.766 0 00-.292-.575A1.14 1.14 0 0012 11zm0-3l-.266.036c-.17.047-.318.131-.441.253l-.156.198A.958.958 0 0011 8.98v.04a.728.728 0 00.086.378c.04.121.108.227.206.315.09.094.197.163.321.202.12.06.248.09.386.084l.266-.035c.17-.047.318-.131.441-.253l.156-.198A.958.958 0 0013 9.02v-.04a.728.728 0 00-.086-.378.721.721 0 00-.206-.315.757.757 0 00-.321-.202.767.767 0 00-.386-.084z"}))})))};C.displayName="InformationIcon";var b=function(o){var e=o.as,i=o.size,t=o.iconColor,n=o.title,l=o.decorative;if(!l&&null==n)throw new Error("[WarningIcon]: Missing a title for non-decorative icon.");return r(R,{as:e,size:i,iconColor:t},r(p,null,(function(o){return r("svg",{role:"img","aria-hidden":l,"aria-labelledby":o,width:"100%",height:"100%",viewBox:"0 0 24 24"},n?r("title",{id:o},n):null,r("path",{fill:"currentColor",fillRule:"evenodd",d:"M10.684 5.744c.582-.992 2.05-.992 2.632 0l6.482 11.048c.577.984-.152 2.208-1.316 2.208H5.518c-1.164 0-1.893-1.224-1.316-2.208zM12 15a1 1 0 100 2 1 1 0 000-2zm.01-5h-.02l-.112.007c-.549.067-.955.626-.866 1.237l.428 2.238.02.095c.074.247.29.423.543.423l.091-.008a.59.59 0 00.466-.51l.428-2.238.011-.121c.025-.602-.416-1.116-.989-1.123z"}))})))};b.displayName="WarningIcon";var w={ERROR:"alert",NEUTRAL:"status",WARNING:"alert"},N={ERROR:"error",NEUTRAL:"neutral",WARNING:"warning"},I={ERROR:"colorBackgroundErrorLightest",NEUTRAL:"colorBackgroundNeutralLightest",WARNING:"colorBackgroundWarningLightest"},E={ERROR:"colorBorderErrorLight",NEUTRAL:"colorBorderNeutralLight",WARNING:"colorBorderWarningLight"},O=function(o){var e=o.children,i=o.onDismiss,t=o.variant,p=o.role,u=function(r,o){var e={};for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&o.indexOf(i)<0&&(e[i]=r[i]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(i=Object.getOwnPropertySymbols(r);t<i.length;t++)o.indexOf(i[t])<0&&Object.prototype.propertyIsEnumerable.call(r,i[t])&&(e[i[t]]=r[i[t]])}return e}(o,["children","onDismiss","variant","role"]);return r(n,h({},l(u),{backgroundColor:I[t.toUpperCase()],borderColor:E[t.toUpperCase()],borderBottomWidth:"borderWidth20",borderBottomStyle:"solid",paddingLeft:"space70",paddingRight:"space70",paddingTop:"space40",paddingBottom:"space30",role:null!=p?p:w[t.toUpperCase()]}),r(a,{as:"div"},r(c,{as:"div",spacing:"space40"},function(o){switch(o){case N.ERROR:return r(z,{iconColor:"colorTextError",decorative:!1,title:"error: ",size:"sizeIcon30"});case N.WARNING:return r(b,{iconColor:"colorTextWarning",decorative:!1,title:"warning: ",size:"sizeIcon30"});case N.NEUTRAL:default:return r(C,{iconColor:"colorTextIcon",decorative:!1,title:"information: ",size:"sizeIcon30"})}}(t)),r(s,{as:"div"},e),i&&"function"==typeof i&&r(c,{align:"end",spacing:"space70"},r(d,{onClick:i,variant:"link",size:"reset"},r(y,{iconColor:"colorTextIcon",decorative:!1,title:"dismiss this alert",size:"sizeIcon30"})))))};O.displayName="Alert","development"===process.env.NODE_ENV&&(O.propTypes={children:o.isRequired,onDismiss:e,role:i,variant:t(Object.keys(N).map((function(r){return N[r]}))).isRequired});export{O as Alert,I as AlertBackgroundColors,E as AlertBorderColors,w as AlertRoles,N as AlertVariants};

dist/index.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("react"),t=require("prop-types"),o=require("@twilio-paste/box"),i=require("@twilio-paste/media-object"),l=require("@twilio-paste/button"),n=require("react-uid"),a=(e=require("@emotion/styled"))&&"object"==typeof e&&"default"in e?e.default:e,c=require("styled-system"),s=function(){return(s=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var i in r=arguments[t])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e}).apply(this,arguments)};var d=c.system({iconColor:{property:"color",scale:"textColors"}}),u=a.span({display:"inline-flex"},c.compose(d,c.size));u.defaultProps={size:"sizeIcon30",iconColor:"currentColor"},u.displayName="IconWrapper";var p=function(e){var t=e.as,o=e.size,i=e.iconColor,l=e.title,a=e.decorative;if(!a&&null==l)throw new Error("[CloseIcon]: Missing a title for non-decorative icon.");return r.createElement(u,{as:t,size:o,iconColor:i},r.createElement(n.UID,null,(function(e){return r.createElement("svg",{role:"img","aria-hidden":a,"aria-labelledby":e,width:"100%",height:"100%",viewBox:"0 0 24 24"},l?r.createElement("title",{id:e},l):null,r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M18.01 5.99c.17.169.189.432.057.622l-.051.062-5.327 5.325 5.327 5.327c.19.19.185.494-.006.684a.488.488 0 01-.622.057l-.062-.051L12 12.689l-5.326 5.327a.481.481 0 01-.684-.006.488.488 0 01-.057-.622l.051-.062L11.311 12 5.984 6.674a.481.481 0 01.006-.684.488.488 0 01.622-.057l.062.051L12 11.31l5.326-5.326a.481.481 0 01.684.006z"}))})))};p.displayName="CloseIcon";var m=function(e){var t=e.as,o=e.size,i=e.iconColor,l=e.title,a=e.decorative;if(!a&&null==l)throw new Error("[ErrorIcon]: Missing a title for non-decorative icon.");return r.createElement(u,{as:t,size:o,iconColor:i},r.createElement(n.UID,null,(function(e){return r.createElement("svg",{role:"img","aria-hidden":a,"aria-labelledby":e,width:"100%",height:"100%",viewBox:"0 0 24 24"},l?r.createElement("title",{id:e},l):null,r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M13.247 4.517l6.236 6.236a1.764 1.764 0 010 2.494l-6.236 6.236a1.764 1.764 0 01-2.494 0l-6.236-6.236a1.764 1.764 0 010-2.494l6.236-6.236a1.764 1.764 0 012.494 0zM12 14a1 1 0 100 2 1 1 0 000-2zm.01-5h-.02c-.604 0-1.073.592-.978 1.244l.428 2.238c.04.296.278.518.557.518h.006c.279 0 .516-.222.557-.518l.428-2.238c.095-.652-.367-1.237-.978-1.244z"}))})))};m.displayName="ErrorIcon";var f=function(e){var t=e.as,o=e.size,i=e.iconColor,l=e.title,a=e.decorative;if(!a&&null==l)throw new Error("[InformationIcon]: Missing a title for non-decorative icon.");return r.createElement(u,{as:t,size:o,iconColor:i},r.createElement(n.UID,null,(function(e){return r.createElement("svg",{role:"img","aria-hidden":a,"aria-labelledby":e,width:"100%",height:"100%",viewBox:"0 0 24 24"},l?r.createElement("title",{id:e},l):null,r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M12 4a8 8 0 110 16 8 8 0 010-16zm0 7c-.26.01-.528.08-.707.24-.178.158-.292.355-.292.575v3.37c0 .21.11.428.292.577.173.14.457.247.707.237.26-.008.528-.078.707-.237.178-.16.292-.355.292-.577v-3.37a.766.766 0 00-.292-.575A1.14 1.14 0 0012 11zm0-3l-.266.036c-.17.047-.318.131-.441.253l-.156.198A.958.958 0 0011 8.98v.04a.728.728 0 00.086.378c.04.121.108.227.206.315.09.094.197.163.321.202.12.06.248.09.386.084l.266-.035c.17-.047.318-.131.441-.253l.156-.198A.958.958 0 0013 9.02v-.04a.728.728 0 00-.086-.378.721.721 0 00-.206-.315.757.757 0 00-.321-.202.767.767 0 00-.386-.084z"}))})))};f.displayName="InformationIcon";var v=function(e){var t=e.as,o=e.size,i=e.iconColor,l=e.title,a=e.decorative;if(!a&&null==l)throw new Error("[WarningIcon]: Missing a title for non-decorative icon.");return r.createElement(u,{as:t,size:o,iconColor:i},r.createElement(n.UID,null,(function(e){return r.createElement("svg",{role:"img","aria-hidden":a,"aria-labelledby":e,width:"100%",height:"100%",viewBox:"0 0 24 24"},l?r.createElement("title",{id:e},l):null,r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M10.684 5.744c.582-.992 2.05-.992 2.632 0l6.482 11.048c.577.984-.152 2.208-1.316 2.208H5.518c-1.164 0-1.893-1.224-1.316-2.208zM12 15a1 1 0 100 2 1 1 0 000-2zm.01-5h-.02l-.112.007c-.549.067-.955.626-.866 1.237l.428 2.238.02.095c.074.247.29.423.543.423l.091-.008a.59.59 0 00.466-.51l.428-2.238.011-.121c.025-.602-.416-1.116-.989-1.123z"}))})))};v.displayName="WarningIcon";var E={ERROR:"alert",NEUTRAL:"status",WARNING:"alert"},g={ERROR:"error",NEUTRAL:"neutral",WARNING:"warning"},h={ERROR:"colorBackgroundErrorLightest",NEUTRAL:"colorBackgroundNeutralLightest",WARNING:"colorBackgroundWarningLightest"},y={ERROR:"colorBorderErrorLight",NEUTRAL:"colorBorderNeutralLight",WARNING:"colorBorderWarningLight"},R=function(e){var t=e.children,n=e.onDismiss,a=e.variant,c=e.role,d=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)r.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(t[o[i]]=e[o[i]])}return t}(e,["children","onDismiss","variant","role"]);return r.createElement(o.Box,s({},o.safelySpreadBoxProps(d),{backgroundColor:h[a.toUpperCase()],borderColor:y[a.toUpperCase()],borderBottomWidth:"borderWidth20",borderBottomStyle:"solid",paddingLeft:"space70",paddingRight:"space70",paddingTop:"space40",paddingBottom:"space30",role:null!=c?c:E[a.toUpperCase()]}),r.createElement(i.MediaObject,{as:"div"},r.createElement(i.MediaFigure,{as:"div",spacing:"space40"},function(e){switch(e){case g.ERROR:return r.createElement(m,{iconColor:"colorTextError",decorative:!1,title:"error: ",size:"sizeIcon30"});case g.WARNING:return r.createElement(v,{iconColor:"colorTextWarning",decorative:!1,title:"warning: ",size:"sizeIcon30"});case g.NEUTRAL:default:return r.createElement(f,{iconColor:"colorTextIcon",decorative:!1,title:"information: ",size:"sizeIcon30"})}}(a)),r.createElement(i.MediaBody,{as:"div"},t),n&&"function"==typeof n&&r.createElement(i.MediaFigure,{align:"end",spacing:"space70"},r.createElement(l.Button,{onClick:n,variant:"link",size:"reset"},r.createElement(p,{iconColor:"colorTextIcon",decorative:!1,title:"dismiss this alert",size:"sizeIcon30"})))))};R.displayName="Alert","development"===process.env.NODE_ENV&&(R.propTypes={children:t.node.isRequired,onDismiss:t.func,role:t.string,variant:t.oneOf(Object.keys(g).map((function(e){return g[e]}))).isRequired}),exports.Alert=R,exports.AlertBackgroundColors=h,exports.AlertBorderColors=y,exports.AlertRoles=E,exports.AlertVariants=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("prop-types"),t=require("@twilio-paste/box"),o=require("@twilio-paste/media-object"),i=require("@twilio-paste/button"),l=require("react-uid"),n=require("@twilio-paste/styling-library"),a=function(){return(a=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var i in r=arguments[t])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e}).apply(this,arguments)};var c=n.system({iconColor:{property:"color",scale:"textColors"}}),s=n.styled.span({display:"inline-flex"},n.compose(c,n.size));s.defaultProps={size:"sizeIcon30",iconColor:"currentColor"},s.displayName="IconWrapper";var d=function(r){var t=r.as,o=r.size,i=r.iconColor,n=r.title,a=r.decorative;if(!a&&null==n)throw new Error("[CloseIcon]: Missing a title for non-decorative icon.");return e.createElement(s,{as:t,size:o,iconColor:i},e.createElement(l.UID,null,(function(r){return e.createElement("svg",{role:"img","aria-hidden":a,"aria-labelledby":r,width:"100%",height:"100%",viewBox:"0 0 24 24"},n?e.createElement("title",{id:r},n):null,e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M18.01 5.99c.17.169.189.432.057.622l-.051.062-5.327 5.325 5.327 5.327c.19.19.185.494-.006.684a.488.488 0 01-.622.057l-.062-.051L12 12.689l-5.326 5.327a.481.481 0 01-.684-.006.488.488 0 01-.057-.622l.051-.062L11.311 12 5.984 6.674a.481.481 0 01.006-.684.488.488 0 01.622-.057l.062.051L12 11.31l5.326-5.326a.481.481 0 01.684.006z"}))})))};d.displayName="CloseIcon";var u=function(r){var t=r.as,o=r.size,i=r.iconColor,n=r.title,a=r.decorative;if(!a&&null==n)throw new Error("[ErrorIcon]: Missing a title for non-decorative icon.");return e.createElement(s,{as:t,size:o,iconColor:i},e.createElement(l.UID,null,(function(r){return e.createElement("svg",{role:"img","aria-hidden":a,"aria-labelledby":r,width:"100%",height:"100%",viewBox:"0 0 24 24"},n?e.createElement("title",{id:r},n):null,e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M13.247 4.517l6.236 6.236a1.764 1.764 0 010 2.494l-6.236 6.236a1.764 1.764 0 01-2.494 0l-6.236-6.236a1.764 1.764 0 010-2.494l6.236-6.236a1.764 1.764 0 012.494 0zM12 14a1 1 0 100 2 1 1 0 000-2zm.01-5h-.02c-.604 0-1.073.592-.978 1.244l.428 2.238c.04.296.278.518.557.518h.006c.279 0 .516-.222.557-.518l.428-2.238c.095-.652-.367-1.237-.978-1.244z"}))})))};u.displayName="ErrorIcon";var p=function(r){var t=r.as,o=r.size,i=r.iconColor,n=r.title,a=r.decorative;if(!a&&null==n)throw new Error("[InformationIcon]: Missing a title for non-decorative icon.");return e.createElement(s,{as:t,size:o,iconColor:i},e.createElement(l.UID,null,(function(r){return e.createElement("svg",{role:"img","aria-hidden":a,"aria-labelledby":r,width:"100%",height:"100%",viewBox:"0 0 24 24"},n?e.createElement("title",{id:r},n):null,e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M12 4a8 8 0 110 16 8 8 0 010-16zm0 7c-.26.01-.528.08-.707.24-.178.158-.292.355-.292.575v3.37c0 .21.11.428.292.577.173.14.457.247.707.237.26-.008.528-.078.707-.237.178-.16.292-.355.292-.577v-3.37a.766.766 0 00-.292-.575A1.14 1.14 0 0012 11zm0-3l-.266.036c-.17.047-.318.131-.441.253l-.156.198A.958.958 0 0011 8.98v.04a.728.728 0 00.086.378c.04.121.108.227.206.315.09.094.197.163.321.202.12.06.248.09.386.084l.266-.035c.17-.047.318-.131.441-.253l.156-.198A.958.958 0 0013 9.02v-.04a.728.728 0 00-.086-.378.721.721 0 00-.206-.315.757.757 0 00-.321-.202.767.767 0 00-.386-.084z"}))})))};p.displayName="InformationIcon";var m=function(r){var t=r.as,o=r.size,i=r.iconColor,n=r.title,a=r.decorative;if(!a&&null==n)throw new Error("[WarningIcon]: Missing a title for non-decorative icon.");return e.createElement(s,{as:t,size:o,iconColor:i},e.createElement(l.UID,null,(function(r){return e.createElement("svg",{role:"img","aria-hidden":a,"aria-labelledby":r,width:"100%",height:"100%",viewBox:"0 0 24 24"},n?e.createElement("title",{id:r},n):null,e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M10.684 5.744c.582-.992 2.05-.992 2.632 0l6.482 11.048c.577.984-.152 2.208-1.316 2.208H5.518c-1.164 0-1.893-1.224-1.316-2.208zM12 15a1 1 0 100 2 1 1 0 000-2zm.01-5h-.02l-.112.007c-.549.067-.955.626-.866 1.237l.428 2.238.02.095c.074.247.29.423.543.423l.091-.008a.59.59 0 00.466-.51l.428-2.238.011-.121c.025-.602-.416-1.116-.989-1.123z"}))})))};m.displayName="WarningIcon";var v={ERROR:"alert",NEUTRAL:"status",WARNING:"alert"},f={ERROR:"error",NEUTRAL:"neutral",WARNING:"warning"},E={ERROR:"colorBackgroundErrorLightest",NEUTRAL:"colorBackgroundNeutralLightest",WARNING:"colorBackgroundWarningLightest"},g={ERROR:"colorBorderErrorLight",NEUTRAL:"colorBorderNeutralLight",WARNING:"colorBorderWarningLight"},h=function(r){var l=r.children,n=r.onDismiss,c=r.variant,s=r.role,h=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)r.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(t[o[i]]=e[o[i]])}return t}(r,["children","onDismiss","variant","role"]);return e.createElement(t.Box,a({},t.safelySpreadBoxProps(h),{backgroundColor:E[c.toUpperCase()],borderColor:g[c.toUpperCase()],borderBottomWidth:"borderWidth20",borderBottomStyle:"solid",paddingLeft:"space70",paddingRight:"space70",paddingTop:"space40",paddingBottom:"space30",role:null!=s?s:v[c.toUpperCase()]}),e.createElement(o.MediaObject,{as:"div"},e.createElement(o.MediaFigure,{as:"div",spacing:"space40"},function(r){switch(r){case f.ERROR:return e.createElement(u,{iconColor:"colorTextError",decorative:!1,title:"error: ",size:"sizeIcon30"});case f.WARNING:return e.createElement(m,{iconColor:"colorTextWarning",decorative:!1,title:"warning: ",size:"sizeIcon30"});case f.NEUTRAL:default:return e.createElement(p,{iconColor:"colorTextIcon",decorative:!1,title:"information: ",size:"sizeIcon30"})}}(c)),e.createElement(o.MediaBody,{as:"div"},l),n&&"function"==typeof n&&e.createElement(o.MediaFigure,{align:"end",spacing:"space70"},e.createElement(i.Button,{onClick:n,variant:"link",size:"reset"},e.createElement(d,{iconColor:"colorTextIcon",decorative:!1,title:"dismiss this alert",size:"sizeIcon30"})))))};h.displayName="Alert","development"===process.env.NODE_ENV&&(h.propTypes={children:r.node.isRequired,onDismiss:r.func,role:r.string,variant:r.oneOf(Object.keys(f).map((function(e){return f[e]}))).isRequired}),exports.Alert=h,exports.AlertBackgroundColors=E,exports.AlertBorderColors=g,exports.AlertRoles=v,exports.AlertVariants=f;

package.json

 {
   "name": "@twilio-paste/alert",
-  "version": "0.1.51",
+  "version": "0.1.52",
   "category": "feedback",
@@ -31,23 +31,2 @@ "status": "production",
   "peerDependencies": {
-    "@emotion/core": "^10.0.10",
-    "@emotion/styled": "^10.0.14",
-    "@styled-system/css": "^5.1.5",
-    "@styled-system/theme-get": "^5.1.2",
-    "@twilio-paste/absolute": "^2.0.43",
-    "@twilio-paste/box": "^2.5.1",
-    "@twilio-paste/button": "^1.2.7",
-    "@twilio-paste/design-tokens": "^5.2.2",
-    "@twilio-paste/icons": "^2.2.5",
-    "@twilio-paste/media-object": "^1.2.30",
-    "@twilio-paste/spinner": "^1.2.14",
-    "@twilio-paste/style-props": "^1.2.2",
-    "@twilio-paste/theme": "^3.2.2",
-    "@twilio-paste/types": "^3.0.9",
-    "prop-types": "^15.7.2",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
-    "react-uid": "^2.2.0",
-    "styled-system": "^5.1.2"
-  },
-  "devDependencies": {
     "@twilio-paste/absolute": "^2.0.44",
@@ -61,6 +40,24 @@ "@twilio-paste/box": "^2.5.2",
     "@twilio-paste/style-props": "^1.2.3",
+    "@twilio-paste/styling-library": "^0.0.0",
     "@twilio-paste/theme": "^3.2.3",
+    "@twilio-paste/types": "^3.0.9",
+    "prop-types": "^15.7.2",
+    "react": "^16.8.6",
+    "react-dom": "^16.8.6",
+    "react-uid": "^2.2.0"
+  },
+  "devDependencies": {
+    "@twilio-paste/absolute": "^2.0.45",
+    "@twilio-paste/box": "^2.5.3",
+    "@twilio-paste/button": "^1.2.9",
+    "@twilio-paste/design-tokens": "^5.2.2",
+    "@twilio-paste/icons": "^2.2.7",
+    "@twilio-paste/media-object": "^1.2.32",
+    "@twilio-paste/spinner": "^1.2.16",
+    "@twilio-paste/style-props": "^1.2.4",
+    "@twilio-paste/styling-library": "^0.1.0",
+    "@twilio-paste/theme": "^3.2.4",
     "@twilio-paste/types": "^3.0.9"
   },
-  "gitHead": "aa923784cbd665401f4c9845963fd1b3fd24e470"
+  "gitHead": "624f98124ce38d1cd0d9d795620aa5ae4198ba51"
 }

No alert changes

Improved metrics

Total package byte prevSize

30549

increased by0.16%

Dependency count

15

decreased by-21.05%

Worsened metrics

Dev dependency count

11

increased by10%

No dependency changes