@lessly/ui 0.4.0 → 0.4.1

package/dist/index.d.ts

@@ -864,7 +864,7 @@ declare const SegmentChip: React$1.ForwardRefExoticComponent<SegmentChipProps &
 type ConnectionScope = 'org' | 'org/product' | 'product';
 type ConnectionAuth = 'app' | 'oauth' | 'token';
 type ConnectionStatus = 'connected' | 'error' | 'disconnected';
-interface ConnectionCardProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'children'> {
+interface ConnectionCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /** Display name, e.g. "GitHub — apliteni". */
     name: string;
     scope: ConnectionScope;
@@ -885,6 +885,13 @@ interface ConnectionCardProps extends Omit<React$1.HTMLAttributes<HTMLDivElement
      * a warning notice is shown, e.g. "Full org access — all repositories."
      */
     access?: React$1.ReactNode;
+    /**
+     * Drawer content rendered below the card body — the org surface's accordion
+     * drawer in the integration prototype (the per-product grants roster, inline
+     * requests, "+ Grant to a product"). The caller owns expand/collapse: pass
+     * children only while open. Omitted = the flat card, unchanged.
+     */
+    children?: React$1.ReactNode;
 }
 declare const ConnectionCard: React$1.ForwardRefExoticComponent<ConnectionCardProps & React$1.RefAttributes<HTMLDivElement>>;
 

package/dist/index.js

@@ -3079,7 +3079,7 @@ var segmentChipVariants = cva9(
   {
     variants: {
       kind: {
-        granted: "border-dashed border-teal-800 bg-bg-teal-subtle text-teal-300",
+        granted: "border-dashed border-text-teal/40 bg-bg-teal-subtle text-text-teal",
         own: "border-border-warning bg-bg-warning-subtle text-text-warning",
         pending: "border-dashed border-border-default bg-bg-secondary text-text-tertiary",
         available: "border-border-subtle bg-transparent text-text-secondary"
@@ -3119,7 +3119,7 @@ function monogram(name) {
   return name.replace(/[^a-zA-Z0-9 ]/g, " ").split(/\s+/).filter(Boolean).slice(0, 2).map((w) => w[0].toUpperCase()).join("");
 }
 var ConnectionCard = React52.forwardRef(
-  ({ name, scope, auth, status, glyph, statusLabel, grantedCount, action, access, className, ...props }, ref) => {
+  ({ name, scope, auth, status, glyph, statusLabel, grantedCount, action, access, children, className, ...props }, ref) => {
     const meta = statusMeta[status];
     const connected = status !== "disconnected";
     return /* @__PURE__ */ jsxs32(Card, { ref, className: cn(status === "disconnected" && "border-dashed border-border-default", className), ...props, children: [
@@ -3163,7 +3163,8 @@ var ConnectionCard = React52.forwardRef(
           grantedCount === 1 ? "product" : "products"
         ] }) : /* @__PURE__ */ jsx62("span", { className: "text-text-tertiary", children: "Not granted to any product yet" }) }),
         connected && action
-      ] })
+      ] }),
+      children && /* @__PURE__ */ jsx62("div", { "data-slot": "drawer", className: "border-t border-border-subtle", children })
     ] });
   }
 );

package/dist/styles.css

@@ -77,6 +77,9 @@
   --color-bg-teal-subtle: #091918;
   --color-bg-violet-subtle: #12091a;
   --color-bg-rose-subtle: #1a090b;
+  /* Vendored from design-system semantic `text.teal` (teal.300 dark / teal.600 light) —
+     the themed counterpart of the raw teal-* scale; used by SegmentChip `granted`. */
+  --color-text-teal: #70eada;
   --color-text-primary: #eeeff0;
   --color-text-secondary: #a5a9b5;
   --color-text-tertiary: #8a93a8;
@@ -136,6 +139,7 @@
   --color-bg-teal-subtle: #ebf3f2;
   --color-bg-violet-subtle: #efebf3;
   --color-bg-rose-subtle: #f4ebed;
+  --color-text-teal: #107469;
   --color-text-primary: #0e1015;
   --color-text-secondary: #393d4b;
   --color-text-tertiary: #535a6e;

package/dist/tailwind-preset.d.ts

@@ -171,6 +171,7 @@ declare const lesslyPreset: {
                 "bg-danger": string;
                 "bg-danger-subtle": string;
                 "bg-teal-subtle": string;
+                "text-teal": string;
                 "bg-violet-subtle": string;
                 "bg-rose-subtle": string;
                 "text-primary": string;

package/dist/tailwind-preset.js

@@ -372,6 +372,7 @@ var lesslyPreset = {
         "bg-danger": "var(--color-bg-danger)",
         "bg-danger-subtle": "var(--color-bg-danger-subtle)",
         "bg-teal-subtle": "var(--color-bg-teal-subtle)",
+        "text-teal": "var(--color-text-teal)",
         "bg-violet-subtle": "var(--color-bg-violet-subtle)",
         "bg-rose-subtle": "var(--color-bg-rose-subtle)",
         "text-primary": "var(--color-text-primary)",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lessly/ui",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Lessly design system — shared UI primitives, tokens, and theme",
   "type": "module",
   "packageManager": "pnpm@10.30.3",