@uniformdev/design-system 20.74.1 → 20.74.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/esm/index.js +8 -5
  2. package/dist/index.js +8 -5
  3. package/package.json +4 -4
package/dist/esm/index.js CHANGED
@@ -3034,13 +3034,13 @@ var ToastEntry = ({ toast: entry }) => {
3034
3034
  const duration = (_a = entry.timeout) != null ? _a : defaultTimeoutMs;
3035
3035
  const showCountdown = duration > 0 && entry.type !== "loading" && (data == null ? void 0 : data.kind) !== "progress";
3036
3036
  if ((data == null ? void 0 : data.kind) === "progress") {
3037
- return /* @__PURE__ */ jsxs6(BaseToast.Root, { toast: entry, css: toastRootStyles, children: [
3037
+ return /* @__PURE__ */ jsxs6(BaseToast.Root, { toast: entry, css: toastRootStyles, "data-testid": "toast", children: [
3038
3038
  /* @__PURE__ */ jsx14("div", { css: toastBodyStyles, "data-testid": "toast-body", children: /* @__PURE__ */ jsx14(BaseToast.Description, { css: toastDescriptionStyles, children: data.label }) }),
3039
3039
  /* @__PURE__ */ jsx14(Progress.Root, { value: Math.max(0, Math.min(1, data.progress)) * 100, css: toastProgressRootStyles, children: /* @__PURE__ */ jsx14(Progress.Track, { css: toastProgressTrackStyles, children: /* @__PURE__ */ jsx14(Progress.Indicator, { css: toastProgressIndicatorStyles }) }) })
3040
3040
  ] });
3041
3041
  }
3042
3042
  if ((data == null ? void 0 : data.kind) === "undoable") {
3043
- return /* @__PURE__ */ jsxs6(BaseToast.Root, { toast: entry, css: toastRootStyles, children: [
3043
+ return /* @__PURE__ */ jsxs6(BaseToast.Root, { toast: entry, css: toastRootStyles, "data-testid": "toast", children: [
3044
3044
  /* @__PURE__ */ jsx14(ToastTypeIcon, { type: entry.type }),
3045
3045
  /* @__PURE__ */ jsxs6("div", { css: toastBodyStyles, "data-testid": "toast-body", children: [
3046
3046
  /* @__PURE__ */ jsx14(BaseToast.Description, { css: toastDescriptionStyles, children: data.description }),
@@ -3049,6 +3049,7 @@ var ToastEntry = ({ toast: entry }) => {
3049
3049
  {
3050
3050
  type: "button",
3051
3051
  css: toastUndoButtonStyles,
3052
+ "data-testid": "toast-undo-button",
3052
3053
  onClick: () => {
3053
3054
  data.onUndo();
3054
3055
  toastManager.close(entry.id);
@@ -3057,14 +3058,14 @@ var ToastEntry = ({ toast: entry }) => {
3057
3058
  }
3058
3059
  )
3059
3060
  ] }),
3060
- /* @__PURE__ */ jsx14(BaseToast.Close, { css: toastCloseButtonStyles, "aria-label": "Close", children: /* @__PURE__ */ jsx14(Icon, { icon: CgClose, size: "1rem", iconColor: "currentColor" }) }),
3061
+ /* @__PURE__ */ jsx14(BaseToast.Close, { css: toastCloseButtonStyles, "aria-label": "Close", "data-testid": "toast-close-button", children: /* @__PURE__ */ jsx14(Icon, { icon: CgClose, size: "1rem", iconColor: "currentColor" }) }),
3061
3062
  showCountdown ? /* @__PURE__ */ jsx14(ToastCountdownBar, { duration }) : null
3062
3063
  ] });
3063
3064
  }
3064
- return /* @__PURE__ */ jsxs6(BaseToast.Root, { toast: entry, css: toastRootStyles, children: [
3065
+ return /* @__PURE__ */ jsxs6(BaseToast.Root, { toast: entry, css: toastRootStyles, "data-testid": "toast", children: [
3065
3066
  /* @__PURE__ */ jsx14(ToastTypeIcon, { type: entry.type }),
3066
3067
  /* @__PURE__ */ jsx14("div", { css: toastBodyStyles, "data-testid": "toast-body", children: /* @__PURE__ */ jsx14(BaseToast.Description, { css: toastDescriptionStyles, children: entry.description }) }),
3067
- /* @__PURE__ */ jsx14(BaseToast.Close, { css: toastCloseButtonStyles, "aria-label": "Close", children: /* @__PURE__ */ jsx14(Icon, { icon: CgClose, size: "1rem", iconColor: "currentColor" }) }),
3068
+ /* @__PURE__ */ jsx14(BaseToast.Close, { css: toastCloseButtonStyles, "aria-label": "Close", "data-testid": "toast-close-button", children: /* @__PURE__ */ jsx14(Icon, { icon: CgClose, size: "1rem", iconColor: "currentColor" }) }),
3068
3069
  showCountdown ? /* @__PURE__ */ jsx14(ToastCountdownBar, { duration }) : null
3069
3070
  ] });
3070
3071
  };
@@ -9284,7 +9285,9 @@ var descriptionListLabelStyles = css55`
9284
9285
  `;
9285
9286
  var descriptionListValueStyles = css55`
9286
9287
  display: flex;
9288
+ min-width: 0;
9287
9289
  margin: 0;
9290
+ overflow-wrap: anywhere;
9288
9291
  `;
9289
9292
 
9290
9293
  // src/components/DescriptionList/DescriptionList.tsx
package/dist/index.js CHANGED
@@ -4795,13 +4795,13 @@ var ToastEntry = ({ toast: entry }) => {
4795
4795
  const duration = (_a = entry.timeout) != null ? _a : defaultTimeoutMs;
4796
4796
  const showCountdown = duration > 0 && entry.type !== "loading" && (data == null ? void 0 : data.kind) !== "progress";
4797
4797
  if ((data == null ? void 0 : data.kind) === "progress") {
4798
- return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_toast.Toast.Root, { toast: entry, css: toastRootStyles, children: [
4798
+ return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_toast.Toast.Root, { toast: entry, css: toastRootStyles, "data-testid": "toast", children: [
4799
4799
  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { css: toastBodyStyles, "data-testid": "toast-body", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_toast.Toast.Description, { css: toastDescriptionStyles, children: data.label }) }),
4800
4800
  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_progress.Progress.Root, { value: Math.max(0, Math.min(1, data.progress)) * 100, css: toastProgressRootStyles, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_progress.Progress.Track, { css: toastProgressTrackStyles, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_progress.Progress.Indicator, { css: toastProgressIndicatorStyles }) }) })
4801
4801
  ] });
4802
4802
  }
4803
4803
  if ((data == null ? void 0 : data.kind) === "undoable") {
4804
- return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_toast.Toast.Root, { toast: entry, css: toastRootStyles, children: [
4804
+ return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_toast.Toast.Root, { toast: entry, css: toastRootStyles, "data-testid": "toast", children: [
4805
4805
  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ToastTypeIcon, { type: entry.type }),
4806
4806
  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { css: toastBodyStyles, "data-testid": "toast-body", children: [
4807
4807
  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_toast.Toast.Description, { css: toastDescriptionStyles, children: data.description }),
@@ -4810,6 +4810,7 @@ var ToastEntry = ({ toast: entry }) => {
4810
4810
  {
4811
4811
  type: "button",
4812
4812
  css: toastUndoButtonStyles,
4813
+ "data-testid": "toast-undo-button",
4813
4814
  onClick: () => {
4814
4815
  data.onUndo();
4815
4816
  toastManager.close(entry.id);
@@ -4818,14 +4819,14 @@ var ToastEntry = ({ toast: entry }) => {
4818
4819
  }
4819
4820
  )
4820
4821
  ] }),
4821
- /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_toast.Toast.Close, { css: toastCloseButtonStyles, "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { icon: import_CgClose2.CgClose, size: "1rem", iconColor: "currentColor" }) }),
4822
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_toast.Toast.Close, { css: toastCloseButtonStyles, "aria-label": "Close", "data-testid": "toast-close-button", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { icon: import_CgClose2.CgClose, size: "1rem", iconColor: "currentColor" }) }),
4822
4823
  showCountdown ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ToastCountdownBar, { duration }) : null
4823
4824
  ] });
4824
4825
  }
4825
- return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_toast.Toast.Root, { toast: entry, css: toastRootStyles, children: [
4826
+ return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_toast.Toast.Root, { toast: entry, css: toastRootStyles, "data-testid": "toast", children: [
4826
4827
  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ToastTypeIcon, { type: entry.type }),
4827
4828
  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { css: toastBodyStyles, "data-testid": "toast-body", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_toast.Toast.Description, { css: toastDescriptionStyles, children: entry.description }) }),
4828
- /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_toast.Toast.Close, { css: toastCloseButtonStyles, "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { icon: import_CgClose2.CgClose, size: "1rem", iconColor: "currentColor" }) }),
4829
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_toast.Toast.Close, { css: toastCloseButtonStyles, "aria-label": "Close", "data-testid": "toast-close-button", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { icon: import_CgClose2.CgClose, size: "1rem", iconColor: "currentColor" }) }),
4829
4830
  showCountdown ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ToastCountdownBar, { duration }) : null
4830
4831
  ] });
4831
4832
  };
@@ -11166,7 +11167,9 @@ var descriptionListLabelStyles = import_react84.css`
11166
11167
  `;
11167
11168
  var descriptionListValueStyles = import_react84.css`
11168
11169
  display: flex;
11170
+ min-width: 0;
11169
11171
  margin: 0;
11172
+ overflow-wrap: anywhere;
11170
11173
  `;
11171
11174
 
11172
11175
  // src/components/DescriptionList/DescriptionList.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniformdev/design-system",
3
- "version": "20.74.1",
3
+ "version": "20.74.3",
4
4
  "description": "Uniform design system components",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "exports": {
@@ -34,8 +34,8 @@
34
34
  "@storybook/react-vite": "10.4.6",
35
35
  "@types/react": "19.2.17",
36
36
  "@types/react-dom": "19.2.3",
37
- "@uniformdev/canvas": "^20.74.1",
38
- "@uniformdev/richtext": "^20.74.1",
37
+ "@uniformdev/canvas": "^20.74.3",
38
+ "@uniformdev/richtext": "^20.74.3",
39
39
  "autoprefixer": "10.5.0",
40
40
  "hygen": "6.2.11",
41
41
  "jsdom": "29.1.1",
@@ -82,5 +82,5 @@
82
82
  "publishConfig": {
83
83
  "access": "public"
84
84
  },
85
- "gitHead": "92f9b8945a45169eaa57d41dbb7ba8d3a32564cd"
85
+ "gitHead": "87fd3f8846e0be53ccd820490ca81dbc85297933"
86
86
  }