@axos-web-dev/shared-components 0.0.1

package/README.md

@@ -0,0 +1,70 @@
+# Shared components
+
+This project is develop using `React + TypeScript + Vite + Storybook + Vanilla-extract` to building custom components for internal use.
+
+## How to add new component
+
+For add a new component use the `src/lib` folder and create a folder for the component. After that you should register an export in `src/lib/main.ts` file.
+
+Also you need create a storie for the new component. Go to `src/stories` and create a new file or folder.
+
+```shell
+git clone bofaz@vs-ssh.visualstudio.com:v3/bofaz/Axos%20Marketing%20Cloud/Shared%20Components shared-components
+
+cd shared-components
+
+npm install
+
+# for using storybook
+npm run storybook
+
+# for build
+npm run build
+
+# for testing in other projects
+npm run build
+
+npm link
+
+```
+
+For publishing we need to udpate the version we are using [semantic versioning](https://semver.org/)
+
+```
+Given a version number MAJOR.MINOR.PATCH, increment the:
+
+    MAJOR version when you make incompatible API changes
+    MINOR version when you add functionality in a backward compatible manner
+    PATCH version when you make backward compatible bug fixes
+
+Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.
+```
+
+we can update the version with the following commands:
+
+```shell
+# bumps the patch number like 0.0.0 -> 0.0.1
+npm version patch
+
+# bumps the patch number like 0.0.0 -> 0.1.0
+npm version minor
+
+# bumps the patch number like 0.0.0 -> 1.0.0
+npm version major
+
+
+
+```
+
+
+## How to publish new library version to npm
+
+First update the version as previously described 
+```shell
+npm version [...]
+```
+Then you will need to login into npm to do that write: 
+
+```shell
+npm login --scope@my-org
+```

package/dist/Accordion/Accordion.css.d.ts

@@ -0,0 +1,55 @@
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const accordion: import("@vanilla-extract/recipes").RuntimeFn<{
+    width: {
+        "1/2": {
+            display: "flex";
+            flexBasis: `${number}%`;
+        };
+        "1/3": {
+            display: "flex";
+            flexBasis: `${number}%`;
+        };
+        "2/3": {
+            display: "flex";
+            flexBasis: `${number}%`;
+        };
+        "1/4": {
+            display: "flex";
+            flexBasis: `${number}%`;
+        };
+        "3/4": {
+            display: "flex";
+            flexBasis: `${number}%`;
+        };
+        "1/5": {
+            display: "flex";
+            flexBasis: `${number}%`;
+        };
+        "2/5": {
+            display: "flex";
+            flexBasis: `${number}%`;
+        };
+        "3/5": {
+            display: "flex";
+            flexBasis: `${number}%`;
+        };
+        "4/5": {
+            display: "flex";
+            flexBasis: `${number}%`;
+        };
+    };
+}>;
+export declare const header: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export type Header = RecipeVariants<typeof header>;
+export declare const headerContent: string;
+export declare const icon: string;
+export declare const body: string;
+export declare const hide: string;
+export declare const paragraph: string;
+//# sourceMappingURL=Accordion.css.d.ts.map

package/dist/Accordion/Accordion.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.css.d.ts","sourceRoot":"","sources":["../../lib/Accordion/Accordion.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAU,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BpB,CAAC;AAEH,eAAO,MAAM,MAAM;;;;;;EAgCjB,CAAC;AAEH,MAAM,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEnD,eAAO,MAAM,aAAa,QAExB,CAAC;AAEH,eAAO,MAAM,IAAI,QAkBf,CAAC;AAEH,eAAO,MAAM,IAAI,QAWf,CAAC;AAEH,eAAO,MAAM,IAAI,QAGf,CAAC;AAEH,eAAO,MAAM,SAAS,QAQpB,CAAC"}

package/dist/Accordion/Accordion.css.js

@@ -0,0 +1,19 @@
+/* empty css                             */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var accordion = createRuntimeFn({ defaultClassName: "qfoxng0", variantClassNames: { width: { "1/2": "qfoxng1", "1/3": "qfoxng2", "2/3": "qfoxng3", "1/4": "qfoxng4", "3/4": "qfoxng5", "1/5": "qfoxng6", "2/5": "qfoxng7", "3/5": "qfoxng8", "4/5": "qfoxng9" } }, defaultVariants: {}, compoundVariants: [] });
+var header = createRuntimeFn({ defaultClassName: "qfoxnga", variantClassNames: { variant: { primary: "qfoxngb" } }, defaultVariants: { variant: "primary" }, compoundVariants: [] });
+var headerContent = "qfoxngc";
+var icon = "qfoxngd";
+var body = "qfoxnge";
+var hide = "qfoxngf";
+var paragraph = "qfoxngg";
+export {
+  accordion,
+  body,
+  header,
+  headerContent,
+  hide,
+  icon,
+  paragraph
+};
+//# sourceMappingURL=Accordion.css.js.map

package/dist/Accordion/Accordion.css.js.map

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

package/dist/Accordion/Accordion.d.ts

@@ -0,0 +1,12 @@
+import React, { PropsWithChildren } from "react";
+export type Accordion = {
+    expanded?: boolean;
+};
+export declare const AccordionCtx: React.Context<{
+    isOpen: boolean;
+    onclick: () => void;
+}>;
+export declare const AccordionHeader: (props: PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
+export declare const AccordionDetails: ({ children }: PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
+export declare const Accordion: (props: Accordion & PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/Accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../lib/Accordion/Accordion.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EACZ,iBAAiB,EAIlB,MAAM,OAAO,CAAC;AAWf,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,YAAY;;;EAGvB,CAAC;AAEH,eAAO,MAAM,eAAe,UAAW,iBAAiB,gDASvD,CAAC;AAEF,eAAO,MAAM,gBAAgB,iBAAkB,iBAAiB,gDAE/D,CAAC;AAEF,eAAO,MAAM,SAAS,UAAW,SAAS,GAAG,iBAAiB,gDAqB7D,CAAC"}

package/dist/Accordion/Accordion.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import "../icons/CheckIcon/CheckIcon.css.js";
+import SvgChevronDown from "../icons/ChevronDown.js";
+import SvgChevronUp from "../icons/ChevronUp.js";
+import "../themes/vars.css.ts.vanilla.css.js";
+/* empty css                                                    */
+import clsx from "clsx";
+import React, { createContext, useContext, useState } from "react";
+import { header, headerContent, icon, accordion, body, hide, paragraph } from "./Accordion.css.js";
+const AccordionCtx = createContext({
+  isOpen: false,
+  onclick: () => {
+  }
+});
+const AccordionHeader = (props) => {
+  const { children } = props;
+  const { isOpen, onclick } = useContext(AccordionCtx);
+  return /* @__PURE__ */ jsxs("div", { className: clsx(header()), onClick: onclick, children: [
+    /* @__PURE__ */ jsx("p", { className: clsx(headerContent), children }),
+    /* @__PURE__ */ jsx("div", { className: icon, children: isOpen ? /* @__PURE__ */ jsx(SvgChevronDown, {}) : /* @__PURE__ */ jsx(SvgChevronUp, {}) })
+  ] });
+};
+const AccordionDetails = ({ children }) => {
+  return /* @__PURE__ */ jsx("div", { children });
+};
+const Accordion = (props) => {
+  const { expanded = false, children: childrenProps } = props;
+  const [isOpen, setIsOpen] = useState(expanded);
+  const [header2, ...children] = React.Children.toArray(childrenProps);
+  return /* @__PURE__ */ jsx(
+    AccordionCtx.Provider,
+    {
+      value: {
+        isOpen,
+        onclick: () => setIsOpen(!isOpen)
+      },
+      children: /* @__PURE__ */ jsx("div", { className: clsx(accordion()), children: /* @__PURE__ */ jsxs("div", { className: clsx(isOpen ? "expanded" : ""), children: [
+        header2,
+        /* @__PURE__ */ jsx("div", { className: clsx(body, isOpen ? null : hide, paragraph), children })
+      ] }) })
+    }
+  );
+};
+export {
+  Accordion,
+  AccordionCtx,
+  AccordionDetails,
+  AccordionHeader
+};
+//# sourceMappingURL=Accordion.js.map

package/dist/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sources":["../../lib/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { ChevronDown, ChevronUp } from \"@lib/icons\";\nimport clsx from \"clsx\";\nimport React, {\n  PropsWithChildren,\n  createContext,\n  useContext,\n  useState,\n} from \"react\";\nimport {\n  accordion,\n  body,\n  header,\n  headerContent,\n  hide,\n  icon,\n  paragraph,\n} from \"./Accordion.css\";\n\nexport type Accordion = {\n  expanded?: boolean;\n};\n\nexport const AccordionCtx = createContext({\n  isOpen: false,\n  onclick: () => {},\n});\n\nexport const AccordionHeader = (props: PropsWithChildren) => {\n  const { children } = props;\n  const { isOpen, onclick } = useContext(AccordionCtx);\n  return (\n    <div className={clsx(header())} onClick={onclick}>\n      <p className={clsx(headerContent)}>{children}</p>\n      <div className={icon}>{isOpen ? <ChevronDown /> : <ChevronUp />}</div>\n    </div>\n  );\n};\n\nexport const AccordionDetails = ({ children }: PropsWithChildren) => {\n  return <div>{children}</div>;\n};\n\nexport const Accordion = (props: Accordion & PropsWithChildren) => {\n  const { expanded = false, children: childrenProps } = props;\n  const [isOpen, setIsOpen] = useState(expanded);\n  const [header, ...children] = React.Children.toArray(childrenProps);\n  return (\n    <AccordionCtx.Provider\n      value={{\n        isOpen: isOpen,\n        onclick: () => setIsOpen(!isOpen),\n      }}\n    >\n      <div className={clsx(accordion())}>\n        <div className={clsx(isOpen ? \"expanded\" : \"\")}>\n          {header}\n          <div className={clsx(body, isOpen ? null : hide, paragraph)}>\n            {children}\n          </div>\n        </div>\n      </div>\n    </AccordionCtx.Provider>\n  );\n};\n"],"names":["ChevronDown","ChevronUp","header"],"mappings":";;;;;;;;;;AAwBO,MAAM,eAAe,cAAc;AAAA,EACxC,QAAQ;AAAA,EACR,SAAS,MAAM;AAAA,EAAC;AAClB,CAAC;AAEY,MAAA,kBAAkB,CAAC,UAA6B;AACrD,QAAA,EAAE,SAAa,IAAA;AACrB,QAAM,EAAE,QAAQ,QAAQ,IAAI,WAAW,YAAY;AAEjD,SAAA,qBAAC,SAAI,WAAW,KAAK,QAAQ,GAAG,SAAS,SACvC,UAAA;AAAA,IAAA,oBAAC,KAAE,EAAA,WAAW,KAAK,aAAa,GAAI,UAAS;AAAA,IAC7C,oBAAC,OAAI,EAAA,WAAW,MAAO,UAAA,6BAAUA,gBAAY,CAAA,CAAA,IAAM,oBAAAC,cAAA,CAAA,CAAU,EAAG,CAAA;AAAA,EAClE,EAAA,CAAA;AAEJ;AAEO,MAAM,mBAAmB,CAAC,EAAE,eAAkC;AAC5D,SAAA,oBAAC,SAAK,SAAS,CAAA;AACxB;AAEa,MAAA,YAAY,CAAC,UAAyC;AACjE,QAAM,EAAE,WAAW,OAAO,UAAU,kBAAkB;AACtD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,QAAQ;AACvC,QAAA,CAACC,SAAQ,GAAG,QAAQ,IAAI,MAAM,SAAS,QAAQ,aAAa;AAEhE,SAAA;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS,MAAM,UAAU,CAAC,MAAM;AAAA,MAClC;AAAA,MAEA,UAAC,oBAAA,OAAA,EAAI,WAAW,KAAK,UAAW,CAAA,GAC9B,UAAC,qBAAA,OAAA,EAAI,WAAW,KAAK,SAAS,aAAa,EAAE,GAC1C,UAAA;AAAA,QAAAA;AAAAA,QACD,oBAAC,OAAI,EAAA,WAAW,KAAK,MAAM,SAAS,OAAO,MAAM,SAAS,GACvD,SACH,CAAA;AAAA,MAAA,EAAA,CACF,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/Accordion/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Accordion";
+export * from "./Accordion.css";
+//# sourceMappingURL=index.d.ts.map

package/dist/Accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/Accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC"}

package/dist/Accordion/index.js

@@ -0,0 +1,16 @@
+import { Accordion, AccordionCtx, AccordionDetails, AccordionHeader } from "./Accordion.js";
+import { accordion, body, header, headerContent, hide, icon, paragraph } from "./Accordion.css.js";
+export {
+  Accordion,
+  AccordionCtx,
+  AccordionDetails,
+  AccordionHeader,
+  accordion,
+  body,
+  header,
+  headerContent,
+  hide,
+  icon,
+  paragraph
+};
+//# sourceMappingURL=index.js.map

package/dist/Accordion/index.js.map

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

package/dist/AlertBanner/AlertBanner.css.d.ts

@@ -0,0 +1,16 @@
+export declare const alertBanner: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        Standard: {
+            background: "#DEF4FF";
+            borderLeft: "8px solid #2F5B88";
+        };
+        Emergency: {
+            background: "#FFFBF2";
+            borderLeft: "8px solid #D2272F";
+        };
+    };
+}>;
+export declare const alertBanner_img_section: string;
+export declare const alertBanner_body: string;
+export declare const alertBanner_cta: string;
+//# sourceMappingURL=AlertBanner.css.d.ts.map

package/dist/AlertBanner/AlertBanner.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertBanner.css.d.ts","sourceRoot":"","sources":["../../lib/AlertBanner/AlertBanner.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;;;;;;;;;;EA4BtB,CAAC;AAEH,eAAO,MAAM,uBAAuB,QAAY,CAAC;AAMjD,eAAO,MAAM,gBAAgB,QAQ3B,CAAC;AAEH,eAAO,MAAM,eAAe,QAAY,CAAC"}

package/dist/AlertBanner/AlertBanner.css.js

@@ -0,0 +1,13 @@
+/* empty css                               */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var alertBanner = createRuntimeFn({ defaultClassName: "_1jmmqba0", variantClassNames: { variant: { Standard: "_1jmmqba1", Emergency: "_1jmmqba2" } }, defaultVariants: {}, compoundVariants: [] });
+var alertBanner_img_section = "_1jmmqba3";
+var alertBanner_body = "_1jmmqba4";
+var alertBanner_cta = "_1jmmqba5";
+export {
+  alertBanner,
+  alertBanner_body,
+  alertBanner_cta,
+  alertBanner_img_section
+};
+//# sourceMappingURL=AlertBanner.css.js.map

package/dist/AlertBanner/AlertBanner.css.js.map

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

package/dist/AlertBanner/AlertBanner.interface.d.ts

@@ -0,0 +1,17 @@
+import { ChevronProps } from '../Chevron/Chevron.interface';
+export interface AlertBannerInterface {
+    /**
+     * Defines the banner style
+     */
+    alertType: "Standard" | "Emergency";
+    /**
+     * body description to display
+     */
+    message: string;
+    /**
+     * callToAction props
+     */
+    callToAction: ChevronProps;
+    id?: string;
+}
+//# sourceMappingURL=AlertBanner.interface.d.ts.map

package/dist/AlertBanner/AlertBanner.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertBanner.interface.d.ts","sourceRoot":"","sources":["../../lib/AlertBanner/AlertBanner.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,SAAS,EAAE,UAAU,GAAG,WAAW,CAAC;IACpC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,YAAY,EAAE,YAAY,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb"}

package/dist/AlertBanner/AlertBanner.interface.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=AlertBanner.interface.js.map

package/dist/AlertBanner/AlertBanner.interface.js.map

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

package/dist/AlertBanner/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { AlertBannerInterface } from "./AlertBanner.interface";
+export declare const AlertBanner: FC<AlertBannerInterface>;
+//# sourceMappingURL=index.d.ts.map

package/dist/AlertBanner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/AlertBanner/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQ3B,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,oBAAoB,CAuBhD,CAAC"}

package/dist/AlertBanner/index.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Chevron } from "../Chevron/index.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+import "../themes/vars.css.ts.vanilla.css.js";
+/* empty css                                                    */
+import { LockIcon } from "../icons/LockIcon/index.js";
+import { WarningIcon } from "../icons/WarningIcon/index.js";
+import { alertBanner, alertBanner_img_section, alertBanner_body, alertBanner_cta } from "./AlertBanner.css.js";
+const AlertBanner = ({
+  alertType,
+  message,
+  callToAction,
+  id
+}) => {
+  return /* @__PURE__ */ jsx("section", { className: ``, children: /* @__PURE__ */ jsxs("div", { className: `${alertBanner({ variant: alertType })} flex`, children: [
+    /* @__PURE__ */ jsx("div", { className: `${alertBanner_img_section}`, children: alertType === "Standard" ? /* @__PURE__ */ jsx(LockIcon, {}) : /* @__PURE__ */ jsx(WarningIcon, {}) }),
+    /* @__PURE__ */ jsxs("div", { className: `${alertBanner_body} flex`, children: [
+      /* @__PURE__ */ jsx("p", { children: message }),
+      /* @__PURE__ */ jsx("div", { className: alertBanner_cta, children: /* @__PURE__ */ jsx(Chevron, { targetUrl: callToAction.targetUrl, variant: "primary", children: callToAction.displayText }) })
+    ] })
+  ] }) }, id);
+};
+export {
+  AlertBanner
+};
+//# sourceMappingURL=index.js.map

