@alto-avios/alto-ui 2.3.3 → 3.0.0

package/package.json

@@ -1,36 +1,66 @@
 {
   "name": "@alto-avios/alto-ui",
-  "version": "2.3.3",
+  "version": "3.0.0",
   "description": "A react component library for Alto Design System",
-  "author": "Ian Caldwell IAGL",
+  "author": {
+    "name": "Ian Caldwell IAGL",
+    "email": "ian.1.caldwell@avios.com"
+  },
+  "contributors": [
+    {
+      "name": "Gup Badyal IAGL ",
+      "email": "gurpreet.badyal@avios.com"
+    },
+    {
+      "name": "Antonio Santos IAGL",
+      "email": "antonio.santos@avios.com"
+    }
+  ],
   "license": "MIT",
   "type": "module",
   "scripts": {
     "test": "jest",
+    "test-a11y": "test-storybook",
     "clean-dist": "rimraf dist",
     "vite": "npm run clean-dist && tsc --p ./tsconfig.build.json && vite build",
     "storybook": "storybook dev -p 6006",
-    "build:storybook": "storybook build"
+    "build:storybook": "storybook build",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix && npx prettier . --write --ignore-unknown",
+    "commit": "cz",
+    "pre-commit": "lint-staged",
+    "prepare": "husky",
+    "generate": "plop",
+    "release": "standard-version",
+    "release:minor": "standard-version --release-as minor",
+    "release:patch": "standard-version --release-as patch",
+    "release:major": "standard-version --release-as major"
   },
   "dependencies": {
     "class-variance-authority": "^0.7.0",
-    "react-aria-components": "^1.4.0",
+    "react-aria-components": "^1.5.0",
     "ts-node": "^10.9.2"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.4.0",
+    "@commitlint/cli": "^19.6.0",
+    "@commitlint/config-conventional": "^19.6.0",
+    "@commitlint/cz-commitlint": "^19.5.0",
+    "@eslint/js": "^9.14.0",
     "@omlet/cli": "^1.6.1",
-    "@storybook/addon-a11y": "^8.1.9",
-    "@storybook/addon-essentials": "^8.1.9",
-    "@storybook/addon-interactions": "^8.1.9",
-    "@storybook/addon-links": "^8.1.9",
-    "@storybook/addon-onboarding": "^8.1.9",
-    "@storybook/addon-themes": "^8.1.9",
+    "@storybook/addon-a11y": "^8.4.4",
+    "@storybook/addon-actions": "^8.4.4",
+    "@storybook/addon-essentials": "^8.4.4",
+    "@storybook/addon-interactions": "^8.4.4",
+    "@storybook/addon-links": "^8.4.4",
+    "@storybook/addon-onboarding": "^8.4.4",
+    "@storybook/addon-themes": "^8.4.4",
     "@storybook/addon-webpack5-compiler-swc": "^1.0.2",
-    "@storybook/blocks": "^8.2.9",
-    "@storybook/react": "^8.1.9",
-    "@storybook/react-webpack5": "^8.1.9",
-    "@storybook/test": "^8.1.9",
+    "@storybook/blocks": "^8.4.4",
+    "@storybook/react": "^8.4.4",
+    "@storybook/react-webpack5": "^8.4.4",
+    "@storybook/test": "^8.4.4",
+    "@storybook/test-runner": "^0.19.1",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/react": "^16.0.0",
@@ -40,29 +70,43 @@
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.1",
     "autoprefixer": "^10.4.19",
+    "axe-playwright": "^2.0.3",
+    "commitizen": "^4.3.1",
     "cssnano": "^7.0.4",
+    "eslint": "^9.14.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-react": "^7.37.2",
     "glob": "^11.0.0",
+    "globals": "^15.12.0",
+    "husky": "^9.1.6",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-axe": "^9.0.0",
     "jest-environment-jsdom": "^29.7.0",
+    "jest-sonar": "^0.2.16",
+    "lint-staged": "^15.2.10",
+    "plop": "^4.0.1",
     "postcss": "^8.4.40",
+    "prettier": "3.3.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-remove-attr": "^0.0.6",
     "rimraf": "^6.0.1",
-    "storybook": "^8.1.9",
+    "standard-version": "^9.5.0",
+    "storybook": "^8.4.4",
     "terser": "^5.31.3",
-    "ts-jest": "^29.2.4",
+    "ts-jest": "^29.2.5",
     "tslib": "^2.6.2",
     "typescript": "^5.4.5",
+    "typescript-eslint": "^8.14.0",
     "vite": "^5.3.5",
     "vite-bundle-visualizer": "^1.2.1",
     "vite-plugin-dts": "^4.0.0-beta.2",
-    "vite-plugin-lib-inject-css": "^2.1.1"
+    "vite-plugin-lib-inject-css": "^2.1.1",
+    "wait-on": "^8.0.1"
   },
   "peerDependencies": {
-    "@alto-avios/alto-tokens": "^2.3.0",
+    "@alto-avios/alto-tokens": "^3.0.1",
     "react": "^18.0.0"
   },
   "main": "dist/index.js",
@@ -77,5 +121,17 @@
   "sideEffects": [
     "*.css"
   ],
-  "types": "dist/index.d.ts"
+  "types": "dist/index.d.ts",
+  "lint-staged": {
+    "src/**/*": "prettier --write --ignore-unknown",
+    "src/**/*.{js,jsx,ts,tsx}": [
+      "eslint --fix",
+      "jest --bail --findRelatedTests --verbose --passWithNoTests"
+    ]
+  },
+  "config": {
+    "commitizen": {
+      "path": "@commitlint/cz-commitlint"
+    }
+  }
 }

