@nurix/ui-component-library 1.1.7-stage.146 → 1.1.7-stage.148

package/dist/index.d.mts

@@ -1518,8 +1518,8 @@ type TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitiv
  * Each has a predefined font-size, line-height, and font-weight.
  */
 type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p1" | "p2" | "p3" | "b1" | "b2" | "subtext-xs" | "subtext-sm" | "input-xs" | "input-sm" | "label-sm" | "label-sm-mono" | "label-md" | "label-lg";
-/** Utility text sizes (text-xs through text-6xl). Use with `weight` prop. */
-type TypographySize = "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl";
+/** Utility text sizes (10px through text-6xl). Use with `weight` prop. */
+type TypographySize = "10px" | "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl";
 /** Font weight options (maps to Figma weight tokens). */
 type TypographyWeight = "thin" | "extra-light" | "light" | "regular" | "medium" | "semi-bold" | "bold" | "extra-bold" | "black";
 type TypographyTone = "default" | "muted" | "inherit";
@@ -3861,6 +3861,15 @@ interface WeeklyScheduleProps {
      * @default { start: "09:00", end: "17:00" }
      */
     defaultSlot?: WeeklyTimeSlot;
+    /**
+     * Optional id namespace for the internal day toggles. When more than
+     * one `WeeklySchedule` can appear on the same page (e.g. one per
+     * timezone group), pass a value unique to each instance so the per-day
+     * switch `id`/`htmlFor` pairs stay unique. Without it every instance
+     * emits the same ids and clicking a day label toggles the first
+     * instance's switch. Defaults to `"weekly-schedule"`.
+     */
+    id?: string;
     className?: string;
     style?: React$1.CSSProperties;
     /**

package/dist/index.d.ts

@@ -1518,8 +1518,8 @@ type TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitiv
  * Each has a predefined font-size, line-height, and font-weight.
  */
 type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p1" | "p2" | "p3" | "b1" | "b2" | "subtext-xs" | "subtext-sm" | "input-xs" | "input-sm" | "label-sm" | "label-sm-mono" | "label-md" | "label-lg";
-/** Utility text sizes (text-xs through text-6xl). Use with `weight` prop. */
-type TypographySize = "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl";
+/** Utility text sizes (10px through text-6xl). Use with `weight` prop. */
+type TypographySize = "10px" | "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl";
 /** Font weight options (maps to Figma weight tokens). */
 type TypographyWeight = "thin" | "extra-light" | "light" | "regular" | "medium" | "semi-bold" | "bold" | "extra-bold" | "black";
 type TypographyTone = "default" | "muted" | "inherit";
@@ -3861,6 +3861,15 @@ interface WeeklyScheduleProps {
      * @default { start: "09:00", end: "17:00" }
      */
     defaultSlot?: WeeklyTimeSlot;
+    /**
+     * Optional id namespace for the internal day toggles. When more than
+     * one `WeeklySchedule` can appear on the same page (e.g. one per
+     * timezone group), pass a value unique to each instance so the per-day
+     * switch `id`/`htmlFor` pairs stay unique. Without it every instance
+     * emits the same ids and clicking a day label toggles the first
+     * instance's switch. Defaults to `"weekly-schedule"`.
+     */
+    id?: string;
     className?: string;
     style?: React$1.CSSProperties;
     /**

package/dist/index.js

@@ -10454,6 +10454,8 @@ var TYPOGRAPHY_TOKENS = {
    * Use with `weight` for fine-grained control.
    */
   size: {
+    "10px": "text-[10px] leading-[14px]",
+    // 10px — micro labels / disclaimers
     xs: "text-xs leading-4",
     // 12px
     sm: "text-sm leading-5",
@@ -18599,6 +18601,7 @@ var WeeklySchedule = React51.forwardRef(
     onValidationChange,
     dayLabels,
     defaultSlot = DEFAULT_SLOT,
+    id = "weekly-schedule",
     className,
     style,
     "data-testid": dataTestId
@@ -18669,6 +18672,7 @@ var WeeklySchedule = React51.forwardRef(
           const entry = (_a5 = value.find((d) => d.day === day)) != null ? _a5 : { day, enabled: false, slots: [] };
           const isEnabled = entry.enabled;
           const slotsToRender = entry.slots.length > 0 ? entry.slots : [defaultSlot];
+          const switchId = `${id}-switch-${day}`;
           return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
             "div",
             {
@@ -18683,7 +18687,7 @@ var WeeklySchedule = React51.forwardRef(
                   /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                     Switch,
                     {
-                      id: `weekly-schedule-switch-${day}`,
+                      id: switchId,
                       checked: isEnabled,
                       onCheckedChange: (checked) => handleToggle(day, checked),
                       size: "small",
@@ -18693,7 +18697,7 @@ var WeeklySchedule = React51.forwardRef(
                   /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                     "label",
                     {
-                      htmlFor: `weekly-schedule-switch-${day}`,
+                      htmlFor: switchId,
                       className: cn(
                         WEEKLY_SCHEDULE_TOKENS.dayLabel,
                         isEnabled ? WEEKLY_SCHEDULE_TOKENS.dayLabelEnabled : WEEKLY_SCHEDULE_TOKENS.dayLabelDisabled,

package/dist/index.mjs

@@ -10333,6 +10333,8 @@ var TYPOGRAPHY_TOKENS = {
    * Use with `weight` for fine-grained control.
    */
   size: {
+    "10px": "text-[10px] leading-[14px]",
+    // 10px — micro labels / disclaimers
     xs: "text-xs leading-4",
     // 12px
     sm: "text-sm leading-5",
@@ -18494,6 +18496,7 @@ var WeeklySchedule = React51.forwardRef(
     onValidationChange,
     dayLabels,
     defaultSlot = DEFAULT_SLOT,
+    id = "weekly-schedule",
     className,
     style,
     "data-testid": dataTestId
@@ -18564,6 +18567,7 @@ var WeeklySchedule = React51.forwardRef(
           const entry = (_a5 = value.find((d) => d.day === day)) != null ? _a5 : { day, enabled: false, slots: [] };
           const isEnabled = entry.enabled;
           const slotsToRender = entry.slots.length > 0 ? entry.slots : [defaultSlot];
+          const switchId = `${id}-switch-${day}`;
           return /* @__PURE__ */ jsxs38(
             "div",
             {
@@ -18578,7 +18582,7 @@ var WeeklySchedule = React51.forwardRef(
                   /* @__PURE__ */ jsx47(
                     Switch,
                     {
-                      id: `weekly-schedule-switch-${day}`,
+                      id: switchId,
                       checked: isEnabled,
                       onCheckedChange: (checked) => handleToggle(day, checked),
                       size: "small",
@@ -18588,7 +18592,7 @@ var WeeklySchedule = React51.forwardRef(
                   /* @__PURE__ */ jsx47(
                     "label",
                     {
-                      htmlFor: `weekly-schedule-switch-${day}`,
+                      htmlFor: switchId,
                       className: cn(
                         WEEKLY_SCHEDULE_TOKENS.dayLabel,
                         isEnabled ? WEEKLY_SCHEDULE_TOKENS.dayLabelEnabled : WEEKLY_SCHEDULE_TOKENS.dayLabelDisabled,

package/dist/styles.css

@@ -1826,6 +1826,10 @@
     --tw-leading: calc(var(--spacing) * 10);
     line-height: calc(var(--spacing) * 10);
   }
+  .lego-land .leading-\[14px\] {
+    --tw-leading: 14px;
+    line-height: 14px;
+  }
   .lego-land .leading-none {
     --tw-leading: 1;
     line-height: 1;

package/package.json

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