@axos-web-dev/shared-components 2.0.0-dev.18-apy → 2.0.0-dev.19

package/README.md

@@ -1,111 +1,111 @@
-# Installation
-
-Using npm:
-
-```shell
-$ npm install @axos-web-dev/shared-components
-```
-
-To import components
-In Node.js:
-
-```js
-// Import Components
-import {
-  AlertBanner,
-  CallToActionBar,
-  DownloadTile,
-  ImageBillboard,
-  SecondaryFooter,
-} from "@axos-web-dev/shared-components";
-
-// Import Types/Interfaces
-
-import { AlertBannerInterface } from "@axos-web-dev/shared-components/dist/AlertBanner/AlertBanner.interface";
-```
-
-In css files:
-
-```css
-/*** Import styles ***/
-
-@import "@axos-web-dev/shared-components/dist/assets/AlertBanner/AlertBanner.css";
-```
-
-# 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
-```
-
-Last you to publish the new version:
-
-```shell
-npm publish
-```
+# Installation
+
+Using npm:
+
+```shell
+$ npm install @axos-web-dev/shared-components
+```
+
+To import components
+In Node.js:
+
+```js
+// Import Components
+import {
+  AlertBanner,
+  CallToActionBar,
+  DownloadTile,
+  ImageBillboard,
+  SecondaryFooter,
+} from "@axos-web-dev/shared-components";
+
+// Import Types/Interfaces
+
+import { AlertBannerInterface } from "@axos-web-dev/shared-components/dist/AlertBanner/AlertBanner.interface";
+```
+
+In css files:
+
+```css
+/*** Import styles ***/
+
+@import "@axos-web-dev/shared-components/dist/assets/AlertBanner/AlertBanner.css";
+```
+
+# 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
+```
+
+Last you to publish the new version:
+
+```shell
+npm publish
+```

package/dist/Avatar/Avatar.module.js

