@mailstep/design-system 0.0.0 → 0.0.2

package/storybook-static/assets/Icon.stories-7a5d1d5a.js

@@ -0,0 +1,36 @@
+import{I as B}from"./Icon-2b18265b.js";import"./styled-components.browser.esm-fbe642cd.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./index-e3f94786.js";import"./index-8d47fad6.js";const q={title:"Elements/Icon",component:B,tags:["autodocs"],argTypes:{}},e={args:{icon:"expedition",size:"40px"}},i={args:{icon:"expedition",size:"40px",spinning:!0}},n={args:{icon:"expedition",size:"20px"}},o={args:{icon:"expedition",size:"80px"}},s={args:{icon:"expedition",fill:"pink",size:"40px"}},r={args:{icon:"expedition",style:"solid",fill:"pink",size:"40px"}};var a,p,t;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:`{
+  args: {
+    icon: 'expedition',
+    size: '40px'
+  }
+}`,...(t=(p=e.parameters)==null?void 0:p.docs)==null?void 0:t.source}}};var c,d,m;i.parameters={...i.parameters,docs:{...(c=i.parameters)==null?void 0:c.docs,source:{originalSource:`{
+  args: {
+    icon: 'expedition',
+    size: '40px',
+    spinning: true
+  }
+}`,...(m=(d=i.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var x,l,g;n.parameters={...n.parameters,docs:{...(x=n.parameters)==null?void 0:x.docs,source:{originalSource:`{
+  args: {
+    icon: 'expedition',
+    size: '20px'
+  }
+}`,...(g=(l=n.parameters)==null?void 0:l.docs)==null?void 0:g.source}}};var u,z,E;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`{
+  args: {
+    icon: 'expedition',
+    size: '80px'
+  }
+}`,...(E=(z=o.parameters)==null?void 0:z.docs)==null?void 0:E.source}}};var S,k,f;s.parameters={...s.parameters,docs:{...(S=s.parameters)==null?void 0:S.docs,source:{originalSource:`{
+  args: {
+    icon: 'expedition',
+    fill: 'pink',
+    size: '40px'
+  }
+}`,...(f=(k=s.parameters)==null?void 0:k.docs)==null?void 0:f.source}}};var P,y,I;r.parameters={...r.parameters,docs:{...(P=r.parameters)==null?void 0:P.docs,source:{originalSource:`{
+  args: {
+    icon: 'expedition',
+    style: 'solid',
+    fill: 'pink',
+    size: '40px'
+  }
+}`,...(I=(y=r.parameters)==null?void 0:y.docs)==null?void 0:I.source}}};const v=["Expedition","Spinning","SmallExpedition","BigExpedition","ExpeditionPink","ExpeditionPinkSolid"];export{o as BigExpedition,e as Expedition,s as ExpeditionPink,r as ExpeditionPinkSolid,n as SmallExpedition,i as Spinning,v as __namedExportsOrder,q as default};
+//# sourceMappingURL=Icon.stories-7a5d1d5a.js.map

package/storybook-static/assets/Icon.stories-7a5d1d5a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.stories-7a5d1d5a.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/storybook-static/assets/Spinner-8c28ae00.js

@@ -0,0 +1,30 @@
+import{W as n,j as r}from"./styled-components.browser.esm-fbe642cd.js";import{s as o,t}from"./index-e3f94786.js";const l=n`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0px;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -125px;
+  }
+`,p=n`
+  100% {
+    transform: rotate(360deg);
+  }
+`,c=o.svg`
+  width: ${({$variant:e})=>e==="sm"?"16":"40"}px;
+  height: ${({$variant:e})=>e==="sm"?"16":"40"}px;
+  animation: ${p} 1.4s linear infinite;
+`,u=o.circle`
+  animation: ${l} 1.4s ease-in-out infinite;
+  stroke-dasharray: 80px, 200px;
+  stroke-dashoffset: 0px;
+  stroke: ${({color:e})=>e?t.color(e):t.color("blue2")};
+`,d={error:"white",concept:"blue2",done:"white",info:"blue2",processing:"white",success:"white",warning:"blue2",waiting:"white"},s=({variant:e="default",appearance:a})=>{const i=a?d[a]:"blue2";return r.jsx(c,{viewBox:"22 22 44 44",$variant:e,children:r.jsx(u,{cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6",color:i})})};try{s.displayName="Spinner",s.__docgenInfo={description:"",displayName:"Spinner",props:{variant:{defaultValue:{value:"default"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"sm"'}]}},appearance:{defaultValue:null,description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"warning"'},{value:'"concept"'},{value:'"done"'},{value:'"error"'},{value:'"info"'},{value:'"processing"'},{value:'"success"'},{value:'"waiting"'}]}}}}}catch{}export{s as S};
+//# sourceMappingURL=Spinner-8c28ae00.js.map

package/storybook-static/assets/Spinner-8c28ae00.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-8c28ae00.js","sources":["../../src/packages/ui/Elements/Spinner/styles.ts","../../src/packages/ui/Elements/Spinner/Spinner.tsx"],"sourcesContent":["import styled, { th } from '@xstyled/styled-components'\nimport { keyframes } from 'styled-components'\n\nconst KeyframesCircularDash = keyframes`\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0px;\n  }\n\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n`\n\nconst KeyframesCircularRotate = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nexport const Svg = styled.svg<{ $variant: 'default' | 'sm' }>`\n  width: ${({ $variant }): string => ($variant === 'sm' ? '16' : '40')}px;\n  height: ${({ $variant }): string => ($variant === 'sm' ? '16' : '40')}px;\n  animation: ${KeyframesCircularRotate} 1.4s linear infinite;\n`\n\nexport const Circle = styled.circle`\n  animation: ${KeyframesCircularDash} 1.4s ease-in-out infinite;\n  stroke-dasharray: 80px, 200px;\n  stroke-dashoffset: 0px;\n  stroke: ${({ color }) => (color ? th.color(color) : th.color('blue2'))};\n`\n","import { Svg, Circle } from './styles'\nimport { ISpinner } from './types'\n\nexport const appearanceToColorMap = {\n  error: 'red1',\n  concept: 'bgLightGray1',\n  done: 'darkGreen',\n  info: 'lightGray6',\n  processing: 'blue2',\n  success: 'green',\n  warning: 'yellow1',\n  waiting: 'gray1',\n}\n\nexport const appearanceToFontColorMap: Record<string, string> = {\n  error: 'white',\n  concept: 'blue2',\n  done: 'white',\n  info: 'blue2',\n  processing: 'white',\n  success: 'white',\n  warning: 'blue2',\n  waiting: 'white',\n}\n\nexport const Spinner: ISpinner = ({ variant = 'default', appearance }) => {\n  const color = appearance ? appearanceToFontColorMap[appearance] : 'blue2'\n\n  return (\n    <Svg viewBox=\"22 22 44 44\" $variant={variant}>\n      <Circle cx=\"44\" cy=\"44\" r=\"20.2\" fill=\"none\" strokeWidth=\"3.6\" color={color} />\n    </Svg>\n  )\n}\n\nexport default Spinner\n"],"names":["KeyframesCircularDash","keyframes","KeyframesCircularRotate","Svg","styled","$variant","Circle","color","th","appearanceToFontColorMap","Spinner","variant","appearance","jsx"],"mappings":"iHAGA,MAAMA,EAAwBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAiBxBC,EAA0BD;AAAAA;AAAAA;AAAAA;AAAAA,EAMnBE,EAAMC,EAAO;AAAA,WACf,CAAC,CAAE,SAAAC,KAAwBA,IAAa,KAAO,KAAO,IAAK;AAAA,YAC1D,CAAC,CAAE,SAAAA,KAAwBA,IAAa,KAAO,KAAO,IAAK;AAAA,eACxDH,CAAuB;AAAA,EAGzBI,EAASF,EAAO;AAAA,eACdJ,CAAqB;AAAA;AAAA;AAAA,YAGxB,CAAC,CAAE,MAAAO,KAAaA,EAAQC,EAAG,MAAMD,CAAK,EAAIC,EAAG,MAAM,OAAO,CAAE;AAAA,ECtBjEC,EAAA,CAAyD,MAAA,QACvD,QAAA,QACE,KAAA,QACH,KAAA,QACA,WAAA,QACM,QAAA,QACH,QAAA,QACA,QAAA,OAEX,EAEOC,EAAA,CAAA,CAAA,QAAAC,EAAA,UAAA,WAAAC,CAAA,IAAA,CACL,MAAAL,EAAAK,EAAAH,EAAAG,CAAA,EAAA,QAEA,OAAAC,MAAAV,EAAA,CAAA,QAAA,cAAA,SAAAQ,EAAA,SAAAE,MAAAP,EAAA,CAAA,GAAA,KAAA,GAAA,KAAA,EAAA,OAAA,KAAA,OAAA,YAAA,MAAA,MAAAC,CAAA,CAAA,CAAA,CAAA,CAKF"}

package/storybook-static/assets/Spinner.stories-9892e479.js

@@ -0,0 +1,40 @@
+import{S as H}from"./Spinner-8c28ae00.js";import"./styled-components.browser.esm-fbe642cd.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./index-e3f94786.js";const Q={title:"Elements/Spinner",component:H,tags:["autodocs"],argTypes:{}},a={args:{}},r={args:{variant:"sm"}},e={args:{appearance:"concept"}},s={args:{appearance:"done"}},n={args:{appearance:"error"}},c={args:{appearance:"info"}},p={args:{appearance:"processing"}},o={args:{appearance:"success"}},t={args:{appearance:"warning"}},m={args:{appearance:"waiting"}};var i,g,u;a.parameters={...a.parameters,docs:{...(i=a.parameters)==null?void 0:i.docs,source:{originalSource:`{
+  args: {}
+}`,...(u=(g=a.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};var d,S,A;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:`{
+  args: {
+    variant: 'sm'
+  }
+}`,...(A=(S=r.parameters)==null?void 0:S.docs)==null?void 0:A.source}}};var l,f,w;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:`{
+  args: {
+    appearance: 'concept'
+  }
+}`,...(w=(f=e.parameters)==null?void 0:f.docs)==null?void 0:w.source}}};var D,E,W;s.parameters={...s.parameters,docs:{...(D=s.parameters)==null?void 0:D.docs,source:{originalSource:`{
+  args: {
+    appearance: 'done'
+  }
+}`,...(W=(E=s.parameters)==null?void 0:E.docs)==null?void 0:W.source}}};var v,x,C;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{
+  args: {
+    appearance: 'error'
+  }
+}`,...(C=(x=n.parameters)==null?void 0:x.docs)==null?void 0:C.source}}};var I,P,_;c.parameters={...c.parameters,docs:{...(I=c.parameters)==null?void 0:I.docs,source:{originalSource:`{
+  args: {
+    appearance: 'info'
+  }
+}`,...(_=(P=c.parameters)==null?void 0:P.docs)==null?void 0:_.source}}};var y,O,T;p.parameters={...p.parameters,docs:{...(y=p.parameters)==null?void 0:y.docs,source:{originalSource:`{
+  args: {
+    appearance: 'processing'
+  }
+}`,...(T=(O=p.parameters)==null?void 0:O.docs)==null?void 0:T.source}}};var b,h,j;o.parameters={...o.parameters,docs:{...(b=o.parameters)==null?void 0:b.docs,source:{originalSource:`{
+  args: {
+    appearance: 'success'
+  }
+}`,...(j=(h=o.parameters)==null?void 0:h.docs)==null?void 0:j.source}}};var k,q,z;t.parameters={...t.parameters,docs:{...(k=t.parameters)==null?void 0:k.docs,source:{originalSource:`{
+  args: {
+    appearance: 'warning'
+  }
+}`,...(z=(q=t.parameters)==null?void 0:q.docs)==null?void 0:z.source}}};var B,F,G;m.parameters={...m.parameters,docs:{...(B=m.parameters)==null?void 0:B.docs,source:{originalSource:`{
+  args: {
+    appearance: 'waiting'
+  }
+}`,...(G=(F=m.parameters)==null?void 0:F.docs)==null?void 0:G.source}}};const R=["Default","Sm","AppearanceConcept","AppearanceDone","AppearanceError","AppearanceInfo","AppearanceProcessing","AppearanceSuccess","AppearanceWarning","AppearanceWaiting"];export{e as AppearanceConcept,s as AppearanceDone,n as AppearanceError,c as AppearanceInfo,p as AppearanceProcessing,o as AppearanceSuccess,m as AppearanceWaiting,t as AppearanceWarning,a as Default,r as Sm,R as __namedExportsOrder,Q as default};
+//# sourceMappingURL=Spinner.stories-9892e479.js.map

package/storybook-static/assets/Spinner.stories-9892e479.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.stories-9892e479.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/storybook-static/assets/WithTooltip-4HIR6TLV-ae7ae3c0.js

@@ -0,0 +1,2 @@
+import{W as e,W as h,a as l}from"./DocsRenderer-NNNQARDV-8865c748.js";import"./iframe-5c6ac1e4.js";import"../sb-preview/runtime.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./_getPrototype-c468d7b4.js";import"./index-d37d4223.js";import"./index-356e4a49.js";export{e as WithToolTipState,h as WithTooltip,l as WithTooltipPure};
+//# sourceMappingURL=WithTooltip-4HIR6TLV-ae7ae3c0.js.map

package/storybook-static/assets/WithTooltip-4HIR6TLV-ae7ae3c0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithTooltip-4HIR6TLV-ae7ae3c0.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/storybook-static/assets/_commonjsHelpers-de833af9.js

@@ -0,0 +1,2 @@
+var u=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function f(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function l(e){if(e.__esModule)return e;var r=e.default;if(typeof r=="function"){var t=function o(){return this instanceof o?Reflect.construct(r,arguments,this.constructor):r.apply(this,arguments)};t.prototype=r.prototype}else t={};return Object.defineProperty(t,"__esModule",{value:!0}),Object.keys(e).forEach(function(o){var n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:function(){return e[o]}})}),t}export{l as a,u as c,f as g};
+//# sourceMappingURL=_commonjsHelpers-de833af9.js.map

package/storybook-static/assets/_commonjsHelpers-de833af9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_commonjsHelpers-de833af9.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}