package/dist/assets/NewButton.css

@@ -1 +0,0 @@
-._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/components/NewButton/NewButton.d.ts

@@ -1,87 +0,0 @@
-import { ComponentType, ElementType } from 'react';
-import { AriaButtonOptions } from '@react-aria/button';
-export type NewButtonSize = 'lg' | 'md' | 'sm';
-export interface NewButtonProps<T extends ElementType> extends AriaButtonOptions<T> {
-    /**
-     * The HTML element to be rendered as the button.
-     */
-    as?: T;
-    /**
-     * What the base style of button is
-     * @default 'accent'
-     */
-    styleType?: 'accent' | 'critical' | 'neutral' | 'white';
-    /**
-     * What the purpose is for the button
-     * @default 'primary'
-     */
-    emphasis?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
-    /**
-     * How large should the button be?
-     * @default 'md'
-     */
-    size?: NewButtonSize;
-    /**
-     * Whether the button leading has an icon
-     */
-    hasLeadingIcon?: boolean;
-    /**
-     * Leading icon name
-     */
-    leadingIconName?: string;
-    /**
-     * Whether the button trailing has an icon
-     */
-    hasTrailingIcon?: boolean;
-    /**
-     * Trailing icon name
-     */
-    trailingIconName?: string;
-    /**
-     * isLoading is a boolean that will show a spinner in the button
-     */
-    isLoading?: boolean;
-    /**
-     * The content for the button.
-     */
-    children?: React.ReactNode;
-    /**
-     * 	Whether the element should receive focus on render.
-     */
-    type?: 'button' | 'submit' | 'reset';
-    /**
-     * Whether the button should be full width.
-     */
-    fullWidth?: boolean;
-    /**
-     * @deprecated onPress should be preferred
-     * Handler to be called when the button is clicked.
-     */
-    onClick?: React.MouseEventHandler;
-    /**
-     * The target of the link (if `as` is set to 'a').
-     */
-    target?: '_blank' | '_self' | '_parent' | '_top';
-    /**
-     * Handler to be called when the mouse enters the button.
-     */
-    onMouseEnter?: React.MouseEventHandler;
-    /**
-     * Handler to be called when the mouse leaves the button.
-     */
-    onMouseLeave?: React.MouseEventHandler;
-    /**
-     * 	Whether the button is disabled.
-     */
-    isDisabled?: boolean;
-    /**
-     *  What type of focus style to apply to the button.
-     */
-    focusStyle?: 'default' | 'white';
-    /**
-     * Passthrough props for the button element.
-     */
-    passthroughProps?: Partial<T extends ComponentType<infer P> ? P : T extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[T] : never>;
-}
-export declare const NewButton: <T extends ElementType = "button">({ as, styleType, emphasis, size, hasLeadingIcon, leadingIconName, hasTrailingIcon, trailingIconName, children, fullWidth, focusStyle, passthroughProps, isLoading, ...props }: NewButtonProps<T>) => import("react/jsx-runtime").JSX.Element;
-export default NewButton;

