@clicoh/orion-library 1.2.0-beta.22 → 1.2.0-beta.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/avatares/caja-ruedas.svg +1 -0
- package/assets/avatares/cohete-azul.svg +1 -0
- package/assets/avatares/criatura-tres-ojos.svg +1 -0
- package/assets/avatares/cubo-brazos.svg +1 -0
- package/assets/avatares/cubo-morado.svg +1 -0
- package/assets/avatares/dino-placas-amarillas.svg +1 -0
- package/assets/avatares/dino-placas-azules.svg +1 -0
- package/assets/avatares/edificio-cupulas.svg +1 -0
- package/assets/avatares/globo-anillo.svg +1 -0
- package/assets/avatares/pulpo-morado.svg +1 -0
- package/assets/avatares/robot-lente.svg +1 -0
- package/assets/avatares/ventana-codigo.svg +1 -0
- package/assets/css/expresivo.css +37 -0
- package/dist/components/00-base/RootLayout/RootLayout.d.ts.map +1 -1
- package/dist/components/00-base/RootLayout/RootLayout.jsx +1 -0
- package/dist/components/00-base/RootLayout/RootLayout.jsx.map +1 -1
- package/dist/components/01-atoms/ChipButton/ChipButton.d.ts +24 -0
- package/dist/components/01-atoms/ChipButton/ChipButton.d.ts.map +1 -0
- package/dist/components/01-atoms/ChipButton/ChipButton.jsx +26 -0
- package/dist/components/01-atoms/ChipButton/ChipButton.jsx.map +1 -0
- package/dist/components/01-atoms/ChipButton/index.d.ts +2 -0
- package/dist/components/01-atoms/ChipButton/index.d.ts.map +1 -0
- package/dist/components/01-atoms/ChipButton/index.js +2 -0
- package/dist/components/01-atoms/ChipButton/index.js.map +1 -0
- package/dist/components/01-atoms/CodeBlock/CodeBlock.d.ts +11 -3
- package/dist/components/01-atoms/CodeBlock/CodeBlock.d.ts.map +1 -1
- package/dist/components/01-atoms/CodeBlock/CodeBlock.jsx +13 -5
- package/dist/components/01-atoms/CodeBlock/CodeBlock.jsx.map +1 -1
- package/dist/components/01-atoms/MultiSelect/MultiSelect.d.ts.map +1 -1
- package/dist/components/01-atoms/MultiSelect/MultiSelect.jsx +12 -8
- package/dist/components/01-atoms/MultiSelect/MultiSelect.jsx.map +1 -1
- package/dist/components/01-atoms/OtpInput/OtpInput.d.ts +1 -1
- package/dist/components/01-atoms/OtpInput/OtpInput.jsx +3 -2
- package/dist/components/01-atoms/OtpInput/OtpInput.jsx.map +1 -1
- package/dist/components/01-atoms/Radio/Radio.d.ts.map +1 -1
- package/dist/components/01-atoms/Radio/Radio.jsx +2 -0
- package/dist/components/01-atoms/Radio/Radio.jsx.map +1 -1
- package/dist/components/01-atoms/Select/SelectList.d.ts.map +1 -1
- package/dist/components/01-atoms/Select/SelectList.jsx +1 -0
- package/dist/components/01-atoms/Select/SelectList.jsx.map +1 -1
- package/dist/components/01-atoms/Switch/Switch.d.ts.map +1 -1
- package/dist/components/01-atoms/Switch/Switch.jsx +11 -7
- package/dist/components/01-atoms/Switch/Switch.jsx.map +1 -1
- package/dist/components/01-atoms/index.d.ts +1 -0
- package/dist/components/01-atoms/index.d.ts.map +1 -1
- package/dist/components/01-atoms/index.js +1 -0
- package/dist/components/01-atoms/index.js.map +1 -1
- package/dist/components/02-molecules/ActionMenu/ActionMenu.d.ts +39 -0
- package/dist/components/02-molecules/ActionMenu/ActionMenu.d.ts.map +1 -0
- package/dist/components/02-molecules/ActionMenu/ActionMenu.jsx +36 -0
- package/dist/components/02-molecules/ActionMenu/ActionMenu.jsx.map +1 -0
- package/dist/components/02-molecules/ActionMenu/index.d.ts +2 -0
- package/dist/components/02-molecules/ActionMenu/index.d.ts.map +1 -0
- package/dist/components/02-molecules/ActionMenu/index.js +2 -0
- package/dist/components/02-molecules/ActionMenu/index.js.map +1 -0
- package/dist/components/02-molecules/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/components/02-molecules/Autocomplete/Autocomplete.jsx +52 -47
- package/dist/components/02-molecules/Autocomplete/Autocomplete.jsx.map +1 -1
- package/dist/components/02-molecules/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/02-molecules/DatePicker/DatePicker.jsx +11 -6
- package/dist/components/02-molecules/DatePicker/DatePicker.jsx.map +1 -1
- package/dist/components/02-molecules/Dropdown/Dropdown.jsx +6 -6
- package/dist/components/02-molecules/Dropdown/Dropdown.jsx.map +1 -1
- package/dist/components/02-molecules/Filter/Filter.d.ts.map +1 -1
- package/dist/components/02-molecules/Filter/Filter.jsx +17 -8
- package/dist/components/02-molecules/Filter/Filter.jsx.map +1 -1
- package/dist/components/02-molecules/Menu/MenuList.d.ts.map +1 -1
- package/dist/components/02-molecules/Menu/MenuList.jsx +8 -5
- package/dist/components/02-molecules/Menu/MenuList.jsx.map +1 -1
- package/dist/components/02-molecules/Tab/TabList.d.ts.map +1 -1
- package/dist/components/02-molecules/Tab/TabList.jsx +10 -6
- package/dist/components/02-molecules/Tab/TabList.jsx.map +1 -1
- package/dist/components/02-molecules/Table/Table.d.ts.map +1 -1
- package/dist/components/02-molecules/Table/Table.jsx +9 -14
- package/dist/components/02-molecules/Table/Table.jsx.map +1 -1
- package/dist/components/02-molecules/TimePicker/TimePicker.d.ts.map +1 -1
- package/dist/components/02-molecules/TimePicker/TimePicker.jsx +8 -6
- package/dist/components/02-molecules/TimePicker/TimePicker.jsx.map +1 -1
- package/dist/components/02-molecules/index.d.ts +1 -0
- package/dist/components/02-molecules/index.d.ts.map +1 -1
- package/dist/components/02-molecules/index.js +1 -0
- package/dist/components/02-molecules/index.js.map +1 -1
- package/dist/components/03-organisms/BarChart/BarChart.d.ts +52 -0
- package/dist/components/03-organisms/BarChart/BarChart.d.ts.map +1 -0
- package/dist/components/03-organisms/BarChart/BarChart.jsx +116 -0
- package/dist/components/03-organisms/BarChart/BarChart.jsx.map +1 -0
- package/dist/components/03-organisms/BarChart/index.d.ts +2 -0
- package/dist/components/03-organisms/BarChart/index.d.ts.map +1 -0
- package/dist/components/03-organisms/BarChart/index.js +2 -0
- package/dist/components/03-organisms/BarChart/index.js.map +1 -0
- package/dist/components/03-organisms/DataTable/DataTable.d.ts +5 -2
- package/dist/components/03-organisms/DataTable/DataTable.d.ts.map +1 -1
- package/dist/components/03-organisms/DataTable/DataTable.jsx +10 -7
- package/dist/components/03-organisms/DataTable/DataTable.jsx.map +1 -1
- package/dist/components/03-organisms/index.d.ts +1 -0
- package/dist/components/03-organisms/index.d.ts.map +1 -1
- package/dist/components/03-organisms/index.js +1 -0
- package/dist/components/03-organisms/index.js.map +1 -1
- package/dist/components/04-templates/LoginTemplate/LoginForm.d.ts +6 -1
- package/dist/components/04-templates/LoginTemplate/LoginForm.d.ts.map +1 -1
- package/dist/components/04-templates/LoginTemplate/LoginForm.jsx +35 -9
- package/dist/components/04-templates/LoginTemplate/LoginForm.jsx.map +1 -1
- package/dist/components/04-templates/LoginTemplate/SetupMfa/StepThree.d.ts.map +1 -1
- package/dist/components/04-templates/LoginTemplate/SetupMfa/StepThree.jsx +8 -4
- package/dist/components/04-templates/LoginTemplate/SetupMfa/StepThree.jsx.map +1 -1
- package/dist/components/04-templates/LoginTemplate/SetupMfa/StepTwo.d.ts.map +1 -1
- package/dist/components/04-templates/LoginTemplate/SetupMfa/StepTwo.jsx +10 -3
- package/dist/components/04-templates/LoginTemplate/SetupMfa/StepTwo.jsx.map +1 -1
- package/dist/components/04-templates/LoginTemplate/index.d.ts +1 -1
- package/dist/components/04-templates/LoginTemplate/index.d.ts.map +1 -1
- package/dist/components/04-templates/LoginTemplate/submitOnEnter.d.ts +9 -0
- package/dist/components/04-templates/LoginTemplate/submitOnEnter.d.ts.map +1 -0
- package/dist/components/04-templates/LoginTemplate/submitOnEnter.js +15 -0
- package/dist/components/04-templates/LoginTemplate/submitOnEnter.js.map +1 -0
- package/expresivo/ExpAccentNote/ExpAccentNote.d.ts +25 -0
- package/expresivo/ExpAccentNote/ExpAccentNote.d.ts.map +1 -0
- package/expresivo/ExpAccentNote/ExpAccentNote.jsx +47 -0
- package/expresivo/ExpAccentNote/ExpAccentNote.jsx.map +1 -0
- package/expresivo/ExpAccentNote/index.d.ts +2 -0
- package/expresivo/ExpAccentNote/index.d.ts.map +1 -0
- package/expresivo/ExpAccentNote/index.js +2 -0
- package/expresivo/ExpAccentNote/index.js.map +1 -0
- package/expresivo/ExpCodeHostIcon/ExpCodeHostIcon.d.ts +29 -0
- package/expresivo/ExpCodeHostIcon/ExpCodeHostIcon.d.ts.map +1 -0
- package/expresivo/ExpCodeHostIcon/ExpCodeHostIcon.jsx +44 -0
- package/expresivo/ExpCodeHostIcon/ExpCodeHostIcon.jsx.map +1 -0
- package/expresivo/ExpCodeHostIcon/index.d.ts +2 -0
- package/expresivo/ExpCodeHostIcon/index.d.ts.map +1 -0
- package/expresivo/ExpCodeHostIcon/index.js +2 -0
- package/expresivo/ExpCodeHostIcon/index.js.map +1 -0
- package/expresivo/ExpFigureBand/ExpFigureBand.d.ts +61 -0
- package/expresivo/ExpFigureBand/ExpFigureBand.d.ts.map +1 -0
- package/expresivo/ExpFigureBand/ExpFigureBand.jsx +102 -0
- package/expresivo/ExpFigureBand/ExpFigureBand.jsx.map +1 -0
- package/expresivo/ExpFigureBand/index.d.ts +2 -0
- package/expresivo/ExpFigureBand/index.d.ts.map +1 -0
- package/expresivo/ExpFigureBand/index.js +2 -0
- package/expresivo/ExpFigureBand/index.js.map +1 -0
- package/expresivo/ExpGrowBar/ExpGrowBar.d.ts +13 -2
- package/expresivo/ExpGrowBar/ExpGrowBar.d.ts.map +1 -1
- package/expresivo/ExpGrowBar/ExpGrowBar.jsx +16 -4
- package/expresivo/ExpGrowBar/ExpGrowBar.jsx.map +1 -1
- package/expresivo/ExpJourneyTrack/ExpJourneyTrack.d.ts.map +1 -1
- package/expresivo/ExpJourneyTrack/ExpJourneyTrack.jsx +23 -9
- package/expresivo/ExpJourneyTrack/ExpJourneyTrack.jsx.map +1 -1
- package/expresivo/ExpLogo/ExpLogo.d.ts.map +1 -1
- package/expresivo/ExpLogo/ExpLogo.jsx +3 -0
- package/expresivo/ExpLogo/ExpLogo.jsx.map +1 -1
- package/expresivo/ExpMascot/ExpMascot.d.ts.map +1 -1
- package/expresivo/ExpMascot/ExpMascot.jsx +1 -0
- package/expresivo/ExpMascot/ExpMascot.jsx.map +1 -1
- package/expresivo/ExpRepoAvatar/ExpRepoAvatar.d.ts +3 -0
- package/expresivo/ExpRepoAvatar/ExpRepoAvatar.d.ts.map +1 -1
- package/expresivo/ExpRepoAvatar/ExpRepoAvatar.jsx +4 -0
- package/expresivo/ExpRepoAvatar/ExpRepoAvatar.jsx.map +1 -1
- package/expresivo/ExpRepoAvatar/catalog.d.ts +6 -2
- package/expresivo/ExpRepoAvatar/catalog.d.ts.map +1 -1
- package/expresivo/ExpRepoAvatar/catalog.js +29 -1
- package/expresivo/ExpRepoAvatar/catalog.js.map +1 -1
- package/expresivo/ExpSplitCard/ExpSplitCard.d.ts +38 -0
- package/expresivo/ExpSplitCard/ExpSplitCard.d.ts.map +1 -0
- package/expresivo/ExpSplitCard/ExpSplitCard.jsx +48 -0
- package/expresivo/ExpSplitCard/ExpSplitCard.jsx.map +1 -0
- package/expresivo/ExpSplitCard/index.d.ts +2 -0
- package/expresivo/ExpSplitCard/index.d.ts.map +1 -0
- package/expresivo/ExpSplitCard/index.js +2 -0
- package/expresivo/ExpSplitCard/index.js.map +1 -0
- package/expresivo/ExpStatIcon/ExpStatIcon.d.ts.map +1 -1
- package/expresivo/ExpStatIcon/ExpStatIcon.jsx +1 -0
- package/expresivo/ExpStatIcon/ExpStatIcon.jsx.map +1 -1
- package/expresivo/ExpStatusTag/ExpStatusTag.d.ts +26 -0
- package/expresivo/ExpStatusTag/ExpStatusTag.d.ts.map +1 -0
- package/expresivo/ExpStatusTag/ExpStatusTag.jsx +44 -0
- package/expresivo/ExpStatusTag/ExpStatusTag.jsx.map +1 -0
- package/expresivo/ExpStatusTag/index.d.ts +2 -0
- package/expresivo/ExpStatusTag/index.d.ts.map +1 -0
- package/expresivo/ExpStatusTag/index.js +2 -0
- package/expresivo/ExpStatusTag/index.js.map +1 -0
- package/expresivo/index.d.ts +5 -0
- package/expresivo/index.d.ts.map +1 -1
- package/expresivo/index.js +5 -0
- package/expresivo/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><ellipse cx="8.6" cy="26.5" rx="3.2" ry="2.6" transform="rotate(-15 8.6 26.5)" fill="#FDB653" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="39.4" cy="26.5" rx="3.2" ry="2.6" transform="rotate(15 39.4 26.5)" fill="#FDB653" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><rect x="9.5" y="11" width="29" height="25" rx="4" fill="#FDB653"/><rect x="10.7" y="30" width="26.6" height="4.8" rx="2.8" fill="#F09B3B"/><rect x="9.5" y="11" width="29" height="25" rx="4" fill="none" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><rect x="20.5" y="11" width="7" height="6.5" rx="0.8" fill="#E9822A" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><circle cx="16" cy="38" r="4.6" fill="#3A3F6B" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><circle cx="16" cy="38" r="1.6" fill="#AEB8EC"/><circle cx="32" cy="38" r="4.6" fill="#3A3F6B" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><circle cx="32" cy="38" r="1.6" fill="#AEB8EC"/><ellipse cx="18.5" cy="23.5" rx="2" ry="2.5" fill="#222329"/><circle cx="19.1" cy="22.62" r="0.7" fill="#FFFFFF"/><ellipse cx="29.5" cy="23.5" rx="2" ry="2.5" fill="#222329"/><circle cx="30.1" cy="22.62" r="0.7" fill="#FFFFFF"/><ellipse cx="14.8" cy="27.6" rx="1.8" ry="1.1" fill="#FF8A70"/><ellipse cx="33.2" cy="27.6" rx="1.8" ry="1.1" fill="#FF8A70"/><path d="M21.6 27.2Q24 29.6 26.4 27.2" stroke="#222329" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><path d="M19.5 39.5C19.5 44 22 46.5 24 46.5S28.5 44 28.5 39.5Z" fill="#F7922E" stroke="#222329" stroke-width="1.8" stroke-linejoin="round"/><path d="M22 40C22 42.8 23 44.2 24 44.2S26 42.8 26 40Z" fill="#FCCB3C"/><path d="M17.5 28L11 35.5C10 36.8 10.5 39 12.5 39H18Z" fill="#2F63C9" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><path d="M30.5 28L37 35.5C38 36.8 37.5 39 35.5 39H30Z" fill="#2F63C9" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><path d="M24 4.5C30.5 9 33 17 32.2 27L31.3 40H16.7L15.8 27C15 17 17.5 9 24 4.5Z" fill="#8EC3FA"/><path d="M28.4 10.5C30.6 14.5 31.4 20 30.9 27L30.1 38.8H27.6C28.8 30 29.4 19 28.4 10.5Z" fill="#6AA4EE"/><path d="M16.4 33.6H31.6" stroke="#222329" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 4.5C30.5 9 33 17 32.2 27L31.3 40H16.7L15.8 27C15 17 17.5 9 24 4.5Z" fill="none" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><path d="M24 4.5C26.6 6.3 28.5 8.6 29.8 11.3H18.2C19.5 8.6 21.4 6.3 24 4.5Z" fill="#F7922E" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><circle cx="24" cy="20.5" r="4.6" fill="#EAF4FF" stroke="#222329" stroke-width="2" stroke-linejoin="round"/><circle cx="24" cy="20.5" r="2.7" fill="#2F63C9"/><circle cx="22.8" cy="19.3" r="1" fill="#FFFFFF"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><ellipse cx="15" cy="39.5" rx="3.4" ry="2.6" fill="#5C9C6A" stroke="#222329" stroke-width="1.8" stroke-linejoin="round"/><ellipse cx="33" cy="39.5" rx="3.4" ry="2.6" fill="#5C9C6A" stroke="#222329" stroke-width="1.8" stroke-linejoin="round"/><ellipse cx="24" cy="40.5" rx="3.4" ry="2.6" fill="#5C9C6A" stroke="#222329" stroke-width="1.8" stroke-linejoin="round"/><path d="M8 33C6.5 27.5 10.5 22.5 16 22.5C16.5 15 19.5 9.5 24 9.5S31.5 15 32 22.5C37.5 22.5 41.5 27.5 40 33C39 38 32.5 40 24 40S9 38 8 33Z" fill="#7FBF83" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="20.3" cy="13.2" rx="1.7" ry="1" transform="rotate(-35 20.3 13.2)" fill="#AEDDA8"/><circle cx="17" cy="33.5" r="1.1" fill="#5C9C6A"/><circle cx="31" cy="34" r="1.3" fill="#5C9C6A"/><circle cx="10.8" cy="25.5" r="3.8" fill="#FFFFFF" stroke="#222329" stroke-width="1.8" stroke-linejoin="round"/><circle cx="11.4" cy="26" r="1.9" fill="#222329"/><circle cx="10.64" cy="25.16" r="0.65" fill="#FFFFFF"/><circle cx="37.2" cy="25.5" r="3.8" fill="#FFFFFF" stroke="#222329" stroke-width="1.8" stroke-linejoin="round"/><circle cx="36.6" cy="26" r="1.9" fill="#222329"/><circle cx="35.84" cy="25.16" r="0.65" fill="#FFFFFF"/><circle cx="24" cy="17.5" r="4.4" fill="#FFFFFF" stroke="#222329" stroke-width="1.8" stroke-linejoin="round"/><circle cx="24" cy="18.3" r="2.2" fill="#222329"/><circle cx="23.12" cy="17.33" r="0.75" fill="#FFFFFF"/><path d="M20.5 30.5Q24 33.5 27.5 30.5" stroke="#222329" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><ellipse cx="8.6" cy="29.5" rx="4.2" ry="3.2" transform="rotate(15 8.6 29.5)" fill="#3B3F58" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="39.4" cy="29.5" rx="4.2" ry="3.2" transform="rotate(-15 39.4 29.5)" fill="#3B3F58" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="18.5" cy="41" rx="4.2" ry="2.8" fill="#3B3F58" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="29.5" cy="41" rx="4.2" ry="2.8" fill="#3B3F58" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><rect x="11" y="8.5" width="26" height="31" rx="6" fill="#FDB82A"/><rect x="12.2" y="9.7" width="23.6" height="6" rx="4.8" fill="#FED465"/><rect x="11" y="8.5" width="26" height="31" rx="6" fill="none" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><circle cx="19.5" cy="22.5" r="3.2" fill="#FFFFFF" stroke="#222329" stroke-width="1.4" stroke-linejoin="round"/><circle cx="20.2" cy="23.1" r="1.6" fill="#222329"/><circle cx="19.56" cy="22.4" r="0.54" fill="#FFFFFF"/><circle cx="28.5" cy="22.5" r="3.2" fill="#FFFFFF" stroke="#222329" stroke-width="1.4" stroke-linejoin="round"/><circle cx="27.8" cy="23.1" r="1.6" fill="#222329"/><circle cx="27.16" cy="22.4" r="0.54" fill="#FFFFFF"/><path d="M20.5 29C21.5 32.5 26.5 32.5 27.5 29Z" fill="#8A3324" stroke="#222329" stroke-width="1.4" stroke-linejoin="round"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><polygon points="24 5.5 41 14.5 24 23.5 7 14.5" fill="#EADCFF" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><polygon points="7 14.5 24 23.5 24 43.5 7 34.5" fill="#B57BEA" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><polygon points="24 23.5 41 14.5 41 34.5 24 43.5" fill="#8F5AD6" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="24" cy="14.5" rx="4.4" ry="2.4" fill="#8E55F0" stroke="#222329" stroke-width="1.4" stroke-linejoin="round"/><path d="M32.5 25L33.6 27.9L36.5 29L33.6 30.1L32.5 33L31.4 30.1L28.5 29L31.4 27.9Z" fill="#FFFFFF"/><circle cx="15.5" cy="29" r="2" fill="#D9B8FA"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><circle cx="11.5" cy="27.5" r="2.6" fill="#F2C94C" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><circle cx="16" cy="20" r="2.8" fill="#F2C94C" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><circle cx="22.5" cy="13.2" r="3" fill="#F2C94C" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><circle cx="29.2" cy="15" r="2.8" fill="#F2C94C" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><circle cx="33.8" cy="20.4" r="2.5" fill="#F2C94C" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><ellipse cx="12" cy="39.8" rx="3.4" ry="2.4" fill="#5FA56A" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="28" cy="39.8" rx="3.4" ry="2.4" fill="#5FA56A" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><path d="M4 39.5C8 34 12 24 19 16.5C21.5 13.8 25.5 13.5 28 16C31.5 19.5 34 24 35.5 26.8C38 25.3 42.5 25.8 44 29.5C45.5 33.5 42.5 37.5 38.5 37.5C37 37.5 36 38 35.5 39.5Z" fill="#86CC86"/><path d="M8.5 38.3C15 35.6 28 35.6 34.5 38.3Z" fill="#B8E2A2"/><circle cx="20" cy="30" r="1.8" fill="#F2C94C"/><circle cx="25.5" cy="23" r="1.3" fill="#F2C94C"/><circle cx="14.5" cy="34" r="1.2" fill="#F2C94C"/><circle cx="28.5" cy="31" r="1.1" fill="#F2C94C"/><path d="M4 39.5C8 34 12 24 19 16.5C21.5 13.8 25.5 13.5 28 16C31.5 19.5 34 24 35.5 26.8C38 25.3 42.5 25.8 44 29.5C45.5 33.5 42.5 37.5 38.5 37.5C37 37.5 36 38 35.5 39.5Z" fill="none" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="39.5" cy="30.5" rx="1.6" ry="1.6" fill="#222329"/><circle cx="39.98" cy="29.94" r="0.56" fill="#FFFFFF"/><path d="M40.4 34.4Q42.2 34.9 43.3 33.5" stroke="#222329" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><circle cx="20.5" cy="19" r="2.8" fill="#4E8FE6" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><circle cx="25.5" cy="15.2" r="2.8" fill="#4E8FE6" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><circle cx="31.5" cy="14.6" r="2.8" fill="#4E8FE6" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><circle cx="37" cy="18" r="2.6" fill="#4E8FE6" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><ellipse cx="14.5" cy="38.5" rx="3.6" ry="2.6" fill="#62A964" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="30.5" cy="38.5" rx="3.6" ry="2.6" fill="#62A964" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><path d="M6.5 32C6 26.5 9.5 22.5 14 22.5C16 22.5 17.5 23.5 18.5 24.5C20.5 18.5 25 15 30 15C37 15 41 21.5 41 29C41 33 43 36.5 45 39C40.5 40 36.5 39.5 34 38.5H10.5C8 38.5 6.8 35.5 6.5 32Z" fill="#8CCB7A"/><path d="M11 37.3C17 34 29 34 36 37.3Z" fill="#C3E08F"/><circle cx="29" cy="22" r="1.5" fill="#62A964"/><circle cx="34.5" cy="25.5" r="1.1" fill="#62A964"/><circle cx="25" cy="25" r="1.1" fill="#62A964"/><path d="M6.5 32C6 26.5 9.5 22.5 14 22.5C16 22.5 17.5 23.5 18.5 24.5C20.5 18.5 25 15 30 15C37 15 41 21.5 41 29C41 33 43 36.5 45 39C40.5 40 36.5 39.5 34 38.5H10.5C8 38.5 6.8 35.5 6.5 32Z" fill="none" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="12" cy="28.5" rx="1.7" ry="1.7" fill="#222329"/><circle cx="12.51" cy="27.91" r="0.59" fill="#FFFFFF"/><path d="M8.6 33Q10.6 34.3 12.6 33.4" stroke="#222329" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><path d="M24 8.6V5.2" stroke="#222329" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><circle cx="24" cy="4.6" r="1.5" fill="#FBC33D" stroke="#222329" stroke-width="1.4" stroke-linejoin="round"/><rect x="9" y="18" width="9" height="24" rx="1" fill="#6FCF9E"/><rect x="15" y="19" width="2" height="22" rx="0.6" fill="#52B585"/><rect x="9" y="18" width="9" height="24" rx="1" fill="none" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><rect x="30" y="18" width="9" height="24" rx="1" fill="#6FCF9E"/><rect x="36" y="19" width="2" height="22" rx="0.6" fill="#52B585"/><rect x="30" y="18" width="9" height="24" rx="1" fill="none" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><rect x="18.5" y="14" width="11" height="28" rx="1" fill="#6FCF9E"/><rect x="26.5" y="15" width="2" height="26" rx="0.6" fill="#52B585"/><rect x="18.5" y="14" width="11" height="28" rx="1" fill="none" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><path d="M9 18A4.5 4.5 0 0 1 18 18Z" fill="#5AA0E8" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><path d="M30 18A4.5 4.5 0 0 1 39 18Z" fill="#5AA0E8" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><path d="M18.5 14A5.5 5.5 0 0 1 29.5 14Z" fill="#5AA0E8" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="22" cy="11" rx="1.6" ry="0.9" transform="rotate(-20 22 11)" fill="#B5D6FF"/><path d="M11.8 29V24.7A1.7 1.7 0 0 1 15.2 24.7V29Z" fill="#2E5E6E"/><rect x="11.8" y="33" width="3.4" height="3.4" rx="0.6" fill="#2E5E6E"/><path d="M32.8 29V24.7A1.7 1.7 0 0 1 36.2 24.7V29Z" fill="#2E5E6E"/><rect x="32.8" y="33" width="3.4" height="3.4" rx="0.6" fill="#2E5E6E"/><circle cx="24" cy="21" r="2.2" fill="#5AA0E8" stroke="#222329" stroke-width="1.4" stroke-linejoin="round"/><path d="M21 42V32.5A3 3 0 0 1 27 32.5V42Z" fill="#2E5E6E" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><circle cx="23" cy="25" r="16.8" fill="#EE6A3C" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><path d="M10.5 18A14 14 0 0 1 17 12" stroke="#FF9E70" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><circle cx="23" cy="25" r="11.2" fill="#3F86E8" stroke="#222329" stroke-width="2.2" stroke-linejoin="round"/><path d="M16.5 19.5C18.5 17 22 16.5 23.5 18C25 19.5 23.5 21.5 21.5 22C19.5 22.5 20 25 18 25.5C16 26 15.2 22.5 16.5 19.5Z" fill="#FCCB3C"/><path d="M25 27C27 25.5 30 26 30.5 28.5C31 31 29 33.5 26.5 33.5C24.5 33.5 23.5 31.5 24.5 30C25 29 24 28 25 27Z" fill="#FCCB3C"/><ellipse cx="29" cy="19.5" rx="1.8" ry="1.2" fill="#FCCB3C"/><circle cx="38.5" cy="9.5" r="3" fill="#EE6A3C" stroke="#222329" stroke-width="1.8" stroke-linejoin="round"/><circle cx="37.45" cy="8.45" r="0.9" fill="#FF9E70"/><circle cx="39.6" cy="39.6" r="2.4" fill="#EE6A3C" stroke="#222329" stroke-width="1.8" stroke-linejoin="round"/><circle cx="38.76" cy="38.76" r="0.72" fill="#FF9E70"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><ellipse cx="24" cy="33" rx="11" ry="5" fill="#8E55F0" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><path d="M16 29C14 34 9 35 8 39C7.5 42 11.5 42.5 11.8 39.5" stroke="#222329" stroke-width="7" stroke-linecap="round"/><path d="M22.2 30C21.4 35 16 38.5 17.5 41.5C19 43.5 22.5 42 21 39.5" stroke="#222329" stroke-width="7" stroke-linecap="round"/><path d="M25.8 30C26.6 35 32 38.5 30.5 41.5C29 43.5 25.5 42 27 39.5" stroke="#222329" stroke-width="7" stroke-linecap="round"/><path d="M32 29C34 34 39 35 40 39C40.5 42 36.5 42.5 36.2 39.5" stroke="#222329" stroke-width="7" stroke-linecap="round"/><path d="M16 29C14 34 9 35 8 39C7.5 42 11.5 42.5 11.8 39.5" stroke="#8E55F0" stroke-width="4.2" stroke-linecap="round"/><path d="M22.2 30C21.4 35 16 38.5 17.5 41.5C19 43.5 22.5 42 21 39.5" stroke="#8E55F0" stroke-width="4.2" stroke-linecap="round"/><path d="M25.8 30C26.6 35 32 38.5 30.5 41.5C29 43.5 25.5 42 27 39.5" stroke="#8E55F0" stroke-width="4.2" stroke-linecap="round"/><path d="M32 29C34 34 39 35 40 39C40.5 42 36.5 42.5 36.2 39.5" stroke="#8E55F0" stroke-width="4.2" stroke-linecap="round"/><path d="M10 25C10 13.5 16.5 6 24 6S38 13.5 38 25C38 31 32 33.5 24 33.5S10 31 10 25Z" fill="#8E55F0" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="16.5" cy="13.5" rx="3" ry="1.8" transform="rotate(-35 16.5 13.5)" fill="#BD98FF"/><ellipse cx="18" cy="21.5" rx="3.8" ry="3.4" fill="#FFFFFF" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><circle cx="19" cy="22.4" r="1.9" fill="#222329"/><polygon points="13 15 23.5 15 23.5 20.4 13 17.6" fill="#8E55F0"/><path d="M13.7 17.8L22.8 20.4" stroke="#222329" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><ellipse cx="30" cy="21.5" rx="3.8" ry="3.4" fill="#FFFFFF" stroke="#222329" stroke-width="1.6" stroke-linejoin="round"/><circle cx="29" cy="22.4" r="1.9" fill="#222329"/><polygon points="35 15 24.5 15 24.5 20.4 35 17.6" fill="#8E55F0"/><path d="M34.3 17.8L25.2 20.4" stroke="#222329" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M21.8 27.6Q24 28.8 26.2 27.6" stroke="#222329" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><ellipse cx="12.5" cy="33" rx="4.2" ry="7" transform="rotate(18 12.5 33)" fill="#3E7FE0" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="35.5" cy="33" rx="4.2" ry="7" transform="rotate(-18 35.5 33)" fill="#3E7FE0" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="19" cy="41.5" rx="3.6" ry="2.8" fill="#FBC33D" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="29" cy="41.5" rx="3.6" ry="2.8" fill="#FBC33D" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><rect x="13" y="14" width="22" height="27" rx="6" fill="#A9D8FB"/><rect x="29.6" y="20" width="4.2" height="19.8" rx="2.6" fill="#82BCEF"/><rect x="13" y="14" width="22" height="27" rx="6" fill="none" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><path d="M13 21V17C13 11.5 16.5 8.5 21 8.2L31.5 7C34 6.8 35.6 8.6 35.3 11L35 21Z" fill="#FBC33D" stroke="#222329" stroke-width="2.4" stroke-linejoin="round"/><ellipse cx="19.5" cy="12.4" rx="2.6" ry="1.3" transform="rotate(-8 19.5 12.4)" fill="#FFE59A"/><circle cx="24" cy="29.5" r="6.4" fill="#EAF4FF" stroke="#222329" stroke-width="2.2" stroke-linejoin="round"/><circle cx="24" cy="29.5" r="3.6" fill="#2B3F66"/><circle cx="22.6" cy="28.1" r="1.2" fill="#FFFFFF"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><rect x="8" y="10" width="32" height="28" rx="5" fill="#F2F2F2" stroke="#616265" stroke-width="2.4" stroke-linejoin="round"/><path d="M8 16.5H40" stroke="#616265" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="12" cy="13.3" r="1" fill="#A5A5A7"/><circle cx="15.2" cy="13.3" r="1" fill="#A5A5A7"/><circle cx="18.4" cy="13.3" r="1" fill="#A5A5A7"/><path d="M19.5 22.5L15 27.2L19.5 32" stroke="#616265" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.5 22.5L33 27.2L28.5 32" stroke="#616265" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/><path d="M25.6 21.5L22.4 33" stroke="#616265" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
package/assets/css/expresivo.css
CHANGED
|
@@ -698,6 +698,13 @@
|
|
|
698
698
|
color: var(--exp-field-ink);
|
|
699
699
|
}
|
|
700
700
|
|
|
701
|
+
:root:has(.exp-scope)
|
|
702
|
+
:is(input, textarea)[data-orion-part='field-control']:read-only:not(
|
|
703
|
+
:disabled
|
|
704
|
+
) {
|
|
705
|
+
color: var(--exp-field-label);
|
|
706
|
+
}
|
|
707
|
+
|
|
701
708
|
:root:has(.exp-scope) [data-orion-part='field-control']::placeholder {
|
|
702
709
|
color: var(--color-gray-2);
|
|
703
710
|
}
|
|
@@ -870,6 +877,27 @@
|
|
|
870
877
|
var(--exp-card-bg);
|
|
871
878
|
}
|
|
872
879
|
|
|
880
|
+
/* ExpSplitCard reads as an `accent` card split into columns. */
|
|
881
|
+
:root:has(.exp-scope) [data-orion-part='exp-split-card'] {
|
|
882
|
+
border-color: var(--exp-card-edge);
|
|
883
|
+
background:
|
|
884
|
+
var(--exp-card-band) top / 100% 4px no-repeat,
|
|
885
|
+
var(--exp-card-bg);
|
|
886
|
+
box-shadow: var(--exp-card-drop);
|
|
887
|
+
}
|
|
888
|
+
|
|
889
|
+
/* `data-exp-band="cool"` on an element switches the band of the cards and
|
|
890
|
+
framed tables inside it: blue to orange instead of orange to violet. */
|
|
891
|
+
:root:has(.exp-scope) [data-exp-band='cool'] {
|
|
892
|
+
--exp-card-band: linear-gradient(
|
|
893
|
+
90deg,
|
|
894
|
+
var(--color-info) 0%,
|
|
895
|
+
var(--color-lavender) 45%,
|
|
896
|
+
#b07fd0 72%,
|
|
897
|
+
#f7882f 100%
|
|
898
|
+
);
|
|
899
|
+
}
|
|
900
|
+
|
|
873
901
|
/* Skin: framed tables (DataTable card) ---------------------------------- */
|
|
874
902
|
|
|
875
903
|
/* A framed table reads as one card: the brand band along the top, like
|
|
@@ -885,6 +913,15 @@
|
|
|
885
913
|
box-shadow: var(--exp-card-drop);
|
|
886
914
|
}
|
|
887
915
|
|
|
916
|
+
/* Skin: tab bar (TabList second) ----------------------------------------- */
|
|
917
|
+
|
|
918
|
+
/* In dark mode the core `second` bar is gray-1, lighter than the cards
|
|
919
|
+
around it; in the layer it takes the dark surface of a card. */
|
|
920
|
+
:root.dark:has(.exp-scope) [data-orion-part='tab-bar'][data-modifier='second'] {
|
|
921
|
+
background: var(--exp-card-bg);
|
|
922
|
+
box-shadow: inset 0 0 0 1px var(--exp-field-line);
|
|
923
|
+
}
|
|
924
|
+
|
|
888
925
|
/* Skin: table rows as cards (ExpScope tables="cards") ------------------- */
|
|
889
926
|
|
|
890
927
|
:root:has(.exp-scope[data-exp-tables='cards'])
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RootLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/00-base/RootLayout/RootLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,iCAAiC,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGlD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,GAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"RootLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/00-base/RootLayout/RootLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,iCAAiC,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGlD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,GAAG,SAAS,CAwB/D"}
|
|
@@ -23,6 +23,7 @@ import { notoSans } from '../typography';
|
|
|
23
23
|
*/
|
|
24
24
|
export function RootLayout({ children }) {
|
|
25
25
|
return (<html lang="es" className={notoSans.className} suppressHydrationWarning>
|
|
26
|
+
{/* eslint-disable-next-line @next/next/no-head-element -- App Router root layout: `next/head` only works in the Pages Router */}
|
|
26
27
|
<head>
|
|
27
28
|
<ThemeScript />
|
|
28
29
|
<link rel="shortcut icon" href={FaviconImg.src} type="image/x-icon" sizes="48x48"/>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RootLayout.jsx","sourceRoot":"","sources":["../../../../src/components/00-base/RootLayout/RootLayout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,iCAAiC,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAe;IAClD,OAAO,CACL,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,wBAAwB,CACrE;MAAA,CAAC,IAAI,CACH;QAAA,CAAC,WAAW,CAAC,AAAD,EACZ;QAAA,CAAC,IAAI,CACH,GAAG,CAAC,eAAe,CACnB,IAAI,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CACrB,IAAI,CAAC,cAAc,CACnB,KAAK,CAAC,OAAO,EAEf;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EACpC;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAC5B;QAAA,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,oBAAoB,EAC9C;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,aAAa,CAAC,CAC7B;QAAA,CAAC,aAAa,CACZ;UAAA,CAAC,QAAQ,CACT;UAAA,CAAC,cAAc,CAAC,AAAD,EACjB;QAAA,EAAE,aAAa,CACjB;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"RootLayout.jsx","sourceRoot":"","sources":["../../../../src/components/00-base/RootLayout/RootLayout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,iCAAiC,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAe;IAClD,OAAO,CACL,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,wBAAwB,CACrE;MAAA,CAAC,+HAA+H,CAChI;MAAA,CAAC,IAAI,CACH;QAAA,CAAC,WAAW,CAAC,AAAD,EACZ;QAAA,CAAC,IAAI,CACH,GAAG,CAAC,eAAe,CACnB,IAAI,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CACrB,IAAI,CAAC,cAAc,CACnB,KAAK,CAAC,OAAO,EAEf;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EACpC;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAC5B;QAAA,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,oBAAoB,EAC9C;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,aAAa,CAAC,CAC7B;QAAA,CAAC,aAAa,CACZ;UAAA,CAAC,QAAQ,CACT;UAAA,CAAC,cAAc,CAAC,AAAD,EACjB;QAAA,EAAE,aAAa,CACjB;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { ButtonHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export type ChipButtonProps = {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
} & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
5
|
+
/**
|
|
6
|
+
* Small outlined pill that does one thing when pressed: try an example,
|
|
7
|
+
* repeat a recent search, pick a suggestion. Unlike `Badge` it is a button,
|
|
8
|
+
* and unlike `FilterChips` it removes nothing.
|
|
9
|
+
*
|
|
10
|
+
* A label longer than its container continues on the next row instead of
|
|
11
|
+
* being cut, so the whole example stays readable on narrow screens.
|
|
12
|
+
*
|
|
13
|
+
* @component
|
|
14
|
+
* @example
|
|
15
|
+
* <ChipButton onClick={() => search('mi paquete')}>mi paquete</ChipButton>
|
|
16
|
+
*
|
|
17
|
+
* @param {Object} props - The properties of the ChipButton component.
|
|
18
|
+
* @param {ReactNode} props.children - The label of the chip.
|
|
19
|
+
* @param {ButtonHTMLAttributes<HTMLButtonElement>} restProps - Additional properties for the button element. `type` defaults to `button`.
|
|
20
|
+
*
|
|
21
|
+
* @returns {ReactNode} The rendered ChipButton component.
|
|
22
|
+
*/
|
|
23
|
+
export declare function ChipButton({ children, type, ...restProps }: ChipButtonProps): ReactNode;
|
|
24
|
+
//# sourceMappingURL=ChipButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChipButton.d.ts","sourceRoot":"","sources":["../../../../src/components/01-atoms/ChipButton/ChipButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,IAAe,EACf,GAAG,SAAS,EACb,EAAE,eAAe,GAAG,SAAS,CAe7B"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import clsx from 'clsx';
|
|
2
|
+
/**
|
|
3
|
+
* Small outlined pill that does one thing when pressed: try an example,
|
|
4
|
+
* repeat a recent search, pick a suggestion. Unlike `Badge` it is a button,
|
|
5
|
+
* and unlike `FilterChips` it removes nothing.
|
|
6
|
+
*
|
|
7
|
+
* A label longer than its container continues on the next row instead of
|
|
8
|
+
* being cut, so the whole example stays readable on narrow screens.
|
|
9
|
+
*
|
|
10
|
+
* @component
|
|
11
|
+
* @example
|
|
12
|
+
* <ChipButton onClick={() => search('mi paquete')}>mi paquete</ChipButton>
|
|
13
|
+
*
|
|
14
|
+
* @param {Object} props - The properties of the ChipButton component.
|
|
15
|
+
* @param {ReactNode} props.children - The label of the chip.
|
|
16
|
+
* @param {ButtonHTMLAttributes<HTMLButtonElement>} restProps - Additional properties for the button element. `type` defaults to `button`.
|
|
17
|
+
*
|
|
18
|
+
* @returns {ReactNode} The rendered ChipButton component.
|
|
19
|
+
*/
|
|
20
|
+
export function ChipButton({ children, type = 'button', ...restProps }) {
|
|
21
|
+
const className = clsx('inline-flex max-w-full rounded-2xl border px-3 py-1 text-left text-xs leading-4 wrap-anywhere transition-colors', 'border-gray-5 text-gray-1 dark:border-gray-1 dark:bg-black-1 dark:text-gray-2 bg-white', 'not-disabled:hover:border-lavender-1 dark:not-disabled:hover:border-lavender-dark-1 not-disabled:hover:text-black dark:not-disabled:hover:text-white', 'disabled:text-gray-3 dark:disabled:text-gray-1 disabled:cursor-not-allowed', 'focus-visible:ring-lavender dark:focus-visible:ring-lavender-dark focus-visible:ring-2 focus-visible:outline-none', restProps.className);
|
|
22
|
+
return (<button {...restProps} type={type} className={className}>
|
|
23
|
+
{children}
|
|
24
|
+
</button>);
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=ChipButton.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChipButton.jsx","sourceRoot":"","sources":["../../../../src/components/01-atoms/ChipButton/ChipButton.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,GAAG,SAAS,EACI;IAChB,MAAM,SAAS,GAAG,IAAI,CACpB,iHAAiH,EACjH,wFAAwF,EACxF,sJAAsJ,EACtJ,4EAA4E,EAC5E,mHAAmH,EACnH,SAAS,CAAC,SAAS,CACpB,CAAC;IAEF,OAAO,CACL,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CACtD;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/01-atoms/ChipButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/01-atoms/ChipButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -14,13 +14,20 @@ export type CodeBlockProps = {
|
|
|
14
14
|
startLine?: number;
|
|
15
15
|
/** Lines to emphasize, as inclusive ranges in the same numbering. */
|
|
16
16
|
highlight?: CodeBlockRange[];
|
|
17
|
+
/** Long lines continue on the next row instead of scrolling sideways. */
|
|
18
|
+
wrap?: boolean;
|
|
17
19
|
/** Called when the browser refuses to write to the clipboard. */
|
|
18
20
|
onCopyError?: (error: unknown) => void;
|
|
19
21
|
} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
|
|
20
22
|
/**
|
|
21
23
|
* Read-only block of source code with a copy button. Shows an excerpt
|
|
22
|
-
* exactly as written: monospace, no wrapping, horizontal
|
|
23
|
-
* is longer than the block.
|
|
24
|
+
* exactly as written: monospace and, by default, no wrapping, with horizontal
|
|
25
|
+
* scroll when a line is longer than the block.
|
|
26
|
+
*
|
|
27
|
+
* With `wrap`, a line longer than the block continues on the next row, under
|
|
28
|
+
* the code and not under the line numbers. Use it where scrolling sideways is
|
|
29
|
+
* awkward, such as narrow screens or a command to read whole. Copying always
|
|
30
|
+
* takes the original text.
|
|
24
31
|
*
|
|
25
32
|
* Setting `startLine` numbers the lines, so an excerpt from the middle of a
|
|
26
33
|
* file keeps its real line numbers; `highlight` then marks ranges in that
|
|
@@ -48,9 +55,10 @@ export type CodeBlockProps = {
|
|
|
48
55
|
* @param {string} [props.language] - Label shown in the header.
|
|
49
56
|
* @param {number} [props.startLine] - Number of the first line; enables line numbers.
|
|
50
57
|
* @param {CodeBlockRange[]} [props.highlight=[]] - Inclusive line ranges to emphasize.
|
|
58
|
+
* @param {boolean} [props.wrap=false] - Long lines continue on the next row instead of scrolling.
|
|
51
59
|
* @param {(error: unknown) => void} [props.onCopyError] - Called when the clipboard write fails.
|
|
52
60
|
*
|
|
53
61
|
* @returns {ReactNode} The rendered CodeBlock component.
|
|
54
62
|
*/
|
|
55
|
-
export declare function CodeBlock({ code, copyLabel, copiedLabel, language, startLine, highlight, onCopyError, ...restProps }: CodeBlockProps): ReactNode;
|
|
63
|
+
export declare function CodeBlock({ code, copyLabel, copiedLabel, language, startLine, highlight, wrap, onCopyError, ...restProps }: CodeBlockProps): ReactNode;
|
|
56
64
|
//# sourceMappingURL=CodeBlock.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/01-atoms/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAKf,iEAAiE;AACjE,MAAM,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG;IAC3B,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,SAAS,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,WAAW,EAAE,MAAM,CAAC;IACpB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,iEAAiE;IACjE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAQrD
|
|
1
|
+
{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/01-atoms/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAKf,iEAAiE;AACjE,MAAM,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG;IAC3B,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,SAAS,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,WAAW,EAAE,MAAM,CAAC;IACpB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,yEAAyE;IACzE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iEAAiE;IACjE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAQrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,EACT,SAAc,EACd,IAAY,EACZ,WAAW,EACX,GAAG,SAAS,EACb,EAAE,cAAc,GAAG,SAAS,CAmG5B"}
|
|
@@ -10,8 +10,13 @@ function isHighlighted(line, ranges) {
|
|
|
10
10
|
}
|
|
11
11
|
/**
|
|
12
12
|
* Read-only block of source code with a copy button. Shows an excerpt
|
|
13
|
-
* exactly as written: monospace, no wrapping, horizontal
|
|
14
|
-
* is longer than the block.
|
|
13
|
+
* exactly as written: monospace and, by default, no wrapping, with horizontal
|
|
14
|
+
* scroll when a line is longer than the block.
|
|
15
|
+
*
|
|
16
|
+
* With `wrap`, a line longer than the block continues on the next row, under
|
|
17
|
+
* the code and not under the line numbers. Use it where scrolling sideways is
|
|
18
|
+
* awkward, such as narrow screens or a command to read whole. Copying always
|
|
19
|
+
* takes the original text.
|
|
15
20
|
*
|
|
16
21
|
* Setting `startLine` numbers the lines, so an excerpt from the middle of a
|
|
17
22
|
* file keeps its real line numbers; `highlight` then marks ranges in that
|
|
@@ -39,11 +44,12 @@ function isHighlighted(line, ranges) {
|
|
|
39
44
|
* @param {string} [props.language] - Label shown in the header.
|
|
40
45
|
* @param {number} [props.startLine] - Number of the first line; enables line numbers.
|
|
41
46
|
* @param {CodeBlockRange[]} [props.highlight=[]] - Inclusive line ranges to emphasize.
|
|
47
|
+
* @param {boolean} [props.wrap=false] - Long lines continue on the next row instead of scrolling.
|
|
42
48
|
* @param {(error: unknown) => void} [props.onCopyError] - Called when the clipboard write fails.
|
|
43
49
|
*
|
|
44
50
|
* @returns {ReactNode} The rendered CodeBlock component.
|
|
45
51
|
*/
|
|
46
|
-
export function CodeBlock({ code, copyLabel, copiedLabel, language, startLine, highlight = [], onCopyError, ...restProps }) {
|
|
52
|
+
export function CodeBlock({ code, copyLabel, copiedLabel, language, startLine, highlight = [], wrap = false, onCopyError, ...restProps }) {
|
|
47
53
|
const [isCopied, setIsCopied] = useState(false);
|
|
48
54
|
const resetTimer = useRef(undefined);
|
|
49
55
|
useEffect(() => () => clearTimeout(resetTimer.current), []);
|
|
@@ -74,7 +80,7 @@ export function CodeBlock({ code, copyLabel, copiedLabel, language, startLine, h
|
|
|
74
80
|
</span>
|
|
75
81
|
</div>
|
|
76
82
|
<pre tabIndex={0} className="focus-visible:ring-lavender dark:focus-visible:ring-lavender-dark m-0 overflow-x-auto py-2 font-mono text-xs leading-5 text-black focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-inset dark:text-white">
|
|
77
|
-
<code className=
|
|
83
|
+
<code className={clsx('block', !wrap && 'min-w-max')}>
|
|
78
84
|
<Each of={lines} render={(line, index) => {
|
|
79
85
|
const number = firstLine + index;
|
|
80
86
|
const isMarked = isHighlighted(number, highlight);
|
|
@@ -84,7 +90,9 @@ export function CodeBlock({ code, copyLabel, copiedLabel, language, startLine, h
|
|
|
84
90
|
: 'text-gray-1 dark:text-gray-2')}>
|
|
85
91
|
{number}
|
|
86
92
|
</span>)}
|
|
87
|
-
<span className={clsx('pr-3
|
|
93
|
+
<span className={clsx('pr-3', wrap
|
|
94
|
+
? 'min-w-0 flex-1 wrap-anywhere whitespace-pre-wrap'
|
|
95
|
+
: 'whitespace-pre', !isNumbered && 'pl-3')}>
|
|
88
96
|
{line || ' '}
|
|
89
97
|
</span>
|
|
90
98
|
{'\n'}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeBlock.jsx","sourceRoot":"","sources":["../../../../src/components/01-atoms/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAGL,SAAS,EACT,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"CodeBlock.jsx","sourceRoot":"","sources":["../../../../src/components/01-atoms/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/01-atoms/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,cAAc,EAEnB,SAAS,EAIV,MAAM,OAAO,CAAC;AASf,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,CAAC;AAIpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAqB,EACrB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,oBAAoB,EACpB,GAAG,SAAS,EACb,EAAE,gBAAgB,GAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/01-atoms/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,cAAc,EAEnB,SAAS,EAIV,MAAM,OAAO,CAAC;AASf,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,CAAC;AAIpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAqB,EACrB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,oBAAoB,EACpB,GAAG,SAAS,EACb,EAAE,gBAAgB,GAAG,SAAS,CA0U9B"}
|
|
@@ -47,10 +47,20 @@ const EMPTY_OPTIONS = [];
|
|
|
47
47
|
*/
|
|
48
48
|
export function MultiSelect({ options, value = EMPTY_OPTIONS, onChange, label, disabled, helperText, error, isMutedWhenEmpty, clearButtonAriaLabel, ...restProps }) {
|
|
49
49
|
const [id, setId] = useState('');
|
|
50
|
-
const [filteredOptions, setFilteredOptions] = useState(
|
|
50
|
+
const [filteredOptions, setFilteredOptions] = useState(options);
|
|
51
51
|
const [selectedOptions, setSelectedOptions] = useState(value);
|
|
52
52
|
const [isOpen, setIsOpen] = useState(false);
|
|
53
53
|
const [query, setQuery] = useState('');
|
|
54
|
+
const [props, setProps] = useState({ options, value });
|
|
55
|
+
// New `options` or `value` override the search results and the selection in
|
|
56
|
+
// the same render; the search and the clicks keep writing them in between.
|
|
57
|
+
if (props.options !== options || props.value !== value) {
|
|
58
|
+
setProps({ options, value });
|
|
59
|
+
if (props.options !== options)
|
|
60
|
+
setFilteredOptions(options);
|
|
61
|
+
if (props.value !== value)
|
|
62
|
+
setSelectedOptions(value);
|
|
63
|
+
}
|
|
54
64
|
const containerRef = useRef(null);
|
|
55
65
|
const triggerRef = useRef(null);
|
|
56
66
|
const optionRefs = useRef([]);
|
|
@@ -152,12 +162,6 @@ export function MultiSelect({ options, value = EMPTY_OPTIONS, onChange, label, d
|
|
|
152
162
|
closeDropdown();
|
|
153
163
|
}
|
|
154
164
|
};
|
|
155
|
-
useEffect(() => {
|
|
156
|
-
setFilteredOptions(options);
|
|
157
|
-
}, [options]);
|
|
158
|
-
useEffect(() => {
|
|
159
|
-
setSelectedOptions(value);
|
|
160
|
-
}, [value]);
|
|
161
165
|
useEffect(() => {
|
|
162
166
|
document.addEventListener('mousedown', handleOutsideClick);
|
|
163
167
|
// eslint-disable-next-line react-hooks/set-state-in-effect -- the id is generated on the client after mount so the server and client markup match
|
|
@@ -224,7 +228,7 @@ export function MultiSelect({ options, value = EMPTY_OPTIONS, onChange, label, d
|
|
|
224
228
|
}}/>
|
|
225
229
|
</Show.When>
|
|
226
230
|
<Show.Else>
|
|
227
|
-
<li role="option" aria-disabled="true" className="p-2">
|
|
231
|
+
<li role="option" aria-selected={false} aria-disabled="true" className="p-2">
|
|
228
232
|
Opción no encontrada
|
|
229
233
|
</li>
|
|
230
234
|
</Show.Else>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.jsx","sourceRoot":"","sources":["../../../../src/components/01-atoms/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAKL,SAAS,EACT,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AAmBjF,MAAM,aAAa,GAAiB,EAAE,CAAC;AAEvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,GAAG,aAAa,EACrB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,oBAAoB,EACpB,GAAG,SAAS,EACK;IACjB,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAe,
|
|
1
|
+
{"version":3,"file":"MultiSelect.jsx","sourceRoot":"","sources":["../../../../src/components/01-atoms/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,7 +28,7 @@ type OtpInputProps = {
|
|
|
28
28
|
* @param {boolean} [props.disabled=false] - Whether the input fields are disabled.
|
|
29
29
|
* @param {string} [props.labelStyle] - Additional CSS classes for the label.
|
|
30
30
|
* @param {string} [props.error] - Error message to be displayed below the input fields.
|
|
31
|
-
* @param {(otp: string) => void} props.handleSubmit - Callback function called
|
|
31
|
+
* @param {(otp: string) => void} props.handleSubmit - Callback function called as soon as the OTP is complete (all boxes filled), in the same change.
|
|
32
32
|
* @param {(digit: number) => string} [props.getDigitAriaLabel] - Generates an accessible label for each one-based digit position.
|
|
33
33
|
* @param {React.HTMLAttributes<HTMLDivElement>} [props.restProps] - Additional HTML attributes for the container div.
|
|
34
34
|
* @required props.label, props.handleSubmit
|
|
@@ -23,7 +23,7 @@ import { Paragraph } from '../Paragraph';
|
|
|
23
23
|
* @param {boolean} [props.disabled=false] - Whether the input fields are disabled.
|
|
24
24
|
* @param {string} [props.labelStyle] - Additional CSS classes for the label.
|
|
25
25
|
* @param {string} [props.error] - Error message to be displayed below the input fields.
|
|
26
|
-
* @param {(otp: string) => void} props.handleSubmit - Callback function called
|
|
26
|
+
* @param {(otp: string) => void} props.handleSubmit - Callback function called as soon as the OTP is complete (all boxes filled), in the same change.
|
|
27
27
|
* @param {(digit: number) => string} [props.getDigitAriaLabel] - Generates an accessible label for each one-based digit position.
|
|
28
28
|
* @param {React.HTMLAttributes<HTMLDivElement>} [props.restProps] - Additional HTML attributes for the container div.
|
|
29
29
|
* @required props.label, props.handleSubmit
|
|
@@ -36,7 +36,8 @@ export function OtpInput({ length = 4, disabled = false, label, labelStyle, erro
|
|
|
36
36
|
const accessibilityId = useId();
|
|
37
37
|
const labelId = `${accessibilityId}-label`;
|
|
38
38
|
const errorId = `${accessibilityId}-error`;
|
|
39
|
-
|
|
39
|
+
// Right away: a form that reads the code on Enter must already have it.
|
|
40
|
+
const onSubmit = (newCode) => handleSubmit(newCode.join(''));
|
|
40
41
|
const handleInputChange = (index, value) => {
|
|
41
42
|
if (value && !/^\d$/.test(value))
|
|
42
43
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OtpInput.jsx","sourceRoot":"","sources":["../../../../src/components/01-atoms/OtpInput/OtpInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAKL,KAAK,EACL,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAYzC;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,MAAM,UAAU,QAAQ,CAAC,EACvB,MAAM,GAAG,CAAC,EACV,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,UAAU,EACV,KAAK,EACL,YAAY,EACZ,iBAAiB,EACjB,GAAG,SAAS,EACE;IACd,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAW,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3E,MAAM,SAAS,GAAG,MAAM,CAAqB,EAAE,CAAC,CAAC;IACjD,MAAM,eAAe,GAAG,KAAK,EAAE,CAAC;IAChC,MAAM,OAAO,GAAG,GAAG,eAAe,QAAQ,CAAC;IAC3C,MAAM,OAAO,GAAG,GAAG,eAAe,QAAQ,CAAC;IAE3C,MAAM,QAAQ,GAAG,CAAC,OAAiB,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"OtpInput.jsx","sourceRoot":"","sources":["../../../../src/components/01-atoms/OtpInput/OtpInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../src/components/01-atoms/Radio/Radio.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAIxE,KAAK,aAAa,GAAG,SAAS,GAAG,MAAM,CAAC;AAExC,KAAK,UAAU,GAAG;IAChB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC,CAAC;IACvE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACjD,QAAQ,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC;CACnC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,OAAO,EACP,KAAK,EACL,UAAU,EACV,KAAK,EACL,WAAwB,EACxB,QAAoB,GACrB,EAAE,UAAU,GAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../src/components/01-atoms/Radio/Radio.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAIxE,KAAK,aAAa,GAAG,SAAS,GAAG,MAAM,CAAC;AAExC,KAAK,UAAU,GAAG;IAChB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC,CAAC;IACvE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACjD,QAAQ,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC;CACnC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,OAAO,EACP,KAAK,EACL,UAAU,EACV,KAAK,EACL,WAAwB,EACxB,QAAoB,GACrB,EAAE,UAAU,GAAG,SAAS,CAiJxB"}
|
|
@@ -90,6 +90,7 @@ export function Radio({ label, options, radio, helperText, error, orientation =
|
|
|
90
90
|
const checked = radio.value === value;
|
|
91
91
|
if (isPill) {
|
|
92
92
|
return (<div className="relative" key={value}>
|
|
93
|
+
{/* eslint-disable-next-line jsx-a11y/role-supports-aria-props -- kept on the focused control so the error is read with it; ARIA 1.2 only deprecates it here */}
|
|
93
94
|
<input {...radio} id={id} type="radio" className={clsx('peer sr-only', radio.className)} name={radio.name ?? groupId} value={value} checked={checked} aria-invalid={error ? true : radio['aria-invalid']} aria-describedby={describedBy}/>
|
|
94
95
|
<label htmlFor={id} className={pillLabelClasses(checked)}>
|
|
95
96
|
<span aria-hidden="true" className={pillDotClasses(checked)}/>
|
|
@@ -98,6 +99,7 @@ export function Radio({ label, options, radio, helperText, error, orientation =
|
|
|
98
99
|
</div>);
|
|
99
100
|
}
|
|
100
101
|
return (<div className="flex items-center" key={value}>
|
|
102
|
+
{/* eslint-disable-next-line jsx-a11y/role-supports-aria-props -- kept on the focused control so the error is read with it; ARIA 1.2 only deprecates it here */}
|
|
101
103
|
<input {...radio} id={id} type="radio" className={radioClasses} name={radio.name ?? groupId} value={value} checked={checked} aria-invalid={error ? true : radio['aria-invalid']} aria-describedby={describedBy}/>
|
|
102
104
|
<label htmlFor={id} className={labelClasses}>
|
|
103
105
|
{text}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.jsx","sourceRoot":"","sources":["../../../../src/components/01-atoms/Radio/Radio.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Radio.jsx","sourceRoot":"","sources":["../../../../src/components/01-atoms/Radio/Radio.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectList.d.ts","sourceRoot":"","sources":["../../../../src/components/01-atoms/Select/SelectList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAGf,KAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IACrC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAOF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,OAAO,EACP,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,EACX,QAAQ,GACT,EAAE,eAAe,GAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"SelectList.d.ts","sourceRoot":"","sources":["../../../../src/components/01-atoms/Select/SelectList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAGf,KAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IACrC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAOF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,OAAO,EACP,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,EACX,QAAQ,GACT,EAAE,eAAe,GAAG,SAAS,CAiI7B"}
|
|
@@ -101,6 +101,7 @@ export function SelectList({ id, labelId, options, value, disabled, invalid, des
|
|
|
101
101
|
}
|
|
102
102
|
};
|
|
103
103
|
return (<div ref={rootRef} className="absolute inset-0">
|
|
104
|
+
{/* eslint-disable-next-line jsx-a11y/role-supports-aria-props -- kept on the focused control so the error is read with it; ARIA 1.2 only deprecates it here */}
|
|
104
105
|
<button type="button" disabled={disabled} aria-haspopup="listbox" aria-expanded={isOpen} aria-controls={listboxId} aria-labelledby={`${labelId} ${id}-value`} aria-describedby={describedBy} aria-invalid={invalid} aria-activedescendant={isOpen && activeIndex >= 0 ? `${listboxId}-${activeIndex}` : undefined} onClick={() => (isOpen ? close() : open())} onKeyDown={handleKeyDown} className="h-full w-full cursor-pointer rounded-full focus:outline-none focus-visible:ring-2 focus-visible:ring-black/20 disabled:cursor-not-allowed dark:focus-visible:ring-white/30">
|
|
105
106
|
<span id={`${id}-value`} className="sr-only">
|
|
106
107
|
{selectedIndex >= 0 ? options[selectedIndex][1] : ''}
|