package/dist/AlertBanner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../lib/AlertBanner/index.tsx"],"sourcesContent":["\"use client\";\nimport { Chevron } from \"@lib/Chevron\";\nimport { FC } from \"react\";\nimport { LockIcon, WarningIcon } from \"../icons\";\nimport {\n  alertBanner,\n  alertBanner_body,\n  alertBanner_cta,\n  alertBanner_img_section,\n} from \"./AlertBanner.css\";\nimport { AlertBannerInterface } from \"./AlertBanner.interface\";\n\nexport const AlertBanner: FC<AlertBannerInterface> = ({\n  alertType,\n  message,\n  callToAction,\n  id,\n}) => {\n  return (\n    <section key={id} className={``}>\n      <div className={`${alertBanner({ variant: alertType })} flex`}>\n        <div className={`${alertBanner_img_section}`}>\n          {alertType === \"Standard\" ? <LockIcon /> : <WarningIcon />}\n        </div>\n        <div className={`${alertBanner_body} flex`}>\n          <p>{message}</p>\n          <div className={alertBanner_cta}>\n            <Chevron targetUrl={callToAction.targetUrl} variant=\"primary\">\n              {callToAction.displayText}\n            </Chevron>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAYO,MAAM,cAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACG,oBAAA,WAAA,EAAiB,WAAW,IAC3B,+BAAC,OAAI,EAAA,WAAW,GAAG,YAAY,EAAE,SAAS,UAAU,CAAC,CAAC,SACpD,UAAA;AAAA,IAAA,oBAAC,OAAI,EAAA,WAAW,GAAG,uBAAuB,IACvC,UAAA,cAAc,aAAa,oBAAC,UAAS,CAAA,CAAA,IAAM,oBAAA,aAAA,CAAY,CAAA,GAC1D;AAAA,IACC,qBAAA,OAAA,EAAI,WAAW,GAAG,gBAAgB,SACjC,UAAA;AAAA,MAAA,oBAAC,OAAG,UAAQ,QAAA,CAAA;AAAA,MACX,oBAAA,OAAA,EAAI,WAAW,iBACd,UAAC,oBAAA,SAAA,EAAQ,WAAW,aAAa,WAAW,SAAQ,WACjD,UAAA,aAAa,YAChB,CAAA,GACF;AAAA,IAAA,GACF;AAAA,EAAA,GACF,KAbY,EAcd;AAEJ;"}

