@streamoid/settings 0.4.4 → 0.4.5

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/index.js +32 -32
  2. package/dist/index.mjs +32 -32
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -2175,7 +2175,7 @@ function OrganizationAffiliationCard({
2175
2175
  "Failed to change visibility"
2176
2176
  );
2177
2177
  },
2178
- children: opt === "private" ? "Only its members" : "Everyone in the organization"
2178
+ children: opt === "private" ? "Only workspace members" : "Everyone in the organization"
2179
2179
  },
2180
2180
  opt
2181
2181
  );
@@ -10335,25 +10335,25 @@ function SettingsNavGroupHeader({
10335
10335
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
10336
10336
  "div",
10337
10337
  {
10338
- className: "flex items-center w-full min-w-0",
10339
- style: { gap: 6, padding: "2px var(--spacing-md) 4px" },
10338
+ className: "flex flex-col w-full min-w-0",
10339
+ style: { gap: 2, padding: "2px var(--spacing-xl) var(--spacing-sm)" },
10340
10340
  children: [
10341
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "shrink-0 flex items-center", children: icon }),
10342
- /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col min-w-0", children: [
10343
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
10344
- "span",
10345
- {
10346
- style: {
10347
- fontFamily: "var(--font-family-font-family-body)",
10348
- fontSize: "var(--font-size-font-size-xxs, 10px)",
10349
- fontWeight: 500,
10350
- letterSpacing: "0.08em",
10351
- textTransform: "uppercase",
10352
- color: MUTED_COLOR2
10353
- },
10354
- children: eyebrow
10355
- }
10356
- ),
10341
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
10342
+ "span",
10343
+ {
10344
+ style: {
10345
+ fontFamily: "var(--font-family-font-family-body)",
10346
+ fontSize: "var(--font-size-font-size-xxs, 10px)",
10347
+ fontWeight: 500,
10348
+ letterSpacing: "0.08em",
10349
+ textTransform: "uppercase",
10350
+ color: MUTED_COLOR2
10351
+ },
10352
+ children: eyebrow
10353
+ }
10354
+ ),
10355
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center min-w-0", style: { gap: "var(--spacing-md)" }, children: [
10356
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "shrink-0 flex items-center", children: icon }),
10357
10357
  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
10358
10358
  "span",
