@twilio-paste/modal - npm Package Compare versions

Comparing version 0.2.27 to 1.0.0

CHANGELOG.md

@@ -6,2 +6,32 @@ # Change Log
 
+# [1.0.0](https://github.com/twilio-labs/paste/compare/@twilio-paste/modal@0.2.27...@twilio-paste/modal@1.0.0) (2020-08-05)
+
+
+### Bug Fixes
+
+* **icons:** use display=block by default and rename 'iconColor' prop to 'color' ([#637](https://github.com/twilio-labs/paste/issues/637)) ([82beef4](https://github.com/twilio-labs/paste/commit/82beef487c514b2eab5c40b1ef1409842dd4ca82))
+
+
+### BREAKING CHANGES
+
+* **icons:** This change renames a key prop and changes the display mode from inline-flex to block
+
+* fix: use new icon prop (iconColor -> color)
+
+* test: update snapshots
+
+* chore(icons): update readme to mention correct display value
+
+Co-authored-by: Rich Bachman <[e-mail]>
+
+* chore(website): update icon doc prop table
+
+Co-authored-by: Rich Bachman <[e-mail]>
+
+Co-authored-by: Rich Bachman <[e-mail]>
+
+
+
+
+
 ## [0.2.27](https://github.com/twilio-labs/paste/compare/@twilio-paste/modal@0.2.26...@twilio-paste/modal@0.2.27) (2020-08-04)
@@ -8,0 +38,0 @@

dist/index.es.js

@@ -1,2 +0,2 @@
-import{createContext as e,useContext as o,useEffect as r,createElement as i,Children as t}from"react";import{node as n,bool as l,func as a,oneOf as s,object as d,string as c}from"prop-types";import{styled as p,css as u,system as m,compose as f,display as h,size as y}from"@twilio-paste/styling-library";import{animated as v,useTransition as g}from"@twilio-paste/animation-library";import{pasteBaseStyles as b}from"@twilio-paste/theme";import{ModalDialogPrimitiveOverlay as w,ModalDialogPrimitiveContent as x}from"@twilio-paste/modal-dialog-primitive";import{Box as C,safelySpreadBoxProps as O}from"@twilio-paste/box";import{Button as N}from"@twilio-paste/button";import{Flex as R}from"@twilio-paste/flex";import{UID as z}from"react-uid";import{Heading as E}from"@twilio-paste/heading";
+import{createContext as e,useContext as r,useEffect as o,createElement as i,Children as t}from"react";import{node as n,bool as l,func as a,oneOf as s,object as d,string as c}from"prop-types";import{styled as p,css as u,system as m,compose as f,display as h,size as y}from"@twilio-paste/styling-library";import{animated as v,useTransition as g}from"@twilio-paste/animation-library";import{pasteBaseStyles as b}from"@twilio-paste/theme";import{ModalDialogPrimitiveOverlay as w,ModalDialogPrimitiveContent as x}from"@twilio-paste/modal-dialog-primitive";import{Box as O,safelySpreadBoxProps as N}from"@twilio-paste/box";import{Button as R}from"@twilio-paste/button";import{Flex as C}from"@twilio-paste/flex";import{UID as z}from"react-uid";import{Heading as E}from"@twilio-paste/heading";
 /*! *****************************************************************************
@@ -15,2 +15,2 @@ Copyright (c) Microsoft Corporation. All rights reserved.
 and limitations under the License.
-***************************************************************************** */var q=function(){return(q=Object.assign||function(e){for(var o,r=1,i=arguments.length;r<i;r++)for(var t in o=arguments[r])Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t]);return e}).apply(this,arguments)};function T(e,o){var r={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&o.indexOf(i)<0&&(r[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(i=Object.getOwnPropertySymbols(e);t<i.length;t++)o.indexOf(i[t])<0&&Object.prototype.propertyIsEnumerable.call(e,i[t])&&(r[i[t]]=e[i[t]])}return r}var D=e(null);var B=v(p(w)(u({position:"fixed",top:0,right:0,bottom:0,left:0,display:"flex",justifyContent:"center",alignItems:"center",width:"100%",backgroundColor:"colorBackgroundOverlay",zIndex:"2000"}),b)),S=v(p(x)((function(e){var o=e.size;return u({width:"100%",maxWidth:"wide"===o?"size80":"size60",maxHeight:"90%",minHeight:"170px",backgroundColor:"colorBackgroundBody",borderRadius:"borderRadius20",boxShadow:"shadowCard",display:"flex",flexDirection:"column"})}))),_={from:{opacity:0,transform:"scale(0.675)"},enter:{opacity:1,transform:"scale(1)"},leave:{opacity:0,transform:"scale(0.675)"},config:{mass:.5,tension:370,friction:26}},P=function(e){var o=e.children,t=e.isOpen,n=e.onDismiss,l=e.allowPinchZoom,a=void 0===l||l,s=e.initialFocusRef,d=e.ariaLabelledby,c=e.size,p=e.__console_patch,u=void 0!==p&&p,m=T(e,["children","isOpen","onDismiss","allowPinchZoom","initialFocusRef","ariaLabelledby","size","__console_patch"]),f=g(t,_);return r((function(){u&&(t?function(){if(null!=document){var e=document.querySelector("#content"),o=document.querySelector("#sidebar-wrapper");null!=e&&(e.style.marginTop="80px"),null!=o&&(o.style.marginTop="80px")}}():function(){if(null!=document){var e=document.querySelector("#content"),o=document.querySelector("#sidebar-wrapper");null!=e&&(e.style.marginTop=""),null!=o&&(o.style.marginTop="")}}())}),[t,u]),i(D.Provider,{value:{onDismiss:n}},f((function(e,r){return r&&i(B,{onDismiss:n,allowPinchZoom:a,initialFocusRef:s,style:{opacity:e.opacity}},i(S,q({"aria-labelledby":d},m,{className:null,style:e,size:c}),o))})))};P.displayName="Modal","development"===process.env.NODE_ENV&&(P.propTypes={children:n.isRequired,isOpen:l.isRequired,onDismiss:a.isRequired,allowPinchZoom:l,size:s(["default","wide"]).isRequired,initialFocusRef:d,ariaLabelledby:c.isRequired});var j=m({iconColor:{property:"color",scale:"textColors"}}),M=p.span(f(h,j,y));M.defaultProps={display:"inline-flex",iconColor:"currentColor",size:"sizeIcon30"},M.displayName="IconWrapper";var k=function(e){var o=e.as,r=e.display,t=e.size,n=e.iconColor,l=e.title,a=e.decorative;if(!a&&null==l)throw new Error("[CloseIcon]: Missing a title for non-decorative icon.");return i(M,{as:o,display:r,size:t,iconColor:n},i(z,null,(function(e){return i("svg",{role:"img","aria-hidden":a,width:"100%",height:"100%",viewBox:"0 0 24 24","aria-labelledby":e},l?i("title",{id:e},l):null,i("path",{fill:"currentColor",fillRule:"evenodd",d:"M17.858 6.142a.475.475 0 01.055.606l-.05.061-5.191 5.19 5.191 5.192a.469.469 0 01-.005.667.475.475 0 01-.606.055l-.061-.05L12 12.671l-5.191 5.192a.469.469 0 01-.667-.005.475.475 0 01-.055-.606l.05-.061 5.191-5.192-5.191-5.19a.469.469 0 01.005-.667.475.475 0 01.606-.055l.061.05L12 11.327l5.191-5.19a.469.469 0 01.667.005z"}))})))};k.displayName="CloseIcon";var I=function(e){var r=e.children,t=T(e,["children"]),n=function(){var e=o(D);if(!e)throw new Error("useModalContext must be used with ModalContextProvider");return e}().onDismiss;return i(C,q({},O(t),{as:"header",borderBottomStyle:"solid",borderBottomWidth:"borderWidth10",borderBottomColor:"colorBorderLighter",padding:"space50",margin:"space0",flexShrink:0}),i(R,{hAlignContent:"between"},i(R,{vAlignContent:"center",grow:1,marginRight:"space70"},r),i(N,{variant:"reset",size:"reset",onClick:function(){return n()}},i(k,{decorative:!1,iconColor:"colorTextWeak",size:"sizeIcon60",title:"Close modal"}))))};I.displayName="ModalHeader","development"===process.env.NODE_ENV&&(I.propTypes={children:n.isRequired});var W=function(e){var o=e.children,r=e.as,t=void 0===r?"h2":r,n=T(e,["children","as"]);return i(E,q({},n,{as:t,marginBottom:"space0",variant:"heading30"}),o)};W.displayName="ModalHeading","development"===process.env.NODE_ENV&&(W.propTypes={children:n.isRequired,as:s(["h1","h2","h3","h4","h5","h6"])});var L=function(e){var o=e.children,r=T(e,["children"]);return i(C,q({},O(r),{as:"div",overflowY:"auto",padding:"space50",paddingBottom:"space60"}),o)};L.displayName="ModalBody","development"===process.env.NODE_ENV&&(L.propTypes={children:n.isRequired});var F=function(e){var o=e.children,r=T(e,["children"]);return i(C,q({},O(r),{as:"footer",borderTopStyle:"solid",borderTopWidth:"borderWidth10",borderTopColor:"colorBorderLighter",padding:"space50",display:"flex",flexShrink:0}),o)};F.displayName="ModalFooter","development"===process.env.NODE_ENV&&(F.propTypes={children:n.isRequired});var V=function(e){var o=e.children,r=e.justify,n=t.count(o);return i(C,{display:"flex",justifyContent:"start"===r?"flex-start":"flex-end",flexShrink:"start"===r?null:0,flexWrap:"wrap",flexGrow:1,alignItems:"center"},t.map(o,(function(e,o){return i(C,{marginRight:n!==o+1?"space50":null},e)})))};V.displayName="ModalFooterActions","development"===process.env.NODE_ENV&&(V.propTypes={children:n.isRequired,justify:s(["start","end"])});export{P as Modal,L as ModalBody,F as ModalFooter,V as ModalFooterActions,I as ModalHeader,W as ModalHeading};
+***************************************************************************** */var q=function(){return(q=Object.assign||function(e){for(var r,o=1,i=arguments.length;o<i;o++)for(var t in r=arguments[o])Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t]);return e}).apply(this,arguments)};function T(e,r){var o={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&r.indexOf(i)<0&&(o[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(i=Object.getOwnPropertySymbols(e);t<i.length;t++)r.indexOf(i[t])<0&&Object.prototype.propertyIsEnumerable.call(e,i[t])&&(o[i[t]]=e[i[t]])}return o}var D=e(null);var B=v(p(w)(u({position:"fixed",top:0,right:0,bottom:0,left:0,display:"flex",justifyContent:"center",alignItems:"center",width:"100%",backgroundColor:"colorBackgroundOverlay",zIndex:"2000"}),b)),S=v(p(x)((function(e){var r=e.size;return u({width:"100%",maxWidth:"wide"===r?"size80":"size60",maxHeight:"90%",minHeight:"170px",backgroundColor:"colorBackgroundBody",borderRadius:"borderRadius20",boxShadow:"shadowCard",display:"flex",flexDirection:"column"})}))),_={from:{opacity:0,transform:"scale(0.675)"},enter:{opacity:1,transform:"scale(1)"},leave:{opacity:0,transform:"scale(0.675)"},config:{mass:.5,tension:370,friction:26}},P=function(e){var r=e.children,t=e.isOpen,n=e.onDismiss,l=e.allowPinchZoom,a=void 0===l||l,s=e.initialFocusRef,d=e.ariaLabelledby,c=e.size,p=e.__console_patch,u=void 0!==p&&p,m=T(e,["children","isOpen","onDismiss","allowPinchZoom","initialFocusRef","ariaLabelledby","size","__console_patch"]),f=g(t,_);return o((function(){u&&(t?function(){if(null!=document){var e=document.querySelector("#content"),r=document.querySelector("#sidebar-wrapper");null!=e&&(e.style.marginTop="80px"),null!=r&&(r.style.marginTop="80px")}}():function(){if(null!=document){var e=document.querySelector("#content"),r=document.querySelector("#sidebar-wrapper");null!=e&&(e.style.marginTop=""),null!=r&&(r.style.marginTop="")}}())}),[t,u]),i(D.Provider,{value:{onDismiss:n}},f((function(e,o){return o&&i(B,{onDismiss:n,allowPinchZoom:a,initialFocusRef:s,style:{opacity:e.opacity}},i(S,q({"aria-labelledby":d},m,{className:null,style:e,size:c}),r))})))};P.displayName="Modal","development"===process.env.NODE_ENV&&(P.propTypes={children:n.isRequired,isOpen:l.isRequired,onDismiss:a.isRequired,allowPinchZoom:l,size:s(["default","wide"]).isRequired,initialFocusRef:d,ariaLabelledby:c.isRequired});var j=m({color:{property:"color",scale:"textColors"}}),k=p.span(f(h,j,y));k.defaultProps={display:"block",color:"currentColor",size:"sizeIcon30"},k.displayName="IconWrapper";var M=function(e){var r=e.as,o=e.display,t=e.size,n=e.color,l=e.title,a=e.decorative;if(!a&&null==l)throw new Error("[CloseIcon]: Missing a title for non-decorative icon.");return i(k,{as:r,display:o,size:t,color:n},i(z,null,(function(e){return i("svg",{role:"img","aria-hidden":a,width:"100%",height:"100%",viewBox:"0 0 24 24","aria-labelledby":e},l?i("title",{id:e},l):null,i("path",{fill:"currentColor",fillRule:"evenodd",d:"M17.858 6.142a.475.475 0 01.055.606l-.05.061-5.191 5.19 5.191 5.192a.469.469 0 01-.005.667.475.475 0 01-.606.055l-.061-.05L12 12.671l-5.191 5.192a.469.469 0 01-.667-.005.475.475 0 01-.055-.606l.05-.061 5.191-5.192-5.191-5.19a.469.469 0 01.005-.667.475.475 0 01.606-.055l.061.05L12 11.327l5.191-5.19a.469.469 0 01.667.005z"}))})))};M.displayName="CloseIcon";var I=function(e){var o=e.children,t=T(e,["children"]),n=function(){var e=r(D);if(!e)throw new Error("useModalContext must be used with ModalContextProvider");return e}().onDismiss;return i(O,q({},N(t),{as:"header",borderBottomStyle:"solid",borderBottomWidth:"borderWidth10",borderBottomColor:"colorBorderLighter",padding:"space50",margin:"space0",flexShrink:0}),i(C,{hAlignContent:"between"},i(C,{vAlignContent:"center",grow:1,marginRight:"space70"},o),i(R,{variant:"reset",size:"reset",onClick:function(){return n()}},i(M,{decorative:!1,color:"colorTextWeak",size:"sizeIcon60",title:"Close modal"}))))};I.displayName="ModalHeader","development"===process.env.NODE_ENV&&(I.propTypes={children:n.isRequired});var W=function(e){var r=e.children,o=e.as,t=void 0===o?"h2":o,n=T(e,["children","as"]);return i(E,q({},n,{as:t,marginBottom:"space0",variant:"heading30"}),r)};W.displayName="ModalHeading","development"===process.env.NODE_ENV&&(W.propTypes={children:n.isRequired,as:s(["h1","h2","h3","h4","h5","h6"])});var L=function(e){var r=e.children,o=T(e,["children"]);return i(O,q({},N(o),{as:"div",overflowY:"auto",padding:"space50",paddingBottom:"space60"}),r)};L.displayName="ModalBody","development"===process.env.NODE_ENV&&(L.propTypes={children:n.isRequired});var F=function(e){var r=e.children,o=T(e,["children"]);return i(O,q({},N(o),{as:"footer",borderTopStyle:"solid",borderTopWidth:"borderWidth10",borderTopColor:"colorBorderLighter",padding:"space50",display:"flex",flexShrink:0}),r)};F.displayName="ModalFooter","development"===process.env.NODE_ENV&&(F.propTypes={children:n.isRequired});var V=function(e){var r=e.children,o=e.justify,n=t.count(r);return i(O,{display:"flex",justifyContent:"start"===o?"flex-start":"flex-end",flexShrink:"start"===o?null:0,flexWrap:"wrap",flexGrow:1,alignItems:"center"},t.map(r,(function(e,r){return i(O,{marginRight:n!==r+1?"space50":null},e)})))};V.displayName="ModalFooterActions","development"===process.env.NODE_ENV&&(V.propTypes={children:n.isRequired,justify:s(["start","end"])});export{P as Modal,L as ModalBody,F as ModalFooter,V as ModalFooterActions,I as ModalHeader,W as ModalHeading};

dist/index.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("prop-types"),o=require("@twilio-paste/styling-library"),t=require("@twilio-paste/animation-library"),i=require("@twilio-paste/theme"),n=require("@twilio-paste/modal-dialog-primitive"),l=require("@twilio-paste/box"),a=require("@twilio-paste/button"),s=require("@twilio-paste/flex"),d=require("react-uid"),c=require("@twilio-paste/heading"),p=function(){return(p=Object.assign||function(e){for(var r,o=1,t=arguments.length;o<t;o++)for(var i in r=arguments[o])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e}).apply(this,arguments)};function u(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(e);i<t.length;i++)r.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(e,t[i])&&(o[t[i]]=e[t[i]])}return o}var m=e.createContext(null);var f=t.animated(o.styled(n.ModalDialogPrimitiveOverlay)(o.css({position:"fixed",top:0,right:0,bottom:0,left:0,display:"flex",justifyContent:"center",alignItems:"center",width:"100%",backgroundColor:"colorBackgroundOverlay",zIndex:"2000"}),i.pasteBaseStyles)),y=t.animated(o.styled(n.ModalDialogPrimitiveContent)((function(e){var r=e.size;return o.css({width:"100%",maxWidth:"wide"===r?"size80":"size60",maxHeight:"90%",minHeight:"170px",backgroundColor:"colorBackgroundBody",borderRadius:"borderRadius20",boxShadow:"shadowCard",display:"flex",flexDirection:"column"})}))),h={from:{opacity:0,transform:"scale(0.675)"},enter:{opacity:1,transform:"scale(1)"},leave:{opacity:0,transform:"scale(0.675)"},config:{mass:.5,tension:370,friction:26}},v=function(r){var o=r.children,i=r.isOpen,n=r.onDismiss,l=r.allowPinchZoom,a=void 0===l||l,s=r.initialFocusRef,d=r.ariaLabelledby,c=r.size,v=r.__console_patch,x=void 0!==v&&v,g=u(r,["children","isOpen","onDismiss","allowPinchZoom","initialFocusRef","ariaLabelledby","size","__console_patch"]),b=t.useTransition(i,h);return e.useEffect((function(){x&&(i?function(){if(null!=document){var e=document.querySelector("#content"),r=document.querySelector("#sidebar-wrapper");null!=e&&(e.style.marginTop="80px"),null!=r&&(r.style.marginTop="80px")}}():function(){if(null!=document){var e=document.querySelector("#content"),r=document.querySelector("#sidebar-wrapper");null!=e&&(e.style.marginTop=""),null!=r&&(r.style.marginTop="")}}())}),[i,x]),e.createElement(m.Provider,{value:{onDismiss:n}},b((function(r,t){return t&&e.createElement(f,{onDismiss:n,allowPinchZoom:a,initialFocusRef:s,style:{opacity:r.opacity}},e.createElement(y,p({"aria-labelledby":d},g,{className:null,style:r,size:c}),o))})))};v.displayName="Modal","development"===process.env.NODE_ENV&&(v.propTypes={children:r.node.isRequired,isOpen:r.bool.isRequired,onDismiss:r.func.isRequired,allowPinchZoom:r.bool,size:r.oneOf(["default","wide"]).isRequired,initialFocusRef:r.object,ariaLabelledby:r.string.isRequired});var x=o.system({iconColor:{property:"color",scale:"textColors"}}),g=o.styled.span(o.compose(o.display,x,o.size));g.defaultProps={display:"inline-flex",iconColor:"currentColor",size:"sizeIcon30"},g.displayName="IconWrapper";var b=function(r){var o=r.as,t=r.display,i=r.size,n=r.iconColor,l=r.title,a=r.decorative;if(!a&&null==l)throw new Error("[CloseIcon]: Missing a title for non-decorative icon.");return e.createElement(g,{as:o,display:t,size:i,iconColor:n},e.createElement(d.UID,null,(function(r){return e.createElement("svg",{role:"img","aria-hidden":a,width:"100%",height:"100%",viewBox:"0 0 24 24","aria-labelledby":r},l?e.createElement("title",{id:r},l):null,e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M17.858 6.142a.475.475 0 01.055.606l-.05.061-5.191 5.19 5.191 5.192a.469.469 0 01-.005.667.475.475 0 01-.606.055l-.061-.05L12 12.671l-5.191 5.192a.469.469 0 01-.667-.005.475.475 0 01-.055-.606l.05-.061 5.191-5.192-5.191-5.19a.469.469 0 01.005-.667.475.475 0 01.606-.055l.061.05L12 11.327l5.191-5.19a.469.469 0 01.667.005z"}))})))};b.displayName="CloseIcon";var w=function(r){var o=r.children,t=u(r,["children"]),i=function(){var r=e.useContext(m);if(!r)throw new Error("useModalContext must be used with ModalContextProvider");return r}().onDismiss;return e.createElement(l.Box,p({},l.safelySpreadBoxProps(t),{as:"header",borderBottomStyle:"solid",borderBottomWidth:"borderWidth10",borderBottomColor:"colorBorderLighter",padding:"space50",margin:"space0",flexShrink:0}),e.createElement(s.Flex,{hAlignContent:"between"},e.createElement(s.Flex,{vAlignContent:"center",grow:1,marginRight:"space70"},o),e.createElement(a.Button,{variant:"reset",size:"reset",onClick:function(){return i()}},e.createElement(b,{decorative:!1,iconColor:"colorTextWeak",size:"sizeIcon60",title:"Close modal"}))))};w.displayName="ModalHeader","development"===process.env.NODE_ENV&&(w.propTypes={children:r.node.isRequired});var E=function(r){var o=r.children,t=r.as,i=void 0===t?"h2":t,n=u(r,["children","as"]);return e.createElement(c.Heading,p({},n,{as:i,marginBottom:"space0",variant:"heading30"}),o)};E.displayName="ModalHeading","development"===process.env.NODE_ENV&&(E.propTypes={children:r.node.isRequired,as:r.oneOf(["h1","h2","h3","h4","h5","h6"])});var C=function(r){var o=r.children,t=u(r,["children"]);return e.createElement(l.Box,p({},l.safelySpreadBoxProps(t),{as:"div",overflowY:"auto",padding:"space50",paddingBottom:"space60"}),o)};C.displayName="ModalBody","development"===process.env.NODE_ENV&&(C.propTypes={children:r.node.isRequired});var O=function(r){var o=r.children,t=u(r,["children"]);return e.createElement(l.Box,p({},l.safelySpreadBoxProps(t),{as:"footer",borderTopStyle:"solid",borderTopWidth:"borderWidth10",borderTopColor:"colorBorderLighter",padding:"space50",display:"flex",flexShrink:0}),o)};O.displayName="ModalFooter","development"===process.env.NODE_ENV&&(O.propTypes={children:r.node.isRequired});var q=function(r){var o=r.children,t=r.justify,i=e.Children.count(o);return e.createElement(l.Box,{display:"flex",justifyContent:"start"===t?"flex-start":"flex-end",flexShrink:"start"===t?null:0,flexWrap:"wrap",flexGrow:1,alignItems:"center"},e.Children.map(o,(function(r,o){return e.createElement(l.Box,{marginRight:i!==o+1?"space50":null},r)})))};q.displayName="ModalFooterActions","development"===process.env.NODE_ENV&&(q.propTypes={children:r.node.isRequired,justify:r.oneOf(["start","end"])}),exports.Modal=v,exports.ModalBody=C,exports.ModalFooter=O,exports.ModalFooterActions=q,exports.ModalHeader=w,exports.ModalHeading=E;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("prop-types"),o=require("@twilio-paste/styling-library"),t=require("@twilio-paste/animation-library"),i=require("@twilio-paste/theme"),n=require("@twilio-paste/modal-dialog-primitive"),l=require("@twilio-paste/box"),a=require("@twilio-paste/button"),s=require("@twilio-paste/flex"),d=require("react-uid"),c=require("@twilio-paste/heading"),p=function(){return(p=Object.assign||function(e){for(var r,o=1,t=arguments.length;o<t;o++)for(var i in r=arguments[o])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e}).apply(this,arguments)};function u(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(e);i<t.length;i++)r.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(e,t[i])&&(o[t[i]]=e[t[i]])}return o}var m=e.createContext(null);var y=t.animated(o.styled(n.ModalDialogPrimitiveOverlay)(o.css({position:"fixed",top:0,right:0,bottom:0,left:0,display:"flex",justifyContent:"center",alignItems:"center",width:"100%",backgroundColor:"colorBackgroundOverlay",zIndex:"2000"}),i.pasteBaseStyles)),f=t.animated(o.styled(n.ModalDialogPrimitiveContent)((function(e){var r=e.size;return o.css({width:"100%",maxWidth:"wide"===r?"size80":"size60",maxHeight:"90%",minHeight:"170px",backgroundColor:"colorBackgroundBody",borderRadius:"borderRadius20",boxShadow:"shadowCard",display:"flex",flexDirection:"column"})}))),h={from:{opacity:0,transform:"scale(0.675)"},enter:{opacity:1,transform:"scale(1)"},leave:{opacity:0,transform:"scale(0.675)"},config:{mass:.5,tension:370,friction:26}},v=function(r){var o=r.children,i=r.isOpen,n=r.onDismiss,l=r.allowPinchZoom,a=void 0===l||l,s=r.initialFocusRef,d=r.ariaLabelledby,c=r.size,v=r.__console_patch,g=void 0!==v&&v,x=u(r,["children","isOpen","onDismiss","allowPinchZoom","initialFocusRef","ariaLabelledby","size","__console_patch"]),b=t.useTransition(i,h);return e.useEffect((function(){g&&(i?function(){if(null!=document){var e=document.querySelector("#content"),r=document.querySelector("#sidebar-wrapper");null!=e&&(e.style.marginTop="80px"),null!=r&&(r.style.marginTop="80px")}}():function(){if(null!=document){var e=document.querySelector("#content"),r=document.querySelector("#sidebar-wrapper");null!=e&&(e.style.marginTop=""),null!=r&&(r.style.marginTop="")}}())}),[i,g]),e.createElement(m.Provider,{value:{onDismiss:n}},b((function(r,t){return t&&e.createElement(y,{onDismiss:n,allowPinchZoom:a,initialFocusRef:s,style:{opacity:r.opacity}},e.createElement(f,p({"aria-labelledby":d},x,{className:null,style:r,size:c}),o))})))};v.displayName="Modal","development"===process.env.NODE_ENV&&(v.propTypes={children:r.node.isRequired,isOpen:r.bool.isRequired,onDismiss:r.func.isRequired,allowPinchZoom:r.bool,size:r.oneOf(["default","wide"]).isRequired,initialFocusRef:r.object,ariaLabelledby:r.string.isRequired});var g=o.system({color:{property:"color",scale:"textColors"}}),x=o.styled.span(o.compose(o.display,g,o.size));x.defaultProps={display:"block",color:"currentColor",size:"sizeIcon30"},x.displayName="IconWrapper";var b=function(r){var o=r.as,t=r.display,i=r.size,n=r.color,l=r.title,a=r.decorative;if(!a&&null==l)throw new Error("[CloseIcon]: Missing a title for non-decorative icon.");return e.createElement(x,{as:o,display:t,size:i,color:n},e.createElement(d.UID,null,(function(r){return e.createElement("svg",{role:"img","aria-hidden":a,width:"100%",height:"100%",viewBox:"0 0 24 24","aria-labelledby":r},l?e.createElement("title",{id:r},l):null,e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M17.858 6.142a.475.475 0 01.055.606l-.05.061-5.191 5.19 5.191 5.192a.469.469 0 01-.005.667.475.475 0 01-.606.055l-.061-.05L12 12.671l-5.191 5.192a.469.469 0 01-.667-.005.475.475 0 01-.055-.606l.05-.061 5.191-5.192-5.191-5.19a.469.469 0 01.005-.667.475.475 0 01.606-.055l.061.05L12 11.327l5.191-5.19a.469.469 0 01.667.005z"}))})))};b.displayName="CloseIcon";var w=function(r){var o=r.children,t=u(r,["children"]),i=function(){var r=e.useContext(m);if(!r)throw new Error("useModalContext must be used with ModalContextProvider");return r}().onDismiss;return e.createElement(l.Box,p({},l.safelySpreadBoxProps(t),{as:"header",borderBottomStyle:"solid",borderBottomWidth:"borderWidth10",borderBottomColor:"colorBorderLighter",padding:"space50",margin:"space0",flexShrink:0}),e.createElement(s.Flex,{hAlignContent:"between"},e.createElement(s.Flex,{vAlignContent:"center",grow:1,marginRight:"space70"},o),e.createElement(a.Button,{variant:"reset",size:"reset",onClick:function(){return i()}},e.createElement(b,{decorative:!1,color:"colorTextWeak",size:"sizeIcon60",title:"Close modal"}))))};w.displayName="ModalHeader","development"===process.env.NODE_ENV&&(w.propTypes={children:r.node.isRequired});var E=function(r){var o=r.children,t=r.as,i=void 0===t?"h2":t,n=u(r,["children","as"]);return e.createElement(c.Heading,p({},n,{as:i,marginBottom:"space0",variant:"heading30"}),o)};E.displayName="ModalHeading","development"===process.env.NODE_ENV&&(E.propTypes={children:r.node.isRequired,as:r.oneOf(["h1","h2","h3","h4","h5","h6"])});var O=function(r){var o=r.children,t=u(r,["children"]);return e.createElement(l.Box,p({},l.safelySpreadBoxProps(t),{as:"div",overflowY:"auto",padding:"space50",paddingBottom:"space60"}),o)};O.displayName="ModalBody","development"===process.env.NODE_ENV&&(O.propTypes={children:r.node.isRequired});var q=function(r){var o=r.children,t=u(r,["children"]);return e.createElement(l.Box,p({},l.safelySpreadBoxProps(t),{as:"footer",borderTopStyle:"solid",borderTopWidth:"borderWidth10",borderTopColor:"colorBorderLighter",padding:"space50",display:"flex",flexShrink:0}),o)};q.displayName="ModalFooter","development"===process.env.NODE_ENV&&(q.propTypes={children:r.node.isRequired});var B=function(r){var o=r.children,t=r.justify,i=e.Children.count(o);return e.createElement(l.Box,{display:"flex",justifyContent:"start"===t?"flex-start":"flex-end",flexShrink:"start"===t?null:0,flexWrap:"wrap",flexGrow:1,alignItems:"center"},e.Children.map(o,(function(r,o){return e.createElement(l.Box,{marginRight:i!==o+1?"space50":null},r)})))};B.displayName="ModalFooterActions","development"===process.env.NODE_ENV&&(B.propTypes={children:r.node.isRequired,justify:r.oneOf(["start","end"])}),exports.Modal=v,exports.ModalBody=O,exports.ModalFooter=q,exports.ModalFooterActions=B,exports.ModalHeader=w,exports.ModalHeading=E;

package.json

 {
   "name": "@twilio-paste/modal",
-  "version": "0.2.27",
+  "version": "1.0.0",
   "category": "overlay",
@@ -31,17 +31,17 @@ "status": "beta",
   "peerDependencies": {
-    "@twilio-paste/absolute": "^2.0.57",
+    "@twilio-paste/absolute": "^2.0.58",
     "@twilio-paste/animation-library": "^0.2.1",
-    "@twilio-paste/box": "^2.8.2",
-    "@twilio-paste/button": "^1.2.27",
-    "@twilio-paste/design-tokens": "^6.0.0",
-    "@twilio-paste/flex": "^0.3.44",
-    "@twilio-paste/heading": "^2.0.25",
-    "@twilio-paste/icons": "^2.6.3",
+    "@twilio-paste/box": "^2.8.3",
+    "@twilio-paste/button": "^1.2.28",
+    "@twilio-paste/design-tokens": "^6.0.1",
+    "@twilio-paste/flex": "^0.3.45",
+    "@twilio-paste/heading": "^2.0.26",
+    "@twilio-paste/icons": "^2.6.4",
     "@twilio-paste/modal-dialog-primitive": "^0.1.5",
-    "@twilio-paste/spinner": "^1.2.32",
-    "@twilio-paste/style-props": "^1.4.1",
+    "@twilio-paste/spinner": "^1.2.33",
+    "@twilio-paste/style-props": "^1.4.2",
     "@twilio-paste/styling-library": "^0.1.1",
-    "@twilio-paste/text": "^2.2.8",
-    "@twilio-paste/theme": "^3.2.11",
-    "@twilio-paste/types": "^3.0.15",
+    "@twilio-paste/text": "^2.2.9",
+    "@twilio-paste/theme": "^3.2.12",
+    "@twilio-paste/types": "^3.0.16",
     "prop-types": "^15.7.2",
@@ -56,9 +56,9 @@ "react": "^16.8.6",
     "@twilio-paste/box": "^2.8.3",
-    "@twilio-paste/button": "^1.2.28",
+    "@twilio-paste/button": "^2.0.0",
     "@twilio-paste/design-tokens": "^6.0.1",
     "@twilio-paste/flex": "^0.3.45",
     "@twilio-paste/heading": "^2.0.26",
-    "@twilio-paste/icons": "^2.6.4",
+    "@twilio-paste/icons": "^3.0.0",
     "@twilio-paste/modal-dialog-primitive": "^0.1.5",
-    "@twilio-paste/spinner": "^1.2.33",
+    "@twilio-paste/spinner": "^2.0.0",
     "@twilio-paste/style-props": "^1.4.2",
@@ -70,3 +70,3 @@ "@twilio-paste/styling-library": "^0.1.1",
   },
-  "gitHead": "83483a9a56b2ca722884c5d9068bcaf7b7474007"
+  "gitHead": "30d1387f2b857291be571aa0381902900472faad"
 }

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

33679

increased by2.39%

Number of low quality alerts

2

decreased by-33.33%

No dependency changes