@algolia/satellite 1.0.0-beta.176 → 1.0.0-beta.178

package/cjs/Toast/Toast.d.ts

@@ -1,6 +1,6 @@
 import type { FC, HTMLAttributes } from "react";
 import type { Notification } from "./types";
 export declare type ToastLocale = Notification["locale"];
-export declare type ToastProps = Omit<Notification, "id" | "content" | "autoDismissAfter"> & HTMLAttributes<HTMLElement>;
+export declare type ToastProps = Omit<Notification, "id" | "content" | "autoDismissAfter"> & Omit<HTMLAttributes<HTMLElement>, "title">;
 export declare const Toast: FC<ToastProps>;
 export default Toast;

package/cjs/Toast/Toast.js

@@ -69,9 +69,11 @@ var Toast = exports.Toast = function Toast(_ref) {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["p-4 flex"]))),
       children: [loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressSpinner["default"], {
+        "aria-hidden": true,
         size: 24,
         className: VARIANT_SPINNER_CLASSNAMES[variant]
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+        "aria-hidden": true,
         className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["shrink-0 text-white rounded-full p-1"]))), VARIANT_CLASSNAMES[variant]),
         size: 24
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/cjs/Toast/types.d.ts

@@ -1,13 +1,13 @@
-import type { ReactNode } from "react";
+import type { ReactNode, ReactPortal } from "react";
 import type { IconComponentType } from "../Icons";
 import type { ColorVariant } from "../types";
 export declare type Notification = {
     /** Defines an unique ID for the `Toast`. */
     id: string;
-    /** Defines the title for the `Toast`. */
-    title: string;
+    /** Defines the title for the `Toast`. Will be rendered in a heading element. */
+    title: Exclude<ReactNode, ReactPortal>;
     /** Defines the content for the `Toast`. */
-    content?: ReactNode;
+    content?: Exclude<ReactNode, ReactPortal>;
     /** Defines the icon for the `Toast`. */
     icon?: IconComponentType;
     /**

package/cjs/index.d.ts

@@ -20,7 +20,6 @@ export * from "./Dropdown";
 export * from "./Dropzone";
 export * from "./EmptyState";
 export * from "./Field";
-export * from "./Toast";
 export * from "./FlexGrid";
 export * from "./HelpUnderline";
 export * from "./Icons";
@@ -42,11 +41,13 @@ export * from "./ScrollIndicator";
 export * from "./Select";
 export * from "./Separator";
 export * from "./Sidebar";
+export * from "./Stepper";
 export * from "./Switch";
 export * from "./Tables";
 export * from "./Tabs";
 export * from "./Tag";
 export * from "./TextArea";
 export * from "./TextWrap";
+export * from "./Toast";
 export * from "./Toggle";
 export * from "./Tooltip";

package/cjs/index.js

@@ -254,18 +254,6 @@ Object.keys(_Field).forEach(function (key) {
     }
   });
 });
-var _Toast = require("./Toast");
-Object.keys(_Toast).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Toast[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Toast[key];
-    }
-  });
-});
 var _FlexGrid = require("./FlexGrid");
 Object.keys(_FlexGrid).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -518,6 +506,18 @@ Object.keys(_Sidebar).forEach(function (key) {
     }
   });
 });
+var _Stepper = require("./Stepper");
+Object.keys(_Stepper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Stepper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Stepper[key];
+    }
+  });
+});
 var _Switch = require("./Switch");
 Object.keys(_Switch).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -590,6 +590,18 @@ Object.keys(_TextWrap).forEach(function (key) {
     }
   });
 });
+var _Toast = require("./Toast");
+Object.keys(_Toast).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Toast[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Toast[key];
+    }
+  });
+});
 var _Toggle = require("./Toggle");
 Object.keys(_Toggle).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/esm/Toast/Toast.d.ts

@@ -1,6 +1,6 @@
 import type { FC, HTMLAttributes } from "react";
 import type { Notification } from "./types";
 export declare type ToastLocale = Notification["locale"];
-export declare type ToastProps = Omit<Notification, "id" | "content" | "autoDismissAfter"> & HTMLAttributes<HTMLElement>;
+export declare type ToastProps = Omit<Notification, "id" | "content" | "autoDismissAfter"> & Omit<HTMLAttributes<HTMLElement>, "title">;
 export declare const Toast: FC<ToastProps>;
 export default Toast;

package/esm/Toast/Toast.js

@@ -60,9 +60,11 @@ export var Toast = function Toast(_ref) {
     children: /*#__PURE__*/_jsxs("div", {
       className: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["p-4 flex"]))),
       children: [loading ? /*#__PURE__*/_jsx(ProgressSpinner, {
+        "aria-hidden": true,
         size: 24,
         className: VARIANT_SPINNER_CLASSNAMES[variant]
       }) : /*#__PURE__*/_jsx(Icon, {
+        "aria-hidden": true,
         className: cx(stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["shrink-0 text-white rounded-full p-1"]))), VARIANT_CLASSNAMES[variant]),
         size: 24
       }), /*#__PURE__*/_jsxs("div", {

package/esm/Toast/types.d.ts

@@ -1,13 +1,13 @@
-import type { ReactNode } from "react";
+import type { ReactNode, ReactPortal } from "react";
 import type { IconComponentType } from "../Icons";
 import type { ColorVariant } from "../types";
 export declare type Notification = {
     /** Defines an unique ID for the `Toast`. */
     id: string;
-    /** Defines the title for the `Toast`. */
-    title: string;
+    /** Defines the title for the `Toast`. Will be rendered in a heading element. */
+    title: Exclude<ReactNode, ReactPortal>;
     /** Defines the content for the `Toast`. */
-    content?: ReactNode;
+    content?: Exclude<ReactNode, ReactPortal>;
     /** Defines the icon for the `Toast`. */
     icon?: IconComponentType;
     /**

package/esm/index.d.ts

@@ -20,7 +20,6 @@ export * from "./Dropdown";
 export * from "./Dropzone";
 export * from "./EmptyState";
 export * from "./Field";
-export * from "./Toast";
 export * from "./FlexGrid";
 export * from "./HelpUnderline";
 export * from "./Icons";
@@ -42,11 +41,13 @@ export * from "./ScrollIndicator";
 export * from "./Select";
 export * from "./Separator";
 export * from "./Sidebar";
+export * from "./Stepper";
 export * from "./Switch";
 export * from "./Tables";
 export * from "./Tabs";
 export * from "./Tag";
 export * from "./TextArea";
 export * from "./TextWrap";
+export * from "./Toast";
 export * from "./Toggle";
 export * from "./Tooltip";

package/esm/index.js

@@ -20,7 +20,6 @@ export * from "./Dropdown";
 export * from "./Dropzone";
 export * from "./EmptyState";
 export * from "./Field";
-export * from "./Toast";
 export * from "./FlexGrid";
 export * from "./HelpUnderline";
 export * from "./Icons";
@@ -42,11 +41,13 @@ export * from "./ScrollIndicator";
 export * from "./Select";
 export * from "./Separator";
 export * from "./Sidebar";
+export * from "./Stepper";
 export * from "./Switch";
 export * from "./Tables";
 export * from "./Tabs";
 export * from "./Tag";
 export * from "./TextArea";
 export * from "./TextWrap";
+export * from "./Toast";
 export * from "./Toggle";
 export * from "./Tooltip";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@algolia/satellite",
-  "version": "1.0.0-beta.176",
+  "version": "1.0.0-beta.178",
   "description": "Algolia design system React components",
   "sideEffects": false,
   "scripts": {