react-jupiter 6.0.0-beta.1 → 6.0.0-beta.10

package/card/orgnizer-card/index.style.js

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextCenter=exports.StyledButton=exports.ResponsiveFlex=exports.PartnershipBox=exports.LTRContainer=exports.Container=exports.BorderedBox=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_cardTemplate=_interopRequireDefault(require("../card-template")),_button=_interopRequireDefault(require("../../button")),_themes=_interopRequireDefault(require("../../themes"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+
+
+
+Container=exports.Container=(0,_styledComponents.default)(_cardTemplate.default)`
+  padding: 16px;
+`,
+
+LTRContainer=exports.LTRContainer=_styledComponents.default.div`
+  display: flex;
+`,
+
+StyledButton=exports.StyledButton=(0,_styledComponents.default)(_button.default)`
+  margin: 4px 8px;
+  direction: rtl;
+  min-width: 120px;
+
+  &.follow-button {
+  }
+`,
+
+BorderedBox=exports.BorderedBox=_styledComponents.default.div`
+  border: ${(a)=>{let{theme:b}=a;return b.border.lightBlue}};
+  padding: 8px 16px;
+  margin: 8px 8px 0 8px;
+  display: flex;
+  justify-content: space-between;
+`,
+
+TextCenter=exports.TextCenter=_styledComponents.default.div`
+  text-align: center;
+`,
+
+ResponsiveFlex=exports.ResponsiveFlex=_styledComponents.default.div`
+  display: flex;
+  @media only screen and (max-width: ${_themes.default.breakpoints.sm}px) {
+    flex-flow: column nowrap;
+  }
+  @media only screen and (min-width: ${_themes.default.breakpoints.sm}px) {
+    flex-flow: row nowrap;
+  }
+  align-items: center;
+  justify-content: space-between;
+`,
+
+PartnershipBox=exports.PartnershipBox=_styledComponents.default.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: rgba(255, 199, 39, 0.1);
+  border-radius: 5px;
+  color: #FFD324;
+  margin-top: 10px;
+  align-items: center;
+  width: 110px;
+  height: 25px;
+`;

package/cover/index.js

@@ -0,0 +1,74 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_index=require("./index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}const
+
+
+
+
+defaultImageUrl="https://static.evand.net/assets/images/defaults/event-cover.jpg",
+
+
+
+
+
+
+
+
+
+
+
+Cover=(a)=>{const
+{
+alt:c="\u06A9\u0627\u0648\u0631",
+src:d=defaultImageUrl,
+minHeight:e=151,
+renderLink:f=void 0,
+linkTo:g=void 0,
+linkTarget:h="_blank",
+isLazy:i=!1,
+...b
+}=a,
+
+j=()=>
+i?/*#__PURE__*/
+
+_react.default.createElement(_index.StyledLazyImage,_extends({
+effect:"blur",
+srcSet:`${d}`,
+src:d,
+alt:c,
+"data-test":"cover"},
+b)
+):/*#__PURE__*/
+
+
+_react.default.createElement(_index.StyledImage,_extends({
+srcSet:`${d}`,
+src:d,
+alt:c,
+"data-test":"cover"},
+b)
+);return(
+
+
+
+f)?
+
+// <Container minHeight={minHeight}>
+f(j())
+// </Container>
+:
+
+g?/*#__PURE__*/
+
+_react.default.createElement("a",{href:g,target:h},
+j()
+):/*#__PURE__*/
+
+
+
+_react.default.createElement(_index.Container,{minHeight:e},
+j()
+)
+
+};var _default=exports.default=
+
+Cover;

package/cover/index.style.js

@@ -0,0 +1,48 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledLazyImage=exports.StyledImage=exports.Container=void 0;var _styledComponents=_interopRequireWildcard(require("styled-components")),_reactLazyLoadImageComponent=require("react-lazy-load-image-component");function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(b,c){if(!c&&b&&b.__esModule)return b;if(null===b||"object"!=typeof b&&"function"!=typeof b)return{default:b};var d=_getRequireWildcardCache(c);if(d&&d.has(b))return d.get(b);var e={__proto__:null},f=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in b)if("default"!=a&&{}.hasOwnProperty.call(b,a)){var g=f?Object.getOwnPropertyDescriptor(b,a):null;g&&(g.get||g.set)?Object.defineProperty(e,a,g):e[a]=b[a]}return e.default=b,d&&d.set(b,e),e}const
+
+
+defaultImageUrl="https://static.evand.net/assets/images/defaults/event-cover.jpg",
+
+Container=exports.Container=_styledComponents.default.div`
+  min-height: ${(a)=>a.minHeight}px;
+  & > a {
+    display: block;
+  }
+  
+  & > span {
+    display: block;
+    width: 100%;
+    min-height: inherit;
+  }
+`,
+
+lazyLoadingAnimation=(0,_styledComponents.keyframes)`
+  100% {
+    opacity: 1;
+    filter: none;
+  }
+  0% {
+    opacity: 0;
+    filter: blur(20px);
+  }
+`,
+
+StyledLazyImage=exports.StyledLazyImage=(0,_styledComponents.default)(_reactLazyLoadImageComponent.LazyLoadImage)`
+  margin-bottom: -5px;
+  min-height: inherit;
+  width: 100%;
+  font-family: 'IranSharp';
+  display: block;
+  background-image: url(${"https://static.evand.net/assets/images/defaults/event-cover.jpg"});
+  background-size: cover;
+  animation: ${lazyLoadingAnimation} 2s 1;
+`,
+
+StyledImage=exports.StyledImage=_styledComponents.default.img`
+  min-height: inherit;
+  width: 100%;
+  font-family: 'IranSharp';
+  display: block;
+  background-image: url(${"https://static.evand.net/assets/images/defaults/event-cover.jpg"});
+  background-size: cover;
+`;

package/display/index.js

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_index=require("./index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+const Display=(a)=>{
+
+
+
+
+
+
+
+
+
+return(/*#__PURE__*/
+_react.default.createElement(_react.default.Fragment,null,
+(()=>{const{children:b}=a;return void 0===b?null:/*#__PURE__*/_react.default.createElement(_index.DisplayStyle,a,b)})()
+))
+
+};
+
+Display.propTypes={
+children:_propTypes.default.oneOfType([
+_propTypes.default.arrayOf(_propTypes.default.node),
+_propTypes.default.node,
+_propTypes.default.string]
+).isRequired,
+display:_propTypes.default.string,
+width:_propTypes.default.string,
+widthMobile:_propTypes.default.string,
+justifyContent:_propTypes.default.string,
+justifyContentMobile:_propTypes.default.string,
+alignItems:_propTypes.default.string,
+flexDirection:_propTypes.default.string,
+flexDirectionMobile:_propTypes.default.string,
+wrap:_propTypes.default.string,
+className:_propTypes.default.string,
+flex:_propTypes.default.string,
+alignSelf:_propTypes.default.string
+};var _default=exports.default=
+
+Display;

package/display/index.style.js

@@ -0,0 +1,79 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Flex=exports.DisplayStyle=exports.Block=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_themes=_interopRequireDefault(require("../themes"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+
+Flex=exports.Flex=_styledComponents.default.div`
+  display: flex;
+  ${(a)=>{let{justifyContent:b}=a;return b?
+`justify-content: ${b}`:
+""}}
+  ${
+(a)=>{let{alignItems:b}=a;return b?
+`align-items: ${b}`:
+""}}
+`,
+
+
+Block=exports.Block=_styledComponents.default.div`
+  display: block;
+`,
+
+DisplayStyle=exports.DisplayStyle=_styledComponents.default.div`
+  ${(a)=>{let{display:b}=a;return b?
+`display: ${b};`:
+""}}
+  ${
+(a)=>{let{width:b}=a;return b?
+`width: ${b};`:
+""}}
+  ${
+(a)=>{let{widthMobile:b}=a;return b?
+`@media only screen and (max-width: ${_themes.default.breakpoints.sm}px) {
+        width: ${b};
+      }`:
+""}}
+  ${
+(a)=>{let{justifyContent:b}=a;return b?
+`justify-content: ${b};`:
+""}}
+
+  ${
+(a)=>{let{justifyContentMobile:b}=a;return b?
+`@media only screen and (max-width: ${_themes.default.breakpoints.sm}px) {
+        justify-content: ${b};
+      }`:
+""}}
+
+  ${
+(a)=>{let{alignItems:b}=a;return b?
+`align-items: ${b};`:
+""}}
+  ${
+(a)=>{let{alignItemsMobile:b}=a;return b?
+`@media only screen and (max-width: ${_themes.default.breakpoints.sm}px) {
+        align-items: ${b};
+      }`:
+""}}
+  ${
+(a)=>{let{flexDirection:b}=a;return b?
+`flex-direction: ${b};`:
+""}}
+
+  ${
+(a)=>{let{flexDirectionMobile:b}=a;return b?
+`@media only screen and (max-width: ${_themes.default.breakpoints.sm}px) {
+        flex-direction: ${b};
+      }`:
+""}}
+  ${
+(a)=>{let{wrap:b}=a;return b?
+"flex-wrap: wrap;":
+""}}
+  ${
+(a)=>{let{flex:b}=a;return b?
+`flex: ${b};`:
+""}}
+  ${
+(a)=>{let{alignSelf:b}=a;return b?
+`align-self: ${b};`:
+""}}
+`;

package/file-item/fileImgIcon.js

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_index=require("./index.style"),_fileImgsFont=_interopRequireDefault(require("./fileImgsFont"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+const FileImgIcon=(a)=>{
+const{iconFileName:b}=a;
+
+return(/*#__PURE__*/
+_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
+_react.default.createElement(_fileImgsFont.default,null),/*#__PURE__*/
+_react.default.createElement(_index.StyledImgIcon,{
+className:`jupiter-file-font ${b}`,
+"data-test":"file-image"},/*#__PURE__*/
+
+_react.default.createElement("span",{className:"path1"}),/*#__PURE__*/
+_react.default.createElement("span",{className:"path2"}),/*#__PURE__*/
+_react.default.createElement("span",{className:"path3"}),/*#__PURE__*/
+_react.default.createElement("span",{className:"path4"}),/*#__PURE__*/
+_react.default.createElement("span",{className:"path5"}),/*#__PURE__*/
+_react.default.createElement("span",{className:"path6"}),/*#__PURE__*/
+_react.default.createElement("span",{className:"path7"}),/*#__PURE__*/
+_react.default.createElement("span",{className:"path8"}),/*#__PURE__*/
+_react.default.createElement("span",{className:"path9"}),/*#__PURE__*/
+_react.default.createElement("span",{className:"path10"}),/*#__PURE__*/
+_react.default.createElement("span",{className:"path11"}),/*#__PURE__*/
+_react.default.createElement("span",{className:"path12"}),/*#__PURE__*/
+_react.default.createElement("span",{className:"path13"})
+)
+))
+
+};var _default=exports.default=
+
+FileImgIcon;

package/{src/components/file-item → file-item}/fileImgsFont.js

@@ -1,6 +1,6 @@
-import { createGlobalStyle } from 'styled-components';
+"use strict";var _styledComponents=require("styled-components");Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;
 
-const FontStyle = createGlobalStyle`
+const FontStyle=(0,_styledComponents.createGlobalStyle)`
   span.jupiter-file-font {
     /* use !important to prevent issues with browser extensions that change fonts */
     font-family: 'JupiterfilesImgs' !important;
@@ -795,6 +795,6 @@ const FontStyle = createGlobalStyle`
     margin-left: -0.7509765625em;
     color: rgb(210, 210, 210);
   }
-`;
+`;var _default=exports.default=
 
-export default FontStyle;
+FontStyle;

package/file-item/index.js

@@ -0,0 +1,101 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../globalStyle")),_utils=_interopRequireDefault(require("./utils")),_typography=require("../typography"),_theme=_interopRequireDefault(require("./theme")),_fileImgIcon=_interopRequireDefault(require("./fileImgIcon")),_index=require("./index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(b,c){if(!c&&b&&b.__esModule)return b;if(null===b||"object"!=typeof b&&"function"!=typeof b)return{default:b};var d=_getRequireWildcardCache(c);if(d&&d.has(b))return d.get(b);var e={__proto__:null},f=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in b)if("default"!=a&&{}.hasOwnProperty.call(b,a)){var g=f?Object.getOwnPropertyDescriptor(b,a):null;g&&(g.get||g.set)?Object.defineProperty(e,a,g):e[a]=b[a]}return e.default=b,d&&d.set(b,e),e}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const FileItem=(a)=>
+
+
+
+
+
+
+{let{type:c="zip",title:d="\u0641\u0627\u06CC\u0644 \u062F\u0627\u0646\u0644\u0648\u062F\u06CC",description:e="",price:b,fileSize:f="",onClick:g=()=>null}=a;
+const[h,i]=(0,_react.useState)(!1);
+
+
+
+
+
+
+
+
+
+return(/*#__PURE__*/
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
+_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
+_react.default.createElement(_index.Wrapper,{
+"data-test":"file-item",
+isActive:h,
+onMouseEnter:function(){i(!0)},
+onMouseLeave:function(){i(!1)},
+onClick:g},/*#__PURE__*/
+
+_react.default.createElement(_fileImgIcon.default,{
+iconFileName:(0,_utils.default)(c,!h)}
+),/*#__PURE__*/
+
+_react.default.createElement(_index.InfoWrapper,null,/*#__PURE__*/
+_react.default.createElement(_typography.Text,{
+size:14,
+bold:!0,
+"data-test":"file-item-title"},
+
+d
+),
+
+e?/*#__PURE__*/
+_react.default.createElement(_typography.Text,{
+size:10,
+"data-test":"file-item-desc",
+bold:!0},
+
+e
+):/*#__PURE__*/
+
+_react.default.createElement("br",null),/*#__PURE__*/
+
+
+_react.default.createElement("div",null,
+f&&/*#__PURE__*/
+_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
+_react.default.createElement(_typography.Text,{
+size:10,
+"data-test":"file-item-size"},
+
+f
+),/*#__PURE__*/
+_react.default.createElement(_index.VerticalDivider,null)
+),/*#__PURE__*/
+
+
+_react.default.createElement(_typography.Text,{
+size:10,
+"data-test":"file-item-price"},
+
+b
+)
+)
+
+)
+)
+))
+
+};var _default=exports.default=
+
+FileItem;

