@yahoo/uds-mobile 2.22.0 → 2.23.1

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.
Files changed (88) hide show
  1. package/dist/bin/automated-config/dist/generated/generatedConfigs.mjs +3127 -452
  2. package/dist/bin/uds-mobile.mjs +7 -7
  3. package/dist/components/Select/Select.cjs +194 -0
  4. package/dist/components/Select/Select.d.cts +47 -0
  5. package/dist/components/Select/Select.d.cts.map +1 -0
  6. package/dist/components/Select/Select.d.ts +47 -0
  7. package/dist/components/Select/Select.d.ts.map +1 -0
  8. package/dist/components/Select/Select.js +194 -0
  9. package/dist/components/Select/Select.js.map +1 -0
  10. package/dist/components/Select/SelectContent.cjs +148 -0
  11. package/dist/components/Select/SelectContent.d.cts +31 -0
  12. package/dist/components/Select/SelectContent.d.cts.map +1 -0
  13. package/dist/components/Select/SelectContent.d.ts +31 -0
  14. package/dist/components/Select/SelectContent.d.ts.map +1 -0
  15. package/dist/components/Select/SelectContent.js +147 -0
  16. package/dist/components/Select/SelectContent.js.map +1 -0
  17. package/dist/components/Select/SelectItem.cjs +138 -0
  18. package/dist/components/Select/SelectItem.d.cts +24 -0
  19. package/dist/components/Select/SelectItem.d.cts.map +1 -0
  20. package/dist/components/Select/SelectItem.d.ts +24 -0
  21. package/dist/components/Select/SelectItem.d.ts.map +1 -0
  22. package/dist/components/Select/SelectItem.js +137 -0
  23. package/dist/components/Select/SelectItem.js.map +1 -0
  24. package/dist/components/Select/SelectTrigger.cjs +140 -0
  25. package/dist/components/Select/SelectTrigger.d.cts +13 -0
  26. package/dist/components/Select/SelectTrigger.d.cts.map +1 -0
  27. package/dist/components/Select/SelectTrigger.d.ts +13 -0
  28. package/dist/components/Select/SelectTrigger.d.ts.map +1 -0
  29. package/dist/components/Select/SelectTrigger.js +139 -0
  30. package/dist/components/Select/SelectTrigger.js.map +1 -0
  31. package/dist/components/Select/index.cjs +8 -0
  32. package/dist/components/Select/index.d.cts +5 -0
  33. package/dist/components/Select/index.d.ts +5 -0
  34. package/dist/components/Select/index.js +5 -0
  35. package/dist/components/Select/selectContext.cjs +22 -0
  36. package/dist/components/Select/selectContext.d.cts +12 -0
  37. package/dist/components/Select/selectContext.d.cts.map +1 -0
  38. package/dist/components/Select/selectContext.d.ts +12 -0
  39. package/dist/components/Select/selectContext.d.ts.map +1 -0
  40. package/dist/components/Select/selectContext.js +19 -0
  41. package/dist/components/Select/selectContext.js.map +1 -0
  42. package/dist/components/Select/selectItemTheme.cjs +39 -0
  43. package/dist/components/Select/selectItemTheme.d.cts +19 -0
  44. package/dist/components/Select/selectItemTheme.d.cts.map +1 -0
  45. package/dist/components/Select/selectItemTheme.d.ts +19 -0
  46. package/dist/components/Select/selectItemTheme.d.ts.map +1 -0
  47. package/dist/components/Select/selectItemTheme.js +39 -0
  48. package/dist/components/Select/selectItemTheme.js.map +1 -0
  49. package/dist/components/Select/types.cjs +1 -0
  50. package/dist/components/Select/types.d.cts +43 -0
  51. package/dist/components/Select/types.d.cts.map +1 -0
  52. package/dist/components/Select/types.d.ts +43 -0
  53. package/dist/components/Select/types.d.ts.map +1 -0
  54. package/dist/components/Select/types.js +1 -0
  55. package/dist/components/Text.cjs +15 -3
  56. package/dist/components/Text.d.cts +2 -2
  57. package/dist/components/Text.d.cts.map +1 -1
  58. package/dist/components/Text.d.ts +2 -2
  59. package/dist/components/Text.d.ts.map +1 -1
  60. package/dist/components/Text.js +15 -3
  61. package/dist/components/Text.js.map +1 -1
  62. package/dist/components/internal/Overlay/index.cjs +2 -0
  63. package/dist/components/internal/Overlay/index.d.cts +2 -1
  64. package/dist/components/internal/Overlay/index.d.ts +2 -1
  65. package/dist/components/internal/Overlay/index.js +2 -1
  66. package/dist/components/internal/Overlay/measureTrigger.cjs +35 -0
  67. package/dist/components/internal/Overlay/measureTrigger.d.cts +9 -0
  68. package/dist/components/internal/Overlay/measureTrigger.d.cts.map +1 -0
  69. package/dist/components/internal/Overlay/measureTrigger.d.ts +9 -0
  70. package/dist/components/internal/Overlay/measureTrigger.d.ts.map +1 -0
  71. package/dist/components/internal/Overlay/measureTrigger.js +36 -0
  72. package/dist/components/internal/Overlay/measureTrigger.js.map +1 -0
  73. package/dist/jest/mocks/styles.cjs +47 -1
  74. package/dist/jest/mocks/styles.d.cts +5 -2
  75. package/dist/jest/mocks/styles.d.cts.map +1 -1
  76. package/dist/jest/mocks/styles.d.ts +5 -2
  77. package/dist/jest/mocks/styles.d.ts.map +1 -1
  78. package/dist/jest/mocks/styles.js +45 -2
  79. package/dist/jest/mocks/styles.js.map +1 -1
  80. package/dist/types/dist/index.d.cts +28 -1
  81. package/dist/types/dist/index.d.cts.map +1 -1
  82. package/dist/types/dist/index.d.ts +28 -1
  83. package/dist/types/dist/index.d.ts.map +1 -1
  84. package/generated/styles.cjs +125 -0
  85. package/generated/styles.d.ts +39 -0
  86. package/generated/styles.mjs +125 -0
  87. package/generated/unistyles.d.ts +108 -8
  88. package/package.json +11 -1
@@ -0,0 +1,43 @@
1
+
2
+ import { InputSize } from "../../types/dist/index.js";
3
+ import { AnchoredRect } from "../internal/Overlay/types.js";
4
+ import { RefObject } from "react";
5
+ import { View } from "react-native";
6
+
7
+ //#region src/components/Select/types.d.ts
8
+ type SelectContentSize = 'default';
9
+ type SelectContentVariant = 'default';
10
+ type SelectItemSize = 'default';
11
+ type SelectItemVariant = 'default';
12
+ interface SelectFieldContextValue {
13
+ size: InputSize;
14
+ disabled?: boolean;
15
+ readOnly?: boolean;
16
+ required?: boolean;
17
+ hasError?: boolean;
18
+ width: number | `${number}%` | '100%';
19
+ reduceMotion?: boolean;
20
+ placeholder?: string;
21
+ uid: string;
22
+ }
23
+ interface SelectContextValue {
24
+ value: string;
25
+ setValue: (value: string) => void;
26
+ open: boolean;
27
+ setOpen: (open: boolean) => void;
28
+ triggerRef: RefObject<View | null>;
29
+ triggerRect: AnchoredRect | null;
30
+ setTriggerRect: (rect: AnchoredRect | null) => void;
31
+ registerItem: (value: string, label: string) => void;
32
+ unregisterItem: (value: string) => void;
33
+ getItemLabel: (value: string) => string | undefined;
34
+ highlightedValue: string | null;
35
+ setHighlightedValue: (value: string | null) => void;
36
+ field: SelectFieldContextValue;
37
+ reduceMotion: boolean;
38
+ }
39
+ type SelectItemInteractionState = 'rest' | 'pressed' | 'focused';
40
+ type SelectItemLayer = 'root' | 'text' | 'endIcon';
41
+ //#endregion
42
+ export { SelectContentSize, SelectContentVariant, SelectContextValue, SelectFieldContextValue, SelectItemInteractionState, SelectItemLayer, SelectItemSize, SelectItemVariant };
43
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/components/Select/types.ts"],"mappings":";;;;;;;KAMY,iBAAA;AAAA,KACA,oBAAA;AAAA,KACA,cAAA;AAAA,KACA,iBAAA;AAAA,UAEK,uBAAA;EACf,IAAA,EAAM,SAAA;EACN,QAAA;EACA,QAAA;EACA,QAAA;EACA,QAAA;EACA,KAAA;EACA,YAAA;EACA,WAAA;EACA,GAAA;AAAA;AAAA,UAGe,kBAAA;EACf,KAAA;EACA,QAAA,GAAW,KAAA;EACX,IAAA;EACA,OAAA,GAAU,IAAA;EACV,UAAA,EAAY,SAAA,CAAU,IAAA;EACtB,WAAA,EAAa,YAAA;EACb,cAAA,GAAiB,IAAA,EAAM,YAAA;EACvB,YAAA,GAAe,KAAA,UAAe,KAAA;EAC9B,cAAA,GAAiB,KAAA;EACjB,YAAA,GAAe,KAAA;EACf,gBAAA;EACA,mBAAA,GAAsB,KAAA;EACtB,KAAA,EAAO,uBAAA;EACP,YAAA;AAAA;AAAA,KAGU,0BAAA;AAAA,KAEA,eAAA"}
@@ -0,0 +1 @@
1
+ /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
@@ -6,6 +6,17 @@ let react_native = require("react-native");
6
6
  let react_jsx_runtime = require("react/jsx-runtime");
7
7
  let generated_styles = require("../../generated/styles");
8
8
  //#region src/components/Text.tsx
9
+ const CJK_RE = /[\u1100-\u11FF\u2E80-\u303F\u3040-\u30FF\u31C0-\u9FFF\uAC00-\uD7AF\uF900-\uFAFF\uFF00-\uFFEF]/;
10
+ /**
11
+ * Detects CJK characters in string children (including strings inside a
12
+ * children array, e.g. from `{city}` interpolation). Nested elements are not
13
+ * inspected - a nested <Text> runs its own detection.
14
+ */
15
+ function hasCJKContent(children) {
16
+ if (typeof children === "string") return CJK_RE.test(children);
17
+ if (Array.isArray(children)) return children.some((child) => typeof child === "string" && CJK_RE.test(child));
18
+ return false;
19
+ }
9
20
  /**
10
21
  * **📝 A text component with UDS styling**
11
22
  *
@@ -36,12 +47,12 @@ let generated_styles = require("../../generated/styles");
36
47
  *
37
48
  * @see {@link Link} for interactive text links
38
49
  */
