@onewelcome/react-lib-components 3.0.0 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e='.BaseModal_module_srOnly__7f066750{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.BaseModal_module_hidden__7f066750{display:none}.BaseModal_module_slideIn__7f066750{animation:BaseModal_module_slideIn__7f066750 .5s forwards}@media (prefers-reduced-motion:reduce){.BaseModal_module_slideIn__7f066750{animation-duration:.1ms}}.BaseModal_module_slideOut__7f066750{animation:BaseModal_module_slideOut__7f066750 .5s forwards}@media (prefers-reduced-motion:reduce){.BaseModal_module_slideOut__7f066750{animation-duration:.1ms}}@keyframes BaseModal_module_slideIn__7f066750{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes BaseModal_module_slideOut__7f066750{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.BaseModal_module_modal__7f066750{align-items:flex-start;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;visibility:hidden;width:100vw;z-index:10}.BaseModal_module_modal__7f066750 .BaseModal_module_backdrop__7f066750{background-color:transparent;content:"";height:100%;left:0;position:absolute;top:0;transition-duration:.5s;transition-property:background-color;transition-timing-function:ease;width:100%}@media (prefers-reduced-motion:reduce){.BaseModal_module_modal__7f066750 .BaseModal_module_backdrop__7f066750{transition-duration:.1ms}}.BaseModal_module_modal__7f066750.BaseModal_module_visible__7f066750{visibility:visible}.BaseModal_module_modal__7f066750.BaseModal_module_visible__7f066750 .BaseModal_module_backdrop__7f066750{background-color:var(--modal-backdrop-color);opacity:.75}.BaseModal_module_container__7f066750{background-color:var(--modal-background-color);display:flex;flex-direction:column;margin-top:3.125rem;width:calc(100% - 2rem);z-index:11}@media only screen and (min-width:50em){.BaseModal_module_container__7f066750{border-radius:2px;box-shadow:0 30px 50px var(--modal-shadow-color);height:auto;max-height:calc(90% - 3.125rem);min-width:480px;width:min-content}}';require("../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.cjs.js").default(e,{}),exports.css=e,exports.default={"sr-only":"BaseModal_module_srOnly__7f066750",hidden:"BaseModal_module_hidden__7f066750","slide-in":"BaseModal_module_slideIn__7f066750","slide-out":"BaseModal_module_slideOut__7f066750",modal:"BaseModal_module_modal__7f066750",backdrop:"BaseModal_module_backdrop__7f066750",visible:"BaseModal_module_visible__7f066750",container:"BaseModal_module_container__7f066750"};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var d='.BaseModal_module_srOnly__30cd73c4{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.BaseModal_module_hidden__30cd73c4{display:none}.BaseModal_module_slideIn__30cd73c4{animation:BaseModal_module_slideIn__30cd73c4 .5s forwards}@media (prefers-reduced-motion:reduce){.BaseModal_module_slideIn__30cd73c4{animation-duration:.1ms}}.BaseModal_module_slideOut__30cd73c4{animation:BaseModal_module_slideOut__30cd73c4 .5s forwards}@media (prefers-reduced-motion:reduce){.BaseModal_module_slideOut__30cd73c4{animation-duration:.1ms}}@keyframes BaseModal_module_slideIn__30cd73c4{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes BaseModal_module_slideOut__30cd73c4{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.BaseModal_module_modal__30cd73c4{align-items:flex-start;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;visibility:hidden;width:100vw;z-index:10}.BaseModal_module_modal__30cd73c4 .BaseModal_module_backdrop__30cd73c4{background-color:transparent;content:"";height:100%;left:0;position:absolute;top:0;transition-duration:.5s;transition-property:background-color;transition-timing-function:ease;width:100%}@media (prefers-reduced-motion:reduce){.BaseModal_module_modal__30cd73c4 .BaseModal_module_backdrop__30cd73c4{transition-duration:.1ms}}.BaseModal_module_modal__30cd73c4.BaseModal_module_visible__30cd73c4{visibility:visible}.BaseModal_module_modal__30cd73c4.BaseModal_module_visible__30cd73c4 .BaseModal_module_backdrop__30cd73c4{background-color:var(--modal-backdrop-color);opacity:.75}.BaseModal_module_container__30cd73c4{background-color:var(--modal-background-color);display:flex;flex-direction:column;height:auto;margin-top:3.125rem;max-height:calc(90% - 3.125rem);width:calc(100% - 2rem);z-index:11}@media only screen and (min-width:50em){.BaseModal_module_container__30cd73c4{border-radius:2px;box-shadow:0 30px 50px var(--modal-shadow-color);width:50rem}}';require("../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.cjs.js").default(d,{}),exports.css=d,exports.default={"sr-only":"BaseModal_module_srOnly__30cd73c4",hidden:"BaseModal_module_hidden__30cd73c4","slide-in":"BaseModal_module_slideIn__30cd73c4","slide-out":"BaseModal_module_slideOut__30cd73c4",modal:"BaseModal_module_modal__30cd73c4",backdrop:"BaseModal_module_backdrop__30cd73c4",visible:"BaseModal_module_visible__30cd73c4",container:"BaseModal_module_container__30cd73c4"};
2
2
  //# sourceMappingURL=BaseModal.module.cjs.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=".BaseModalHeader_module_header__9a039412{border-top-left-radius:8px;border-top-right-radius:8px;min-width:80px;padding:1.25rem 1.5rem 0}.BaseModalHeader_module_headline__9a039412{align-items:center;display:flex;justify-content:space-between}.BaseModalHeader_module_title__9a039412{flex:1;margin:0 0 0 1.25rem}";require("../../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.cjs.js").default(e,{}),exports.css=e,exports.default={header:"BaseModalHeader_module_header__9a039412",headline:"BaseModalHeader_module_headline__9a039412",title:"BaseModalHeader_module_title__9a039412"};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=".BaseModalHeader_module_header__21d2b4f9{border-top-left-radius:8px;border-top-right-radius:8px;min-width:80px;padding:1.25rem 1.5rem 0}.BaseModalHeader_module_headline__21d2b4f9{align-items:center;display:flex;justify-content:space-between}.BaseModalHeader_module_title__21d2b4f9{flex:1;margin:0}";require("../../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.cjs.js").default(e,{}),exports.css=e,exports.default={header:"BaseModalHeader_module_header__21d2b4f9",headline:"BaseModalHeader_module_headline__21d2b4f9",title:"BaseModalHeader_module_title__21d2b4f9"};
