@cdx-ui/components 0.3.2 → 0.3.4

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 (125) hide show
  1. package/README.md +2 -2
  2. package/coverage.svg +1 -1
  3. package/docs/components/color-field/content.md +2 -2
  4. package/docs/components/content.md +6 -4
  5. package/docs/components/data-grid/content.md +125 -1
  6. package/docs/components/date-field/content.md +2 -2
  7. package/docs/components/date-time-field/content.md +2 -2
  8. package/docs/components/input/content.md +20 -2
  9. package/docs/components/input/design.md +1 -1
  10. package/docs/components/insight/content.md +644 -0
  11. package/docs/components/insight-stack/content.md +231 -0
  12. package/docs/components/insurance-disclosure/content.md +1 -1
  13. package/docs/components/otp-input/content.md +2 -2
  14. package/docs/components/select/content.md +223 -24
  15. package/docs/components/text/content.md +97 -0
  16. package/docs/foundations/styles/tokens/all-tokens/content.md +23 -3
  17. package/docs/llms.txt +8 -4
  18. package/docs/patterns/forms/content.md +407 -0
  19. package/docs/resources/release-notes/0.3.2/content.md +17 -0
  20. package/docs/resources/release-notes/0.3.3/content.md +23 -0
  21. package/docs/resources/release-notes/content.md +2 -0
  22. package/lib/commonjs/components/Drawer/index.js +1 -1
  23. package/lib/commonjs/components/Drawer/index.js.map +1 -1
  24. package/lib/commonjs/components/Input/index.js.map +1 -1
  25. package/lib/commonjs/components/Input/styles.js +13 -6
  26. package/lib/commonjs/components/Input/styles.js.map +1 -1
  27. package/lib/commonjs/components/Insight/index.js +438 -0
  28. package/lib/commonjs/components/Insight/index.js.map +1 -0
  29. package/lib/commonjs/components/Insight/insetRadius.js +35 -0
  30. package/lib/commonjs/components/Insight/insetRadius.js.map +1 -0
  31. package/lib/commonjs/components/Insight/styles.js +186 -0
  32. package/lib/commonjs/components/Insight/styles.js.map +1 -0
  33. package/lib/commonjs/components/InsightStack/index.js +93 -0
  34. package/lib/commonjs/components/InsightStack/index.js.map +1 -0
  35. package/lib/commonjs/components/InsightStack/styles.js +61 -0
  36. package/lib/commonjs/components/InsightStack/styles.js.map +1 -0
  37. package/lib/commonjs/components/OtpInput/index.js.map +1 -1
  38. package/lib/commonjs/components/Select/index.js +326 -24
  39. package/lib/commonjs/components/Select/index.js.map +1 -1
  40. package/lib/commonjs/components/Select/styles.js +32 -1
  41. package/lib/commonjs/components/Select/styles.js.map +1 -1
  42. package/lib/commonjs/components/index.js +24 -0
  43. package/lib/commonjs/components/index.js.map +1 -1
  44. package/lib/commonjs/components/picker/surfaces.js +18 -3
  45. package/lib/commonjs/components/picker/surfaces.js.map +1 -1
  46. package/lib/commonjs/figma/Insight.figma.js +73 -0
  47. package/lib/commonjs/figma/Insight.figma.js.map +1 -0
  48. package/lib/commonjs/figma/InsightStack.figma.js +39 -0
  49. package/lib/commonjs/figma/InsightStack.figma.js.map +1 -0
  50. package/lib/module/components/Drawer/index.js +1 -1
  51. package/lib/module/components/Drawer/index.js.map +1 -1
  52. package/lib/module/components/Input/index.js.map +1 -1
  53. package/lib/module/components/Input/styles.js +14 -6
  54. package/lib/module/components/Input/styles.js.map +1 -1
  55. package/lib/module/components/Insight/index.js +433 -0
  56. package/lib/module/components/Insight/index.js.map +1 -0
  57. package/lib/module/components/Insight/insetRadius.js +30 -0
  58. package/lib/module/components/Insight/insetRadius.js.map +1 -0
  59. package/lib/module/components/Insight/styles.js +183 -0
  60. package/lib/module/components/Insight/styles.js.map +1 -0
  61. package/lib/module/components/InsightStack/index.js +89 -0
  62. package/lib/module/components/InsightStack/index.js.map +1 -0
  63. package/lib/module/components/InsightStack/styles.js +58 -0
  64. package/lib/module/components/InsightStack/styles.js.map +1 -0
  65. package/lib/module/components/OtpInput/index.js.map +1 -1
  66. package/lib/module/components/Select/index.js +328 -26
  67. package/lib/module/components/Select/index.js.map +1 -1
  68. package/lib/module/components/Select/styles.js +31 -0
  69. package/lib/module/components/Select/styles.js.map +1 -1
  70. package/lib/module/components/index.js +2 -0
  71. package/lib/module/components/index.js.map +1 -1
  72. package/lib/module/components/picker/surfaces.js +17 -3
  73. package/lib/module/components/picker/surfaces.js.map +1 -1
  74. package/lib/module/figma/Insight.figma.js +67 -0
  75. package/lib/module/figma/Insight.figma.js.map +1 -0
  76. package/lib/module/figma/InsightStack.figma.js +33 -0
  77. package/lib/module/figma/InsightStack.figma.js.map +1 -0
  78. package/lib/typescript/components/ColorField/styles.d.ts +4 -2
  79. package/lib/typescript/components/ColorField/styles.d.ts.map +1 -1
  80. package/lib/typescript/components/DateField/styles.d.ts +4 -2
  81. package/lib/typescript/components/DateField/styles.d.ts.map +1 -1
  82. package/lib/typescript/components/Input/index.d.ts +3 -2
  83. package/lib/typescript/components/Input/index.d.ts.map +1 -1
  84. package/lib/typescript/components/Input/styles.d.ts +1 -1
  85. package/lib/typescript/components/Input/styles.d.ts.map +1 -1
  86. package/lib/typescript/components/Insight/index.d.ts +87 -0
  87. package/lib/typescript/components/Insight/index.d.ts.map +1 -0
  88. package/lib/typescript/components/Insight/insetRadius.d.ts +8 -0
  89. package/lib/typescript/components/Insight/insetRadius.d.ts.map +1 -0
  90. package/lib/typescript/components/Insight/styles.d.ts +33 -0
  91. package/lib/typescript/components/Insight/styles.d.ts.map +1 -0
  92. package/lib/typescript/components/InsightStack/index.d.ts +21 -0
  93. package/lib/typescript/components/InsightStack/index.d.ts.map +1 -0
  94. package/lib/typescript/components/InsightStack/styles.d.ts +11 -0
  95. package/lib/typescript/components/InsightStack/styles.d.ts.map +1 -0
  96. package/lib/typescript/components/OtpInput/index.d.ts +3 -2
  97. package/lib/typescript/components/OtpInput/index.d.ts.map +1 -1
  98. package/lib/typescript/components/Select/index.d.ts +73 -6
  99. package/lib/typescript/components/Select/index.d.ts.map +1 -1
  100. package/lib/typescript/components/Select/styles.d.ts +9 -0
  101. package/lib/typescript/components/Select/styles.d.ts.map +1 -1
  102. package/lib/typescript/components/index.d.ts +2 -0
  103. package/lib/typescript/components/index.d.ts.map +1 -1
  104. package/lib/typescript/components/picker/surfaces.d.ts +14 -3
  105. package/lib/typescript/components/picker/surfaces.d.ts.map +1 -1
  106. package/lib/typescript/figma/Insight.figma.d.ts +8 -0
  107. package/lib/typescript/figma/Insight.figma.d.ts.map +1 -0
  108. package/lib/typescript/figma/InsightStack.figma.d.ts +8 -0
  109. package/lib/typescript/figma/InsightStack.figma.d.ts.map +1 -0
  110. package/package.json +5 -5
  111. package/src/components/ColorField/styles.ts +3 -1
  112. package/src/components/DateField/styles.ts +6 -1
  113. package/src/components/Drawer/index.tsx +1 -1
  114. package/src/components/Input/index.tsx +3 -2
  115. package/src/components/Input/styles.ts +35 -15
  116. package/src/components/Insight/index.tsx +531 -0
  117. package/src/components/Insight/insetRadius.ts +30 -0
  118. package/src/components/Insight/styles.ts +193 -0
  119. package/src/components/InsightStack/index.tsx +86 -0
  120. package/src/components/InsightStack/styles.ts +61 -0
  121. package/src/components/OtpInput/index.tsx +3 -2
  122. package/src/components/Select/index.tsx +411 -29
  123. package/src/components/Select/styles.ts +36 -0
  124. package/src/components/index.ts +2 -0
  125. package/src/components/picker/surfaces.tsx +29 -4