39
- const Text = (0, react.memo)(function Text({ color = "primary", variant = "body1", fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, textAlign, textTransform, textDecorationLine, style, backgroundColor, borderRadius, borderTopStartRadius, borderTopEndRadius, borderBottomStartRadius, borderBottomEndRadius, borderColor, borderStartColor, borderEndColor, borderTopColor, borderBottomColor, borderWidth, borderVerticalWidth, borderHorizontalWidth, borderStartWidth, borderEndWidth, borderTopWidth, borderBottomWidth, spacing, spacingHorizontal, spacingVertical, spacingBottom, spacingEnd, spacingStart, spacingTop, offset, offsetVertical, offsetHorizontal, offsetBottom, offsetEnd, offsetStart, offsetTop, flexShrink, verticalAlign, height, minHeight, maxHeight, width, minWidth, maxWidth, dangerouslySetColor, ref, ...props }) {
50
+ const Text = (0, react.memo)(function Text({ color = "primary", variant = "body1", fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, textAlign, textTransform, textDecorationLine, style, backgroundColor, borderRadius, borderTopStartRadius, borderTopEndRadius, borderBottomStartRadius, borderBottomEndRadius, borderColor, borderStartColor, borderEndColor, borderTopColor, borderBottomColor, borderWidth, borderVerticalWidth, borderHorizontalWidth, borderStartWidth, borderEndWidth, borderTopWidth, borderBottomWidth, spacing, spacingHorizontal, spacingVertical, spacingBottom, spacingEnd, spacingStart, spacingTop, offset, offsetVertical, offsetHorizontal, offsetBottom, offsetEnd, offsetStart, offsetTop, flexShrink, verticalAlign, height, minHeight, maxHeight, width, minWidth, maxWidth, dangerouslySetColor, ref, children, ...props }) {
40
51
  const resolvedColor = color === "inherit" ? void 0 : color;
41
52
  const resolvedVariant = variant === "inherit" ? void 0 : variant;
42
53
  const resolvedFontFamily = fontFamily ?? resolvedVariant;
43
54
  const resolvedFontSize = fontSize ?? resolvedVariant;
44
- const resolvedLineHeight = lineHeight ?? resolvedVariant;
55
+ const resolvedLineHeight = lineHeight === "none" ? void 0 : lineHeight ?? (hasCJKContent(children) ? void 0 : resolvedVariant);
45
56
  const resolvedLetterSpacing = letterSpacing ?? resolvedVariant;
46
57
  generated_styles.styles.useVariants({
47
58
  color: resolvedColor,
@@ -113,7 +124,8 @@ const Text = (0, react.memo)(function Text({ color = "primary", variant = "body1
113
124
  style,
114
125
  generated_styles.styles.foundation
115
126
  ]),
116
- ...props
127
+ ...props,
128
+ children
117
129
  });
118
130
  });
119
131
  Text.displayName = "Text";
@@ -21,8 +21,8 @@ interface TextProps extends TextProps$1 {
21
21
  fontSize?: StyleProps['fontSize'];
22
22
  /** Set font weight (not derived from variant) */
23
23
  fontWeight?: StyleProps['fontWeight'];
24
- /** Override the lineHeight independently */
25
- lineHeight?: StyleProps['lineHeight'];
24
+ /** Override the lineHeight independently. Use 'none' to remove the variant lineHeight and let the font's natural line height apply */
25
+ lineHeight?: StyleProps['lineHeight'] | 'none';
26
26
  /** Override the letterSpacing independently */
27
27
  letterSpacing?: StyleProps['letterSpacing'];
28
28
  /** Text alignment (left, center, right) */
@@ -1 +1 @@
1
- {"version":3,"file":"Text.d.cts","names":[],"sources":["../../src/components/Text.tsx"],"mappings":";;;;;;;KASK,WAAA,GAAc,OAAA,CACjB,UAAA;AAAA,KAGG,eAAA,GAAkB,WAAA;AAAA,KAIlB,kBAAA;AAAA,UAEK,SAAA,SAAkB,WAAA;;EAE1B,GAAA,GAAM,GAAA,CAAI,MAAA;EAXA;EAaV,KAAA,GAAQ,UAAA;EAVU;EAYlB,OAAA,GAAU,eAAA;EAZW;EAcrB,UAAA,GAAa,UAAA;EAVV;EAYH,QAAA,GAAW,UAAA;;EAEX,UAAA,GAAa,UAAA;EAdQ;EAgBrB,UAAA,GAAa,UAAA;EAdK;EAgBlB,aAAA,GAAgB,UAAA;EAdN;EAgBV,SAAA,GAAY,UAAA;EAdJ;EAgBR,aAAA,GAAgB,UAAA;EAZH;EAcb,kBAAA,GAAqB,kBAAA;EAErB,eAAA,GAAkB,UAAA;EAElB,YAAA,GAAe,UAAA;EACf,oBAAA,GAAuB,UAAA;EACvB,kBAAA,GAAqB,UAAA;EACrB,uBAAA,GAA0B,UAAA;EAC1B,qBAAA,GAAwB,UAAA;EACxB,WAAA,GAAc,UAAA;EACd,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EACpB,WAAA,GAAc,UAAA;EACd,mBAAA,GAAsB,UAAA;EACtB,qBAAA,GAAwB,UAAA;EACxB,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EAEpB,OAAA,GAAU,UAAA;EACV,iBAAA,GAAoB,UAAA;EACpB,eAAA,GAAkB,UAAA;EAClB,aAAA,GAAgB,UAAA;EAChB,UAAA,GAAa,UAAA;EACb,YAAA,GAAe,UAAA;EACf,UAAA,GAAa,UAAA;EAEb,MAAA,GAAS,UAAA;EACT,cAAA,GAAiB,UAAA;EACjB,gBAAA,GAAmB,UAAA;EACnB,YAAA,GAAe,UAAA;EACf,SAAA,GAAY,UAAA;EACZ,WAAA,GAAc,UAAA;EACd,SAAA,GAAY,UAAA;EAEZ,UAAA,GAAa,UAAA;EAEb,aAAA,GAAgB,SAAA;EAEhB,MAAA;EACA,KAAA;EACA,SAAA;EACA,SAAA;EACA,QAAA;EACA,QAAA;EAEA,mBAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAiCI,IAAA,EAAI,OAAA,CAAA,oBAAA,CAAA,SAAA"}
1
+ {"version":3,"file":"Text.d.cts","names":[],"sources":["../../src/components/Text.tsx"],"mappings":";;;;;;;KASK,WAAA,GAAc,OAAA,CACjB,UAAA;AAAA,KAGG,eAAA,GAAkB,WAAA;AAAA,KAIlB,kBAAA;AAAA,UAuBK,SAAA,SAAkB,WAAA;;EAE1B,GAAA,GAAM,GAAA,CAAI,MAAA;EAhCA;EAkCV,KAAA,GAAQ,UAAA;EA/BU;EAiClB,OAAA,GAAU,eAAA;EAjCW;EAmCrB,UAAA,GAAa,UAAA;EA/BV;EAiCH,QAAA,GAAW,UAAA;;EAEX,UAAA,GAAa,UAAA;EAnCQ;EAqCrB,UAAA,GAAa,UAAA;EAdK;EAgBlB,aAAA,GAAgB,UAAA;EAdN;EAgBV,SAAA,GAAY,UAAA;EAdJ;EAgBR,aAAA,GAAgB,UAAA;EAZH;EAcb,kBAAA,GAAqB,kBAAA;EAErB,eAAA,GAAkB,UAAA;EAElB,YAAA,GAAe,UAAA;EACf,oBAAA,GAAuB,UAAA;EACvB,kBAAA,GAAqB,UAAA;EACrB,uBAAA,GAA0B,UAAA;EAC1B,qBAAA,GAAwB,UAAA;EACxB,WAAA,GAAc,UAAA;EACd,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EACpB,WAAA,GAAc,UAAA;EACd,mBAAA,GAAsB,UAAA;EACtB,qBAAA,GAAwB,UAAA;EACxB,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EAEpB,OAAA,GAAU,UAAA;EACV,iBAAA,GAAoB,UAAA;EACpB,eAAA,GAAkB,UAAA;EAClB,aAAA,GAAgB,UAAA;EAChB,UAAA,GAAa,UAAA;EACb,YAAA,GAAe,UAAA;EACf,UAAA,GAAa,UAAA;EAEb,MAAA,GAAS,UAAA;EACT,cAAA,GAAiB,UAAA;EACjB,gBAAA,GAAmB,UAAA;EACnB,YAAA,GAAe,UAAA;EACf,SAAA,GAAY,UAAA;EACZ,WAAA,GAAc,UAAA;EACd,SAAA,GAAY,UAAA;EAEZ,UAAA,GAAa,UAAA;EAEb,aAAA,GAAgB,SAAA;EAEhB,MAAA;EACA,KAAA;EACA,SAAA;EACA,SAAA;EACA,QAAA;EACA,QAAA;EAEA,mBAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAiCI,IAAA,EAAI,OAAA,CAAA,oBAAA,CAAA,SAAA"}
@@ -21,8 +21,8 @@ interface TextProps extends TextProps$1 {
21
21
  fontSize?: StyleProps['fontSize'];
22
22
  /** Set font weight (not derived from variant) */
23
23
  fontWeight?: StyleProps['fontWeight'];
24
- /** Override the lineHeight independently */
25
- lineHeight?: StyleProps['lineHeight'];
24
+ /** Override the lineHeight independently. Use 'none' to remove the variant lineHeight and let the font's natural line height apply */
25
+ lineHeight?: StyleProps['lineHeight'] | 'none';
26
26
  /** Override the letterSpacing independently */
27
27
  letterSpacing?: StyleProps['letterSpacing'];
28
28
  /** Text alignment (left, center, right) */
@@ -1 +1 @@
1
- {"version":3,"file":"Text.d.ts","names":[],"sources":["../../src/components/Text.tsx"],"mappings":";;;;;;;KASK,WAAA,GAAc,OAAA,CACjB,UAAA;AAAA,KAGG,eAAA,GAAkB,WAAA;AAAA,KAIlB,kBAAA;AAAA,UAEK,SAAA,SAAkB,WAAA;;EAE1B,GAAA,GAAM,GAAA,CAAI,MAAA;EAXA;EAaV,KAAA,GAAQ,UAAA;EAVU;EAYlB,OAAA,GAAU,eAAA;EAZW;EAcrB,UAAA,GAAa,UAAA;EAVV;EAYH,QAAA,GAAW,UAAA;;EAEX,UAAA,GAAa,UAAA;EAdQ;EAgBrB,UAAA,GAAa,UAAA;EAdK;EAgBlB,aAAA,GAAgB,UAAA;EAdN;EAgBV,SAAA,GAAY,UAAA;EAdJ;EAgBR,aAAA,GAAgB,UAAA;EAZH;EAcb,kBAAA,GAAqB,kBAAA;EAErB,eAAA,GAAkB,UAAA;EAElB,YAAA,GAAe,UAAA;EACf,oBAAA,GAAuB,UAAA;EACvB,kBAAA,GAAqB,UAAA;EACrB,uBAAA,GAA0B,UAAA;EAC1B,qBAAA,GAAwB,UAAA;EACxB,WAAA,GAAc,UAAA;EACd,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EACpB,WAAA,GAAc,UAAA;EACd,mBAAA,GAAsB,UAAA;EACtB,qBAAA,GAAwB,UAAA;EACxB,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EAEpB,OAAA,GAAU,UAAA;EACV,iBAAA,GAAoB,UAAA;EACpB,eAAA,GAAkB,UAAA;EAClB,aAAA,GAAgB,UAAA;EAChB,UAAA,GAAa,UAAA;EACb,YAAA,GAAe,UAAA;EACf,UAAA,GAAa,UAAA;EAEb,MAAA,GAAS,UAAA;EACT,cAAA,GAAiB,UAAA;EACjB,gBAAA,GAAmB,UAAA;EACnB,YAAA,GAAe,UAAA;EACf,SAAA,GAAY,UAAA;EACZ,WAAA,GAAc,UAAA;EACd,SAAA,GAAY,UAAA;EAEZ,UAAA,GAAa,UAAA;EAEb,aAAA,GAAgB,SAAA;EAEhB,MAAA;EACA,KAAA;EACA,SAAA;EACA,SAAA;EACA,QAAA;EACA,QAAA;EAEA,mBAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAiCI,IAAA,EAAI,OAAA,CAAA,oBAAA,CAAA,SAAA"}
1
+ {"version":3,"file":"Text.d.ts","names":[],"sources":["../../src/components/Text.tsx"],"mappings":";;;;;;;KASK,WAAA,GAAc,OAAA,CACjB,UAAA;AAAA,KAGG,eAAA,GAAkB,WAAA;AAAA,KAIlB,kBAAA;AAAA,UAuBK,SAAA,SAAkB,WAAA;;EAE1B,GAAA,GAAM,GAAA,CAAI,MAAA;EAhCA;EAkCV,KAAA,GAAQ,UAAA;EA/BU;EAiClB,OAAA,GAAU,eAAA;EAjCW;EAmCrB,UAAA,GAAa,UAAA;EA/BV;EAiCH,QAAA,GAAW,UAAA;;EAEX,UAAA,GAAa,UAAA;EAnCQ;EAqCrB,UAAA,GAAa,UAAA;EAdK;EAgBlB,aAAA,GAAgB,UAAA;EAdN;EAgBV,SAAA,GAAY,UAAA;EAdJ;EAgBR,aAAA,GAAgB,UAAA;EAZH;EAcb,kBAAA,GAAqB,kBAAA;EAErB,eAAA,GAAkB,UAAA;EAElB,YAAA,GAAe,UAAA;EACf,oBAAA,GAAuB,UAAA;EACvB,kBAAA,GAAqB,UAAA;EACrB,uBAAA,GAA0B,UAAA;EAC1B,qBAAA,GAAwB,UAAA;EACxB,WAAA,GAAc,UAAA;EACd,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EACpB,WAAA,GAAc,UAAA;EACd,mBAAA,GAAsB,UAAA;EACtB,qBAAA,GAAwB,UAAA;EACxB,gBAAA,GAAmB,UAAA;EACnB,cAAA,GAAiB,UAAA;EACjB,cAAA,GAAiB,UAAA;EACjB,iBAAA,GAAoB,UAAA;EAEpB,OAAA,GAAU,UAAA;EACV,iBAAA,GAAoB,UAAA;EACpB,eAAA,GAAkB,UAAA;EAClB,aAAA,GAAgB,UAAA;EAChB,UAAA,GAAa,UAAA;EACb,YAAA,GAAe,UAAA;EACf,UAAA,GAAa,UAAA;EAEb,MAAA,GAAS,UAAA;EACT,cAAA,GAAiB,UAAA;EACjB,gBAAA,GAAmB,UAAA;EACnB,YAAA,GAAe,UAAA;EACf,SAAA,GAAY,UAAA;EACZ,WAAA,GAAc,UAAA;EACd,SAAA,GAAY,UAAA;EAEZ,UAAA,GAAa,UAAA;EAEb,aAAA,GAAgB,SAAA;EAEhB,MAAA;EACA,KAAA;EACA,SAAA;EACA,SAAA;EACA,QAAA;EACA,QAAA;EAEA,mBAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAiCI,IAAA,EAAI,OAAA,CAAA,oBAAA,CAAA,SAAA"}
@@ -4,6 +4,17 @@ import { Text as Text$1 } from "react-native";
4
4
  import { jsx } from "react/jsx-runtime";
5
5
  import { styles } from "../../generated/styles";
6
6
  //#region src/components/Text.tsx
7
+ const CJK_RE = /[\u1100-\u11FF\u2E80-\u303F\u3040-\u30FF\u31C0-\u9FFF\uAC00-\uD7AF\uF900-\uFAFF\uFF00-\uFFEF]/;
8
+ /**
9
+ * Detects CJK characters in string children (including strings inside a
10
+ * children array, e.g. from `{city}` interpolation). Nested elements are not
11
+ * inspected - a nested <Text> runs its own detection.
12
+ */
13
+ function hasCJKContent(children) {
14
+ if (typeof children === "string") return CJK_RE.test(children);
15
+ if (Array.isArray(children)) return children.some((child) => typeof child === "string" && CJK_RE.test(child));
16
+ return false;
17
+ }
7
18
  /**
8
19
  * **📝 A text component with UDS styling**
9
20
  *
@@ -34,12 +45,12 @@ import { styles } from "../../generated/styles";
34
45
  *
35
46
  * @see {@link Link} for interactive text links
36
47
  */
37
- const Text = memo(function Text({ color = "primary", variant = "body1", fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, textAlign, textTransform, textDecorationLine, style, backgroundColor, borderRadius, borderTopStartRadius, borderTopEndRadius, borderBottomStartRadius, borderBottomEndRadius, borderColor, borderStartColor, borderEndColor, borderTopColor, borderBottomColor, borderWidth, borderVerticalWidth, borderHorizontalWidth, borderStartWidth, borderEndWidth, borderTopWidth, borderBottomWidth, spacing, spacingHorizontal, spacingVertical, spacingBottom, spacingEnd, spacingStart, spacingTop, offset, offsetVertical, offsetHorizontal, offsetBottom, offsetEnd, offsetStart, offsetTop, flexShrink, verticalAlign, height, minHeight, maxHeight, width, minWidth, maxWidth, dangerouslySetColor, ref, ...props }) {
48
+ const Text = memo(function Text({ color = "primary", variant = "body1", fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, textAlign, textTransform, textDecorationLine, style, backgroundColor, borderRadius, borderTopStartRadius, borderTopEndRadius, borderBottomStartRadius, borderBottomEndRadius, borderColor, borderStartColor, borderEndColor, borderTopColor, borderBottomColor, borderWidth, borderVerticalWidth, borderHorizontalWidth, borderStartWidth, borderEndWidth, borderTopWidth, borderBottomWidth, spacing, spacingHorizontal, spacingVertical, spacingBottom, spacingEnd, spacingStart, spacingTop, offset, offsetVertical, offsetHorizontal, offsetBottom, offsetEnd, offsetStart, offsetTop, flexShrink, verticalAlign, height, minHeight, maxHeight, width, minWidth, maxWidth, dangerouslySetColor, ref, children, ...props }) {
38
49
  const resolvedColor = color === "inherit" ? void 0 : color;
39
50
  const resolvedVariant = variant === "inherit" ? void 0 : variant;
40
51
  const resolvedFontFamily = fontFamily ?? resolvedVariant;
41
52
  const resolvedFontSize = fontSize ?? resolvedVariant;
42
- const resolvedLineHeight = lineHeight ?? resolvedVariant;
53
+ const resolvedLineHeight = lineHeight === "none" ? void 0 : lineHeight ?? (hasCJKContent(children) ? void 0 : resolvedVariant);
43
54
  const resolvedLetterSpacing = letterSpacing ?? resolvedVariant;
44
55
  styles.useVariants({
45
56
  color: resolvedColor,
@@ -111,7 +122,8 @@ const Text = memo(function Text({ color = "primary", variant = "body1", fontFami
111
122
  style,
112
123
  styles.foundation
113
124
  ]),
114
- ...props
125
+ ...props,
126
+ children
115
127
  });
116
128
  });
117
129
  Text.displayName = "Text";
@@ -1 +1 @@
1
- {"version":3,"file":"Text.js","names":["RNText"],"sources":["../../src/components/Text.tsx"],"sourcesContent":["import type { Ref } from 'react';\nimport { memo, useMemo } from 'react';\nimport type { StyleProp, TextProps as RNTextProps, TextStyle } from 'react-native';\nimport { Text as RNText } from 'react-native';\n\nimport type { StyleProps } from '../../generated/styles';\nimport { styles } from '../../generated/styles';\n\n// TextVariant is a subset of fontFamily that represents typography variants\ntype TextVariant = Exclude<\n StyleProps['fontFamily'],\n 'sans' | 'sans-alt' | 'serif' | 'serif-alt' | 'mono' | 'icons'\n>;\ntype TextVariantProp = TextVariant | 'inherit';\n\n// React Native text decoration line values\n// See: https://reactnative.dev/docs/text-style-props#textdecorationline\ntype TextDecorationLine = 'none' | 'underline' | 'line-through' | 'underline line-through';\n\ninterface TextProps extends RNTextProps {\n /** Ref to the underlying Text element */\n ref?: Ref<RNText>;\n /** Text color from the theme palette */\n color?: StyleProps['color'] | 'inherit';\n /** Typography variant - sets fontSize, lineHeight, letterSpacing, and fontFamily together */\n variant?: TextVariantProp;\n /** Override the fontFamily independently */\n fontFamily?: StyleProps['fontFamily'];\n /** Override the fontSize independently */\n fontSize?: StyleProps['fontSize'];\n /** Set font weight (not derived from variant) */\n fontWeight?: StyleProps['fontWeight'];\n /** Override the lineHeight independently */\n lineHeight?: StyleProps['lineHeight'];\n /** Override the letterSpacing independently */\n letterSpacing?: StyleProps['letterSpacing'];\n /** Text alignment (left, center, right) */\n textAlign?: StyleProps['textAlign'];\n /** Set text transform (not derived from variant) */\n textTransform?: StyleProps['textTransform'];\n /** Text decoration (underline, line-through, etc.) */\n textDecorationLine?: TextDecorationLine;\n // Background\n backgroundColor?: StyleProps['backgroundColor'];\n // Border\n borderRadius?: StyleProps['borderRadius'];\n borderTopStartRadius?: StyleProps['borderTopStartRadius'];\n borderTopEndRadius?: StyleProps['borderTopEndRadius'];\n borderBottomStartRadius?: StyleProps['borderBottomStartRadius'];\n borderBottomEndRadius?: StyleProps['borderBottomEndRadius'];\n borderColor?: StyleProps['borderColor'];\n borderStartColor?: StyleProps['borderStartColor'];\n borderEndColor?: StyleProps['borderEndColor'];\n borderTopColor?: StyleProps['borderTopColor'];\n borderBottomColor?: StyleProps['borderBottomColor'];\n borderWidth?: StyleProps['borderWidth'];\n borderVerticalWidth?: StyleProps['borderVerticalWidth'];\n borderHorizontalWidth?: StyleProps['borderHorizontalWidth'];\n borderStartWidth?: StyleProps['borderStartWidth'];\n borderEndWidth?: StyleProps['borderEndWidth'];\n borderTopWidth?: StyleProps['borderTopWidth'];\n borderBottomWidth?: StyleProps['borderBottomWidth'];\n // Spacing\n spacing?: StyleProps['spacing'];\n spacingHorizontal?: StyleProps['spacingHorizontal'];\n spacingVertical?: StyleProps['spacingVertical'];\n spacingBottom?: StyleProps['spacingBottom'];\n spacingEnd?: StyleProps['spacingEnd'];\n spacingStart?: StyleProps['spacingStart'];\n spacingTop?: StyleProps['spacingTop'];\n // Offset\n offset?: StyleProps['offset'];\n offsetVertical?: StyleProps['offsetVertical'];\n offsetHorizontal?: StyleProps['offsetHorizontal'];\n offsetBottom?: StyleProps['offsetBottom'];\n offsetEnd?: StyleProps['offsetEnd'];\n offsetStart?: StyleProps['offsetStart'];\n offsetTop?: StyleProps['offsetTop'];\n // Flex\n flexShrink?: StyleProps['flexShrink'];\n // Vertical Alignment\n verticalAlign?: TextStyle['textAlignVertical'];\n // Size\n height?: number | `${number}%`;\n width?: number | `${number}%`;\n minHeight?: number | `${number}%`;\n maxHeight?: number | `${number}%`;\n minWidth?: number | `${number}%`;\n maxWidth?: number | `${number}%`;\n // Dangerously set props\n dangerouslySetColor?: string;\n}\n\n/**\n * **📝 A text component with UDS styling**\n *\n * @description\n * A styled text component that supports UDS typography variants and colors.\n *\n * @category Display\n * @platform mobile\n *\n * @example\n * ```tsx\n * import { Text } from '@yahoo/uds-mobile/Text';\n *\n * <Text variant=\"body1\" color=\"primary\">Hello, World!</Text>\n * <Text variant=\"display1\" fontWeight=\"bold\">Heading</Text>\n * <Text variant=\"label1\" color=\"secondary\">Caption text</Text>\n * ```\n *\n * @usage\n * - Use variant prop to set typography (display1, body1, label1, etc.)\n * - Use color prop to set text color from the palette\n * - Use fontWeight to override the variant's default weight\n *\n * @accessibility\n * - Text is readable by screen readers by default\n * - Use appropriate variant sizes for readability\n * - Ensure sufficient color contrast with background\n *\n * @see {@link Link} for interactive text links\n */\nconst Text = memo(function Text({\n // Text-specific\n color = 'primary',\n variant = 'body1',\n fontFamily,\n fontSize,\n fontWeight,\n lineHeight,\n letterSpacing,\n textAlign,\n textTransform,\n textDecorationLine,\n style,\n // Background\n backgroundColor,\n // Border\n borderRadius,\n borderTopStartRadius,\n borderTopEndRadius,\n borderBottomStartRadius,\n borderBottomEndRadius,\n borderColor,\n borderStartColor,\n borderEndColor,\n borderTopColor,\n borderBottomColor,\n borderWidth,\n borderVerticalWidth,\n borderHorizontalWidth,\n borderStartWidth,\n borderEndWidth,\n borderTopWidth,\n borderBottomWidth,\n // Spacing\n spacing,\n spacingHorizontal,\n spacingVertical,\n spacingBottom,\n spacingEnd,\n spacingStart,\n spacingTop,\n // Offset\n offset,\n offsetVertical,\n offsetHorizontal,\n offsetBottom,\n offsetEnd,\n offsetStart,\n offsetTop,\n // Flex\n flexShrink,\n // Vertical Alignment\n verticalAlign,\n // Size\n height,\n minHeight,\n maxHeight,\n width,\n minWidth,\n maxWidth,\n // Dangerously set props\n dangerouslySetColor,\n ref,\n // Rest\n ...props\n}: TextProps) {\n const resolvedColor = color === 'inherit' ? undefined : color;\n const resolvedVariant = variant === 'inherit' ? undefined : variant;\n const resolvedFontFamily = fontFamily ?? resolvedVariant;\n const resolvedFontSize = fontSize ?? resolvedVariant;\n const resolvedLineHeight = lineHeight ?? resolvedVariant;\n const resolvedLetterSpacing = letterSpacing ?? resolvedVariant;\n\n styles.useVariants({\n // Text styles\n color: resolvedColor,\n fontFamily: resolvedFontFamily,\n fontSize: resolvedFontSize,\n fontWeight,\n lineHeight: resolvedLineHeight,\n letterSpacing: resolvedLetterSpacing,\n textAlign,\n textTransform,\n // Background\n backgroundColor,\n // Border\n borderRadius,\n borderTopStartRadius,\n borderTopEndRadius,\n borderBottomStartRadius,\n borderBottomEndRadius,\n borderColor,\n borderStartColor,\n borderEndColor,\n borderTopColor,\n borderBottomColor,\n borderWidth,\n borderVerticalWidth,\n borderHorizontalWidth,\n borderStartWidth,\n borderEndWidth,\n borderTopWidth,\n borderBottomWidth,\n // Spacing\n spacing,\n spacingHorizontal,\n spacingVertical,\n spacingBottom,\n spacingEnd,\n spacingStart,\n spacingTop,\n // Offset\n offset,\n offsetVertical,\n offsetHorizontal,\n offsetBottom,\n offsetEnd,\n offsetStart,\n offsetTop,\n // Flex\n flexShrink,\n });\n\n // styles.foundation must be in deps - it returns a new reference when variants change.\n const computedStyle: StyleProp<TextStyle> = useMemo(\n () => [\n textDecorationLine ? { textDecorationLine } : undefined,\n dangerouslySetColor ? { color: dangerouslySetColor } : undefined,\n verticalAlign ? { textAlignVertical: verticalAlign } : undefined,\n height ? { height } : undefined,\n minHeight ? { minHeight } : undefined,\n maxHeight ? { maxHeight } : undefined,\n width ? { width } : undefined,\n minWidth ? { minWidth } : undefined,\n maxWidth ? { maxWidth } : undefined,\n styles.foundation,\n style,\n ],\n [\n textDecorationLine,\n dangerouslySetColor,\n verticalAlign,\n height,\n minHeight,\n maxHeight,\n width,\n minWidth,\n maxWidth,\n style,\n styles.foundation,\n ],\n );\n\n return <RNText ref={ref} style={computedStyle} {...props} />;\n});\n\nText.displayName = 'Text';\n\nexport { Text, type TextProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2HA,MAAM,OAAO,KAAK,SAAS,KAAK,EAE9B,QAAQ,WACR,UAAU,SACV,YACA,UACA,YACA,YACA,eACA,WACA,eACA,oBACA,OAEA,iBAEA,cACA,sBACA,oBACA,yBACA,uBACA,aACA,kBACA,gBACA,gBACA,mBACA,aACA,qBACA,uBACA,kBACA,gBACA,gBACA,mBAEA,SACA,mBACA,iBACA,eACA,YACA,cACA,YAEA,QACA,gBACA,kBACA,cACA,WACA,aACA,WAEA,YAEA,eAEA,QACA,WACA,WACA,OACA,UACA,UAEA,qBACA,KAEA,GAAG,SACS;CACZ,MAAM,gBAAgB,UAAU,YAAY,KAAA,IAAY;CACxD,MAAM,kBAAkB,YAAY,YAAY,KAAA,IAAY;CAC5D,MAAM,qBAAqB,cAAc;CACzC,MAAM,mBAAmB,YAAY;CACrC,MAAM,qBAAqB,cAAc;CACzC,MAAM,wBAAwB,iBAAiB;CAE/C,OAAO,YAAY;EAEjB,OAAO;EACP,YAAY;EACZ,UAAU;EACV;EACA,YAAY;EACZ,eAAe;EACf;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACD,CAAC;CAgCF,OAAO,oBAACA,QAAD;EAAa;EAAK,OA7BmB,cACpC;GACJ,qBAAqB,EAAE,oBAAoB,GAAG,KAAA;GAC9C,sBAAsB,EAAE,OAAO,qBAAqB,GAAG,KAAA;GACvD,gBAAgB,EAAE,mBAAmB,eAAe,GAAG,KAAA;GACvD,SAAS,EAAE,QAAQ,GAAG,KAAA;GACtB,YAAY,EAAE,WAAW,GAAG,KAAA;GAC5B,YAAY,EAAE,WAAW,GAAG,KAAA;GAC5B,QAAQ,EAAE,OAAO,GAAG,KAAA;GACpB,WAAW,EAAE,UAAU,GAAG,KAAA;GAC1B,WAAW,EAAE,UAAU,GAAG,KAAA;GAC1B,OAAO;GACP;GACD,EACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,OAAO;GACR,CAG0C;EAAE,GAAI;EAAS,CAAA;EAC5D;AAEF,KAAK,cAAc"}
1
+ {"version":3,"file":"Text.js","names":["RNText"],"sources":["../../src/components/Text.tsx"],"sourcesContent":["import type { ReactNode, Ref } from 'react';\nimport { memo, useMemo } from 'react';\nimport type { StyleProp, TextProps as RNTextProps, TextStyle } from 'react-native';\nimport { Text as RNText } from 'react-native';\n\nimport type { StyleProps } from '../../generated/styles';\nimport { styles } from '../../generated/styles';\n\n// TextVariant is a subset of fontFamily that represents typography variants\ntype TextVariant = Exclude<\n StyleProps['fontFamily'],\n 'sans' | 'sans-alt' | 'serif' | 'serif-alt' | 'mono' | 'icons'\n>;\ntype TextVariantProp = TextVariant | 'inherit';\n\n// React Native text decoration line values\n// See: https://reactnative.dev/docs/text-style-props#textdecorationline\ntype TextDecorationLine = 'none' | 'underline' | 'line-through' | 'underline line-through';\n\n// Chinese/Japanese/Korean scripts: Hangul Jamo, CJK radicals + punctuation,\n// Kana, Han ideographs, Hangul syllables, compatibility ideographs, and\n// full/half-width forms.\nconst CJK_RE =\n /[\\u1100-\\u11FF\\u2E80-\\u303F\\u3040-\\u30FF\\u31C0-\\u9FFF\\uAC00-\\uD7AF\\uF900-\\uFAFF\\uFF00-\\uFFEF]/;\n\n/**\n * Detects CJK characters in string children (including strings inside a\n * children array, e.g. from `{city}` interpolation). Nested elements are not\n * inspected - a nested <Text> runs its own detection.\n */\nfunction hasCJKContent(children: ReactNode): boolean {\n if (typeof children === 'string') {\n return CJK_RE.test(children);\n }\n if (Array.isArray(children)) {\n return children.some((child) => typeof child === 'string' && CJK_RE.test(child));\n }\n return false;\n}\n\ninterface TextProps extends RNTextProps {\n /** Ref to the underlying Text element */\n ref?: Ref<RNText>;\n /** Text color from the theme palette */\n color?: StyleProps['color'] | 'inherit';\n /** Typography variant - sets fontSize, lineHeight, letterSpacing, and fontFamily together */\n variant?: TextVariantProp;\n /** Override the fontFamily independently */\n fontFamily?: StyleProps['fontFamily'];\n /** Override the fontSize independently */\n fontSize?: StyleProps['fontSize'];\n /** Set font weight (not derived from variant) */\n fontWeight?: StyleProps['fontWeight'];\n /** Override the lineHeight independently. Use 'none' to remove the variant lineHeight and let the font's natural line height apply */\n lineHeight?: StyleProps['lineHeight'] | 'none';\n /** Override the letterSpacing independently */\n letterSpacing?: StyleProps['letterSpacing'];\n /** Text alignment (left, center, right) */\n textAlign?: StyleProps['textAlign'];\n /** Set text transform (not derived from variant) */\n textTransform?: StyleProps['textTransform'];\n /** Text decoration (underline, line-through, etc.) */\n textDecorationLine?: TextDecorationLine;\n // Background\n backgroundColor?: StyleProps['backgroundColor'];\n // Border\n borderRadius?: StyleProps['borderRadius'];\n borderTopStartRadius?: StyleProps['borderTopStartRadius'];\n borderTopEndRadius?: StyleProps['borderTopEndRadius'];\n borderBottomStartRadius?: StyleProps['borderBottomStartRadius'];\n borderBottomEndRadius?: StyleProps['borderBottomEndRadius'];\n borderColor?: StyleProps['borderColor'];\n borderStartColor?: StyleProps['borderStartColor'];\n borderEndColor?: StyleProps['borderEndColor'];\n borderTopColor?: StyleProps['borderTopColor'];\n borderBottomColor?: StyleProps['borderBottomColor'];\n borderWidth?: StyleProps['borderWidth'];\n borderVerticalWidth?: StyleProps['borderVerticalWidth'];\n borderHorizontalWidth?: StyleProps['borderHorizontalWidth'];\n borderStartWidth?: StyleProps['borderStartWidth'];\n borderEndWidth?: StyleProps['borderEndWidth'];\n borderTopWidth?: StyleProps['borderTopWidth'];\n borderBottomWidth?: StyleProps['borderBottomWidth'];\n // Spacing\n spacing?: StyleProps['spacing'];\n spacingHorizontal?: StyleProps['spacingHorizontal'];\n spacingVertical?: StyleProps['spacingVertical'];\n spacingBottom?: StyleProps['spacingBottom'];\n spacingEnd?: StyleProps['spacingEnd'];\n spacingStart?: StyleProps['spacingStart'];\n spacingTop?: StyleProps['spacingTop'];\n // Offset\n offset?: StyleProps['offset'];\n offsetVertical?: StyleProps['offsetVertical'];\n offsetHorizontal?: StyleProps['offsetHorizontal'];\n offsetBottom?: StyleProps['offsetBottom'];\n offsetEnd?: StyleProps['offsetEnd'];\n offsetStart?: StyleProps['offsetStart'];\n offsetTop?: StyleProps['offsetTop'];\n // Flex\n flexShrink?: StyleProps['flexShrink'];\n // Vertical Alignment\n verticalAlign?: TextStyle['textAlignVertical'];\n // Size\n height?: number | `${number}%`;\n width?: number | `${number}%`;\n minHeight?: number | `${number}%`;\n maxHeight?: number | `${number}%`;\n minWidth?: number | `${number}%`;\n maxWidth?: number | `${number}%`;\n // Dangerously set props\n dangerouslySetColor?: string;\n}\n\n/**\n * **📝 A text component with UDS styling**\n *\n * @description\n * A styled text component that supports UDS typography variants and colors.\n *\n * @category Display\n * @platform mobile\n *\n * @example\n * ```tsx\n * import { Text } from '@yahoo/uds-mobile/Text';\n *\n * <Text variant=\"body1\" color=\"primary\">Hello, World!</Text>\n * <Text variant=\"display1\" fontWeight=\"bold\">Heading</Text>\n * <Text variant=\"label1\" color=\"secondary\">Caption text</Text>\n * ```\n *\n * @usage\n * - Use variant prop to set typography (display1, body1, label1, etc.)\n * - Use color prop to set text color from the palette\n * - Use fontWeight to override the variant's default weight\n *\n * @accessibility\n * - Text is readable by screen readers by default\n * - Use appropriate variant sizes for readability\n * - Ensure sufficient color contrast with background\n *\n * @see {@link Link} for interactive text links\n */\nconst Text = memo(function Text({\n // Text-specific\n color = 'primary',\n variant = 'body1',\n fontFamily,\n fontSize,\n fontWeight,\n lineHeight,\n letterSpacing,\n textAlign,\n textTransform,\n textDecorationLine,\n style,\n // Background\n backgroundColor,\n // Border\n borderRadius,\n borderTopStartRadius,\n borderTopEndRadius,\n borderBottomStartRadius,\n borderBottomEndRadius,\n borderColor,\n borderStartColor,\n borderEndColor,\n borderTopColor,\n borderBottomColor,\n borderWidth,\n borderVerticalWidth,\n borderHorizontalWidth,\n borderStartWidth,\n borderEndWidth,\n borderTopWidth,\n borderBottomWidth,\n // Spacing\n spacing,\n spacingHorizontal,\n spacingVertical,\n spacingBottom,\n spacingEnd,\n spacingStart,\n spacingTop,\n // Offset\n offset,\n offsetVertical,\n offsetHorizontal,\n offsetBottom,\n offsetEnd,\n offsetStart,\n offsetTop,\n // Flex\n flexShrink,\n // Vertical Alignment\n verticalAlign,\n // Size\n height,\n minHeight,\n maxHeight,\n width,\n minWidth,\n maxWidth,\n // Dangerously set props\n dangerouslySetColor,\n ref,\n children,\n // Rest\n ...props\n}: TextProps) {\n const resolvedColor = color === 'inherit' ? undefined : color;\n const resolvedVariant = variant === 'inherit' ? undefined : variant;\n const resolvedFontFamily = fontFamily ?? resolvedVariant;\n const resolvedFontSize = fontSize ?? resolvedVariant;\n // React Native clips glyphs when lineHeight is smaller than the font's\n // natural line box. CJK fallback fonts are ~1.4x taller than Latin ones, so\n // Latin-tuned variant lineHeights clip CJK text - drop the variant lineHeight\n // for CJK content so the line grows to fit.\n const resolvedLineHeight =\n lineHeight === 'none'\n ? undefined\n : (lineHeight ?? (hasCJKContent(children) ? undefined : resolvedVariant));\n const resolvedLetterSpacing = letterSpacing ?? resolvedVariant;\n\n styles.useVariants({\n // Text styles\n color: resolvedColor,\n fontFamily: resolvedFontFamily,\n fontSize: resolvedFontSize,\n fontWeight,\n lineHeight: resolvedLineHeight,\n letterSpacing: resolvedLetterSpacing,\n textAlign,\n textTransform,\n // Background\n backgroundColor,\n // Border\n borderRadius,\n borderTopStartRadius,\n borderTopEndRadius,\n borderBottomStartRadius,\n borderBottomEndRadius,\n borderColor,\n borderStartColor,\n borderEndColor,\n borderTopColor,\n borderBottomColor,\n borderWidth,\n borderVerticalWidth,\n borderHorizontalWidth,\n borderStartWidth,\n borderEndWidth,\n borderTopWidth,\n borderBottomWidth,\n // Spacing\n spacing,\n spacingHorizontal,\n spacingVertical,\n spacingBottom,\n spacingEnd,\n spacingStart,\n spacingTop,\n // Offset\n offset,\n offsetVertical,\n offsetHorizontal,\n offsetBottom,\n offsetEnd,\n offsetStart,\n offsetTop,\n // Flex\n flexShrink,\n });\n\n // styles.foundation must be in deps - it returns a new reference when variants change.\n const computedStyle: StyleProp<TextStyle> = useMemo(\n () => [\n textDecorationLine ? { textDecorationLine } : undefined,\n dangerouslySetColor ? { color: dangerouslySetColor } : undefined,\n verticalAlign ? { textAlignVertical: verticalAlign } : undefined,\n height ? { height } : undefined,\n minHeight ? { minHeight } : undefined,\n maxHeight ? { maxHeight } : undefined,\n width ? { width } : undefined,\n minWidth ? { minWidth } : undefined,\n maxWidth ? { maxWidth } : undefined,\n styles.foundation,\n style,\n ],\n [\n textDecorationLine,\n dangerouslySetColor,\n verticalAlign,\n height,\n minHeight,\n maxHeight,\n width,\n minWidth,\n maxWidth,\n style,\n styles.foundation,\n ],\n );\n\n return (\n <RNText ref={ref} style={computedStyle} {...props}>\n {children}\n </RNText>\n );\n});\n\nText.displayName = 'Text';\n\nexport { Text, type TextProps };\n"],"mappings":";;;;;;AAsBA,MAAM,SACJ;;;;;;AAOF,SAAS,cAAc,UAA8B;CACnD,IAAI,OAAO,aAAa,UACtB,OAAO,OAAO,KAAK,SAAS;CAE9B,IAAI,MAAM,QAAQ,SAAS,EACzB,OAAO,SAAS,MAAM,UAAU,OAAO,UAAU,YAAY,OAAO,KAAK,MAAM,CAAC;CAElF,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2GT,MAAM,OAAO,KAAK,SAAS,KAAK,EAE9B,QAAQ,WACR,UAAU,SACV,YACA,UACA,YACA,YACA,eACA,WACA,eACA,oBACA,OAEA,iBAEA,cACA,sBACA,oBACA,yBACA,uBACA,aACA,kBACA,gBACA,gBACA,mBACA,aACA,qBACA,uBACA,kBACA,gBACA,gBACA,mBAEA,SACA,mBACA,iBACA,eACA,YACA,cACA,YAEA,QACA,gBACA,kBACA,cACA,WACA,aACA,WAEA,YAEA,eAEA,QACA,WACA,WACA,OACA,UACA,UAEA,qBACA,KACA,UAEA,GAAG,SACS;CACZ,MAAM,gBAAgB,UAAU,YAAY,KAAA,IAAY;CACxD,MAAM,kBAAkB,YAAY,YAAY,KAAA,IAAY;CAC5D,MAAM,qBAAqB,cAAc;CACzC,MAAM,mBAAmB,YAAY;CAKrC,MAAM,qBACJ,eAAe,SACX,KAAA,IACC,eAAe,cAAc,SAAS,GAAG,KAAA,IAAY;CAC5D,MAAM,wBAAwB,iBAAiB;CAE/C,OAAO,YAAY;EAEjB,OAAO;EACP,YAAY;EACZ,UAAU;EACV;EACA,YAAY;EACZ,eAAe;EACf;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACD,CAAC;CAgCF,OACE,oBAACA,QAAD;EAAa;EAAK,OA9BwB,cACpC;GACJ,qBAAqB,EAAE,oBAAoB,GAAG,KAAA;GAC9C,sBAAsB,EAAE,OAAO,qBAAqB,GAAG,KAAA;GACvD,gBAAgB,EAAE,mBAAmB,eAAe,GAAG,KAAA;GACvD,SAAS,EAAE,QAAQ,GAAG,KAAA;GACtB,YAAY,EAAE,WAAW,GAAG,KAAA;GAC5B,YAAY,EAAE,WAAW,GAAG,KAAA;GAC5B,QAAQ,EAAE,OAAO,GAAG,KAAA;GACpB,WAAW,EAAE,UAAU,GAAG,KAAA;GAC1B,WAAW,EAAE,UAAU,GAAG,KAAA;GAC1B,OAAO;GACP;GACD,EACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,OAAO;GACR,CAIqC;EAAE,GAAI;EACzC;EACM,CAAA;EAEX;AAEF,KAAK,cAAc"}
@@ -1,10 +1,12 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const require_components_internal_Overlay_OverlayPortal = require("./OverlayPortal.cjs");
4
+ const require_components_internal_Overlay_measureTrigger = require("./measureTrigger.cjs");
4
5
  const require_components_internal_Overlay_useAnchoredPosition = require("./useAnchoredPosition.cjs");
5
6
  const require_components_internal_Overlay_useControllableState = require("./useControllableState.cjs");
6
7
  const require_components_internal_Overlay_useOverlayDismiss = require("./useOverlayDismiss.cjs");
7
8
  exports.OverlayPortal = require_components_internal_Overlay_OverlayPortal.OverlayPortal;
9
+ exports.measureTrigger = require_components_internal_Overlay_measureTrigger.measureTrigger;
8
10
  exports.useAnchoredPosition = require_components_internal_Overlay_useAnchoredPosition.useAnchoredPosition;
9
11
  exports.useControllableState = require_components_internal_Overlay_useControllableState.useControllableState;
10
12
  exports.useOverlayDismiss = require_components_internal_Overlay_useOverlayDismiss.useOverlayDismiss;
@@ -1,7 +1,8 @@
1
1
 
2
2
  import { AnchoredAlign, AnchoredPlacement, AnchoredRect, AnchoredWidth, OverlayInsets, OverlayPortalProps, UseAnchoredPositionProps, UseAnchoredPositionResult, UseControllableStateProps, UseControllableStateResult, UseOverlayDismissProps } from "./types.cjs";
3
+ import { measureTrigger } from "./measureTrigger.cjs";
3
4
  import { OverlayPortal } from "./OverlayPortal.cjs";
4
5
  import { useAnchoredPosition } from "./useAnchoredPosition.cjs";
5
6
  import { useControllableState } from "./useControllableState.cjs";
6
7
  import { useOverlayDismiss } from "./useOverlayDismiss.cjs";
7
- export { type AnchoredAlign, type AnchoredPlacement, type AnchoredRect, type AnchoredWidth, type OverlayInsets, OverlayPortal, type OverlayPortalProps, type UseAnchoredPositionProps, type UseAnchoredPositionResult, type UseControllableStateProps, type UseControllableStateResult, type UseOverlayDismissProps, useAnchoredPosition, useControllableState, useOverlayDismiss };
8
+ export { type AnchoredAlign, type AnchoredPlacement, type AnchoredRect, type AnchoredWidth, type OverlayInsets, OverlayPortal, type OverlayPortalProps, type UseAnchoredPositionProps, type UseAnchoredPositionResult, type UseControllableStateProps, type UseControllableStateResult, type UseOverlayDismissProps, measureTrigger, useAnchoredPosition, useControllableState, useOverlayDismiss };
@@ -1,7 +1,8 @@
1
1
 
2
2
  import { AnchoredAlign, AnchoredPlacement, AnchoredRect, AnchoredWidth, OverlayInsets, OverlayPortalProps, UseAnchoredPositionProps, UseAnchoredPositionResult, UseControllableStateProps, UseControllableStateResult, UseOverlayDismissProps } from "./types.js";
3
+ import { measureTrigger } from "./measureTrigger.js";
3
4
  import { OverlayPortal } from "./OverlayPortal.js";
4
5
  import { useAnchoredPosition } from "./useAnchoredPosition.js";
5
6
  import { useControllableState } from "./useControllableState.js";
6
7
  import { useOverlayDismiss } from "./useOverlayDismiss.js";
7
- export { type AnchoredAlign, type AnchoredPlacement, type AnchoredRect, type AnchoredWidth, type OverlayInsets, OverlayPortal, type OverlayPortalProps, type UseAnchoredPositionProps, type UseAnchoredPositionResult, type UseControllableStateProps, type UseControllableStateResult, type UseOverlayDismissProps, useAnchoredPosition, useControllableState, useOverlayDismiss };
8
+ export { type AnchoredAlign, type AnchoredPlacement, type AnchoredRect, type AnchoredWidth, type OverlayInsets, OverlayPortal, type OverlayPortalProps, type UseAnchoredPositionProps, type UseAnchoredPositionResult, type UseControllableStateProps, type UseControllableStateResult, type UseOverlayDismissProps, measureTrigger, useAnchoredPosition, useControllableState, useOverlayDismiss };
@@ -1,6 +1,7 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
2
2
  import { OverlayPortal } from "./OverlayPortal.js";
3
+ import { measureTrigger } from "./measureTrigger.js";
3
4
  import { useAnchoredPosition } from "./useAnchoredPosition.js";
4
5
  import { useControllableState } from "./useControllableState.js";
5
6
  import { useOverlayDismiss } from "./useOverlayDismiss.js";
6
- export { OverlayPortal, useAnchoredPosition, useControllableState, useOverlayDismiss };
7
+ export { OverlayPortal, measureTrigger, useAnchoredPosition, useControllableState, useOverlayDismiss };
@@ -0,0 +1,35 @@
1
+ /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ //#region src/components/internal/Overlay/measureTrigger.ts
4
+ function measureInRoot(measurable, onMeasure) {
5
+ if (!measurable?.measure) return false;
6
+ measurable.measure((x, y, width, height, pageX, pageY) => {
7
+ onMeasure({
8
+ x: typeof pageX === "number" ? pageX : x,
9
+ y: typeof pageY === "number" ? pageY : y,
10
+ width,
11
+ height
12
+ });
13
+ });
14
+ return true;
15
+ }
16
+ function measureInWindow(measurable, onMeasure) {
17
+ if (!measurable?.measureInWindow) return false;
18
+ measurable.measureInWindow((x, y, width, height) => {
19
+ onMeasure({
20
+ x,
21
+ y,
22
+ width,
23
+ height
24
+ });
25
+ });
26
+ return true;
27
+ }
28
+ function measureTrigger(node, fallbackRect, onMeasure) {
29
+ const measurable = node;
30
+ if (measureInRoot(measurable, onMeasure)) return;
31
+ if (measureInWindow(measurable, onMeasure)) return;
32
+ if (fallbackRect) onMeasure(fallbackRect);
33
+ }
34
+ //#endregion
35
+ exports.measureTrigger = measureTrigger;
@@ -0,0 +1,9 @@
1
+
2
+ import { AnchoredRect } from "./types.cjs";
3
+ import { View } from "react-native";
4
+
5
+ //#region src/components/internal/Overlay/measureTrigger.d.ts
6
+ declare function measureTrigger(node: View | null, fallbackRect: AnchoredRect | null, onMeasure: (rect: AnchoredRect) => void): void;
7
+ //#endregion
8
+ export { measureTrigger };
9
+ //# sourceMappingURL=measureTrigger.d.cts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"measureTrigger.d.cts","names":[],"sources":["../../../../src/components/internal/Overlay/measureTrigger.ts"],"mappings":";;;;;iBAqDS,cAAA,CACP,IAAA,EAAM,IAAA,SACN,YAAA,EAAc,YAAA,SACd,SAAA,GAAY,IAAA,EAAM,YAAA"}
@@ -0,0 +1,9 @@
1
+
2
+ import { AnchoredRect } from "./types.js";
3
+ import { View } from "react-native";
4
+
5
+ //#region src/components/internal/Overlay/measureTrigger.d.ts
6
+ declare function measureTrigger(node: View | null, fallbackRect: AnchoredRect | null, onMeasure: (rect: AnchoredRect) => void): void;
7
+ //#endregion
8
+ export { measureTrigger };
9
+ //# sourceMappingURL=measureTrigger.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"measureTrigger.d.ts","names":[],"sources":["../../../../src/components/internal/Overlay/measureTrigger.ts"],"mappings":";;;;;iBAqDS,cAAA,CACP,IAAA,EAAM,IAAA,SACN,YAAA,EAAc,YAAA,SACd,SAAA,GAAY,IAAA,EAAM,YAAA"}
@@ -0,0 +1,36 @@
1
+ /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
2
+ //#region src/components/internal/Overlay/measureTrigger.ts
3
+ function measureInRoot(measurable, onMeasure) {
4
+ if (!measurable?.measure) return false;
5
+ measurable.measure((x, y, width, height, pageX, pageY) => {
6
+ onMeasure({
7
+ x: typeof pageX === "number" ? pageX : x,
8
+ y: typeof pageY === "number" ? pageY : y,
9
+ width,
10
+ height
11
+ });
12
+ });
13
+ return true;
14
+ }
15
+ function measureInWindow(measurable, onMeasure) {
16
+ if (!measurable?.measureInWindow) return false;
17
+ measurable.measureInWindow((x, y, width, height) => {
18
+ onMeasure({
19
+ x,
20
+ y,
21
+ width,
22
+ height
23
+ });
24
+ });
25
+ return true;
26
+ }
27
+ function measureTrigger(node, fallbackRect, onMeasure) {
28
+ const measurable = node;
29
+ if (measureInRoot(measurable, onMeasure)) return;
30
+ if (measureInWindow(measurable, onMeasure)) return;
31
+ if (fallbackRect) onMeasure(fallbackRect);
32
+ }
33
+ //#endregion
34
+ export { measureTrigger };
35
+
36
+ //# sourceMappingURL=measureTrigger.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"measureTrigger.js","names":[],"sources":["../../../../src/components/internal/Overlay/measureTrigger.ts"],"sourcesContent":["import type { View } from 'react-native';\n\nimport type { AnchoredRect } from './types';\n\ntype MeasurableView = View & {\n measureInWindow?: (\n callback: (x: number, y: number, width: number, height: number) => void,\n ) => void;\n measure?: (\n callback: (\n x: number,\n y: number,\n width: number,\n height: number,\n pageX: number,\n pageY: number,\n ) => void,\n ) => void;\n};\n\nfunction measureInRoot(\n measurable: MeasurableView | null,\n onMeasure: (rect: AnchoredRect) => void,\n): boolean {\n if (!measurable?.measure) {\n return false;\n }\n\n measurable.measure((x, y, width, height, pageX, pageY) => {\n onMeasure({\n x: typeof pageX === 'number' ? pageX : x,\n y: typeof pageY === 'number' ? pageY : y,\n width,\n height,\n });\n });\n return true;\n}\n\nfunction measureInWindow(\n measurable: MeasurableView | null,\n onMeasure: (rect: AnchoredRect) => void,\n): boolean {\n if (!measurable?.measureInWindow) {\n return false;\n }\n\n measurable.measureInWindow((x, y, width, height) => {\n onMeasure({ x, y, width, height });\n });\n return true;\n}\n\nfunction measureTrigger(\n node: View | null,\n fallbackRect: AnchoredRect | null,\n onMeasure: (rect: AnchoredRect) => void,\n): void {\n const measurable = node as MeasurableView | null;\n\n if (measureInRoot(measurable, onMeasure)) {\n return;\n }\n\n if (measureInWindow(measurable, onMeasure)) {\n return;\n }\n\n if (fallbackRect) {\n onMeasure(fallbackRect);\n }\n}\n\nexport { measureTrigger };\n"],"mappings":";;AAoBA,SAAS,cACP,YACA,WACS;CACT,IAAI,CAAC,YAAY,SACf,OAAO;CAGT,WAAW,SAAS,GAAG,GAAG,OAAO,QAAQ,OAAO,UAAU;EACxD,UAAU;GACR,GAAG,OAAO,UAAU,WAAW,QAAQ;GACvC,GAAG,OAAO,UAAU,WAAW,QAAQ;GACvC;GACA;GACD,CAAC;GACF;CACF,OAAO;;AAGT,SAAS,gBACP,YACA,WACS;CACT,IAAI,CAAC,YAAY,iBACf,OAAO;CAGT,WAAW,iBAAiB,GAAG,GAAG,OAAO,WAAW;EAClD,UAAU;GAAE;GAAG;GAAG;GAAO;GAAQ,CAAC;GAClC;CACF,OAAO;;AAGT,SAAS,eACP,MACA,cACA,WACM;CACN,MAAM,aAAa;CAEnB,IAAI,cAAc,YAAY,UAAU,EACtC;CAGF,IAAI,gBAAgB,YAAY,UAAU,EACxC;CAGF,IAAI,cACF,UAAU,aAAa"}
@@ -17,6 +17,9 @@ var styles_exports = /* @__PURE__ */ require("../../_virtual/_rolldown/runtime.c
17
17
  popoverStyles: () => popoverStyles,
18
18
  radioStyles: () => radioStyles,
19
19
  scrimStyles: () => scrimStyles,
20
+ selectContentStyles: () => selectContentStyles,
21
+ selectItemStyles: () => selectItemStyles,
22
+ selectStyles: () => selectStyles,
20
23
  styles: () => styles,
21
24
  switchStyles: () => switchStyles,
22
25
  tabsStyles: () => tabsStyles,
@@ -156,7 +159,24 @@ const inputStyles = createComponentStyles({
156
159
  fontSize: 12,
157
160
  lineHeight: 16,
158
161
  color: "#666666"
159
- }
162
+ },
163
+ labelRequired: { color: "#6001D2" },
164
+ inputWrapper: {
165
+ backgroundColor: "#FFFFFF",
166
+ borderColor: "#E0E0E0"
167
+ },
168
+ inputWrapperStatic: {
169
+ paddingHorizontal: 12,
170
+ gap: 8
171
+ },
172
+ inputWrapperDynamic: {
173
+ borderWidth: 1,
174
+ borderRadius: 8
175
+ },
176
+ inputPlaceholder: { color: "#666666" },
177
+ startIcon: { color: "#666666" },
178
+ endIcon: { color: "#666666" },
179
+ helperIcon: { color: "#666666" }
160
180
  });
161
181
  const checkboxStyles = createComponentStyles({
162
182
  root: {
@@ -489,6 +509,29 @@ const modalStyles = createComponentStyles({
489
509
  },
490
510
  titleDescriptionWrapper: { gap: 8 }
491
511
  });
512
+ const selectStyles = createComponentStyles({
513
+ startIcon: { color: "#666666" },
514
+ endIcon: { color: "#666666" }
515
+ });
516
+ const selectContentStyles = createComponentStyles({ root: {
517
+ backgroundColor: "#FFFFFF",
518
+ borderColor: "#E0E0E0",
519
+ borderWidth: 1,
520
+ borderRadius: 8,
521
+ boxShadow: "",
522
+ gap: 0,
523
+ paddingHorizontal: 0,
524
+ paddingVertical: 0
525
+ } });
526
+ const selectItemStyles = createComponentStyles({
527
+ root: {
528
+ backgroundColor: "#FFFFFF",
529
+ paddingHorizontal: 16,
530
+ paddingVertical: 8
531
+ },
532
+ text: { color: "#000000" },
533
+ endIcon: { color: "#6001D2" }
534
+ });
492
535
  //#endregion
493
536
  exports.avatarStyles = avatarStyles;
494
537
  exports.badgeStyles = badgeStyles;
@@ -505,6 +548,9 @@ exports.paginationStyles = paginationStyles;
505
548
  exports.popoverStyles = popoverStyles;
506
549
  exports.radioStyles = radioStyles;
507
550
  exports.scrimStyles = scrimStyles;
551
+ exports.selectContentStyles = selectContentStyles;
552
+ exports.selectItemStyles = selectItemStyles;
553
+ exports.selectStyles = selectStyles;
508
554
  exports.styles = styles;
509
555
  Object.defineProperty(exports, "styles_exports", {
510
556
  enumerable: true,
@@ -1,6 +1,6 @@
1
1
 
2
2
  declare namespace styles_d_exports {
3
- export { StyleProps, avatarStyles, badgeStyles, bottomSheetStyles, buttonStyles, checkboxStyles, chipStyles, dividerStyles, iconButtonStyles, inputStyles, linkStyles, modalStyles, paginationStyles, popoverStyles, radioStyles, scrimStyles, styles, switchStyles, tabsStyles, textStyles, toastStyles };
3
+ export { StyleProps, avatarStyles, badgeStyles, bottomSheetStyles, buttonStyles, checkboxStyles, chipStyles, dividerStyles, iconButtonStyles, inputStyles, linkStyles, modalStyles, paginationStyles, popoverStyles, radioStyles, scrimStyles, selectContentStyles, selectItemStyles, selectStyles, styles, switchStyles, tabsStyles, textStyles, toastStyles };
4
4
  }
5
5
  /**
6
6
  * Jest mock for generated/styles.
@@ -28,6 +28,9 @@ declare const tabsStyles: Record<string, unknown>;
28
28
  declare const paginationStyles: Record<string, unknown>;
29
29
  declare const toastStyles: Record<string, unknown>;
30
30
  declare const modalStyles: Record<string, unknown>;
31
+ declare const selectStyles: Record<string, unknown>;
32
+ declare const selectContentStyles: Record<string, unknown>;
33
+ declare const selectItemStyles: Record<string, unknown>;
31
34
  interface StyleProps {
32
35
  color?: string;
33
36
  backgroundColor?: string;
@@ -37,5 +40,5 @@ interface StyleProps {
37
40
  [key: string]: unknown;
38
41
  }
39
42
  //#endregion
40
- export { StyleProps, avatarStyles, badgeStyles, bottomSheetStyles, buttonStyles, checkboxStyles, chipStyles, dividerStyles, iconButtonStyles, inputStyles, linkStyles, modalStyles, paginationStyles, popoverStyles, radioStyles, scrimStyles, styles, styles_d_exports, switchStyles, tabsStyles, textStyles, toastStyles };
43
+ export { StyleProps, avatarStyles, badgeStyles, bottomSheetStyles, buttonStyles, checkboxStyles, chipStyles, dividerStyles, iconButtonStyles, inputStyles, linkStyles, modalStyles, paginationStyles, popoverStyles, radioStyles, scrimStyles, selectContentStyles, selectItemStyles, selectStyles, styles, styles_d_exports, switchStyles, tabsStyles, textStyles, toastStyles };
41
44
  //# sourceMappingURL=styles.d.cts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.cts","names":[],"sources":["../../../src/jest/mocks/styles.ts"],"mappings":";;;;;;;;;;cA8Ga,MAAA,EAAM,MAAA;AAAA,cAKN,YAAA,EAAY,MAAA;AAAA,cAgCZ,UAAA,EAAU,MAAA;AAAA,cAUV,WAAA,EAAW,MAAA;AAAA,cAuCX,cAAA,EAAc,MAAA;AAAA,cA2Bd,YAAA,EAAY,MAAA;AAAA,cAkCZ,YAAA,EAAY,MAAA;AAAA,cAqBZ,WAAA,EAAW,MAAA;AAAA,cAmBX,UAAA,EAAU,MAAA;AAAA,cAsBV,aAAA,EAAa,MAAA;AAAA,cAiBb,UAAA,EAAU,MAAA;AAAA,cAgBV,WAAA,EAAW,MAAA;AAAA,cA8BX,gBAAA,EAAgB,MAAA;AAAA,cAehB,iBAAA,EAAiB,MAAA;AAAA,cA0BjB,WAAA,EAAW,MAAA;AAAA,cASX,aAAA,EAAa,MAAA;AAAA,cAmCb,UAAA,EAAU,MAAA;AAAA,cASV,gBAAA,EAAgB,MAAA;AAAA,cAuBhB,WAAA,EAAW,MAAA;AAAA,cAuCX,WAAA,EAAW,MAAA;AAAA,UAiDP,UAAA;EACf,KAAA;EACA,eAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EAAA,CACC,GAAA;AAAA"}
1
+ {"version":3,"file":"styles.d.cts","names":[],"sources":["../../../src/jest/mocks/styles.ts"],"mappings":";;;;;;;;;;cA8Ga,MAAA,EAAM,MAAA;AAAA,cAKN,YAAA,EAAY,MAAA;AAAA,cAgCZ,UAAA,EAAU,MAAA;AAAA,cAUV,WAAA,EAAW,MAAA;AAAA,cAkEX,cAAA,EAAc,MAAA;AAAA,cA2Bd,YAAA,EAAY,MAAA;AAAA,cAkCZ,YAAA,EAAY,MAAA;AAAA,cAqBZ,WAAA,EAAW,MAAA;AAAA,cAmBX,UAAA,EAAU,MAAA;AAAA,cAsBV,aAAA,EAAa,MAAA;AAAA,cAiBb,UAAA,EAAU,MAAA;AAAA,cAgBV,WAAA,EAAW,MAAA;AAAA,cA8BX,gBAAA,EAAgB,MAAA;AAAA,cAehB,iBAAA,EAAiB,MAAA;AAAA,cA0BjB,WAAA,EAAW,MAAA;AAAA,cASX,aAAA,EAAa,MAAA;AAAA,cAmCb,UAAA,EAAU,MAAA;AAAA,cASV,gBAAA,EAAgB,MAAA;AAAA,cAuBhB,WAAA,EAAW,MAAA;AAAA,cAuCX,WAAA,EAAW,MAAA;AAAA,cAiDX,YAAA,EAAY,MAAA;AAAA,cASZ,mBAAA,EAAmB,MAAA;AAAA,cAanB,gBAAA,EAAgB,MAAA;AAAA,UAeZ,UAAA;EACf,KAAA;EACA,eAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EAAA,CACC,GAAA;AAAA"}
@@ -1,6 +1,6 @@
1
1
 
2
2
  declare namespace styles_d_exports {
3
- export { StyleProps, avatarStyles, badgeStyles, bottomSheetStyles, buttonStyles, checkboxStyles, chipStyles, dividerStyles, iconButtonStyles, inputStyles, linkStyles, modalStyles, paginationStyles, popoverStyles, radioStyles, scrimStyles, styles, switchStyles, tabsStyles, textStyles, toastStyles };
3
+ export { StyleProps, avatarStyles, badgeStyles, bottomSheetStyles, buttonStyles, checkboxStyles, chipStyles, dividerStyles, iconButtonStyles, inputStyles, linkStyles, modalStyles, paginationStyles, popoverStyles, radioStyles, scrimStyles, selectContentStyles, selectItemStyles, selectStyles, styles, switchStyles, tabsStyles, textStyles, toastStyles };
4
4
  }
5
5
  /**
6
6
  * Jest mock for generated/styles.
@@ -28,6 +28,9 @@ declare const tabsStyles: Record<string, unknown>;
28
28
  declare const paginationStyles: Record<string, unknown>;
29
29
  declare const toastStyles: Record<string, unknown>;
30
30
  declare const modalStyles: Record<string, unknown>;
31
+ declare const selectStyles: Record<string, unknown>;
32
+ declare const selectContentStyles: Record<string, unknown>;
33
+ declare const selectItemStyles: Record<string, unknown>;
31
34
  interface StyleProps {
32
35
  color?: string;
33
36
  backgroundColor?: string;
@@ -37,5 +40,5 @@ interface StyleProps {
37
40
  [key: string]: unknown;
38
41
  }
39
42
  //#endregion
40
- export { StyleProps, avatarStyles, badgeStyles, bottomSheetStyles, buttonStyles, checkboxStyles, chipStyles, dividerStyles, iconButtonStyles, inputStyles, linkStyles, modalStyles, paginationStyles, popoverStyles, radioStyles, scrimStyles, styles, styles_d_exports, switchStyles, tabsStyles, textStyles, toastStyles };
43
+ export { StyleProps, avatarStyles, badgeStyles, bottomSheetStyles, buttonStyles, checkboxStyles, chipStyles, dividerStyles, iconButtonStyles, inputStyles, linkStyles, modalStyles, paginationStyles, popoverStyles, radioStyles, scrimStyles, selectContentStyles, selectItemStyles, selectStyles, styles, styles_d_exports, switchStyles, tabsStyles, textStyles, toastStyles };
41
44
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","names":[],"sources":["../../../src/jest/mocks/styles.ts"],"mappings":";;;;;;;;;;cA8Ga,MAAA,EAAM,MAAA;AAAA,cAKN,YAAA,EAAY,MAAA;AAAA,cAgCZ,UAAA,EAAU,MAAA;AAAA,cAUV,WAAA,EAAW,MAAA;AAAA,cAuCX,cAAA,EAAc,MAAA;AAAA,cA2Bd,YAAA,EAAY,MAAA;AAAA,cAkCZ,YAAA,EAAY,MAAA;AAAA,cAqBZ,WAAA,EAAW,MAAA;AAAA,cAmBX,UAAA,EAAU,MAAA;AAAA,cAsBV,aAAA,EAAa,MAAA;AAAA,cAiBb,UAAA,EAAU,MAAA;AAAA,cAgBV,WAAA,EAAW,MAAA;AAAA,cA8BX,gBAAA,EAAgB,MAAA;AAAA,cAehB,iBAAA,EAAiB,MAAA;AAAA,cA0BjB,WAAA,EAAW,MAAA;AAAA,cASX,aAAA,EAAa,MAAA;AAAA,cAmCb,UAAA,EAAU,MAAA;AAAA,cASV,gBAAA,EAAgB,MAAA;AAAA,cAuBhB,WAAA,EAAW,MAAA;AAAA,cAuCX,WAAA,EAAW,MAAA;AAAA,UAiDP,UAAA;EACf,KAAA;EACA,eAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EAAA,CACC,GAAA;AAAA"}
1
+ {"version":3,"file":"styles.d.ts","names":[],"sources":["../../../src/jest/mocks/styles.ts"],"mappings":";;;;;;;;;;cA8Ga,MAAA,EAAM,MAAA;AAAA,cAKN,YAAA,EAAY,MAAA;AAAA,cAgCZ,UAAA,EAAU,MAAA;AAAA,cAUV,WAAA,EAAW,MAAA;AAAA,cAkEX,cAAA,EAAc,MAAA;AAAA,cA2Bd,YAAA,EAAY,MAAA;AAAA,cAkCZ,YAAA,EAAY,MAAA;AAAA,cAqBZ,WAAA,EAAW,MAAA;AAAA,cAmBX,UAAA,EAAU,MAAA;AAAA,cAsBV,aAAA,EAAa,MAAA;AAAA,cAiBb,UAAA,EAAU,MAAA;AAAA,cAgBV,WAAA,EAAW,MAAA;AAAA,cA8BX,gBAAA,EAAgB,MAAA;AAAA,cAehB,iBAAA,EAAiB,MAAA;AAAA,cA0BjB,WAAA,EAAW,MAAA;AAAA,cASX,aAAA,EAAa,MAAA;AAAA,cAmCb,UAAA,EAAU,MAAA;AAAA,cASV,gBAAA,EAAgB,MAAA;AAAA,cAuBhB,WAAA,EAAW,MAAA;AAAA,cAuCX,WAAA,EAAW,MAAA;AAAA,cAiDX,YAAA,EAAY,MAAA;AAAA,cASZ,mBAAA,EAAmB,MAAA;AAAA,cAanB,gBAAA,EAAgB,MAAA;AAAA,UAeZ,UAAA;EACf,KAAA;EACA,eAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EAAA,CACC,GAAA;AAAA"}
@@ -17,6 +17,9 @@ var styles_exports = /* @__PURE__ */ __exportAll({
17
17
  popoverStyles: () => popoverStyles,
18
18
  radioStyles: () => radioStyles,
19
19
  scrimStyles: () => scrimStyles,
20
+ selectContentStyles: () => selectContentStyles,
21
+ selectItemStyles: () => selectItemStyles,
22
+ selectStyles: () => selectStyles,
20
23
  styles: () => styles,
21
24
  switchStyles: () => switchStyles,
22
25
  tabsStyles: () => tabsStyles,
@@ -156,7 +159,24 @@ const inputStyles = createComponentStyles({
156
159
  fontSize: 12,
157
160
  lineHeight: 16,
158
161
  color: "#666666"
159
- }
162
+ },
163
+ labelRequired: { color: "#6001D2" },
164
+ inputWrapper: {
165
+ backgroundColor: "#FFFFFF",
166
+ borderColor: "#E0E0E0"
167
+ },
168
+ inputWrapperStatic: {
169
+ paddingHorizontal: 12,
170
+ gap: 8
171
+ },
172
+ inputWrapperDynamic: {
173
+ borderWidth: 1,
174
+ borderRadius: 8
175
+ },
176
+ inputPlaceholder: { color: "#666666" },
177
+ startIcon: { color: "#666666" },
178
+ endIcon: { color: "#666666" },
179
+ helperIcon: { color: "#666666" }
160
180
  });
161
181
  const checkboxStyles = createComponentStyles({
162
182
  root: {
@@ -489,7 +509,30 @@ const modalStyles = createComponentStyles({
489
509
  },
490
510
  titleDescriptionWrapper: { gap: 8 }
491
511
  });
512
+ const selectStyles = createComponentStyles({
513
+ startIcon: { color: "#666666" },
514
+ endIcon: { color: "#666666" }
515
+ });
516
+ const selectContentStyles = createComponentStyles({ root: {
517
+ backgroundColor: "#FFFFFF",
518
+ borderColor: "#E0E0E0",
519
+ borderWidth: 1,
520
+ borderRadius: 8,
521
+ boxShadow: "",
522
+ gap: 0,
523
+ paddingHorizontal: 0,
524
+ paddingVertical: 0
525
+ } });
526
+ const selectItemStyles = createComponentStyles({
527
+ root: {
528
+ backgroundColor: "#FFFFFF",
529
+ paddingHorizontal: 16,
530
+ paddingVertical: 8
531
+ },
532
+ text: { color: "#000000" },
533
+ endIcon: { color: "#6001D2" }
534
+ });
492
535
  //#endregion
493
- export { avatarStyles, badgeStyles, bottomSheetStyles, buttonStyles, checkboxStyles, chipStyles, dividerStyles, iconButtonStyles, inputStyles, linkStyles, modalStyles, paginationStyles, popoverStyles, radioStyles, scrimStyles, styles, styles_exports, switchStyles, tabsStyles, textStyles, toastStyles };
536
+ export { avatarStyles, badgeStyles, bottomSheetStyles, buttonStyles, checkboxStyles, chipStyles, dividerStyles, iconButtonStyles, inputStyles, linkStyles, modalStyles, paginationStyles, popoverStyles, radioStyles, scrimStyles, selectContentStyles, selectItemStyles, selectStyles, styles, styles_exports, switchStyles, tabsStyles, textStyles, toastStyles };
494
537
 
495
538
  //# sourceMappingURL=styles.js.map