shira - npm Package Compare versions

Comparing version 1.0.8 to 1.0.9

lib/index.cjs.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react");function _interopDefaultLegacy(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var React__default=_interopDefaultLegacy(React),__assign=function(){return(__assign=Object.assign||function(n){for(var e,t=1,o=arguments.length;t<o;t++)for(var r in e=arguments[t])Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}).apply(this,arguments)};function __rest(n,e){var t={};for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(n);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(n,r[o])&&(t[r[o]]=n[r[o]]);return t}function styleInject(n,e){var t,o,e=(e=void 0===e?{}:e).insertAt;n&&"undefined"!=typeof document&&(t=document.head||document.getElementsByTagName("head")[0],(o=document.createElement("style")).type="text/css","top"===e&&t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.styleSheet?o.styleSheet.cssText=n:o.appendChild(document.createTextNode(n)))}var css_248z$3="/*! purgecss start ignore */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  box-sizing: border-box;\n}\n\n*, *:before, *:after {\n  box-sizing: inherit;\n}\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n/* Document\n ========================================================================== */\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  font-size: 2em;\n}\n\nh1, h2, h3, h4, h5, h6 {\n  margin: 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=checkbox],\n[type=radio] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none;\n}\n\n/*! purgecss end ignore */",css_248z$2=(styleInject(css_248z$3),".base-module_main__xsrLc {\n  font-family: Arial, sans-serif;\n  font-size: 16px;\n  color: #757575;\n  padding: 0;\n  margin: 0;\n  background-color: #F3F8F2;\n}"),s$1={main:"base-module_main__xsrLc"},Base=(styleInject(css_248z$2),function(n){var e=n.children,t=n.backgroundColor,o=n.padding,r=n.margin,i=n.bodyHeight,i=void 0===i||i,a=n.style,n=__rest(n,["children","backgroundColor","padding","margin","bodyHeight","style"]);return React__default.default.createElement("div",__assign({className:"".concat(s$1.main),style:__assign({backgroundColor:t,padding:o,margin:r,height:i?"100vh":"auto"},a)},n),e)}),e=function(n){for(var e=n[0].toUpperCase(),t=1;t<n.length;t++)e+=n[t];return e},css_248z$1=(Object.freeze({__proto__:null,cap:e}),'.button-module_storybookButton__C78bP {\n  font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;\n  font-weight: 700;\n  border: 0;\n  border-radius: 3em;\n  cursor: pointer;\n  display: inline-block;\n  line-height: 1;\n}\n\n.button-module_storybookButtonPrimary__4sw6y {\n  color: white;\n  background-color: #1e91fd;\n}\n\n.button-module_storybookButtonSecondary__SMF1h {\n  color: #333;\n  background-color: transparent;\n  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;\n}\n\n.button-module_storybookButtonSmall__53gNr {\n  font-size: 12px;\n  padding: 10px 16px;\n}\n\n.button-module_storybookButtonMedium__EsDxI {\n  font-size: 14px;\n  padding: 11px 20px;\n}\n\n.button-module_storybookButtonLarge__sItJ6 {\n  font-size: 16px;\n  padding: 12px 24px;\n}'),style={storybookButton:"button-module_storybookButton__C78bP",storybookButtonPrimary:"button-module_storybookButtonPrimary__4sw6y",storybookButtonSecondary:"button-module_storybookButtonSecondary__SMF1h",storybookButtonSmall:"button-module_storybookButtonSmall__53gNr",storybookButtonMedium:"button-module_storybookButtonMedium__EsDxI",storybookButtonLarge:"button-module_storybookButtonLarge__sItJ6"},Button=(styleInject(css_248z$1),function(n){var t=n.primary,t=void 0!==t&&t,o=n.size,o=void 0===o?"medium":o,r=n.backgroundColor,i=n.label,n=__rest(n,["primary","size","backgroundColor","label"]),t=t?style.storybookButtonPrimary:style.storybookButtonSecondary;return React__default.default.createElement("button",__assign({type:"button",className:"".concat(style.storybookButton," ").concat(style["storybookButton".concat(e(o))]," ").concat(t),style:{backgroundColor:r}},n),i)}),css_248z=".card-module_card__HG0v6 {\n  display: block;\n  padding: 16px;\n  margin: 4px;\n  max-width: 750px;\n}\n\n.card-module_cardTitle__2vWxB {\n  font-size: 1.5em;\n  padding-bottom: 8px;\n  font-weight: bold;\n}\n\n.card-module_cardBody__NimxI {\n  font-size: 1em;\n}\n.card-module_cardBody__NimxI a {\n  text-decoration: none;\n  color: #0dcaf0;\n}",s={card:"card-module_card__HG0v6",cardTitle:"card-module_cardTitle__2vWxB",cardBody:"card-module_cardBody__NimxI"},color=(styleInject(css_248z),require("color")),Card=function(n){var e=n.backgroundColor,e=void 0===e?"#F3F8F2":e,t=n.titleColor,t=void 0===t?"#6c757d":t,o=n.bodyColor,o=void 0===o?"#757575":o,r=n.borderColor,r=void 0===r?"#212529":r,i=n.allowHover,i=void 0===i||i,a=n.hoverBgColor,a=void 0===a?"":a,d=n.hoverTitleColor,d=void 0===d?"":d,l=n.hoverBodyColor,l=void 0===l?"":l,c=n.borderStyle,c=void 0===c?"none":c,u=n.borderWidth,u=void 0===u?1:u,b=n.borderRadius,b=void 0===b?10:b,m=n.boxShadow,m=void 0===m||m,p=n.horizontalShadow,p=void 0===p?2:p,h=n.verticalShadow,h=void 0===h?0:h,f=n.blur,f=void 0===f?8:f,y=n.spread,y=void 0===y?2:y,g=n.shadowDarkness,g=void 0===g?.35:g,_=n.style,x=n.titleStyle,v=n.bodyStyle,n=__rest(n,["backgroundColor","titleColor","bodyColor","borderColor","allowHover","hoverBgColor","hoverTitleColor","hoverBodyColor","borderStyle","borderWidth","borderRadius","boxShadow","horizontalShadow","verticalShadow","blur","spread","shadowDarkness","style","titleStyle","bodyStyle"]),k=React.useState(function(){return!1}),w=k[0],C=k[1],k=a||color(e).darken(.2),a=d||color(e).rotate(180),d=l||color(e).rotate(180);return React__default.default.createElement("div",__assign({className:"".concat(s.card),onMouseEnter:function(){return C(function(){return!0})},onMouseLeave:function(){return C(function(){return!1})},style:__assign({backgroundColor:i&&w?k:e,borderColor:r,borderStyle:c,borderWidth:u+"px",borderRadius:b+"px",WebkitBoxShadow:m?"".concat(p,"px ").concat(h,"px ").concat(f,"px ").concat(y,"px ").concat(color(r).darken(g)):"none",boxShadow:m?"".concat(p,"px ").concat(h,"px ").concat(f,"px ").concat(y,"px ").concat(color(r).darken(g)):"none"},_)},n),React__default.default.createElement("div",{className:"".concat(s.cardTitle),style:__assign({color:i&&w?a:t},x)},"Card Title"),React__default.default.createElement("div",{className:"".concat(s.cardBody),style:__assign({color:i&&w?d:o},v)},"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloremque, aperiam eveniet.Eos tempora ",React__default.default.createElement("a",{href:"#"},"This is a link")," incidunt quaerat laborum eius aliquam fuga. Consectetur nemo incidunt porro explicabo ut quis voluptatibus expedita nihil officia."))},shira={Base:Base,Button:Button,Card:Card};exports.Base=Base,exports.Button=Button,exports.default=shira;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react");function _interopDefaultLegacy(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var React__default=_interopDefaultLegacy(React),__assign=function(){return(__assign=Object.assign||function(n){for(var e,t=1,o=arguments.length;t<o;t++)for(var r in e=arguments[t])Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}).apply(this,arguments)};function __rest(n,e){var t={};for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(n);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(n,r[o])&&(t[r[o]]=n[r[o]]);return t}function styleInject(n,e){var t,o,e=(e=void 0===e?{}:e).insertAt;n&&"undefined"!=typeof document&&(t=document.head||document.getElementsByTagName("head")[0],(o=document.createElement("style")).type="text/css","top"===e&&t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.styleSheet?o.styleSheet.cssText=n:o.appendChild(document.createTextNode(n)))}var css_248z$3="/*! purgecss start ignore */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  box-sizing: border-box;\n}\n\n*, *:before, *:after {\n  box-sizing: inherit;\n}\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n/* Document\n ========================================================================== */\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  font-size: 2em;\n}\n\nh1, h2, h3, h4, h5, h6 {\n  margin: 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=checkbox],\n[type=radio] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none;\n}\n\n/*! purgecss end ignore */",css_248z$2=(styleInject(css_248z$3),".base-module_main__xsrLc {\n  font-family: Arial, sans-serif;\n  font-size: 16px;\n  color: #757575;\n  padding: 0;\n  margin: 0;\n  background-color: #F3F8F2;\n}"),s$1={main:"base-module_main__xsrLc"},Base=(styleInject(css_248z$2),function(n){var e=n.children,t=n.backgroundColor,o=n.padding,r=n.margin,i=n.bodyHeight,i=void 0===i||i,a=n.style,n=__rest(n,["children","backgroundColor","padding","margin","bodyHeight","style"]);return React__default.default.createElement("div",__assign({className:"".concat(s$1.main),style:__assign({backgroundColor:t,padding:o,margin:r,height:i?"100vh":"auto"},a)},n),e)}),e=function(n){for(var e=n[0].toUpperCase(),t=1;t<n.length;t++)e+=n[t];return e},css_248z$1=(Object.freeze({__proto__:null,cap:e}),'.button-module_storybookButton__C78bP {\n  font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;\n  font-weight: 700;\n  border: 0;\n  border-radius: 3em;\n  cursor: pointer;\n  display: inline-block;\n  line-height: 1;\n}\n\n.button-module_storybookButtonPrimary__4sw6y {\n  color: white;\n  background-color: #1e91fd;\n}\n\n.button-module_storybookButtonSecondary__SMF1h {\n  color: #333;\n  background-color: transparent;\n  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;\n}\n\n.button-module_storybookButtonSmall__53gNr {\n  font-size: 12px;\n  padding: 10px 16px;\n}\n\n.button-module_storybookButtonMedium__EsDxI {\n  font-size: 14px;\n  padding: 11px 20px;\n}\n\n.button-module_storybookButtonLarge__sItJ6 {\n  font-size: 16px;\n  padding: 12px 24px;\n}'),style={storybookButton:"button-module_storybookButton__C78bP",storybookButtonPrimary:"button-module_storybookButtonPrimary__4sw6y",storybookButtonSecondary:"button-module_storybookButtonSecondary__SMF1h",storybookButtonSmall:"button-module_storybookButtonSmall__53gNr",storybookButtonMedium:"button-module_storybookButtonMedium__EsDxI",storybookButtonLarge:"button-module_storybookButtonLarge__sItJ6"},Button=(styleInject(css_248z$1),function(n){var t=n.primary,t=void 0!==t&&t,o=n.size,o=void 0===o?"medium":o,r=n.backgroundColor,i=n.label,n=__rest(n,["primary","size","backgroundColor","label"]),t=t?style.storybookButtonPrimary:style.storybookButtonSecondary;return React__default.default.createElement("button",__assign({type:"button",className:"".concat(style.storybookButton," ").concat(style["storybookButton".concat(e(o))]," ").concat(t),style:{backgroundColor:r}},n),i)}),css_248z=".card-module_card__HG0v6 {\n  display: block;\n  padding: 16px;\n  margin: 4px;\n  max-width: 750px;\n}\n\n.card-module_cardTitle__2vWxB {\n  font-size: 1.5em;\n  padding-bottom: 8px;\n  font-weight: bold;\n}\n\n.card-module_cardBody__NimxI {\n  font-size: 1em;\n}\n.card-module_cardBody__NimxI a {\n  text-decoration: none;\n  color: #0dcaf0;\n}",s={card:"card-module_card__HG0v6",cardTitle:"card-module_cardTitle__2vWxB",cardBody:"card-module_cardBody__NimxI"},color=(styleInject(css_248z),require("color")),Card=function(n){var e=n.title,e=void 0===e?"Card Title":e,t=n.children,o=n.backgroundColor,o=void 0===o?"#F3F8F2":o,r=n.titleColor,r=void 0===r?"#6c757d":r,i=n.bodyColor,i=void 0===i?"#757575":i,a=n.borderColor,a=void 0===a?"#212529":a,d=n.allowHover,d=void 0===d||d,l=n.hoverBgColor,l=void 0===l?"":l,c=n.hoverTitleColor,c=void 0===c?"":c,u=n.hoverBodyColor,u=void 0===u?"":u,b=n.borderStyle,b=void 0===b?"none":b,m=n.borderWidth,m=void 0===m?1:m,p=n.borderRadius,p=void 0===p?10:p,h=n.boxShadow,h=void 0===h||h,f=n.horizontalShadow,f=void 0===f?2:f,y=n.verticalShadow,y=void 0===y?0:y,g=n.blur,g=void 0===g?8:g,_=n.spread,_=void 0===_?2:_,x=n.shadowDarkness,x=void 0===x?.35:x,v=n.style,k=n.titleStyle,w=n.bodyStyle,n=__rest(n,["title","children","backgroundColor","titleColor","bodyColor","borderColor","allowHover","hoverBgColor","hoverTitleColor","hoverBodyColor","borderStyle","borderWidth","borderRadius","boxShadow","horizontalShadow","verticalShadow","blur","spread","shadowDarkness","style","titleStyle","bodyStyle"]),C=React.useState(function(){return!1}),z=C[0],S=C[1],C=l||color(o).darken(.2),l=c||color(o).rotate(180),c=u||color(o).rotate(180);return React__default.default.createElement("div",__assign({className:"".concat(s.card),onMouseEnter:function(){return S(function(){return!0})},onMouseLeave:function(){return S(function(){return!1})},style:__assign({backgroundColor:d&&z?C:o,borderColor:a,borderStyle:b,borderWidth:m+"px",borderRadius:p+"px",WebkitBoxShadow:h?"".concat(f,"px ").concat(y,"px ").concat(g,"px ").concat(_,"px ").concat(color(a).darken(x)):"none",boxShadow:h?"".concat(f,"px ").concat(y,"px ").concat(g,"px ").concat(_,"px ").concat(color(a).darken(x)):"none"},v)},n),React__default.default.createElement("div",{className:"".concat(s.cardTitle),style:__assign({color:d&&z?l:r},k)},e),React__default.default.createElement("div",{className:"".concat(s.cardBody),style:__assign({color:d&&z?c:i},w)},t))},shira={Base:Base,Button:Button,Card:Card};exports.Base=Base,exports.Button=Button,exports.default=shira;

lib/index.d.ts

 /// <reference types="react" />
 import * as react from 'react';
-import { FC, ReactNode } from 'react';
+import { ReactNode, FC } from 'react';
 
 interface CardProps {
+    title?: string;
+    children?: ReactNode;
     backgroundColor?: string;
@@ -7,0 +9,0 @@ titleColor?: string;

lib/index.esm.js

@@ -1,1 +0,1 @@
-import React,{useState}from"react";var __assign=function(){return(__assign=Object.assign||function(n){for(var e,o=1,t=arguments.length;o<t;o++)for(var r in e=arguments[o])Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}).apply(this,arguments)};function __rest(n,e){var o={};for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(o[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols)for(var t=0,r=Object.getOwnPropertySymbols(n);t<r.length;t++)e.indexOf(r[t])<0&&Object.prototype.propertyIsEnumerable.call(n,r[t])&&(o[r[t]]=n[r[t]]);return o}function styleInject(n,e){var o,t,e=(e=void 0===e?{}:e).insertAt;n&&"undefined"!=typeof document&&(o=document.head||document.getElementsByTagName("head")[0],(t=document.createElement("style")).type="text/css","top"===e&&o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.styleSheet?t.styleSheet.cssText=n:t.appendChild(document.createTextNode(n)))}var css_248z$3="/*! purgecss start ignore */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  box-sizing: border-box;\n}\n\n*, *:before, *:after {\n  box-sizing: inherit;\n}\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n/* Document\n ========================================================================== */\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  font-size: 2em;\n}\n\nh1, h2, h3, h4, h5, h6 {\n  margin: 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=checkbox],\n[type=radio] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none;\n}\n\n/*! purgecss end ignore */",css_248z$2=(styleInject(css_248z$3),".base-module_main__xsrLc {\n  font-family: Arial, sans-serif;\n  font-size: 16px;\n  color: #757575;\n  padding: 0;\n  margin: 0;\n  background-color: #F3F8F2;\n}"),s$1={main:"base-module_main__xsrLc"},Base=(styleInject(css_248z$2),function(n){var e=n.children,o=n.backgroundColor,t=n.padding,r=n.margin,i=n.bodyHeight,i=void 0===i||i,a=n.style,n=__rest(n,["children","backgroundColor","padding","margin","bodyHeight","style"]);return React.createElement("div",__assign({className:"".concat(s$1.main),style:__assign({backgroundColor:o,padding:t,margin:r,height:i?"100vh":"auto"},a)},n),e)}),e=function(n){for(var e=n[0].toUpperCase(),o=1;o<n.length;o++)e+=n[o];return e},css_248z$1=(Object.freeze({__proto__:null,cap:e}),'.button-module_storybookButton__C78bP {\n  font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;\n  font-weight: 700;\n  border: 0;\n  border-radius: 3em;\n  cursor: pointer;\n  display: inline-block;\n  line-height: 1;\n}\n\n.button-module_storybookButtonPrimary__4sw6y {\n  color: white;\n  background-color: #1e91fd;\n}\n\n.button-module_storybookButtonSecondary__SMF1h {\n  color: #333;\n  background-color: transparent;\n  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;\n}\n\n.button-module_storybookButtonSmall__53gNr {\n  font-size: 12px;\n  padding: 10px 16px;\n}\n\n.button-module_storybookButtonMedium__EsDxI {\n  font-size: 14px;\n  padding: 11px 20px;\n}\n\n.button-module_storybookButtonLarge__sItJ6 {\n  font-size: 16px;\n  padding: 12px 24px;\n}'),style={storybookButton:"button-module_storybookButton__C78bP",storybookButtonPrimary:"button-module_storybookButtonPrimary__4sw6y",storybookButtonSecondary:"button-module_storybookButtonSecondary__SMF1h",storybookButtonSmall:"button-module_storybookButtonSmall__53gNr",storybookButtonMedium:"button-module_storybookButtonMedium__EsDxI",storybookButtonLarge:"button-module_storybookButtonLarge__sItJ6"},Button=(styleInject(css_248z$1),function(n){var o=n.primary,o=void 0!==o&&o,t=n.size,t=void 0===t?"medium":t,r=n.backgroundColor,i=n.label,n=__rest(n,["primary","size","backgroundColor","label"]),o=o?style.storybookButtonPrimary:style.storybookButtonSecondary;return React.createElement("button",__assign({type:"button",className:"".concat(style.storybookButton," ").concat(style["storybookButton".concat(e(t))]," ").concat(o),style:{backgroundColor:r}},n),i)}),css_248z=".card-module_card__HG0v6 {\n  display: block;\n  padding: 16px;\n  margin: 4px;\n  max-width: 750px;\n}\n\n.card-module_cardTitle__2vWxB {\n  font-size: 1.5em;\n  padding-bottom: 8px;\n  font-weight: bold;\n}\n\n.card-module_cardBody__NimxI {\n  font-size: 1em;\n}\n.card-module_cardBody__NimxI a {\n  text-decoration: none;\n  color: #0dcaf0;\n}",s={card:"card-module_card__HG0v6",cardTitle:"card-module_cardTitle__2vWxB",cardBody:"card-module_cardBody__NimxI"},color=(styleInject(css_248z),require("color")),Card=function(n){var e=n.backgroundColor,e=void 0===e?"#F3F8F2":e,o=n.titleColor,o=void 0===o?"#6c757d":o,t=n.bodyColor,t=void 0===t?"#757575":t,r=n.borderColor,r=void 0===r?"#212529":r,i=n.allowHover,i=void 0===i||i,a=n.hoverBgColor,a=void 0===a?"":a,d=n.hoverTitleColor,d=void 0===d?"":d,l=n.hoverBodyColor,l=void 0===l?"":l,c=n.borderStyle,c=void 0===c?"none":c,u=n.borderWidth,u=void 0===u?1:u,b=n.borderRadius,b=void 0===b?10:b,m=n.boxShadow,m=void 0===m||m,p=n.horizontalShadow,p=void 0===p?2:p,h=n.verticalShadow,h=void 0===h?0:h,y=n.blur,y=void 0===y?8:y,f=n.spread,f=void 0===f?2:f,g=n.shadowDarkness,g=void 0===g?.35:g,_=n.style,x=n.titleStyle,v=n.bodyStyle,n=__rest(n,["backgroundColor","titleColor","bodyColor","borderColor","allowHover","hoverBgColor","hoverTitleColor","hoverBodyColor","borderStyle","borderWidth","borderRadius","boxShadow","horizontalShadow","verticalShadow","blur","spread","shadowDarkness","style","titleStyle","bodyStyle"]),k=useState(function(){return!1}),w=k[0],C=k[1],k=a||color(e).darken(.2),a=d||color(e).rotate(180),d=l||color(e).rotate(180);return React.createElement("div",__assign({className:"".concat(s.card),onMouseEnter:function(){return C(function(){return!0})},onMouseLeave:function(){return C(function(){return!1})},style:__assign({backgroundColor:i&&w?k:e,borderColor:r,borderStyle:c,borderWidth:u+"px",borderRadius:b+"px",WebkitBoxShadow:m?"".concat(p,"px ").concat(h,"px ").concat(y,"px ").concat(f,"px ").concat(color(r).darken(g)):"none",boxShadow:m?"".concat(p,"px ").concat(h,"px ").concat(y,"px ").concat(f,"px ").concat(color(r).darken(g)):"none"},_)},n),React.createElement("div",{className:"".concat(s.cardTitle),style:__assign({color:i&&w?a:o},x)},"Card Title"),React.createElement("div",{className:"".concat(s.cardBody),style:__assign({color:i&&w?d:t},v)},"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloremque, aperiam eveniet.Eos tempora ",React.createElement("a",{href:"#"},"This is a link")," incidunt quaerat laborum eius aliquam fuga. Consectetur nemo incidunt porro explicabo ut quis voluptatibus expedita nihil officia."))},shira={Base:Base,Button:Button,Card:Card};export{Base,Button,shira as default};
+import React,{useState}from"react";var __assign=function(){return(__assign=Object.assign||function(n){for(var e,o=1,t=arguments.length;o<t;o++)for(var r in e=arguments[o])Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}).apply(this,arguments)};function __rest(n,e){var o={};for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(o[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols)for(var t=0,r=Object.getOwnPropertySymbols(n);t<r.length;t++)e.indexOf(r[t])<0&&Object.prototype.propertyIsEnumerable.call(n,r[t])&&(o[r[t]]=n[r[t]]);return o}function styleInject(n,e){var o,t,e=(e=void 0===e?{}:e).insertAt;n&&"undefined"!=typeof document&&(o=document.head||document.getElementsByTagName("head")[0],(t=document.createElement("style")).type="text/css","top"===e&&o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.styleSheet?t.styleSheet.cssText=n:t.appendChild(document.createTextNode(n)))}var css_248z$3="/*! purgecss start ignore */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  box-sizing: border-box;\n}\n\n*, *:before, *:after {\n  box-sizing: inherit;\n}\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n/* Document\n ========================================================================== */\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  font-size: 2em;\n}\n\nh1, h2, h3, h4, h5, h6 {\n  margin: 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=checkbox],\n[type=radio] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none;\n}\n\n/*! purgecss end ignore */",css_248z$2=(styleInject(css_248z$3),".base-module_main__xsrLc {\n  font-family: Arial, sans-serif;\n  font-size: 16px;\n  color: #757575;\n  padding: 0;\n  margin: 0;\n  background-color: #F3F8F2;\n}"),s$1={main:"base-module_main__xsrLc"},Base=(styleInject(css_248z$2),function(n){var e=n.children,o=n.backgroundColor,t=n.padding,r=n.margin,i=n.bodyHeight,i=void 0===i||i,a=n.style,n=__rest(n,["children","backgroundColor","padding","margin","bodyHeight","style"]);return React.createElement("div",__assign({className:"".concat(s$1.main),style:__assign({backgroundColor:o,padding:t,margin:r,height:i?"100vh":"auto"},a)},n),e)}),e=function(n){for(var e=n[0].toUpperCase(),o=1;o<n.length;o++)e+=n[o];return e},css_248z$1=(Object.freeze({__proto__:null,cap:e}),'.button-module_storybookButton__C78bP {\n  font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;\n  font-weight: 700;\n  border: 0;\n  border-radius: 3em;\n  cursor: pointer;\n  display: inline-block;\n  line-height: 1;\n}\n\n.button-module_storybookButtonPrimary__4sw6y {\n  color: white;\n  background-color: #1e91fd;\n}\n\n.button-module_storybookButtonSecondary__SMF1h {\n  color: #333;\n  background-color: transparent;\n  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;\n}\n\n.button-module_storybookButtonSmall__53gNr {\n  font-size: 12px;\n  padding: 10px 16px;\n}\n\n.button-module_storybookButtonMedium__EsDxI {\n  font-size: 14px;\n  padding: 11px 20px;\n}\n\n.button-module_storybookButtonLarge__sItJ6 {\n  font-size: 16px;\n  padding: 12px 24px;\n}'),style={storybookButton:"button-module_storybookButton__C78bP",storybookButtonPrimary:"button-module_storybookButtonPrimary__4sw6y",storybookButtonSecondary:"button-module_storybookButtonSecondary__SMF1h",storybookButtonSmall:"button-module_storybookButtonSmall__53gNr",storybookButtonMedium:"button-module_storybookButtonMedium__EsDxI",storybookButtonLarge:"button-module_storybookButtonLarge__sItJ6"},Button=(styleInject(css_248z$1),function(n){var o=n.primary,o=void 0!==o&&o,t=n.size,t=void 0===t?"medium":t,r=n.backgroundColor,i=n.label,n=__rest(n,["primary","size","backgroundColor","label"]),o=o?style.storybookButtonPrimary:style.storybookButtonSecondary;return React.createElement("button",__assign({type:"button",className:"".concat(style.storybookButton," ").concat(style["storybookButton".concat(e(t))]," ").concat(o),style:{backgroundColor:r}},n),i)}),css_248z=".card-module_card__HG0v6 {\n  display: block;\n  padding: 16px;\n  margin: 4px;\n  max-width: 750px;\n}\n\n.card-module_cardTitle__2vWxB {\n  font-size: 1.5em;\n  padding-bottom: 8px;\n  font-weight: bold;\n}\n\n.card-module_cardBody__NimxI {\n  font-size: 1em;\n}\n.card-module_cardBody__NimxI a {\n  text-decoration: none;\n  color: #0dcaf0;\n}",s={card:"card-module_card__HG0v6",cardTitle:"card-module_cardTitle__2vWxB",cardBody:"card-module_cardBody__NimxI"},color=(styleInject(css_248z),require("color")),Card=function(n){var e=n.title,e=void 0===e?"Card Title":e,o=n.children,t=n.backgroundColor,t=void 0===t?"#F3F8F2":t,r=n.titleColor,r=void 0===r?"#6c757d":r,i=n.bodyColor,i=void 0===i?"#757575":i,a=n.borderColor,a=void 0===a?"#212529":a,d=n.allowHover,d=void 0===d||d,l=n.hoverBgColor,l=void 0===l?"":l,c=n.hoverTitleColor,c=void 0===c?"":c,u=n.hoverBodyColor,u=void 0===u?"":u,b=n.borderStyle,b=void 0===b?"none":b,m=n.borderWidth,m=void 0===m?1:m,h=n.borderRadius,h=void 0===h?10:h,p=n.boxShadow,p=void 0===p||p,y=n.horizontalShadow,y=void 0===y?2:y,f=n.verticalShadow,f=void 0===f?0:f,g=n.blur,g=void 0===g?8:g,_=n.spread,_=void 0===_?2:_,x=n.shadowDarkness,x=void 0===x?.35:x,v=n.style,k=n.titleStyle,w=n.bodyStyle,n=__rest(n,["title","children","backgroundColor","titleColor","bodyColor","borderColor","allowHover","hoverBgColor","hoverTitleColor","hoverBodyColor","borderStyle","borderWidth","borderRadius","boxShadow","horizontalShadow","verticalShadow","blur","spread","shadowDarkness","style","titleStyle","bodyStyle"]),C=useState(function(){return!1}),z=C[0],S=C[1],C=l||color(t).darken(.2),l=c||color(t).rotate(180),c=u||color(t).rotate(180);return React.createElement("div",__assign({className:"".concat(s.card),onMouseEnter:function(){return S(function(){return!0})},onMouseLeave:function(){return S(function(){return!1})},style:__assign({backgroundColor:d&&z?C:t,borderColor:a,borderStyle:b,borderWidth:m+"px",borderRadius:h+"px",WebkitBoxShadow:p?"".concat(y,"px ").concat(f,"px ").concat(g,"px ").concat(_,"px ").concat(color(a).darken(x)):"none",boxShadow:p?"".concat(y,"px ").concat(f,"px ").concat(g,"px ").concat(_,"px ").concat(color(a).darken(x)):"none"},v)},n),React.createElement("div",{className:"".concat(s.cardTitle),style:__assign({color:d&&z?l:r},k)},e),React.createElement("div",{className:"".concat(s.cardBody),style:__assign({color:d&&z?c:i},w)},o))},shira={Base:Base,Button:Button,Card:Card};export{Base,Button,shira as default};

lib/types/components/card/index.d.ts

@@ -1,3 +0,5 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 export interface CardProps {
+    title?: string;
+    children?: ReactNode;
     backgroundColor?: string;
@@ -4,0 +6,0 @@ titleColor?: string;

package.json

 {
   "name": "shira",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "UI components",
@@ -5,0 +5,0 @@ "main": "lib/index.cjs.js",

No alert changes

Improved metrics

Lines of code

237

increased by1.28%

Worsened metrics

Total package byte prevSize

32832

decreased by-1.1%

No dependency changes