@alto-avios/alto-ui 2.4.0 → 3.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alto-avios/alto-ui",
-  "version": "2.4.0",
+  "version": "3.1.0",
   "description": "A react component library for Alto Design System",
   "author": {
     "name": "Ian Caldwell IAGL",
@@ -8,7 +8,7 @@
   },
   "contributors": [
     {
-      "name": "Gup Badyal IAGL",
+      "name": "Gup Badyal IAGL ",
       "email": "gurpreet.badyal@avios.com"
     },
     {
@@ -20,37 +20,48 @@
   "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",
     "lint": "eslint",
     "lint:fix": "eslint --fix && npx prettier . --write --ignore-unknown",
+    "commit": "cz",
     "pre-commit": "lint-staged",
     "prepare": "husky",
-    "generate": "plop"
+    "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",
+    "react-number-format": "^5.4.3",
     "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-actions": "^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",
@@ -60,6 +71,8 @@
     "@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",
@@ -80,7 +93,8 @@
     "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.5",
     "tslib": "^2.6.2",
@@ -89,10 +103,11 @@
     "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",
@@ -114,5 +129,10 @@
       "eslint --fix",
       "jest --bail --findRelatedTests --verbose --passWithNoTests"
     ]
+  },
+  "config": {
+    "commitizen": {
+      "path": "@commitlint/cz-commitlint"
+    }
   }
-}
+}

package/dist/assets/NewButton.css