package/file-item/index.style.js

@@ -0,0 +1,31 @@
+"use strict";var _styledComponents=_interopRequireDefault(require("styled-components"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.Wrapper=exports.VerticalDivider=exports.StyledImgIcon=exports.InfoWrapper=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+StyledImgIcon=exports.StyledImgIcon=_styledComponents.default.span`
+  font-size: 67px;
+`,
+
+Wrapper=exports.Wrapper=_styledComponents.default.div`
+  cursor: pointer;
+  border: 1px solid ${(a)=>{let{theme:b,isActive:c}=a;return c?b.colors.riverBedDark:"transparent"}};
+  border-radius: ${(a)=>{let{theme:b}=a;return`${b.borderRadius}px`}};
+  padding: ${(a)=>{let{theme:b}=a;return b.spacing[5]}} ${(a)=>{let{theme:b}=a;return b.spacing[6]}};
+  box-sizing: border-box;
+  display: flex;
+`,
+
+InfoWrapper=exports.InfoWrapper=_styledComponents.default.div`
+  width: calc(100% - 52px);
+  padding-right: ${(a)=>{let{theme:b}=a;return b.spacing[4]}};
+
+  & > span {
+    display: block;
+  }
+`,
+
+VerticalDivider=exports.VerticalDivider=_styledComponents.default.span`
+  display: inline-block;
+  width: 1px;
+  height: 8px;
+  margin: 0 ${(a)=>{let{theme:b}=a;return b.spacing[4]}};
+  background: ${(a)=>{let{theme:b}=a;return b.colors.riverBed}};
+`;

package/file-item/theme.js

@@ -0,0 +1,12 @@
+"use strict";var _themes=_interopRequireDefault(require("../themes"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+const theme={
+colors:{
+riverBedDark:_themes.default.colors.riverBedDark,
+riverBed:_themes.default.colors.riverBed
+},
+borderRadius:_themes.default.borderRadius.high,
+spacing:_themes.default.spacing
+};var _default=exports.default=
+
+theme;

package/file-item/utils.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=getIconFileName;function getIconFileName(a,b){
+return`icon-${a}${b?"-light":""}`
+}

package/form/captcha/index.js

@@ -0,0 +1,86 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_textInput=_interopRequireDefault(require("../text-input")),_button=_interopRequireDefault(require("../../button")),_index=require("./index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(b,c){if(!c&&b&&b.__esModule)return b;if(null===b||"object"!=typeof b&&"function"!=typeof b)return{default:b};var d=_getRequireWildcardCache(c);if(d&&d.has(b))return d.get(b);var e={__proto__:null},f=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in b)if("default"!=a&&{}.hasOwnProperty.call(b,a)){var g=f?Object.getOwnPropertyDescriptor(b,a):null;g&&(g.get||g.set)?Object.defineProperty(e,a,g):e[a]=b[a]}return e.default=b,d&&d.set(b,e),e}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function Captcha(a)
+
+
+
+
+
+{let{src:b,errorMessage:c="",inputRef:d=null,handleCaptchaError:e=()=>{},handleRetryCaptcha:f=null}=a;
+const[g,h]=(0,_react.useState)("loading");
+
+
+
+
+
+
+
+
+
+return(/*#__PURE__*/
+_react.default.createElement(_index.CaptchaBoxContainer,{"data-test":"captcha-box"},/*#__PURE__*/
+_react.default.createElement(_index.InputConiatiner,null,/*#__PURE__*/
+_react.default.createElement(_textInput.default,{
+"data-test":"captcha-input",
+htmlElementName:"captcha-input",
+label:"\u06A9\u062F \u062A\u0635\u0648\u06CC\u0631\u06CC",
+errorMessage:c,
+type:"text",
+inputRef:d}
+)
+),/*#__PURE__*/
+_react.default.createElement(_index.Container,null,
+"loaded"!==g&&/*#__PURE__*/
+_react.default.createElement(_index.Loading,null),/*#__PURE__*/
+
+_react.default.createElement("img",{
+className:`${"loaded"===g?"":"hide"}`,
+width:"120px",
+height:"32px",
+src:b,
+alt:"captcha-img",
+loading:"lazy",
+onLoad:function(){h("loaded")},
+onError:function(){h("failedToLoad"),e()},
+"data-test":"captcha-img"}
+)
+),
+f&&/*#__PURE__*/
+_react.default.createElement(_index.Container,null,/*#__PURE__*/
+_react.default.createElement(_button.default,{
+"data-test":"captcha-retry",
+htmlType:"button",
+icon:"refresh",
+isLoading:"loading"===g,
+onClick:f,
+mainColor:"blue",
+size:"sm",
+styleType:"failedToLoad"===g?"primary":"tertiary"},
+"\u06A9\u062F \u062A\u0635\u0648\u06CC\u0631\u06CC \u062C\u062F\u06CC\u062F"
+
+)
+)
+
+))
+
+}var _default=exports.default=
+
+Captcha;

package/form/captcha/index.stories.js

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.WithError=exports.Default=void 0;var _react=_interopRequireDefault(require("react")),_addonActions=require("@storybook/addon-actions"),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
+
+
+
+
+{
+title:"Form/Captcha",
+component:_index.default,
+
+argTypes:{
+errorMessage:{
+control:"text",
+defaultValue:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627"
+},
+src:{
+control:"text",
+defaultValue:"https://static.evand.net/captcha/12c178c8006cb0cea5253a83db6a96db.jpg"
+},
+handleCaptchaError:{
+action:"handleCaptchaError"
+},
+handleRetryCaptcha:{
+action:"handleRetryCaptcha"
+}
+}
+};const
+
+Template=(a)=>/*#__PURE__*/_react.default.createElement(_index.default,a),
+
+Default=exports.Default=Template.bind({});
+Default.args={
+errorMessage:"\u0627\u0631\u0648\u0631 \u0632\u06CC\u0628\u0627",
+src:"https://static.evand.net/captcha/12c178c8006cb0cea5253a83db6a96db.jpg",
+handleCaptchaError:(0,_addonActions.action)("trigger what you want to do when captcha src has an err"),
+handleRetryCaptcha:(0,_addonActions.action)("trigger what you want to do when click on retry button")
+};
+
+const WithError=exports.WithError=Template.bind({});
+WithError.args={
+...Default.args,
+errorMessage:"\u0644\u0637\u0641\u0627 \u06A9\u062F \u0627\u0645\u0646\u06CC\u062A\u06CC \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F"
+};

package/form/captcha/index.style.js

@@ -0,0 +1,38 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Loading=exports.InputConiatiner=exports.Container=exports.CaptchaBoxContainer=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_theme=_interopRequireDefault(require("../theme"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+
+Container=exports.Container=_styledComponents.default.div`
+  flex-shrink: 0;
+  margin: 6px 6px 0 0;
+
+  & .hide {
+    display: none;
+  }
+`,
+
+Loading=exports.Loading=_styledComponents.default.div`
+  height: 32px;
+  width: 120px;
+  background: ${_theme.default.disabled.color};
+  animation-name: sparkle;
+  animation-duration: 2s;
+  animation-iteration-count: infinite;
+
+    @keyframes sparkle {
+      0% {opacity: 0;}
+      50% {opacity: 1;}
+      70% {opacity: 1;}
+      100% {opacity: 0;}
+    }
+  }
+`,
+
+CaptchaBoxContainer=exports.CaptchaBoxContainer=_styledComponents.default.div`
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+`,
+
+InputConiatiner=exports.InputConiatiner=_styledComponents.default.div`
+  flex-grow: 1;
+`;