@@ -0,0 +1,186 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.insightTitleVariants = exports.insightTagVariants = exports.insightTagIconVariants = exports.insightSurfaceVariants = exports.insightSummaryTextVariants = exports.insightPressRegionVariants = exports.insightIconVariants = exports.insightHeaderVariants = exports.insightFrameVariants = exports.insightFooterVariants = exports.insightDescriptionVariants = exports.insightContentVariants = exports.insightCloseVariants = exports.FRAME_WIDTH = void 0;
7
+ var _utils = require("@cdx-ui/utils");
8
+ var _constants = require("../../styles/constants");
9
+ /** Ring width in px; must match the frame's `p-0.5`. */
10
+ const FRAME_WIDTH = exports.FRAME_WIDTH = 2;
11
+
12
+ // Fallback for when `--border-radius-default` can't be read; the surface style overrides it.
13
+ const SURFACE_RADIUS = 'rounded-[calc(var(--border-radius-default)-2px)]';
14
+
15
+ // Figma measures padding from inside the 2px stroke, and the frame's `p-0.5` is that stroke, so
16
+ // these are the Figma values as-is. `min-h-14` is the natural one-line height: 12 + 32 + 12.
17
+ const SUMMARY_BODY = 'flex-row items-start gap-2.5 min-h-14 pt-2.5 pb-3 ps-2.5 pe-3';
18
+
19
+ // The standard web focus ring (2px `stroke-focus`, 2px clear of the card's edge) and disabled
20
+ // cursor, on whichever element takes focus. That element sits inside the 2px frame, and a
21
+ // `ring-offset` would paint its offset colour over the frame, so the ring is an outline: its
22
+ // offset stays transparent and it follows the surface radius. Figma has no hover or press tint
23
+ // for the card; the press scale is its only press feedback.
24
+ const PRESS_REGION_STATE = ['web:outline-none', _constants.DISABLED_CURSOR, 'web:data-[focus-visible=true]:outline-2 web:data-[focus-visible=true]:outline-solid web:data-[focus-visible=true]:outline-stroke-focus web:data-[focus-visible=true]:outline-offset-4'].join(' ');
25
+
26
+ // ── Frame ───────────────────────────────────────────────────
27
+
28
+ // The frame dims as a whole when disabled: dimming only the surface would let the frame's fill
29
+ // show through it.
30
+ const insightFrameVariants = exports.insightFrameVariants = (0, _utils.cva)(['relative p-0.5', 'rounded-[var(--border-radius-default)]', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]'], {
31
+ variants: {
32
+ layout: {
33
+ summary: '',
34
+ // Reserves the tag overhang (11px above the outer edge) so a scroll container's top
35
+ // edge does not clip it.
36
+ detail: 'mt-[11px]'
37
+ },
38
+ color: {
39
+ info: '',
40
+ warning: '',
41
+ danger: ''
42
+ },
43
+ aiGenerated: {
44
+ true: 'bg-gradient-to-r from-stroke-ai-start to-stroke-ai-end',
45
+ false: ''
46
+ }
47
+ },
48
+ compoundVariants: [{
49
+ aiGenerated: false,
50
+ color: 'info',
51
+ className: 'bg-stroke-info-subtle'
52
+ }, {
53
+ aiGenerated: false,
54
+ color: 'warning',
55
+ className: 'bg-stroke-warning-subtle'
56
+ }, {
57
+ aiGenerated: false,
58
+ color: 'danger',
59
+ className: 'bg-stroke-danger-subtle'
60
+ },
61
+ // The AI glow takes the insight's colour; the gradient ring does not.
62
+ {
63
+ aiGenerated: true,
64
+ color: 'info',
65
+ className: 'shadow-[0_0_3px_var(--color-surface-info-subtle)]'
66
+ }, {
67
+ aiGenerated: true,
68
+ color: 'warning',
69
+ className: 'shadow-[0_0_3px_var(--color-surface-warning-subtle)]'
70
+ }, {
71
+ aiGenerated: true,
72
+ color: 'danger',
73
+ className: 'shadow-[0_0_3px_var(--color-surface-danger-subtle)]'
74
+ }],
75
+ defaultVariants: {
76
+ layout: 'summary',
77
+ color: 'info',
78
+ aiGenerated: false
79
+ }
80
+ });
81
+
82
+ // ── Surface ─────────────────────────────────────────────────
83
+
84
+ const insightSurfaceVariants = exports.insightSurfaceVariants = (0, _utils.cva)(['bg-surface-primary', SURFACE_RADIUS], {
85
+ variants: {
86
+ layout: {
87
+ summary: '',
88
+ detail: 'pt-5 px-3 pb-3 gap-4'
89
+ },
90
+ // A split summary moves the body layout onto the press region.
91
+ split: {
92
+ true: '',
93
+ false: ''
94
+ }
95
+ },
96
+ // A split summary's surface only mirrors the press region's state, so the region styles it.
97
+ compoundVariants: [{
98
+ layout: 'summary',
99
+ split: false,
100
+ className: [SUMMARY_BODY, PRESS_REGION_STATE]
101
+ }],
102
+ defaultVariants: {
103
+ layout: 'summary',
104
+ split: false
105
+ }
106
+ });
107
+
108
+ // Web-only radius: the region has no fill, so the radius only shapes the web focus outline, and
109
+ // on native a runtime `px` override turns the `calc()` into NaN.
110
+ const insightPressRegionVariants = exports.insightPressRegionVariants = (0, _utils.cva)([SUMMARY_BODY, 'web:rounded-[calc(var(--border-radius-default)-2px)]', PRESS_REGION_STATE]);
111
+
112
+ // ── Summary medallion icon ──────────────────────────────────
113
+
114
+ // `size-5` overrides Avatar md's `size-4`: the Figma medallion glyph is 20px.
115
+ const insightIconVariants = exports.insightIconVariants = (0, _utils.cva)(['size-5'], {
116
+ variants: {
117
+ color: {
118
+ info: 'text-content-info-on-subtle',
119
+ warning: 'text-content-warning-on-subtle',
120
+ danger: 'text-content-danger-on-subtle'
121
+ }
122
+ },
123
+ defaultVariants: {
124
+ color: 'info'
125
+ }
126
+ });
127
+
128
+ // ── Summary text column ─────────────────────────────────────
129
+
130
+ // Figma's text row is a 32px-min band, centred, starting 2px below the medallion's top. One line
131
+ // sits centred against the medallion; longer copy grows downward while the medallion stays put.
132
+ const insightSummaryTextVariants = exports.insightSummaryTextVariants = (0, _utils.cva)(['flex-1 min-w-0 mt-0.5 min-h-8 justify-center'], {
133
+ variants: {
134
+ hasClose: {
135
+ true: 'pe-7',
136
+ false: ''
137
+ }
138
+ },
139
+ defaultVariants: {
140
+ hasClose: false
141
+ }
142
+ });
143
+
144
+ // ── Tag ─────────────────────────────────────────────────────
145
+
146
+ // Positioned against the frame's outer edge: the 24px chip centres on the 2px stroke (-11px) and
147
+ // starts 12px from the outer start edge.
148
+ const insightTagVariants = exports.insightTagVariants = (0, _utils.cva)(['absolute z-10 -top-[11px] start-3']);
149
+ const insightTagIconVariants = exports.insightTagIconVariants = (0, _utils.cva)([], {
150
+ variants: {
151
+ color: {
152
+ info: 'text-content-info-on-subtle',
153
+ warning: 'text-content-warning-on-subtle',
154
+ danger: 'text-content-danger-on-subtle'
155
+ }
156
+ },
157
+ defaultVariants: {
158
+ color: 'info'
159
+ }
160
+ });
161
+
162
+ // ── Close ───────────────────────────────────────────────────
163
+
164
+ // Positioned against the surface (inside the ring): 4px from its top and end, as in Figma.
165
+ const insightCloseVariants = exports.insightCloseVariants = (0, _utils.cva)(['absolute top-1 end-1']);
166
+
167
+ // ── Header / Title / Description / Content / Footer ─────────
168
+
169
+ const insightHeaderVariants = exports.insightHeaderVariants = (0, _utils.cva)(['gap-0.5 min-h-8 justify-center']);
170
+ const insightTitleVariants = exports.insightTitleVariants = (0, _utils.cva)(['heading-sm text-content-primary'], {
171
+ variants: {
172
+ hasClose: {
173
+ true: 'pe-7',
174
+ false: ''
175
+ }
176
+ },
177
+ defaultVariants: {
178
+ hasClose: false
179
+ }
180
+ });
181
+ const insightDescriptionVariants = exports.insightDescriptionVariants = (0, _utils.cva)(['body-md text-content-primary']);
182
+ const insightContentVariants = exports.insightContentVariants = (0, _utils.cva)([]);
183
+
184
+ // Wraps so actions keep their natural widths at narrow widths instead of overflowing the start edge.
185
+ const insightFooterVariants = exports.insightFooterVariants = (0, _utils.cva)(['flex-row flex-wrap items-center justify-end gap-2']);
186
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_utils","require","_constants","FRAME_WIDTH","exports","SURFACE_RADIUS","SUMMARY_BODY","PRESS_REGION_STATE","DISABLED_CURSOR","join","insightFrameVariants","cva","variants","layout","summary","detail","color","info","warning","danger","aiGenerated","true","false","compoundVariants","className","defaultVariants","insightSurfaceVariants","split","insightPressRegionVariants","insightIconVariants","insightSummaryTextVariants","hasClose","insightTagVariants","insightTagIconVariants","insightCloseVariants","insightHeaderVariants","insightTitleVariants","insightDescriptionVariants","insightContentVariants","insightFooterVariants"],"sourceRoot":"../../../../src","sources":["components/Insight/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEA;AACO,MAAME,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,CAAC;;AAE5B;AACA,MAAME,cAAc,GAAG,kDAAkD;;AAEzE;AACA;AACA,MAAMC,YAAY,GAAG,+DAA+D;;AAEpF;AACA;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,GAAG,CACzB,kBAAkB,EAClBC,0BAAe,EACf,uLAAuL,CACxL,CAACC,IAAI,CAAC,GAAG,CAAC;;AAEX;;AAEA;AACA;AACO,MAAMC,oBAAoB,GAAAN,OAAA,CAAAM,oBAAA,GAAG,IAAAC,UAAG,EACrC,CACE,gBAAgB,EAChB,wCAAwC,EACxC,wDAAwD,CACzD,EACD;EACEC,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,OAAO,EAAE,EAAE;MACX;MACA;MACAC,MAAM,EAAE;IACV,CAAC;IACDC,KAAK,EAAE;MACLC,IAAI,EAAE,EAAE;MACRC,OAAO,EAAE,EAAE;MACXC,MAAM,EAAE;IACV,CAAC;IACDC,WAAW,EAAE;MACXC,IAAI,EAAE,wDAAwD;MAC9DC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,gBAAgB,EAAE,CAChB;IAAEH,WAAW,EAAE,KAAK;IAAEJ,KAAK,EAAE,MAAM;IAAEQ,SAAS,EAAE;EAAwB,CAAC,EACzE;IAAEJ,WAAW,EAAE,KAAK;IAAEJ,KAAK,EAAE,SAAS;IAAEQ,SAAS,EAAE;EAA2B,CAAC,EAC/E;IAAEJ,WAAW,EAAE,KAAK;IAAEJ,KAAK,EAAE,QAAQ;IAAEQ,SAAS,EAAE;EAA0B,CAAC;EAC7E;EACA;IACEJ,WAAW,EAAE,IAAI;IACjBJ,KAAK,EAAE,MAAM;IACbQ,SAAS,EAAE;EACb,CAAC,EACD;IACEJ,WAAW,EAAE,IAAI;IACjBJ,KAAK,EAAE,SAAS;IAChBQ,SAAS,EAAE;EACb,CAAC,EACD;IACEJ,WAAW,EAAE,IAAI;IACjBJ,KAAK,EAAE,QAAQ;IACfQ,SAAS,EAAE;EACb,CAAC,CACF;EACDC,eAAe,EAAE;IACfZ,MAAM,EAAE,SAAS;IACjBG,KAAK,EAAE,MAAM;IACbI,WAAW,EAAE;EACf;AACF,CACF,CAAC;;AAED;;AAEO,MAAMM,sBAAsB,GAAAtB,OAAA,CAAAsB,sBAAA,GAAG,IAAAf,UAAG,EAAC,CAAC,oBAAoB,EAAEN,cAAc,CAAC,EAAE;EAChFO,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,OAAO,EAAE,EAAE;MACXC,MAAM,EAAE;IACV,CAAC;IACD;IACAY,KAAK,EAAE;MACLN,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF,CAAC;EACD;EACAC,gBAAgB,EAAE,CAChB;IAAEV,MAAM,EAAE,SAAS;IAAEc,KAAK,EAAE,KAAK;IAAEH,SAAS,EAAE,CAAClB,YAAY,EAAEC,kBAAkB;EAAE,CAAC,CACnF;EACDkB,eAAe,EAAE;IACfZ,MAAM,EAAE,SAAS;IACjBc,KAAK,EAAE;EACT;AACF,CAAC,CAAC;;AAEF;AACA;AACO,MAAMC,0BAA0B,GAAAxB,OAAA,CAAAwB,0BAAA,GAAG,IAAAjB,UAAG,EAAC,CAC5CL,YAAY,EACZ,sDAAsD,EACtDC,kBAAkB,CACnB,CAAC;;AAEF;;AAEA;AACO,MAAMsB,mBAAmB,GAAAzB,OAAA,CAAAyB,mBAAA,GAAG,IAAAlB,UAAG,EAAC,CAAC,QAAQ,CAAC,EAAE;EACjDC,QAAQ,EAAE;IACRI,KAAK,EAAE;MACLC,IAAI,EAAE,6BAA6B;MACnCC,OAAO,EAAE,gCAAgC;MACzCC,MAAM,EAAE;IACV;EACF,CAAC;EACDM,eAAe,EAAE;IACfT,KAAK,EAAE;EACT;AACF,CAAC,CAAC;;AAEF;;AAEA;AACA;AACO,MAAMc,0BAA0B,GAAA1B,OAAA,CAAA0B,0BAAA,GAAG,IAAAnB,UAAG,EAAC,CAAC,8CAA8C,CAAC,EAAE;EAC9FC,QAAQ,EAAE;IACRmB,QAAQ,EAAE;MACRV,IAAI,EAAE,MAAM;MACZC,KAAK,EAAE;IACT;EACF,CAAC;EACDG,eAAe,EAAE;IACfM,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;;AAEF;;AAEA;AACA;AACO,MAAMC,kBAAkB,GAAA5B,OAAA,CAAA4B,kBAAA,GAAG,IAAArB,UAAG,EAAC,CAAC,mCAAmC,CAAC,CAAC;AAErE,MAAMsB,sBAAsB,GAAA7B,OAAA,CAAA6B,sBAAA,GAAG,IAAAtB,UAAG,EAAC,EAAE,EAAE;EAC5CC,QAAQ,EAAE;IACRI,KAAK,EAAE;MACLC,IAAI,EAAE,6BAA6B;MACnCC,OAAO,EAAE,gCAAgC;MACzCC,MAAM,EAAE;IACV;EACF,CAAC;EACDM,eAAe,EAAE;IACfT,KAAK,EAAE;EACT;AACF,CAAC,CAAC;;AAEF;;AAEA;AACO,MAAMkB,oBAAoB,GAAA9B,OAAA,CAAA8B,oBAAA,GAAG,IAAAvB,UAAG,EAAC,CAAC,sBAAsB,CAAC,CAAC;;AAEjE;;AAEO,MAAMwB,qBAAqB,GAAA/B,OAAA,CAAA+B,qBAAA,GAAG,IAAAxB,UAAG,EAAC,CAAC,gCAAgC,CAAC,CAAC;AAErE,MAAMyB,oBAAoB,GAAAhC,OAAA,CAAAgC,oBAAA,GAAG,IAAAzB,UAAG,EAAC,CAAC,iCAAiC,CAAC,EAAE;EAC3EC,QAAQ,EAAE;IACRmB,QAAQ,EAAE;MACRV,IAAI,EAAE,MAAM;MACZC,KAAK,EAAE;IACT;EACF,CAAC;EACDG,eAAe,EAAE;IACfM,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEK,MAAMM,0BAA0B,GAAAjC,OAAA,CAAAiC,0BAAA,GAAG,IAAA1B,UAAG,EAAC,CAAC,8BAA8B,CAAC,CAAC;AAExE,MAAM2B,sBAAsB,GAAAlC,OAAA,CAAAkC,sBAAA,GAAG,IAAA3B,UAAG,EAAC,EAAE,CAAC;;AAE7C;AACO,MAAM4B,qBAAqB,GAAAnC,OAAA,CAAAmC,qBAAA,GAAG,IAAA5B,UAAG,EAAC,CAAC,mDAAmD,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,93 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.InsightStack = void 0;
7
+ var _react = require("react");
8
+ var _reactNative = require("react-native");
9
+ var _primitives = require("@cdx-ui/primitives");
10
+ var _utils = require("@cdx-ui/utils");
11
+ var _styles = require("./styles");
12
+ var _jsxRuntime = require("react/jsx-runtime");
13
+ const layerCountFor = count => count >= 3 ? 2 : count >= 2 ? 1 : 0;
14
+ function InsightStackLayer({
15
+ depth,
16
+ layers
17
+ }) {
18
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
19
+ "aria-hidden": true,
20
+ accessibilityElementsHidden: true,
21
+ importantForAccessibility: "no-hide-descendants",
22
+ className: (0, _styles.insightStackLayerVariants)({
23
+ depth,
24
+ layers
25
+ }),
26
+ ...(0, _primitives.dataAttributes)({
27
+ slot: 'insight-stack-layer'
28
+ })
29
+ });
30
+ }
31
+ function InsightStackBody({
32
+ layers,
33
+ children
34
+ }) {
35
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
36
+ children: [layers === 2 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(InsightStackLayer, {
37
+ depth: 2,
38
+ layers: 2
39
+ }) : null, layers === 0 ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(InsightStackLayer, {
40
+ depth: 1,
41
+ layers: layers
42
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
43
+ className: (0, _styles.insightStackFrontVariants)(),
44
+ children: children
45
+ })]
46
+ });
47
+ }
48
+
49
+ /**
50
+ * Draws up to two decorative cards behind a summary Insight to show that more insights exist.
51
+ * The root adds no role, so the front Insight stays the only interactive element.
52
+ */
53
+ const InsightStack = exports.InsightStack = /*#__PURE__*/(0, _react.forwardRef)(({
54
+ count,
55
+ asChild = false,
56
+ className,
57
+ style,
58
+ children,
59
+ ...props
60
+ }, ref) => {
61
+ const layers = layerCountFor(count);
62
+ const rootProps = {
63
+ className: (0, _utils.cn)((0, _styles.insightStackRootVariants)({
64
+ layers
65
+ }), className),
66
+ style,
67
+ ...props,
68
+ ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
69
+ slot: 'insight-stack'
70
+ }))
71
+ };
72
+ if (asChild && /*#__PURE__*/(0, _react.isValidElement)(children)) {
73
+ const child = children;
74
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Slot, {
75
+ ref: ref,
76
+ ...rootProps,
77
+ children: /*#__PURE__*/(0, _react.cloneElement)(child, undefined, /*#__PURE__*/(0, _jsxRuntime.jsx)(InsightStackBody, {
78
+ layers: layers,
79
+ children: child.props.children
80
+ }))
81
+ });
82
+ }
83
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
84
+ ref: ref,
85
+ ...rootProps,
86
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(InsightStackBody, {
87
+ layers: layers,
88
+ children: children
89
+ })
90
+ });
91
+ });
92
+ InsightStack.displayName = 'InsightStack';
93
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_jsxRuntime","layerCountFor","count","InsightStackLayer","depth","layers","jsx","View","accessibilityElementsHidden","importantForAccessibility","className","insightStackLayerVariants","dataAttributes","slot","InsightStackBody","children","jsxs","Fragment","insightStackFrontVariants","InsightStack","exports","forwardRef","asChild","style","props","ref","rootProps","cn","insightStackRootVariants","mergeDataAttributes","isValidElement","child","Slot","cloneElement","undefined","displayName"],"sourceRoot":"../../../../src","sources":["components/InsightStack/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,61 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.insightStackRootVariants = exports.insightStackLayerVariants = exports.insightStackFrontVariants = void 0;
7
+ var _utils = require("@cdx-ui/utils");
8
+ // ── Root ────────────────────────────────────────────────────
9
+
10
+ // The bottom padding is the room the layers peek into: 6px per layer, matching Figma.
11
+ const insightStackRootVariants = exports.insightStackRootVariants = (0, _utils.cva)(['relative'], {
12
+ variants: {
13
+ layers: {
14
+ 0: '',
15
+ 1: 'pb-1.5',
16
+ 2: 'pb-3'
17
+ }
18
+ },
19
+ defaultVariants: {
20
+ layers: 0
21
+ }
22
+ });
23
+
24
+ // ── Front ───────────────────────────────────────────────────
25
+
26
+ // Keeps the front Insight painted above the layers on Android.
27
+ const insightStackFrontVariants = exports.insightStackFrontVariants = (0, _utils.cva)(['relative z-10']);
28
+
29
+ // ── Layer ───────────────────────────────────────────────────
30
+
31
+ // Each layer is anchored to the root's bottom, so it peeks 6px per depth below the front card
32
+ // whatever that card's height. Both start at `top-5`, below where any front card begins: a detail
33
+ // Insight's frame sits 11px down (its tag reserve), and the layer's 6px glow needs room above
34
+ // that, so the layer tops stay hidden behind the opaque front card (at least 60px tall). The insets
35
+ // are symmetric, so RTL needs no mirroring.
36
+ const insightStackLayerVariants = exports.insightStackLayerVariants = (0, _utils.cva)(['absolute', 'bg-surface-primary', 'border-2 border-stroke-secondary', 'rounded-[var(--border-radius-default)]', 'shadow-[0_0_6px_var(--color-surface-neutral-subtle)]'], {
37
+ variants: {
38
+ depth: {
39
+ 1: 'inset-x-1 top-5',
40
+ 2: 'inset-x-2 top-5 bottom-0'
41
+ },
42
+ layers: {
43
+ 1: '',
44
+ 2: ''
45
+ }
46
+ },
47
+ compoundVariants: [{
48
+ depth: 1,
49
+ layers: 1,
50
+ className: 'bottom-0'
51
+ }, {
52
+ depth: 1,
53
+ layers: 2,
54
+ className: 'bottom-1.5'
55
+ }],
56
+ defaultVariants: {
57
+ depth: 1,
58
+ layers: 1
59
+ }
60
+ });
61
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_utils","require","insightStackRootVariants","exports","cva","variants","layers","defaultVariants","insightStackFrontVariants","insightStackLayerVariants","depth","compoundVariants","className"],"sourceRoot":"../../../../src","sources":["components/InsightStack/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;;AAEA;AACO,MAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,UAAG,EAAC,CAAC,UAAU,CAAC,EAAE;EACxDC,QAAQ,EAAE;IACRC,MAAM,EAAE;MACN,CAAC,EAAE,EAAE;MACL,CAAC,EAAE,QAAQ;MACX,CAAC,EAAE;IACL;EACF,CAAC;EACDC,eAAe,EAAE;IACfD,MAAM,EAAE;EACV;AACF,CAAC,CAAC;;AAEF;;AAEA;AACO,MAAME,yBAAyB,GAAAL,OAAA,CAAAK,yBAAA,GAAG,IAAAJ,UAAG,EAAC,CAAC,eAAe,CAAC,CAAC;;AAE/D;;AAEA;AACA;AACA;AACA;AACA;AACO,MAAMK,yBAAyB,GAAAN,OAAA,CAAAM,yBAAA,GAAG,IAAAL,UAAG,EAC1C,CACE,UAAU,EACV,oBAAoB,EACpB,kCAAkC,EAClC,wCAAwC,EACxC,sDAAsD,CACvD,EACD;EACEC,QAAQ,EAAE;IACRK,KAAK,EAAE;MACL,CAAC,EAAE,iBAAiB;MACpB,CAAC,EAAE;IACL,CAAC;IACDJ,MAAM,EAAE;MACN,CAAC,EAAE,EAAE;MACL,CAAC,EAAE;IACL;EACF,CAAC;EACDK,gBAAgB,EAAE,CAChB;IAAED,KAAK,EAAE,CAAC;IAAEJ,MAAM,EAAE,CAAC;IAAEM,SAAS,EAAE;EAAW,CAAC,EAC9C;IAAEF,KAAK,EAAE,CAAC;IAAEJ,MAAM,EAAE,CAAC;IAAEM,SAAS,EAAE;EAAa,CAAC,CACjD;EACDL,eAAe,EAAE;IACfG,KAAK,EAAE,CAAC;IACRJ,MAAM,EAAE;EACV;AACF,CACF,CAAC","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Input","_styles","_styles2","_jsxRuntime","SCOPE","useOtpInputStyleContext","useStyleContext","OtpStyledCell","forwardRef","className","children","variant","variantProp","size","sizeProp","props","ref","context","jsx","Input","cn","otpCellVariants","displayName","OtpStyledField","setIsFocused","useInputContext","OtpInputField","onFocus","e","onBlur","OtpInputRoot","fullWidth","style","cellCount","value","onChangeText","onComplete","isDisabled","isInvalid","isReadOnly","smsOtpAutofill","filterInput","allowedCharacters","characterPattern","getCellProps","cellTestIdPrefix","accessibilityLabel","rest","otpContext","useOtpInput","rootClassName","otpRootVariants","parent","useParentContext","ctx","useMemo","fieldClassName","inputFieldVariants","otpFieldVariants","resolvedDisabled","resolvedInvalid","resolvedReadOnly","cells","i","push","OtpCellIndexProvider","cellIndex","ParentContext","Provider","OtpInputProvider","View","mergeDataAttributes","dataAttributes","slot","OtpInput","exports","Object","assign","Cell","Field"],"sourceRoot":"../../../../src","sources":["components/OtpInput/index.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Input","_styles","_styles2","_jsxRuntime","SCOPE","useOtpInputStyleContext","useStyleContext","OtpStyledCell","forwardRef","className","children","variant","variantProp","size","sizeProp","props","ref","context","jsx","Input","cn","otpCellVariants","displayName","OtpStyledField","setIsFocused","useInputContext","OtpInputField","onFocus","e","onBlur","OtpInputRoot","fullWidth","style","cellCount","value","onChangeText","onComplete","isDisabled","isInvalid","isReadOnly","smsOtpAutofill","filterInput","allowedCharacters","characterPattern","getCellProps","cellTestIdPrefix","accessibilityLabel","rest","otpContext","useOtpInput","rootClassName","otpRootVariants","parent","useParentContext","ctx","useMemo","fieldClassName","inputFieldVariants","otpFieldVariants","resolvedDisabled","resolvedInvalid","resolvedReadOnly","cells","i","push","OtpCellIndexProvider","cellIndex","ParentContext","Provider","OtpInputProvider","View","mergeDataAttributes","dataAttributes","slot","OtpInput","exports","Object","assign","Cell","Field"],"sourceRoot":"../../../../src","sources":["components/OtpInput/index.tsx"],"mappings":"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","ignoreList":[]}