@camstack/ui-library 1.2.143 → 1.2.144

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.
package/dist/index.cjs CHANGED
@@ -44950,13 +44950,13 @@ function SetupSection({ setup }) {
44950
44950
  return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
44951
44951
  className: "border-b border-border bg-surface-hover/10",
44952
44952
  children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
44953
- className: "flex items-center gap-2 px-4 py-2 border-b border-border",
44953
+ className: "flex items-center gap-2 px-2 sm:px-4 py-2 border-b border-border",
44954
44954
  children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(QrCode$1, { className: "h-3.5 w-3.5 text-foreground-subtle shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
44955
44955
  className: "text-[11px] font-semibold text-foreground-subtle uppercase tracking-wide",
44956
44956
  children: "Setup"
44957
44957
  })]
44958
44958
  }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
44959
- className: "flex flex-col gap-3 p-4 sm:flex-row sm:items-start",
44959
+ className: "flex flex-col gap-3 p-2 sm:p-4 sm:flex-row sm:items-start",
44960
44960
  children: [setup.qr && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
44961
44961
  className: "shrink-0",
44962
44962
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(QrCode, {
@@ -45013,7 +45013,7 @@ function BulkSummary({ outcome, onDismiss }) {
45013
45013
  const verb = outcome.action === "expose" ? "Exposed" : "Unexposed";
45014
45014
  return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
45015
45015
  "data-testid": "export-bulk-summary",
45016
- className: `flex flex-col gap-1 px-4 py-2 border-b border-border text-[11px] ${outcome.failed.length === 0 ? "text-foreground-subtle" : "text-danger"}`,
45016
+ className: `flex flex-col gap-1 px-2 sm:px-4 py-2 border-b border-border text-[11px] ${outcome.failed.length === 0 ? "text-foreground-subtle" : "text-danger"}`,
45017
45017
  children: [
45018
45018
  /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
45019
45019
  className: "flex items-center justify-between gap-2",
@@ -45286,7 +45286,7 @@ function DeviceExportPanel({ addonId, onOpenDevice }) {
45286
45286
  className: "rounded-lg border border-border bg-surface overflow-hidden",
45287
45287
  children: [
45288
45288
  /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
45289
- className: "flex items-center justify-between gap-3 px-4 py-2.5 border-b border-border bg-surface-hover/20",
45289
+ className: "flex items-center justify-between gap-3 px-2 sm:px-4 py-2.5 border-b border-border bg-surface-hover/20",
45290
45290
  children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
45291
45291
  className: "flex items-center gap-2 min-w-0",
45292
45292
  children: [
@@ -45307,7 +45307,7 @@ function DeviceExportPanel({ addonId, onOpenDevice }) {
45307
45307
  }), loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin text-foreground-subtle" })]
45308
45308
  }),
45309
45309
  status?.error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
45310
- className: "px-4 py-3 border-b border-border",
45310
+ className: "px-2 sm:px-4 py-3 border-b border-border",
45311
45311
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBox, { message: status.error })
45312
45312
  }),
45313
45313
  status?.setup && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SetupSection, { setup: status.setup }),
@@ -45316,7 +45316,7 @@ function DeviceExportPanel({ addonId, onOpenDevice }) {
45316
45316
  onDismiss: dismissOutcome
45317
45317
  }),
45318
45318
  /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
45319
- className: "p-3",
45319
+ className: "p-2 sm:p-3",
45320
45320
  children: loading && candidateDevices.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
45321
45321
  className: "flex items-center gap-2 px-1 py-6 text-xs text-foreground-subtle",
45322
45322
  children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin" }), "Loading exportable devices…"]
