myoperator-mcp 0.2.358 → 0.2.360

package/dist/index.js

@@ -1156,7 +1156,7 @@ const Checkbox = React.forwardRef(
                 htmlFor={id}
                 className={cn(
                   labelSizeVariants({ size }),
-                  "text-semantic-text-primary cursor-pointer",
+                  "font-semibold text-semantic-text-secondary cursor-pointer",
                   disabled && "opacity-50 cursor-not-allowed",
                   labelClassName
                 )}
@@ -1170,7 +1170,7 @@ const Checkbox = React.forwardRef(
                 htmlFor={id}
                 className={cn(
                   labelSizeVariants({ size }),
-                  "text-semantic-text-primary cursor-pointer",
+                  "font-semibold text-semantic-text-secondary cursor-pointer",
                   disabled && "opacity-50 cursor-not-allowed",
                   labelClassName
                 )}
@@ -1194,7 +1194,7 @@ const Checkbox = React.forwardRef(
             <span
               className={cn(
                 labelSizeVariants({ size }),
-                "text-semantic-text-primary",
+                "font-semibold text-semantic-text-secondary",
                 disabled && "opacity-50",
                 labelClassName
               )}
@@ -1207,7 +1207,7 @@ const Checkbox = React.forwardRef(
             <span
               className={cn(
                 labelSizeVariants({ size }),
-                "text-semantic-text-primary",
+                "font-semibold text-semantic-text-secondary",
                 disabled && "opacity-50",
                 labelClassName
               )}
@@ -2666,6 +2666,12 @@ export interface DateTimePickerProps
   value?: DateTimePickerValue;
   defaultValue?: DateTimePickerValue;
   onValueChange?: (value: DateTimePickerValue) => void;
+  /** Label text displayed above the trigger */
+  label?: string;
+  /** Shows a red asterisk next to the label when true */
+  required?: boolean;
+  /** Additional class for the label */
+  labelClassName?: string;
   placeholder?: string;
   disabled?: boolean;
   readOnly?: boolean;
@@ -3918,6 +3924,9 @@ const DateTimePicker = React.forwardRef<HTMLDivElement, DateTimePickerProps>(
       value,
       defaultValue,
       onValueChange,
+      label,
+      required,
+      labelClassName,
       placeholder: placeholderProp,
       disabled = false,
       readOnly = false,
@@ -4675,6 +4684,20 @@ const DateTimePicker = React.forwardRef<HTMLDivElement, DateTimePickerProps>(
             )}
           />
         )}
+        {label && (
+          <label
+            htmlFor={triggerId}
+            className={cn(
+              "mb-1.5 block text-sm font-semibold text-semantic-text-secondary",
+              labelClassName
+            )}
+          >
+            {label}
+            {required && (
+              <span className="text-semantic-error-primary ml-0.5">*</span>
+            )}
+          </label>
+        )}
         <div
           ref={setTriggerRef}
           className={cn(
@@ -6371,7 +6394,7 @@ const MultiSelect = React.forwardRef(
               selectedLabels.map((label, index) => (
                 <span
                   key={selectedValues[index]}
-                  className="inline-flex items-center gap-1 bg-semantic-bg-ui text-semantic-text-primary text-xs px-2 py-0.5 rounded"
+                  className="inline-flex items-center gap-1 bg-semantic-bg-ui text-semantic-text-primary text-sm px-2 py-0.5 rounded"
                 >
                   {label}
                   <span
@@ -6446,14 +6469,14 @@ const MultiSelect = React.forwardRef(
                     className="size-3.5 shrink-0 text-semantic-error-primary"
                     aria-hidden
                   />
-                  <span className="text-xs text-semantic-error-primary">
+                  <span className="text-sm text-semantic-error-primary">
                     {error}
                   </span>
                 </div>
               ) : helperText ? (
                 <span
                   id={helperId}
-                  className="text-xs text-semantic-text-muted"
+                  className="text-sm text-semantic-text-muted"
                 >
                   {helperText}
                 </span>
@@ -6513,7 +6536,7 @@ const MultiSelect = React.forwardRef(
                       return (
                         <div
                           key={\`header-\${item.label}-\${itemIndex}\`}
-                          className="px-3 pt-2 pb-1 text-xs font-semibold uppercase tracking-wide text-semantic-text-muted"
+                          className="px-3 pt-2 pb-1 text-sm font-semibold uppercase tracking-wide text-semantic-text-muted"
                         >
                           {item.label}
                         </div>
@@ -6594,7 +6617,7 @@ const MultiSelect = React.forwardRef(
                           {option.label}
                         </span>
                         {secondaryLine ? (
-                          <span className="shrink-0 max-w-[55%] truncate text-right text-xs text-semantic-text-muted">
+                          <span className="shrink-0 max-w-[55%] truncate text-right text-sm text-semantic-text-muted">
                             {secondaryLine}
                           </span>
                         ) : null}
@@ -6614,7 +6637,7 @@ const MultiSelect = React.forwardRef(
                           </TooltipTrigger>
                           <TooltipContent
                             side="top"
-                            className="max-w-xs bg-semantic-primary text-semantic-text-inverted border-semantic-primary border-solid"
+                            className="max-w-sm bg-semantic-primary text-semantic-text-inverted border-semantic-primary border-solid"
                           >
                             {overlayCopy}
                           </TooltipContent>
@@ -6636,7 +6659,7 @@ const MultiSelect = React.forwardRef(
 
               {/* Footer with count */}
               {maxSelections && showSelectionFooter ? (
-                <div className="p-2 border-t border-solid border-semantic-border-layout text-xs text-semantic-text-muted">
+                <div className="p-2 border-t border-solid border-semantic-border-layout text-sm text-semantic-text-muted">
                   {selectedValues.length} / {maxSelections} selected
                 </div>
               ) : null}
@@ -7895,7 +7918,7 @@ export const ReadableField = React.forwardRef(
       >
         {/* Header Row: Label + Optional Action */}
         <div className="flex items-start justify-between">
-          <span className="text-sm font-semibold text-semantic-text-secondary tracking-[0.035px]">
+          <span className="text-sm font-semibold text-semantic-text-secondary">
             {label}
           </span>
           {headerAction && (
@@ -7980,7 +8003,7 @@ export const ReadableField = React.forwardRef(
 
         {/* Helper Text */}
         {helperText && (
-          <p className="m-0 text-sm text-semantic-text-muted tracking-[0.035px]">
+          <p className="m-0 text-sm text-semantic-text-muted">
             {helperText}
           </p>
         )}
@@ -8725,6 +8748,13 @@ export interface SelectFieldProps {
   wrapperClassName?: string;
   /** Additional class for trigger */
   triggerClassName?: string;
+  /**
+   * Additional class for the dropdown content. By default the content width is
+   * bound to the trigger width (\`--radix-select-trigger-width\`); override here
+   * (e.g. \`w-[280px] max-w-[320px]\`) when the trigger is intentionally narrow \u2014
+   * such as a "View all" text link \u2014 so the list isn't clipped to the link width.
+   */
+  contentClassName?: string;
   /** Additional class for label */
   labelClassName?: string;
   /** ID for the select */
@@ -8823,6 +8853,7 @@ const SelectField = React.forwardRef(
       onSearchChange,
       wrapperClassName,
       triggerClassName,
+      contentClassName,
       labelClassName,
       id,
       name,
@@ -8990,6 +9021,7 @@ const SelectField = React.forwardRef(
           <SelectContent
             onViewportScrollEnd={hasMore !== false ? onScrollEnd : undefined}
             hideScrollButtons={totalRendered === 0}
+            className={contentClassName}
           >
             {/* Search input */}
             {searchable && (
@@ -9066,7 +9098,7 @@ const SelectField = React.forwardRef(
             {showEndOfList && (
               <div
                 role="status"
-                className="py-2 text-center text-xs text-semantic-text-muted"
+                className="py-2 text-center text-sm text-semantic-text-muted"
               >
                 End of list
               </div>
@@ -9080,12 +9112,12 @@ const SelectField = React.forwardRef(
             {error ? (
               <span
                 id={errorId}
-                className="text-xs text-semantic-error-primary"
+                className="text-sm text-semantic-error-primary"
               >
                 {error}
               </span>
             ) : helperText ? (
-              <span id={helperId} className="text-xs text-semantic-text-muted">
+              <span id={helperId} className="text-sm text-semantic-text-muted">
                 {helperText}
               </span>
             ) : null}
@@ -9725,7 +9757,7 @@ const Switch = React.forwardRef(
             <span
               className={cn(
                 labelSizeVariants({ size }),
-                "text-semantic-text-primary",
+                "font-semibold text-semantic-text-secondary",
                 disabled && "opacity-50"
               )}
             >
@@ -9737,7 +9769,7 @@ const Switch = React.forwardRef(
             <span
               className={cn(
                 labelSizeVariants({ size }),
-                "text-semantic-text-primary",
+                "font-semibold text-semantic-text-secondary",
                 disabled && "opacity-50"
               )}
             >

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myoperator-mcp",
-  "version": "0.2.358",
+  "version": "0.2.360",
   "description": "MCP server for myOperator UI components - enables AI assistants to access component metadata, examples, and design tokens",
   "type": "module",
   "bin": "./dist/index.js",