myoperator-mcp 0.2.346 → 0.2.347

package/dist/index.js

@@ -1847,7 +1847,7 @@ const CreatableMultiSelect = React.forwardRef(
                   maxLength={maxLengthPerItem}
                   onKeyDown={handleKeyDown}
                   disabled={disabled}
-                  className="min-w-[120px] flex-1 bg-transparent text-base text-semantic-text-primary outline-none placeholder:text-semantic-text-muted"
+                  className="min-w-[120px] flex-1 bg-transparent text-base text-semantic-text-primary outline-none placeholder:text-semantic-text-placeholder"
                   role="combobox"
                   aria-expanded={isOpen}
                   aria-controls={listboxId}
@@ -1901,7 +1901,7 @@ const CreatableMultiSelect = React.forwardRef(
                     className={cn(
                       "line-clamp-2 flex-1 text-base",
                       value.length === 0
-                        ? "text-semantic-text-muted"
+                        ? "text-semantic-text-placeholder"
                         : "text-semantic-text-primary"
                     )}
                   >
@@ -1911,7 +1911,7 @@ const CreatableMultiSelect = React.forwardRef(
                   <span
                     className={cn(
                       "line-clamp-2 flex-1 text-base",
-                      "text-semantic-text-muted"
+                      "text-semantic-text-placeholder"
                     )}
                   >
                     {placeholder}
@@ -2345,7 +2345,7 @@ const CreatableSelect = React.forwardRef(
               }}
               maxLength={maxLength}
               onKeyDown={handleKeyDown}
-              className="flex-1 min-w-0 bg-transparent outline-none text-base text-semantic-text-primary placeholder:text-semantic-text-muted"
+              className="flex-1 min-w-0 bg-transparent outline-none text-base text-semantic-text-primary placeholder:text-semantic-text-placeholder"
               placeholder={selectedLabel || placeholder}
               aria-expanded="true"
               aria-haspopup="listbox"
@@ -2376,7 +2376,7 @@ const CreatableSelect = React.forwardRef(
             <span
               className={cn(
                 "line-clamp-1",
-                !selectedLabel && "text-semantic-text-muted"
+                !selectedLabel && "text-semantic-text-placeholder"
               )}
             >
               {selectedLabel || placeholder}
@@ -2571,8 +2571,8 @@ const dateTimePickerTriggerVariants = cva(
     variants: {
       size: {
         sm: "h-9 gap-2 rounded-lg px-3 py-2 text-sm",
-        default: "h-10 gap-2 rounded-lg px-4 py-2.5 text-sm",
-        lg: "h-10 gap-2 rounded-lg px-4 py-2.5 text-sm",
+        default: "h-[42px] gap-2 rounded-lg px-4 py-2.5 text-base",
+        lg: "h-[42px] gap-2 rounded-lg px-4 py-2.5 text-base",
       },
       state: {
         default: "",
@@ -4128,7 +4128,7 @@ const DateTimePicker = React.forwardRef<HTMLDivElement, DateTimePickerProps>(
             <div className="flex flex-col gap-1.5">
               <label
                 id={\`\${triggerId}-start-time-label\`}
-                className="block text-sm font-semibold text-semantic-text-primary"
+                className="block text-sm font-semibold text-semantic-text-secondary"
               >
                 {startTimeLabel}
               </label>
@@ -4147,7 +4147,7 @@ const DateTimePicker = React.forwardRef<HTMLDivElement, DateTimePickerProps>(
                     currentValue.startTime,
                     resolvedShowSeconds
                   )}
-                  className="h-8 w-full rounded-md border border-solid border-semantic-border-input bg-semantic-bg-primary pl-9 pr-3 text-sm text-semantic-text-primary outline-none transition-colors hover:border-semantic-border-input-focus/50 focus:border-semantic-border-input-focus/50 focus:shadow-[0_0_0_1px_rgba(43,188,202,0.15)]"
+                  className="h-[42px] w-full rounded-md border border-solid border-semantic-border-input bg-semantic-bg-primary pl-9 pr-3 text-base text-semantic-text-primary outline-none transition-colors hover:border-semantic-border-input-focus/50 focus:border-semantic-border-input-focus/50 focus:shadow-[0_0_0_1px_rgba(43,188,202,0.15)]"
                   onClick={() => openNativeTimePicker(startTimeInputRef.current)}
                   onChange={(event) =>
                     updateValue(
@@ -4169,7 +4169,7 @@ const DateTimePicker = React.forwardRef<HTMLDivElement, DateTimePickerProps>(
               <div className="flex flex-col gap-1.5">
                 <label
                   id={\`\${triggerId}-end-time-label\`}
-                  className="block text-sm font-semibold text-semantic-text-primary"
+                  className="block text-sm font-semibold text-semantic-text-secondary"
                 >
                   {endTimeLabel}
                 </label>
@@ -4188,7 +4188,7 @@ const DateTimePicker = React.forwardRef<HTMLDivElement, DateTimePickerProps>(
                       currentValue.endTime,
                       resolvedShowSeconds
                     )}
-                    className="h-8 w-full rounded-md border border-solid border-semantic-border-input bg-semantic-bg-primary pl-9 pr-3 text-sm text-semantic-text-primary outline-none transition-colors hover:border-semantic-border-input-focus/50 focus:border-semantic-border-input-focus/50 focus:shadow-[0_0_0_1px_rgba(43,188,202,0.15)]"
+                    className="h-[42px] w-full rounded-md border border-solid border-semantic-border-input bg-semantic-bg-primary pl-9 pr-3 text-base text-semantic-text-primary outline-none transition-colors hover:border-semantic-border-input-focus/50 focus:border-semantic-border-input-focus/50 focus:shadow-[0_0_0_1px_rgba(43,188,202,0.15)]"
                     onClick={() => openNativeTimePicker(endTimeInputRef.current)}
                     onChange={(event) =>
                       updateValue(
@@ -4265,7 +4265,7 @@ const DateTimePicker = React.forwardRef<HTMLDivElement, DateTimePickerProps>(
                   ? "Time"
                   : "Date and time"
             }
-            className="min-w-0 flex-1 bg-transparent text-sm text-semantic-text-primary outline-none placeholder:text-semantic-text-placeholder disabled:cursor-not-allowed read-only:cursor-not-allowed"
+            className="min-w-0 flex-1 bg-transparent text-base text-semantic-text-primary outline-none placeholder:text-semantic-text-placeholder disabled:cursor-not-allowed read-only:cursor-not-allowed"
             onFocus={() => {
               setIsDateInputFocused(true);
               setOpen(true);
@@ -4444,7 +4444,7 @@ const DeleteConfirmationModal = React.forwardRef(
           <div className="grid gap-2 py-4">
             <label
               htmlFor="delete-confirmation-input"
-              className="text-sm text-muted-foreground"
+              className="text-sm text-semantic-text-secondary"
             >
               Enter "{confirmText}" in uppercase to confirm
             </label>
@@ -5815,7 +5815,7 @@ const MultiSelect = React.forwardRef(
           <label
             htmlFor={selectId}
             className={cn(
-              "text-xs font-normal text-semantic-text-muted",
+              "text-sm font-medium text-semantic-text-secondary",
               labelClassName
             )}
           >
@@ -5853,7 +5853,7 @@ const MultiSelect = React.forwardRef(
           >
           <div className="flex-1 flex flex-wrap gap-1">
             {selectedValues.length === 0 ? (
-              <span className="text-semantic-text-placeholder">
+              <span className="text-base text-semantic-text-placeholder">
                 {placeholder}
               </span>
             ) : (
@@ -5975,7 +5975,7 @@ const MultiSelect = React.forwardRef(
                     placeholder={searchPlaceholder}
                     value={searchQuery}
                     onChange={(e) => setSearchQuery(e.target.value)}
-                    className="w-full h-8 px-3 text-sm border border-solid border-semantic-border-input rounded bg-semantic-bg-primary placeholder:text-semantic-text-placeholder focus:outline-none focus:border-semantic-border-input-focus/50"
+                    className="w-full h-[42px] px-3 text-base text-semantic-text-primary border border-solid border-semantic-border-input rounded bg-semantic-bg-primary placeholder:text-semantic-text-placeholder focus:outline-none focus:border-semantic-border-input-focus/50"
                     onClick={(e) => e.stopPropagation()}
                   />
                 </div>
@@ -7069,7 +7069,7 @@ import { ChevronDown } from "lucide-react";
 import { cn } from "@/lib/utils";
 
 const phoneInputContainerVariants = cva(
-  "flex items-center border border-solid rounded transition-all",
+  "flex items-center border h-[42px] border-solid rounded transition-all",
   {
     variants: {
       state: {
@@ -7211,14 +7211,14 @@ const PhoneInput = React.forwardRef(
       >
         <div
           className={cn(
-            "flex items-center gap-1.5 pl-3 pr-2 h-10 shrink-0",
+            "flex h-full items-center gap-1.5 pl-3 pr-2 shrink-0",
             onCountryClick && "cursor-pointer"
           )}
           onClick={onCountryClick}
           data-testid="phone-input-country"
         >
-          <span className="text-sm">{countryFlag}</span>
-          <span className="text-sm text-semantic-text-secondary">
+          <span className="text-base">{countryFlag}</span>
+          <span className="text-base text-semantic-text-secondary">
             {countryCode}
           </span>
           {showChevron && (
@@ -7237,7 +7237,7 @@ const PhoneInput = React.forwardRef(
           aria-invalid={ariaInvalid ?? derivedState === "error"}
           aria-describedby={describedBy || undefined}
           className={cn(
-            "flex-1 h-10 px-3 text-sm text-semantic-text-primary placeholder:text-semantic-text-muted outline-none bg-transparent disabled:cursor-not-allowed",
+            "flex-1 h-full px-3 text-base text-semantic-text-primary placeholder:text-semantic-text-placeholder outline-none bg-transparent disabled:cursor-not-allowed",
             className
           )}
           onBeforeInput={handleBeforeInput}
@@ -7384,7 +7384,7 @@ export const ReadableField = React.forwardRef(
       >
         {/* Header Row: Label + Optional Action */}
         <div className="flex items-start justify-between">
-          <span className="text-sm text-semantic-text-muted tracking-[0.035px]">
+          <span className="text-sm text-semantic-text-secondary tracking-[0.035px]">
             {label}
           </span>
           {headerAction && (
@@ -7419,7 +7419,7 @@ export const ReadableField = React.forwardRef(
         {/* Input Container */}
         <div
           className={cn(
-            "flex h-11 items-center justify-between rounded border border-solid border-semantic-border-layout bg-semantic-bg-ui pl-4 pr-2.5 py-2.5",
+            "flex h-[42px] items-center justify-between rounded border border-solid border-semantic-border-layout bg-semantic-bg-ui pl-4 pr-2.5 py-2.5",
             inputClassName
           )}
         >
@@ -7947,7 +7947,7 @@ const SelectField = React.forwardRef(
           <label
             htmlFor={selectId}
             className={cn(
-              "text-sm font-medium text-semantic-text-muted",
+              "text-sm font-medium text-semantic-text-secondary",
               labelClassName
             )}
           >
@@ -7993,7 +7993,7 @@ const SelectField = React.forwardRef(
                   placeholder={searchPlaceholder}
                   value={effectiveSearchQuery}
                   onChange={handleSearchChange}
-                  className="w-full h-8 text-sm bg-transparent placeholder:text-semantic-text-muted focus:outline-none"
+                  className="w-full h-[42px] text-base text-semantic-text-primary bg-transparent placeholder:text-semantic-text-placeholder focus:outline-none"
                   // Prevent closing dropdown when clicking input
                   onClick={(e) => e.stopPropagation()}
                   onKeyDown={(e) => e.stopPropagation()}
@@ -8126,7 +8126,7 @@ const SelectGroup = SelectPrimitive.Group;
 const SelectValue = React.forwardRef(({ className, ...props }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value>, ref: React.Ref<React.ElementRef<typeof SelectPrimitive.Value>>) => (
   <SelectPrimitive.Value
     ref={ref}
-    className={cn("[&[data-placeholder]]:text-semantic-text-muted", className)}
+    className={cn("[&[data-placeholder]]:text-semantic-text-placeholder", className)}
     {...props}
   />
 ));
@@ -9594,7 +9594,7 @@ const TextField = React.forwardRef(
           <label
             htmlFor={inputId}
             className={cn(
-              "text-sm font-medium text-semantic-text-muted",
+              "text-sm font-medium text-semantic-text-secondary",
               labelClassName
             )}
           >
@@ -9931,7 +9931,7 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
           <label
             htmlFor={textareaId}
             className={cn(
-              "text-sm font-medium text-semantic-text-muted",
+              "text-sm font-medium text-semantic-text-secondary",
               labelClassName
             )}
           >

package/package.json

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