@clicoh/orion-library 1.2.0-beta.11 → 1.2.0-beta.13

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 (243) hide show
  1. package/assets/css/expresivo.css +895 -0
  2. package/assets/mascotas/svg/bugi-mascota-01-alerta.svg +39 -0
  3. package/assets/mascotas/svg/bugi-mascota-02-investigando.svg +36 -0
  4. package/assets/mascotas/svg/bugi-mascota-05-sorprendido.svg +38 -0
  5. package/assets/mascotas/svg/oculus-mascota-01-feliz.svg +52 -0
  6. package/assets/mascotas/svg/oculus-mascota-02-investigando.svg +51 -0
  7. package/assets/mascotas/svg/oculus-mascota-03-dudando.svg +51 -0
  8. package/assets/mascotas/svg/oculus-mascota-04-analizando-documento.svg +53 -0
  9. package/assets/mascotas/svg/oculus-mascota-06-celebrando.svg +54 -0
  10. package/assets/mascotas/svg/oculus-mascota-07-buscando-rapido.svg +57 -0
  11. package/assets/mascotas/svg/oculus-mascota-08-satisfecho.svg +55 -0
  12. package/assets/mascotas/webp/fixi-mascota-01-feliz-sm.webp +0 -0
  13. package/assets/mascotas/webp/fixi-mascota-02-investigando-sm.webp +0 -0
  14. package/assets/mascotas/webp/fixi-mascota-03-dudando-sm.webp +0 -0
  15. package/assets/mascotas/webp/fixi-mascota-04-reparando-sm.webp +0 -0
  16. package/assets/mascotas/webp/fixi-mascota-05-sorprendido-sm.webp +0 -0
  17. package/assets/mascotas/webp/fixi-mascota-06-celebrando-sm.webp +0 -0
  18. package/assets/mascotas/webp/fixi-mascota-07-corriendo-sm.webp +0 -0
  19. package/dist/components/01-atoms/Button/Button.d.ts +18 -1
  20. package/dist/components/01-atoms/Button/Button.d.ts.map +1 -1
  21. package/dist/components/01-atoms/Button/Button.jsx +25 -5
  22. package/dist/components/01-atoms/Button/Button.jsx.map +1 -1
  23. package/dist/components/01-atoms/CodeBlock/CodeBlock.d.ts +56 -0
  24. package/dist/components/01-atoms/CodeBlock/CodeBlock.d.ts.map +1 -0
  25. package/dist/components/01-atoms/CodeBlock/CodeBlock.jsx +97 -0
  26. package/dist/components/01-atoms/CodeBlock/CodeBlock.jsx.map +1 -0
  27. package/dist/components/01-atoms/CodeBlock/index.d.ts +2 -0
  28. package/dist/components/01-atoms/CodeBlock/index.d.ts.map +1 -0
  29. package/dist/components/01-atoms/CodeBlock/index.js +2 -0
  30. package/dist/components/01-atoms/CodeBlock/index.js.map +1 -0
  31. package/dist/components/01-atoms/Heading/Heading.jsx +1 -1
  32. package/dist/components/01-atoms/Heading/Heading.jsx.map +1 -1
  33. package/dist/components/01-atoms/Input/Input.d.ts.map +1 -1
  34. package/dist/components/01-atoms/Input/Input.jsx +9 -7
  35. package/dist/components/01-atoms/Input/Input.jsx.map +1 -1
  36. package/dist/components/01-atoms/Input/utils/RenderErrorOrHelperText.d.ts.map +1 -1
  37. package/dist/components/01-atoms/Input/utils/RenderErrorOrHelperText.jsx +1 -1
  38. package/dist/components/01-atoms/Input/utils/RenderErrorOrHelperText.jsx.map +1 -1
  39. package/dist/components/01-atoms/Select/Select.d.ts.map +1 -1
  40. package/dist/components/01-atoms/Select/Select.jsx +7 -7
  41. package/dist/components/01-atoms/Select/Select.jsx.map +1 -1
  42. package/dist/components/01-atoms/Spinner/Spinner.d.ts +24 -3
  43. package/dist/components/01-atoms/Spinner/Spinner.d.ts.map +1 -1
  44. package/dist/components/01-atoms/Spinner/Spinner.jsx +30 -4
  45. package/dist/components/01-atoms/Spinner/Spinner.jsx.map +1 -1
  46. package/dist/components/01-atoms/Spinner/index.d.ts +1 -0
  47. package/dist/components/01-atoms/Spinner/index.d.ts.map +1 -1
  48. package/dist/components/01-atoms/Stat/Stat.d.ts +47 -0
  49. package/dist/components/01-atoms/Stat/Stat.d.ts.map +1 -0
  50. package/dist/components/01-atoms/Stat/Stat.jsx +64 -0
  51. package/dist/components/01-atoms/Stat/Stat.jsx.map +1 -0
  52. package/dist/components/01-atoms/Stat/index.d.ts +2 -0
  53. package/dist/components/01-atoms/Stat/index.d.ts.map +1 -0
  54. package/dist/components/01-atoms/Stat/index.js +2 -0
  55. package/dist/components/01-atoms/Stat/index.js.map +1 -0
  56. package/dist/components/01-atoms/Textarea/Textarea.d.ts.map +1 -1
  57. package/dist/components/01-atoms/Textarea/Textarea.jsx +3 -3
  58. package/dist/components/01-atoms/Textarea/Textarea.jsx.map +1 -1
  59. package/dist/components/01-atoms/index.d.ts +2 -0
  60. package/dist/components/01-atoms/index.d.ts.map +1 -1
  61. package/dist/components/01-atoms/index.js +2 -0
  62. package/dist/components/01-atoms/index.js.map +1 -1
  63. package/dist/components/02-molecules/Accordion/AccordionSection.d.ts.map +1 -1
  64. package/dist/components/02-molecules/Accordion/AccordionSection.jsx +26 -3
  65. package/dist/components/02-molecules/Accordion/AccordionSection.jsx.map +1 -1
  66. package/dist/components/02-molecules/Card/Card.d.ts +74 -0
  67. package/dist/components/02-molecules/Card/Card.d.ts.map +1 -0
  68. package/dist/components/02-molecules/Card/Card.jsx +83 -0
  69. package/dist/components/02-molecules/Card/Card.jsx.map +1 -0
  70. package/dist/components/02-molecules/Card/index.d.ts +2 -0
  71. package/dist/components/02-molecules/Card/index.d.ts.map +1 -0
  72. package/dist/components/02-molecules/Card/index.js +2 -0
  73. package/dist/components/02-molecules/Card/index.js.map +1 -0
  74. package/dist/components/02-molecules/DatePicker/DatePicker.d.ts +37 -2
  75. package/dist/components/02-molecules/DatePicker/DatePicker.d.ts.map +1 -1
  76. package/dist/components/02-molecules/DatePicker/DatePicker.jsx +187 -32
  77. package/dist/components/02-molecules/DatePicker/DatePicker.jsx.map +1 -1
  78. package/dist/components/02-molecules/EmptyState/EmptyState.d.ts +52 -0
  79. package/dist/components/02-molecules/EmptyState/EmptyState.d.ts.map +1 -0
  80. package/dist/components/02-molecules/EmptyState/EmptyState.jsx +66 -0
  81. package/dist/components/02-molecules/EmptyState/EmptyState.jsx.map +1 -0
  82. package/dist/components/02-molecules/EmptyState/index.d.ts +2 -0
  83. package/dist/components/02-molecules/EmptyState/index.d.ts.map +1 -0
  84. package/dist/components/02-molecules/EmptyState/index.js +2 -0
  85. package/dist/components/02-molecules/EmptyState/index.js.map +1 -0
  86. package/dist/components/02-molecules/Filter/Filter.d.ts +7 -1
  87. package/dist/components/02-molecules/Filter/Filter.d.ts.map +1 -1
  88. package/dist/components/02-molecules/Filter/Filter.jsx +10 -7
  89. package/dist/components/02-molecules/Filter/Filter.jsx.map +1 -1
  90. package/dist/components/02-molecules/InlineMessage/InlineMessage.d.ts +15 -1
  91. package/dist/components/02-molecules/InlineMessage/InlineMessage.d.ts.map +1 -1
  92. package/dist/components/02-molecules/InlineMessage/InlineMessage.jsx +18 -3
  93. package/dist/components/02-molecules/InlineMessage/InlineMessage.jsx.map +1 -1
  94. package/dist/components/02-molecules/Menu/MenuItem.d.ts.map +1 -1
  95. package/dist/components/02-molecules/Menu/MenuItem.jsx +2 -2
  96. package/dist/components/02-molecules/Menu/MenuItem.jsx.map +1 -1
  97. package/dist/components/02-molecules/Menu/MenuList.d.ts.map +1 -1
  98. package/dist/components/02-molecules/Menu/MenuList.jsx +1 -1
  99. package/dist/components/02-molecules/Menu/MenuList.jsx.map +1 -1
  100. package/dist/components/02-molecules/Stepper/Stepper.d.ts +70 -0
  101. package/dist/components/02-molecules/Stepper/Stepper.d.ts.map +1 -0
  102. package/dist/components/02-molecules/Stepper/Stepper.jsx +204 -0
  103. package/dist/components/02-molecules/Stepper/Stepper.jsx.map +1 -0
  104. package/dist/components/02-molecules/Stepper/index.d.ts +2 -0
  105. package/dist/components/02-molecules/Stepper/index.d.ts.map +1 -0
  106. package/dist/components/02-molecules/Stepper/index.js +2 -0
  107. package/dist/components/02-molecules/Stepper/index.js.map +1 -0
  108. package/dist/components/02-molecules/Table/Table.d.ts +3 -1
  109. package/dist/components/02-molecules/Table/Table.d.ts.map +1 -1
  110. package/dist/components/02-molecules/Table/Table.jsx +6 -5
  111. package/dist/components/02-molecules/Table/Table.jsx.map +1 -1
  112. package/dist/components/02-molecules/Timeline/Timeline.d.ts +47 -0
  113. package/dist/components/02-molecules/Timeline/Timeline.d.ts.map +1 -0
  114. package/dist/components/02-molecules/Timeline/Timeline.jsx +65 -0
  115. package/dist/components/02-molecules/Timeline/Timeline.jsx.map +1 -0
  116. package/dist/components/02-molecules/Timeline/index.d.ts +2 -0
  117. package/dist/components/02-molecules/Timeline/index.d.ts.map +1 -0
  118. package/dist/components/02-molecules/Timeline/index.js +2 -0
  119. package/dist/components/02-molecules/Timeline/index.js.map +1 -0
  120. package/dist/components/02-molecules/index.d.ts +4 -0
  121. package/dist/components/02-molecules/index.d.ts.map +1 -1
  122. package/dist/components/02-molecules/index.js +4 -0
  123. package/dist/components/02-molecules/index.js.map +1 -1
  124. package/dist/components/03-organisms/DataTable/DataTable.d.ts +1 -1
  125. package/dist/components/03-organisms/DataTable/DataTable.d.ts.map +1 -1
  126. package/dist/components/03-organisms/DataTable/DataTable.jsx.map +1 -1
  127. package/dist/components/03-organisms/Header/Header.d.ts +3 -1
  128. package/dist/components/03-organisms/Header/Header.d.ts.map +1 -1
  129. package/dist/components/03-organisms/Header/Header.jsx +4 -5
  130. package/dist/components/03-organisms/Header/Header.jsx.map +1 -1
  131. package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.d.ts +24 -4
  132. package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.d.ts.map +1 -1
  133. package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.jsx +31 -8
  134. package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.jsx.map +1 -1
  135. package/dist/components/04-templates/DashboardTemplate/HeadingWithTitle.d.ts +6 -2
  136. package/dist/components/04-templates/DashboardTemplate/HeadingWithTitle.d.ts.map +1 -1
  137. package/dist/components/04-templates/DashboardTemplate/HeadingWithTitle.jsx +7 -3
  138. package/dist/components/04-templates/DashboardTemplate/HeadingWithTitle.jsx.map +1 -1
  139. package/dist/components/04-templates/LoginTemplate/LoginTemplate.d.ts +2 -0
  140. package/dist/components/04-templates/LoginTemplate/LoginTemplate.d.ts.map +1 -1
  141. package/dist/components/04-templates/LoginTemplate/LoginTemplate.jsx +2 -1
  142. package/dist/components/04-templates/LoginTemplate/LoginTemplate.jsx.map +1 -1
  143. package/expresivo/ExpBubble/ExpBubble.d.ts +51 -0
  144. package/expresivo/ExpBubble/ExpBubble.d.ts.map +1 -0
  145. package/expresivo/ExpBubble/ExpBubble.jsx +74 -0
  146. package/expresivo/ExpBubble/ExpBubble.jsx.map +1 -0
  147. package/expresivo/ExpBubble/index.d.ts +3 -0
  148. package/expresivo/ExpBubble/index.d.ts.map +1 -0
  149. package/expresivo/ExpBubble/index.js +2 -0
  150. package/expresivo/ExpBubble/index.js.map +1 -0
  151. package/expresivo/ExpCollapseToggle/ExpCollapseToggle.d.ts +37 -0
  152. package/expresivo/ExpCollapseToggle/ExpCollapseToggle.d.ts.map +1 -0
  153. package/expresivo/ExpCollapseToggle/ExpCollapseToggle.jsx +43 -0
  154. package/expresivo/ExpCollapseToggle/ExpCollapseToggle.jsx.map +1 -0
  155. package/expresivo/ExpCollapseToggle/index.d.ts +3 -0
  156. package/expresivo/ExpCollapseToggle/index.d.ts.map +1 -0
  157. package/expresivo/ExpCollapseToggle/index.js +2 -0
  158. package/expresivo/ExpCollapseToggle/index.js.map +1 -0
  159. package/expresivo/ExpGrowBar/ExpGrowBar.d.ts +26 -0
  160. package/expresivo/ExpGrowBar/ExpGrowBar.d.ts.map +1 -0
  161. package/expresivo/ExpGrowBar/ExpGrowBar.jsx +39 -0
  162. package/expresivo/ExpGrowBar/ExpGrowBar.jsx.map +1 -0
  163. package/expresivo/ExpGrowBar/index.d.ts +3 -0
  164. package/expresivo/ExpGrowBar/index.d.ts.map +1 -0
  165. package/expresivo/ExpGrowBar/index.js +2 -0
  166. package/expresivo/ExpGrowBar/index.js.map +1 -0
  167. package/expresivo/ExpJourneyTrack/ExpJourneyTrack.d.ts +65 -0
  168. package/expresivo/ExpJourneyTrack/ExpJourneyTrack.d.ts.map +1 -0
  169. package/expresivo/ExpJourneyTrack/ExpJourneyTrack.jsx +156 -0
  170. package/expresivo/ExpJourneyTrack/ExpJourneyTrack.jsx.map +1 -0
  171. package/expresivo/ExpJourneyTrack/index.d.ts +3 -0
  172. package/expresivo/ExpJourneyTrack/index.d.ts.map +1 -0
  173. package/expresivo/ExpJourneyTrack/index.js +2 -0
  174. package/expresivo/ExpJourneyTrack/index.js.map +1 -0
  175. package/expresivo/ExpKeyButton/ExpKeyButton.d.ts +49 -0
  176. package/expresivo/ExpKeyButton/ExpKeyButton.d.ts.map +1 -0
  177. package/expresivo/ExpKeyButton/ExpKeyButton.jsx +60 -0
  178. package/expresivo/ExpKeyButton/ExpKeyButton.jsx.map +1 -0
  179. package/expresivo/ExpKeyButton/index.d.ts +3 -0
  180. package/expresivo/ExpKeyButton/index.d.ts.map +1 -0
  181. package/expresivo/ExpKeyButton/index.js +2 -0
  182. package/expresivo/ExpKeyButton/index.js.map +1 -0
  183. package/expresivo/ExpLensIcon/ExpLensIcon.d.ts +29 -0
  184. package/expresivo/ExpLensIcon/ExpLensIcon.d.ts.map +1 -0
  185. package/expresivo/ExpLensIcon/ExpLensIcon.jsx +29 -0
  186. package/expresivo/ExpLensIcon/ExpLensIcon.jsx.map +1 -0
  187. package/expresivo/ExpLensIcon/index.d.ts +3 -0
  188. package/expresivo/ExpLensIcon/index.d.ts.map +1 -0
  189. package/expresivo/ExpLensIcon/index.js +2 -0
  190. package/expresivo/ExpLensIcon/index.js.map +1 -0
  191. package/expresivo/ExpMascot/ExpMascot.d.ts +38 -0
  192. package/expresivo/ExpMascot/ExpMascot.d.ts.map +1 -0
  193. package/expresivo/ExpMascot/ExpMascot.jsx +41 -0
  194. package/expresivo/ExpMascot/ExpMascot.jsx.map +1 -0
  195. package/expresivo/ExpMascot/catalog.d.ts +12 -0
  196. package/expresivo/ExpMascot/catalog.d.ts.map +1 -0
  197. package/expresivo/ExpMascot/catalog.js +41 -0
  198. package/expresivo/ExpMascot/catalog.js.map +1 -0
  199. package/expresivo/ExpMascot/index.d.ts +4 -0
  200. package/expresivo/ExpMascot/index.d.ts.map +1 -0
  201. package/expresivo/ExpMascot/index.js +2 -0
  202. package/expresivo/ExpMascot/index.js.map +1 -0
  203. package/expresivo/ExpMedalBadge/ExpMedalBadge.d.ts +29 -0
  204. package/expresivo/ExpMedalBadge/ExpMedalBadge.d.ts.map +1 -0
  205. package/expresivo/ExpMedalBadge/ExpMedalBadge.jsx +87 -0
  206. package/expresivo/ExpMedalBadge/ExpMedalBadge.jsx.map +1 -0
  207. package/expresivo/ExpMedalBadge/index.d.ts +3 -0
  208. package/expresivo/ExpMedalBadge/index.d.ts.map +1 -0
  209. package/expresivo/ExpMedalBadge/index.js +2 -0
  210. package/expresivo/ExpMedalBadge/index.js.map +1 -0
  211. package/expresivo/ExpPillButton/ExpPillButton.d.ts +44 -0
  212. package/expresivo/ExpPillButton/ExpPillButton.d.ts.map +1 -0
  213. package/expresivo/ExpPillButton/ExpPillButton.jsx +75 -0
  214. package/expresivo/ExpPillButton/ExpPillButton.jsx.map +1 -0
  215. package/expresivo/ExpPillButton/index.d.ts +3 -0
  216. package/expresivo/ExpPillButton/index.d.ts.map +1 -0
  217. package/expresivo/ExpPillButton/index.js +2 -0
  218. package/expresivo/ExpPillButton/index.js.map +1 -0
  219. package/expresivo/ExpScope/ExpScope.d.ts +63 -0
  220. package/expresivo/ExpScope/ExpScope.d.ts.map +1 -0
  221. package/expresivo/ExpScope/ExpScope.jsx +67 -0
  222. package/expresivo/ExpScope/ExpScope.jsx.map +1 -0
  223. package/expresivo/ExpScope/index.d.ts +3 -0
  224. package/expresivo/ExpScope/index.d.ts.map +1 -0
  225. package/expresivo/ExpScope/index.js +2 -0
  226. package/expresivo/ExpScope/index.js.map +1 -0
  227. package/expresivo/ExpScoreRing/ExpScoreRing.d.ts +35 -0
  228. package/expresivo/ExpScoreRing/ExpScoreRing.d.ts.map +1 -0
  229. package/expresivo/ExpScoreRing/ExpScoreRing.jsx +67 -0
  230. package/expresivo/ExpScoreRing/ExpScoreRing.jsx.map +1 -0
  231. package/expresivo/ExpScoreRing/index.d.ts +3 -0
  232. package/expresivo/ExpScoreRing/index.d.ts.map +1 -0
  233. package/expresivo/ExpScoreRing/index.js +2 -0
  234. package/expresivo/ExpScoreRing/index.js.map +1 -0
  235. package/expresivo/index.d.ts +12 -0
  236. package/expresivo/index.d.ts.map +1 -0
  237. package/expresivo/index.js +12 -0
  238. package/expresivo/index.js.map +1 -0
  239. package/expresivo/shared/glyphs.d.ts +20 -0
  240. package/expresivo/shared/glyphs.d.ts.map +1 -0
  241. package/expresivo/shared/glyphs.jsx +60 -0
  242. package/expresivo/shared/glyphs.jsx.map +1 -0
  243. package/package.json +3 -2
