myoperator-mcp 0.2.359 → 0.2.361

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>
         )}
@@ -9075,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>
@@ -9089,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}
@@ -9734,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"
               )}
             >
@@ -9746,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.359",
+  "version": "0.2.361",
   "description": "MCP server for myOperator UI components - enables AI assistants to access component metadata, examples, and design tokens",
   "type": "module",
   "bin": "./dist/index.js",