@process.co/ui 0.0.17 → 0.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/css/ui.css CHANGED
@@ -1261,6 +1261,9 @@
1261
1261
  .uii\:border-input {
1262
1262
  border-color: var(--input);
1263
1263
  }
1264
+ .uii\:border-primary {
1265
+ border-color: var(--primary);
1266
+ }
1264
1267
  .uii\:border-purple-200 {
1265
1268
  border-color: oklch(90.2% 0.063 306.703);
1266
1269
  }
@@ -3101,7 +3101,10 @@ function Input({
3101
3101
  required = false,
3102
3102
  hasRequiredError = false,
3103
3103
  className,
3104
- editorClassName
3104
+ editorClassName,
3105
+ showCaseSensitivity = false,
3106
+ caseSensitive = false,
3107
+ onCaseSensitiveChange
3105
3108
  }) {
3106
3109
  const devCtx = React33.useContext(DevContext);
3107
3110
  const resolvedExpectedType = useResolvedExpectedType(expectedType, devCtx);
@@ -3145,7 +3148,19 @@ function Input({
3145
3148
  title: resolvedExpectedType
3146
3149
  },
3147
3150
  resolvedExpectedType
3148
- ), showError && /* @__PURE__ */ React33__namespace.createElement("span", { className: "uii:-mt-2 uii:inline-flex uii:px-1 uii:py-0.5 uii:bg-red-100 uii:text-red-600 uii:rounded-sm uii:text-[10px] uii:font-medium" }, "Required")), /* @__PURE__ */ React33__namespace.createElement("div", { className: "uii:mt-0.5" }, /* @__PURE__ */ React33__namespace.createElement(
3151
+ ), showError && /* @__PURE__ */ React33__namespace.createElement("span", { className: "uii:-mt-2 uii:inline-flex uii:px-1 uii:py-0.5 uii:bg-red-100 uii:text-red-600 uii:rounded-sm uii:text-[10px] uii:font-medium" }, "Required"), showCaseSensitivity && onCaseSensitiveChange && /* @__PURE__ */ React33__namespace.createElement(
3152
+ "button",
3153
+ {
3154
+ type: "button",
3155
+ title: caseSensitive ? "Case sensitive (click to ignore case)" : "Ignore case (click for case sensitive)",
3156
+ onClick: () => onCaseSensitiveChange(!caseSensitive),
3157
+ className: cn(
3158
+ "uii:-mt-2 uii:inline-flex uii:items-center uii:justify-center uii:rounded-sm uii:border uii:px-1 uii:py-0.5 uii:text-[10px] uii:font-medium uii:transition-colors uii:outline-none focus:uii:ring-2 focus:uii:ring-ring focus:uii:ring-offset-1",
3159
+ caseSensitive ? "uii:bg-primary uii:text-primary-foreground uii:border-primary" : "uii:bg-gray-200 uii:text-muted-foreground uii:border-input hover:uii:bg-gray-300"
3160
+ )
3161
+ },
3162
+ "Aa"
3163
+ )), /* @__PURE__ */ React33__namespace.createElement("div", { className: "uii:mt-0.5" }, /* @__PURE__ */ React33__namespace.createElement(
3149
3164
  "input",
3150
3165
  {
3151
3166
  id: fieldName,