@@ -23,4 +23,6 @@ export * from './OtpInput';
23
23
  export * from './ThemeSwitch';
24
24
  export * from './SmallInput';
25
25
  export * from './CountryFlag';
26
+ export * from './Stat';
27
+ export * from './CodeBlock';
26
28
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/01-atoms/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/01-atoms/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionSection.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Accordion/AccordionSection.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,SAAS,EAMV,MAAM,OAAO,CAAC;AAOf,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AA0BF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,EAAE,GACH,EAAE,qBAAqB,GAAG,SAAS,CA8EnC"}
1
+ {"version":3,"file":"AccordionSection.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Accordion/AccordionSection.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,SAAS,EAMV,MAAM,OAAO,CAAC;AAOf,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AA6BF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,EAAE,GACH,EAAE,qBAAqB,GAAG,SAAS,CA0GnC"}
@@ -21,6 +21,8 @@ const chevronStyleMap = {
21
21
  pill: '',
22
22
  plain: 'size-3 text-gray-1 dark:text-gray-2',
23
23
  };
24
+ /** Matches `duration-300` on the content. */
25
+ const OPEN_DURATION_MS = 300;
24
26
  /**
25
27
  * AccordionSection component for displaying a collapsible section within an Accordion.
26
28
  * The header takes the `modifier` of the parent Accordion.
@@ -45,6 +47,9 @@ export function AccordionSection({ title, children, id, }) {
45
47
  const contentRef = useRef(null);
46
48
  // A section that starts open renders at full height instead of animating in.
47
49
  const [maxHeight, setMaxHeight] = useState(isActivated ? 'none' : '0px');
50
+ // Once fully open the content stops clipping, so a popover inside it
51
+ // (DatePicker, Autocomplete) can overflow the section.
52
+ const [isSettled, setIsSettled] = useState(isActivated);
48
53
  const generatedId = useId();
49
54
  const triggerId = `${generatedId}-trigger`;
50
55
  const panelId = `${generatedId}-panel`;
@@ -52,11 +57,29 @@ export function AccordionSection({ title, children, id, }) {
52
57
  if (!contentRef.current) {
53
58
  return;
54
59
  }
55
- setMaxHeight(isActivated ? `${contentRef.current.scrollHeight}px` : '0px');
56
- }, [isActivated]);
60
+ if (!isActivated) {
61
+ setIsSettled(false);
62
+ setMaxHeight('0px');
63
+ return;
64
+ }
65
+ if (isSettled) {
66
+ return;
67
+ }
68
+ setMaxHeight(`${contentRef.current.scrollHeight}px`);
69
+ }, [isActivated, isSettled]);
57
70
  useEffect(() => {
58
71
  updateHeight();
59
72
  }, [isActivated, updateHeight]);
73
+ useEffect(() => {
74
+ if (!isActivated || isSettled) {
75
+ return;
76
+ }
77
+ const timer = window.setTimeout(() => {
78
+ setIsSettled(true);
79
+ setMaxHeight('none');
80
+ }, OPEN_DURATION_MS);
81
+ return () => window.clearTimeout(timer);
82
+ }, [isActivated, isSettled]);
60
83
  useEffect(() => {
61
84
  window.addEventListener('resize', updateHeight);
62
85
  return () => window.removeEventListener('resize', updateHeight);
@@ -75,7 +98,7 @@ export function AccordionSection({ title, children, id, }) {
75
98
  <span>{title}</span>
76
99
  <FaChevronDown aria-hidden className={clsx('transition-transform duration-300 ease-in-out', chevronStyleMap[context.modifier], isActivated && 'rotate-180 transform')}/>
77
100
  </button>
78
- <div ref={contentRef} id={panelId} role="region" aria-labelledby={triggerId} hidden={!isActivated} style={{ maxHeight }} className="overflow-hidden text-black transition-all duration-300 ease-in-out dark:text-white">
101
+ <div ref={contentRef} id={panelId} role="region" aria-labelledby={triggerId} hidden={!isActivated} style={{ maxHeight }} className={clsx('text-black transition-all duration-300 ease-in-out dark:text-white', isSettled ? 'overflow-visible' : 'overflow-hidden')}>
79
102
  <div>{children}</div>
80
103
  </div>
81
104
  </section>);
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionSection.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Accordion/AccordionSection.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"AccordionSection.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Accordion/AccordionSection.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,74 @@
1
+ import type { HTMLAttributes, ReactNode } from 'react';
2
+ export type CardModifier = 'outline' | 'accent' | 'tinted';
3
+ export type CardPadding = 'md' | 'sm';
4
+ export type CardElement = 'div' | 'section' | 'article' | 'li' | 'aside';
5
+ type CardBaseProps = {
6
+ as?: CardElement;
7
+ modifier?: CardModifier;
8
+ padding?: CardPadding;
9
+ titleLevel?: 'h6' | 'h7';
10
+ /** Content at the right of the title: a badge, a menu, a secondary action. */
11
+ headerEnd?: ReactNode;
12
+ /** Zone at the bottom, separated by a border. */
13
+ footer?: ReactNode;
14
+ children?: ReactNode;
15
+ } & Omit<HTMLAttributes<HTMLElement>, 'title' | 'onClick'>;
16
+ type CardStaticProps = {
17
+ title?: ReactNode;
18
+ href?: never;
19
+ onClick?: never;
20
+ };
21
+ type CardLinkProps = {
22
+ title: ReactNode;
23
+ href: string;
24
+ onClick?: never;
25
+ };
26
+ type CardButtonProps = {
27
+ title: ReactNode;
28
+ onClick: () => void;
29
+ href?: never;
30
+ };
31
+ export type CardProps = CardBaseProps & (CardStaticProps | CardLinkProps | CardButtonProps);
32
+ /**
33
+ * Bordered container that groups content inside a page: a summary, a form
34
+ * section, an item of a list on mobile.
35
+ *
36
+ * With `href` or `onClick` the whole card navigates or acts. The title becomes
37
+ * the link or button and stretches over the card, so its text is the
38
+ * accessible name and a control inside `headerEnd` or `footer` keeps its own
39
+ * click.
40
+ *
41
+ * @component
42
+ * @example
43
+ * <Card title="Shipping address" headerEnd={<Badge>Default</Badge>}>
44
+ * <Paragraph>Av. Siempre Viva 742</Paragraph>
45
+ * </Card>
46
+ *
47
+ * @example
48
+ * // The whole card opens a detail, with its own action in the footer
49
+ * <Card
50
+ * as="li"
51
+ * title="Order 1043"
52
+ * onClick={() => openOrder('1043')}
53
+ * footer={<Button size="sm" modifier="second">Cancel</Button>}
54
+ * >
55
+ * 3 items · Delivered
56
+ * </Card>
57
+ *
58
+ * @param {Object} props - The properties of the Card component.
59
+ * @param {'div' | 'section' | 'article' | 'li' | 'aside'} [props.as='div'] - The HTML element to render.
60
+ * @param {'outline' | 'accent' | 'tinted'} [props.modifier='outline'] - `outline` has a gray border, `accent` a lavender border, `tinted` a light lavender background with a lavender border.
61
+ * @param {'md' | 'sm'} [props.padding='md'] - `md` is 20px; `sm` is 16px, for dense lists and mobile.
62
+ * @param {ReactNode} [props.title] - Card title. Required with `href` or `onClick`: it is the accessible name.
63
+ * @param {'h6' | 'h7'} [props.titleLevel='h7'] - Heading level of the title.
64
+ * @param {ReactNode} [props.headerEnd] - Content at the right of the title.
65
+ * @param {ReactNode} [props.footer] - Zone at the bottom separated by a border. The consumer decides if an action takes the full width.
66
+ * @param {string} [props.href] - The whole card navigates to this URL.
67
+ * @param {() => void} [props.onClick] - The whole card is a button; Enter and Space activate it.
68
+ * @param {ReactNode} [props.children] - Card content.
69
+ *
70
+ * @returns {ReactNode} The rendered Card component.
71
+ */
72
+ export declare function Card({ as: Element, modifier, padding, title, titleLevel, headerEnd, footer, href, onClick, children, ...restProps }: CardProps): ReactNode;
73
+ export {};
74
+ //# sourceMappingURL=Card.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Card/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC3D,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;AACtC,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,IAAI,GAAG,OAAO,CAAC;AAEzE,KAAK,aAAa,GAAG;IACnB,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iDAAiD;IACjD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC;AAE3D,KAAK,eAAe,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAC5E,KAAK,aAAa,GAAG;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACzE,KAAK,eAAe,GAAG;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE/E,MAAM,MAAM,SAAS,GAAG,aAAa,GACnC,CAAC,eAAe,GAAG,aAAa,GAAG,eAAe,CAAC,CAAC;AA0BtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,wBAAgB,IAAI,CAAC,EACnB,EAAE,EAAE,OAAe,EACnB,QAAoB,EACpB,OAAc,EACd,KAAK,EACL,UAAiB,EACjB,SAAS,EACT,MAAM,EACN,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,SAAS,GAAG,SAAS,CA0DvB"}
@@ -0,0 +1,83 @@
1
+ import clsx from 'clsx';
2
+ import Link from 'next/link';
3
+ import { Heading } from '../../01-atoms/Heading';
4
+ const styleMap = {
5
+ outline: 'border-gray-5 dark:border-gray-1 bg-white dark:bg-black',
6
+ accent: 'border-lavender dark:border-lavender-dark bg-white dark:bg-black',
7
+ tinted: 'border-lavender-1 bg-lavender-3 dark:border-lavender-dark-1 dark:bg-lavender-dark-1/40',
8
+ };
9
+ const interactiveMap = {
10
+ outline: 'hover:border-gray-2 dark:hover:border-gray-2',
11
+ accent: 'hover:bg-lavender-3 dark:hover:bg-lavender-dark-1/40',
12
+ tinted: 'hover:border-lavender dark:hover:border-lavender-dark',
13
+ };
14
+ const paddingMap = {
15
+ md: { box: 'p-5', footer: '-mx-5 px-5 pt-4' },
16
+ sm: { box: 'p-4', footer: '-mx-4 px-4 pt-3' },
17
+ };
18
+ const triggerClassName = clsx('cursor-pointer text-left focus-visible:outline-none', 'after:absolute after:-inset-px after:rounded-lg', 'focus-visible:after:outline-lavender dark:focus-visible:after:outline-lavender-dark focus-visible:after:outline-2 focus-visible:after:outline-offset-2');
19
+ /**
20
+ * Bordered container that groups content inside a page: a summary, a form
21
+ * section, an item of a list on mobile.
22
+ *
23
+ * With `href` or `onClick` the whole card navigates or acts. The title becomes
24
+ * the link or button and stretches over the card, so its text is the
25
+ * accessible name and a control inside `headerEnd` or `footer` keeps its own
26
+ * click.
27
+ *
28
+ * @component
29
+ * @example
30
+ * <Card title="Shipping address" headerEnd={<Badge>Default</Badge>}>
31
+ * <Paragraph>Av. Siempre Viva 742</Paragraph>
32
+ * </Card>
33
+ *
34
+ * @example
35
+ * // The whole card opens a detail, with its own action in the footer
36
+ * <Card
37
+ * as="li"
38
+ * title="Order 1043"
39
+ * onClick={() => openOrder('1043')}
40
+ * footer={<Button size="sm" modifier="second">Cancel</Button>}
41
+ * >
42
+ * 3 items · Delivered
43
+ * </Card>
44
+ *
45
+ * @param {Object} props - The properties of the Card component.
46
+ * @param {'div' | 'section' | 'article' | 'li' | 'aside'} [props.as='div'] - The HTML element to render.
47
+ * @param {'outline' | 'accent' | 'tinted'} [props.modifier='outline'] - `outline` has a gray border, `accent` a lavender border, `tinted` a light lavender background with a lavender border.
48
+ * @param {'md' | 'sm'} [props.padding='md'] - `md` is 20px; `sm` is 16px, for dense lists and mobile.
49
+ * @param {ReactNode} [props.title] - Card title. Required with `href` or `onClick`: it is the accessible name.
50
+ * @param {'h6' | 'h7'} [props.titleLevel='h7'] - Heading level of the title.
51
+ * @param {ReactNode} [props.headerEnd] - Content at the right of the title.
52
+ * @param {ReactNode} [props.footer] - Zone at the bottom separated by a border. The consumer decides if an action takes the full width.
53
+ * @param {string} [props.href] - The whole card navigates to this URL.
54
+ * @param {() => void} [props.onClick] - The whole card is a button; Enter and Space activate it.
55
+ * @param {ReactNode} [props.children] - Card content.
56
+ *
57
+ * @returns {ReactNode} The rendered Card component.
58
+ */
59
+ export function Card({ as: Element = 'div', modifier = 'outline', padding = 'md', title, titleLevel = 'h7', headerEnd, footer, href, onClick, children, ...restProps }) {
60
+ const isInteractive = !!href || !!onClick;
61
+ const sizing = paddingMap[padding];
62
+ return (<Element {...restProps} data-orion-part="card" className={clsx('flex flex-col gap-3 rounded-lg border text-black transition-colors dark:text-white', isInteractive && 'relative', styleMap[modifier], isInteractive && interactiveMap[modifier], sizing.box, restProps.className)}>
63
+ {(!!title || !!headerEnd) && (<div className="flex items-start justify-between gap-3">
64
+ {!!title && (<Heading level={titleLevel} className="min-w-0">
65
+ {!!href && (<Link href={href} className={triggerClassName}>
66
+ {title}
67
+ </Link>)}
68
+ {!!onClick && (<button type="button" onClick={onClick} className={triggerClassName}>
69
+ {title}
70
+ </button>)}
71
+ {!isInteractive && title}
72
+ </Heading>)}
73
+ {!!headerEnd && (<div className="relative z-10 flex shrink-0 items-center gap-2">
74
+ {headerEnd}
75
+ </div>)}
76
+ </div>)}
77
+ {children}
78
+ {!!footer && (<div className={clsx('border-gray-5 dark:border-gray-1 relative z-10 mt-1 border-t', sizing.footer)}>
79
+ {footer}
80
+ </div>)}
81
+ </Element>);
82
+ }
83
+ //# sourceMappingURL=Card.jsx.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAyBjD,MAAM,QAAQ,GAAiC;IAC7C,OAAO,EAAE,yDAAyD;IAClE,MAAM,EAAE,kEAAkE;IAC1E,MAAM,EACJ,wFAAwF;CAC3F,CAAC;AAEF,MAAM,cAAc,GAAiC;IACnD,OAAO,EAAE,8CAA8C;IACvD,MAAM,EAAE,sDAAsD;IAC9D,MAAM,EAAE,uDAAuD;CAChE,CAAC;AAEF,MAAM,UAAU,GAAyD;IACvE,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE;IAC7C,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE;CAC9C,CAAC;AAEF,MAAM,gBAAgB,GAAG,IAAI,CAC3B,qDAAqD,EACrD,iDAAiD,EACjD,wJAAwJ,CACzJ,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,UAAU,IAAI,CAAC,EACnB,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,QAAQ,GAAG,SAAS,EACpB,OAAO,GAAG,IAAI,EACd,KAAK,EACL,UAAU,GAAG,IAAI,EACjB,SAAS,EACT,MAAM,EACN,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,GAAG,SAAS,EACF;IACV,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,OAAO,CAAC;IAC1C,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAEnC,OAAO,CACL,CAAC,OAAO,CACN,IAAI,SAAS,CAAC,CACd,eAAe,CAAC,MAAM,CACtB,SAAS,CAAC,CAAC,IAAI,CACb,oFAAoF,EACpF,aAAa,IAAI,UAAU,EAC3B,QAAQ,CAAC,QAAQ,CAAC,EAClB,aAAa,IAAI,cAAc,CAAC,QAAQ,CAAC,EACzC,MAAM,CAAC,GAAG,EACV,SAAS,CAAC,SAAS,CACpB,CAAC,CAEF;MAAA,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,CAC3B,CAAC,GAAG,CAAC,SAAS,CAAC,wCAAwC,CACrD;UAAA,CAAC,CAAC,CAAC,KAAK,IAAI,CACV,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,SAAS,CAC7C;cAAA,CAAC,CAAC,CAAC,IAAI,IAAI,CACT,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAC5C;kBAAA,CAAC,KAAK,CACR;gBAAA,EAAE,IAAI,CAAC,CACR,CACD;cAAA,CAAC,CAAC,CAAC,OAAO,IAAI,CACZ,CAAC,MAAM,CACL,IAAI,CAAC,QAAQ,CACb,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAE5B;kBAAA,CAAC,KAAK,CACR;gBAAA,EAAE,MAAM,CAAC,CACV,CACD;cAAA,CAAC,CAAC,aAAa,IAAI,KAAK,CAC1B;YAAA,EAAE,OAAO,CAAC,CACX,CACD;UAAA,CAAC,CAAC,CAAC,SAAS,IAAI,CACd,CAAC,GAAG,CAAC,SAAS,CAAC,gDAAgD,CAC7D;cAAA,CAAC,SAAS,CACZ;YAAA,EAAE,GAAG,CAAC,CACP,CACH;QAAA,EAAE,GAAG,CAAC,CACP,CACD;MAAA,CAAC,QAAQ,CACT;MAAA,CAAC,CAAC,CAAC,MAAM,IAAI,CACX,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,IAAI,CACb,8DAA8D,EAC9D,MAAM,CAAC,MAAM,CACd,CAAC,CAEF;UAAA,CAAC,MAAM,CACT;QAAA,EAAE,GAAG,CAAC,CACP,CACH;IAAA,EAAE,OAAO,CAAC,CACX,CAAC;AACJ,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './Card';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './Card';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/02-molecules/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
@@ -3,6 +3,18 @@ export type DatePickerQuickAction = {
3
3
  readonly label: string;
4
4
  readonly value: string;
5
5
  };