package/dist/components/NewButton/NewButton.js

@@ -1,189 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { c as cva } from "../../index-Bi3v_EjJ.js";
-import { useRef, useState } from "react";
-import { useButton } from "@react-aria/button";
-import { Icon } from "../Icon/Icon.js";
-import LoadingSpinner from "../LoadingSpinner/LoadingSpinner.js";
-import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
-import '../../assets/NewButton.css';const newButton$1 = "_newButton_1ajlh_1";
-const content = "_content_1ajlh_23";
-const isNotLoading = "_isNotLoading_1ajlh_31";
-const loadingSpinner = "_loadingSpinner_1ajlh_31";
-const isLoading = "_isLoading_1ajlh_40";
-const focusWhite = "_focusWhite_1ajlh_52";
-const sm = "_sm_1ajlh_59";
-const md = "_md_1ajlh_64";
-const lg = "_lg_1ajlh_69";
-const fullWidth = "_fullWidth_1ajlh_74";
-const accentPrimary = "_accentPrimary_1ajlh_82";
-const accentSecondary = "_accentSecondary_1ajlh_101";
-const accentTertiary = "_accentTertiary_1ajlh_128";
-const accentQuaternary = "_accentQuaternary_1ajlh_153";
-const criticalPrimary = "_criticalPrimary_1ajlh_177";
-const criticalSecondary = "_criticalSecondary_1ajlh_201";
-const criticalTertiary = "_criticalTertiary_1ajlh_228";
-const criticalQuaternary = "_criticalQuaternary_1ajlh_253";
-const neutralPrimary = "_neutralPrimary_1ajlh_278";
-const neutralSecondary = "_neutralSecondary_1ajlh_302";
-const neutralTertiary = "_neutralTertiary_1ajlh_327";
-const neutralQuaternary = "_neutralQuaternary_1ajlh_352";
-const whitePrimary = "_whitePrimary_1ajlh_378";
-const whiteSecondary = "_whiteSecondary_1ajlh_403";
-const whiteTertiary = "_whiteTertiary_1ajlh_433";
-const whiteQuaternary = "_whiteQuaternary_1ajlh_462";
-const styles = {
-  newButton: newButton$1,
-  content,
-  isNotLoading,
-  loadingSpinner,
-  isLoading,
-  focusWhite,
-  sm,
-  md,
-  lg,
-  fullWidth,
-  accentPrimary,
-  accentSecondary,
-  accentTertiary,
-  accentQuaternary,
-  criticalPrimary,
-  criticalSecondary,
-  criticalTertiary,
-  criticalQuaternary,
-  neutralPrimary,
-  neutralSecondary,
-  neutralTertiary,
-  neutralQuaternary,
-  whitePrimary,
-  whiteSecondary,
-  whiteTertiary,
-  whiteQuaternary,
-  "fa-spinner-third": "_fa-spinner-third_1ajlh_493",
-  "icon-wrapper": "_icon-wrapper_1ajlh_498"
-};
-const newButton = cva(styles.newButton, {
-  variants: {
-    size: {
-      sm: styles.sm,
-      md: styles.md,
-      lg: styles.lg
-    },
-    accent: {
-      primary: styles.accentPrimary,
-      secondary: styles.accentSecondary,
-      tertiary: styles.accentTertiary,
-      quaternary: styles.accentQuaternary
-    },
-    critical: {
-      primary: styles.criticalPrimary,
-      secondary: styles.criticalSecondary,
-      tertiary: styles.criticalTertiary,
-      quaternary: styles.criticalQuaternary
-    },
-    neutral: {
-      primary: styles.neutralPrimary,
-      secondary: styles.neutralSecondary,
-      tertiary: styles.neutralTertiary,
-      quaternary: styles.neutralQuaternary
-    },
-    white: {
-      primary: styles.whitePrimary,
-      secondary: styles.whiteSecondary,
-      tertiary: styles.whiteTertiary,
-      quaternary: styles.whiteQuaternary
-    },
-    fullWidth: {
-      true: styles.fullWidth
-    },
-    focusStyle: {
-      default: void 0,
-      white: styles.focusWhite
-    },
-    isLoading: {
-      false: styles.isNotLoading,
-      true: styles.isLoading
-    }
-  },
-  compoundVariants: [{
-    size: "md",
-    accent: "primary",
-    className: styles.accentPrimary
-  }],
-  defaultVariants: {
-    size: "md"
-  }
-});
-const NewButton = ({
-  as,
-  styleType = "accent",
-  emphasis = "primary",
-  size = "md",
-  hasLeadingIcon,
-  leadingIconName = "circle",
-  hasTrailingIcon,
-  trailingIconName = "circle",
-  children,
-  fullWidth: fullWidth2,
-  focusStyle = "default",
-  passthroughProps,
-  isLoading: isLoading2 = false,
-  ...props
-}) => {
-  const ref = useRef(null);
-  const [isFocused, setIsFocused] = useState(false);
-  const [isHovered, setIsHovered] = useState(false);
-  const [isPressed, setIsPressed] = useState(false);
-  const {
-    buttonProps
-  } = useButton({
-    elementType: as,
-    onFocus: (e) => {
-      setIsFocused(true);
-      if (props.onFocus) props.onFocus(e);
-    },
-    onBlur: (e) => {
-      setIsFocused(false);
-      if (props.onBlur) props.onBlur(e);
-    },
-    onPressStart: (e) => {
-      setIsPressed(true);
-      if (props.onPressStart) props.onPressStart(e);
-    },
-    onPressEnd: (e) => {
-      setIsPressed(false);
-      if (props.onPressEnd) props.onPressEnd(e);
-    },
-    ...props
-  }, ref);
-  const handleMouseEnter = (e) => {
-    setIsHovered(true);
-    if (props.onMouseEnter) props.onMouseEnter(e);
-  };
-  const handleMouseLeave = (e) => {
-    setIsHovered(false);
-    if (props.onMouseLeave) props.onMouseLeave(e);
-  };
-  const className = newButton({
-    size,
-    fullWidth: fullWidth2,
-    focusStyle,
-    isLoading: isLoading2,
-    [styleType]: emphasis
-  });
-  const Component = as || "button";
-  return /* @__PURE__ */ jsx(Component, { className: `${className} ${focusStyleVariants({
-    focusStyle
-  })}`, ref, "data-focused": isFocused ? true : void 0, "data-hovered": isHovered ? true : void 0, "data-pressed": isPressed ? true : void 0, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, "aria-label": isLoading2 ? "Loading Spinner" : buttonProps["aria-label"], "aria-live": isLoading2 ? "polite" : void 0, ...buttonProps, ...passthroughProps, children: /* @__PURE__ */ jsxs(Fragment, { children: [
-    isLoading2 && /* @__PURE__ */ jsx(LoadingSpinner, { className: styles.loadingSpinner, size: size === "lg" ? "lg" : "1x", "aria-hidden": true }),
-    /* @__PURE__ */ jsxs("span", { className: styles.content, children: [
-      hasLeadingIcon && leadingIconName ? /* @__PURE__ */ jsx(Icon, { iconName: leadingIconName || "" }) : null,
-      children,
-      hasTrailingIcon && trailingIconName ? /* @__PURE__ */ jsx(Icon, { iconName: trailingIconName || "" }) : null
-    ] })
-  ] }) });
-};
-export {
-  NewButton,
-  NewButton as default
-};
-//# sourceMappingURL=NewButton.js.map

package/dist/components/NewButton/NewButton.js.map

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

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

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

package/dist/components/NewButton/index.js

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