@@ -1 +0,0 @@
-._newButton_jfgy8_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_jfgy8_1,._newButton_jfgy8_1 ._content_jfgy8_23{display:inline-flex;gap:var(--alto-sem-space-2xs)}._isNotLoading_jfgy8_31 ._loadingSpinner_jfgy8_31{opacity:0;position:absolute}._isNotLoading_jfgy8_31 ._content_jfgy8_23{opacity:1}._isLoading_jfgy8_40 ._loadingSpinner_jfgy8_31{opacity:1;position:absolute}._isLoading_jfgy8_40 ._content_jfgy8_23{opacity:0}._focusWhite_jfgy8_52:focus-visible{outline-color:var(--alto-sem-color-border-white)}._sm_jfgy8_59{max-height:34px;padding:var(--alto-sem-space-2xs) var(--alto-sem-space-sm)}._md_jfgy8_64{max-height:48px;padding:var(--alto-sem-space-xs) var(--alto-sem-space-md)}._lg_jfgy8_69{max-height:55px;padding:var(--alto-sem-space-sm) var(--alto-sem-space-lg)}._fullWidth_jfgy8_74{width:100%}._accentPrimary_jfgy8_82[data-focused],._accentPrimary_jfgy8_82[data-hovered]{background:var(--alto-sem-color-bg-accent-vibrant-hover)}._accentPrimary_jfgy8_82[data-pressed]{background:var(--alto-sem-color-bg-accent-vibrant-active)}._accentPrimary_jfgy8_82[data-pressed][data-focused]{outline:none}._accentPrimary_jfgy8_82:disabled,._accentPrimary_jfgy8_82[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._accentSecondary_jfgy8_102{background-color:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-accent);color:var(--alto-sem-color-fg-accent-primary)}._accentSecondary_jfgy8_102[data-focused],._accentSecondary_jfgy8_102[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentSecondary_jfgy8_102[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentSecondary_jfgy8_102[data-pressed][data-focused]{outline:none}._accentSecondary_jfgy8_102:disabled,._accentSecondary_jfgy8_102[aria-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:auto}._accentTertiary_jfgy8_132{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-accent-primary)}._accentTertiary_jfgy8_132[data-focused],._accentTertiary_jfgy8_132[data-hovered]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentTertiary_jfgy8_132[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentTertiary_jfgy8_132[data-pressed][data-focused]{outline:none}._accentTertiary_jfgy8_132:disabled,._accentTertiary_jfgy8_132[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._accentQuaternary_jfgy8_158{background:none;color:var(--alto-sem-color-fg-accent-primary)}._accentQuaternary_jfgy8_158[data-hovered][data-focused]{background:var(--alto-sem-color-bg-accent-subtle-hover)}._accentQuaternary_jfgy8_158[data-pressed]{background:var(--alto-sem-color-bg-accent-subtle-active)}._accentQuaternary_jfgy8_158[data-pressed][data-focused]{outline:none}._accentQuaternary_jfgy8_158:disabled,._accentQuaternary_jfgy8_158[aria-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalPrimary_jfgy8_183{background:var(--alto-sem-color-bg-critical-vibrant-default);color:var(--alto-sem-color-fg-critical-on-vibrant)}._criticalPrimary_jfgy8_183[data-focused],._criticalPrimary_jfgy8_183[data-hovered]{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._criticalPrimary_jfgy8_183[data-pressed]{background:var(--alto-sem-color-bg-critical-vibrant-active)}._criticalPrimary_jfgy8_183[data-pressed][data-focused]{outline:none}._criticalPrimary_jfgy8_183:disabled,._criticalPrimary_jfgy8_183[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._criticalSecondary_jfgy8_208{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-critical);color:var(--alto-sem-color-fg-critical-primary)}._criticalSecondary_jfgy8_208[data-focused],._criticalSecondary_jfgy8_208[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalSecondary_jfgy8_208[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalSecondary_jfgy8_208[data-pressed][data-focused]{outline:none}._criticalSecondary_jfgy8_208:disabled,._criticalSecondary_jfgy8_208[aria-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:auto}._criticalTertiary_jfgy8_238{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-critical-primary)}._criticalTertiary_jfgy8_238[data-focused],._criticalTertiary_jfgy8_238[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalTertiary_jfgy8_238[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalTertiary_jfgy8_238[data-pressed][data-focused]{outline:none}._criticalTertiary_jfgy8_238:disabled,._criticalTertiary_jfgy8_238[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._criticalQuaternary_jfgy8_264{background:none;color:var(--alto-sem-color-fg-critical-primary)}._criticalQuaternary_jfgy8_264[data-focused],._criticalQuaternary_jfgy8_264[data-hovered]{background:var(--alto-sem-color-bg-critical-subtle-hover)}._criticalQuaternary_jfgy8_264[data-pressed]{background:var(--alto-sem-color-bg-critical-subtle-active)}._criticalQuaternary_jfgy8_264[data-pressed][data-focused]{outline:none}._criticalQuaternary_jfgy8_264:disabled,._criticalQuaternary_jfgy8_264[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralPrimary_jfgy8_291{background:var(--alto-sem-color-bg-inverse-vibrant-default);color:var(--alto-sem-color-fg-inverse-on-vibrant)}._neutralPrimary_jfgy8_291[data-focused],._neutralPrimary_jfgy8_291[data-hovered]{background:var(--alto-sem-color-bg-inverse-vibrant-hover)}._neutralPrimary_jfgy8_291[data-pressed]{background:var(--alto-sem-color-bg-inverse-vibrant-active)}._neutralPrimary_jfgy8_291[data-pressed][data-focused]{outline:none}._neutralPrimary_jfgy8_291:disabled,._neutralPrimary_jfgy8_291[aria-disabled]{background:var(--alto-sem-color-bg-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralSecondary_jfgy8_316{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-inverse);color:var(--alto-sem-color-fg-inverse-on-subtle)}._neutralSecondary_jfgy8_316[data-focused],._neutralSecondary_jfgy8_316[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralSecondary_jfgy8_316[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralSecondary_jfgy8_316[data-pressed][data-focused]{outline:none}._neutralSecondary_jfgy8_316:disabled,._neutralSecondary_jfgy8_316[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-disabled-vibrant);cursor:not-allowed;pointer-events:auto}._neutralTertiary_jfgy8_345{background:var(--alto-sem-color-bg-inverse-subtle-default);color:var(--alto-sem-color-fg-primary)}._neutralTertiary_jfgy8_345[data-focused],._neutralTertiary_jfgy8_345[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralTertiary_jfgy8_345[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralTertiary_jfgy8_345[data-pressed][data-focused]{outline:none}._neutralTertiary_jfgy8_345:disabled,._neutralTertiary_jfgy8_345[aria-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._neutralQuaternary_jfgy8_371{background:none;color:var(--alto-sem-color-fg-primary)}._neutralQuaternary_jfgy8_371[data-focused],._neutralQuaternary_jfgy8_371[data-hovered]{background:var(--alto-sem-color-bg-inverse-subtle-hover)}._neutralQuaternary_jfgy8_371[data-pressed]{background:var(--alto-sem-color-bg-inverse-subtle-active)}._neutralQuaternary_jfgy8_371[data-pressed][data-focused]{outline:none}._neutralQuaternary_jfgy8_371:disabled,._neutralQuaternary_jfgy8_371[aria-disabled]{background:none;color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:auto}._whitePrimary_jfgy8_398{background:var(--alto-sem-color-bg-white-vibrant-default);color:var(--alto-sem-color-fg-white-on-vibrant)}._whitePrimary_jfgy8_398[data-focused],._whitePrimary_jfgy8_398[data-hovered]{background:var(--alto-sem-color-bg-white-vibrant-hover)}._whitePrimary_jfgy8_398[data-pressed]{background:var(--alto-sem-color-bg-white-vibrant-active)}._whitePrimary_jfgy8_398[data-pressed][data-focused]{outline:none}._whitePrimary_jfgy8_398:disabled,._whitePrimary_jfgy8_398[aria-disabled]{background:#ffffff52;color:var(--alto-sem-color-fg-disabled-on-vibrant);cursor:not-allowed;pointer-events:auto}._whiteSecondary_jfgy8_424{background:transparent;border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-white);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteSecondary_jfgy8_424[data-focused],._whiteSecondary_jfgy8_424[data-hovered]{background:var(--alto-sem-color-overlay-state-darken-hover)}._whiteSecondary_jfgy8_424[data-pressed]{background:var(--alto-sem-color-overlay-state-darken-active)}._whiteSecondary_jfgy8_424[data-pressed][data-focused]{outline:none}._whiteSecondary_jfgy8_424:focus-visible{outline-color:var(--alto-sem-color-border-white)}._whiteSecondary_jfgy8_424:disabled,._whiteSecondary_jfgy8_424[aria-disabled]{background:none;border:var(--alto-sem-border-width-sm) solid hsla(0,0%,100%,.32);color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteTertiary_jfgy8_457{background:var(--alto-sem-color-bg-white-subtle-default);color:var(--alto-sem-color-fg-white-on-subtle)}._whiteTertiary_jfgy8_457[data-focused],._whiteTertiary_jfgy8_457[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteTertiary_jfgy8_457[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteTertiary_jfgy8_457[data-pressed][data-focused]{outline:none}._whiteTertiary_jfgy8_457:focus-visible{outline-color:var(--alto-sem-color-border-white)}._whiteTertiary_jfgy8_457:disabled,._whiteTertiary_jfgy8_457[aria-disabled]{background:#0000000d;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._whiteQuaternary_jfgy8_487{background:none;color:var(--alto-sem-color-fg-white-primary)}._whiteQuaternary_jfgy8_487[data-focused],._whiteQuaternary_jfgy8_487[data-hovered]{background:var(--alto-sem-color-bg-white-subtle-hover)}._whiteQuaternary_jfgy8_487[data-pressed]{background:var(--alto-sem-color-bg-white-subtle-active)}._whiteQuaternary_jfgy8_487[data-pressed][data-focused]{outline:none}._whiteQuaternary_jfgy8_487:focus-visible{outline-color:var(--alto-sem-color-border-white)}._whiteQuaternary_jfgy8_487:disabled,._whiteQuaternary_jfgy8_487[aria-disabled]{background:none;color:#ffffff52;cursor:not-allowed;pointer-events:auto}._fa-spinner-third_jfgy8_519{height:1rem;width:1rem}._icon-wrapper_jfgy8_524{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}

package/dist/assets/backgroundColour.css

@@ -1 +0,0 @@
-._backgroundColour-transparent_jawk2_1{background-color:transparent}._backgroundColour-base_jawk2_5{background-color:var(--alto-sem-color-bg-base)}._backgroundColour-layer1_jawk2_9{background-color:var(--alto-sem-color-bg-layer1-default)}._backgroundColour-layer2_jawk2_13{background-color:var(--alto-sem-color-bg-layer2-default)}._backgroundColour-layer3_jawk2_17{background-color:var(--alto-sem-color-bg-layer3-default)}._backgroundColour-accent-vibrant_jawk2_21{background-color:var(--alto-sem-color-bg-accent-vibrant-default)}._backgroundColour-accent-subtle_jawk2_25{background-color:var(--alto-sem-color-bg-accent-subtle-default)}._backgroundColour-accent-deep_jawk2_29{background-color:var(--alto-sem-color-bg-accent-deep-default)}._backgroundColour-critical-vibrant_jawk2_33{background-color:var(--alto-sem-color-bg-critical-vibrant-default)}._backgroundColour-critical-subtle_jawk2_37{background-color:var(--alto-sem-color-bg-critical-subtle-default)}._backgroundColour-warning-vibrant_jawk2_41{background-color:var(--alto-sem-color-bg-warning-vibrant-default)}._backgroundColour-warning-subtle_jawk2_45{background-color:var(--alto-sem-color-bg-warning-subtle-default)}._backgroundColour-caution-vibrant_jawk2_49{background-color:var(--alto-sem-color-bg-caution-vibrant-default)}._backgroundColour-caution-subtle_jawk2_53{background-color:var(--alto-sem-color-bg-caution-subtle-default)}._backgroundColour-success-vibrant_jawk2_57{background-color:var(--alto-sem-color-bg-success-vibrant-default)}._backgroundColour-success-subtle_jawk2_61{background-color:var(--alto-sem-color-bg-success-subtle-default)}._backgroundColour-information-vibrant_jawk2_65{background-color:var(--alto-sem-color-bg-information-vibrant-default)}._backgroundColour-information-subtle_jawk2_69{background-color:var(--alto-sem-color-bg-information-subtle-default)}._backgroundColour-inverse-vibrant_jawk2_73{background-color:var(--alto-sem-color-bg-inverse-vibrant-default)}._backgroundColour-inverse-subtle_jawk2_77{background-color:var(--alto-sem-color-bg-inverse-subtle-default)}._backgroundColour-white-vibrant_jawk2_81{background-color:var(--alto-sem-color-bg-white-vibrant-default)}._backgroundColour-white-subtle_jawk2_85{background-color:var(--alto-sem-color-bg-white-subtle-default)}._backgroundColour-disabled-vibrant_jawk2_89{background-color:var(--alto-sem-color-bg-disabled-vibrant)}._backgroundColour-disabled-subtle_jawk2_93{background-color:var(--alto-sem-color-bg-disabled-subtle)}._backgroundColour-sale-vibrant_jawk2_97{background-color:var(--alto-sem-color-bg-sale-vibrant-default)}

package/dist/assets/fgColor.css

@@ -1 +0,0 @@
-._fgColor-primary_qlmrn_1{color:var(--alto-sem-color-fg-primary)}._fgColor-secondary_qlmrn_5{color:var(--alto-sem-color-fg-secondary)}._fgColor-accent-primary_qlmrn_9{color:var(--alto-sem-color-fg-accent-primary)}._fgColor-accent-secondary_qlmrn_13{color:var(--alto-sem-color-fg-accent-secondary)}._fgColor-accent-on-vibrant_qlmrn_17{color:var(--alto-sem-color-fg-accent-on-vibrant)}._fgColor-accent-on-vibrant-accent_qlmrn_21{color:var(--alto-sem-color-fg-accent-on-vibrant-accent)}._fgColor-accent-on-subtle_qlmrn_25{color:var(--alto-sem-color-fg-accent-on-subtle)}._fgColor-accent-on-deep_qlmrn_29{color:var(--alto-sem-color-fg-accent-on-deep)}._fgColor-critical-primary_qlmrn_33{color:var(--alto-sem-color-fg-critical-primary)}._fgColor-critical-on-vibrant_qlmrn_37{color:var(--alto-sem-color-fg-critical-on-vibrant)}._fgColor-critical-on-subtle_qlmrn_41{color:var(--alto-sem-color-fg-critical-on-subtle)}._fgColor-warning-primary_qlmrn_45{color:var(--alto-sem-color-fg-warning-primary)}._fgColor-warning-on-vibrant_qlmrn_49{color:var(--alto-sem-color-fg-warning-on-vibrant)}._fgColor-warning-on-subtle_qlmrn_53{color:var(--alto-sem-color-fg-warning-on-subtle)}._fgColor-caution-primary_qlmrn_57{color:var(--alto-sem-color-fg-caution-primary)}._fgColor-caution-on-vibrant_qlmrn_61{color:var(--alto-sem-color-fg-caution-on-vibrant)}._fgColor-caution-on-subtle_qlmrn_65{color:var(--alto-sem-color-fg-caution-on-subtle)}._fgColor-success-primary_qlmrn_69{color:var(--alto-sem-color-fg-success-primary)}._fgColor-success-on-vibrant_qlmrn_73{color:var(--alto-sem-color-fg-success-on-vibrant)}._fgColor-success-on-subtle_qlmrn_77{color:var(--alto-sem-color-fg-success-on-subtle)}._fgColor-information-primary_qlmrn_81{color:var(--alto-sem-color-fg-information-primary)}._fgColor-information-on-vibrant_qlmrn_85{color:var(--alto-sem-color-fg-information-on-vibrant)}._fgColor-information-on-subtle_qlmrn_89{color:var(--alto-sem-color-fg-information-on-subtle)}._fgColor-inverse-primary_qlmrn_93{color:var(--alto-sem-color-fg-inverse-primary)}._fgColor-inverse-on-vibrant_qlmrn_97{color:var(--alto-sem-color-fg-inverse-on-vibrant)}._fgColor-inverse-on-subtle_qlmrn_101{color:var(--alto-sem-color-fg-inverse-on-subtle)}._fgColor-white-primary_qlmrn_105{color:var(--alto-sem-color-fg-white-primary)}._fgColor-white-on-vibrant_qlmrn_109{color:var(--alto-sem-color-fg-white-on-vibrant)}._fgColor-white-on-subtle_qlmrn_113{color:var(--alto-sem-color-fg-white-on-subtle)}._fgColor-disabled-primary_qlmrn_117{color:var(--alto-sem-color-fg-disabled-primary)}._fgColor-disabled-on-vibrant_qlmrn_121{color:var(--alto-sem-color-fg-disabled-on-vibrant)}._fgColor-disabled-on-subtle_qlmrn_125{color:var(--alto-sem-color-fg-disabled-on-subtle)}._fgColor-sale-primary_qlmrn_129{color:var(--alto-sem-color-fg-sale-primary)}._fgColor-sale-on-vibrant_qlmrn_133{color:var(--alto-sem-color-fg-sale-on-vibrant)}

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_jfgy8_1";
-const content = "_content_jfgy8_23";
-const isNotLoading = "_isNotLoading_jfgy8_31";
-const loadingSpinner = "_loadingSpinner_jfgy8_31";
-const isLoading = "_isLoading_jfgy8_40";
-const focusWhite = "_focusWhite_jfgy8_52";
-const sm = "_sm_jfgy8_59";
-const md = "_md_jfgy8_64";
-const lg = "_lg_jfgy8_69";
-const fullWidth = "_fullWidth_jfgy8_74";
-const accentPrimary = "_accentPrimary_jfgy8_82";
-const accentSecondary = "_accentSecondary_jfgy8_102";
-const accentTertiary = "_accentTertiary_jfgy8_132";
-const accentQuaternary = "_accentQuaternary_jfgy8_158";
-const criticalPrimary = "_criticalPrimary_jfgy8_183";
-const criticalSecondary = "_criticalSecondary_jfgy8_208";
-const criticalTertiary = "_criticalTertiary_jfgy8_238";
-const criticalQuaternary = "_criticalQuaternary_jfgy8_264";
-const neutralPrimary = "_neutralPrimary_jfgy8_291";
-const neutralSecondary = "_neutralSecondary_jfgy8_316";
-const neutralTertiary = "_neutralTertiary_jfgy8_345";
-const neutralQuaternary = "_neutralQuaternary_jfgy8_371";
-const whitePrimary = "_whitePrimary_jfgy8_398";
-const whiteSecondary = "_whiteSecondary_jfgy8_424";
-const whiteTertiary = "_whiteTertiary_jfgy8_457";
-const whiteQuaternary = "_whiteQuaternary_jfgy8_487";
-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_jfgy8_519",
-  "icon-wrapper": "_icon-wrapper_jfgy8_524"
-};
-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

package/dist/utils/backgroundColour/backgroundColour.d.ts

@@ -1,8 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { InputType } from 'storybook/internal/types';
-export declare const backgroundColorVariants: (props?: ({
-    backgroundColour?: "transparent" | "base" | "layer1" | "layer2" | "layer3" | "accentVibrant" | "accentSubtle" | "accentDeep" | "criticalVibrant" | "criticalSubtle" | "warningVibrant" | "warningSubtle" | "cautionVibrant" | "cautionSubtle" | "successVibrant" | "successSubtle" | "informationVibrant" | "informationSubtle" | "inverseVibrant" | "inverseSubtle" | "whiteVibrant" | "whiteSubtle" | "disabledVibrant" | "disabledSubtle" | "saleVibrant" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type BackgroundVariants = VariantProps<typeof backgroundColorVariants>;
-export declare const backgroundColourOptions: BackgroundVariants['backgroundColour'][];
-export declare const backgroundColourArgTypes: Record<string, InputType>;

package/dist/utils/backgroundColour/backgroundColour.js

@@ -1,102 +0,0 @@
-import { c as cva } from "../../index-Bi3v_EjJ.js";
-import '../../assets/backgroundColour.css';const styles = {
-  "backgroundColour-transparent": "_backgroundColour-transparent_jawk2_1",
-  "backgroundColour-base": "_backgroundColour-base_jawk2_5",
-  "backgroundColour-layer1": "_backgroundColour-layer1_jawk2_9",
-  "backgroundColour-layer2": "_backgroundColour-layer2_jawk2_13",
-  "backgroundColour-layer3": "_backgroundColour-layer3_jawk2_17",
-  "backgroundColour-accent-vibrant": "_backgroundColour-accent-vibrant_jawk2_21",
-  "backgroundColour-accent-subtle": "_backgroundColour-accent-subtle_jawk2_25",
-  "backgroundColour-accent-deep": "_backgroundColour-accent-deep_jawk2_29",
-  "backgroundColour-critical-vibrant": "_backgroundColour-critical-vibrant_jawk2_33",
-  "backgroundColour-critical-subtle": "_backgroundColour-critical-subtle_jawk2_37",
-  "backgroundColour-warning-vibrant": "_backgroundColour-warning-vibrant_jawk2_41",
-  "backgroundColour-warning-subtle": "_backgroundColour-warning-subtle_jawk2_45",
-  "backgroundColour-caution-vibrant": "_backgroundColour-caution-vibrant_jawk2_49",
-  "backgroundColour-caution-subtle": "_backgroundColour-caution-subtle_jawk2_53",
-  "backgroundColour-success-vibrant": "_backgroundColour-success-vibrant_jawk2_57",
-  "backgroundColour-success-subtle": "_backgroundColour-success-subtle_jawk2_61",
-  "backgroundColour-information-vibrant": "_backgroundColour-information-vibrant_jawk2_65",
-  "backgroundColour-information-subtle": "_backgroundColour-information-subtle_jawk2_69",
-  "backgroundColour-inverse-vibrant": "_backgroundColour-inverse-vibrant_jawk2_73",
-  "backgroundColour-inverse-subtle": "_backgroundColour-inverse-subtle_jawk2_77",
-  "backgroundColour-white-vibrant": "_backgroundColour-white-vibrant_jawk2_81",
-  "backgroundColour-white-subtle": "_backgroundColour-white-subtle_jawk2_85",
-  "backgroundColour-disabled-vibrant": "_backgroundColour-disabled-vibrant_jawk2_89",
-  "backgroundColour-disabled-subtle": "_backgroundColour-disabled-subtle_jawk2_93",
-  "backgroundColour-sale-vibrant": "_backgroundColour-sale-vibrant_jawk2_97"
-};
-const backgroundColorVariants = cva("", {
-  variants: {
-    backgroundColour: {
-      transparent: styles["backgroundColour-transparent"],
-      base: styles["backgroundColour-base"],
-      layer1: styles["backgroundColour-layer1"],
-      layer2: styles["backgroundColour-layer2"],
-      layer3: styles["backgroundColour-layer3"],
-      accentVibrant: styles["backgroundColour-accent-vibrant"],
-      accentSubtle: styles["backgroundColour-accent-subtle"],
-      accentDeep: styles["backgroundColour-accent-deep"],
-      criticalVibrant: styles["backgroundColour-critical-vibrant"],
-      criticalSubtle: styles["backgroundColour-critical-subtle"],
-      warningVibrant: styles["backgroundColour-warning-vibrant"],
-      warningSubtle: styles["backgroundColour-warning-subtle"],
-      cautionVibrant: styles["backgroundColour-caution-vibrant"],
-      cautionSubtle: styles["backgroundColour-caution-subtle"],
-      successVibrant: styles["backgroundColour-success-vibrant"],
-      successSubtle: styles["backgroundColour-success-subtle"],
-      informationVibrant: styles["backgroundColour-information-vibrant"],
-      informationSubtle: styles["backgroundColour-information-subtle"],
-      inverseVibrant: styles["backgroundColour-inverse-vibrant"],
-      inverseSubtle: styles["backgroundColour-inverse-subtle"],
-      whiteVibrant: styles["backgroundColour-white-vibrant"],
-      whiteSubtle: styles["backgroundColour-white-subtle"],
-      disabledVibrant: styles["backgroundColour-disabled-vibrant"],
-      disabledSubtle: styles["backgroundColour-disabled-subtle"],
-      saleVibrant: styles["backgroundColour-sale-vibrant"]
-    }
-  },
-  defaultVariants: {
-    backgroundColour: "transparent"
-  }
-});
-const backgroundColourOptions = [
-  "transparent",
-  "base",
-  "layer1",
-  "layer2",
-  "layer3",
-  "accentVibrant",
-  "accentSubtle",
-  "accentDeep",
-  "criticalVibrant",
-  "criticalSubtle",
-  "warningVibrant",
-  "warningSubtle",
-  "cautionVibrant",
-  "cautionSubtle",
-  "successVibrant",
-  "successSubtle",
-  "informationVibrant",
-  "informationSubtle",
-  "inverseVibrant",
-  "inverseSubtle",
-  "whiteVibrant",
-  "whiteSubtle",
-  "disabledVibrant",
-  "disabledSubtle",
-  "saleVibrant"
-];
-const backgroundColourArgTypes = {
-  backgroundColour: {
-    control: "select",
-    options: backgroundColourOptions,
-    defaultValue: "transparent"
-  }
-};
-export {
-  backgroundColorVariants,
-  backgroundColourArgTypes,
-  backgroundColourOptions
-};
-//# sourceMappingURL=backgroundColour.js.map

package/dist/utils/backgroundColour/backgroundColour.js.map

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

package/dist/utils/fgColour/fgColor.d.ts

@@ -1,5 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-export declare const fgColorVariants: (props?: ({
-    fgColor?: "default" | "secondary" | "accentPrimary" | "accentSecondary" | "criticalPrimary" | "whitePrimary" | "accentOnVibrant" | "accentOnVibrantAccent" | "accentOnSubtle" | "accentOnDeep" | "criticalOnVibrant" | "criticalOnSubtle" | "warningPrimary" | "warningOnVibrant" | "warningOnSubtle" | "cautionPrimary" | "cautionOnVibrant" | "cautionOnSubtle" | "successPrimary" | "successOnVibrant" | "successOnSubtle" | "informationPrimary" | "informationOnVibrant" | "informationOnSubtle" | "inversePrimary" | "inverseOnVibrant" | "inverseOnSubtle" | "whiteOnVibrant" | "whiteOnSubtle" | "disabledPrimary" | "disabledOnVibrant" | "disabledOnSubtle" | "salePrimary" | "saleOnVibrant" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type FgColorVariants = VariantProps<typeof fgColorVariants>;