@teja-app/ui 0.0.17 → 0.0.18

package/dist/theme/components/fieldShell.d.ts

@@ -56,13 +56,19 @@ export interface FieldShellProps extends FieldChromeProps {
     children: ReactNode;
     /** Associates the label with the control. */
     htmlFor?: string;
+    /**
+     * Render the label as an uppercase section header (matching `SectionLabel`)
+     * rather than the default sentence-case field label. Opt-in so existing
+     * consumers are unaffected.
+     */
+    uppercaseLabel?: boolean;
 }
 /**
  * FieldShell — label + control slot + hint/error tail. The single source of
  * truth for field chrome across the theme so `Field` and every input control
  * stay visually identical.
  */
-export declare function FieldShell({ label, hint, error, required, full, htmlFor, testId, children, }: FieldShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function FieldShell({ label, hint, error, required, full, htmlFor, testId, uppercaseLabel, children, }: FieldShellProps): import("react/jsx-runtime").JSX.Element;
 /** Re-export so option-based controls import the icon helper from one place. */
 export { Icon };
 //# sourceMappingURL=fieldShell.d.ts.map

package/dist/theme/components/fieldShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fieldShell.d.ts","sourceRoot":"","sources":["../../../src/theme/components/fieldShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAG7C;;;;;GAKG;AACH,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8CAA8C;IAC9C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,GAAG,OAAO,CAEvE;AAED,qEAAqE;AACrE,wBAAgB,cAAc,CAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,GAAG,SAAS,CAE1E;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,aAAa,CAkBhB;AAED,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,sDAAsD;IACtD,QAAQ,EAAE,SAAS,CAAC;IACpB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,IAAW,EACX,OAAO,EACP,MAAM,EACN,QAAQ,GACT,EAAE,eAAe,2CAgDjB;AAED,gFAAgF;AAChF,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"fieldShell.d.ts","sourceRoot":"","sources":["../../../src/theme/components/fieldShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAG7C;;;;;GAKG;AACH,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8CAA8C;IAC9C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,GAAG,OAAO,CAEvE;AAED,qEAAqE;AACrE,wBAAgB,cAAc,CAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,GAAG,SAAS,CAE1E;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,aAAa,CAkBhB;AAED,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,sDAAsD;IACtD,QAAQ,EAAE,SAAS,CAAC;IACpB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,IAAW,EACX,OAAO,EACP,MAAM,EACN,cAAsB,EACtB,QAAQ,GACT,EAAE,eAAe,2CAoEjB;AAED,gFAAgF;AAChF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/theme/index.cjs

@@ -1048,11 +1048,29 @@ function FieldShell({
   full = true,
   htmlFor,
   testId,
+  uppercaseLabel = false,
   children
 }) {
   const errorNode = fieldErrorNode(error2);
   const errored = hasFieldError(error2);
-  const labelText = label ? /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: 11.5, color: "var(--ink-2)", fontWeight: 500, display: "inline-flex", alignItems: "center", gap: 4 }, children: [
+  const labelStyle = uppercaseLabel ? {
+    fontSize: 10.5,
+    color: "var(--ink-3)",
+    fontWeight: 600,
+    letterSpacing: "0.06em",
+    textTransform: "uppercase",
+    display: "inline-flex",
+    alignItems: "center",
+    gap: 4
+  } : {
+    fontSize: 11.5,
+    color: "var(--ink-2)",
+    fontWeight: 500,
+    display: "inline-flex",
+    alignItems: "center",
+    gap: 4
+  };
+  const labelText = label ? /* @__PURE__ */ jsxRuntime.jsxs("span", { style: labelStyle, children: [
     label,
     required ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "var(--danger)" }, children: "*" }) : null
   ] }) : null;