@veeqo/ui 16.1.0 → 16.2.0

package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.cjs

@@ -2,29 +2,51 @@
 
 var React = require('react');
 var LoginWithAmazonButton_module = require('./LoginWithAmazonButton.module.scss.cjs');
+var buildClassnames = require('../../utils/buildClassnames.cjs');
+require('uid/secure');
+var Action = require('../Action/Action.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-const buttonImg = 'https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64.png';
-const buttonPressedImg = 'https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64_pressed.png';
 const buttonDescription = 'Log in with Amazon';
+const LWA_IMAGE_BASE = 'https://images-na.ssl-images-amazon.com/images/G/01/lwa';
+/** Amazon's abbreviated colour code used in the button asset filenames. */
+const VARIANT_COLOR = {
+    gold: 'gold',
+    darkgray: 'drkgry',
+    lightgray: 'gry',
+};
+/** Intrinsic pixel dimensions of the button asset for each size. */
+const SIZE_DIMENSIONS = {
+    base: '312x64',
+    sm: '152x64',
+    xs: '64x64',
+};
+/** Rendered size (half the 2x asset). Set on the <img> so the browser reserves space before load (CLS). */
+const RENDERED_SIZE = {
+    base: { width: 156, height: 32 },
+    sm: { width: 76, height: 32 },
+    xs: { width: 32, height: 32 },
+};
+const lwaImageSrc = (variant, size, pressed) => `${LWA_IMAGE_BASE}/btnLWA_${VARIANT_COLOR[variant]}_${SIZE_DIMENSIONS[size]}${pressed ? '_pressed' : ''}.png`;
 /**
- * Image used in this button is to comply with official
- * Amazon button guidelines (https://developer.amazon.com/docs/login-with-amazon/button.html#android-images).
+ * A "Log in with Amazon" button rendered from Amazon's official button artwork,
+ * in line with the [Login with Amazon button guidelines](https://developer.amazon.com/docs/login-with-amazon/button.html).
+ *
+ * Built on `Action` (`appearance="unstyled"`), so it inherits Action's reset, native
+ * `disabled` handling and data-attribute support. The button swaps to its pressed artwork
+ * via `:active`, so mouse, touch and keyboard activation all show it. Colour is chosen with
+ * `variant` (gold / darkgray / lightgray) and dimensions with `size` (base / sm / xs); the
+ * two together select the exact asset. The accessible name defaults to "Log in with Amazon"
+ * and can be overridden via `aria-label` for localisation.
+ *
+ * @summary official Amazon sign-in button
  */
-const LoginWithAmazonButton = (props) => {
-    const [image, setImage] = React.useState(buttonImg);
-    const handleMouseDown = () => {
-        setImage(buttonPressedImg);
-    };
-    const handleMouseUp = () => {
-        setImage(buttonImg);
-    };
-    return (React__default.default.createElement("button", { type: "button", className: LoginWithAmazonButton_module.loginButton, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, "aria-label": buttonDescription, ...props },
-        React__default.default.createElement("img", { src: image, alt: buttonDescription })));
-};
+const LoginWithAmazonButton = ({ variant = 'gold', size = 'base', className, ...props }) => (React__default.default.createElement(Action.Action, { "aria-label": buttonDescription, ...props, appearance: "unstyled", className: buildClassnames.buildClassnames([LoginWithAmazonButton_module.loginButton, className]) },
+    React__default.default.createElement("img", { className: LoginWithAmazonButton_module['default-state'], src: lwaImageSrc(variant, size, false), alt: "", ...RENDERED_SIZE[size] }),
+    React__default.default.createElement("img", { className: LoginWithAmazonButton_module['pressed-state'], src: lwaImageSrc(variant, size, true), alt: "", ...RENDERED_SIZE[size] })));
 
 exports.LoginWithAmazonButton = LoginWithAmazonButton;
 exports.buttonDescription = buttonDescription;

package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LoginWithAmazonButton.cjs","sources":["../../../src/components/LoginWithAmazonButton/LoginWithAmazonButton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport styles from './LoginWithAmazonButton.module.scss';\n\nconst buttonImg = 'https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64.png';\nconst buttonPressedImg =\n  'https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64_pressed.png';\n\nexport const buttonDescription = 'Log in with Amazon';\n\n/**\n * Image used in this button is to comply with official\n * Amazon button guidelines (https://developer.amazon.com/docs/login-with-amazon/button.html#android-images).\n */\nexport const LoginWithAmazonButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>> = (\n  props,\n) => {\n  const [image, setImage] = useState(buttonImg);\n\n  const handleMouseDown = () => {\n    setImage(buttonPressedImg);\n  };\n\n  const handleMouseUp = () => {\n    setImage(buttonImg);\n  };\n\n  return (\n    <button\n      type=\"button\"\n      className={styles.loginButton}\n      onMouseDown={handleMouseDown}\n      onMouseUp={handleMouseUp}\n      aria-label={buttonDescription}\n      {...props}\n    >\n      {/* alt attr for better accessibility if image is failed to load */}\n      <img src={image} alt={buttonDescription} />\n    </button>\n  );\n};\n"],"names":["useState","React","styles"],"mappings":";;;;;;;;;AAGA,MAAM,SAAS,GAAG,gFAAgF;AAClG,MAAM,gBAAgB,GACpB,wFAAwF;AAEnF,MAAM,iBAAiB,GAAG;AAEjC;;;AAGG;AACI,MAAM,qBAAqB,GAA4D,CAC5F,KAAK,KACH;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAC,SAAS,CAAC;IAE7C,MAAM,eAAe,GAAG,MAAK;QAC3B,QAAQ,CAAC,gBAAgB,CAAC;AAC5B,IAAA,CAAC;IAED,MAAM,aAAa,GAAG,MAAK;QACzB,QAAQ,CAAC,SAAS,CAAC;AACrB,IAAA,CAAC;IAED,QACEC,iDACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAEC,4BAAM,CAAC,WAAW,EAC7B,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAE,aAAa,EAAA,YAAA,EACZ,iBAAiB,EAAA,GACzB,KAAK,EAAA;QAGTD,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,iBAAiB,EAAA,CAAI,CACpC;AAEb;;;;;"}
+{"version":3,"file":"LoginWithAmazonButton.cjs","sources":["../../../src/components/LoginWithAmazonButton/LoginWithAmazonButton.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './LoginWithAmazonButton.module.scss';\nimport { buildClassnames } from '../../utils';\nimport { Action } from '../Action';\nimport type {\n  LoginWithAmazonButtonProps,\n  LoginWithAmazonButtonSize,\n  LoginWithAmazonButtonVariant,\n} from './types';\n\nexport const buttonDescription = 'Log in with Amazon';\n\nconst LWA_IMAGE_BASE = 'https://images-na.ssl-images-amazon.com/images/G/01/lwa';\n\n/** Amazon's abbreviated colour code used in the button asset filenames. */\nconst VARIANT_COLOR: Record<LoginWithAmazonButtonVariant, string> = {\n  gold: 'gold',\n  darkgray: 'drkgry',\n  lightgray: 'gry',\n};\n\n/** Intrinsic pixel dimensions of the button asset for each size. */\nconst SIZE_DIMENSIONS: Record<LoginWithAmazonButtonSize, string> = {\n  base: '312x64',\n  sm: '152x64',\n  xs: '64x64',\n};\n\n/** Rendered size (half the 2x asset). Set on the <img> so the browser reserves space before load (CLS). */\nconst RENDERED_SIZE: Record<LoginWithAmazonButtonSize, { width: number; height: number }> = {\n  base: { width: 156, height: 32 },\n  sm: { width: 76, height: 32 },\n  xs: { width: 32, height: 32 },\n};\n\nconst lwaImageSrc = (\n  variant: LoginWithAmazonButtonVariant,\n  size: LoginWithAmazonButtonSize,\n  pressed: boolean,\n) =>\n  `${LWA_IMAGE_BASE}/btnLWA_${VARIANT_COLOR[variant]}_${SIZE_DIMENSIONS[size]}${pressed ? '_pressed' : ''}.png`;\n\n/**\n * A \"Log in with Amazon\" button rendered from Amazon's official button artwork,\n * in line with the [Login with Amazon button guidelines](https://developer.amazon.com/docs/login-with-amazon/button.html).\n *\n * Built on `Action` (`appearance=\"unstyled\"`), so it inherits Action's reset, native\n * `disabled` handling and data-attribute support. The button swaps to its pressed artwork\n * via `:active`, so mouse, touch and keyboard activation all show it. Colour is chosen with\n * `variant` (gold / darkgray / lightgray) and dimensions with `size` (base / sm / xs); the\n * two together select the exact asset. The accessible name defaults to \"Log in with Amazon\"\n * and can be overridden via `aria-label` for localisation.\n *\n * @summary official Amazon sign-in button\n */\nexport const LoginWithAmazonButton = ({\n  variant = 'gold',\n  size = 'base',\n  className,\n  ...props\n}: LoginWithAmazonButtonProps) => (\n  <Action\n    aria-label={buttonDescription}\n    {...props}\n    appearance=\"unstyled\"\n    className={buildClassnames([styles.loginButton, className])}\n  >\n    {/* Both images are rendered so the pressed artwork is preloaded; CSS shows one at a time.\n        They are decorative (alt=\"\") because the button's aria-label carries the accessible name. */}\n    <img\n      className={styles['default-state']}\n      src={lwaImageSrc(variant, size, false)}\n      alt=\"\"\n      {...RENDERED_SIZE[size]}\n    />\n    <img\n      className={styles['pressed-state']}\n      src={lwaImageSrc(variant, size, true)}\n      alt=\"\"\n      {...RENDERED_SIZE[size]}\n    />\n  </Action>\n);\n"],"names":["React","Action","buildClassnames","styles"],"mappings":";;;;;;;;;;;;AAUO,MAAM,iBAAiB,GAAG;AAEjC,MAAM,cAAc,GAAG,yDAAyD;AAEhF;AACA,MAAM,aAAa,GAAiD;AAClE,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,SAAS,EAAE,KAAK;CACjB;AAED;AACA,MAAM,eAAe,GAA8C;AACjE,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,EAAE,EAAE,QAAQ;AACZ,IAAA,EAAE,EAAE,OAAO;CACZ;AAED;AACA,MAAM,aAAa,GAAyE;IAC1F,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE;IAChC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;IAC7B,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;CAC9B;AAED,MAAM,WAAW,GAAG,CAClB,OAAqC,EACrC,IAA+B,EAC/B,OAAgB,KAEhB,CAAA,EAAG,cAAc,CAAA,QAAA,EAAW,aAAa,CAAC,OAAO,CAAC,CAAA,CAAA,EAAI,eAAe,CAAC,IAAI,CAAC,GAAG,OAAO,GAAG,UAAU,GAAG,EAAE,MAAM;AAE/G;;;;;;;;;;;;AAYG;MACU,qBAAqB,GAAG,CAAC,EACpC,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,MAAM,EACb,SAAS,EACT,GAAG,KAAK,EACmB,MAC3BA,sBAAA,CAAA,aAAA,CAACC,aAAM,kBACO,iBAAiB,EAAA,GACzB,KAAK,EACT,UAAU,EAAC,UAAU,EACrB,SAAS,EAAEC,+BAAe,CAAC,CAACC,4BAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,EAAA;IAI3DH,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEG,4BAAM,CAAC,eAAe,CAAC,EAClC,GAAG,EAAE,WAAW,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,EACtC,GAAG,EAAC,EAAE,EAAA,GACF,aAAa,CAAC,IAAI,CAAC,EAAA,CACvB;AACF,IAAAH,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEG,4BAAM,CAAC,eAAe,CAAC,EAClC,GAAG,EAAE,WAAW,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,EACrC,GAAG,EAAC,EAAE,EAAA,GACF,aAAa,CAAC,IAAI,CAAC,EAAA,CACvB,CACK;;;;;"}

package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.d.ts

@@ -1,7 +1,17 @@
 import React from 'react';
+import type { LoginWithAmazonButtonProps } from './types';
 export declare const buttonDescription = "Log in with Amazon";
 /**
- * Image used in this button is to comply with official
- * Amazon button guidelines (https://developer.amazon.com/docs/login-with-amazon/button.html#android-images).
+ * A "Log in with Amazon" button rendered from Amazon's official button artwork,
+ * in line with the [Login with Amazon button guidelines](https://developer.amazon.com/docs/login-with-amazon/button.html).
+ *
+ * Built on `Action` (`appearance="unstyled"`), so it inherits Action's reset, native
+ * `disabled` handling and data-attribute support. The button swaps to its pressed artwork
+ * via `:active`, so mouse, touch and keyboard activation all show it. Colour is chosen with
+ * `variant` (gold / darkgray / lightgray) and dimensions with `size` (base / sm / xs); the
+ * two together select the exact asset. The accessible name defaults to "Log in with Amazon"
+ * and can be overridden via `aria-label` for localisation.
+ *
+ * @summary official Amazon sign-in button
  */
-export declare const LoginWithAmazonButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>>;
+export declare const LoginWithAmazonButton: ({ variant, size, className, ...props }: LoginWithAmazonButtonProps) => React.JSX.Element;

package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.js

@@ -1,24 +1,46 @@
-import React__default, { useState } from 'react';
+import React__default from 'react';
 import styles from './LoginWithAmazonButton.module.scss.js';
+import { buildClassnames } from '../../utils/buildClassnames.js';
+import 'uid/secure';
+import { Action } from '../Action/Action.js';
 
-const buttonImg = 'https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64.png';
-const buttonPressedImg = 'https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64_pressed.png';
 const buttonDescription = 'Log in with Amazon';
+const LWA_IMAGE_BASE = 'https://images-na.ssl-images-amazon.com/images/G/01/lwa';
+/** Amazon's abbreviated colour code used in the button asset filenames. */
+const VARIANT_COLOR = {
+    gold: 'gold',
+    darkgray: 'drkgry',
+    lightgray: 'gry',
+};
+/** Intrinsic pixel dimensions of the button asset for each size. */
+const SIZE_DIMENSIONS = {
+    base: '312x64',
+    sm: '152x64',
+    xs: '64x64',
+};
+/** Rendered size (half the 2x asset). Set on the <img> so the browser reserves space before load (CLS). */
+const RENDERED_SIZE = {
+    base: { width: 156, height: 32 },
+    sm: { width: 76, height: 32 },
+    xs: { width: 32, height: 32 },
+};
+const lwaImageSrc = (variant, size, pressed) => `${LWA_IMAGE_BASE}/btnLWA_${VARIANT_COLOR[variant]}_${SIZE_DIMENSIONS[size]}${pressed ? '_pressed' : ''}.png`;
 /**
- * Image used in this button is to comply with official
- * Amazon button guidelines (https://developer.amazon.com/docs/login-with-amazon/button.html#android-images).
+ * A "Log in with Amazon" button rendered from Amazon's official button artwork,
+ * in line with the [Login with Amazon button guidelines](https://developer.amazon.com/docs/login-with-amazon/button.html).
+ *
+ * Built on `Action` (`appearance="unstyled"`), so it inherits Action's reset, native
+ * `disabled` handling and data-attribute support. The button swaps to its pressed artwork
+ * via `:active`, so mouse, touch and keyboard activation all show it. Colour is chosen with
+ * `variant` (gold / darkgray / lightgray) and dimensions with `size` (base / sm / xs); the
+ * two together select the exact asset. The accessible name defaults to "Log in with Amazon"
+ * and can be overridden via `aria-label` for localisation.
+ *
+ * @summary official Amazon sign-in button
  */
-const LoginWithAmazonButton = (props) => {
-    const [image, setImage] = useState(buttonImg);
-    const handleMouseDown = () => {
-        setImage(buttonPressedImg);
-    };
-    const handleMouseUp = () => {
-        setImage(buttonImg);
-    };
-    return (React__default.createElement("button", { type: "button", className: styles.loginButton, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, "aria-label": buttonDescription, ...props },
-        React__default.createElement("img", { src: image, alt: buttonDescription })));
-};
+const LoginWithAmazonButton = ({ variant = 'gold', size = 'base', className, ...props }) => (React__default.createElement(Action, { "aria-label": buttonDescription, ...props, appearance: "unstyled", className: buildClassnames([styles.loginButton, className]) },
+    React__default.createElement("img", { className: styles['default-state'], src: lwaImageSrc(variant, size, false), alt: "", ...RENDERED_SIZE[size] }),
+    React__default.createElement("img", { className: styles['pressed-state'], src: lwaImageSrc(variant, size, true), alt: "", ...RENDERED_SIZE[size] })));
 
 export { LoginWithAmazonButton, buttonDescription };
 //# sourceMappingURL=LoginWithAmazonButton.js.map

package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginWithAmazonButton.js","sources":["../../../src/components/LoginWithAmazonButton/LoginWithAmazonButton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport styles from './LoginWithAmazonButton.module.scss';\n\nconst buttonImg = 'https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64.png';\nconst buttonPressedImg =\n  'https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_312x64_pressed.png';\n\nexport const buttonDescription = 'Log in with Amazon';\n\n/**\n * Image used in this button is to comply with official\n * Amazon button guidelines (https://developer.amazon.com/docs/login-with-amazon/button.html#android-images).\n */\nexport const LoginWithAmazonButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>> = (\n  props,\n) => {\n  const [image, setImage] = useState(buttonImg);\n\n  const handleMouseDown = () => {\n    setImage(buttonPressedImg);\n  };\n\n  const handleMouseUp = () => {\n    setImage(buttonImg);\n  };\n\n  return (\n    <button\n      type=\"button\"\n      className={styles.loginButton}\n      onMouseDown={handleMouseDown}\n      onMouseUp={handleMouseUp}\n      aria-label={buttonDescription}\n      {...props}\n    >\n      {/* alt attr for better accessibility if image is failed to load */}\n      <img src={image} alt={buttonDescription} />\n    </button>\n  );\n};\n"],"names":["React"],"mappings":";;;AAGA,MAAM,SAAS,GAAG,gFAAgF;AAClG,MAAM,gBAAgB,GACpB,wFAAwF;AAEnF,MAAM,iBAAiB,GAAG;AAEjC;;;AAGG;AACI,MAAM,qBAAqB,GAA4D,CAC5F,KAAK,KACH;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC;IAE7C,MAAM,eAAe,GAAG,MAAK;QAC3B,QAAQ,CAAC,gBAAgB,CAAC;AAC5B,IAAA,CAAC;IAED,MAAM,aAAa,GAAG,MAAK;QACzB,QAAQ,CAAC,SAAS,CAAC;AACrB,IAAA,CAAC;IAED,QACEA,yCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAE,aAAa,EAAA,YAAA,EACZ,iBAAiB,EAAA,GACzB,KAAK,EAAA;QAGTA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,iBAAiB,EAAA,CAAI,CACpC;AAEb;;;;"}
+{"version":3,"file":"LoginWithAmazonButton.js","sources":["../../../src/components/LoginWithAmazonButton/LoginWithAmazonButton.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './LoginWithAmazonButton.module.scss';\nimport { buildClassnames } from '../../utils';\nimport { Action } from '../Action';\nimport type {\n  LoginWithAmazonButtonProps,\n  LoginWithAmazonButtonSize,\n  LoginWithAmazonButtonVariant,\n} from './types';\n\nexport const buttonDescription = 'Log in with Amazon';\n\nconst LWA_IMAGE_BASE = 'https://images-na.ssl-images-amazon.com/images/G/01/lwa';\n\n/** Amazon's abbreviated colour code used in the button asset filenames. */\nconst VARIANT_COLOR: Record<LoginWithAmazonButtonVariant, string> = {\n  gold: 'gold',\n  darkgray: 'drkgry',\n  lightgray: 'gry',\n};\n\n/** Intrinsic pixel dimensions of the button asset for each size. */\nconst SIZE_DIMENSIONS: Record<LoginWithAmazonButtonSize, string> = {\n  base: '312x64',\n  sm: '152x64',\n  xs: '64x64',\n};\n\n/** Rendered size (half the 2x asset). Set on the <img> so the browser reserves space before load (CLS). */\nconst RENDERED_SIZE: Record<LoginWithAmazonButtonSize, { width: number; height: number }> = {\n  base: { width: 156, height: 32 },\n  sm: { width: 76, height: 32 },\n  xs: { width: 32, height: 32 },\n};\n\nconst lwaImageSrc = (\n  variant: LoginWithAmazonButtonVariant,\n  size: LoginWithAmazonButtonSize,\n  pressed: boolean,\n) =>\n  `${LWA_IMAGE_BASE}/btnLWA_${VARIANT_COLOR[variant]}_${SIZE_DIMENSIONS[size]}${pressed ? '_pressed' : ''}.png`;\n\n/**\n * A \"Log in with Amazon\" button rendered from Amazon's official button artwork,\n * in line with the [Login with Amazon button guidelines](https://developer.amazon.com/docs/login-with-amazon/button.html).\n *\n * Built on `Action` (`appearance=\"unstyled\"`), so it inherits Action's reset, native\n * `disabled` handling and data-attribute support. The button swaps to its pressed artwork\n * via `:active`, so mouse, touch and keyboard activation all show it. Colour is chosen with\n * `variant` (gold / darkgray / lightgray) and dimensions with `size` (base / sm / xs); the\n * two together select the exact asset. The accessible name defaults to \"Log in with Amazon\"\n * and can be overridden via `aria-label` for localisation.\n *\n * @summary official Amazon sign-in button\n */\nexport const LoginWithAmazonButton = ({\n  variant = 'gold',\n  size = 'base',\n  className,\n  ...props\n}: LoginWithAmazonButtonProps) => (\n  <Action\n    aria-label={buttonDescription}\n    {...props}\n    appearance=\"unstyled\"\n    className={buildClassnames([styles.loginButton, className])}\n  >\n    {/* Both images are rendered so the pressed artwork is preloaded; CSS shows one at a time.\n        They are decorative (alt=\"\") because the button's aria-label carries the accessible name. */}\n    <img\n      className={styles['default-state']}\n      src={lwaImageSrc(variant, size, false)}\n      alt=\"\"\n      {...RENDERED_SIZE[size]}\n    />\n    <img\n      className={styles['pressed-state']}\n      src={lwaImageSrc(variant, size, true)}\n      alt=\"\"\n      {...RENDERED_SIZE[size]}\n    />\n  </Action>\n);\n"],"names":["React"],"mappings":";;;;;;AAUO,MAAM,iBAAiB,GAAG;AAEjC,MAAM,cAAc,GAAG,yDAAyD;AAEhF;AACA,MAAM,aAAa,GAAiD;AAClE,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,SAAS,EAAE,KAAK;CACjB;AAED;AACA,MAAM,eAAe,GAA8C;AACjE,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,EAAE,EAAE,QAAQ;AACZ,IAAA,EAAE,EAAE,OAAO;CACZ;AAED;AACA,MAAM,aAAa,GAAyE;IAC1F,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE;IAChC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;IAC7B,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;CAC9B;AAED,MAAM,WAAW,GAAG,CAClB,OAAqC,EACrC,IAA+B,EAC/B,OAAgB,KAEhB,CAAA,EAAG,cAAc,CAAA,QAAA,EAAW,aAAa,CAAC,OAAO,CAAC,CAAA,CAAA,EAAI,eAAe,CAAC,IAAI,CAAC,GAAG,OAAO,GAAG,UAAU,GAAG,EAAE,MAAM;AAE/G;;;;;;;;;;;;AAYG;MACU,qBAAqB,GAAG,CAAC,EACpC,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,MAAM,EACb,SAAS,EACT,GAAG,KAAK,EACmB,MAC3BA,cAAA,CAAA,aAAA,CAAC,MAAM,kBACO,iBAAiB,EAAA,GACzB,KAAK,EACT,UAAU,EAAC,UAAU,EACrB,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,EAAA;IAI3DA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAClC,GAAG,EAAE,WAAW,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,EACtC,GAAG,EAAC,EAAE,EAAA,GACF,aAAa,CAAC,IAAI,CAAC,EAAA,CACvB;AACF,IAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAClC,GAAG,EAAE,WAAW,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,EACrC,GAAG,EAAC,EAAE,EAAA,GACF,aAAa,CAAC,IAAI,CAAC,EAAA,CACvB,CACK;;;;"}

package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.module.scss.cjs

@@ -2,8 +2,8 @@
 
 var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
 
-___$insertStyle("._loginButton_y5bj1_1 {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n}\n._loginButton_y5bj1_1 img {\n  width: 156px;\n  height: 32px;\n}");
-var styles = {"loginButton":"_loginButton_y5bj1_1"};
+___$insertStyle("._loginButton_1aojq_1 {\n  --lwa-outline-width: var(--sizes-xs);\n  --lwa-highlight-color: var(--colors-secondary-blue-light);\n}\n._loginButton_1aojq_1 img {\n  display: block;\n}\n._loginButton_1aojq_1:hover:not(:disabled) {\n  opacity: 0.9;\n}\n._loginButton_1aojq_1:focus-visible {\n  outline: var(--lwa-outline-width) solid var(--lwa-highlight-color);\n}\n._loginButton_1aojq_1:disabled, ._loginButton_1aojq_1:disabled:hover {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n._loginButton_1aojq_1 ._pressed-state_1aojq_18, ._loginButton_1aojq_1:active:not(:disabled) ._default-state_1aojq_18 {\n  display: none;\n}\n._loginButton_1aojq_1:active:not(:disabled) ._pressed-state_1aojq_18 {\n  display: block;\n}");
+var styles = {"loginButton":"_loginButton_1aojq_1","pressed-state":"_pressed-state_1aojq_18","default-state":"_default-state_1aojq_18"};
 
 module.exports = styles;
 //# sourceMappingURL=LoginWithAmazonButton.module.scss.cjs.map

package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.module.scss.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LoginWithAmazonButton.module.scss.cjs","sources":["../../../src/components/LoginWithAmazonButton/LoginWithAmazonButton.module.scss"],"sourcesContent":[".loginButton {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n\n  img {\n    width: 156px;\n    height: 32px;\n  }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,uKAAA;AACA,aAAA,CAAA,aAAA,CAAA,sBAAA;;;;"}
+{"version":3,"file":"LoginWithAmazonButton.module.scss.cjs","sources":["../../../src/components/LoginWithAmazonButton/LoginWithAmazonButton.module.scss"],"sourcesContent":["// Reset (appearance/border/background/padding/cursor) comes from Action's `unstyled` appearance.\n// Image dimensions are set via width/height attributes on the <img> (see RENDERED_SIZE in the\n// component) so the browser reserves space before load.\n.loginButton {\n  --lwa-outline-width: var(--sizes-xs);\n  --lwa-highlight-color: var(--colors-secondary-blue-light);\n\n  img {\n    display: block;\n  }\n\n  // The fill is fixed raster artwork, so a background hover would be invisible;\n  // a slight dim is the treatment Amazon's own LWA guidelines use.\n  &:hover:not(:disabled) {\n    opacity: 0.9;\n  }\n\n  &:focus-visible {\n    outline: var(--lwa-outline-width) solid var(--lwa-highlight-color);\n  }\n\n  // `&:disabled:hover` out-specifies Action's reset `:hover { cursor: pointer }`,\n  // which would otherwise win depending on stylesheet load order.\n  &:disabled,\n  &:disabled:hover {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  .pressed-state,\n  &:active:not(:disabled) .default-state {\n    display: none;\n  }\n\n  &:active:not(:disabled) .pressed-state {\n    display: block;\n  }\n}\n"],"names":[],"mappings":";;;;AAIE,eAAA,CAAA,wsBAAA;AACA,aAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,yBAAA;;;;"}

package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.module.scss.js

@@ -1,7 +1,7 @@
 import insertStyle from '../../_virtual/____insertStyle.js';
 
-insertStyle("._loginButton_y5bj1_1 {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n}\n._loginButton_y5bj1_1 img {\n  width: 156px;\n  height: 32px;\n}");
-var styles = {"loginButton":"_loginButton_y5bj1_1"};
+insertStyle("._loginButton_1aojq_1 {\n  --lwa-outline-width: var(--sizes-xs);\n  --lwa-highlight-color: var(--colors-secondary-blue-light);\n}\n._loginButton_1aojq_1 img {\n  display: block;\n}\n._loginButton_1aojq_1:hover:not(:disabled) {\n  opacity: 0.9;\n}\n._loginButton_1aojq_1:focus-visible {\n  outline: var(--lwa-outline-width) solid var(--lwa-highlight-color);\n}\n._loginButton_1aojq_1:disabled, ._loginButton_1aojq_1:disabled:hover {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n._loginButton_1aojq_1 ._pressed-state_1aojq_18, ._loginButton_1aojq_1:active:not(:disabled) ._default-state_1aojq_18 {\n  display: none;\n}\n._loginButton_1aojq_1:active:not(:disabled) ._pressed-state_1aojq_18 {\n  display: block;\n}");
+var styles = {"loginButton":"_loginButton_1aojq_1","pressed-state":"_pressed-state_1aojq_18","default-state":"_default-state_1aojq_18"};
 
 export { styles as default };
 //# sourceMappingURL=LoginWithAmazonButton.module.scss.js.map

package/dist/components/LoginWithAmazonButton/LoginWithAmazonButton.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginWithAmazonButton.module.scss.js","sources":["../../../src/components/LoginWithAmazonButton/LoginWithAmazonButton.module.scss"],"sourcesContent":[".loginButton {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n\n  img {\n    width: 156px;\n    height: 32px;\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,uKAAA;AACA,aAAA,CAAA,aAAA,CAAA,sBAAA;;;;"}
+{"version":3,"file":"LoginWithAmazonButton.module.scss.js","sources":["../../../src/components/LoginWithAmazonButton/LoginWithAmazonButton.module.scss"],"sourcesContent":["// Reset (appearance/border/background/padding/cursor) comes from Action's `unstyled` appearance.\n// Image dimensions are set via width/height attributes on the <img> (see RENDERED_SIZE in the\n// component) so the browser reserves space before load.\n.loginButton {\n  --lwa-outline-width: var(--sizes-xs);\n  --lwa-highlight-color: var(--colors-secondary-blue-light);\n\n  img {\n    display: block;\n  }\n\n  // The fill is fixed raster artwork, so a background hover would be invisible;\n  // a slight dim is the treatment Amazon's own LWA guidelines use.\n  &:hover:not(:disabled) {\n    opacity: 0.9;\n  }\n\n  &:focus-visible {\n    outline: var(--lwa-outline-width) solid var(--lwa-highlight-color);\n  }\n\n  // `&:disabled:hover` out-specifies Action's reset `:hover { cursor: pointer }`,\n  // which would otherwise win depending on stylesheet load order.\n  &:disabled,\n  &:disabled:hover {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  .pressed-state,\n  &:active:not(:disabled) .default-state {\n    display: none;\n  }\n\n  &:active:not(:disabled) .pressed-state {\n    display: block;\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AAIEA,WAAA,CAAA,wsBAAA;AACA,aAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,yBAAA;;;;"}

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

@@ -1 +1,2 @@
 export { LoginWithAmazonButton } from './LoginWithAmazonButton';
+export type { LoginWithAmazonButtonProps, LoginWithAmazonButtonSize, LoginWithAmazonButtonVariant, } from './types';

package/dist/components/LoginWithAmazonButton/types.d.ts

@@ -0,0 +1,25 @@
+import type { ActionProps } from '../Action';
+export type LoginWithAmazonButtonVariant = 'gold' | 'darkgray' | 'lightgray';
+export type LoginWithAmazonButtonSize = 'base' | 'sm' | 'xs';
+/**
+ * Built on `Action` with the `unstyled` appearance. The Action props that would fight
+ * the fixed Amazon artwork are removed: `children`/`iconSlot`/`dropdown` (the artwork IS
+ * the content), `href`/`as` (always a `<button>`), Action's own `variant`/`size`/
+ * `appearance` (replaced by the artwork-specific ones below), and `loading` (Action's
+ * spinner is absolutely positioned against `.base`, which `unstyled` does not apply, so
+ * it would render outside the button).
+ */
+export type LoginWithAmazonButtonProps = Omit<ActionProps<'button'>, 'appearance' | 'as' | 'children' | 'dropdown' | 'href' | 'iconSlot' | 'loading' | 'size' | 'variant'> & {
+    /**
+     * Official Amazon button colour. `gold` is Amazon's recommended default;
+     * use `darkgray` on light surfaces and `lightgray` on dark surfaces where
+     * gold lacks contrast. Selects the hardcoded Amazon artwork — not themeable.
+     */
+    variant?: LoginWithAmazonButtonVariant;
+    /**
+     * Button size, selecting both the rendered dimensions and the matching artwork.
+     * `base` (156×32) and `sm` (76×32) are wide badges; `xs` (32×32) is Amazon's
+     * square icon-only mark, so it is a different aspect ratio rather than a smaller badge.
+     */
+    size?: LoginWithAmazonButtonSize;
+};

package/dist/components/Skeleton/Skeleton.cjs

@@ -10,6 +10,17 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
+/**
+ * Skeleton is a shimmering placeholder shown while content is loading, giving a
+ * consistent sense of where content will appear before it arrives. Size it with
+ * `width` and `height` to match the content it stands in for.
+ *
+ * It is intentionally barebones and is hidden from screen readers
+ * (`aria-hidden`). Loading must be communicated to assistive technology at the
+ * container or page level using `aria-busy` and a `ScreenReaderOnly` label.
+ *
+ * @summary loading placeholder for content
+ */
 const Skeleton = ({ width, height, style, className, ...rest }) => {
     return (React__default.default.createElement("div", { "aria-hidden": "true", style: { ...assignCssVars.assignCssVars({ width, height }), ...style }, className: buildClassnames.buildClassnames([Skeleton_module.skeleton, className]), ...rest }));
 };

package/dist/components/Skeleton/Skeleton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.cjs","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { buildClassnames } from '../../utils';\nimport { assignCssVars } from '../../utils/assignCssVars';\n\nimport styles from './Skeleton.module.scss';\n\ntype SkeletonProps = HTMLAttributes<HTMLDivElement> & {\n  width?: string;\n  height?: string;\n};\n\nexport const Skeleton = ({ width, height, style, className, ...rest }: SkeletonProps) => {\n  return (\n    <div\n      aria-hidden=\"true\"\n      style={{ ...assignCssVars({ width, height }), ...style }}\n      className={buildClassnames([styles.skeleton, className])}\n      {...rest}\n    />\n  );\n};\n"],"names":["React","assignCssVars","buildClassnames","styles"],"mappings":";;;;;;;;;;;;AAYO,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAiB,KAAI;AACtF,IAAA,QACEA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,MAAM,EAClB,KAAK,EAAE,EAAE,GAAGC,2BAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,EACxD,SAAS,EAAEC,+BAAe,CAAC,CAACC,eAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,KACpD,IAAI,EAAA,CACR;AAEN;;;;"}
+{"version":3,"file":"Skeleton.cjs","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { buildClassnames } from '../../utils';\nimport { assignCssVars } from '../../utils/assignCssVars';\n\nimport styles from './Skeleton.module.scss';\n\ntype SkeletonProps = HTMLAttributes<HTMLDivElement> & {\n  /** Width of the placeholder as any CSS length. Defaults to `100%`. */\n  width?: string;\n  /** Height of the placeholder as any CSS length. Defaults to `20px`. */\n  height?: string;\n};\n\n/**\n * Skeleton is a shimmering placeholder shown while content is loading, giving a\n * consistent sense of where content will appear before it arrives. Size it with\n * `width` and `height` to match the content it stands in for.\n *\n * It is intentionally barebones and is hidden from screen readers\n * (`aria-hidden`). Loading must be communicated to assistive technology at the\n * container or page level using `aria-busy` and a `ScreenReaderOnly` label.\n *\n * @summary loading placeholder for content\n */\nexport const Skeleton = ({ width, height, style, className, ...rest }: SkeletonProps) => {\n  return (\n    <div\n      aria-hidden=\"true\"\n      style={{ ...assignCssVars({ width, height }), ...style }}\n      className={buildClassnames([styles.skeleton, className])}\n      {...rest}\n    />\n  );\n};\n"],"names":["React","assignCssVars","buildClassnames","styles"],"mappings":";;;;;;;;;;;;AAcA;;;;;;;;;;AAUG;AACI,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAiB,KAAI;AACtF,IAAA,QACEA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,MAAM,EAClB,KAAK,EAAE,EAAE,GAAGC,2BAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,EACxD,SAAS,EAAEC,+BAAe,CAAC,CAACC,eAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,KACpD,IAAI,EAAA,CACR;AAEN;;;;"}

package/dist/components/Skeleton/Skeleton.d.ts

@@ -1,7 +1,20 @@
 import React, { HTMLAttributes } from 'react';
 type SkeletonProps = HTMLAttributes<HTMLDivElement> & {
+    /** Width of the placeholder as any CSS length. Defaults to `100%`. */
     width?: string;
+    /** Height of the placeholder as any CSS length. Defaults to `20px`. */
     height?: string;
 };
+/**
+ * Skeleton is a shimmering placeholder shown while content is loading, giving a
+ * consistent sense of where content will appear before it arrives. Size it with
+ * `width` and `height` to match the content it stands in for.
+ *
+ * It is intentionally barebones and is hidden from screen readers
+ * (`aria-hidden`). Loading must be communicated to assistive technology at the
+ * container or page level using `aria-busy` and a `ScreenReaderOnly` label.
+ *
+ * @summary loading placeholder for content
+ */
 export declare const Skeleton: ({ width, height, style, className, ...rest }: SkeletonProps) => React.JSX.Element;
 export {};

package/dist/components/Skeleton/Skeleton.js

@@ -4,6 +4,17 @@ import 'uid/secure';
 import { assignCssVars } from '../../utils/assignCssVars.js';
 import styles from './Skeleton.module.scss.js';
 
+/**
+ * Skeleton is a shimmering placeholder shown while content is loading, giving a
+ * consistent sense of where content will appear before it arrives. Size it with
+ * `width` and `height` to match the content it stands in for.
+ *
+ * It is intentionally barebones and is hidden from screen readers
+ * (`aria-hidden`). Loading must be communicated to assistive technology at the
+ * container or page level using `aria-busy` and a `ScreenReaderOnly` label.
+ *
+ * @summary loading placeholder for content
+ */
 const Skeleton = ({ width, height, style, className, ...rest }) => {
     return (React__default.createElement("div", { "aria-hidden": "true", style: { ...assignCssVars({ width, height }), ...style }, className: buildClassnames([styles.skeleton, className]), ...rest }));
 };

package/dist/components/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { buildClassnames } from '../../utils';\nimport { assignCssVars } from '../../utils/assignCssVars';\n\nimport styles from './Skeleton.module.scss';\n\ntype SkeletonProps = HTMLAttributes<HTMLDivElement> & {\n  width?: string;\n  height?: string;\n};\n\nexport const Skeleton = ({ width, height, style, className, ...rest }: SkeletonProps) => {\n  return (\n    <div\n      aria-hidden=\"true\"\n      style={{ ...assignCssVars({ width, height }), ...style }}\n      className={buildClassnames([styles.skeleton, className])}\n      {...rest}\n    />\n  );\n};\n"],"names":["React"],"mappings":";;;;;;AAYO,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAiB,KAAI;AACtF,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,MAAM,EAClB,KAAK,EAAE,EAAE,GAAG,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,EACxD,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,KACpD,IAAI,EAAA,CACR;AAEN;;;;"}
+{"version":3,"file":"Skeleton.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { buildClassnames } from '../../utils';\nimport { assignCssVars } from '../../utils/assignCssVars';\n\nimport styles from './Skeleton.module.scss';\n\ntype SkeletonProps = HTMLAttributes<HTMLDivElement> & {\n  /** Width of the placeholder as any CSS length. Defaults to `100%`. */\n  width?: string;\n  /** Height of the placeholder as any CSS length. Defaults to `20px`. */\n  height?: string;\n};\n\n/**\n * Skeleton is a shimmering placeholder shown while content is loading, giving a\n * consistent sense of where content will appear before it arrives. Size it with\n * `width` and `height` to match the content it stands in for.\n *\n * It is intentionally barebones and is hidden from screen readers\n * (`aria-hidden`). Loading must be communicated to assistive technology at the\n * container or page level using `aria-busy` and a `ScreenReaderOnly` label.\n *\n * @summary loading placeholder for content\n */\nexport const Skeleton = ({ width, height, style, className, ...rest }: SkeletonProps) => {\n  return (\n    <div\n      aria-hidden=\"true\"\n      style={{ ...assignCssVars({ width, height }), ...style }}\n      className={buildClassnames([styles.skeleton, className])}\n      {...rest}\n    />\n  );\n};\n"],"names":["React"],"mappings":";;;;;;AAcA;;;;;;;;;;AAUG;AACI,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAiB,KAAI;AACtF,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,MAAM,EAClB,KAAK,EAAE,EAAE,GAAG,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,EACxD,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,KACpD,IAAI,EAAA,CACR;AAEN;;;;"}

package/dist/components/index.d.ts

@@ -39,7 +39,7 @@ export { InputAffix } from './InputAffix';
 export { InputGroup, type InputGroupProps } from './InputGroup';
 export { LegacyDataTable } from './LegacyDataTable';
 export { Loader } from './Loader';
-export { LoginWithAmazonButton } from './LoginWithAmazonButton';
+export { LoginWithAmazonButton, type LoginWithAmazonButtonProps, type LoginWithAmazonButtonSize, type LoginWithAmazonButtonVariant, } from './LoginWithAmazonButton';
 export { Modal, type Action as ModalAction, type ModalProps } from './Modal';
 export { Pagination } from './Pagination';
 export { Popover } from './Popover';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/ui",
-  "version": "16.1.0",
+  "version": "16.2.0",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",