@spear-ai/spectral 1.21.0 → 1.21.2

package/dist/primitives/input.js

@@ -1,5 +1,6 @@
 'use client';
 import { cn } from "../utils/twUtils.js";
+import { getPasswordManagerIgnoreProps } from "../utils/formFieldUtils.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -9,6 +10,7 @@ const Input = ({ className, type, ...props }) => {
 		className: cn("h-9 min-w-0 rounded-md w-full border border-input-border selection:bg-input-bg--selected selection:text-input-text file:text-input-text placeholder:text-input-text-placeholder", "px-3 py-1 text-base shadow-xs file:h-7 transition-[color,box-shadow] file:inline-flex file:border-0 hover:border-input-border--hover focus:border-input-border--focus focus:outline-none", "file:text-sm file:font-medium file:bg-transparent focus-visible:outline focus-visible:outline-accent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "focus-visible:outline-offset-2 aria-invalid:border-danger-400 aria-invalid:ring-danger-400", className),
 		"data-slot": "input-primitive",
 		type,
+		...getPasswordManagerIgnoreProps(type),
 		...props
 	});
 };

package/dist/primitives/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":[],"sources":["../../src/primitives/input.tsx"],"sourcesContent":["import { cn } from '@utils/twUtils'\nimport { type ComponentProps } from 'react'\n\nexport type InputType = 'text' | 'email' | 'url' | 'tel' | 'password' | 'number' | 'date' | 'datetime-local'\n\nexport interface InputProps extends ComponentProps<'input'> {\n  className?: string\n  type?: InputType\n}\n\nexport const Input = ({ className, type, ...props }: InputProps) => {\n  return (\n    <input\n      className={cn(\n        'h-9 min-w-0 rounded-md w-full border border-input-border selection:bg-input-bg--selected selection:text-input-text file:text-input-text placeholder:text-input-text-placeholder',\n        'px-3 py-1 text-base shadow-xs file:h-7 transition-[color,box-shadow] file:inline-flex file:border-0 hover:border-input-border--hover focus:border-input-border--focus focus:outline-none',\n        'file:text-sm file:font-medium file:bg-transparent focus-visible:outline focus-visible:outline-accent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n        'focus-visible:outline-offset-2 aria-invalid:border-danger-400 aria-invalid:ring-danger-400',\n        className,\n      )}\n      data-slot='input-primitive'\n      type={type}\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;AAUA,MAAa,SAAS,EAAE,WAAW,MAAM,GAAG,YAAwB;AAClE,QACE,oBAAC,SAAD;EACE,WAAW,GACT,mLACA,4LACA,qLACA,8FACA,UACD;EACD,aAAU;EACJ;EACN,GAAI;EACJ"}
+{"version":3,"file":"input.js","names":[],"sources":["../../src/primitives/input.tsx"],"sourcesContent":["import { getPasswordManagerIgnoreProps } from '@utils/formFieldUtils'\nimport { cn } from '@utils/twUtils'\nimport { type ComponentProps } from 'react'\n\nexport type InputType = 'text' | 'email' | 'url' | 'tel' | 'password' | 'number' | 'date' | 'datetime-local'\n\nexport interface InputProps extends ComponentProps<'input'> {\n  className?: string\n  type?: InputType\n}\n\nexport const Input = ({ className, type, ...props }: InputProps) => {\n  return (\n    <input\n      className={cn(\n        'h-9 min-w-0 rounded-md w-full border border-input-border selection:bg-input-bg--selected selection:text-input-text file:text-input-text placeholder:text-input-text-placeholder',\n        'px-3 py-1 text-base shadow-xs file:h-7 transition-[color,box-shadow] file:inline-flex file:border-0 hover:border-input-border--hover focus:border-input-border--focus focus:outline-none',\n        'file:text-sm file:font-medium file:bg-transparent focus-visible:outline focus-visible:outline-accent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n        'focus-visible:outline-offset-2 aria-invalid:border-danger-400 aria-invalid:ring-danger-400',\n        className,\n      )}\n      data-slot='input-primitive'\n      type={type}\n      {...getPasswordManagerIgnoreProps(type)}\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAWA,MAAa,SAAS,EAAE,WAAW,MAAM,GAAG,YAAwB;AAClE,QACE,oBAAC,SAAD;EACE,WAAW,GACT,mLACA,4LACA,qLACA,8FACA,UACD;EACD,aAAU;EACJ;EACN,GAAI,8BAA8B,KAAK;EACvC,GAAI;EACJ"}

package/dist/primitives/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","names":[],"sources":["../../src/primitives/textarea.tsx"],"mappings":";;;;;cAGa,QAAA;EAAQ,SAAA;EAAA,GAAA;AAAA,GAA6B,cAAA,iBAA0B,oBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"textarea.d.ts","names":[],"sources":["../../src/primitives/textarea.tsx"],"mappings":";;;;;cAIa,QAAA;EAAQ,SAAA;EAAA,GAAA;AAAA,GAA6B,cAAA,iBAA0B,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/primitives/textarea.js

@@ -1,5 +1,6 @@
 'use client';
 import { cn } from "../utils/twUtils.js";
+import { getPasswordManagerIgnoreProps } from "../utils/formFieldUtils.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -8,6 +9,7 @@ const Textarea = ({ className, ...props }) => {
 	return /* @__PURE__ */ jsx("textarea", {
 		className: cn("min-h-16 rounded-md px-3 py-2 text-base shadow-xs md:text-sm flex field-sizing-content w-full border border-input-border bg-transparent outline-transparent transition-[color,box-shadow] placeholder:text-input-text-placeholder focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:outline-offset-2 aria-invalid:outline-danger-400", className),
 		"data-slot": "textarea",
+		...getPasswordManagerIgnoreProps(),
 		...props
 	});
 };

package/dist/primitives/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","names":[],"sources":["../../src/primitives/textarea.tsx"],"sourcesContent":["import { cn } from '@utils/twUtils'\nimport { type ComponentProps } from 'react'\n\nexport const Textarea = ({ className, ...props }: ComponentProps<'textarea'>) => {\n  return (\n    <textarea\n      className={cn(\n        'min-h-16 rounded-md px-3 py-2 text-base shadow-xs md:text-sm flex field-sizing-content w-full border border-input-border bg-transparent outline-transparent transition-[color,box-shadow] placeholder:text-input-text-placeholder focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:outline-offset-2 aria-invalid:outline-danger-400',\n        className,\n      )}\n      data-slot='textarea'\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;AAGA,MAAa,YAAY,EAAE,WAAW,GAAG,YAAwC;AAC/E,QACE,oBAAC,YAAD;EACE,WAAW,GACT,uaACA,UACD;EACD,aAAU;EACV,GAAI;EACJ"}
+{"version":3,"file":"textarea.js","names":[],"sources":["../../src/primitives/textarea.tsx"],"sourcesContent":["import { getPasswordManagerIgnoreProps } from '@utils/formFieldUtils'\nimport { cn } from '@utils/twUtils'\nimport { type ComponentProps } from 'react'\n\nexport const Textarea = ({ className, ...props }: ComponentProps<'textarea'>) => {\n  return (\n    <textarea\n      className={cn(\n        'min-h-16 rounded-md px-3 py-2 text-base shadow-xs md:text-sm flex field-sizing-content w-full border border-input-border bg-transparent outline-transparent transition-[color,box-shadow] placeholder:text-input-text-placeholder focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:outline-offset-2 aria-invalid:outline-danger-400',\n        className,\n      )}\n      data-slot='textarea'\n      {...getPasswordManagerIgnoreProps()}\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAIA,MAAa,YAAY,EAAE,WAAW,GAAG,YAAwC;AAC/E,QACE,oBAAC,YAAD;EACE,WAAW,GACT,uaACA,UACD;EACD,aAAU;EACV,GAAI,+BAA+B;EACnC,GAAI;EACJ"}

package/dist/styles/horizon/colors.css

@@ -171,6 +171,8 @@
   --color-radio-border--hover: var(--horizon-color-accent);
   --color-radio-border--selected: var(--horizon-color-accent);
 
+  --color-radio-button-outline-border: var(--horizon-color-level-four);
+
   --color-radio-tile-border: oklch(from var(--horizon-color-white) l c h / 0.1);
   --color-radio-tile-border--hover: var(--horizon-color-neutral-300);
   --color-radio-tile-border--selected: var(--horizon-color-accent);
@@ -234,9 +236,9 @@
   --color-toggle-text--active-default: var(--color-text-primary);
   --color-toggle-text--active-accent: var(--color-text-inverted);
   --color-toggle-text--active: var(--color-toggle-text--active-default);
-  --color-toggle-outline-border: var(--horizon-color-neutral-700);
-  --color-toggle-outline-divider: var(--horizon-color-neutral-600);
-  --color-toggle-outline-border--hover: var(--horizon-color-neutral-400);
+  --color-toggle-outline-border: var(--horizon-color-level-four);
+  --color-toggle-outline-divider: var(--horizon-color-level-four);
+  --color-toggle-outline-border--hover: var(--horizon-color-level-five);
   --color-toggle-group-bg: var(--horizon-color-level-five);
 
   --color-tooltip-bg: var(--horizon-color-level-one);