package/dist/ApyCalculator/ApyCalculator.css.d.ts

@@ -0,0 +1,20 @@
+export declare const apy_calculator: string;
+export declare const calculator_section: string;
+export declare const section_header: string;
+export declare const apy_calculator_form: string;
+export declare const errorTag: string;
+export declare const fieldset: string;
+export declare const field_row: string;
+export declare const relative: string;
+export declare const label_symbol: string;
+export declare const cash: string;
+export declare const percent: string;
+export declare const prefix_pad: string;
+export declare const submit_section: string;
+export declare const span_12: string;
+export declare const form_disclosure: string;
+export declare const marketing: string;
+export declare const marketing_tile: string;
+export declare const cta_section: string;
+export declare const marketing_table: string;
+//# sourceMappingURL=ApyCalculator.css.d.ts.map

package/dist/ApyCalculator/ApyCalculator.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApyCalculator.css.d.ts","sourceRoot":"","sources":["../../lib/ApyCalculator/ApyCalculator.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,QAOzB,CAAC;AAEH,eAAO,MAAM,kBAAkB,QAO7B,CAAC;AAEH,eAAO,MAAM,cAAc,QAKzB,CAAC;AAQH,eAAO,MAAM,mBAAmB,QAAY,CAAC;AAE7C,eAAO,MAAM,QAAQ,QAInB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAGnB,CAAC;AAEH,eAAO,MAAM,SAAS,QAEpB,CAAC;AAgCH,eAAO,MAAM,QAAQ,QAEnB,CAAC;AAEH,eAAO,MAAM,YAAY,QAMvB,CAAC;AAEH,eAAO,MAAM,IAAI,QAGf,CAAC;AAEH,eAAO,MAAM,OAAO,QAGlB,CAAC;AAEH,eAAO,MAAM,UAAU,QAErB,CAAC;AAEH,eAAO,MAAM,cAAc,QAAY,CAAC;AAExC,eAAO,MAAM,OAAO,QAElB,CAAC;AAEH,eAAO,MAAM,eAAe,QAM1B,CAAC;AASH,eAAO,MAAM,SAAS,QAMpB,CAAC;AAEH,eAAO,MAAM,cAAc,QAGzB,CAAC;AAQH,eAAO,MAAM,WAAW,QAItB,CAAC;AAEH,eAAO,MAAM,eAAe,QAS1B,CAAC"}

