@teja-app/ui 0.0.16 → 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/dist/theme/components/DateInput.d.ts.map +1 -1
- package/dist/theme/components/fieldShell.d.ts +7 -1
- package/dist/theme/components/fieldShell.d.ts.map +1 -1
- package/dist/theme/index.cjs +24 -1
- package/dist/theme/index.cjs.map +1 -1
- package/dist/theme/index.js +24 -1
- package/dist/theme/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/theme/components/DateInput.tsx"],"names":[],"mappings":"AAGA,OAAO,4BAA4B,CAAC;AAEpC,OAAO,EAIL,KAAK,gBAAgB,EACtB,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACtD,yEAAyE;IACzE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,yEAAyE;IACzE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6DAA6D;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AASD,iFAAiF;AACjF,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAShE;AAED,+DAA+D;AAC/D,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAE7C;AAED,8DAA8D;AAC9D,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAExD;AAoDD;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,WAA2B,EAC3B,GAAG,EACH,GAAG,EACH,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,IAAW,EACX,QAAQ,EACR,MAAM,GACP,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/theme/components/DateInput.tsx"],"names":[],"mappings":"AAGA,OAAO,4BAA4B,CAAC;AAEpC,OAAO,EAIL,KAAK,gBAAgB,EACtB,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACtD,yEAAyE;IACzE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,yEAAyE;IACzE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6DAA6D;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AASD,iFAAiF;AACjF,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAShE;AAED,+DAA+D;AAC/D,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAE7C;AAED,8DAA8D;AAC9D,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAExD;AAoDD;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,WAA2B,EAC3B,GAAG,EACH,GAAG,EACH,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,IAAW,EACX,QAAQ,EACR,MAAM,GACP,EAAE,cAAc,2CAuJhB"}
|
|
@@ -56,13 +56,19 @@ export interface FieldShellProps extends FieldChromeProps {
|
|
|
56
56
|
children: ReactNode;
|
|
57
57
|
/** Associates the label with the control. */
|
|
58
58
|
htmlFor?: string;
|
|
59
|
+
/**
|
|
60
|
+
* Render the label as an uppercase section header (matching `SectionLabel`)
|
|
61
|
+
* rather than the default sentence-case field label. Opt-in so existing
|
|
62
|
+
* consumers are unaffected.
|
|
63
|
+
*/
|
|
64
|
+
uppercaseLabel?: boolean;
|
|
59
65
|
}
|
|
60
66
|
/**
|
|
61
67
|
* FieldShell — label + control slot + hint/error tail. The single source of
|
|
62
68
|
* truth for field chrome across the theme so `Field` and every input control
|
|
63
69
|
* stay visually identical.
|
|
64
70
|
*/
|
|
65
|
-
export declare function FieldShell({ label, hint, error, required, full, htmlFor, testId, children, }: FieldShellProps): import("react/jsx-runtime").JSX.Element;
|
|
71
|
+
export declare function FieldShell({ label, hint, error, required, full, htmlFor, testId, uppercaseLabel, children, }: FieldShellProps): import("react/jsx-runtime").JSX.Element;
|
|
66
72
|
/** Re-export so option-based controls import the icon helper from one place. */
|
|
67
73
|
export { Icon };
|
|
68
74
|
//# sourceMappingURL=fieldShell.d.ts.map
|
|
@@ -1 +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;
|
|
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;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
CHANGED
|
@@ -1048,11 +1048,29 @@ function FieldShell({
|
|
|
1048
1048
|
full = true,
|
|
1049
1049
|
htmlFor,
|
|
1050
1050
|
testId,
|
|
1051
|
+
uppercaseLabel = false,
|
|
1051
1052
|
children
|
|
1052
1053
|
}) {
|
|
1053
1054
|
const errorNode = fieldErrorNode(error2);
|
|
1054
1055
|
const errored = hasFieldError(error2);
|
|
1055
|
-
const
|
|
1056
|
+
const labelStyle = uppercaseLabel ? {
|
|
1057
|
+
fontSize: 10.5,
|
|
1058
|
+
color: "var(--ink-3)",
|
|
1059
|
+
fontWeight: 600,
|
|
1060
|
+
letterSpacing: "0.06em",
|
|
1061
|
+
textTransform: "uppercase",
|
|
1062
|
+
display: "inline-flex",
|
|
1063
|
+
alignItems: "center",
|
|
1064
|
+
gap: 4
|
|
1065
|
+
} : {
|
|
1066
|
+
fontSize: 11.5,
|
|
1067
|
+
color: "var(--ink-2)",
|
|
1068
|
+
fontWeight: 500,
|
|
1069
|
+
display: "inline-flex",
|
|
1070
|
+
alignItems: "center",
|
|
1071
|
+
gap: 4
|
|
1072
|
+
};
|
|
1073
|
+
const labelText = label ? /* @__PURE__ */ jsxRuntime.jsxs("span", { style: labelStyle, children: [
|
|
1056
1074
|
label,
|
|
1057
1075
|
required ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "var(--danger)" }, children: "*" }) : null
|
|
1058
1076
|
] }) : null;
|
|
@@ -12531,6 +12549,8 @@ function DateInput({
|
|
|
12531
12549
|
const selected = parseDate(value);
|
|
12532
12550
|
const minDate = parseDate(min2 ?? null);
|
|
12533
12551
|
const maxDate = parseDate(max2 ?? null);
|
|
12552
|
+
const captionEnd = maxDate ?? /* @__PURE__ */ new Date();
|
|
12553
|
+
const captionStart = minDate ?? new Date(captionEnd.getFullYear() - 120, 0, 1);
|
|
12534
12554
|
const [month, setMonth2] = React.useState(() => parseDate(value) ?? /* @__PURE__ */ new Date());
|
|
12535
12555
|
const [lastValue, setLastValue] = React.useState(value);
|
|
12536
12556
|
if (value !== lastValue) {
|
|
@@ -12632,6 +12652,9 @@ function DateInput({
|
|
|
12632
12652
|
onSelect: handleSelect,
|
|
12633
12653
|
disabled: disabledMatcher,
|
|
12634
12654
|
showOutsideDays: true,
|
|
12655
|
+
captionLayout: "dropdown",
|
|
12656
|
+
startMonth: captionStart,
|
|
12657
|
+
endMonth: captionEnd,
|
|
12635
12658
|
style: RDP_STYLE,
|
|
12636
12659
|
components: {
|
|
12637
12660
|
Chevron: ({ orientation }) => /* @__PURE__ */ jsxRuntime.jsx(
|