@@ -1,10 +1,10 @@
-import '../assets/Avatar/Avatar.css';const avatar_sec = "_avatar_sec_1clr6_1";
-const container = "_container_1clr6_5";
-const image = "_image_1clr6_14";
-const text = "_text_1clr6_23";
-const name = "_name_1clr6_29";
-const title = "_title_1clr6_37";
-const description = "_description_1clr6_44";
+import '../assets/Avatar/Avatar.css';const avatar_sec = "_avatar_sec_q4a8z_1";
+const container = "_container_q4a8z_9";
+const image = "_image_q4a8z_27";
+const text = "_text_q4a8z_45";
+const name = "_name_q4a8z_57";
+const title = "_title_q4a8z_73";
+const description = "_description_q4a8z_87";
 const css = {
   avatar_sec,
   container,

package/dist/Blockquote/Blockquote.module.js

@@ -1,6 +1,6 @@
-import '../assets/Blockquote/Blockquote.css';const quote_spacer = "_quote_spacer_ovx4r_1";
-const author = "_author_ovx4r_7";
-const quote = "_quote_ovx4r_1";
+import '../assets/Blockquote/Blockquote.css';const quote_spacer = "_quote_spacer_lqs2u_1";
+const author = "_author_lqs2u_13";
+const quote = "_quote_lqs2u_1";
 const css = {
   quote_spacer,
   author,

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

@@ -25,18 +25,17 @@ 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 field_label: string;
-export declare const field_row_input: string;
-export declare const field_row_input_error: string;
-export declare const field_error: 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 marketingTile: string;
+export declare const bodyContent: string;
 export declare const header_theme: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
@@ -55,19 +54,3 @@ export declare const header_theme: import('@vanilla-extract/recipes').RuntimeFn<
 }>;
 export declare const mt_8: string;
 export declare const pis_0: string;
-export declare const listbox_button: string;
-export declare const chevron_icon: string;
-export declare const listbox_options: string;
-export declare const listbox_option: string;
-export declare const results_wrapper: string;
-export declare const optional_badge: string;
-export declare const scrambling: string;
-export declare const result_card: string;
-export declare const result_section: string;
-export declare const result_value_label: string;
-export declare const result_value: string;
-export declare const result_item: string;
-export declare const result_item_label: string;
-export declare const result_item_value: string;
-export declare const marketingTile: string;
-export declare const bodyContent: string;

package/dist/Calculators/ApyCalculator/ApyCalculator.css.js

@@ -1,8 +1,7 @@
-import '../../assets/Calculators/ApyCalculator/ApyCalculator.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+import '../../assets/Calculators/ApyCalculator/ApyCalculator.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                  */
 /* empty css                                       */
-/* empty css                                             */
 /* empty css                                 */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var container = createRuntimeFn({ defaultClassName: "_1vox1xj0", variantClassNames: { variant: { primary: "_1vox1xj1", secondary: "_1vox1xj2", tertiary: "_1vox1xj3", quaternary: "_1vox1xj4" } }, defaultVariants: {}, compoundVariants: [] });
@@ -13,74 +12,40 @@ var apy_calculator_form = "_1vox1xj8";
 var errorTag = "_1vox1xj9";
 var fieldset = "_1vox1xja";
 var field_row = "_1vox1xjb";
-var field_label = "_1vox1xjc";
-var field_row_input = "_1vox1xjd";
-var field_row_input_error = "_1vox1xje";
-var field_error = "_1vox1xjf";
-var relative = "_1vox1xjg";
-var label_symbol = "_1vox1xjh";
-var percent = "_1vox1xji";
-var prefix_pad = "_1vox1xjj";
-var submit_section = "_1vox1xjk";
-var span_12 = "_1vox1xjl";
-var form_disclosure = "_1vox1xjm";
-var marketing = "_1vox1xjn";
-var header_theme = createRuntimeFn({ defaultClassName: "_1vox1xjo", variantClassNames: { variant: { primary: "_1vox1xjp", secondary: "_1vox1xjq", tertiary: "_1vox1xjr", quaternary: "_1vox1xjs" } }, defaultVariants: {}, compoundVariants: [] });
-var mt_8 = "_1vox1xjt";
-var pis_0 = "_1vox1xju";
-var listbox_button = "_1vox1xjv";
-var chevron_icon = "_1vox1xjw";
-var listbox_options = "_1vox1xjx";
-var listbox_option = "_1vox1xjy";
-var results_wrapper = "_1vox1xjz";
-var optional_badge = "_1vox1xj10";
-var scrambling = "_1vox1xj12";
-var result_card = "_1vox1xj13";
-var result_section = "_1vox1xj14";
-var result_value_label = "_1vox1xj15";
-var result_value = "_1vox1xj16";
-var result_item = "_1vox1xj17";
-var result_item_label = "_1vox1xj18";
-var result_item_value = "_1vox1xj19";
-var marketingTile = "_1vox1xj1a";
-var bodyContent = "_1vox1xj1b";
+var relative = "_1vox1xjc";
+var label_symbol = "_1vox1xjd";
+var cash = "_1vox1xje";
+var percent = "_1vox1xjf";
+var prefix_pad = "_1vox1xjg";
+var submit_section = "_1vox1xjh";
+var span_12 = "_1vox1xji";
+var form_disclosure = "_1vox1xjj";
+var marketing = "_1vox1xjk";
+var marketingTile = "_1vox1xjl";
+var bodyContent = "_1vox1xjm";
+var header_theme = createRuntimeFn({ defaultClassName: "_1vox1xjn", variantClassNames: { variant: { primary: "_1vox1xjo", secondary: "_1vox1xjp", tertiary: "_1vox1xjq", quaternary: "_1vox1xjr" } }, defaultVariants: {}, compoundVariants: [] });
+var mt_8 = "_1vox1xjs";
+var pis_0 = "_1vox1xjt";
 export {
   apy_calculator,
   apy_calculator_form,
   bodyContent,
   calculator_section,
-  chevron_icon,
+  cash,
   container,
   errorTag,
-  field_error,
-  field_label,
   field_row,
-  field_row_input,
-  field_row_input_error,
   fieldset,
   form_disclosure,
   header_theme,
   label_symbol,
-  listbox_button,
-  listbox_option,
-  listbox_options,
   marketing,
   marketingTile,
   mt_8,
-  optional_badge,
   percent,
   pis_0,
   prefix_pad,
   relative,
-  result_card,
-  result_item,
-  result_item_label,
-  result_item_value,
-  result_section,
-  result_value,
-  result_value_label,
-  results_wrapper,
-  scrambling,
   section_header,
   span_12,
   submit_section