2
2
  //# sourceMappingURL=BaseModalHeader.module.cjs.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=".Dialog_module_dialog__0e8c3f7c{align-items:center}@media only screen and (min-width:50em){.Dialog_module_container__0e8c3f7c{margin-top:0;max-height:90%;max-width:min-content;min-width:314px}}.Dialog_module_content__0e8c3f7c{padding-top:0}";require("../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.cjs.js").default(e,{}),exports.css=e,exports.default={dialog:"Dialog_module_dialog__0e8c3f7c",container:"Dialog_module_container__0e8c3f7c",content:"Dialog_module_content__0e8c3f7c"};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=".Dialog_module_dialog__80b933d4{align-items:center}@media only screen and (min-width:50em){.Dialog_module_container__80b933d4{margin-top:0;max-height:90%;width:30rem}}.Dialog_module_content__80b933d4{padding-top:0}";require("../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.cjs.js").default(e,{}),exports.css=e,exports.default={dialog:"Dialog_module_dialog__80b933d4",container:"Dialog_module_container__80b933d4",content:"Dialog_module_content__80b933d4"};
2
2
  //# sourceMappingURL=Dialog.module.cjs.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../Typography/Typography.cjs.js"),a=require("./DialogTitle.module.cjs.js"),l=require("../../../Icon/Icon.cjs.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);const c=i.default.forwardRef((({id:e,title:r,titleIcon:c,caption:n,...o},s)=>i.default.createElement("div",{...o,ref:s,className:a.default.header},c&&i.default.createElement("div",{className:a.default["title-icon"]},"boolean"==typeof c?i.default.createElement(l.Icon,{icon:l.Icons.InfoCircle}):c),i.default.createElement("div",{className:a.default["title-wrapper"]},i.default.createElement(t.Typography,{id:e,className:a.default.title,spacing:{marginLeft:2},tag:"h1",variant:"h4"},r),n&&i.default.createElement(t.Typography,{className:a.default.caption,spacing:{marginLeft:2},variant:"sub-text"},n)))));exports.DialogTitle=c;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../Typography/Typography.cjs.js"),a=require("./DialogTitle.module.cjs.js"),l=require("../../../Icon/Icon.cjs.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);const c=i.default.forwardRef((({id:e,title:r,titleIcon:c,caption:n,...o},s)=>i.default.createElement("div",{...o,ref:s,className:a.default.header},c&&i.default.createElement("div",{className:a.default["title-icon"]},"boolean"==typeof c?i.default.createElement(l.Icon,{icon:l.Icons.InfoCircle}):c),i.default.createElement("div",{className:a.default["title-wrapper"]},i.default.createElement(t.Typography,{id:e,className:a.default.title,spacing:c&&{marginLeft:2},tag:"h1",variant:"h4"},r),n&&i.default.createElement(t.Typography,{className:a.default.caption,spacing:{marginLeft:2},variant:"sub-text"},n)))));exports.DialogTitle=c;