package/dist/ApyCalculator/ApyCalculator.css.js

@@ -0,0 +1,42 @@
+/* empty css                                 */
+var apy_calculator = "_74vxga0";
+var calculator_section = "_74vxga1";
+var section_header = "_74vxga2";
+var apy_calculator_form = "_74vxga3";
+var errorTag = "_74vxga4";
+var fieldset = "_74vxga5";
+var field_row = "_74vxga6";
+var relative = "_74vxga7";
+var label_symbol = "_74vxga8";
+var cash = "_74vxga9";
+var percent = "_74vxgaa";
+var prefix_pad = "_74vxgab";
+var submit_section = "_74vxgac";
+var span_12 = "_74vxgad";
+var form_disclosure = "_74vxgae";
+var marketing = "_74vxgaf";
+var marketing_tile = "_74vxgag";
+var cta_section = "_74vxgah";
+var marketing_table = "_74vxgai";
+export {
+  apy_calculator,
+  apy_calculator_form,
+  calculator_section,
+  cash,
+  cta_section,
+  errorTag,
+  field_row,
+  fieldset,
+  form_disclosure,
+  label_symbol,
+  marketing,
+  marketing_table,
+  marketing_tile,
+  percent,
+  prefix_pad,
+  relative,
+  section_header,
+  span_12,
+  submit_section
+};
+//# sourceMappingURL=ApyCalculator.css.js.map

package/dist/ApyCalculator/ApyCalculator.css.js.map

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

package/dist/ApyCalculator/index.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+export declare const ApyCalculator: FC;
+//# sourceMappingURL=index.d.ts.map

package/dist/ApyCalculator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/ApyCalculator/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAwBhD,eAAO,MAAM,aAAa,EAAE,EAoS3B,CAAC"}