@alto-avios/alto-ui 1.2.1-alpha.5 → 2.0.0

package/README.md

@@ -4,37 +4,59 @@
 
 [Zeroheight Documentation](https://zeroheight.com/8d62898ee/p/69c136-how-to-use-components)
 
-## Install Package
+## Prerequisites
 
-Install the Avios Alto Component Library package 
+Before setting up the project, ensure you have the following installed on your local machine:
 
-`npm install @alto-avios/alto-ui`
+- **Node.js**: v20.11.1 (as recommended)
+- **NPM**: Comes with Node.js
+- **nvm**: (Optional, but recommended for managing Node versions)
 
-## Install Design Tokens
+## Local Setup
 
-Add the following scripts to your `package.json`
+Clone the repository from our github repository here: https://github.com/IAG-Loyalty/alto-ui
 
-```json
-"scripts": {
-    ... ,
-    "build-tokens": "npx tsx ./node_modules/@alto-avios/alto-tokens/config.ts",
-    "clean-tokens": "rm -rf alto-tokens"
-},
-```
+You will need to setup a personal access token. 
+
+Once cloned simply run
+
+```npm i```
+
+This should install the avios tokens package too which can be located in your node_modules folder.
+
+### Running Tests
+
+If you want to run the tests for this project, you can do so with the following command:
+
+```npm run test```
+
+### Running Storybook Locally
 
-Build your generated tokens using the following command
+To run storybook locally run the following command
 
-`npm run build-tokens`
+```npm run storybook```
 
-Your newly generated tokens can be found in a folder named: `~/alto-tokens`
+### Bundling the package with vite
 
-Place the design token package into your `src` directory.
+If you want to bundle the components for production, use the following command to create an optimized build:
 
-## Import Fonts
+```npm run vite```
 
-Download the font assets from this repository: https://github.com/va1-a/dali-fonts and add them to your project.
+### To create static Storybook files
 
-## Importing Alto Components
+We need to create static storybook files for our public domain site to use. Run the following command
+
+```npm run build:storybook```
+
+## For Application using our package
+
+### Install Package in Applications
+
+Install the Avios Alto Component Library package 
+
+`npm install @alto-avios/alto-ui`
+
+### Importing Alto Components
 
 After following the installation process, you can import and use Alto-UI components in your React application. Here is an example of how to do it.
 
@@ -51,7 +73,7 @@ const App = () => (
 export default App;
 ```
 
-## Update
+### Update
 
 Check if an update exists:
 
@@ -61,8 +83,6 @@ If an update is available, update the package:
 
 `npm i @alto-avios/alto-ui@latest`
 
-## Dependencies
-
 ### Node
 
 Make sure to use Node -v `20.11.1`.

package/dist/assets/Eyebrow.css

@@ -0,0 +1 @@
+._eyebrow_c96e1_1{background:var(--alto-eyebrow-color-bg);border-radius:var(--alto-eyebrow-radius);color:var(--alto-sem-color-fg-accent-secondary);display:inline-block;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);font-style:normal;font-weight:400;letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);padding:var(--alto-eyebrow-padding-vertical) var(--alto-eyebrow-padding-horizontal)}._inspiration_c96e1_15{background-color:var(--alto-eyebrow-color-bg)}._collect_c96e1_19{background-color:#c7fcec}._spend_c96e1_23{background-color:#e0deff;color:var(--alto-sem-color-fg-spend-default)}._activate_c96e1_28{background-color:#e5f2ff}

package/dist/assets/Heading.css

@@ -0,0 +1 @@
+._heading_14dsg_1{display:block;font-family:var(--alto-sem-text-heading-font-family);font-style:normal;font-weight:var(--alto-sem-text-heading-font-weight);margin:0}._xxs_14dsg_9{font-size:var(--alto-sem-text-heading-2xs-font-size);letter-spacing:var(--alto-sem-text-heading-2xs-letter-spacing);line-height:var(--alto-sem-text-heading-2xs-line-height)}._xs_14dsg_15{font-size:var(--alto-sem-text-heading-xs-font-size);letter-spacing:var(--alto-sem-text-heading-xs-letter-spacing);line-height:var(--alto-sem-text-heading-xs-line-height)}._sm_14dsg_21{font-size:var(--alto-sem-text-heading-sm-font-size);letter-spacing:var(--alto-sem-text-heading-sm-letter-spacing);line-height:var(--alto-sem-text-heading-sm-line-height)}._md_14dsg_27{font-size:var(--alto-sem-text-heading-md-font-size);letter-spacing:var(--alto-sem-text-heading-md-letter-spacing);line-height:var(--alto-sem-text-heading-md-line-height)}._lg_14dsg_33{font-size:var(--alto-sem-text-heading-lg-font-size);letter-spacing:var(--alto-sem-text-heading-lg-letter-spacing);line-height:var(--alto-sem-text-heading-lg-line-height)}._xl_14dsg_39{font-size:var(--alto-sem-text-heading-xl-font-size);letter-spacing:var(--alto-sem-text-heading-xl-letter-spacing);line-height:var(--alto-sem-text-heading-xl-line-height)}._start_14dsg_45{text-align:start}._center_14dsg_49{text-align:center}._end_14dsg_53{text-align:end}

package/dist/assets/IconButton.css

@@ -1 +1 @@
-._iconButton_1q4my_1{align-items:center;background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);gap:var(--alto-sem-space-2xs);justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._sm_1q4my_24{font-size:16px;height:36px;width:36px}._md_1q4my_30{font-size:16px;height:48px;width:48px}._lg_1q4my_36{font-size:20px;height:55px;width:55px}._accentPrimary_1q4my_46[data-focused],._accentPrimary_1q4my_46[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_1q4my_46[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_1q4my_46[data-pressed][data-focused]{outline:none}._accentPrimary_1q4my_46[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:default;pointer-events:none}._accentSecondary_1q4my_69{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_1q4my_69[data-focused],._accentSecondary_1q4my_69[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_1q4my_69[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_1q4my_69[data-pressed][data-focused]{outline:none}._accentSecondary_1q4my_69[data-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._accentTertiary_1q4my_96{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_1q4my_96[data-focused],._accentTertiary_1q4my_96[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_1q4my_96[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_1q4my_96[data-pressed][data-focused]{outline:none}._accentTertiary_1q4my_96[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._accentQuaternary_1q4my_125{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_1q4my_125[data-hovered][data-focused]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_1q4my_125[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_1q4my_125[data-pressed][data-focused]{outline:none}._accentQuaternary_1q4my_125[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalPrimary_1q4my_149{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_1q4my_149[data-focused],._criticalPrimary_1q4my_149[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_1q4my_149[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_1q4my_149[data-pressed][data-focused]{outline:none}._criticalPrimary_1q4my_149[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._criticalSecondary_1q4my_173{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_1q4my_173[data-focused],._criticalSecondary_1q4my_173[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_1q4my_173[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_1q4my_173[data-pressed][data-focused]{outline:none}._criticalSecondary_1q4my_173[data-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalTertiary_1q4my_200{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_1q4my_200[data-focused],._criticalTertiary_1q4my_200[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_1q4my_200[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_1q4my_200[data-pressed][data-focused]{outline:none}._criticalTertiary_1q4my_200[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalQuaternary_1q4my_225{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_1q4my_225[data-focused],._criticalQuaternary_1q4my_225[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_1q4my_225[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_1q4my_225[data-pressed][data-focused]{outline:none}._criticalQuaternary_1q4my_225[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralPrimary_1q4my_250{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_1q4my_250[data-focused],._neutralPrimary_1q4my_250[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_1q4my_250[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_1q4my_250[data-pressed][data-focused]{outline:none}._neutralPrimary_1q4my_250[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralSecondary_1q4my_274{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_1q4my_274[data-focused],._neutralSecondary_1q4my_274[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_1q4my_274[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_1q4my_274[data-pressed][data-focused]{outline:none}._neutralSecondary_1q4my_274[data-disabled]{border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralTertiary_1q4my_299{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_1q4my_299[data-focused],._neutralTertiary_1q4my_299[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_1q4my_299[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_1q4my_299[data-pressed][data-focused]{outline:none}._neutralTertiary_1q4my_299[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralQuaternary_1q4my_324{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_1q4my_324[data-focused],._neutralQuaternary_1q4my_324[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_1q4my_324[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_1q4my_324[data-pressed][data-focused]{outline:none}._neutralQuaternary_1q4my_324[data-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._whitePrimary_1q4my_350{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_1q4my_350[data-focused],._whitePrimary_1q4my_350[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_1q4my_350[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_1q4my_350[data-pressed][data-focused]{outline:none}._whitePrimary_1q4my_350[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whitePrimary_1q4my_350[data-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:none}._whiteSecondary_1q4my_379{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_1q4my_379[data-focused],._whiteSecondary_1q4my_379[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_1q4my_379[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_1q4my_379[data-pressed][data-focused]{outline:none}._whiteSecondary_1q4my_379[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_1q4my_379[data-disabled]{border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteTertiary_1q4my_409{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_1q4my_409[data-focused],._whiteTertiary_1q4my_409[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_1q4my_409[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_1q4my_409[data-pressed][data-focused]{outline:none}._whiteTertiary_1q4my_409[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_1q4my_409[data-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteQuaternary_1q4my_438{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_1q4my_438[data-focused],._whiteQuaternary_1q4my_438[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_1q4my_438[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_1q4my_438[data-pressed][data-focused]{outline:none}._whiteQuaternary_1q4my_438[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_1q4my_438[data-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:none}._fa-spinner-third_1q4my_469{height:1rem;width:1rem}._icon-wrapper_1q4my_474{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
+._iconButton_104jb_1{align-items:center;background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);gap:var(--alto-sem-space-2xs);justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:0}._sm_104jb_24{font-size:16px;height:36px;width:36px}._md_104jb_30{font-size:16px;height:48px;width:48px}._lg_104jb_36{font-size:20px;height:55px;width:55px}._accentPrimary_104jb_46[data-focused],._accentPrimary_104jb_46[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_104jb_46[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_104jb_46[data-pressed][data-focused]{outline:none}._accentPrimary_104jb_46[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:default;pointer-events:none}._accentSecondary_104jb_69{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_104jb_69[data-focused],._accentSecondary_104jb_69[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_104jb_69[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_104jb_69[data-pressed][data-focused]{outline:none}._accentSecondary_104jb_69[data-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._accentTertiary_104jb_96{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_104jb_96[data-focused],._accentTertiary_104jb_96[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_104jb_96[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_104jb_96[data-pressed][data-focused]{outline:none}._accentTertiary_104jb_96[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._accentQuaternary_104jb_125{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_104jb_125[data-hovered][data-focused]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_104jb_125[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_104jb_125[data-pressed][data-focused]{outline:none}._accentQuaternary_104jb_125[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalPrimary_104jb_149{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_104jb_149[data-focused],._criticalPrimary_104jb_149[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_104jb_149[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_104jb_149[data-pressed][data-focused]{outline:none}._criticalPrimary_104jb_149[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._criticalSecondary_104jb_173{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_104jb_173[data-focused],._criticalSecondary_104jb_173[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_104jb_173[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_104jb_173[data-pressed][data-focused]{outline:none}._criticalSecondary_104jb_173[data-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalTertiary_104jb_200{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_104jb_200[data-focused],._criticalTertiary_104jb_200[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_104jb_200[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_104jb_200[data-pressed][data-focused]{outline:none}._criticalTertiary_104jb_200[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalQuaternary_104jb_225{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_104jb_225[data-focused],._criticalQuaternary_104jb_225[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_104jb_225[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_104jb_225[data-pressed][data-focused]{outline:none}._criticalQuaternary_104jb_225[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralPrimary_104jb_250{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_104jb_250[data-focused],._neutralPrimary_104jb_250[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_104jb_250[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_104jb_250[data-pressed][data-focused]{outline:none}._neutralPrimary_104jb_250[data-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralSecondary_104jb_274{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_104jb_274[data-focused],._neutralSecondary_104jb_274[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_104jb_274[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_104jb_274[data-pressed][data-focused]{outline:none}._neutralSecondary_104jb_274[data-disabled]{border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralTertiary_104jb_299{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_104jb_299[data-focused],._neutralTertiary_104jb_299[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_104jb_299[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_104jb_299[data-pressed][data-focused]{outline:none}._neutralTertiary_104jb_299[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralQuaternary_104jb_324{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_104jb_324[data-focused],._neutralQuaternary_104jb_324[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_104jb_324[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_104jb_324[data-pressed][data-focused]{outline:none}._neutralQuaternary_104jb_324[data-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._whitePrimary_104jb_350{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_104jb_350[data-focused],._whitePrimary_104jb_350[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_104jb_350[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_104jb_350[data-pressed][data-focused]{outline:none}._whitePrimary_104jb_350[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whitePrimary_104jb_350[data-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:none}._whiteSecondary_104jb_379{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_104jb_379[data-focused],._whiteSecondary_104jb_379[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_104jb_379[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_104jb_379[data-pressed][data-focused]{outline:none}._whiteSecondary_104jb_379[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_104jb_379[data-disabled]{border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteTertiary_104jb_409{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_104jb_409[data-focused],._whiteTertiary_104jb_409[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_104jb_409[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_104jb_409[data-pressed][data-focused]{outline:none}._whiteTertiary_104jb_409[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_104jb_409[data-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteQuaternary_104jb_438{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_104jb_438[data-focused],._whiteQuaternary_104jb_438[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_104jb_438[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_104jb_438[data-pressed][data-focused]{outline:none}._whiteQuaternary_104jb_438[data-focused]{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_104jb_438[data-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:none}._fa-spinner-third_104jb_469{height:1rem;width:1rem}._icon-wrapper_104jb_474{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}

package/dist/assets/NewButton.css

@@ -1 +1 @@
-._newButton_1j8um_1{align-items:center;background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;display:inline-flex;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);gap:var(--alto-sem-space-2xs);justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);max-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md);text-decoration:none}._focusWhite_1j8um_28:focus-visible{outline-color:var(--alto-sem-color-border-white)}._sm_1j8um_35{max-height:34px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-sm)}._md_1j8um_40{max-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md)}._lg_1j8um_45{max-height:55px;padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._fullWidth_1j8um_50{width:100%}._accentPrimary_1j8um_58[data-focused],._accentPrimary_1j8um_58[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_1j8um_58[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_1j8um_58[data-pressed][data-focused]{outline:none}._accentPrimary_1j8um_58:disabled{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:default;pointer-events:none}._accentSecondary_1j8um_77{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_1j8um_77[data-focused],._accentSecondary_1j8um_77[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_1j8um_77[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_1j8um_77[data-pressed][data-focused]{outline:none}._accentSecondary_1j8um_77:disabled{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._accentTertiary_1j8um_104{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_1j8um_104[data-focused],._accentTertiary_1j8um_104[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_1j8um_104[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_1j8um_104[data-pressed][data-focused]{outline:none}._accentTertiary_1j8um_104:disabled{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._accentQuaternary_1j8um_129{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_1j8um_129[data-hovered][data-focused]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_1j8um_129[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_1j8um_129[data-pressed][data-focused]{outline:none}._accentQuaternary_1j8um_129:disabled{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalPrimary_1j8um_153{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_1j8um_153[data-focused],._criticalPrimary_1j8um_153[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_1j8um_153[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_1j8um_153[data-pressed][data-focused]{outline:none}._criticalPrimary_1j8um_153:disabled{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._criticalSecondary_1j8um_177{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_1j8um_177[data-focused],._criticalSecondary_1j8um_177[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_1j8um_177[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_1j8um_177[data-pressed][data-focused]{outline:none}._criticalSecondary_1j8um_177:disabled{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalTertiary_1j8um_204{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_1j8um_204[data-focused],._criticalTertiary_1j8um_204[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_1j8um_204[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_1j8um_204[data-pressed][data-focused]{outline:none}._criticalTertiary_1j8um_204:disabled{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalQuaternary_1j8um_229{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_1j8um_229[data-focused],._criticalQuaternary_1j8um_229[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_1j8um_229[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_1j8um_229[data-pressed][data-focused]{outline:none}._criticalQuaternary_1j8um_229:disabled{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralPrimary_1j8um_254{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_1j8um_254[data-focused],._neutralPrimary_1j8um_254[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_1j8um_254[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_1j8um_254[data-pressed][data-focused]{outline:none}._neutralPrimary_1j8um_254:disabled{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralSecondary_1j8um_278{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_1j8um_278[data-focused],._neutralSecondary_1j8um_278[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_1j8um_278[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_1j8um_278[data-pressed][data-focused]{outline:none}._neutralSecondary_1j8um_278:disabled{border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralTertiary_1j8um_303{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_1j8um_303[data-focused],._neutralTertiary_1j8um_303[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_1j8um_303[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_1j8um_303[data-pressed][data-focused]{outline:none}._neutralTertiary_1j8um_303:disabled{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralQuaternary_1j8um_328{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_1j8um_328[data-focused],._neutralQuaternary_1j8um_328[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_1j8um_328[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_1j8um_328[data-pressed][data-focused]{outline:none}._neutralQuaternary_1j8um_328:disabled{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._whitePrimary_1j8um_354{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_1j8um_354[data-focused],._whitePrimary_1j8um_354[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_1j8um_354[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_1j8um_354[data-pressed][data-focused]{outline:none}._whitePrimary_1j8um_354:disabled{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:none}._whiteSecondary_1j8um_379{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_1j8um_379[data-focused],._whiteSecondary_1j8um_379[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_1j8um_379[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_1j8um_379[data-pressed][data-focused]{outline:none}._whiteSecondary_1j8um_379:focus-visible{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_1j8um_379:disabled{border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteTertiary_1j8um_409{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_1j8um_409[data-focused],._whiteTertiary_1j8um_409[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_1j8um_409[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_1j8um_409[data-pressed][data-focused]{outline:none}._whiteTertiary_1j8um_409:focus-visible{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_1j8um_409:disabled{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteQuaternary_1j8um_438{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_1j8um_438[data-focused],._whiteQuaternary_1j8um_438[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_1j8um_438[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_1j8um_438[data-pressed][data-focused]{outline:none}._whiteQuaternary_1j8um_438:focus-visible{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_1j8um_438:disabled{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:none}._fa-spinner-third_1j8um_469{height:1rem;width:1rem}._icon-wrapper_1j8um_474{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
+._newButton_1ajlh_1{align-items:center;background:var(--alto-sem-color-bg-accent-vibrant-default);border:none;border-radius:var(--alto-button-md-radius);box-sizing:border-box;color:var(--alto-sem-color-fg-accent-on-vibrant);cursor:pointer;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);justify-content:center;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);max-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md);text-decoration:none}._newButton_1ajlh_1,._newButton_1ajlh_1 ._content_1ajlh_23{display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_1ajlh_31 ._loadingSpinner_1ajlh_31{opacity:0;position:absolute}._isNotLoading_1ajlh_31 ._content_1ajlh_23{opacity:1}._isLoading_1ajlh_40 ._loadingSpinner_1ajlh_31{opacity:1;position:absolute}._isLoading_1ajlh_40 ._content_1ajlh_23{opacity:0}._focusWhite_1ajlh_52:focus-visible{outline-color:var(--alto-sem-color-border-white)}._sm_1ajlh_59{max-height:34px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-sm)}._md_1ajlh_64{max-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md)}._lg_1ajlh_69{max-height:55px;padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._fullWidth_1ajlh_74{width:100%}._accentPrimary_1ajlh_82[data-focused],._accentPrimary_1ajlh_82[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_1ajlh_82[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_1ajlh_82[data-pressed][data-focused]{outline:none}._accentPrimary_1ajlh_82:disabled{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:default;pointer-events:none}._accentSecondary_1ajlh_101{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_1ajlh_101[data-focused],._accentSecondary_1ajlh_101[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_1ajlh_101[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_1ajlh_101[data-pressed][data-focused]{outline:none}._accentSecondary_1ajlh_101:disabled{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._accentTertiary_1ajlh_128{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_1ajlh_128[data-focused],._accentTertiary_1ajlh_128[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_1ajlh_128[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_1ajlh_128[data-pressed][data-focused]{outline:none}._accentTertiary_1ajlh_128:disabled{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._accentQuaternary_1ajlh_153{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_1ajlh_153[data-hovered][data-focused]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_1ajlh_153[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_1ajlh_153[data-pressed][data-focused]{outline:none}._accentQuaternary_1ajlh_153:disabled{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalPrimary_1ajlh_177{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_1ajlh_177[data-focused],._criticalPrimary_1ajlh_177[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_1ajlh_177[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_1ajlh_177[data-pressed][data-focused]{outline:none}._criticalPrimary_1ajlh_177:disabled{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._criticalSecondary_1ajlh_201{background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_1ajlh_201[data-focused],._criticalSecondary_1ajlh_201[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_1ajlh_201[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_1ajlh_201[data-pressed][data-focused]{outline:none}._criticalSecondary_1ajlh_201:disabled{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalTertiary_1ajlh_228{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_1ajlh_228[data-focused],._criticalTertiary_1ajlh_228[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_1ajlh_228[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_1ajlh_228[data-pressed][data-focused]{outline:none}._criticalTertiary_1ajlh_228:disabled{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._criticalQuaternary_1ajlh_253{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_1ajlh_253[data-focused],._criticalQuaternary_1ajlh_253[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_1ajlh_253[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_1ajlh_253[data-pressed][data-focused]{outline:none}._criticalQuaternary_1ajlh_253:disabled{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralPrimary_1ajlh_278{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_1ajlh_278[data-focused],._neutralPrimary_1ajlh_278[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_1ajlh_278[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_1ajlh_278[data-pressed][data-focused]{outline:none}._neutralPrimary_1ajlh_278:disabled{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralSecondary_1ajlh_302{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_1ajlh_302[data-focused],._neutralSecondary_1ajlh_302[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_1ajlh_302[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_1ajlh_302[data-pressed][data-focused]{outline:none}._neutralSecondary_1ajlh_302:disabled{border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:none}._neutralTertiary_1ajlh_327{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_1ajlh_327[data-focused],._neutralTertiary_1ajlh_327[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_1ajlh_327[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_1ajlh_327[data-pressed][data-focused]{outline:none}._neutralTertiary_1ajlh_327:disabled{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._neutralQuaternary_1ajlh_352{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_1ajlh_352[data-focused],._neutralQuaternary_1ajlh_352[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_1ajlh_352[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_1ajlh_352[data-pressed][data-focused]{outline:none}._neutralQuaternary_1ajlh_352:disabled{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none}._whitePrimary_1ajlh_378{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_1ajlh_378[data-focused],._whitePrimary_1ajlh_378[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_1ajlh_378[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_1ajlh_378[data-pressed][data-focused]{outline:none}._whitePrimary_1ajlh_378:disabled{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:none}._whiteSecondary_1ajlh_403{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_1ajlh_403[data-focused],._whiteSecondary_1ajlh_403[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_1ajlh_403[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_1ajlh_403[data-pressed][data-focused]{outline:none}._whiteSecondary_1ajlh_403:focus-visible{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_1ajlh_403:disabled{border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteTertiary_1ajlh_433{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_1ajlh_433[data-focused],._whiteTertiary_1ajlh_433[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_1ajlh_433[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_1ajlh_433[data-pressed][data-focused]{outline:none}._whiteTertiary_1ajlh_433:focus-visible{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_1ajlh_433:disabled{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:none}._whiteQuaternary_1ajlh_462{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_1ajlh_462[data-focused],._whiteQuaternary_1ajlh_462[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_1ajlh_462[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_1ajlh_462[data-pressed][data-focused]{outline:none}._whiteQuaternary_1ajlh_462:focus-visible{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_1ajlh_462:disabled{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:none}._fa-spinner-third_1ajlh_493{height:1rem;width:1rem}._icon-wrapper_1ajlh_498{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}

package/dist/assets/SubHeading.css

@@ -0,0 +1 @@
+._subHeading_1ngd2_1{display:block;font-family:var(--alto-sem-text-heading-font-family);font-style:normal;font-weight:var(--alto-sem-text-heading-font-weight);margin:0}._xs_1ngd2_9{font-size:var(--alto-sem-text-heading-xs-font-size);letter-spacing:var(--alto-sem-text-heading-xs-letter-spacing);line-height:var(--alto-sem-text-heading-xs-line-height)}._sm_1ngd2_15{font-size:var(--alto-sem-text-heading-sm-font-size);letter-spacing:var(--alto-sem-text-heading-sm-letter-spacing);line-height:var(--alto-sem-text-heading-sm-line-height)}._start_1ngd2_21{text-align:start}._center_1ngd2_25{text-align:center}._end_1ngd2_29{text-align:end}

package/dist/assets/fgColor.css

@@ -0,0 +1 @@
+._fgColor-primary_1njr6_1{color:var(--alto-sem-color-fg-primary)}._fgColor-secondary_1njr6_5{color:var(--alto-sem-color-fg-secondary)}._fgColor-accent-primary_1njr6_9{color:var(--alto-sem-color-fg-accent-primary)}._fgColor-accent-secondary_1njr6_13{color:var(--alto-sem-color-fg-accent-secondary)}._fgColor-accent-on-vibrant_1njr6_17{color:var(--alto-sem-color-fg-accent-on-vibrant)}._fgColor-accent-on-vibrant-accent_1njr6_21{color:var(--alto-sem-color-fg-accent-on-vibrant-accent)}._fgColor-accent-on-subtle_1njr6_25{color:var(--alto-sem-color-fg-accent-on-subtle)}._fgColor-accent-on-deep_1njr6_29{color:var(--alto-sem-color-fg-accent-on-deep)}._fgColor-critical-primary_1njr6_33{color:var(--alto-sem-color-fg-critical-primary)}._fgColor-critical-on-vibrant_1njr6_37{color:var(--alto-sem-color-fg-critical-on-vibrant)}._fgColor-critical-on-subtle_1njr6_41{color:var(--alto-sem-color-fg-critical-on-subtle)}._fgColor-warning-primary_1njr6_45{color:var(--alto-sem-color-fg-warning-primary)}._fgColor-warning-on-vibrant_1njr6_49{color:var(--alto-sem-color-fg-warning-on-vibrant)}._fgColor-warning-on-subtle_1njr6_53{color:var(--alto-sem-color-fg-warning-on-subtle)}._fgColor-caution-primary_1njr6_57{color:var(--alto-sem-color-fg-caution-primary)}._fgColor-caution-on-vibrant_1njr6_61{color:var(--alto-sem-color-fg-caution-on-vibrant)}._fgColor-caution-on-subtle_1njr6_65{color:var(--alto-sem-color-fg-caution-on-subtle)}._fgColor-success-primary_1njr6_69{color:var(--alto-sem-color-fg-success-primary)}._fgColor-success-on-vibrant_1njr6_73{color:var(--alto-sem-color-fg-success-on-vibrant)}._fgColor-success-on-subtle_1njr6_77{color:var(--alto-sem-color-fg-success-on-subtle)}._fgColor-information-primary_1njr6_81{color:var(--alto-sem-color-fg-information-primary)}._fgColor-information-on-vibrant_1njr6_85{color:var(--alto-sem-color-fg-information-on-vibrant)}._fgColor-information-on-subtle_1njr6_89{color:var(--alto-sem-color-fg-information-on-subtle)}._fgColor-inverse-primary_1njr6_93{color:var(--alto-sem-color-fg-inverse-primary)}._fgColor-inverse-on-vibrant_1njr6_97{color:var(--alto-sem-color-fg-inverse-on-vibrant)}._fgColor-inverse-on-subtle_1njr6_101{color:var(--alto-sem-color-fg-inverse-on-subtle)}._fgColor-white-primary_1njr6_105{color:var(--alto-sem-color-fg-white-primary)}._fgColor-white-on-vibrant_1njr6_109{color:var(--alto-sem-color-fg-white-on-vibrant)}._fgColor-white-on-subtle_1njr6_113{color:var(--alto-sem-color-fg-white-on-subtle)}._fgColor-disabled-primary_1njr6_117{color:var(--alto-sem-color-fg-disabled-primary)}._fgColor-disabled-on-vibrant_1njr6_121{color:var(--alto-sem-color-fg-disabled-on-vibrant)}._fgColor-disabled-on-subtle_1njr6_125{color:var(--alto-sem-color-fg-disabled-on-subtle)}._fgColor-sale-primary_1njr6_129{color:var(--alto-sem-color-fg-sale-primary)}._fgColor-sale-on-vibrant_1njr6_133{color:var(--alto-sem-color-fg-sale-on-vibrant)}

package/dist/components/Badge/Badge.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as cva } from "../../index-Cn2Ts93C.js";
+import { c as cva } from "../../index-Bi3v_EjJ.js";
 import { Icon } from "../Icon/Icon.js";
 import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
 import '../../assets/Badge.css';const badge$1 = "_badge_g5nmg_1";

package/dist/components/Button/Button.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { c as cva } from "../../index-Cn2Ts93C.js";
+import { c as cva } from "../../index-Bi3v_EjJ.js";
 import { useRef, useState, useEffect } from "react";
 import { Button as Button$1 } from "react-aria-components";
 import { Icon } from "../Icon/Icon.js";

package/dist/components/Checkbox/Checkbox.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Checkbox as Checkbox$1 } from "react-aria-components";
-import { c as cva } from "../../index-Cn2Ts93C.js";
+import { c as cva } from "../../index-Bi3v_EjJ.js";
 import FieldDescription from "../FieldDescription/FieldDescription.js";
 import '../../assets/Checkbox.css';const checkbox$1 = "_checkbox_1xmgx_2";
 const checkboxLabel = "_checkboxLabel_1xmgx_19";

package/dist/components/ClearFieldButton/ClearFieldButton.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as cva } from "../../index-Cn2Ts93C.js";
+import { c as cva } from "../../index-Bi3v_EjJ.js";
 import { Button } from "react-aria-components";
 import { Icon } from "../Icon/Icon.js";
 import { focusStyleVariants } from "../../utils/focus/focusStyles.js";

package/dist/components/DateField/DateField.d.ts

@@ -1,5 +1,5 @@
 import { DateFieldProps as AriaDateFieldProps, DateValue, ValidationResult } from 'react-aria-components';
-export interface DateFieldProps<T extends DateValue> extends AriaDateFieldProps<T> {
+export interface DateFieldProps extends AriaDateFieldProps<DateValue> {
     /**
      * The label for the TextField
      */
@@ -21,5 +21,5 @@ export interface DateFieldProps<T extends DateValue> extends AriaDateFieldProps<
      */
     isInvalid?: boolean;
 }
-export declare const DateField: <T extends DateValue>({ label, description, errorMessage, isRequired, isInvalid, isDisabled, ...props }: DateFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DateField: ({ label, description, errorMessage, isRequired, isInvalid, isDisabled, value, ...props }: DateFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default DateField;

package/dist/components/DateField/DateField.js

@@ -16,9 +16,10 @@ const DateField = ({
   isRequired = false,
   isInvalid = false,
   isDisabled = false,
+  value,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs(DateField$1, { className: styles.dateField, isInvalid, isDisabled, ...props, children: [
+  return /* @__PURE__ */ jsxs(DateField$1, { className: styles.dateField, isInvalid, isDisabled, value, ...props, children: [
     /* @__PURE__ */ jsx(FieldHeader, { label, description, errorMessage, isRequired, isInvalid }),
     /* @__PURE__ */ jsx(DateInput, { className: styles.dateInput, children: (segment) => /* @__PURE__ */ jsx(DateSegment, { className: styles.dateSegment, segment }) })
   ] });

package/dist/components/DateField/DateField.js.map

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

package/dist/components/Eyebrow/Eyebrow.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface EyebrowProps {
+    children: React.ReactNode;
+    as?: 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    styleVariant?: 'inspiration' | 'collect' | 'spend' | 'activate';
+}
+export declare const Eyebrow: ({ children, as: Component, styleVariant, ...props }: EyebrowProps) => import("react/jsx-runtime").JSX.Element;
+export default Eyebrow;

package/dist/components/Eyebrow/Eyebrow.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { c as cva } from "../../index-Bi3v_EjJ.js";
+import '../../assets/Eyebrow.css';const eyebrow$1 = "_eyebrow_c96e1_1";
+const inspiration = "_inspiration_c96e1_15";
+const collect = "_collect_c96e1_19";
+const spend = "_spend_c96e1_23";
+const activate = "_activate_c96e1_28";
+const styles = {
+  eyebrow: eyebrow$1,
+  inspiration,
+  collect,
+  spend,
+  activate
+};
+const eyebrow = cva(styles.eyebrow, {
+  variants: {
+    styleVariant: {
+      inspiration: styles.inspiration,
+      collect: styles.collect,
+      spend: styles.spend,
+      activate: styles.activate
+    }
+  },
+  defaultVariants: {
+    styleVariant: "inspiration"
+  }
+});
+const Eyebrow = ({
+  children,
+  as: Component = "span",
+  styleVariant = "inspiration",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(Component, { className: `${eyebrow({
+    styleVariant
+  })} ''}`, ...props, children });
+};
+export {
+  Eyebrow,
+  Eyebrow as default
+};
+//# sourceMappingURL=Eyebrow.js.map

package/dist/components/Eyebrow/Eyebrow.js.map

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

package/dist/components/Eyebrow/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Eyebrow';

package/dist/components/Eyebrow/index.js

@@ -0,0 +1,5 @@
+import { Eyebrow } from "./Eyebrow.js";
+export {
+  Eyebrow as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Eyebrow/index.js.map

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

package/dist/components/Heading/Heading.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { fgColorVariants } from '../../utils/fgColour/fgColor';
+declare const heading: (props?: ({
+    size?: "lg" | "sm" | "xs" | "md" | "xxs" | "xl" | null | undefined;
+    textAlign?: "center" | "start" | "end" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type HeadingVariants = VariantProps<typeof heading>;
+type FgColorVariants = VariantProps<typeof fgColorVariants>;
+type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';
+type HeadingSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface HeadingProps extends HeadingVariants {
+    children: React.ReactNode;
+    as?: HeadingLevel;
+    size?: HeadingSize;
+    fgColor?: FgColorVariants['fgColor'];
+    textAlign?: 'start' | 'center' | 'end';
+}
+export declare const Heading: ({ children, as: Component, size, fgColor, textAlign, ...props }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
+export default Heading;

package/dist/components/Heading/Heading.js

@@ -0,0 +1,77 @@
+import { jsx } from "react/jsx-runtime";
+import { c as cva } from "../../index-Bi3v_EjJ.js";
+import { fgColorVariants } from "../../utils/fgColour/fgColor.js";
+import '../../assets/Heading.css';const heading$1 = "_heading_14dsg_1";
+const xxs = "_xxs_14dsg_9";
+const xs = "_xs_14dsg_15";
+const sm = "_sm_14dsg_21";
+const md = "_md_14dsg_27";
+const lg = "_lg_14dsg_33";
+const xl = "_xl_14dsg_39";
+const start = "_start_14dsg_45";
+const center = "_center_14dsg_49";
+const end = "_end_14dsg_53";
+const styles = {
+  heading: heading$1,
+  xxs,
+  xs,
+  sm,
+  md,
+  lg,
+  xl,
+  start,
+  center,
+  end
+};
+const heading = cva(styles.heading, {
+  variants: {
+    size: {
+      "xxs": styles.xxs,
+      "xs": styles.xs,
+      "sm": styles.sm,
+      "md": styles.md,
+      "lg": styles.lg,
+      "xl": styles.xl
+    },
+    textAlign: {
+      start: styles.start,
+      center: styles.center,
+      end: styles.end
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    textAlign: "start"
+  }
+});
+const DEFAULT_HEADING_SIZE_MAP = {
+  h1: "xl",
+  h2: "lg",
+  h3: "md",
+  h4: "sm",
+  h5: "xs",
+  h6: "xxs",
+  span: "md"
+  // Default for span elements
+};
+const Heading = ({
+  children,
+  as: Component = "h1",
+  size,
+  fgColor = "accentPrimary",
+  textAlign = "start",
+  ...props
+}) => {
+  const effectiveSize = size || DEFAULT_HEADING_SIZE_MAP[Component];
+  return /* @__PURE__ */ jsx(Component, { className: `${heading({
+    size: effectiveSize,
+    textAlign
+  })} ${fgColorVariants({
+    fgColor
+  })}`, ...props, children });
+};
+export {
+  Heading,
+  Heading as default
+};
+//# sourceMappingURL=Heading.js.map

package/dist/components/Heading/Heading.js.map

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

package/dist/components/Heading/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Heading';

package/dist/components/Heading/index.js

@@ -0,0 +1,5 @@
+import { Heading } from "./Heading.js";
+export {
+  Heading as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Heading/index.js.map

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

package/dist/components/Icon/Icon.d.ts

@@ -41,7 +41,19 @@ export interface IconProps {
      * Additional attributes to be passed to the underlying <svg> element.
      */
     [key: string]: any;
+    /**
+     * className to be passed to the icon
+     */
     className?: string;
+    /**
+    * Whether the icon is purely decorative and should be hidden from screen readers.
+    * @default false
+    */
+    isDecorative?: boolean;
+    /**
+     * Accessible text for the icon. If the icon is decorative, this can be omitted.
+     */
+    ariaLabel?: string;
 }
-export declare const Icon: ({ iconName, iconPrefix, iconSize: size, flip, fixedWidth, listItem, border, rotation, pull, spin, className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Icon: ({ iconName, iconPrefix, iconSize: size, flip, fixedWidth, listItem, border, rotation, pull, spin, className, ariaLabel, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
 export default Icon;

package/dist/components/Icon/Icon.js

@@ -12,14 +12,20 @@ const Icon = ({
   pull,
   spin,
   className,
+  ariaLabel,
   ...props
 }) => {
   const [key, setKey] = useState(0);
   useEffect(() => {
     setKey((prevKey) => prevKey + 1);
-  }, [iconName, iconPrefix, size, flip, fixedWidth, listItem, border, rotation, pull, spin]);
+  }, [iconName, iconPrefix, size, flip, fixedWidth, listItem, border, rotation, pull, spin, ariaLabel]);
+  const accessibilityProps = ariaLabel ? {
+    "aria-label": ariaLabel
+  } : {
+    "aria-label": iconName
+  };
   const classNames = [iconPrefix, `fa-${iconName}`, size ? `fa-${size}` : "", flip ? `fa-flip-${flip}` : "", fixedWidth ? "fa-fw" : "", listItem ? "fa-li" : "", border ? "fa-border" : "", rotation ? `fa-rotate-${rotation}` : "", pull ? `fa-pull-${pull}` : "", spin ? "fa-spin" : ""].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx("span", { className: `icon-wrapper ${className || ""}`, children: /* @__PURE__ */ jsx("i", { className: classNames, ...props, role: "img" }) }, key);
+  return /* @__PURE__ */ jsx("span", { className: `icon-wrapper ${className || ""}`, children: /* @__PURE__ */ jsx("i", { className: classNames, ...accessibilityProps, ...props, role: "img" }) }, key);
 };
 export {
   Icon,

package/dist/components/Icon/Icon.js.map

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

package/dist/components/IconButton/IconButton.js

@@ -1,30 +1,30 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as cva } from "../../index-Cn2Ts93C.js";
+import { c as cva } from "../../index-Bi3v_EjJ.js";
 import { useRef, useState, useEffect } from "react";
 import { Button } from "react-aria-components";
 import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
 import { Icon } from "../Icon/Icon.js";
 import LoadingSpinner from "../LoadingSpinner/LoadingSpinner.js";
-import '../../assets/IconButton.css';const iconButton$1 = "_iconButton_1q4my_1";
-const sm = "_sm_1q4my_24";
-const md = "_md_1q4my_30";
-const lg = "_lg_1q4my_36";
-const accentPrimary = "_accentPrimary_1q4my_46";
-const accentSecondary = "_accentSecondary_1q4my_69";
-const accentTertiary = "_accentTertiary_1q4my_96";
-const accentQuaternary = "_accentQuaternary_1q4my_125";
-const criticalPrimary = "_criticalPrimary_1q4my_149";
-const criticalSecondary = "_criticalSecondary_1q4my_173";
-const criticalTertiary = "_criticalTertiary_1q4my_200";
-const criticalQuaternary = "_criticalQuaternary_1q4my_225";
-const neutralPrimary = "_neutralPrimary_1q4my_250";
-const neutralSecondary = "_neutralSecondary_1q4my_274";
-const neutralTertiary = "_neutralTertiary_1q4my_299";
-const neutralQuaternary = "_neutralQuaternary_1q4my_324";
-const whitePrimary = "_whitePrimary_1q4my_350";
-const whiteSecondary = "_whiteSecondary_1q4my_379";
-const whiteTertiary = "_whiteTertiary_1q4my_409";
-const whiteQuaternary = "_whiteQuaternary_1q4my_438";
+import '../../assets/IconButton.css';const iconButton$1 = "_iconButton_104jb_1";
+const sm = "_sm_104jb_24";
+const md = "_md_104jb_30";
+const lg = "_lg_104jb_36";
+const accentPrimary = "_accentPrimary_104jb_46";
+const accentSecondary = "_accentSecondary_104jb_69";
+const accentTertiary = "_accentTertiary_104jb_96";
+const accentQuaternary = "_accentQuaternary_104jb_125";
+const criticalPrimary = "_criticalPrimary_104jb_149";
+const criticalSecondary = "_criticalSecondary_104jb_173";
+const criticalTertiary = "_criticalTertiary_104jb_200";
+const criticalQuaternary = "_criticalQuaternary_104jb_225";
+const neutralPrimary = "_neutralPrimary_104jb_250";
+const neutralSecondary = "_neutralSecondary_104jb_274";
+const neutralTertiary = "_neutralTertiary_104jb_299";
+const neutralQuaternary = "_neutralQuaternary_104jb_324";
+const whitePrimary = "_whitePrimary_104jb_350";
+const whiteSecondary = "_whiteSecondary_104jb_379";
+const whiteTertiary = "_whiteTertiary_104jb_409";
+const whiteQuaternary = "_whiteQuaternary_104jb_438";
 const styles = {
   iconButton: iconButton$1,
   sm,
@@ -46,8 +46,8 @@ const styles = {
   whiteSecondary,
   whiteTertiary,
   whiteQuaternary,
-  "fa-spinner-third": "_fa-spinner-third_1q4my_469",
-  "icon-wrapper": "_icon-wrapper_1q4my_474"
+  "fa-spinner-third": "_fa-spinner-third_104jb_469",
+  "icon-wrapper": "_icon-wrapper_104jb_474"
 };
 const iconButton = cva(styles.iconButton, {
   variants: {

package/dist/components/Link/Link.d.ts

@@ -1,4 +1,5 @@
 import { LinkProps as AriaLinkProps } from 'react-aria-components';
+import { IconProps } from '../Icon/Icon';
 export interface LinkProps extends AriaLinkProps {
     /**
      * What the size of the Link is
@@ -10,10 +11,6 @@ export interface LinkProps extends AriaLinkProps {
      * @default true
      */
     iconEnd?: boolean;
-    /**
-     * What Icon to load from fontAwesome
-     */
-    iconName?: string | undefined;
     /**
      * The text to display in the Link
      */
@@ -63,6 +60,10 @@ export interface LinkProps extends AriaLinkProps {
      * 	The focus style of the button
      */
     focusStyle?: 'default' | 'white';
+    /**
+     * Whether an icon should display at the start of the TextField
+     */
+    iconProps?: IconProps;
 }
-declare const Link: ({ size, iconEnd, underline, iconName, linkText, href, target, rel, download, isDisabled, autoFocus, ping, focusStyle, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
+declare const Link: ({ size, iconEnd, underline, iconProps, linkText, href, target, rel, download, isDisabled, autoFocus, ping, focusStyle, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
 export default Link;