npm - @mailstep/design-system - Versions diffs - 0.0.4 → 0.0.6 - Mend

@mailstep/design-system 0.0.4 → 0.0.6

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.

Files changed (116) hide show

package/dist/{mailstep-design-system.umd.js → index.umd.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-(function(Re,ye){typeof exports=="object"&&typeof module<"u"?ye(exports,require("react"),require("styled-components")):typeof define=="function"&&define.amd?define(["exports","react","styled-components"],ye):(Re=typeof globalThis<"u"?globalThis:Re||self,ye(Re["mailstep-design-system"]={},Re.React,Re.styled))})(this,function(Re,ye,ke){"use strict";function Zc(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(a,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return a.default=e,Object.freeze(a)}const e1=Zc(ye);function a1(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var hn={exports:{}},va={};/**
+(function(Re,ye){typeof exports=="object"&&typeof module<"u"?ye(exports,require("react"),require("styled-components")):typeof define=="function"&&define.amd?define(["exports","react","styled-components"],ye):(Re=typeof globalThis<"u"?globalThis:Re||self,ye(Re.index={},Re.React,Re.styled))})(this,function(Re,ye,ke){"use strict";function Zc(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(a,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return a.default=e,Object.freeze(a)}const e1=Zc(ye);function a1(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var hn={exports:{}},va={};/**
  * @license React
  * react-jsx-runtime.production.min.js
  *

package/package.json CHANGED Viewed

@@ -1,24 +1,24 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "license": "ISC",
   "type": "module",
+  "types": "./dist/index.d.ts",
   "scripts": {
     "dev": "storybook dev -p 6006",
     "build": "tsc && vite build",
-    "prepack": "json -f package.json -I -e \"delete this.devDependencies; delete this.dependencies\"",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "build-storybook": "storybook build",
     "files": [
       "dist"
     ],
-    "main": "./dist/mailstep-design-system.umd.js",
-    "module": "./dist/mailstep-design-system.es.js",
+    "main": "./dist/index.umd.js",
+    "module": "./dist/index.es.js",
     "types": "./dist/index.d.ts",
     "exports": {
       ".": {
-        "import": "./dist/mailstep-design-system.es.js",
-        "require": "./dist/mailstep-design-system.umd.js"
+        "import": "./dist/index.es.js",
+        "require": "./dist/index.umd.js"
       }
     }
   },
@@ -36,6 +36,44 @@
     "react-router-dom": "^6.17.0",
     "styled-components": "^5.3.10"
   },
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.3.0",
+    "@fortawesome/free-brands-svg-icons": "^6.1.1",
+    "@fortawesome/pro-duotone-svg-icons": "^6.0.0",
+    "@fortawesome/pro-light-svg-icons": "^6.0.0",
+    "@fortawesome/pro-regular-svg-icons": "^6.0.0",
+    "@fortawesome/pro-solid-svg-icons": "^6.3.0",
+    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@xstyled/styled-components": "^3.8.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.17.0",
+    "styled-components": "^5.3.10"
+  },
+  "devDependencies": {
+    "@storybook/addon-essentials": "^7.5.2",
+    "@storybook/addon-interactions": "^7.5.2",
+    "@storybook/addon-links": "^7.5.2",
+    "@storybook/blocks": "^7.5.2",
+    "@storybook/react": "^7.5.2",
+    "@storybook/react-vite": "^7.5.2",
+    "@storybook/testing-library": "^0.0.14-next.2",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "@types/styled-components": "^5.1.29",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "@vitejs/plugin-react-swc": "^3.3.2",
+    "eslint": "^8.45.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "eslint-plugin-storybook": "^0.6.15",
+    "prop-types": "^15.8.1",
+    "storybook": "^7.5.2",
+    "typescript": "^5.0.2",
+    "vite": "^4.4.5",
+    "vite-plugin-dts": "^3.6.3"
+  },
   "resolutions": {
     "jackspeak": "2.1.1"
   }

package/vite.config.ts CHANGED Viewed

@@ -3,8 +3,6 @@ import path from 'node:path';
 import { defineConfig } from 'vite';
 import dts from 'vite-plugin-dts';
-const NAME = 'mailstep-design-system'
 export default defineConfig({
     plugins: [
         react(),
@@ -15,9 +13,9 @@ export default defineConfig({
     build: {
         lib: {
             entry: path.resolve(__dirname, 'src/ui/index.ts'),
-            name: NAME,
+            name: 'index',
             formats: ['es', 'umd'],
-            fileName: (format) => `${NAME}.${format}.js`,
+            fileName: (format) => `index.${format}.js`,
         },
         rollupOptions: {
             external: ['react', 'react-dom', 'react-router-dom','styled-components'],

package/.storybook/main.ts DELETED Viewed

@@ -1,17 +0,0 @@
-import type { StorybookConfig } from "@storybook/react-vite";
-const config: StorybookConfig = {
-  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
-  addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-interactions",
-  ],
-  framework: {
-    name: "@storybook/react-vite",
-    options: {},
-  },
-  docs: {
-    autodocs: "tag",
-  },
-};
-export default config;

package/.storybook/preview.ts DELETED Viewed

@@ -1,20 +0,0 @@
-import withTheme from './withTheme'
-import withRouter from './withRouter'
-import type { Preview } from "@storybook/react";
-const preview: Preview = {
-  parameters: {
-    actions: { argTypesRegex: "^on[A-Z].*" },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/,
-      },
-    },
-  },
-};
-export const decorators = [withTheme, withRouter];
-export default preview;

package/.storybook/withRouter.tsx DELETED Viewed

@@ -1,12 +0,0 @@
-import React from 'react'
-import { MemoryRouter } from 'react-router-dom'
-const withProvider = (Story: React.FC): JSX.Element => (
-  <>
-    <MemoryRouter>
-      <Story />
-    </MemoryRouter>
-  </>
-)
-export default withProvider

package/.storybook/withTheme.tsx DELETED Viewed

@@ -1,23 +0,0 @@
-import React from 'react'
-import { ThemeProvider } from '@xstyled/styled-components'
-import { createGlobalStyle } from 'styled-components'
-import themes from '../src/packages/ui/ThemeProvider/themes'
-const GlobalStyle = createGlobalStyle`
-  @import url('${themes.default.fontLinks?.[0]}');
-  body {
-    font-family: ${themes.default.fonts?.primary}
-  }
-`
-const withTheme = (Story: React.FC): JSX.Element => {
-  return (
-    <ThemeProvider theme={themes.default}>
-      <GlobalStyle />
-      <Story />
-    </ThemeProvider>
-  )
-}
-export default withTheme

package/dist/mailstep-design-system.es.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export * from './index'

package/dist/vite.svg DELETED Viewed

@@ -1 +0,0 @@

- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/public/vite.svg DELETED Viewed

@@ -1 +0,0 @@

package/storybook-static/assets/BadgeIcon.stories-ff71b920.js DELETED Viewed

@@ -1,16 +0,0 @@
-import{j as a}from"./styled-components.browser.esm-fbe642cd.js";import{r as c}from"./index-76fb7be0.js";import{s}from"./index-e3f94786.js";import{I as o}from"./Icon-2b18265b.js";import"./_commonjsHelpers-de833af9.js";import"./index-8d47fad6.js";const p=s(o)`
-  display: inline-table;
-  vertical-align: middle;
-  position: absolute;
-  top: -10%;
-  right: -10%;
-  font-size: 60%;
-`,m=s.div`
-  position: relative;
-`,r=({badge:e,...d})=>{const u=c.useMemo(()=>e=="warning"?{icon:"warningDual",fill:"black",secondaryColor:"yellow2"}:{},[e]);return a.jsxs(m,{children:[a.jsx(p,{...u}),a.jsx(o,{...d})]})};try{r.displayName="BadgeIcon",r.__docgenInfo={description:"",displayName:"BadgeIcon",props:{badge:{defaultValue:null,description:"",name:"badge",required:!0,type:{name:'"warning"'}},icon:{defaultValue:null,description:"",name:"icon",required:!0,type:{name:"string"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"enum",value:[{value:'"normal"'},{value:'"light"'},{value:'"solid"'}]}},fill:{defaultValue:null,description:"",name:"fill",required:!1,type:{name:"string"}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"string | number"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},fixedWidth:{defaultValue:null,description:"",name:"fixedWidth",required:!1,type:{name:"boolean"}},spinning:{defaultValue:null,description:"",name:"spinning",required:!1,type:{name:"boolean"}},secondaryColor:{defaultValue:null,description:"",name:"secondaryColor",required:!1,type:{name:"string"}}}}}catch{}const q={title:"Elements/BadgeIcon",component:r,decorators:[e=>a.jsx("div",{style:{width:"30px"},children:a.jsx(e,{})})],tags:["autodocs"],argTypes:{}},n={args:{icon:"coffee",badge:"warning"}};var t,i,l;n.parameters={...n.parameters,docs:{...(t=n.parameters)==null?void 0:t.docs,source:{originalSource:`{
-  args: {
-    icon: 'coffee',
-    badge: 'warning'
-  }
-}`,...(l=(i=n.parameters)==null?void 0:i.docs)==null?void 0:l.source}}};const v=["Default"];export{n as Default,v as __namedExportsOrder,q as default};
-//# sourceMappingURL=BadgeIcon.stories-ff71b920.js.map

package/storybook-static/assets/BadgeIcon.stories-ff71b920.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"BadgeIcon.stories-ff71b920.js","sources":["../../src/packages/ui/Elements/Icon/BadgeIcon.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport styled from '@xstyled/styled-components'\nimport Icon from './Icon'\nimport { IconProps } from './types'\n\ntype Props = {\n badge: 'warning'\n} & IconProps\n\nconst Badge = styled(Icon)`\n display: inline-table;\n vertical-align: middle;\n position: absolute;\n top: -10%;\n right: -10%;\n font-size: 60%;\n`\n\nconst RelativeWrap = styled.div<{ width?: string | number }>`\n position: relative;\n`\n\n// TODO expad to accet numerical badges\n\nexport const BadgeIcon = ({ badge, ...iconProps }: Props): JSX.Element => {\n const badgeProps = useMemo(() => {\n if (badge == 'warning') {\n return {\n icon: 'warningDual',\n fill: 'black',\n secondaryColor: 'yellow2',\n }\n }\n return {} as IconProps\n }, [badge])\n\n return (\n <RelativeWrap>\n <Badge {...badgeProps} />\n <Icon {...iconProps} />\n </RelativeWrap>\n )\n}\n\nexport default BadgeIcon\n"],"names":["Badge","styled","Icon","RelativeWrap","BadgeIcon","badge","iconProps","badgeProps","useMemo","jsxs","jsx"],"mappings":"qPASA,MAAAA,EAAAC,EAAAC,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASAC,EAAAF,EAAA;AAAA;AAAA,EAMOG,EAAA,CAAA,CAAA,MAAAC,EAAA,GAAAC,CAAA,IAAA,CACL,MAAAC,EAAAC,EAAAA,QAAA,IACEH,GAAA,UACE,CAAO,KAAA,cACC,KAAA,QACA,eAAA,SACU,EAGpB,GAAQ,CAAAA,CAAA,CAAA,EAGV,OAAAI,EAAA,KAAAN,EAAA,CAAA,SAAA,CAEIO,EAAAA,IAAAV,EAAA,CAAA,GAAAO,EAAA,EAAuBG,EAAAA,IAAAR,EAAA,CAAA,GAAAI,EAAA,CACF,CAAA,CAAA,CAG3B;;;;;"}

package/storybook-static/assets/Button.stories-f88970f8.js DELETED Viewed

@@ -1,318 +0,0 @@
-import{j as r}from"./styled-components.browser.esm-fbe642cd.js";import{s as g,t as re}from"./index-e3f94786.js";import{I as ae}from"./Icon-2b18265b.js";import{S as oe}from"./Spinner-8c28ae00.js";import"./index-76fb7be0.js";import"./_commonjsHelpers-de833af9.js";import"./index-8d47fad6.js";const y=e=>r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-us",viewBox:"0 0 640 480",height:"1em",width:"1em",...e,children:r.jsxs("g",{fillRule:"evenodd",children:[r.jsxs("g",{strokeWidth:"1pt",children:[r.jsx("path",{fill:"#bd3d44",d:"M0 0h972.8v39.4H0zm0 78.8h972.8v39.4H0zm0 78.7h972.8V197H0zm0 78.8h972.8v39.4H0zm0 78.8h972.8v39.4H0zm0 78.7h972.8v39.4H0zm0 78.8h972.8V512H0z",transform:"scale(.9375)"}),r.jsx("path",{fill:"#fff",d:"M0 39.4h972.8v39.4H0zm0 78.8h972.8v39.3H0zm0 78.7h972.8v39.4H0zm0 78.8h972.8v39.4H0zm0 78.8h972.8v39.4H0zm0 78.7h972.8v39.4H0z",transform:"scale(.9375)"})]}),r.jsx("path",{fill:"#192f5d",d:"M0 0h389.1v275.7H0z",transform:"scale(.9375)"}),r.jsx("path",{fill:"#fff",d:"M32.4 11.8 36 22.7h11.4l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.3-6.7H29zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.5 11-9.2-6.8-9.3 6.7 3.5-10.9-9.2-6.7h11.4zm64.8 0 3.6 10.9H177l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.3-6.7h11.5zm64.9 0 3.5 10.9H242l-9.3 6.7 3.6 11-9.3-6.8-9.3 6.7 3.6-10.9-9.3-6.7h11.4zm64.8 0 3.6 10.9h11.4l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.2-6.7h11.4zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.6 11-9.3-6.8-9.3 6.7 3.6-10.9-9.3-6.7h11.5zM64.9 39.4l3.5 10.9h11.5L70.6 57 74 67.9l-9-6.7-9.3 6.7L59 57l-9-6.7h11.4zm64.8 0 3.6 10.9h11.4l-9.3 6.7 3.6 10.9-9.3-6.7-9.3 6.7L124 57l-9.3-6.7h11.5zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.5 10.9-9.2-6.7-9.3 6.7 3.5-10.9-9.2-6.7H191zm64.8 0 3.6 10.9h11.4l-9.3 6.7 3.6 10.9-9.3-6.7-9.2 6.7 3.5-10.9-9.3-6.7H256zm64.9 0 3.5 10.9h11.5L330 57l3.5 10.9-9.2-6.7-9.3 6.7 3.5-10.9-9.2-6.7h11.4zM32.4 66.9 36 78h11.4l-9.2 6.7 3.5 10.9-9.3-6.8-9.2 6.8 3.5-11-9.3-6.7H29zm64.9 0 3.5 11h11.5l-9.3 6.7 3.5 10.9-9.2-6.8-9.3 6.8 3.5-11-9.2-6.7h11.4zm64.8 0 3.6 11H177l-9.2 6.7 3.5 10.9-9.3-6.8-9.2 6.8 3.5-11-9.3-6.7h11.5zm64.9 0 3.5 11H242l-9.3 6.7 3.6 10.9-9.3-6.8-9.3 6.8 3.6-11-9.3-6.7h11.4zm64.8 0 3.6 11h11.4l-9.2 6.7 3.5 10.9-9.3-6.8-9.2 6.8 3.5-11-9.2-6.7h11.4zm64.9 0 3.5 11h11.5l-9.3 6.7 3.6 10.9-9.3-6.8-9.3 6.8 3.6-11-9.3-6.7h11.5zM64.9 94.5l3.5 10.9h11.5l-9.3 6.7 3.5 11-9.2-6.8-9.3 6.7 3.5-10.9-9.2-6.7h11.4zm64.8 0 3.6 10.9h11.4l-9.3 6.7 3.6 11-9.3-6.8-9.3 6.7 3.6-10.9-9.3-6.7h11.5zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.5 11-9.2-6.8-9.3 6.7 3.5-10.9-9.2-6.7H191zm64.8 0 3.6 10.9h11.4l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.3-6.7H256zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.5 11-9.2-6.8-9.3 6.7 3.5-10.9-9.2-6.7h11.4zM32.4 122.1 36 133h11.4l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.3-6.7H29zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.5 10.9-9.2-6.7-9.3 6.7 3.5-10.9-9.2-6.7h11.4zm64.8 0 3.6 10.9H177l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.3-6.7h11.5zm64.9 0 3.5 10.9H242l-9.3 6.7 3.6 11-9.3-6.8-9.3 6.7 3.6-10.9-9.3-6.7h11.4zm64.8 0 3.6 10.9h11.4l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.2-6.7h11.4zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.6 11-9.3-6.8-9.3 6.7 3.6-10.9-9.3-6.7h11.5zM64.9 149.7l3.5 10.9h11.5l-9.3 6.7 3.5 10.9-9.2-6.8-9.3 6.8 3.5-11-9.2-6.7h11.4zm64.8 0 3.6 10.9h11.4l-9.3 6.7 3.6 10.9-9.3-6.8-9.3 6.8 3.6-11-9.3-6.7h11.5zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.5 10.9-9.2-6.8-9.3 6.8 3.5-11-9.2-6.7H191zm64.8 0 3.6 10.9h11.4l-9.2 6.7 3.5 10.9-9.3-6.8-9.2 6.8 3.5-11-9.3-6.7H256zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.5 10.9-9.2-6.8-9.3 6.8 3.5-11-9.2-6.7h11.4zM32.4 177.2l3.6 11h11.4l-9.2 6.7 3.5 10.8-9.3-6.7-9.2 6.7 3.5-10.9-9.3-6.7H29zm64.9 0 3.5 11h11.5l-9.3 6.7 3.6 10.8-9.3-6.7-9.3 6.7 3.6-10.9-9.3-6.7h11.4zm64.8 0 3.6 11H177l-9.2 6.7 3.5 10.8-9.3-6.7-9.2 6.7 3.5-10.9-9.3-6.7h11.5zm64.9 0 3.5 11H242l-9.3 6.7 3.6 10.8-9.3-6.7-9.3 6.7 3.6-10.9-9.3-6.7h11.4zm64.8 0 3.6 11h11.4l-9.2 6.7 3.5 10.8-9.3-6.7-9.2 6.7 3.5-10.9-9.2-6.7h11.4zm64.9 0 3.5 11h11.5l-9.3 6.7 3.6 10.8-9.3-6.7-9.3 6.7 3.6-10.9-9.3-6.7h11.5zM64.9 204.8l3.5 10.9h11.5l-9.3 6.7 3.5 11-9.2-6.8-9.3 6.7 3.5-10.9-9.2-6.7h11.4zm64.8 0 3.6 10.9h11.4l-9.3 6.7 3.6 11-9.3-6.8-9.3 6.7 3.6-10.9-9.3-6.7h11.5zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.5 11-9.2-6.8-9.3 6.7 3.5-10.9-9.2-6.7H191zm64.8 0 3.6 10.9h11.4l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.3-6.7H256zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.5 11-9.2-6.8-9.3 6.7 3.5-10.9-9.2-6.7h11.4zM32.4 232.4l3.6 10.9h11.4l-9.2 6.7 3.5 10.9-9.3-6.7-9.2 6.7 3.5-11-9.3-6.7H29zm64.9 0 3.5 10.9h11.5L103 250l3.6 10.9-9.3-6.7-9.3 6.7 3.6-11-9.3-6.7h11.4zm64.8 0 3.6 10.9H177l-9 6.7 3.5 10.9-9.3-6.7-9.2 6.7 3.5-11-9.3-6.7h11.5zm64.9 0 3.5 10.9H242l-9.3 6.7 3.6 10.9-9.3-6.7-9.3 6.7 3.6-11-9.3-6.7h11.4zm64.8 0 3.6 10.9h11.4l-9.2 6.7 3.5 10.9-9.3-6.7-9.2 6.7 3.5-11-9.2-6.7h11.4zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.6 10.9-9.3-6.7-9.3 6.7 3.6-11-9.3-6.7h11.5z",transform:"scale(.9375)"})]})});try{y.displayName="FlagUSA",y.__docgenInfo={description:"",displayName:"FlagUSA",props:{width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"string | number"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string | number"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<SVGSVGElement>"}},fill:{defaultValue:null,description:"",name:"fill",required:!1,type:{name:"string"}},stroke:{defaultValue:null,description:"",name:"stroke",required:!1,type:{name:"string"}},cursor:{defaultValue:null,description:"",name:"cursor",required:!1,type:{name:"string"}}}}}catch{}const z=e=>r.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-cz",viewBox:"0 0 640 480",height:"1em",width:"1em",...e,children:[r.jsx("path",{fill:"#fff",d:"M0 0h640v240H0z"}),r.jsx("path",{fill:"#d7141a",d:"M0 240h640v240H0z"}),r.jsx("path",{fill:"#11457e",d:"M360 240 0 0v480z"})]});try{z.displayName="FlagCZ",z.__docgenInfo={description:"",displayName:"FlagCZ",props:{width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"string | number"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string | number"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<SVGSVGElement>"}},fill:{defaultValue:null,description:"",name:"fill",required:!1,type:{name:"string"}},stroke:{defaultValue:null,description:"",name:"stroke",required:!1,type:{name:"string"}},cursor:{defaultValue:null,description:"",name:"cursor",required:!1,type:{name:"string"}}}}}catch{}const ne=g.span`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`,le=g.div`
-  & svg {
-    margin-right: ${({$addMargin:e})=>e?"0.5em":"0"};
-  }
-`,ie=g(ae)`
-  & svg {
-    height: 1em;
-    margin-right: ${({$addMargin:e})=>e?"0.5em":"0"};
-  }
-`,te=g.button`
-  width: ${({fullWidth:e})=>e?"100%":"initial"};
-  margin-top: ${({mt:e})=>e||0};
-  margin-right: ${({mr:e})=>e||0};
-  margin-bottom: ${({mb:e})=>e||0};
-  margin-left: ${({ml:e})=>e||0};
-  height: 2.5em;
-  border: slim;
-  text-align: center;
-  text-decoration: none;
-  display: ${({columnAlign:e})=>e?"flex":"inline-flex"};
-  flex-direction: ${({columnAlign:e})=>e?"column":"auto"};
-  align-items: ${({columnAlign:e})=>e?"center":"auto"};
-  font-family: ${re("fonts.primary")};
-  font-weight: semiBold;
-  border-radius: lg;
-  cursor: pointer;
-  transition-duration: 0.1s;
-  align-items: center;
-  justify-content: center;
-  transition: all 300ms ease-out;
-  pointer-events: ${({disabled:e})=>e?"none":"auto"};
-  opacity: ${({disabled:e})=>e?"0.6":"1"};
-  :disabled {
-    color: lightGray5;
-  }
-  :focus {
-    outline: none;
-  }
-  &[data-appearance='primary'] {
-    background-color: red1;
-    color: white;
-    border-color: red1;
-    @media (hover: hover) {
-      &:hover {
-        background-color: white;
-        color: red1;
-        border-color: red1;
-      }
-    }
-    :active {
-      background-color: red1;
-      color: red1;
-      border: none;
-    }
-    :disabled {
-      background-color: bgLightGray;
-      border-color: lightGray5;
-      color: gray3;
-    }
-  }
-  &[data-appearance='primaryLight'] {
-    color: red1;
-    background-color: red20;
-    border-color: red20;
-    @media (hover: hover) {
-      &:hover {
-        background-color: red1;
-        color: white;
-        border-color: red1;
-      }
-    }
-    :active {
-      background-color: red1;
-      color: white;
-      border-color: red1;
-    }
-    :disabled {
-      background-color: bgLightGray;
-      border-color: lightGray5;
-      color: gray3;
-    }
-  }
-  &[data-appearance='success'] {
-    background-color: successColor;
-    color: white;
-    border-color: successColor;
-    @media (hover: hover) {
-      &:hover {
-        background-color: white;
-        color: successColor;
-      }
-    }
-    :active {
-      background-color: white;
-      color: successColor;
-    }
-    :disabled {
-      background-color: bgLightGray;
-      border-color: lightGray5;
-      color: gray3;
-    }
-  }
-  &[data-appearance='secondary'] {
-    background-color: white;
-    color: red1;
-    border-color: red1;
-    @media (hover: hover) {
-      &:hover {
-        background-color: red1;
-        color: white;
-        border-color: red1;
-      }
-    }
-    :active {
-      background-color: red1;
-      color: red1;
-      border-color: red1;
-    }
-    :disabled {
-      background-color: white;
-      border-color: lightGray7;
-    }
-  }
-  &[data-appearance='secondaryLg'] {
-    background-color: white;
-    color: typoPrimary;
-    border-color: blue2;
-    @media (hover: hover) {
-      &:hover {
-        background-color: blue2;
-        color: white;
-        border-color: blue2;
-      }
-    }
-    :active {
-      background-color: gray;
-      color: white;
-      border: none;
-    }
-    :disabled {
-      background-color: white;
-      border-color: bgLightGray1;
-    }
-  }
-  &[data-appearance='primaryLg'] {
-    background-color: blue2;
-    color: white;
-    border-color: blue2;
-    @media (hover: hover) {
-      &:hover {
-        background-color: white;
-        color: typoPrimary;
-        border-color: blue2;
-      }
-    }
-    :active {
-      background-color: gray;
-      color: white;
-      border: none;
-    }
-    :disabled {
-      background-color: bgLightGray1;
-      border-color: bgLightGray1;
-    }
-  }
-  &[data-appearance='minimal'] {
-    background-color: transparent;
-    border: none !important;
-    color: blue2;
-    :disabled {
-      color: blue2;
-    }
-  }
-  &[data-appearance='minimalRed'] {
-    background-color: transparent;
-    border: none !important;
-    color: red1;
-    @media (hover: hover) {
-      &:hover {
-        color: red3;
-        svg {
-          fill: red3 !important;
-        }
-      }
-    }
-    :disabled,
-    :active {
-      color: red3;
-      svg {
-        fill: red3 !important;
-      }
-    }
-  }
-  &[data-sizing='icon'] {
-    aspect-ratio: 4 / 3;
-    padding: 0.5em 0.875em;
-  }
-  &[data-sizing='iconLg'] {
-    min-width: 42px;
-    min-height: 38px;
-    padding: 0.5em 0.875em;
-    svg {
-      height: 16px;
-    }
-  }
-  &[data-sizing='normal'] {
-    min-width: 7rem;
-    padding: 12px 18px;
-    min-height: 38px;
-    line-height: 14px;
-    font-size: 14px;
-  }
-  &[data-sizing='large'] {
-    min-width: 12rem;
-    padding: 0.75em 1.5em;
-    min-height: 34px;
-    font-size: 12px;
-  }
-  &[data-sizing='grid'] {
-    min-width: 5rem;
-    padding: 0.5em 1.25em;
-    font-size: 10px;
-    border-radius: 5px;
-  }
-`,f=({isLoading:e,loadingText:a,icon:o,appearance:K="primary",disabled:b=!1,sizing:Q="normal",buttonRef:X,onClick:Y,fullWidth:ee=!1,...n})=>r.jsx(te,{...n,onClick:!b&&!e?Y:void 0,"data-appearance":K,"data-sizing":Q,disabled:b,ref:X,fullWidth:ee,children:r.jsxs(ne,{children:[o&&(typeof o=="string"?r.jsx(ie,{$addMargin:!!n.children,icon:o}):o),e?r.jsxs(r.Fragment,{children:[r.jsx(le,{$addMargin:!!a||!!n.children,children:r.jsx(oe,{variant:"sm"})}),a||a===""?a:"Loading"]}):n.children]})});try{f.displayName="Button",f.__docgenInfo={description:"",displayName:"Button",props:{appearance:{defaultValue:{value:"primary"},description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"success"'},{value:'"primary"'},{value:'"primaryLight"'},{value:'"secondary"'},{value:'"primaryLg"'},{value:'"secondaryLg"'},{value:'"minimal"'},{value:'"minimalRed"'}]}},buttonRef:{defaultValue:null,description:"",name:"buttonRef",required:!1,type:{name:"any"}},sizing:{defaultValue:{value:"normal"},description:"",name:"sizing",required:!1,type:{name:"enum",value:[{value:'"icon"'},{value:'"normal"'},{value:'"iconLg"'},{value:'"large"'},{value:'"grid"'}]}},isLoading:{defaultValue:null,description:"",name:"isLoading",required:!1,type:{name:"boolean"}},loadingText:{defaultValue:null,description:"",name:"loadingText",required:!1,type:{name:"string | Element"}},columnAlign:{defaultValue:null,description:"",name:"columnAlign",required:!1,type:{name:"boolean"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"string | Element"}},fullWidth:{defaultValue:{value:"false"},description:"",name:"fullWidth",required:!1,type:{name:"boolean"}},mt:{defaultValue:null,description:"",name:"mt",required:!1,type:{name:"string | number"}},mr:{defaultValue:null,description:"",name:"mr",required:!1,type:{name:"string | number"}},mb:{defaultValue:null,description:"",name:"mb",required:!1,type:{name:"string | number"}},ml:{defaultValue:null,description:"",name:"ml",required:!1,type:{name:"string | number"}}}}}catch{}const ge={title:"Elements/Button",component:f,tags:["autodocs"],argTypes:{}},l={args:{children:"Primary"}},i={args:{children:"Primary Light",appearance:"primaryLight"}},t={args:{children:"Secondary",appearance:"secondary"}},s={args:{children:"Success",appearance:"success"}},d={args:{children:"Large",sizing:"large"}},c={args:{children:"Small",sizing:"normal"}},m={args:{children:"Disabled",disabled:!0}},u={args:{children:"Disabled",disabled:!0,appearance:"secondary"}},h={args:{appearance:"secondary",loadingText:"Loading...",isLoading:!0}},p={args:{label:"Button",children:"Small",icon:"coffee"}};var v,x,H;l.parameters={...l.parameters,docs:{...(v=l.parameters)==null?void 0:v.docs,source:{originalSource:`{
-  args: {
-    children: 'Primary'
-  }
-}`,...(H=(x=l.parameters)==null?void 0:x.docs)==null?void 0:H.source}}};var w,L,S;i.parameters={...i.parameters,docs:{...(w=i.parameters)==null?void 0:w.docs,source:{originalSource:`{
-  args: {
-    children: 'Primary Light',
-    appearance: 'primaryLight'
-  }
-}`,...(S=(L=i.parameters)==null?void 0:L.docs)==null?void 0:S.source}}};var k,V,_;t.parameters={...t.parameters,docs:{...(k=t.parameters)==null?void 0:k.docs,source:{originalSource:`{
-  args: {
-    children: 'Secondary',
-    appearance: 'secondary'
-  }
-}`,...(_=(V=t.parameters)==null?void 0:V.docs)==null?void 0:_.source}}};var q,j,M;s.parameters={...s.parameters,docs:{...(q=s.parameters)==null?void 0:q.docs,source:{originalSource:`{
-  args: {
-    children: 'Success',
-    appearance: 'success'
-  }
-}`,...(M=(j=s.parameters)==null?void 0:j.docs)==null?void 0:M.source}}};var G,$,C;d.parameters={...d.parameters,docs:{...(G=d.parameters)==null?void 0:G.docs,source:{originalSource:`{
-  args: {
-    children: 'Large',
-    sizing: 'large'
-  }
-}`,...(C=($=d.parameters)==null?void 0:$.docs)==null?void 0:C.source}}};var P,B,E;c.parameters={...c.parameters,docs:{...(P=c.parameters)==null?void 0:P.docs,source:{originalSource:`{
-  args: {
-    children: 'Small',
-    sizing: 'normal'
-  }
-}`,...(E=(B=c.parameters)==null?void 0:B.docs)==null?void 0:E.source}}};var I,D,F;m.parameters={...m.parameters,docs:{...(I=m.parameters)==null?void 0:I.docs,source:{originalSource:`{
-  args: {
-    children: 'Disabled',
-    disabled: true
-  }
-}`,...(F=(D=m.parameters)==null?void 0:D.docs)==null?void 0:F.source}}};var W,N,R;u.parameters={...u.parameters,docs:{...(W=u.parameters)==null?void 0:W.docs,source:{originalSource:`{
-  args: {
-    children: 'Disabled',
-    disabled: true,
-    appearance: 'secondary'
-  }
-}`,...(R=(N=u.parameters)==null?void 0:N.docs)==null?void 0:R.source}}};var A,U,Z;h.parameters={...h.parameters,docs:{...(A=h.parameters)==null?void 0:A.docs,source:{originalSource:`{
-  args: {
-    appearance: 'secondary',
-    loadingText: 'Loading...',
-    isLoading: true
-  }
-}`,...(Z=(U=h.parameters)==null?void 0:U.docs)==null?void 0:Z.source}}};var T,O,J;p.parameters={...p.parameters,docs:{...(T=p.parameters)==null?void 0:T.docs,source:{originalSource:`{
-  args: {
-    label: 'Button',
-    children: 'Small',
-    icon: 'coffee'
-  }
-}`,...(J=(O=p.parameters)==null?void 0:O.docs)==null?void 0:J.source}}};const fe=["Primary","PrimaryLight","Secondary","Success","Large","Small","DisabledPrimary","DisabledSecondary","Loading","WithIcon"];export{m as DisabledPrimary,u as DisabledSecondary,d as Large,h as Loading,l as Primary,i as PrimaryLight,t as Secondary,c as Small,s as Success,p as WithIcon,fe as __namedExportsOrder,ge as default};
-//# sourceMappingURL=Button.stories-f88970f8.js.map

package/storybook-static/assets/Button.stories-f88970f8.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Button.stories-f88970f8.js","sources":["../../src/packages/ui/Elements/Icon/icons/FlagUSA.tsx","../../src/packages/ui/Elements/Icon/icons/FlagCZ.tsx","../../src/packages/ui/Elements/Button/styles.ts","../../src/packages/ui/Elements/Button/Button.tsx"],"sourcesContent":["import { type FC } from 'react'\nimport { SvgProps } from '../types'\n\nexport const FlagUSA: FC<SvgProps> = (props) => (\n <svg xmlns=\"http://www.w3.org/2000/svg\" id=\"flag-icons-us\" viewBox=\"0 0 640 480\" height=\"1em\" width=\"1em\" {...props}>\n <g fillRule=\"evenodd\">\n <g strokeWidth=\"1pt\">\n <path\n fill=\"#bd3d44\"\n d=\"M0 0h972.8v39.4H0zm0 78.8h972.8v39.4H0zm0 78.7h972.8V197H0zm0 78.8h972.8v39.4H0zm0 78.8h972.8v39.4H0zm0 78.7h972.8v39.4H0zm0 78.8h972.8V512H0z\"\n transform=\"scale(.9375)\"\n />\n <path\n fill=\"#fff\"\n d=\"M0 39.4h972.8v39.4H0zm0 78.8h972.8v39.3H0zm0 78.7h972.8v39.4H0zm0 78.8h972.8v39.4H0zm0 78.8h972.8v39.4H0zm0 78.7h972.8v39.4H0z\"\n transform=\"scale(.9375)\"\n />\n </g>\n <path fill=\"#192f5d\" d=\"M0 0h389.1v275.7H0z\" transform=\"scale(.9375)\" />\n <path\n fill=\"#fff\"\n d=\"M32.4 11.8 36 22.7h11.4l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.3-6.7H29zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.5 11-9.2-6.8-9.3 6.7 3.5-10.9-9.2-6.7h11.4zm64.8 0 3.6 10.9H177l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.3-6.7h11.5zm64.9 0 3.5 10.9H242l-9.3 6.7 3.6 11-9.3-6.8-9.3 6.7 3.6-10.9-9.3-6.7h11.4zm64.8 0 3.6 10.9h11.4l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.2-6.7h11.4zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.6 11-9.3-6.8-9.3 6.7 3.6-10.9-9.3-6.7h11.5zM64.9 39.4l3.5 10.9h11.5L70.6 57 74 67.9l-9-6.7-9.3 6.7L59 57l-9-6.7h11.4zm64.8 0 3.6 10.9h11.4l-9.3 6.7 3.6 10.9-9.3-6.7-9.3 6.7L124 57l-9.3-6.7h11.5zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.5 10.9-9.2-6.7-9.3 6.7 3.5-10.9-9.2-6.7H191zm64.8 0 3.6 10.9h11.4l-9.3 6.7 3.6 10.9-9.3-6.7-9.2 6.7 3.5-10.9-9.3-6.7H256zm64.9 0 3.5 10.9h11.5L330 57l3.5 10.9-9.2-6.7-9.3 6.7 3.5-10.9-9.2-6.7h11.4zM32.4 66.9 36 78h11.4l-9.2 6.7 3.5 10.9-9.3-6.8-9.2 6.8 3.5-11-9.3-6.7H29zm64.9 0 3.5 11h11.5l-9.3 6.7 3.5 10.9-9.2-6.8-9.3 6.8 3.5-11-9.2-6.7h11.4zm64.8 0 3.6 11H177l-9.2 6.7 3.5 10.9-9.3-6.8-9.2 6.8 3.5-11-9.3-6.7h11.5zm64.9 0 3.5 11H242l-9.3 6.7 3.6 10.9-9.3-6.8-9.3 6.8 3.6-11-9.3-6.7h11.4zm64.8 0 3.6 11h11.4l-9.2 6.7 3.5 10.9-9.3-6.8-9.2 6.8 3.5-11-9.2-6.7h11.4zm64.9 0 3.5 11h11.5l-9.3 6.7 3.6 10.9-9.3-6.8-9.3 6.8 3.6-11-9.3-6.7h11.5zM64.9 94.5l3.5 10.9h11.5l-9.3 6.7 3.5 11-9.2-6.8-9.3 6.7 3.5-10.9-9.2-6.7h11.4zm64.8 0 3.6 10.9h11.4l-9.3 6.7 3.6 11-9.3-6.8-9.3 6.7 3.6-10.9-9.3-6.7h11.5zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.5 11-9.2-6.8-9.3 6.7 3.5-10.9-9.2-6.7H191zm64.8 0 3.6 10.9h11.4l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.3-6.7H256zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.5 11-9.2-6.8-9.3 6.7 3.5-10.9-9.2-6.7h11.4zM32.4 122.1 36 133h11.4l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.3-6.7H29zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.5 10.9-9.2-6.7-9.3 6.7 3.5-10.9-9.2-6.7h11.4zm64.8 0 3.6 10.9H177l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.3-6.7h11.5zm64.9 0 3.5 10.9H242l-9.3 6.7 3.6 11-9.3-6.8-9.3 6.7 3.6-10.9-9.3-6.7h11.4zm64.8 0 3.6 10.9h11.4l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.2-6.7h11.4zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.6 11-9.3-6.8-9.3 6.7 3.6-10.9-9.3-6.7h11.5zM64.9 149.7l3.5 10.9h11.5l-9.3 6.7 3.5 10.9-9.2-6.8-9.3 6.8 3.5-11-9.2-6.7h11.4zm64.8 0 3.6 10.9h11.4l-9.3 6.7 3.6 10.9-9.3-6.8-9.3 6.8 3.6-11-9.3-6.7h11.5zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.5 10.9-9.2-6.8-9.3 6.8 3.5-11-9.2-6.7H191zm64.8 0 3.6 10.9h11.4l-9.2 6.7 3.5 10.9-9.3-6.8-9.2 6.8 3.5-11-9.3-6.7H256zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.5 10.9-9.2-6.8-9.3 6.8 3.5-11-9.2-6.7h11.4zM32.4 177.2l3.6 11h11.4l-9.2 6.7 3.5 10.8-9.3-6.7-9.2 6.7 3.5-10.9-9.3-6.7H29zm64.9 0 3.5 11h11.5l-9.3 6.7 3.6 10.8-9.3-6.7-9.3 6.7 3.6-10.9-9.3-6.7h11.4zm64.8 0 3.6 11H177l-9.2 6.7 3.5 10.8-9.3-6.7-9.2 6.7 3.5-10.9-9.3-6.7h11.5zm64.9 0 3.5 11H242l-9.3 6.7 3.6 10.8-9.3-6.7-9.3 6.7 3.6-10.9-9.3-6.7h11.4zm64.8 0 3.6 11h11.4l-9.2 6.7 3.5 10.8-9.3-6.7-9.2 6.7 3.5-10.9-9.2-6.7h11.4zm64.9 0 3.5 11h11.5l-9.3 6.7 3.6 10.8-9.3-6.7-9.3 6.7 3.6-10.9-9.3-6.7h11.5zM64.9 204.8l3.5 10.9h11.5l-9.3 6.7 3.5 11-9.2-6.8-9.3 6.7 3.5-10.9-9.2-6.7h11.4zm64.8 0 3.6 10.9h11.4l-9.3 6.7 3.6 11-9.3-6.8-9.3 6.7 3.6-10.9-9.3-6.7h11.5zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.5 11-9.2-6.8-9.3 6.7 3.5-10.9-9.2-6.7H191zm64.8 0 3.6 10.9h11.4l-9.2 6.7 3.5 11-9.3-6.8-9.2 6.7 3.5-10.9-9.3-6.7H256zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.5 11-9.2-6.8-9.3 6.7 3.5-10.9-9.2-6.7h11.4zM32.4 232.4l3.6 10.9h11.4l-9.2 6.7 3.5 10.9-9.3-6.7-9.2 6.7 3.5-11-9.3-6.7H29zm64.9 0 3.5 10.9h11.5L103 250l3.6 10.9-9.3-6.7-9.3 6.7 3.6-11-9.3-6.7h11.4zm64.8 0 3.6 10.9H177l-9 6.7 3.5 10.9-9.3-6.7-9.2 6.7 3.5-11-9.3-6.7h11.5zm64.9 0 3.5 10.9H242l-9.3 6.7 3.6 10.9-9.3-6.7-9.3 6.7 3.6-11-9.3-6.7h11.4zm64.8 0 3.6 10.9h11.4l-9.2 6.7 3.5 10.9-9.3-6.7-9.2 6.7 3.5-11-9.2-6.7h11.4zm64.9 0 3.5 10.9h11.5l-9.3 6.7 3.6 10.9-9.3-6.7-9.3 6.7 3.6-11-9.3-6.7h11.5z\"\n transform=\"scale(.9375)\"\n />\n </g>\n </svg>\n)\n","import { type FC } from 'react'\nimport { SvgProps } from '../types'\n\nexport const FlagCZ: FC<SvgProps> = (props) => (\n <svg xmlns=\"http://www.w3.org/2000/svg\" id=\"flag-icons-cz\" viewBox=\"0 0 640 480\" height=\"1em\" width=\"1em\" {...props}>\n <path fill=\"#fff\" d=\"M0 0h640v240H0z\" />\n <path fill=\"#d7141a\" d=\"M0 240h640v240H0z\" />\n <path fill=\"#11457e\" d=\"M360 240 0 0v480z\" />\n </svg>\n)\n","import { th } from '@xstyled/styled-components'\nimport styled from '@xstyled/styled-components'\nimport Icon from '../Icon'\n\nexport const StyledWrapper = styled.span`\n display: flex;\n justify-content: center;\n align-items: center;\n`\n\nexport const LoadingIconWrapper = styled.div<{\n $addMargin: boolean\n}>`\n & svg {\n margin-right: ${({ $addMargin }: { $addMargin: boolean }): string => ($addMargin ? '0.5em' : '0')};\n }\n`\n\nexport const StyledIcon = styled(Icon)<{\n $addMargin: boolean\n}>`\n & svg {\n height: 1em;\n margin-right: ${({ $addMargin }): string => ($addMargin ? '0.5em' : '0')};\n }\n`\n\nexport const StyledButton = styled.button<{\n disabled: boolean\n columnAlign?: boolean\n children?: any\n onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined\n fullWidth: boolean\n mt?: string | number\n mr?: string | number\n mb?: string | number\n ml?: string | number\n}>`\n width: ${({ fullWidth }) => (fullWidth ? '100%' : 'initial')};\n margin-top: ${({ mt }) => (mt ? mt : 0)};\n margin-right: ${({ mr }) => (mr ? mr : 0)};\n margin-bottom: ${({ mb }) => (mb ? mb : 0)};\n margin-left: ${({ ml }) => (ml ? ml : 0)};\n height: 2.5em;\n border: slim;\n text-align: center;\n text-decoration: none;\n display: ${({ columnAlign }) => (columnAlign ? 'flex' : 'inline-flex')};\n flex-direction: ${({ columnAlign }) => (columnAlign ? 'column' : 'auto')};\n align-items: ${({ columnAlign }) => (columnAlign ? 'center' : 'auto')};\n font-family: ${th('fonts.primary')};\n font-weight: semiBold;\n border-radius: lg;\n cursor: pointer;\n transition-duration: 0.1s;\n align-items: center;\n justify-content: center;\n transition: all 300ms ease-out;\n pointer-events: ${({ disabled }) => (disabled ? 'none' : 'auto')};\n opacity: ${({ disabled }) => (disabled ? '0.6' : '1')};\n\n :disabled {\n color: lightGray5;\n }\n\n :focus {\n outline: none;\n }\n\n &[data-appearance='primary'] {\n background-color: red1;\n color: white;\n border-color: red1;\n\n @media (hover: hover) {\n &:hover {\n background-color: white;\n color: red1;\n border-color: red1;\n }\n }\n\n :active {\n background-color: red1;\n color: red1;\n border: none;\n }\n\n :disabled {\n background-color: bgLightGray;\n border-color: lightGray5;\n color: gray3;\n }\n }\n\n &[data-appearance='primaryLight'] {\n color: red1;\n background-color: red20;\n border-color: red20;\n\n @media (hover: hover) {\n &:hover {\n background-color: red1;\n color: white;\n border-color: red1;\n }\n }\n\n :active {\n background-color: red1;\n color: white;\n border-color: red1;\n }\n\n :disabled {\n background-color: bgLightGray;\n border-color: lightGray5;\n color: gray3;\n }\n }\n\n &[data-appearance='success'] {\n background-color: successColor;\n color: white;\n border-color: successColor;\n\n @media (hover: hover) {\n &:hover {\n background-color: white;\n color: successColor;\n }\n }\n\n :active {\n background-color: white;\n color: successColor;\n }\n\n :disabled {\n background-color: bgLightGray;\n border-color: lightGray5;\n color: gray3;\n }\n }\n\n &[data-appearance='secondary'] {\n background-color: white;\n color: red1;\n border-color: red1;\n\n @media (hover: hover) {\n &:hover {\n background-color: red1;\n color: white;\n border-color: red1;\n }\n }\n\n :active {\n background-color: red1;\n color: red1;\n border-color: red1;\n }\n\n :disabled {\n background-color: white;\n border-color: lightGray7;\n }\n }\n\n &[data-appearance='secondaryLg'] {\n background-color: white;\n color: typoPrimary;\n border-color: blue2;\n\n @media (hover: hover) {\n &:hover {\n background-color: blue2;\n color: white;\n border-color: blue2;\n }\n }\n\n :active {\n background-color: gray;\n color: white;\n border: none;\n }\n\n :disabled {\n background-color: white;\n border-color: bgLightGray1;\n }\n }\n\n &[data-appearance='primaryLg'] {\n background-color: blue2;\n color: white;\n border-color: blue2;\n\n @media (hover: hover) {\n &:hover {\n background-color: white;\n color: typoPrimary;\n border-color: blue2;\n }\n }\n\n :active {\n background-color: gray;\n color: white;\n border: none;\n }\n\n :disabled {\n background-color: bgLightGray1;\n border-color: bgLightGray1;\n }\n }\n\n &[data-appearance='minimal'] {\n background-color: transparent;\n border: none !important;\n color: blue2;\n\n :disabled {\n color: blue2;\n }\n }\n\n &[data-appearance='minimalRed'] {\n background-color: transparent;\n border: none !important;\n color: red1;\n\n @media (hover: hover) {\n &:hover {\n color: red3;\n svg {\n fill: red3 !important;\n }\n }\n }\n \n :disabled,\n :active {\n color: red3;\n svg {\n fill: red3 !important;\n }\n }\n }\n\n &[data-sizing='icon'] {\n aspect-ratio: 4 / 3;\n padding: 0.5em 0.875em;\n }\n\n &[data-sizing='iconLg'] {\n min-width: 42px;\n min-height: 38px;\n padding: 0.5em 0.875em;\n svg {\n height: 16px;\n }\n }\n\n &[data-sizing='normal'] {\n min-width: 7rem;\n padding: 12px 18px;\n min-height: 38px;\n line-height: 14px;\n font-size: 14px;\n }\n\n &[data-sizing='large'] {\n min-width: 12rem;\n padding: 0.75em 1.5em;\n min-height: 34px;\n font-size: 12px;\n }\n\n &[data-sizing='grid'] {\n min-width: 5rem;\n padding: 0.5em 1.25em;\n font-size: 10px;\n border-radius: 5px;\n }\n`\n","import { StyledButton, LoadingIconWrapper, StyledIcon, StyledWrapper } from './styles'\nimport { Props } from './types'\nimport Spinner from '../Spinner'\n\nconst Button = ({\n isLoading,\n loadingText,\n icon,\n appearance = 'primary',\n disabled = false,\n sizing = 'normal',\n buttonRef,\n onClick,\n fullWidth = false,\n ...props\n}: Props): JSX.Element => (\n <StyledButton\n {...props}\n onClick={!disabled && !isLoading ? onClick : undefined}\n data-appearance={appearance}\n data-sizing={sizing}\n disabled={disabled}\n ref={buttonRef}\n fullWidth={fullWidth}\n >\n <StyledWrapper>\n {icon && (typeof icon === 'string' ? <StyledIcon $addMargin={!!props.children} icon={icon} /> : icon)}\n {isLoading ? (\n <>\n <LoadingIconWrapper $addMargin={!!loadingText || !!props.children}>\n <Spinner variant=\"sm\" />\n </LoadingIconWrapper>\n {loadingText || loadingText === '' ? loadingText : 'Loading'}\n </>\n ) : (\n props.children\n )}\n </StyledWrapper>\n </StyledButton>\n)\n\nexport default Button\n"],"names":["FlagUSA","props","jsx","jsxs","FlagCZ","StyledWrapper","styled","LoadingIconWrapper","$addMargin","StyledIcon","Icon","StyledButton","fullWidth","mt","mr","mb","ml","columnAlign","th","disabled","Button","isLoading","loadingText","icon","appearance","sizing","buttonRef","onClick","Fragment","Spinner"],"mappings":"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"}