@erplora/outfitkit 0.1.13 → 0.1.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/base/icons.d.ts +59 -0
- package/dist/base/icons.test.d.ts +1 -0
- package/dist/components/ok-data-table/ok-data-table.d.ts +7 -0
- package/dist/components/ok-kpi/ok-kpi.d.ts +1 -1
- package/dist/ok-app-launcher.js +4 -3
- package/dist/ok-audio.js +4 -3
- package/dist/ok-calendar.js +4 -3
- package/dist/ok-carousel.js +3 -2
- package/dist/ok-chat.js +2 -1
- package/dist/ok-combo.js +2 -1
- package/dist/ok-command-palette.js +3 -2
- package/dist/ok-data-table.js +27 -16
- package/dist/ok-date-picker.js +4 -3
- package/dist/ok-drawer.js +3 -2
- package/dist/ok-dropzone.js +5 -4
- package/dist/ok-empty-state.js +2 -1
- package/dist/ok-error-page.js +2 -1
- package/dist/ok-file-manager.js +5 -4
- package/dist/ok-icon-tile.js +2 -1
- package/dist/ok-inline-feedback.js +8 -7
- package/dist/ok-kpi.js +7 -6
- package/dist/ok-lightbox.js +7 -6
- package/dist/ok-mail.js +10 -9
- package/dist/ok-menu.js +2 -1
- package/dist/ok-menubar.js +6 -5
- package/dist/ok-notification-center.js +4 -3
- package/dist/ok-pdf.js +4 -3
- package/dist/ok-pinpad.js +3 -2
- package/dist/ok-qty-stepper.js +3 -2
- package/dist/ok-rating.js +3 -2
- package/dist/ok-scheduler.js +3 -2
- package/dist/ok-select-card.js +2 -1
- package/dist/ok-signature.js +3 -2
- package/dist/ok-split-button.js +3 -2
- package/dist/ok-status-pill.js +2 -1
- package/dist/ok-stepper.js +2 -1
- package/dist/ok-tag-input.js +2 -1
- package/dist/ok-timeline.js +2 -1
- package/dist/ok-tree.js +3 -2
- package/dist/ok-video.js +5 -4
- package/dist/ok-widget-board.js +2 -1
- package/dist/outfitkit.bundle.js +3124 -3060
- package/dist/shared/icons.js +194 -0
- package/package.json +7 -2
|
@@ -0,0 +1,194 @@
|
|
|
1
|
+
const rawAdd = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M256 112v288m144-144H112"/></svg>';
|
|
2
|
+
const rawAlertCircle = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="currentColor" d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208s208-93.31 208-208S370.69 48 256 48m0 319.91a20 20 0 1 1 20-20a20 20 0 0 1-20 20m21.72-201.15l-5.74 122a16 16 0 0 1-32 0l-5.74-121.94v-.05a21.74 21.74 0 1 1 43.44 0Z"/></svg>';
|
|
3
|
+
const rawAlertCircleOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192s192-86 192-192Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M250.26 166.05L256 288l5.73-121.95a5.74 5.74 0 0 0-5.79-6h0a5.74 5.74 0 0 0-5.68 6"/><path fill="currentColor" d="M256 367.91a20 20 0 1 1 20-20a20 20 0 0 1-20 20"/></svg>';
|
|
4
|
+
const rawAppsOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><rect width="80" height="80" x="64" y="64" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" rx="40" ry="40"/><rect width="80" height="80" x="216" y="64" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" rx="40" ry="40"/><rect width="80" height="80" x="368" y="64" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" rx="40" ry="40"/><rect width="80" height="80" x="64" y="216" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" rx="40" ry="40"/><rect width="80" height="80" x="216" y="216" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" rx="40" ry="40"/><rect width="80" height="80" x="368" y="216" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" rx="40" ry="40"/><rect width="80" height="80" x="64" y="368" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" rx="40" ry="40"/><rect width="80" height="80" x="216" y="368" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" rx="40" ry="40"/><rect width="80" height="80" x="368" y="368" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" rx="40" ry="40"/></svg>';
|
|
5
|
+
const rawArchiveOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M80 152v256a40.12 40.12 0 0 0 40 40h272a40.12 40.12 0 0 0 40-40V152"/><rect width="416" height="80" x="48" y="64" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" rx="28" ry="28"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="m320 304l-64 64l-64-64m64 41.89V224"/></svg>';
|
|
6
|
+
const rawArrowRedoOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M448 256L272 88v96C103.57 184 64 304.77 64 424c48.61-62.24 91.6-96 208-96v96Z"/></svg>';
|
|
7
|
+
const rawArrowUndoOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M240 424v-96c116.4 0 159.39 33.76 208 96c0-119.23-39.57-240-208-240V88L64 256Z"/></svg>';
|
|
8
|
+
const rawBackspaceOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M135.19 390.14a28.8 28.8 0 0 0 21.68 9.86h246.26A29 29 0 0 0 432 371.13V140.87A29 29 0 0 0 403.13 112H156.87a28.84 28.84 0 0 0-21.67 9.84L46.33 256l88.86 134.11Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M336.67 192.33L206.66 322.34m130.01 0L206.66 192.33m130.01 0L206.66 322.34m130.01 0L206.66 192.33"/></svg>';
|
|
9
|
+
const rawCalendarOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><rect width="416" height="384" x="48" y="80" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" rx="48"/><circle cx="296" cy="232" r="24" fill="currentColor"/><circle cx="376" cy="232" r="24" fill="currentColor"/><circle cx="296" cy="312" r="24" fill="currentColor"/><circle cx="376" cy="312" r="24" fill="currentColor"/><circle cx="136" cy="312" r="24" fill="currentColor"/><circle cx="216" cy="312" r="24" fill="currentColor"/><circle cx="136" cy="392" r="24" fill="currentColor"/><circle cx="216" cy="392" r="24" fill="currentColor"/><circle cx="296" cy="392" r="24" fill="currentColor"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M128 48v32m256-32v32"/><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M464 160H48"/></svg>';
|
|
10
|
+
const rawCheckmarkCircle = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="currentColor" d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208s208-93.31 208-208S370.69 48 256 48m108.25 138.29l-134.4 160a16 16 0 0 1-12 5.71h-.27a16 16 0 0 1-11.89-5.3l-57.6-64a16 16 0 1 1 23.78-21.4l45.29 50.32l122.59-145.91a16 16 0 0 1 24.5 20.58"/></svg>';
|
|
11
|
+
const rawCheckmarkOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128L192 384l-96-96"/></svg>';
|
|
12
|
+
const rawChevronBack = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M328 112L184 256l144 144"/></svg>';
|
|
13
|
+
const rawChevronBackOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M328 112L184 256l144 144"/></svg>';
|
|
14
|
+
const rawChevronDownOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="m112 184l144 144l144-144"/></svg>';
|
|
15
|
+
const rawChevronForward = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="m184 112l144 144l-144 144"/></svg>';
|
|
16
|
+
const rawChevronForwardOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="m184 112l144 144l-144 144"/></svg>';
|
|
17
|
+
const rawChevronUpOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="m112 328l144-144l144 144"/></svg>';
|
|
18
|
+
const rawClose = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="currentColor" d="m289.94 256l95-95A24 24 0 0 0 351 127l-95 95l-95-95a24 24 0 0 0-34 34l95 95l-95 95a24 24 0 1 0 34 34l95-95l95 95a24 24 0 0 0 34-34Z"/></svg>';
|
|
19
|
+
const rawCloseOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M368 368L144 144m224 0L144 368"/></svg>';
|
|
20
|
+
const rawCloudUploadOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M320 367.79h76c55 0 100-29.21 100-83.6s-53-81.47-96-83.6c-8.89-85.06-71-136.8-144-136.8c-69 0-113.44 45.79-128 91.2c-60 5.7-112 43.88-112 106.4s54 106.4 120 106.4h56"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="m320 255.79l-64-64l-64 64m64 192.42V207.79"/></svg>';
|
|
21
|
+
const rawCreateOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M384 224v184a40 40 0 0 1-40 40H104a40 40 0 0 1-40-40V168a40 40 0 0 1 40-40h167.48"/><path fill="currentColor" d="M459.94 53.25a16.06 16.06 0 0 0-23.22-.56L424.35 65a8 8 0 0 0 0 11.31l11.34 11.32a8 8 0 0 0 11.34 0l12.06-12c6.1-6.09 6.67-16.01.85-22.38M399.34 90L218.82 270.2a9 9 0 0 0-2.31 3.93L208.16 299a3.91 3.91 0 0 0 4.86 4.86l24.85-8.35a9 9 0 0 0 3.93-2.31L422 112.66a9 9 0 0 0 0-12.66l-9.95-10a9 9 0 0 0-12.71 0"/></svg>';
|
|
22
|
+
const rawDocumentAttachOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M208 64h66.75a32 32 0 0 1 22.62 9.37l141.26 141.26a32 32 0 0 1 9.37 22.62V432a48 48 0 0 1-48 48H192a48 48 0 0 1-48-48V304"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M288 72v120a32 32 0 0 0 32 32h120"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M160 80v152a23.69 23.69 0 0 1-24 24c-12 0-24-9.1-24-24V88c0-30.59 16.57-56 48-56s48 24.8 48 55.38v138.75c0 43-27.82 77.87-72 77.87s-72-34.86-72-77.87V144"/></svg>';
|
|
23
|
+
const rawDocumentOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M416 221.25V416a48 48 0 0 1-48 48H144a48 48 0 0 1-48-48V96a48 48 0 0 1 48-48h98.75a32 32 0 0 1 22.62 9.37l141.26 141.26a32 32 0 0 1 9.37 22.62Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M256 56v120a32 32 0 0 0 32 32h120"/></svg>';
|
|
24
|
+
const rawDocumentTextOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M416 221.25V416a48 48 0 0 1-48 48H144a48 48 0 0 1-48-48V96a48 48 0 0 1 48-48h98.75a32 32 0 0 1 22.62 9.37l141.26 141.26a32 32 0 0 1 9.37 22.62Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M256 56v120a32 32 0 0 0 32 32h120m-232 80h160m-160 80h160"/></svg>';
|
|
25
|
+
const rawDownloadOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M336 176h40a40 40 0 0 1 40 40v208a40 40 0 0 1-40 40H136a40 40 0 0 1-40-40V216a40 40 0 0 1 40-40h40"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="m176 272l80 80l80-80M256 48v288"/></svg>';
|
|
26
|
+
const rawEllipsisVertical = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><circle cx="256" cy="256" r="48" fill="currentColor"/><circle cx="256" cy="416" r="48" fill="currentColor"/><circle cx="256" cy="96" r="48" fill="currentColor"/></svg>';
|
|
27
|
+
const rawExpandOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M432 320v112H320m101.8-10.23L304 304M80 192V80h112M90.2 90.23L208 208M320 80h112v112M421.77 90.2L304 208M192 432H80V320m10.23 101.8L208 304"/></svg>';
|
|
28
|
+
const rawFileTrayOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M384 80H128c-26 0-43 14-48 40L48 272v112a48.14 48.14 0 0 0 48 48h320a48.14 48.14 0 0 0 48-48V272l-32-152c-5-27-23-40-48-40Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M48 272h144m128 0h144m-272 0a64 64 0 0 0 128 0"/></svg>';
|
|
29
|
+
const rawFolderOpenOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M64 192v-72a40 40 0 0 1 40-40h75.89a40 40 0 0 1 22.19 6.72l27.84 18.56a40 40 0 0 0 22.19 6.72H408a40 40 0 0 1 40 40v40"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M479.9 226.55L463.68 392a40 40 0 0 1-39.93 40H88.25a40 40 0 0 1-39.93-40L32.1 226.55A32 32 0 0 1 64 192h384.1a32 32 0 0 1 31.8 34.55"/></svg>';
|
|
30
|
+
const rawInformationCircle = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="currentColor" d="M256 56C145.72 56 56 145.72 56 256s89.72 200 200 200s200-89.72 200-200S366.28 56 256 56m0 82a26 26 0 1 1-26 26a26 26 0 0 1 26-26m48 226h-88a16 16 0 0 1 0-32h28v-88h-16a16 16 0 0 1 0-32h32a16 16 0 0 1 16 16v104h28a16 16 0 0 1 0 32"/></svg>';
|
|
31
|
+
const rawMenuOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M80 160h352M80 256h352M80 352h352"/></svg>';
|
|
32
|
+
const rawNotificationsOffOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M128.51 204.59q-.37 6.15-.37 12.76C128.14 304 110 320 84.33 351.43C73.69 364.45 83 384 101.62 384H320m94.5-48.7c-18.48-23.45-30.62-47.05-30.62-118c0-79.3-40.52-107.57-73.88-121.3c-4.43-1.82-8.6-6-9.95-10.55C294.21 65.54 277.82 48 256 48s-38.2 17.55-44 37.47c-1.35 4.6-5.52 8.71-10 10.53a150 150 0 0 0-18 8.79M320 384v16a64 64 0 0 1-128 0v-16"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M448 448L64 64"/></svg>';
|
|
33
|
+
const rawOpenOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M384 224v184a40 40 0 0 1-40 40H104a40 40 0 0 1-40-40V168a40 40 0 0 1 40-40h167.48M336 64h112v112M224 288L440 72"/></svg>';
|
|
34
|
+
const rawPlayOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M112 111v290c0 17.44 17 28.52 31 20.16l247.9-148.37c12.12-7.25 12.12-26.33 0-33.58L143 90.84c-14-8.36-31 2.72-31 20.16Z"/></svg>';
|
|
35
|
+
const rawRemove = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M400 256H112"/></svg>';
|
|
36
|
+
const rawSearchOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M221.09 64a157.09 157.09 0 1 0 157.09 157.09A157.1 157.1 0 0 0 221.09 64Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M338.29 338.29L448 448"/></svg>';
|
|
37
|
+
const rawSend = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="currentColor" d="m476.59 227.05l-.16-.07L49.35 49.84A23.56 23.56 0 0 0 27.14 52A24.65 24.65 0 0 0 16 72.59v113.29a24 24 0 0 0 19.52 23.57l232.93 43.07a4 4 0 0 1 0 7.86L35.53 303.45A24 24 0 0 0 16 327v113.31A23.57 23.57 0 0 0 26.59 460a23.94 23.94 0 0 0 13.22 4a24.55 24.55 0 0 0 9.52-1.93L476.4 285.94l.19-.09a32 32 0 0 0 0-58.8"/></svg>';
|
|
38
|
+
const rawSwapVerticalOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M464 208L352 96L240 208m112-94.87V416M48 304l112 112l112-112m-112 94V96"/></svg>';
|
|
39
|
+
const rawTrashOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="m112 112l20 320c.95 18.49 14.4 32 32 32h184c17.67 0 30.87-13.51 32-32l20-320"/><path fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M80 112h352"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M192 112V72h0a23.93 23.93 0 0 1 24-24h80a23.93 23.93 0 0 1 24 24h0v40m-64 64v224m-72-224l8 224m136-224l-8 224"/></svg>';
|
|
40
|
+
const rawTrendingDown = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M352 368h112V256"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="m48 144l121.37 121.37a32 32 0 0 0 45.26 0l50.74-50.74a32 32 0 0 1 45.26 0L448 352"/></svg>';
|
|
41
|
+
const rawTrendingUp = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M352 144h112v112"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="m48 368l121.37-121.37a32 32 0 0 1 45.26 0l50.74 50.74a32 32 0 0 0 45.26 0L448 160"/></svg>';
|
|
42
|
+
const rawVolumeHighOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M126 192H56a8 8 0 0 0-8 8v112a8 8 0 0 0 8 8h69.65a15.93 15.93 0 0 1 10.14 3.54l91.47 74.89A8 8 0 0 0 240 392V120a8 8 0 0 0-12.74-6.43l-91.47 74.89A15 15 0 0 1 126 192m194 128c9.74-19.38 16-40.84 16-64c0-23.48-6-44.42-16-64m48 176c19.48-33.92 32-64.06 32-112s-12-77.74-32-112m48 272c30-46 48-91.43 48-160s-18-113-48-160"/></svg>';
|
|
43
|
+
const rawVolumeLowOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M189.65 192H120a8 8 0 0 0-8 8v112a8 8 0 0 0 8 8h69.65a16 16 0 0 1 10.14 3.63l91.47 75a8 8 0 0 0 12.74-6.46V119.83a8 8 0 0 0-12.74-6.44l-91.47 75a16 16 0 0 1-10.14 3.61M384 320c9.74-19.41 16-40.81 16-64c0-23.51-6-44.4-16-64"/></svg>';
|
|
44
|
+
const rawVolumeMuteOutline = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M416 432L64 80"/><path fill="currentColor" d="M224 136.92v33.8a4 4 0 0 0 1.17 2.82l24 24a4 4 0 0 0 6.83-2.82v-74.15a24.53 24.53 0 0 0-12.67-21.72a23.91 23.91 0 0 0-25.55 1.83a8 8 0 0 0-.66.51l-31.94 26.15a4 4 0 0 0-.29 5.92l17.05 17.06a4 4 0 0 0 5.37.26Zm0 238.16l-78.07-63.92a32 32 0 0 0-20.28-7.16H64v-96h50.72a4 4 0 0 0 2.82-6.83l-24-24a4 4 0 0 0-2.82-1.17H56a24 24 0 0 0-24 24v112a24 24 0 0 0 24 24h69.76l91.36 74.8a8 8 0 0 0 .66.51a23.93 23.93 0 0 0 25.85 1.69A24.49 24.49 0 0 0 256 391.45v-50.17a4 4 0 0 0-1.17-2.82l-24-24a4 4 0 0 0-6.83 2.82ZM352 256c0-24.56-5.81-47.88-17.75-71.27a16 16 0 0 0-28.5 14.54C315.34 218.06 320 236.62 320 256q0 4-.31 8.13a8 8 0 0 0 2.32 6.25l19.66 19.67a4 4 0 0 0 6.75-2A147 147 0 0 0 352 256m64 0c0-51.19-13.08-83.89-34.18-120.06a16 16 0 0 0-27.64 16.12C373.07 184.44 384 211.83 384 256c0 23.83-3.29 42.88-9.37 60.65a8 8 0 0 0 1.9 8.26l16.77 16.76a4 4 0 0 0 6.52-1.27C410.09 315.88 416 289.91 416 256"/><path fill="currentColor" d="M480 256c0-74.26-20.19-121.11-50.51-168.61a16 16 0 1 0-27 17.22C429.82 147.38 448 189.5 448 256c0 47.45-8.9 82.12-23.59 113a4 4 0 0 0 .77 4.55L443 391.39a4 4 0 0 0 6.4-1C470.88 348.22 480 307 480 256"/></svg>';
|
|
45
|
+
const rawWarning = '<svg viewBox="0 0 512 512" width="1.2em" height="1.2em" ><path fill="currentColor" d="M449.07 399.08L278.64 82.58c-12.08-22.44-44.26-22.44-56.35 0L51.87 399.08A32 32 0 0 0 80 446.25h340.89a32 32 0 0 0 28.18-47.17m-198.6-1.83a20 20 0 1 1 20-20a20 20 0 0 1-20 20m21.72-201.15l-5.74 122a16 16 0 0 1-32 0l-5.74-121.95a21.73 21.73 0 0 1 21.5-22.69h.21a21.74 21.74 0 0 1 21.73 22.7Z"/></svg>';
|
|
46
|
+
function bake(svg) {
|
|
47
|
+
return `data:image/svg+xml;utf8,${svg}`;
|
|
48
|
+
}
|
|
49
|
+
const iconAdd = bake(rawAdd);
|
|
50
|
+
const iconAlertCircle = bake(rawAlertCircle);
|
|
51
|
+
const iconAlertCircleOutline = bake(rawAlertCircleOutline);
|
|
52
|
+
const iconAppsOutline = bake(rawAppsOutline);
|
|
53
|
+
const iconArchiveOutline = bake(rawArchiveOutline);
|
|
54
|
+
const iconArrowRedoOutline = bake(rawArrowRedoOutline);
|
|
55
|
+
const iconArrowUndoOutline = bake(rawArrowUndoOutline);
|
|
56
|
+
const iconBackspaceOutline = bake(rawBackspaceOutline);
|
|
57
|
+
const iconCalendarOutline = bake(rawCalendarOutline);
|
|
58
|
+
const iconCheckmarkCircle = bake(rawCheckmarkCircle);
|
|
59
|
+
const iconCheckmarkOutline = bake(rawCheckmarkOutline);
|
|
60
|
+
const iconChevronBack = bake(rawChevronBack);
|
|
61
|
+
const iconChevronBackOutline = bake(rawChevronBackOutline);
|
|
62
|
+
const iconChevronDownOutline = bake(rawChevronDownOutline);
|
|
63
|
+
const iconChevronForward = bake(rawChevronForward);
|
|
64
|
+
const iconChevronForwardOutline = bake(rawChevronForwardOutline);
|
|
65
|
+
const iconChevronUpOutline = bake(rawChevronUpOutline);
|
|
66
|
+
const iconClose = bake(rawClose);
|
|
67
|
+
const iconCloseOutline = bake(rawCloseOutline);
|
|
68
|
+
const iconCloudUploadOutline = bake(rawCloudUploadOutline);
|
|
69
|
+
const iconCreateOutline = bake(rawCreateOutline);
|
|
70
|
+
const iconDocumentAttachOutline = bake(rawDocumentAttachOutline);
|
|
71
|
+
const iconDocumentOutline = bake(rawDocumentOutline);
|
|
72
|
+
const iconDocumentTextOutline = bake(rawDocumentTextOutline);
|
|
73
|
+
const iconDownloadOutline = bake(rawDownloadOutline);
|
|
74
|
+
const iconEllipsisVertical = bake(rawEllipsisVertical);
|
|
75
|
+
const iconExpandOutline = bake(rawExpandOutline);
|
|
76
|
+
const iconFileTrayOutline = bake(rawFileTrayOutline);
|
|
77
|
+
const iconFolderOpenOutline = bake(rawFolderOpenOutline);
|
|
78
|
+
const iconInformationCircle = bake(rawInformationCircle);
|
|
79
|
+
const iconMenuOutline = bake(rawMenuOutline);
|
|
80
|
+
const iconNotificationsOffOutline = bake(rawNotificationsOffOutline);
|
|
81
|
+
const iconOpenOutline = bake(rawOpenOutline);
|
|
82
|
+
const iconPlayOutline = bake(rawPlayOutline);
|
|
83
|
+
const iconRemove = bake(rawRemove);
|
|
84
|
+
const iconSearchOutline = bake(rawSearchOutline);
|
|
85
|
+
const iconSend = bake(rawSend);
|
|
86
|
+
const iconSwapVerticalOutline = bake(rawSwapVerticalOutline);
|
|
87
|
+
const iconTrashOutline = bake(rawTrashOutline);
|
|
88
|
+
const iconTrendingDown = bake(rawTrendingDown);
|
|
89
|
+
const iconTrendingUp = bake(rawTrendingUp);
|
|
90
|
+
const iconVolumeHighOutline = bake(rawVolumeHighOutline);
|
|
91
|
+
const iconVolumeLowOutline = bake(rawVolumeLowOutline);
|
|
92
|
+
const iconVolumeMuteOutline = bake(rawVolumeMuteOutline);
|
|
93
|
+
const iconWarning = bake(rawWarning);
|
|
94
|
+
const BY_NAME = {
|
|
95
|
+
"add": iconAdd,
|
|
96
|
+
"alert-circle": iconAlertCircle,
|
|
97
|
+
"alert-circle-outline": iconAlertCircleOutline,
|
|
98
|
+
"apps-outline": iconAppsOutline,
|
|
99
|
+
"archive-outline": iconArchiveOutline,
|
|
100
|
+
"arrow-redo-outline": iconArrowRedoOutline,
|
|
101
|
+
"arrow-undo-outline": iconArrowUndoOutline,
|
|
102
|
+
"backspace-outline": iconBackspaceOutline,
|
|
103
|
+
"calendar-outline": iconCalendarOutline,
|
|
104
|
+
"checkmark-circle": iconCheckmarkCircle,
|
|
105
|
+
"checkmark-outline": iconCheckmarkOutline,
|
|
106
|
+
"chevron-back": iconChevronBack,
|
|
107
|
+
"chevron-back-outline": iconChevronBackOutline,
|
|
108
|
+
"chevron-down-outline": iconChevronDownOutline,
|
|
109
|
+
"chevron-forward": iconChevronForward,
|
|
110
|
+
"chevron-forward-outline": iconChevronForwardOutline,
|
|
111
|
+
"chevron-up-outline": iconChevronUpOutline,
|
|
112
|
+
"close": iconClose,
|
|
113
|
+
"close-outline": iconCloseOutline,
|
|
114
|
+
"cloud-upload-outline": iconCloudUploadOutline,
|
|
115
|
+
"create-outline": iconCreateOutline,
|
|
116
|
+
"document-attach-outline": iconDocumentAttachOutline,
|
|
117
|
+
"document-outline": iconDocumentOutline,
|
|
118
|
+
"document-text-outline": iconDocumentTextOutline,
|
|
119
|
+
"download-outline": iconDownloadOutline,
|
|
120
|
+
"ellipsis-vertical": iconEllipsisVertical,
|
|
121
|
+
"expand-outline": iconExpandOutline,
|
|
122
|
+
"file-tray-outline": iconFileTrayOutline,
|
|
123
|
+
"folder-open-outline": iconFolderOpenOutline,
|
|
124
|
+
"information-circle": iconInformationCircle,
|
|
125
|
+
"menu-outline": iconMenuOutline,
|
|
126
|
+
"notifications-off-outline": iconNotificationsOffOutline,
|
|
127
|
+
"open-outline": iconOpenOutline,
|
|
128
|
+
"play-outline": iconPlayOutline,
|
|
129
|
+
"remove": iconRemove,
|
|
130
|
+
"search-outline": iconSearchOutline,
|
|
131
|
+
"send": iconSend,
|
|
132
|
+
"swap-vertical-outline": iconSwapVerticalOutline,
|
|
133
|
+
"trash-outline": iconTrashOutline,
|
|
134
|
+
"trending-down": iconTrendingDown,
|
|
135
|
+
"trending-up": iconTrendingUp,
|
|
136
|
+
"volume-high-outline": iconVolumeHighOutline,
|
|
137
|
+
"volume-low-outline": iconVolumeLowOutline,
|
|
138
|
+
"volume-mute-outline": iconVolumeMuteOutline,
|
|
139
|
+
"warning": iconWarning
|
|
140
|
+
};
|
|
141
|
+
function okIcon(value) {
|
|
142
|
+
if (!value) return void 0;
|
|
143
|
+
const trimmed = value.trimStart();
|
|
144
|
+
if (trimmed.startsWith("<svg")) return bake(trimmed);
|
|
145
|
+
return BY_NAME[value] ?? value;
|
|
146
|
+
}
|
|
147
|
+
export {
|
|
148
|
+
iconAppsOutline as A,
|
|
149
|
+
iconCloseOutline as B,
|
|
150
|
+
iconBackspaceOutline as C,
|
|
151
|
+
iconCloudUploadOutline as D,
|
|
152
|
+
iconAlertCircleOutline as E,
|
|
153
|
+
iconDocumentOutline as F,
|
|
154
|
+
iconSend as G,
|
|
155
|
+
iconMenuOutline as H,
|
|
156
|
+
iconDownloadOutline as I,
|
|
157
|
+
iconVolumeMuteOutline as J,
|
|
158
|
+
iconVolumeLowOutline as K,
|
|
159
|
+
iconVolumeHighOutline as L,
|
|
160
|
+
iconExpandOutline as M,
|
|
161
|
+
iconOpenOutline as N,
|
|
162
|
+
iconDocumentTextOutline as O,
|
|
163
|
+
iconAdd as P,
|
|
164
|
+
iconSearchOutline as Q,
|
|
165
|
+
iconNotificationsOffOutline as R,
|
|
166
|
+
iconPlayOutline as S,
|
|
167
|
+
iconFolderOpenOutline as T,
|
|
168
|
+
iconEllipsisVertical as a,
|
|
169
|
+
iconClose as b,
|
|
170
|
+
iconChevronBack as c,
|
|
171
|
+
iconChevronForward as d,
|
|
172
|
+
iconFileTrayOutline as e,
|
|
173
|
+
iconSwapVerticalOutline as f,
|
|
174
|
+
iconChevronUpOutline as g,
|
|
175
|
+
iconChevronDownOutline as h,
|
|
176
|
+
iconCalendarOutline as i,
|
|
177
|
+
iconCreateOutline as j,
|
|
178
|
+
iconArrowUndoOutline as k,
|
|
179
|
+
iconArrowRedoOutline as l,
|
|
180
|
+
iconArchiveOutline as m,
|
|
181
|
+
iconTrashOutline as n,
|
|
182
|
+
okIcon as o,
|
|
183
|
+
iconDocumentAttachOutline as p,
|
|
184
|
+
iconChevronForwardOutline as q,
|
|
185
|
+
iconInformationCircle as r,
|
|
186
|
+
iconAlertCircle as s,
|
|
187
|
+
iconWarning as t,
|
|
188
|
+
iconCheckmarkCircle as u,
|
|
189
|
+
iconTrendingUp as v,
|
|
190
|
+
iconTrendingDown as w,
|
|
191
|
+
iconRemove as x,
|
|
192
|
+
iconCheckmarkOutline as y,
|
|
193
|
+
iconChevronBackOutline as z
|
|
194
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@erplora/outfitkit",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.15",
|
|
4
4
|
"description": "OutfitKit — librería de Web Components (Lit) que CONSTRUYE lo que Ionic no tiene (tree, data-table rica, inline-feedback, kpi/stat, stepper/wizard, calendar, kanban…) sobre primitivos de Ionic. Ionic es la base; OutfitKit cubre los huecos. npm + CDN, imports individuales, CSP-safe. Tema vía tokens --ok-* (fallback a --ion-*).",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -138,6 +138,7 @@
|
|
|
138
138
|
"build": "vite build && vite build --config vite.config.cdn.ts && tsc -p tsconfig.build.json --emitDeclarationOnly",
|
|
139
139
|
"dev": "vite build --watch",
|
|
140
140
|
"typecheck": "tsc --noEmit",
|
|
141
|
+
"test": "vitest run",
|
|
141
142
|
"verify:csp": "node scripts/assert-csp-safe.mjs dist",
|
|
142
143
|
"release": "npx --yes release-it"
|
|
143
144
|
},
|
|
@@ -145,7 +146,11 @@
|
|
|
145
146
|
"lit": "^3.2.0"
|
|
146
147
|
},
|
|
147
148
|
"devDependencies": {
|
|
149
|
+
"@iconify-json/ion": "^1.2.7",
|
|
150
|
+
"@types/node": "^24.10.1",
|
|
148
151
|
"typescript": "^5.6.0",
|
|
149
|
-
"
|
|
152
|
+
"unplugin-icons": "^23.0.1",
|
|
153
|
+
"vite": "^6.0.0",
|
|
154
|
+
"vitest": "^4.1.10"
|
|
150
155
|
}
|
|
151
156
|
}
|