10359
10359
  {
@@ -10395,26 +10395,26 @@ function SettingsNav({
10395
10395
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
10396
10396
  "div",
10397
10397
  {
10398
- className: "flex flex-col items-start shrink-0 relative",
10398
+ className: "flex flex-col items-start shrink-0 relative overflow-y-auto",
10399
10399
  style: {
10400
10400
  backgroundColor: "var(--alias-surface-base)",
10401
10401
  borderRadius: "var(--radius-3xl)",
10402
10402
  padding: "var(--spacing-md)",
10403
10403
  width: 216,
10404
- gap: "var(--spacing-xl)"
10404
+ maxHeight: "100%",
10405
+ /* A REAL BORDER, not the absolutely-positioned overlay that used to
10406
+ * sit inside this box. Now that the nav scrolls, an `absolute inset-0`
10407
+ * child is positioned against the scrolled CONTENT, so the outline
10408
+ * would slide up out of view and leave the card unbounded. `border`
10409
+ * belongs to the box itself and cannot drift; `box-sizing: border-box`
10410
+ * keeps the 216px width. */
10411
+ border: "1px solid var(--alias-border-subtle)",
10412
+ /* Was `--spacing-xl` (12). The groups and the rules between them sat
10413
+ * closer to each other than the rows inside a group did to their own
10414
+ * heading, so the divisions read as weaker than what they divided. */
10415
+ gap: "var(--spacing-5xl)"
10405
10416
  },
10406
10417
  children: [
10407
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
10408
- "div",
10409
- {
10410
- "aria-hidden": "true",
10411
- className: "absolute inset-0 pointer-events-none",
10412
- style: {
10413
- border: "1px solid var(--alias-border-subtle)",
10414
- borderRadius: "var(--radius-3xl)"
10415
- }
10416
- }
10417
- ),
10418
10418
  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex flex-col w-full", style: { gap: "var(--spacing-md)" }, children: item("profile", (color) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons12.SiconUser, { className: "w-6 h-6", color })) }),
10419
10419
  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_ui11.ScHDivider, {}),
10420
10420
  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col w-full", style: { gap: "var(--spacing-md)" }, children: [
package/dist/index.mjs CHANGED
@@ -2139,7 +2139,7 @@ function OrganizationAffiliationCard({
2139
2139
  "Failed to change visibility"
2140
2140
  );
2141
2141
  },
2142
- children: opt === "private" ? "Only its members" : "Everyone in the organization"
2142
+ children: opt === "private" ? "Only workspace members" : "Everyone in the organization"
2143
2143
  },
2144
2144
  opt
2145
2145
  );
@@ -10343,25 +10343,25 @@ function SettingsNavGroupHeader({
10343
10343
  return /* @__PURE__ */ jsxs18(
10344
10344
  "div",
10345
10345
  {
10346
- className: "flex items-center w-full min-w-0",
10347
- style: { gap: 6, padding: "2px var(--spacing-md) 4px" },
10346
+ className: "flex flex-col w-full min-w-0",
10347
+ style: { gap: 2, padding: "2px var(--spacing-xl) var(--spacing-sm)" },
10348
10348
  children: [
10349
- /* @__PURE__ */ jsx20("span", { className: "shrink-0 flex items-center", children: icon }),
10350
- /* @__PURE__ */ jsxs18("div", { className: "flex flex-col min-w-0", children: [
10351
- /* @__PURE__ */ jsx20(
10352
- "span",
10353
- {
10354
- style: {
10355
- fontFamily: "var(--font-family-font-family-body)",
10356
- fontSize: "var(--font-size-font-size-xxs, 10px)",
10357
- fontWeight: 500,
10358
- letterSpacing: "0.08em",
10359
- textTransform: "uppercase",
10360
- color: MUTED_COLOR2
10361
- },
10362
- children: eyebrow
10363
- }
10364
- ),
10349
+ /* @__PURE__ */ jsx20(
10350
+ "span",
10351
+ {
10352
+ style: {
10353
+ fontFamily: "var(--font-family-font-family-body)",
10354
+ fontSize: "var(--font-size-font-size-xxs, 10px)",
10355
+ fontWeight: 500,
10356
+ letterSpacing: "0.08em",
10357
+ textTransform: "uppercase",
10358
+ color: MUTED_COLOR2
10359
+ },
10360
+ children: eyebrow
10361
+ }
10362
+ ),
10363
+ /* @__PURE__ */ jsxs18("div", { className: "flex items-center min-w-0", style: { gap: "var(--spacing-md)" }, children: [
10364
+ /* @__PURE__ */ jsx20("span", { className: "shrink-0 flex items-center", children: icon }),
10365
10365
  /* @__PURE__ */ jsx20(
10366
10366
  "span",
10367
10367
  {
@@ -10403,26 +10403,26 @@ function SettingsNav({
10403
10403
  return /* @__PURE__ */ jsxs18(
10404
10404
  "div",
10405
10405
  {
10406
- className: "flex flex-col items-start shrink-0 relative",
10406
+ className: "flex flex-col items-start shrink-0 relative overflow-y-auto",
10407
10407
  style: {
10408
10408
  backgroundColor: "var(--alias-surface-base)",
10409
10409
  borderRadius: "var(--radius-3xl)",
10410
10410
  padding: "var(--spacing-md)",
10411
10411
  width: 216,
10412
- gap: "var(--spacing-xl)"
10412
+ maxHeight: "100%",
10413
+ /* A REAL BORDER, not the absolutely-positioned overlay that used to
10414
+ * sit inside this box. Now that the nav scrolls, an `absolute inset-0`
10415
+ * child is positioned against the scrolled CONTENT, so the outline
10416
+ * would slide up out of view and leave the card unbounded. `border`
10417
+ * belongs to the box itself and cannot drift; `box-sizing: border-box`
10418
+ * keeps the 216px width. */
10419
+ border: "1px solid var(--alias-border-subtle)",
10420
+ /* Was `--spacing-xl` (12). The groups and the rules between them sat
10421
+ * closer to each other than the rows inside a group did to their own
10422
+ * heading, so the divisions read as weaker than what they divided. */
10423
+ gap: "var(--spacing-5xl)"
10413
10424
  },
10414
10425
  children: [
10415
- /* @__PURE__ */ jsx20(
10416
- "div",
10417
- {
10418
- "aria-hidden": "true",
10419
- className: "absolute inset-0 pointer-events-none",
10420
- style: {
10421
- border: "1px solid var(--alias-border-subtle)",
10422
- borderRadius: "var(--radius-3xl)"
10423
- }
10424
- }
10425
- ),
10426
10426
  /* @__PURE__ */ jsx20("div", { className: "flex flex-col w-full", style: { gap: "var(--spacing-md)" }, children: item("profile", (color) => /* @__PURE__ */ jsx20(SiconUser, { className: "w-6 h-6", color })) }),
10427
10427
  /* @__PURE__ */ jsx20(ScHDivider, {}),
10428
10428
  /* @__PURE__ */ jsxs18("div", { className: "flex flex-col w-full", style: { gap: "var(--spacing-md)" }, children: [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@streamoid/settings",
3
- "version": "0.4.4",
3
+ "version": "0.4.5",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",