2
2
  //# sourceMappingURL=DialogTitle.cjs.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=".DialogTitle_module_header__2c8cfc9e{align-items:flex-start;display:flex;margin:1.5rem 1.25rem 1.25rem}.DialogTitle_module_title__2c8cfc9e{line-height:1;margin:0}.DialogTitle_module_titleIcon__2c8cfc9e>[data-icon]{font-size:1.25rem}.DialogTitle_module_caption__2c8cfc9e{color:var(--color-blue-grey500)}";require("../../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.cjs.js").default(e,{}),exports.css=e,exports.default={header:"DialogTitle_module_header__2c8cfc9e",title:"DialogTitle_module_title__2c8cfc9e","title-icon":"DialogTitle_module_titleIcon__2c8cfc9e",caption:"DialogTitle_module_caption__2c8cfc9e"};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=".DialogTitle_module_header__0bb91a80{align-items:flex-start;display:flex;margin:1rem 1.5rem}.DialogTitle_module_title__0bb91a80{line-height:1;margin:0}.DialogTitle_module_titleIcon__0bb91a80>[data-icon]{font-size:1.25rem}.DialogTitle_module_caption__0bb91a80{color:var(--color-blue-grey500)}";require("../../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.cjs.js").default(e,{}),exports.css=e,exports.default={header:"DialogTitle_module_header__0bb91a80",title:"DialogTitle_module_title__0bb91a80","title-icon":"DialogTitle_module_titleIcon__0bb91a80",caption:"DialogTitle_module_caption__0bb91a80"};
2
2
  //# sourceMappingURL=DialogTitle.module.cjs.js.map
