@crystallize/design-system 1.21.2 → 1.22.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @crystallize/design-system
 
+## 1.22.0
+
+### Minor Changes
+
+- 497d580: Change toast component data-testid to include the toast type so we can use that to assert on it.
+
 ## 1.21.2
 
 ### Patch Changes

package/dist/index.js

@@ -39113,6 +39113,7 @@ function RichTextEditorWithoutContext({
       slotPreContent,
       /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", {
         className: `c-rte-editor-container ${disabled ? "disabled" : ""}`,
+        "data-testid": "rich-text-editor",
         children: [
           maxLength != null ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(MaxLengthPlugin, {
             maxLength
@@ -39666,7 +39667,7 @@ var toast = ({ title, message, type = "success", timeout = 6e3 }) => {
   const toastId = Date.now().toString();
   import_sonner.toast.custom(
     (id) => /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", {
-      "data-testid": "toast-content",
+      "data-testid": `toast-${type}`,
       className: (0, import_class_variance_authority20.cx)(toastStyles({ type }), withMessage ? "c-toast-with-message" : "c-toast-title-only"),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", {

package/dist/index.mjs

@@ -368,7 +368,7 @@ function Tag({ children, className, variant, size, prepend, onRemove, ...delegat
 // src/rich-text-editor/index.tsx
 import { lazy, Suspense } from "react";
 import { jsx as jsx12 } from "react/jsx-runtime";
-var LazyRichTextEditor = lazy(() => import("./rich-text-editor-BA5R66CS.mjs"));
+var LazyRichTextEditor = lazy(() => import("./rich-text-editor-UNPP4LX5.mjs"));
 var RichTextEditor = (props) => {
   return /* @__PURE__ */ jsx12(Suspense, {
     fallback: null,
@@ -410,7 +410,7 @@ var toast = ({ title, message, type = "success", timeout = 6e3 }) => {
   const toastId = Date.now().toString();
   sonnerToast.custom(
     (id) => /* @__PURE__ */ jsxs7("div", {
-      "data-testid": "toast-content",
+      "data-testid": `toast-${type}`,
       className: cx4(toastStyles({ type }), withMessage ? "c-toast-with-message" : "c-toast-title-only"),
       children: [
         /* @__PURE__ */ jsx13("div", {

package/dist/{rich-text-editor-BA5R66CS.mjs → rich-text-editor-UNPP4LX5.mjs}

@@ -3164,6 +3164,7 @@ function RichTextEditorWithoutContext({
       slotPreContent,
       /* @__PURE__ */ jsxs10("div", {
         className: `c-rte-editor-container ${disabled ? "disabled" : ""}`,
+        "data-testid": "rich-text-editor",
         children: [
           maxLength != null ? /* @__PURE__ */ jsx15(MaxLengthPlugin, {
             maxLength

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystallize/design-system",
-  "version": "1.21.2",
+  "version": "1.22.0",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/rich-text-editor/rich-text-editor.tsx

@@ -142,7 +142,7 @@ function RichTextEditorWithoutContext({
         actionsMenuAppend={actionsMenuAppend}
       />
       {slotPreContent}
-      <div className={`c-rte-editor-container ${disabled ? 'disabled' : ''}`}>
+      <div className={`c-rte-editor-container ${disabled ? 'disabled' : ''}`} data-testid="rich-text-editor">
         {maxLength != null ? <MaxLengthPlugin maxLength={maxLength} /> : null}
         {!autoFocus ? null : <AutoFocusPlugin />}
         <ClearEditorPlugin />

package/src/toast/toast.tsx

@@ -44,7 +44,7 @@ export const toast = ({ title, message, type = 'success', timeout = 6000 }: Toas
   sonnerToast.custom(
     id => (
       <div
-        data-testid="toast-content"
+        data-testid={`toast-${type}`}
         className={cx(toastStyles({ type }), withMessage ? 'c-toast-with-message' : 'c-toast-title-only')}
       >
         <div>{<ToastIcon width={26} height={26} />}</div>