flashcardui/dist/flashcardui.cjs.production.min.js

> UI library for flash card application

"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n.default:n}Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),o=n(t),r=require("styled-components"),i=n(r);function l(n,e){if(null==n)return{};var t,o,r={},i=Object.keys(n);for(o=0;o<i.length;o++)e.indexOf(t=i[o])>=0||(r[t]=n[t]);return r}function d(n,e){return e||(e=n.slice(0)),n.raw=e,n}var a,c,u,s,p,f,b,x,h=i.div(e||(e=d(["\n  @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');\n\n  font-family: 'Poppins', sans-serif;\n  font-weight: 400;\n"]))),m=r.keyframes(a||(a=d(["\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  50% {\n    transform: scale(10);\n    opacity: 0.375;\n  }\n  100% {\n    transform: scale(35);\n    opacity: 0;\n  }\n"]))),v=r.css(c||(c=d(["\n  animation: "," 0.9s ease 1 forwards;\n"])),m),g=i.span(u||(u=d(["\n  position: absolute;\n  border-radius: 50%;\n  animation: ",";\n  content: '';\n  width: 100%;\n  height: 100%;\n  background-color: #eeeeee;\n  display: block;\n  opacity: 1;\n"])),v),y=i.span(s||(s=d(["\n  position: relative;\n  z-index: 2;\n"]))),k=i.button(p||(p=d(["\n  font-weight: 700;\n  border: none;\n  cursor: ",";\n  display: inline-block;\n  line-height: 1;\n  font-size: 1em;\n  padding: 10px;\n  border-radius: ",";\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n\n  &.fullWidth {\n    display: block;\n    width: 100%;\n    padding: 14px 28px;\n    font-size: 18px;\n  }\n  &.large {\n    font-size: 16px;\n    padding: 12px 24px;\n  }\n\n  &.medium {\n    font-size: 14px;\n    padding: 11px 20px;\n  }\n\n  &.small {\n    font-size: 12px;\n    padding: 10px 16px;\n  }\n\n  &.contained {\n    background-color: ",";\n    color: ",";\n    :hover {\n      background-color: ",";\n    }\n    opacity: ",";\n  }\n\n  &.outlined {\n    background-color: white;\n    color: ",";\n    border: 1px solid ",";\n    :hover {\n      border: "," solid\n        ",";\n      color: ",";\n    }\n    opacity: ",";\n  }\n\n  &.text {\n    color: ",";\n    background-color: transparent;\n    :hover {\n      color: ",";\n    }\n    opacity: ",";\n  }\n"])),(function(n){return!n.disabled&&"pointer"}),(function(n){return n.rounded?"20px":"3px"}),(function(n){return n.disabled?"#e0e0e0":n.color}),(function(n){return n.disabled?"#424242":"white"}),(function(n){return n.disabled?"#e0e0e0":n.hover}),(function(n){return n.disabled?.5:1}),(function(n){return n.disabled?"#424242":n.color}),(function(n){return n.disabled?"#e0e0e0":n.color}),(function(n){return n.disabled?"1px":"2px"}),(function(n){return n.disabled?"#e0e0e0":n.hover}),(function(n){return n.disabled?"#424242":n.hover}),(function(n){return n.disabled?.5:1}),(function(n){return n.disabled?"#424242":n.color}),(function(n){return n.disabled?"#424242":n.hover}),(function(n){return n.disabled?.5:1})),w=["disabled","size","buttonType","label","hover","rounded","onClick","color","children"],E=i.div(f||(f=d(["\n  font-weight: 400;\n  background-color: white;\n  border: 1px solid #bacdd8;\n  padding: 8px 30px 25px 30px;\n  border-radius: 12px;\n  cursor: pointer;\n"]))),z=["title","content","divider"],j=i.div(b||(b=d(["\n  font-weight: 400;\n  background-color: white;\n  border: 1px solid #bacdd8;\n  padding: 8px 30px 25px 30px;\n  border-radius: 12px;\n"]))),O=i.div(x||(x=d(["\n  text-indent: 1.5em;\n  &:first-letter {\n    text-transform: capitalize;\n    font-size: 2em;\n    font-weight: bold;\n  }\n"]))),C=["content"];exports.Button=function(n){var e=n.disabled,r=void 0!==e&&e,i=n.size,d=void 0===i?"medium":i,a=n.buttonType,c=void 0===a?"text":a,u=n.label,s=n.hover,p=n.rounded,f=void 0!==p&&p,b=n.onClick,x=n.color,m=void 0===x?"#2196f3":x,v=n.children,E=l(n,w),z=t.useState({x:-1,y:-1}),j=z[0],O=z[1],C=t.useState(!1),P=C[0],T=C[1];return t.useEffect((function(){-1!==j.x&&-1!==j.y?(T(!0),setTimeout((function(){return T(!1)}),300)):T(!1)}),[j]),t.useEffect((function(){P||O({x:-1,y:-1})}),[P]),o.createElement(h,null,o.createElement(k,Object.assign({type:"button",className:[""+c,""+d].join(" "),disabled:r,rounded:f,hover:s,color:m,onClick:function(n){var e=n.target.getBoundingClientRect();O({x:n.clientX-e.left,y:n.clientY-e.top}),b&&b(n)}},E),P?o.createElement(g,{style:{left:j.x,top:j.y}}):"",o.createElement(y,null,v),u))},exports.FlashCard=function(n){var e=n.title,t=n.content,r=n.divider,i=void 0!==r&&r,d=l(n,z);return o.createElement(h,null,o.createElement(E,Object.assign({},d),o.createElement("h2",null,e),i?o.createElement("hr",null):null,o.createElement("p",null,t)))},exports.Questionnaire=function(n){var e=n.content,t=l(n,C);return o.createElement(h,null,o.createElement(j,Object.assign({},t),o.createElement(O,null,e)))};
//# sourceMappingURL=flashcardui.cjs.production.min.js.map