@@ -0,0 +1 @@
1
+ export declare const useStoryCentring: () => void;
@@ -1,2 +1,2 @@
1
- var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var o='.BaseModal_module_srOnly__7f066750{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.BaseModal_module_hidden__7f066750{display:none}.BaseModal_module_slideIn__7f066750{animation:BaseModal_module_slideIn__7f066750 .5s forwards}@media (prefers-reduced-motion:reduce){.BaseModal_module_slideIn__7f066750{animation-duration:.1ms}}.BaseModal_module_slideOut__7f066750{animation:BaseModal_module_slideOut__7f066750 .5s forwards}@media (prefers-reduced-motion:reduce){.BaseModal_module_slideOut__7f066750{animation-duration:.1ms}}@keyframes BaseModal_module_slideIn__7f066750{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes BaseModal_module_slideOut__7f066750{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.BaseModal_module_modal__7f066750{align-items:flex-start;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;visibility:hidden;width:100vw;z-index:10}.BaseModal_module_modal__7f066750 .BaseModal_module_backdrop__7f066750{background-color:transparent;content:"";height:100%;left:0;position:absolute;top:0;transition-duration:.5s;transition-property:background-color;transition-timing-function:ease;width:100%}@media (prefers-reduced-motion:reduce){.BaseModal_module_modal__7f066750 .BaseModal_module_backdrop__7f066750{transition-duration:.1ms}}.BaseModal_module_modal__7f066750.BaseModal_module_visible__7f066750{visibility:visible}.BaseModal_module_modal__7f066750.BaseModal_module_visible__7f066750 .BaseModal_module_backdrop__7f066750{background-color:var(--modal-backdrop-color);opacity:.75}.BaseModal_module_container__7f066750{background-color:var(--modal-background-color);display:flex;flex-direction:column;margin-top:3.125rem;width:calc(100% - 2rem);z-index:11}@media only screen and (min-width:50em){.BaseModal_module_container__7f066750{border-radius:2px;box-shadow:0 30px 50px var(--modal-shadow-color);height:auto;max-height:calc(90% - 3.125rem);min-width:480px;width:min-content}}',a={"sr-only":"BaseModal_module_srOnly__7f066750",hidden:"BaseModal_module_hidden__7f066750","slide-in":"BaseModal_module_slideIn__7f066750","slide-out":"BaseModal_module_slideOut__7f066750",modal:"BaseModal_module_modal__7f066750",backdrop:"BaseModal_module_backdrop__7f066750",visible:"BaseModal_module_visible__7f066750",container:"BaseModal_module_container__7f066750"};e(o,{});export{o as css,a as default};
1
+ var containers=[],styleTags=[];const d = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var e='.BaseModal_module_srOnly__30cd73c4{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.BaseModal_module_hidden__30cd73c4{display:none}.BaseModal_module_slideIn__30cd73c4{animation:BaseModal_module_slideIn__30cd73c4 .5s forwards}@media (prefers-reduced-motion:reduce){.BaseModal_module_slideIn__30cd73c4{animation-duration:.1ms}}.BaseModal_module_slideOut__30cd73c4{animation:BaseModal_module_slideOut__30cd73c4 .5s forwards}@media (prefers-reduced-motion:reduce){.BaseModal_module_slideOut__30cd73c4{animation-duration:.1ms}}@keyframes BaseModal_module_slideIn__30cd73c4{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes BaseModal_module_slideOut__30cd73c4{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.BaseModal_module_modal__30cd73c4{align-items:flex-start;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;visibility:hidden;width:100vw;z-index:10}.BaseModal_module_modal__30cd73c4 .BaseModal_module_backdrop__30cd73c4{background-color:transparent;content:"";height:100%;left:0;position:absolute;top:0;transition-duration:.5s;transition-property:background-color;transition-timing-function:ease;width:100%}@media (prefers-reduced-motion:reduce){.BaseModal_module_modal__30cd73c4 .BaseModal_module_backdrop__30cd73c4{transition-duration:.1ms}}.BaseModal_module_modal__30cd73c4.BaseModal_module_visible__30cd73c4{visibility:visible}.BaseModal_module_modal__30cd73c4.BaseModal_module_visible__30cd73c4 .BaseModal_module_backdrop__30cd73c4{background-color:var(--modal-backdrop-color);opacity:.75}.BaseModal_module_container__30cd73c4{background-color:var(--modal-background-color);display:flex;flex-direction:column;height:auto;margin-top:3.125rem;max-height:calc(90% - 3.125rem);width:calc(100% - 2rem);z-index:11}@media only screen and (min-width:50em){.BaseModal_module_container__30cd73c4{border-radius:2px;box-shadow:0 30px 50px var(--modal-shadow-color);width:50rem}}',o={"sr-only":"BaseModal_module_srOnly__30cd73c4",hidden:"BaseModal_module_hidden__30cd73c4","slide-in":"BaseModal_module_slideIn__30cd73c4","slide-out":"BaseModal_module_slideOut__30cd73c4",modal:"BaseModal_module_modal__30cd73c4",backdrop:"BaseModal_module_backdrop__30cd73c4",visible:"BaseModal_module_visible__30cd73c4",container:"BaseModal_module_container__30cd73c4"};d(e,{});export{e as css,o as default};
2
2
  //# sourceMappingURL=BaseModal.module.esm.js.map
