@nurix/ui-component-library 1.1.4-stage.115 → 1.1.4-stage.116

package/dist/index.js

@@ -8076,8 +8076,8 @@ var NAVIGATION_TOKENS = {
     // Same padding across states to prevent layout shift on selection.
     topBase: "justify-center gap-2 px-3 py-2 rounded-xl relative",
     topBaseSelected: "justify-center gap-2 px-3 py-2 rounded-xl relative",
-    topLabelSelected: "text-base font-semibold leading-6 text-fg-brand",
-    topLabelUnselected: "text-base font-semibold leading-6 text-fg-grey-primary",
+    topLabelSelected: "text-base font-semibold leading-6 text-fg-brand shrink-0",
+    topLabelUnselected: "text-base font-semibold leading-6 text-fg-grey-primary shrink-0",
     // 1.5px brand underline (selected).
     topHighlight: "pointer-events-none absolute bottom-0 left-0 right-0 h-[1.5px] rounded-sm bg-token-brand-primary",
     // Interaction layers specific to top tab.
@@ -8090,8 +8090,8 @@ var NAVIGATION_TOKENS = {
     // Reserved 1.5px transparent border prevents layout shift on selection.
     sideBase: "w-full justify-start gap-2 px-2.5 py-2 rounded-full border-[1.5px] border-transparent",
     sideSelected: "bg-token-white border-token-xlight shadow-sm",
-    sideLabelSelected: "text-sm font-semibold leading-5 text-fg-black",
-    sideLabelUnselected: "text-sm font-semibold leading-5 text-fg-grey-secondary",
+    sideLabelSelected: "text-sm font-semibold leading-5 text-fg-black truncate text-left",
+    sideLabelUnselected: "text-sm font-semibold leading-5 text-fg-grey-secondary truncate text-left",
     sideHoverUnselected: "hover:bg-interaction-hov-solid-primary",
     sideHoverSelected: "hover:bg-interaction-hov-solid-primary",
     sidePressedUnselected: "active:bg-interaction-pressed-solid",
@@ -8100,8 +8100,8 @@ var NAVIGATION_TOKENS = {
     // Figma: brand-secondary bg for active, xs/medium label.
     sectionBase: "w-full justify-start gap-2 px-2.5 py-2 rounded-full",
     sectionSelected: "bg-token-brand-secondary",
-    sectionLabelSelected: "text-xs font-medium leading-4 text-fg-brand",
-    sectionLabelUnselected: "text-xs font-medium leading-4 text-fg-grey-secondary",
+    sectionLabelSelected: "text-xs font-medium leading-4 text-fg-brand truncate text-left",
+    sectionLabelUnselected: "text-xs font-medium leading-4 text-fg-grey-secondary truncate text-left",
     sectionHoverUnselected: "hover:bg-interaction-hov-solid-primary",
     sectionHoverSelected: "hover:bg-interaction-hov-solid-primary",
     sectionPressedUnselected: "active:bg-interaction-pressed-solid",
@@ -8116,7 +8116,7 @@ var NAVIGATION_TOKENS = {
     // narrow pill, the longer labels clipped past their neighbours).
     groupSide: "flex w-full flex-col items-stretch gap-1",
     groupSection: "flex w-full flex-col items-stretch gap-1",
-    labelBase: "shrink-0"
+    labelBase: "min-w-0"
   },
   // --- ListNavigation ---
   listNav: {
@@ -10705,7 +10705,7 @@ var import_lucide_react10 = require("lucide-react");
 // src/toast/variables.ts
 var TOAST_TOKENS = {
   // Outer container — Figma: bg-white, border-light, rounded-16, min-w-400, max-w-800
-  root: "relative bg-token-white border border-token-light rounded-[16px] overflow-hidden flex flex-col items-start min-w-[400px] max-w-[800px]",
+  root: "relative bg-token-white border border-token-light rounded-[16px] overflow-hidden flex flex-col items-start min-w-[320px] max-w-[600px]",
   // Inner content row — Figma: px-16 py-12, gap-12, items-center, full width
   innerRow: "flex gap-3 items-center px-4 py-3 w-full",
   icon: {
@@ -10749,7 +10749,7 @@ var Toaster = ({
   import_sonner.Toaster,
   {
     position,
-    toastOptions: { unstyled: true, classNames: { toast: "w-[600px]" } },
+    toastOptions: { unstyled: true, classNames: { toast: "w-fit" } },
     ...props
   }
 );
@@ -16100,7 +16100,6 @@ var Popover = React44.forwardRef(
         {
           ref: triggerRef,
           onClick: () => setOpen(!open),
-          className: "inline-block",
           children: trigger
         }
       ),

package/dist/index.mjs

@@ -7972,8 +7972,8 @@ var NAVIGATION_TOKENS = {
     // Same padding across states to prevent layout shift on selection.
     topBase: "justify-center gap-2 px-3 py-2 rounded-xl relative",
     topBaseSelected: "justify-center gap-2 px-3 py-2 rounded-xl relative",
-    topLabelSelected: "text-base font-semibold leading-6 text-fg-brand",
-    topLabelUnselected: "text-base font-semibold leading-6 text-fg-grey-primary",
+    topLabelSelected: "text-base font-semibold leading-6 text-fg-brand shrink-0",
+    topLabelUnselected: "text-base font-semibold leading-6 text-fg-grey-primary shrink-0",
     // 1.5px brand underline (selected).
     topHighlight: "pointer-events-none absolute bottom-0 left-0 right-0 h-[1.5px] rounded-sm bg-token-brand-primary",
     // Interaction layers specific to top tab.
@@ -7986,8 +7986,8 @@ var NAVIGATION_TOKENS = {
     // Reserved 1.5px transparent border prevents layout shift on selection.
     sideBase: "w-full justify-start gap-2 px-2.5 py-2 rounded-full border-[1.5px] border-transparent",
     sideSelected: "bg-token-white border-token-xlight shadow-sm",
-    sideLabelSelected: "text-sm font-semibold leading-5 text-fg-black",
-    sideLabelUnselected: "text-sm font-semibold leading-5 text-fg-grey-secondary",
+    sideLabelSelected: "text-sm font-semibold leading-5 text-fg-black truncate text-left",
+    sideLabelUnselected: "text-sm font-semibold leading-5 text-fg-grey-secondary truncate text-left",
     sideHoverUnselected: "hover:bg-interaction-hov-solid-primary",
     sideHoverSelected: "hover:bg-interaction-hov-solid-primary",
     sidePressedUnselected: "active:bg-interaction-pressed-solid",
@@ -7996,8 +7996,8 @@ var NAVIGATION_TOKENS = {
     // Figma: brand-secondary bg for active, xs/medium label.
     sectionBase: "w-full justify-start gap-2 px-2.5 py-2 rounded-full",
     sectionSelected: "bg-token-brand-secondary",
-    sectionLabelSelected: "text-xs font-medium leading-4 text-fg-brand",
-    sectionLabelUnselected: "text-xs font-medium leading-4 text-fg-grey-secondary",
+    sectionLabelSelected: "text-xs font-medium leading-4 text-fg-brand truncate text-left",
+    sectionLabelUnselected: "text-xs font-medium leading-4 text-fg-grey-secondary truncate text-left",
     sectionHoverUnselected: "hover:bg-interaction-hov-solid-primary",
     sectionHoverSelected: "hover:bg-interaction-hov-solid-primary",
     sectionPressedUnselected: "active:bg-interaction-pressed-solid",
@@ -8012,7 +8012,7 @@ var NAVIGATION_TOKENS = {
     // narrow pill, the longer labels clipped past their neighbours).
     groupSide: "flex w-full flex-col items-stretch gap-1",
     groupSection: "flex w-full flex-col items-stretch gap-1",
-    labelBase: "shrink-0"
+    labelBase: "min-w-0"
   },
   // --- ListNavigation ---
   listNav: {
@@ -10601,7 +10601,7 @@ import { ChevronRight, CircleCheck, CircleAlert, ThumbsUp } from "lucide-react";
 // src/toast/variables.ts
 var TOAST_TOKENS = {
   // Outer container — Figma: bg-white, border-light, rounded-16, min-w-400, max-w-800
-  root: "relative bg-token-white border border-token-light rounded-[16px] overflow-hidden flex flex-col items-start min-w-[400px] max-w-[800px]",
+  root: "relative bg-token-white border border-token-light rounded-[16px] overflow-hidden flex flex-col items-start min-w-[320px] max-w-[600px]",
   // Inner content row — Figma: px-16 py-12, gap-12, items-center, full width
   innerRow: "flex gap-3 items-center px-4 py-3 w-full",
   icon: {
@@ -10645,7 +10645,7 @@ var Toaster = ({
   SonnerToaster,
   {
     position,
-    toastOptions: { unstyled: true, classNames: { toast: "w-[600px]" } },
+    toastOptions: { unstyled: true, classNames: { toast: "w-fit" } },
     ...props
   }
 );
@@ -16012,7 +16012,6 @@ var Popover = React44.forwardRef(
         {
           ref: triggerRef,
           onClick: () => setOpen(!open),
-          className: "inline-block",
           children: trigger
         }
       ),

package/dist/styles.css

@@ -752,9 +752,6 @@
   .lego-land .w-\[520px\] {
     width: 520px;
   }
-  .lego-land .w-\[600px\] {
-    width: 600px;
-  }
   .lego-land .w-\[620px\] {
     width: 620px;
   }
@@ -803,8 +800,8 @@
   .lego-land .max-w-\[472px\] {
     max-width: 472px;
   }
-  .lego-land .max-w-\[800px\] {
-    max-width: 800px;
+  .lego-land .max-w-\[600px\] {
+    max-width: 600px;
   }
   .lego-land .max-w-full {
     max-width: 100%;
@@ -851,8 +848,8 @@
   .lego-land .min-w-\[196px\] {
     min-width: 196px;
   }
-  .lego-land .min-w-\[400px\] {
-    min-width: 400px;
+  .lego-land .min-w-\[320px\] {
+    min-width: 320px;
   }
   .lego-land .min-w-\[var\(--radix-select-trigger-width\)\] {
     min-width: var(--radix-select-trigger-width);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nurix/ui-component-library",
-  "version": "1.1.4-stage.115",
+  "version": "1.1.4-stage.116",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",