package/dist/index.js CHANGED
@@ -44926,13 +44926,13 @@ function SetupSection({ setup }) {
44926
44926
  return /* @__PURE__ */ jsxs("div", {
44927
44927
  className: "border-b border-border bg-surface-hover/10",
44928
44928
  children: [/* @__PURE__ */ jsxs("div", {
44929
- className: "flex items-center gap-2 px-4 py-2 border-b border-border",
44929
+ className: "flex items-center gap-2 px-2 sm:px-4 py-2 border-b border-border",
44930
44930
  children: [/* @__PURE__ */ jsx(QrCode$1, { className: "h-3.5 w-3.5 text-foreground-subtle shrink-0" }), /* @__PURE__ */ jsx("span", {
44931
44931
  className: "text-[11px] font-semibold text-foreground-subtle uppercase tracking-wide",
44932
44932
  children: "Setup"
44933
44933
  })]
44934
44934
  }), /* @__PURE__ */ jsxs("div", {
44935
- className: "flex flex-col gap-3 p-4 sm:flex-row sm:items-start",
44935
+ className: "flex flex-col gap-3 p-2 sm:p-4 sm:flex-row sm:items-start",
44936
44936
  children: [setup.qr && /* @__PURE__ */ jsx("div", {
44937
44937
  className: "shrink-0",
44938
44938
  children: /* @__PURE__ */ jsx(QrCode, {
@@ -44989,7 +44989,7 @@ function BulkSummary({ outcome, onDismiss }) {
44989
44989
  const verb = outcome.action === "expose" ? "Exposed" : "Unexposed";
44990
44990
  return /* @__PURE__ */ jsxs("div", {
44991
44991
  "data-testid": "export-bulk-summary",
44992
- className: `flex flex-col gap-1 px-4 py-2 border-b border-border text-[11px] ${outcome.failed.length === 0 ? "text-foreground-subtle" : "text-danger"}`,
44992
+ className: `flex flex-col gap-1 px-2 sm:px-4 py-2 border-b border-border text-[11px] ${outcome.failed.length === 0 ? "text-foreground-subtle" : "text-danger"}`,
44993
44993
  children: [
44994
44994
  /* @__PURE__ */ jsxs("div", {
44995
44995
  className: "flex items-center justify-between gap-2",
@@ -45262,7 +45262,7 @@ function DeviceExportPanel({ addonId, onOpenDevice }) {
45262
45262
  className: "rounded-lg border border-border bg-surface overflow-hidden",
45263
45263
  children: [
45264
45264
  /* @__PURE__ */ jsxs("div", {
45265
- className: "flex items-center justify-between gap-3 px-4 py-2.5 border-b border-border bg-surface-hover/20",
45265
+ className: "flex items-center justify-between gap-3 px-2 sm:px-4 py-2.5 border-b border-border bg-surface-hover/20",
45266
45266
  children: [/* @__PURE__ */ jsxs("div", {
45267
45267
  className: "flex items-center gap-2 min-w-0",
45268
45268
  children: [
@@ -45283,7 +45283,7 @@ function DeviceExportPanel({ addonId, onOpenDevice }) {
45283
45283
  }), loading && /* @__PURE__ */ jsx(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin text-foreground-subtle" })]
45284
45284
  }),
45285
45285
  status?.error && /* @__PURE__ */ jsx("div", {
45286
- className: "px-4 py-3 border-b border-border",
45286
+ className: "px-2 sm:px-4 py-3 border-b border-border",
45287
45287
  children: /* @__PURE__ */ jsx(ErrorBox, { message: status.error })
45288
45288
  }),
45289
45289
  status?.setup && /* @__PURE__ */ jsx(SetupSection, { setup: status.setup }),
@@ -45292,7 +45292,7 @@ function DeviceExportPanel({ addonId, onOpenDevice }) {
45292
45292
  onDismiss: dismissOutcome
45293
45293
  }),
45294
45294
  /* @__PURE__ */ jsx("div", {
45295
- className: "p-3",
45295
+ className: "p-2 sm:p-3",
45296
45296
  children: loading && candidateDevices.length === 0 ? /* @__PURE__ */ jsxs("div", {
45297
45297
  className: "flex items-center gap-2 px-1 py-6 text-xs text-foreground-subtle",
45298
45298
  children: [/* @__PURE__ */ jsx(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin" }), "Loading exportable devices…"]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@camstack/ui-library",
3
- "version": "1.2.143",
3
+ "version": "1.2.144",
4
4
  "type": "module",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.js",