@@ -1,2 +1,2 @@
1
- var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var a=".BaseModalHeader_module_header__9a039412{border-top-left-radius:8px;border-top-right-radius:8px;min-width:80px;padding:1.25rem 1.5rem 0}.BaseModalHeader_module_headline__9a039412{align-items:center;display:flex;justify-content:space-between}.BaseModalHeader_module_title__9a039412{flex:1;margin:0 0 0 1.25rem}",d={header:"BaseModalHeader_module_header__9a039412",headline:"BaseModalHeader_module_headline__9a039412",title:"BaseModalHeader_module_title__9a039412"};e(a,{});export{a as css,d as default};
1
+ var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var d=".BaseModalHeader_module_header__21d2b4f9{border-top-left-radius:8px;border-top-right-radius:8px;min-width:80px;padding:1.25rem 1.5rem 0}.BaseModalHeader_module_headline__21d2b4f9{align-items:center;display:flex;justify-content:space-between}.BaseModalHeader_module_title__21d2b4f9{flex:1;margin:0}",a={header:"BaseModalHeader_module_header__21d2b4f9",headline:"BaseModalHeader_module_headline__21d2b4f9",title:"BaseModalHeader_module_title__21d2b4f9"};e(d,{});export{d as css,a as default};
2
2
  //# sourceMappingURL=BaseModalHeader.module.esm.js.map
@@ -1,2 +1,2 @@
1
- var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var o=".Dialog_module_dialog__0e8c3f7c{align-items:center}@media only screen and (min-width:50em){.Dialog_module_container__0e8c3f7c{margin-top:0;max-height:90%;max-width:min-content;min-width:314px}}.Dialog_module_content__0e8c3f7c{padding-top:0}",i={dialog:"Dialog_module_dialog__0e8c3f7c",container:"Dialog_module_container__0e8c3f7c",content:"Dialog_module_content__0e8c3f7c"};e(o,{});export{o as css,i as default};
1
+ var containers=[],styleTags=[];const o = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var e=".Dialog_module_dialog__80b933d4{align-items:center}@media only screen and (min-width:50em){.Dialog_module_container__80b933d4{margin-top:0;max-height:90%;width:30rem}}.Dialog_module_content__80b933d4{padding-top:0}",i={dialog:"Dialog_module_dialog__80b933d4",container:"Dialog_module_container__80b933d4",content:"Dialog_module_content__80b933d4"};o(e,{});export{e as css,i as default};
2
2
  //# sourceMappingURL=Dialog.module.esm.js.map
@@ -1,2 +1,2 @@
1
- import e from"react";import{Typography as t}from"../../../Typography/Typography.esm.js";import a from"./DialogTitle.module.esm.js";import{Icon as r,Icons as i}from"../../../Icon/Icon.esm.js";const o=e.forwardRef((({id:o,title:m,titleIcon:c,caption:n,...l},s)=>e.createElement("div",{...l,ref:s,className:a.header},c&&e.createElement("div",{className:a["title-icon"]},"boolean"==typeof c?e.createElement(r,{icon:i.InfoCircle}):c),e.createElement("div",{className:a["title-wrapper"]},e.createElement(t,{id:o,className:a.title,spacing:{marginLeft:2},tag:"h1",variant:"h4"},m),n&&e.createElement(t,{className:a.caption,spacing:{marginLeft:2},variant:"sub-text"},n)))));export{o as DialogTitle};
1
+ import e from"react";import{Typography as t}from"../../../Typography/Typography.esm.js";import a from"./DialogTitle.module.esm.js";import{Icon as r,Icons as i}from"../../../Icon/Icon.esm.js";const o=e.forwardRef((({id:o,title:m,titleIcon:c,caption:n,...l},s)=>e.createElement("div",{...l,ref:s,className:a.header},c&&e.createElement("div",{className:a["title-icon"]},"boolean"==typeof c?e.createElement(r,{icon:i.InfoCircle}):c),e.createElement("div",{className:a["title-wrapper"]},e.createElement(t,{id:o,className:a.title,spacing:c&&{marginLeft:2},tag:"h1",variant:"h4"},m),n&&e.createElement(t,{className:a.caption,spacing:{marginLeft:2},variant:"sub-text"},n)))));export{o as DialogTitle};
2
2
  //# sourceMappingURL=DialogTitle.esm.js.map