6
+ export type DatePickerTime = {
7
+ readonly label: string;
8
+ /** `HH:mm` in 24 h, or `''` without a time. */
9
+ readonly value: string;
10
+ readonly onChange: (value: string) => void;
11
+ readonly hourLabel: string;
12
+ readonly minuteLabel: string;
13
+ readonly incrementLabel: string;
14
+ readonly decrementLabel: string;
15
+ readonly clearLabel?: string;
16
+ readonly doneLabel: string;
17
+ };
6
18
  export type DatePickerProps = {
7
19
  readonly value?: string;
8
20
  readonly onChange?: (iso: string) => void;
@@ -39,11 +51,16 @@ export type DatePickerProps = {
39
51
  readonly error?: string;
40
52
  readonly disabled?: boolean;
41
53
  readonly placeholder?: string;
54
+ readonly time?: DatePickerTime;
42
55
  } & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
43
56
  /**
44
57
  * DatePicker renders a pill-shaped date field with a calendar popover.
45
58
  * All visible labels are provided by the consumer.
46
59
  *
60
+ * With `time`, picking a day keeps the calendar open and shows the hour and
61
+ * the minute under it, with a button to remove the time and one to finish.
62
+ * The field then shows the date and the time joined by "·".
63
+ *
47
64
  * @component
48
65
  * @example
49
66
  * <DatePicker
@@ -57,6 +74,23 @@ export type DatePickerProps = {
57
74
  * quickActions={[{ label: 'Today', value: '2026-09-14' }]}
58
75
  * />
59
76
  *
77
+ * @example
78
+ * // Date and an optional time
79
+ * <DatePicker
80
+ * {...dateProps}
81
+ * time={{
82
+ * label: 'Time',
83
+ * value: time,
84
+ * onChange: setTime,
85
+ * hourLabel: 'Hour',
86
+ * minuteLabel: 'Minute',
87
+ * incrementLabel: 'Increase',
88
+ * decrementLabel: 'Decrease',
89
+ * clearLabel: 'Remove time',
90
+ * doneLabel: 'Done',
91
+ * }}
92
+ * />
93
+ *
60
94
  * @param {DatePickerProps} props - The properties of the DatePicker component.
61
95
  * @param {string} [props.value] - Controlled ISO date `YYYY-MM-DD`.
62
96
  * @param {(iso: string) => void} [props.onChange] - Fired when a date is selected.
@@ -67,13 +101,14 @@ export type DatePickerProps = {
67
101
  * @param {string} props.prevMonthLabel - Accessible label for previous month.
68
102
  * @param {string} props.nextMonthLabel - Accessible label for next month.
69
103
  * @param {readonly DatePickerQuickAction[]} [props.quickActions] - Shortcut buttons above the calendar.
70
- * @param {string} [props.label] - Floating label text.
104
+ * @param {string} [props.label] - Label in the notch of the border, like `Input` and `Select`.
71
105
  * @param {string} [props.helperText] - Helper text below the field.
72
106
  * @param {string} [props.error] - Error message below the field.
73
107
  * @param {boolean} [props.disabled] - Disables the control.
74
108
  * @param {string} [props.placeholder] - Placeholder when no value is set.
109
+ * @param {DatePickerTime} [props.time] - Optional time of day. `value` is `HH:mm` in 24 h, or `''` without a time; `onChange` receives the same format. The labels name the group, each part and its step buttons; `clearLabel` adds the button that removes the time.
75
110
  *
76
111
  * @returns {ReactNode} The rendered DatePicker component.
77
112
  */
78
- export declare function DatePicker({ value, onChange, minDate, maxDate, monthLabels, weekdayLabels, prevMonthLabel, nextMonthLabel, quickActions, label, helperText, error, disabled, placeholder, ...restProps }: DatePickerProps): ReactNode;
113
+ export declare function DatePicker({ value, onChange, minDate, maxDate, monthLabels, weekdayLabels, prevMonthLabel, nextMonthLabel, quickActions, label, helperText, error, disabled, placeholder, time, ...restProps }: DatePickerProps): ReactNode;
79
114
  //# sourceMappingURL=DatePicker.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAMf,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,WAAW,EAAE,SAAS;QAC7B,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;KACP,CAAC;IACF,QAAQ,CAAC,aAAa,EAAE,SAAS;QAC/B,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;KACP,CAAC;IACF,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,qBAAqB,EAAE,CAAC;IACzD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;CAC/B,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAiFrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,aAAa,EACb,cAAc,EACd,cAAc,EACd,YAAY,EACZ,KAAK,EACL,UAAU,EACV,KAAK,EACL,QAAgB,EAChB,WAAW,EACX,GAAG,SAAS,EACb,EAAE,eAAe,GAAG,SAAS,CA6O7B"}
1
+ {"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAaf,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,+CAA+C;IAC/C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,WAAW,EAAE,SAAS;QAC7B,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;KACP,CAAC;IACF,QAAQ,CAAC,aAAa,EAAE,SAAS;QAC/B,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;KACP,CAAC;IACF,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,qBAAqB,EAAE,CAAC;IACzD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,IAAI,CAAC,EAAE,cAAc,CAAC;CAChC,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAuSrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,aAAa,EACb,cAAc,EACd,cAAc,EACd,YAAY,EACZ,KAAK,EACL,UAAU,EACV,KAAK,EACL,QAAgB,EAChB,WAAW,EACX,IAAI,EACJ,GAAG,SAAS,EACb,EAAE,eAAe,GAAG,SAAS,CA8Q7B"}