@@ -1,2 +1,2 @@
1
- var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var l=".DialogTitle_module_header__2c8cfc9e{align-items:flex-start;display:flex;margin:1.5rem 1.25rem 1.25rem}.DialogTitle_module_title__2c8cfc9e{line-height:1;margin:0}.DialogTitle_module_titleIcon__2c8cfc9e>[data-icon]{font-size:1.25rem}.DialogTitle_module_caption__2c8cfc9e{color:var(--color-blue-grey500)}",i={header:"DialogTitle_module_header__2c8cfc9e",title:"DialogTitle_module_title__2c8cfc9e","title-icon":"DialogTitle_module_titleIcon__2c8cfc9e",caption:"DialogTitle_module_caption__2c8cfc9e"};e(l,{});export{l as css,i as default};
1
+ var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var l=".DialogTitle_module_header__0bb91a80{align-items:flex-start;display:flex;margin:1rem 1.5rem}.DialogTitle_module_title__0bb91a80{line-height:1;margin:0}.DialogTitle_module_titleIcon__0bb91a80>[data-icon]{font-size:1.25rem}.DialogTitle_module_caption__0bb91a80{color:var(--color-blue-grey500)}",i={header:"DialogTitle_module_header__0bb91a80",title:"DialogTitle_module_title__0bb91a80","title-icon":"DialogTitle_module_titleIcon__0bb91a80",caption:"DialogTitle_module_caption__0bb91a80"};e(l,{});export{l as css,i as default};
2
2
  //# sourceMappingURL=DialogTitle.module.esm.js.map
@@ -0,0 +1 @@
1
+ export declare const useStoryCentring: () => void;
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "homepage": "http://onewelcome.github.io/react-lib-components",
3
3
  "name": "@onewelcome/react-lib-components",
4
- "version": "3.0.0",
4
+ "version": "3.0.1",
5
5
  "license": "Apache-2.0",
6
6
  "author": "OneWelcome B.V.",
7
7
  "main": "dist/cjs/src/index.cjs.js",
8
8
  "module": "dist/esm/src/index.esm.js",
9
- "typings": "dist/cjs/index.d.ts",
9
+ "typings": "dist/cjs/src/index.d.ts",
10
10
  "files": [
11
11
  "dist",
12
12
  "src"
@@ -59,17 +59,15 @@ $marginTop: 3.125rem;
59
59
  background-color: var(--modal-background-color);
60
60
  z-index: $zIndex + 1;
61
61
  width: calc(100% - 2rem);
62
-
62
+ height: auto;
63
+ max-height: calc(90% - $marginTop);
63
64
  display: flex;
64
65
  flex-direction: column;
65
66
  }
66
67
 
67
68
  @media only screen and (min-width: 50em) {
68
69
  .container {
69
- min-width: 480px;
70
- width: min-content;
71
- height: auto;
72
- max-height: calc(90% - $marginTop);
70
+ width: 50rem;
73
71
  border-radius: 2px;
74
72
  box-shadow: 0 30px 50px var(--modal-shadow-color);
75
73
  }
@@ -29,5 +29,5 @@
29
29
 
30
30
  .title {
31
31
  flex: 1;
32
- margin: 0 0 0 1.25rem;
32
+ margin: 0;
33
33
  }
@@ -20,8 +20,7 @@
20
20
 
21
21
  @media only screen and (min-width: 50em) {
22
22
  .container {
23
- max-width: min-content;
24
- min-width: 314px;
23
+ width: 30rem;
25
24
  margin-top: 0;
26
25
  max-height: 90%;
27
26
  }
@@ -15,7 +15,7 @@
15
15
  */
16
16
 
17
17
  .header {
18
- margin: 1.5rem 1.25rem 1.25rem;
18
+ margin: 1rem 1.5rem;
19
19
  display: flex;
20
20
  align-items: flex-start;
21
21
  }
@@ -41,7 +41,7 @@ const DialogTitleComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (
41
41
  <Typography
42
42
  id={id}
43
43
  className={classes["title"]}
44
- spacing={{ marginLeft: 2 }}
44
+ spacing={titleIcon && { marginLeft: 2 }}
45
45
  tag="h1"
46
46
  variant="h4"
47
47
  >
@@ -1,3 +0,0 @@
1
- export declare const isStory: () => boolean;
2
- export declare const centerStory: () => void;
3
- export declare const resetStory: () => void;
@@ -1,3 +0,0 @@
1
- export declare const isStory: () => boolean;
2
- export declare const centerStory: () => void;
3
- export declare const resetStory: () => void;