@leaflink/stash 47.3.5 → 48.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/assets/illustrations/vignette/product-display.svg +125 -0
  2. package/dist/EmptyState.js +1 -1
  3. package/dist/EmptyState.vue.d.ts +3 -2
  4. package/dist/HttpError.js +1 -1
  5. package/dist/Illustration.js +2 -2
  6. package/dist/Illustration.vue.d.ts +2 -1
  7. package/dist/{Illustration.vue_vue_type_script_setup_true_lang-e52df837.js → Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js} +8 -8
  8. package/dist/Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js.map +1 -0
  9. package/dist/ListView.js +1 -1
  10. package/dist/Stepper.js +17 -14
  11. package/dist/Stepper.js.map +1 -1
  12. package/dist/Stepper.vue.d.ts +7 -0
  13. package/dist/Table.js +1 -1
  14. package/dist/TableCell.js +1 -1
  15. package/dist/TableHeaderCell.js +1 -1
  16. package/dist/TableHeaderRow.js +1 -1
  17. package/dist/TableRow.js +1 -1
  18. package/package.json +1 -1
  19. package/dist/Illustration.vue_vue_type_script_setup_true_lang-e52df837.js.map +0 -1
  20. /package/assets/illustrations/vignette/{products.svg → product-cards.svg} +0 -0
package/assets/illustrations/vignette/product-display.svg ADDED
@@ -0,0 +1,125 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
2
+ <g>
3
+ <path
4
+ d="M95.214 138.786c0-51.807 42.172-93.809 94.198-93.809 52.026 0 94.198 42.002 94.198 93.809 0 51.807-42.172 93.808-94.198 93.808-52.026 0-94.198-42.001-94.198-93.808Z"
5
+ fill="#0072F0" stroke="#1E164B" />
6
+ <path
7
+ d="m166.143 143.574-.086 83.322c.036 2.968-2.468 5.792-7.869 5.86h-41.591c-3.386 0-6.119-2.62-6.112-5.833l.229-83.492c.015-4.359 1.399-8.711 3.781-12.395l12.058-18.358 23.916.062 11.994 18.419c2.532 3.69 3.687 8.056 3.68 12.415v0Z"
8
+ fill="#fff" stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
9
+ <path
10
+ d="m151.531 93.605-.05 16.182c0 .791-.502 2.326-1.004 2.96l-23.916-.061c-.667-.635-1.004-2.449-1.004-3.404l.05-15.738c.007-3.213 2.726-5.785 6.104-5.772l13.752.035c3.378.006 6.083 2.592 6.068 5.805"
11
+ fill="#fff" />
12
+ <path
13
+ d="m151.531 93.605-.05 16.182c0 .791-.502 2.326-1.004 2.96l-23.916-.061c-.667-.635-1.004-2.449-1.004-3.404l.05-15.738c.007-3.213 2.726-5.785 6.104-5.772l13.752.035c3.378.006 6.083 2.592 6.068 5.805M110.542 207.692l55.421.143M166.136 145.048l-55.421-.144"
14
+ stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
15
+ <path
16
+ d="m126.783 112.746-11.757 17.437c-1.836 2.729-4.175 6.808-4.311 10.042v48.939l41.77-73.45-1.836-2.968h-23.866Z"
17
+ fill="#DCDFE5" style="mix-blend-mode:multiply" />
18
+ <path fill-rule="evenodd" clip-rule="evenodd"
19
+ d="M73.916 42.97h31.994v132.734l31.489 78.586a4.02 4.02 0 0 1-2.927 5.434 201.057 201.057 0 0 1-40.254 4.072h-8.612c-13.521 0-27.007-1.365-40.254-4.072a4.02 4.02 0 0 1-2.927-5.434l16.182-40.384-24.772-32.647 11.54-11.561 23.95 17.458 4.59-11.454h.001V42.971Z"
20
+ fill="#fff" />
21
+ <path
22
+ d="M105.91 42.97h.5v-.5h-.5v.5Zm-31.994 0v-.5h-.5v.5h.5Zm31.994 132.734h-.5v.097l.036.089.464-.186Zm31.489 78.586-.464.185.464-.185Zm-2.927 5.434.1.49-.1-.49Zm-89.12 0-.1.49.1-.49Zm-2.927-5.434.464.185-.464-.185Zm16.182-40.384.464.186.105-.263-.17-.225-.4.302Zm-24.772-32.647-.353-.353-.308.308.263.347.398-.302Zm11.54-11.561.294-.404-.346-.252-.302.303.353.353Zm23.95 17.458-.294.404.52.379.239-.597-.465-.186Zm4.59-11.454v-.5h-.338l-.126.314.464.186Zm.001 0v.5h.5v-.5h-.5ZM105.91 42.471H73.916v1h31.994v-1Zm.5 133.233V42.971h-1v132.733h1Zm31.453 78.4-31.489-78.585-.928.371 31.489 78.585.928-.371Zm-3.291 6.11a4.52 4.52 0 0 0 3.291-6.11l-.928.371a3.52 3.52 0 0 1-2.563 4.759l.2.98Zm-40.354 4.082c13.555 0 27.074-1.368 40.354-4.082l-.2-.98a200.507 200.507 0 0 1-40.154 4.062v1Zm-4.306 0h4.306v-1h-4.306v1Zm-4.306 0h4.306v-1h-4.306v1Zm-40.354-4.082a201.537 201.537 0 0 0 40.354 4.082v-1c-13.487 0-26.94-1.361-40.154-4.062l-.2.98Zm-3.291-6.11a4.52 4.52 0 0 0 3.29 6.11l.2-.98a3.52 3.52 0 0 1-2.562-4.759l-.928-.371Zm16.182-40.384L41.96 254.104l.928.371 16.182-40.383-.928-.372Zm.862-.116-24.771-32.647-.797.604 24.772 32.647.796-.604ZM34.19 181.612l11.54-11.561-.708-.706-11.54 11.561.708.706Zm10.891-11.51 23.951 17.458.59-.808-23.952-17.458-.589.808Zm28.371 5.414-4.59 11.454.929.372 4.59-11.454-.929-.372Zm.465-.314v1-1Zm-.5-132.231v132.731h1V42.971h-1Z"
23
+ fill="#1E164B" />
24
+ <path transform="rotate(-45.054 224.62 54.123)" fill="#DCDFE5" stroke="#1E164B" d="M0 0h16.334v3.654H0z" />
25
+ <path
26
+ d="m35.757 179.963 8.503-8.519 70.027 70.16c.869.87.869 2.282 0 3.153l-5.355 5.365a2.222 2.222 0 0 1-3.147 0l-70.028-70.159ZM18.523 160.265l6.073-6.085 10.552 5.096-11.539 11.561-5.086-10.572ZM22.015 151.594l-6.073 6.085-11.865-2.378c-1.743-.349-2.394-2.503-1.137-3.762l12.947-12.971c1.256-1.259 3.407-.607 3.755 1.139l2.373 11.887Z"
27
+ fill="#DCDFE5" stroke="#1E164B" />
28
+ <path
29
+ d="m15.945 157.678 6.073-6.085 2.581 2.586-6.073 6.085-2.581-2.586ZM9.85 166.369a1.831 1.831 0 0 1 0-2.586l6.093-6.105 2.582 2.586-6.095 6.105a1.821 1.821 0 0 1-2.58 0Z"
30
+ fill="#DCDFE5" stroke="#1E164B" />
31
+ <rect width="23.212" height="5.695" rx="2.848" transform="rotate(-45.054 230.748 56.447)" fill="#DCDFE5"
32
+ stroke="#1E164B" />
33
+ <rect width="20.848" height="5.695" rx="2.848" transform="rotate(-45.054 218.876 59.676)" fill="#DCDFE5"
34
+ stroke="#1E164B" />
35
+ <g style="mix-blend-mode:multiply" />
36
+ <path
37
+ d="M69.626 38.239A6.239 6.239 0 0 1 75.865 32h28.749a6.238 6.238 0 0 1 0 12.477h-28.75a6.239 6.239 0 0 1-6.238-6.238Z"
38
+ fill="#fff" stroke="#1E164B" />
39
+ <path
40
+ d="M244.501 116.387h-71.489c-1.641 0-2.972 1.357-2.972 3.03v110.308c0 1.674 1.331 3.03 2.972 3.03h71.489c1.641 0 2.972-1.356 2.972-3.03V119.417c0-1.673-1.331-3.03-2.972-3.03Z"
41
+ fill="#fff" stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
42
+ <path
43
+ d="M203.843 119.276h-27.416c-1.815 0-3.287 1.5-3.287 3.351v27.95c0 1.85 1.472 3.351 3.287 3.351h27.416c1.815 0 3.287-1.501 3.287-3.351v-27.95c0-1.851-1.472-3.351-3.287-3.351ZM240.937 119.276h-27.416c-1.815 0-3.287 1.5-3.287 3.351v27.95c0 1.85 1.472 3.351 3.287 3.351h27.416c1.815 0 3.287-1.501 3.287-3.351v-27.95c0-1.851-1.472-3.351-3.287-3.351ZM203.843 156.967h-27.416c-1.815 0-3.287 1.5-3.287 3.351v27.95c0 1.851 1.472 3.351 3.287 3.351h27.416c1.815 0 3.287-1.5 3.287-3.351v-27.95c0-1.851-1.472-3.351-3.287-3.351ZM240.937 156.967h-27.416c-1.815 0-3.287 1.5-3.287 3.351v27.95c0 1.851 1.472 3.351 3.287 3.351h27.416c1.815 0 3.287-1.5 3.287-3.351v-27.95c0-1.851-1.472-3.351-3.287-3.351ZM203.843 194.582h-27.416c-1.815 0-3.287 1.501-3.287 3.351v27.95c0 1.851 1.472 3.351 3.287 3.351h27.416c1.815 0 3.287-1.5 3.287-3.351v-27.95c0-1.85-1.472-3.351-3.287-3.351ZM240.937 194.582h-27.416c-1.815 0-3.287 1.501-3.287 3.351v27.95c0 1.851 1.472 3.351 3.287 3.351h27.416c1.815 0 3.287-1.5 3.287-3.351v-27.95c0-1.85-1.472-3.351-3.287-3.351Z"
44
+ fill="#fff" stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
45
+ <path
46
+ d="M154.996 207.078h53.483c2.297 0 4.163 1.79 4.163 3.992v10.388h-61.804V211.07c0-2.202 1.867-3.992 4.164-3.992h-.006Z"
47
+ fill="#fff" stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
48
+ <path
49
+ d="M152.168 221.453h59.134c1.663 0 3.015 1.296 3.015 2.891v31.619c0 1.888-1.595 3.417-3.564 3.417h-58.031c-1.969 0-3.564-1.529-3.564-3.417v-31.619c0-1.595 1.352-2.891 3.015-2.891h-.005Z"
50
+ fill="#fff" stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
51
+ <path d="M214.312 226.649h-65.158v27.534h65.158v-27.534Z" fill="#fff" stroke="#1E164B" stroke-linecap="round"
52
+ stroke-linejoin="round" />
53
+ <path
54
+ d="M155.551 221.366s-2.924-.158-4.717.531c-1.799.689-1.646 3.173-1.725 4.812-.159 3.314.152 8.185.084 9.791l-.034 20.011 1.103 1.925c1.748-2.772 20.189-37.027 20.189-37.027s-13.508-.027-14.9-.038v-.005Z"
55
+ fill="#DCDFE5" style="mix-blend-mode:multiply" />
56
+ <path fill="#fff" stroke="#1E164B"
57
+ d="M129.671 226.919h15.691v22.656h-15.691zM131.617 197.384a5.916 5.916 0 0 1 11.799 0l1.946 26.991h-15.691l1.946-26.991Z" />
58
+ <path fill="#DCDFE5" stroke="#1E164B" d="M129.671 224.375h15.691v2.543h-15.691z" />
59
+ <path fill="#DCDFE5" d="M131.746 237.205h11.537v12.368h-11.537z" style="mix-blend-mode:multiply" />
60
+ <path fill="#DCDFE5" stroke="#1E164B" d="M129.671 249.574h15.691v7.051h-15.691z" />
61
+ <path fill="#DCDFE5" d="M134.284 226.919h6.461v10.288h-6.461z" style="mix-blend-mode:multiply" />
62
+ <g style="mix-blend-mode:multiply">
63
+ <rect x="133.652" y="193.397" width="7.73" height="25.777" rx="3.865" fill="#DCDFE5" />
64
+ <rect x="133.652" y="193.397" width="7.73" height="25.777" rx="3.865" stroke="#1E164B" />
65
+ </g>
66
+ <path fill="#DCDFE5" stroke="#1E164B" d="M134.286 256.625h6.461v6.473h-6.461z" />
67
+ <path d="M134.286 259.629h6.461M134.286 260.785h6.461M134.286 261.941h6.461" stroke="#1E164B" />
68
+ <path
69
+ d="M295.728 172.435c-.086-3.479-2.897-6.297-6.327-6.297h-3.307c-1.362 0-2.018-1.123-2.018-2.511l.036-4.066h1.391c.691 0 1.254-.551 1.304-1.241.029-.014.043-.051.043-.095v-11.502c0-.734-.591-1.336-1.311-1.336l-6.536-.051v-13.983c0-2.914-2.299-5.292-5.138-5.38h-.44c-2.839.088-5.138 2.473-5.138 5.38v13.983l-6.982.051c-.721 0-1.312.602-1.312 1.336l.036.118v11.384c0 .734.591 1.336 1.312 1.336h1.391l.036 4.066c0 1.388-.656 2.511-2.018 2.511h-2.861c-3.423 0-6.226 2.803-6.327 6.261a1.067 1.067 0 0 0-.043.315v53.091c0 .308.029.609.065.902.324 3.377 3.135 6.049 6.536 6.049h31.058c3.401 0 6.211-2.665 6.536-6.049.036-.293.065-.594.065-.902v-53.091a.833.833 0 0 0-.044-.279h-.007Z"
70
+ fill="#fff" stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
71
+ <path d="M295.762 179.966h-44.26v40.092h44.26v-40.092Z" fill="#fff" stroke="#1E164B" stroke-linecap="round"
72
+ stroke-linejoin="round" />
73
+ <path d="M279.189 145.343h-10.715M284.851 159.569h-22.44" stroke="#1E164B" stroke-linecap="round"
74
+ stroke-linejoin="round" />
75
+ <path
76
+ d="m262.715 159.561.022 2.363c0 3.002-.39 3.435-1.161 4.191 0 0-4.121-.198-6.946.954-2.825 1.145-3.07 5.234-3.193 7.979-.245 5.542.238 13.689.13 16.376l-.057 33.456 32.542-61.87.058-3.435h-21.388l-.007-.014Z"
77
+ fill="#DCDFE5" style="mix-blend-mode:multiply" />
78
+ <path
79
+ d="M223.775 252.973c2.876-3.43 5.591-6.152 10.32-6.604 4.729-.452 3.867.296 3.867.296s-4.97.965-14.187 6.308Z"
80
+ fill="#fff" stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
81
+ <path
82
+ d="M252.273 252.973c-2.875-3.43-5.59-6.152-10.319-6.604-4.729-.452-3.868.296-3.868.296s7.804 2.934 14.187 6.308Z"
83
+ fill="#fff" stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
84
+ <path
85
+ d="M258.377 224.258c-.05-4.155-1.959-7.831-5.349-9.979a5.546 5.546 0 0 0 .341-1.997c-.031-2.203-1.178-4.11-3.192-5.014a7.84 7.84 0 0 0 .112-1.383c-.05-4.005-2.901-7.296-7.698-7.346-1.729-.017-3.143.435-4.252 1.232-.787-1.997-2.69-3.413-5.423-3.447-3.477-.039-5.268 2.443-5.467 5.567-.074 1.233.254 2.382.899 3.319-2.392 1.879-3.83 4.791-4.326 8.166-4.029.173-6.111 3.174-6.347 6.933-.18 2.917 1.45 5.483 4.14 6.504a16.544 16.544 0 0 0-.843 4.378c-.39 6.214 4.01 11.519 10.717 11.987.316.023.644.034.973.034h.068c1.332 2.437 3.954 4.1 7.301 4.1 5.12 0 8.95-3.615 8.894-8.49a9.088 9.088 0 0 0-.459-2.783c5.864-1.094 9.985-5.751 9.911-11.775v-.006Z"
86
+ fill="#fff" stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
87
+ <path d="M238.022 257.514s-2.219-5.824 0-10.425" stroke="#1E164B" stroke-linecap="round"
88
+ stroke-linejoin="round" />
89
+ <path d="M232.821 207.615c-3.142-.168-5.541-2.594-5.355-5.422Z" fill="#fff" />
90
+ <path d="M232.821 207.615c-3.142-.168-5.541-2.594-5.355-5.422" stroke="#1E164B" stroke-linecap="round"
91
+ stroke-linejoin="round" />
92
+ <path d="M253.114 214.046c-.8 1.93-3.149 2.928-5.25 2.231Z" fill="#fff" />
93
+ <path d="M253.114 214.046c-.8 1.93-3.149 2.928-5.25 2.231" stroke="#1E164B" stroke-linecap="round"
94
+ stroke-linejoin="round" />
95
+ <path d="M230.064 224.816c-2.082 2.667-6.179 3.358-9.154 1.545Z" fill="#fff" />
96
+ <path d="M230.064 224.816c-2.082 2.667-6.179 3.358-9.154 1.545" stroke="#1E164B" stroke-linecap="round"
97
+ stroke-linejoin="round" />
98
+ <path d="M248.77 235.978c-3.52.786-7.096-1.177-7.995-4.39Z" fill="#fff" />
99
+ <path d="M248.77 235.978c-3.52.786-7.096-1.177-7.995-4.39" stroke="#1E164B" stroke-linecap="round"
100
+ stroke-linejoin="round" />
101
+ <path d="M247.859 216.299c-2.082 2.666-6.179 3.357-9.154 1.545Z" fill="#fff" />
102
+ <path d="M247.859 216.299c-2.082 2.666-6.179 3.357-9.154 1.545" stroke="#1E164B" stroke-linecap="round"
103
+ stroke-linejoin="round" />
104
+ <path fill-rule="evenodd" clip-rule="evenodd"
105
+ d="M280.668 215.756c-2.421-.294-4.938.25-6.754 1.47.151 1.006-.725 1.784-1.683 1.852.735-2.481-5.504-5.224-6.483-2.651-.269.705-.823.726-1.421.749-.348.013-.711.027-1.041.175-2.029 1.167-1.561 4.645-1.141 7.769.238 1.775.461 3.435.203 4.492-1.622 4.231 1.048 6.522 4.027 8.963.453 1.096.836 1.202 2.003 1.257 3.837.18 3.743 1.315 3.545 3.696-.027.327-.056.677-.077 1.051-.102 1.797 1.619 8.031 2.127 8.537.509.506.745.61 1.336.61 2.859-.158 5.741-.171 8.624-.184 4.045-.018 8.092-.036 12.08-.455.39-.848.974-1.672 1.559-2.497 1.592-2.245 3.183-4.489.84-7.198a10.989 10.989 0 0 0-.554-.569c-.548-.535-1.078-1.052-1.078-1.724 0-.714.506-1.481 1.062-2.324.566-.858 1.184-1.795 1.374-2.836-.92-.376-1.961-.983-3.053-1.619-2.219-1.293-4.651-2.71-6.727-2.585.244-1.72.384-3.44.48-5.16-.959-.286-1.971-.521-2.974-.617l-.575-4.22-.577-4.232c-.332-.192-.575-.478-.62-.809-.425.418-.861.487-1.236.547-.468.074-.839.133-.971.835-2.301.117-2.3-.18-2.296-2.059l.001-.264Zm-11.176 20.128c-.42.277-.839.553-1.099.966-.693 1.634 1.444 3.075 2.279 1.56.154-.28.442-.532.729-.782.617-.54 1.224-1.07.442-1.843-.212-.21-.339-.469-.445-.686-.218-.444-.347-.708-.938.004-.262.315-.615.548-.968.781Zm10.844-11.97c-2.557.413-1.138-4.061 2.111-1.904 1.244.848-1.508 1.794-2.111 1.904Zm-.96 5.916c1.098.601 2.97.708 4.126.287 3.131-1.029.055-5.316-2.472-3.535l-.011.008c-.257.202-.47.33-.801.33-1.28 0-2.083 2.292-.842 2.91Zm6.532-1.109c.228.481 1.151.778 1.513.345 2.435-2.912-2.916-2.616-1.513-.345Zm-.051 5.608c-1.474.424-1.734 3.047.538 1.256.975-.753.555-2.15-.538-1.256Zm8.532 1.617c-1.306.147-1.794 1.499-1.21 2.462.874 1.556 2.961 1.251 3.505-.404.482-1.312-1.036-2.265-2.295-2.058Zm.959 8.224c-1.187-.414-3.637.508-1.911 1.764.393 1.698 2.403-.033 2.901-.874.383-.649-.16-.738-.631-.815a2.704 2.704 0 0 1-.359-.075Zm-6.524.706c1.483-1.286-1.964-4.057-2.207-.904 0 1.075 1.353 1.754 2.207.904Zm-5.285 5.453c.4 2.453 5.218.823 5.705-.852.081-.391.352-.635.617-.873.301-.272.594-.536.594-1.001-.437-.318-1.227.302-1.423.542-.478-.231-.703-.351-.868-.296-.181.061-.291.33-.58.893-.351.349-1.034.091-1.743-.176-1.249-.471-2.577-.972-2.302 1.763Zm-2.569-6.688c2.312.841.072 3.849-1.926 3.197-2.729-.772-.408-4.239 1.926-3.197Zm-5.284-1.823c-.967.684-2.322 2.576-.123 2.384 2.568-.224 1.45-3.469.123-2.384Zm-3.277-15.736c.972 1.549 3.849 1.172 3.048-.823-.532-1.414-1.595-1.253-2.396-.314a2.565 2.565 0 0 1-.287.271c-.284.242-.56.478-.365.866Zm1.276 21.94c.469.303 1.205.704 1.742.396.47-.251.479-1.161.31-1.587-.814-2.016-3.666.017-2.052 1.191Zm.678-12.668c.524.33 1.575.756 2.15.565 2.059-.599.67-2.511-.284-3.232-2.806-2.122-4.294 1.128-1.866 2.667Zm-10.236-3.37c-.428.235-.767.617-.812 1.051-.198 1.052 1.566.363 1.484-.426-.103-.045-.18-.152-.261-.265-.105-.147-.219-.306-.411-.36Zm3.794-4.844c-.467-1.113-3.27-.986-3.631.287-.488 1.102 2.297 1.848 3.041 1.639.048-.166.143-.366.244-.578.216-.455.46-.969.346-1.348Zm10.651 10.628c-4.881.888 3.734 7.044 3.734 2.573.322-1.971-2.239-2.772-3.734-2.573Zm-11.987-3.969c-.684 0-1.275 1.067-.672 1.573 2.328 1.694 2.112-3.338.672-1.573Zm4.134-9.371c.938-.305 1.817-.591 1.436-1.642-.129-.357-.146-.705-.162-1.034-.033-.657-.062-1.238-.972-1.653-1.93-1.068-4.526-.923-5.469 1.22a9.639 9.639 0 0 1-.176.338c-.38.711-1.123 2.102-.747 2.477.368.681 3.939 2.638 4.407 1.308.274-.556.994-.79 1.683-1.014Z"
106
+ fill="#fff" />
107
+ <path
108
+ d="m280.993 226.561-.011.008c-.257.202-.47.33-.801.33m-14.666-5.601a8.156 8.156 0 0 1-.176.338m5.084 13.447c-.262.314-.615.547-.968.78-.42.277-.839.553-1.099.966m17.448 11.716c.709.267 1.392.525 1.743.176.107-.208.2-.361.287-.468m7.836-4.029c-.132-.022-.259-.043-.358-.075m-30.55-11.559v-.002l-.01-.005m4.247-7.161c.274-.557.994-.791 1.684-1.015m2.341.517a2.565 2.565 0 0 1-.287.271m1.177-7.969c1.816-1.22 4.333-1.764 6.754-1.47l-.001.264c-.004 1.879-.005 2.176 2.296 2.059.132-.702.503-.761.971-.835.375-.06.811-.129 1.236-.547.045.331.288.617.62.809l.577 4.232.575 4.22c1.003.096 2.015.331 2.974.617-.096 1.72-.236 3.44-.48 5.16 2.076-.125 4.508 1.292 6.727 2.585 1.092.636 2.133 1.243 3.053 1.619-.19 1.041-.808 1.978-1.374 2.836-.556.843-1.062 1.61-1.062 2.324 0 .672.53 1.189 1.078 1.724.189.185.381.373.554.569 2.343 2.709.752 4.953-.84 7.198-.585.825-1.169 1.649-1.559 2.497-3.988.419-8.035.437-12.08.455-2.883.013-5.765.026-8.624.184-.591 0-.827-.104-1.336-.61-.508-.506-2.229-6.74-2.127-8.537.021-.374.05-.724.077-1.051.198-2.381.292-3.516-3.545-3.696-1.167-.055-1.55-.161-2.003-1.257-2.979-2.441-5.649-4.732-4.027-8.963.258-1.057.035-2.717-.203-4.492-.42-3.124-.888-6.602 1.141-7.769.33-.148.693-.162 1.041-.175.598-.023 1.152-.044 1.421-.749.979-2.573 7.218.17 6.483 2.651.958-.068 1.834-.846 1.683-1.852Zm-5.521 19.624c.26-.413.679-.689 1.099-.966.353-.233.706-.466.968-.781.591-.712.72-.448.938-.004.106.217.233.476.445.686.782.773.175 1.303-.442 1.843-.287.25-.575.502-.729.782-.835 1.515-2.972.074-2.279-1.56Zm11.943-12.936c-2.557.413-1.138-4.061 2.111-1.904 1.244.848-1.508 1.794-2.111 1.904Zm3.166 6.203c-1.156.421-3.028.314-4.126-.287-1.241-.618-.438-2.91.842-2.91.331 0 .544-.128.801-.33l.011-.008c2.527-1.781 5.603 2.506 2.472 3.535Zm2.406-1.396c.228.481 1.151.778 1.513.345 2.435-2.912-2.916-2.616-1.513-.345Zm-.051 5.608c-1.474.424-1.734 3.047.538 1.256.975-.753.555-2.15-.538-1.256Zm7.322 4.079c-.584-.963-.096-2.315 1.21-2.462 1.259-.207 2.777.746 2.295 2.058-.544 1.655-2.631 1.96-3.505.404Zm.258 7.526c-1.726-1.256.724-2.178 1.911-1.764.1.032.226.053.359.075.471.077 1.014.166.631.815-.498.841-2.508 2.572-2.901.874Zm-4.613-1.058c1.483-1.286-1.964-4.057-2.207-.904 0 1.075 1.353 1.754 2.207.904Zm.42 4.601c-.487 1.675-5.305 3.305-5.705.852-.275-2.735 1.053-2.234 2.302-1.763.709.267 1.392.525 1.743.176.289-.563.399-.832.58-.893.165-.055.39.065.868.296.196-.24.986-.86 1.423-.542 0 .465-.293.729-.594 1.001-.265.238-.536.482-.617.873Zm-8.274-5.836c2.312.841.072 3.849-1.926 3.197-2.729-.772-.408-4.239 1.926-3.197Zm-5.284-1.823c-.967.684-2.322 2.576-.123 2.384 2.568-.224 1.45-3.469.123-2.384Zm-.229-16.559c.801 1.995-2.076 2.372-3.048.823-.195-.388.081-.624.365-.866.102-.087.205-.175.287-.271.801-.939 1.864-1.1 2.396.314Zm-.03 23.159c-.537.308-1.273-.093-1.742-.396-1.614-1.174 1.238-3.207 2.052-1.191.169.426.16 1.336-.31 1.587Zm1.086-12.499c-.575.191-1.626-.235-2.15-.565-2.428-1.539-.94-4.789 1.866-2.667.954.721 2.343 2.633.284 3.232Zm-13.198-2.884c.045-.434.384-.816.812-1.051.192.054.306.213.411.36.081.113.158.22.261.265.082.789-1.682 1.478-1.484.426Zm.975-5.608c.361-1.273 3.164-1.4 3.631-.287.114.379-.13.893-.346 1.348a4.223 4.223 0 0 0-.244.578c-.744.209-3.529-.537-3.041-1.639Zm14.282 10.341c-4.881.888 3.734 7.044 3.734 2.573.322-1.971-2.239-2.772-3.734-2.573Zm-11.987-3.969c-.684 0-1.275 1.067-.672 1.573 2.328 1.694 2.112-3.338.672-1.573Zm5.57-11.013c.381 1.051-.498 1.337-1.436 1.642-.689.224-1.409.458-1.683 1.014-.468 1.33-4.039-.627-4.407-1.308-.376-.375.367-1.766.747-2.477.078-.146.141-.264.176-.338.943-2.143 3.539-2.288 5.469-1.22.91.415.939.996.972 1.653.016.329.033.677.162 1.034Z"
109
+ stroke="#1E164B" stroke-linejoin="round" />
110
+ <path fill-rule="evenodd" clip-rule="evenodd"
111
+ d="m298.812 233.657-.042-.021.034.036c-1.831-.696-3.677-1.43-5.543-2.029-.059-.5-.111-.992-.229-1.492.442-.586 1.107-1.645.569-2.359-.362-.444-1.28-.317-1.459-.691-.681-1.428-1.944-2.594-3.656-2.529l.042-.051h-.05c-.575-2.293-.959-4.631-1.247-6.968.397 0 .733-.476 1.085-.632.367-.154 3.608-.282 3.64.061.968.042.192 2.71 2.028 2.71.303 0 .606-.198.709-.448.458-.775-.111-1.261-.111-1.985 1.343.126 3.831-.089 4.99.662.599.344.353 1.386.428 1.955-1.392-.563-3.38-.136-3.093 1.727 0 .914 1.725.927 2.344.792.66-.164-1.711 9.353-.439 11.262Zm-4.89-2.909c-.246-1.031 1.239-.888 2.026-.626.883.27 1.927 1.052 1.26 1.959-1.114-.418-2.155-.965-3.286-1.333Zm-.218-5.529c.475-.604 1.801.166 1.801.845 0 1.699-2.892.703-1.801-.845Zm-.937-1.639c-1.832-.278-1.173-2.535.479-1.712 1.159.651.886 2.026-.479 1.712Zm-2.052-4.028c-.411.409-.915 1.3-.915 1.926 4.208 0 1.759-2.767.915-1.926ZM271.776 249.411c.287 1.607.576 3.224 1.066 3.713-1.169.388-1.937.523-2.575.636-.449.08-.834.148-1.249.284-.922.269-2.059.092-3.094-.069-.358-.055-.703-.109-1.024-.142-.832-.085-1.531.037-2.217.157-.69.122-1.366.24-2.153.142-2.771-.276-2.306-1.248-1.655-2.61.386-.808.838-1.754.716-2.772-.117-.978-.022-1.975.072-2.961.027-.283.054-.565.075-.846a197.7 197.7 0 0 0 .219-3.274c.353-5.743.63-10.247 2.995-4.421.409.487.807.72 1.204.953.643.377 1.285.753 1.97 2.207-.295 1.617.227 5.497 4.281 5.219.684-.055 1.025 1.858 1.369 3.784Zm-8.463-4.819c-.384-.669-.14-2.006.959-1.999.449 0 .422 4.38-.959 1.999Zm2.946 4.184c-.148-.426-.306-.884-.789-.486-.244.202-.574.352-.89.496-.662.302-1.268.578-.918 1.25.098.188.177.357.247.504.297.631.417.884 1.044.69.242-.074.553-.118.867-.163.691-.098 1.392-.197 1.366-.627-.029-.5-.147-.864-.812-1.36a3.252 3.252 0 0 1-.115-.304Z"
112
+ fill="#fff" stroke="#1E164B" stroke-linejoin="round" />
113
+ <path
114
+ d="M257.354 252.077c1.305.207 7.62 6.013 7.62 6.013l2.472-.207 2.265-3.714 4.325-1.238 5.767 3.714-.206 2.683-2.883 1.031 2.883 1.445-1.236 1.444-8.856-.206-2.883-1.032-1.03-1.651-7.358 7.641-69.53-3.823c-.682-1.431-.916-5.692 0-8.277l68.65-3.823Z"
115
+ fill="#fff" />
116
+ <path
117
+ d="m267.446 257.883-2.472.207s-6.315-5.806-7.62-6.013l-68.65 3.823c-.916 2.585-.682 6.846 0 8.277l69.53 3.823 7.358-7.641m1.854-2.476 2.265-3.714 4.325-1.238 5.767 3.714-.206 2.683-2.883 1.031 2.883 1.445-1.236 1.444-8.856-.206-2.883-1.032-1.03-1.651m1.854-2.476-1.854 2.476m0 0 9.525-2.527m-9.525 2.527 8.032-.309"
118
+ stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
119
+ <path d="m188.729 255.89-28.171.848c-3.048 3.219-1.476 5.606 0 6.396l28.171 1.053s-1.274-3.796 0-8.297Z"
120
+ fill="#DCDFE5" stroke="#1E164B" stroke-linejoin="round" />
121
+ <path
122
+ d="m264.922 258.076-6.075 4.707M263.894 257.418l-4.582.309M260.135 256.077l2.01 1.433M261.334 260.862l-1.403 2.798"
123
+ stroke="#1E164B" stroke-linecap="round" stroke-linejoin="round" />
124
+ </g>
125
+ </svg>
package/dist/EmptyState.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as d, useCssModule as f, useSlots as y, openBlock as l, createElementBlock as a, unref as e, createBlock as _, createCommentVNode as m, createElementVNode as u, renderSlot as i, toDisplayString as r, normalizeClass as n, createTextVNode as w } from "vue";
2
2
  import { t as g } from "./locale.js";
3
- import { _ as b } from "./Illustration.vue_vue_type_script_setup_true_lang-e52df837.js";
3
+ import { _ as b } from "./Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js";
4
4
  import { s as x } from "./EmptyState.vue_used_vue_type_style_index_0_lang.module-f5d89366.js";
5
5
  import { _ as h } from "./_plugin-vue_export-helper-dad06003.js";
6
6
  import "lodash-es/get";
package/dist/EmptyState.vue.d.ts CHANGED
@@ -71,7 +71,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
71
71
  };
72
72
  text: string;
73
73
  subtitle: string;
74
- vignette: "map" | "search" | "payments" | "calendar" | "dashboard" | "edit" | "megaphone" | "truck" | "warehouse" | "light-bulb" | "pie-chart" | "api" | "bank" | "basket" | "brand-menu" | "deals" | "document-search" | "empty-tray" | "graph" | "integrations" | "messages" | "money-bank" | "notifications" | "orders-empty" | "products" | "search-storefront" | "store" | "todo" | "users" | "warehouse-delivery";
74
+ vignette: "map" | "search" | "payments" | "calendar" | "dashboard" | "edit" | "megaphone" | "truck" | "warehouse" | "light-bulb" | "pie-chart" | "api" | "bank" | "basket" | "brand-menu" | "deals" | "document-search" | "empty-tray" | "graph" | "integrations" | "messages" | "money-bank" | "notifications" | "orders-empty" | "product-cards" | "product-display" | "search-storefront" | "store" | "todo" | "users" | "warehouse-delivery";
75
75
  }, {}>, Readonly<EmptyStateSlots>>;
76
76
  export default _default;
77
77
 
@@ -130,7 +130,8 @@ declare enum VignetteName {
130
130
  OrdersEmpty = "orders-empty",
131
131
  Payments = "payments",
132
132
  PieChart = "pie-chart",
133
- Products = "products",
133
+ ProductCards = "product-cards",
134
+ ProductDisplay = "product-display",
134
135
  Search = "search",
135
136
  SearchStorefront = "search-storefront",
136
137
  Store = "store",
package/dist/HttpError.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as L, useCssModule as B, useSlots as b, computed as s, resolveComponent as z, openBlock as _, createElementBlock as u, normalizeClass as l, unref as e, createElementVNode as o, createVNode as n, withCtx as h, toDisplayString as p, createTextVNode as c, renderSlot as S, createCommentVNode as V } from "vue";
2
2
  import { t } from "./locale.js";
3
3
  import X from "./Button.js";
4
- import { _ as I, I as N, V as $ } from "./Illustration.vue_vue_type_script_setup_true_lang-e52df837.js";
4
+ import { _ as I, I as N, V as $ } from "./Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js";
5
5
  import { _ as M } from "./Logo.vue_vue_type_script_setup_true_lang-d7da48a0.js";
6
6
  import { _ as T } from "./_plugin-vue_export-helper-dad06003.js";
7
7
  import "lodash-es/get";
package/dist/Illustration.js CHANGED
@@ -1,5 +1,5 @@
1
- import { _ as a } from "./Illustration.vue_vue_type_script_setup_true_lang-e52df837.js";
2
- import { I as r, S as i, V as f, s as n, v as N } from "./Illustration.vue_vue_type_script_setup_true_lang-e52df837.js";
1
+ import { _ as a } from "./Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js";
2
+ import { I as r, S as i, V as f, s as n, v as N } from "./Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js";
3
3
  import "vue";
4
4
  import "lodash-es/uniqueId";
5
5
  import "./index-79ce320f.js";
package/dist/Illustration.vue.d.ts CHANGED
@@ -233,7 +233,8 @@ export declare enum VignetteName {
233
233
  OrdersEmpty = "orders-empty",
234
234
  Payments = "payments",
235
235
  PieChart = "pie-chart",
236
- Products = "products",
236
+ ProductCards = "product-cards",
237
+ ProductDisplay = "product-display",
237
238
  Search = "search",
238
239
  SearchStorefront = "search-storefront",
239
240
  Store = "store",
package/dist/{Illustration.vue_vue_type_script_setup_true_lang-e52df837.js → Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js} RENAMED
@@ -1,12 +1,12 @@
1
- import { defineComponent as u, inject as d, computed as e, openBlock as h, createBlock as y, unref as k, normalizeClass as f } from "vue";
1
+ import { defineComponent as d, inject as u, computed as c, openBlock as h, createBlock as y, unref as k, normalizeClass as f } from "vue";
2
2
  import v from "lodash-es/uniqueId";
3
3
  import { I as b } from "./index-79ce320f.js";
4
4
  var l = /* @__PURE__ */ ((r) => (r.Approved = "approved", r.Avatar = "avatar", r.Barcode = "barcode", r.Calendar = "calendar", r.Cartridge = "cartridge", r.Celebrate = "celebrate", r.ChatBubble = "chat-bubble", r.CheckBox = "check-box", r.CheckCircle = "check-circle", r.Click = "click", r.Cocktail = "cocktail", r.Confirmation = "confirmation", r.Connnect = "connnect", r.Cookie = "cookie", r.CreditCard = "credit-card", r.Crm = "crm", r.Cultivation = "cultivation", r.Data = "data", r.DeliveryCompleted = "delivery-completed", r.Delivery = "delivery", r.DigitalPayments = "digital-payments", r.Discover = "discover", r.Diversity = "diversity", r.Drink = "drink", r.Dolly = "dolly", r.EasyReconciliations = "easy-reconciliations", r.Efficiency = "efficiency", r.Error = "error", r.ExtendDate = "extend-date", r.FinancialGrowth = "financial-growth", r.FinancialInstitution = "financial-institution", r.Focus = "focus", r.FulfillmentIssues = "fulfillment-issues", r.Growth = "growth", r.Handshake = "handshake", r.Hierarchy = "hierarchy", r.Home = "home", r.Laptop = "laptop", r.Licenses = "licenses", r.LightBulb = "light-bulb", r.LightbulbError = "lightbulb-error", r.LineChart = "line-chart", r.Link = "link", r.LocationPin = "location-pin", r.Lock = "lock", r.Messaging = "messaging", r.Microchip = "microchip", r.MissingData = "missing-data", r.MoneyTransfer = "money-transfer", r.Money = "money", r.NoInventoryAccess = "no-inventory-access", r.NoInventory = "no-inventory", r.NoPromote = "no-promote", r.PackageReceived = "package-received", r.Package = "package", r.PaymentProcessing = "payment-processing", r.Phone = "phone", r.PieChart = "pie-chart", r.ProductCycle = "product-cycle", r.Puzzle = "puzzle", r.Receipt = "receipt", r.Retail = "retail", r.SearchingDocument = "searching-document", r.ShoppingBasket = "shopping-basket", r.Shopping = "shopping", r.Sign = "sign", r.Smile = "smile", r.Speed = "speed", r.Time = "time", r.Tools = "tools", r.Truck = "truck", r.User = "user", r.Warehouse = "warehouse", r.Warning = "warning", r.XCircle = "x-circle", r))(l || {});
5
5
  const C = Object.values(l);
6
- var o = /* @__PURE__ */ ((r) => (r.Api = "api", r.Bank = "bank", r.Basket = "basket", r.BrandMenu = "brand-menu", r.Calendar = "calendar", r.Dashboard = "dashboard", r.Deals = "deals", r.DocumentSearch = "document-search", r.Edit = "edit", r.EmptyTray = "empty-tray", r.Graph = "graph", r.Integrations = "integrations", r.LightBulb = "light-bulb", r.Map = "map", r.Megaphone = "megaphone", r.Messages = "messages", r.MoneyBank = "money-bank", r.Notifications = "notifications", r.OrdersEmpty = "orders-empty", r.Payments = "payments", r.PieChart = "pie-chart", r.Products = "products", r.Search = "search", r.SearchStorefront = "search-storefront", r.Store = "store", r.Todo = "todo", r.Truck = "truck", r.Users = "users", r.Warehouse = "warehouse", r.WarehouseDelivery = "warehouse-delivery", r))(o || {});
6
+ var o = /* @__PURE__ */ ((r) => (r.Api = "api", r.Bank = "bank", r.Basket = "basket", r.BrandMenu = "brand-menu", r.Calendar = "calendar", r.Dashboard = "dashboard", r.Deals = "deals", r.DocumentSearch = "document-search", r.Edit = "edit", r.EmptyTray = "empty-tray", r.Graph = "graph", r.Integrations = "integrations", r.LightBulb = "light-bulb", r.Map = "map", r.Megaphone = "megaphone", r.Messages = "messages", r.MoneyBank = "money-bank", r.Notifications = "notifications", r.OrdersEmpty = "orders-empty", r.Payments = "payments", r.PieChart = "pie-chart", r.ProductCards = "product-cards", r.ProductDisplay = "product-display", r.Search = "search", r.SearchStorefront = "search-storefront", r.Store = "store", r.Todo = "todo", r.Truck = "truck", r.Users = "users", r.Warehouse = "warehouse", r.WarehouseDelivery = "warehouse-delivery", r))(o || {});
7
7
  const g = Object.values(o);
8
8
  var s = /* @__PURE__ */ ((r) => (r.Spot = "spot", r.Vignette = "vignette", r.Scene = "scene", r))(s || {});
9
- const E = /* @__PURE__ */ u({
9
+ const I = /* @__PURE__ */ d({
10
10
  __name: "Illustration",
11
11
  props: {
12
12
  id: { default: v("ll-illustration-") },
@@ -28,13 +28,13 @@ const E = /* @__PURE__ */ u({
28
28
  throw new Error(
29
29
  `${i.type} illustration name ${i.name} not found. Did you check that you are using the correct type for your illustration?`
30
30
  );
31
- const n = d("stashOptions", {
31
+ const n = u("stashOptions", {
32
32
  staticPath: "/static"
33
- }), c = e(() => i.type === s.Spot), t = e(() => c.value ? "0" : !1), a = e(() => i.staticPath || (n == null ? void 0 : n.staticPath));
33
+ }), e = c(() => i.type === s.Spot), t = c(() => e.value ? "0" : !1), a = c(() => i.staticPath || (n == null ? void 0 : n.staticPath));
34
34
  return (w, P) => (h(), y(k(b), {
35
35
  id: i.id,
36
36
  class: f(["tw-inline-block tw-align-middle", {
37
- [`tw-text-${i.fillColor}-400 tw-stroke-${i.strokeColor}`]: c.value
37
+ [`tw-text-${i.fillColor}-400 tw-stroke-${i.strokeColor}`]: e.value
38
38
  }]),
39
39
  title: i.title,
40
40
  height: i.size,
@@ -49,8 +49,8 @@ export {
49
49
  s as I,
50
50
  l as S,
51
51
  o as V,
52
- E as _,
52
+ I as _,
53
53
  C as s,
54
54
  g as v
55
55
  };
56
- //# sourceMappingURL=Illustration.vue_vue_type_script_setup_true_lang-e52df837.js.map
56
+ //# sourceMappingURL=Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js.map
package/dist/Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js","sources":["../src/components/Illustration/Illustration.models.ts","../src/components/Illustration/Illustration.vue"],"sourcesContent":["/**\n * Enum to strongly map between a friendly name and file name of the illustration\n */\nexport enum SpotName {\n Approved = 'approved',\n Avatar = 'avatar',\n Barcode = 'barcode',\n Calendar = 'calendar',\n Cartridge = 'cartridge',\n Celebrate = 'celebrate',\n ChatBubble = 'chat-bubble',\n CheckBox = 'check-box',\n CheckCircle = 'check-circle',\n Click = 'click',\n Cocktail = 'cocktail',\n Confirmation = 'confirmation',\n Connnect = 'connnect',\n Cookie = 'cookie',\n CreditCard = 'credit-card',\n Crm = 'crm',\n Cultivation = 'cultivation',\n Data = 'data',\n DeliveryCompleted = 'delivery-completed',\n Delivery = 'delivery',\n DigitalPayments = 'digital-payments',\n Discover = 'discover',\n Diversity = 'diversity',\n Drink = 'drink',\n Dolly = 'dolly',\n EasyReconciliations = 'easy-reconciliations',\n Efficiency = 'efficiency',\n Error = 'error',\n ExtendDate = 'extend-date',\n FinancialGrowth = 'financial-growth',\n FinancialInstitution = 'financial-institution',\n Focus = 'focus',\n FulfillmentIssues = 'fulfillment-issues',\n Growth = 'growth',\n Handshake = 'handshake',\n Hierarchy = 'hierarchy',\n Home = 'home',\n Laptop = 'laptop',\n Licenses = 'licenses',\n LightBulb = 'light-bulb',\n LightbulbError = 'lightbulb-error',\n LineChart = 'line-chart',\n Link = 'link',\n LocationPin = 'location-pin',\n Lock = 'lock',\n Messaging = 'messaging',\n Microchip = 'microchip',\n MissingData = 'missing-data',\n MoneyTransfer = 'money-transfer',\n Money = 'money',\n NoInventoryAccess = 'no-inventory-access',\n NoInventory = 'no-inventory',\n NoPromote = 'no-promote',\n PackageReceived = 'package-received',\n Package = 'package',\n PaymentProcessing = 'payment-processing',\n Phone = 'phone',\n PieChart = 'pie-chart',\n ProductCycle = 'product-cycle',\n Puzzle = 'puzzle',\n Receipt = 'receipt',\n Retail = 'retail',\n SearchingDocument = 'searching-document',\n ShoppingBasket = 'shopping-basket',\n Shopping = 'shopping',\n Sign = 'sign',\n Smile = 'smile',\n Speed = 'speed',\n Time = 'time',\n Tools = 'tools',\n Truck = 'truck',\n User = 'user',\n Warehouse = 'warehouse',\n Warning = 'warning',\n XCircle = 'x-circle',\n}\n\nexport type SpotNames = `${SpotName}`;\n\n/**\n * String array of all illustration names\n */\nexport const spotNames = Object.values(SpotName);\n\nexport enum VignetteName {\n Api = 'api',\n Bank = 'bank',\n Basket = 'basket',\n BrandMenu = 'brand-menu',\n Calendar = 'calendar',\n Dashboard = 'dashboard',\n Deals = 'deals',\n DocumentSearch = 'document-search',\n Edit = 'edit',\n EmptyTray = 'empty-tray',\n Graph = 'graph',\n Integrations = 'integrations',\n LightBulb = 'light-bulb',\n Map = 'map',\n Megaphone = 'megaphone',\n Messages = 'messages',\n MoneyBank = 'money-bank',\n Notifications = 'notifications',\n OrdersEmpty = 'orders-empty',\n Payments = 'payments',\n PieChart = 'pie-chart',\n ProductCards = 'product-cards',\n ProductDisplay = 'product-display',\n Search = 'search',\n SearchStorefront = 'search-storefront',\n Store = 'store',\n Todo = 'todo',\n Truck = 'truck',\n Users = 'users',\n Warehouse = 'warehouse',\n WarehouseDelivery = 'warehouse-delivery',\n}\n\nexport type VignetteNames = `${VignetteName}`;\n\n/**\n * String array of all vignette names\n */\nexport const vignetteNames = Object.values(VignetteName);\n\n/**\n * Types of illustrations that map to the subfolder under ./assets/illustrations/<type>\n */\nexport enum IllustrationType {\n Spot = 'spot',\n Vignette = 'vignette',\n // Scene is not implemented, but adding it for future work mentioned in STASH-61.\n Scene = 'scene',\n}\n\nexport type IllustrationTypes = `${IllustrationType}`;\n","<script lang=\"ts\">\n export * from './Illustration.models';\n</script>\n\n<script lang=\"ts\" setup>\n import uniqueId from 'lodash-es/uniqueId';\n import { computed, inject } from 'vue';\n import InlineSvg from 'vue-inline-svg';\n\n import { StashPrimaryColor, StashPrimaryColorGroup } from '../../../types/colors';\n import { StashProvideState } from '../../../types/misc';\n import {\n IllustrationType,\n IllustrationTypes,\n SpotName,\n SpotNames,\n spotNames,\n VignetteName,\n VignetteNames,\n vignetteNames,\n } from './Illustration.models';\n\n export interface IllustrationProps {\n id?: string;\n\n /**\n * The filename of the icon that should be displayed\n */\n name: SpotNames | VignetteNames;\n\n /**\n * Accessible, short-text description for the icon. Not rendered as part of the graphic, but\n * browsers usually display it as a tooltip and screen readers use this.\n */\n title?: string;\n\n /**\n * The size in pixels of the illustration. This number will be used for width and height\n */\n size?: number;\n\n /**\n * Type of the illustration\n */\n type?: IllustrationTypes;\n\n /**\n * The fill color for the illustration. This component will use the 400 shade of the color\n * per design's request. Defaults to teal.\n */\n fillColor?: StashPrimaryColorGroup;\n\n /**\n * The color theme for the illustration. This component will use the standard 500 shade of the color.\n * Defaults to purple\n */\n strokeColor?: StashPrimaryColor;\n\n /**\n * Illustration's custom static path. It'll default to either the staticPath defined on the library installation or '/static' if none are provided.\n */\n staticPath?: string;\n }\n\n const props = withDefaults(defineProps<IllustrationProps>(), {\n id: uniqueId('ll-illustration-'),\n title: '',\n size: 48,\n type: IllustrationType.Spot,\n fillColor: 'blue',\n strokeColor: 'purple-500',\n staticPath: '',\n });\n\n if (props.type === IllustrationType.Scene) {\n throw new Error(\n 'Scene illustration types are not supported. Illustrations will need to be uploaded under ./assets/illustrations/scene. Illustrations to be provided by design.',\n );\n }\n\n if (\n (props.type === IllustrationType.Spot && !spotNames.includes(props.name as SpotName)) ||\n (props.type === IllustrationType.Vignette && !vignetteNames.includes(props.name as VignetteName))\n ) {\n throw new Error(\n `${props.type} illustration name ${props.name} not found. Did you check that you are using the correct type for your illustration?`,\n );\n }\n\n const stashOptions = inject<Partial<StashProvideState>>('stashOptions', {\n staticPath: '/static',\n });\n\n const isSpotIllustration = computed(() => props.type === IllustrationType.Spot);\n\n /**\n * Browsers won't add the `stroke-width` attribute if it is set to false.\n * However, setting it to specific number value affects vignettes\n */\n const strokeWidth = computed<boolean | string>(() => {\n return isSpotIllustration.value ? '0' : false;\n });\n\n const computedStaticPath = computed(() => {\n return props.staticPath || stashOptions?.staticPath;\n });\n</script>\n\n<template>\n <!-- InlineSvg package (https://github.com/shrpne/vue-inline-svg) swaps external svgs and puts\n them inline so we can style them with CSS -->\n <!-- Having to override fill to be none and stroke to be zero so the exported svgs from Figma\n that do not have those attributes specified do not get a default one applied -->\n <InlineSvg\n :id=\"props.id\"\n class=\"tw-inline-block tw-align-middle\"\n :class=\"{\n [`tw-text-${props.fillColor}-400 tw-stroke-${props.strokeColor}`]: isSpotIllustration,\n }\"\n :title=\"props.title\"\n :height=\"props.size\"\n :width=\"props.size\"\n :stroke-width=\"strokeWidth\"\n fill=\"none\"\n :src=\"`${computedStaticPath}/illustrations/${props.type}/${props.name}.svg`\"\n />\n</template>\n"],"names":["SpotName","spotNames","VignetteName","vignetteNames","IllustrationType","props","stashOptions","inject","isSpotIllustration","computed","strokeWidth","computedStaticPath"],"mappings":"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"}
package/dist/ListView.js CHANGED
@@ -58,7 +58,7 @@ import "lodash-es/isNil";
58
58
  import "./utils/i18n.js";
59
59
  import "./Radio.js";
60
60
  import "./Paginate.vue_used_vue_type_style_index_0_lang.module-18343da7.js";
61
- import "./Illustration.vue_vue_type_script_setup_true_lang-e52df837.js";
61
+ import "./Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js";
62
62
  import "./EmptyState.vue_used_vue_type_style_index_0_lang.module-f5d89366.js";
63
63
  import "./Loading.vue_used_vue_type_style_index_0_lang.module-ef5a3bc6.js";
64
64
  const de = "_checkbox_hsxyw_10", he = "_actions_hsxyw_14", ue = {
package/dist/Stepper.js CHANGED
@@ -1,9 +1,9 @@
1
- import { defineComponent as C, ref as I, computed as o, watch as r, watchEffect as g, provide as y, nextTick as E, openBlock as i, createElementBlock as N, createElementVNode as z, normalizeClass as p, renderSlot as T, createBlock as u, unref as d, withCtx as v, createVNode as m, createCommentVNode as f } from "vue";
2
- import B from "./useMediaQuery.js";
3
- import A from "./useStepper.js";
1
+ import { defineComponent as C, ref as I, computed as r, watch as o, watchEffect as g, provide as y, nextTick as N, openBlock as i, createElementBlock as E, createElementVNode as z, normalizeClass as p, renderSlot as B, createBlock as u, unref as d, withCtx as v, createVNode as m, createCommentVNode as f } from "vue";
2
+ import R from "./useMediaQuery.js";
3
+ import T from "./useStepper.js";
4
4
  import h from "./Button.js";
5
5
  import w from "./Icon.js";
6
- import { S as R } from "./keys-7ecef029.js";
6
+ import { S as A } from "./keys-7ecef029.js";
7
7
  import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
8
8
  import "./_plugin-vue_export-helper-dad06003.js";
9
9
  import "lodash-es/uniqueId";
@@ -16,35 +16,38 @@ const V = { class: "tw-relative" }, F = /* @__PURE__ */ C({
16
16
  substep: { default: -1 },
17
17
  linear: { type: Boolean, default: !1 },
18
18
  orientation: { default: "vertical" },
19
+ useResponsiveNav: { type: Boolean, default: !1 },
19
20
  theme: { default: "dark" }
20
21
  },
21
22
  emits: ["update:step", "update:substep"],
22
23
  setup(x, { expose: _, emit: n }) {
23
- const t = x, l = I(), e = A({
24
+ const t = x, l = I(), e = T({
24
25
  linear: t.linear,
25
26
  activeStep: t.step,
26
27
  activeSubstep: t.substep,
27
28
  ref: l
28
- }), S = B("screen and (min-width: 961px)"), a = o(() => t.orientation === "horizontal" && !S.value), b = o(() => e.activeStepIndex.value <= 0), k = o(
29
+ }), S = R("screen and (min-width: 961px)"), a = r(
30
+ () => t.orientation === "horizontal" && (!S.value || t.useResponsiveNav)
31
+ ), b = r(() => e.activeStepIndex.value <= 0), k = r(
29
32
  () => !e.isStepCompleted(e.activeStepIndex.value) || e.activeStepIndex.value === e.steps.value.length - 1
30
33
  );
31
- r(
34
+ o(
32
35
  () => t.step,
33
36
  (s) => e.activeStepIndex.value = s
34
- ), r(
37
+ ), o(
35
38
  () => t.substep,
36
39
  (s) => e.activeSubstepIndex.value = s
37
- ), r(
40
+ ), o(
38
41
  () => e.activeStepIndex.value,
39
42
  (s) => {
40
43
  n("update:step", s), c();
41
44
  }
42
- ), r(
45
+ ), o(
43
46
  () => e.activeSubstepIndex.value,
44
47
  (s) => n("update:substep", s)
45
48
  ), g(() => {
46
49
  a.value && c();
47
- }), y(R, {
50
+ }), y(A, {
48
51
  registerStep: e.registerStep,
49
52
  orientation: t.orientation,
50
53
  stepCount: e.stepCount,
@@ -60,11 +63,11 @@ const V = { class: "tw-relative" }, F = /* @__PURE__ */ C({
60
63
  async function c() {
61
64
  if (!a.value)
62
65
  return;
63
- await E();
66
+ await N();
64
67
  const s = e.activeStepElement.value;
65
68
  s && s.scrollIntoView({ behavior: "instant", inline: "start", block: "nearest" });
66
69
  }
67
- return (s, L) => (i(), N("div", V, [
70
+ return (s, L) => (i(), E("div", V, [
68
71
  z("ul", {
69
72
  ref_key: "stepperListRef",
70
73
  ref: l,
@@ -76,7 +79,7 @@ const V = { class: "tw-relative" }, F = /* @__PURE__ */ C({
76
79
  }]),
77
80
  "data-test": "stash-stepper"
78
81
  }, [
79
- T(s.$slots, "default")
82
+ B(s.$slots, "default")
80
83
  ], 2),
81
84
  a.value ? (i(), u(h, {
82
85
  key: 0,
package/dist/Stepper.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Stepper.js","sources":["../src/components/Stepper/Stepper.vue"],"sourcesContent":["<script lang=\"ts\">\n import { StepperOrientation, StepperTheme } from './Stepper.types';\n export * from './Stepper.types';\n\n export interface StepperProps {\n /**\n * The current step index\n */\n step?: number;\n /**\n * The current substep index\n */\n substep?: number;\n /**\n * A linear stepper prevents navigation to steps that are ahead of the completed ones\n */\n linear?: boolean;\n /**\n * Determines whether the stepper is horizontal or vertical\n */\n orientation?: StepperOrientation;\n /**\n * Determines the theme of the stepper\n */\n theme?: StepperTheme;\n }\n</script>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, provide, ref, watch, watchEffect } from 'vue';\n\n import useMediaQuery from '../../composables/useMediaQuery/useMediaQuery';\n import useStepper from '../../composables/useStepper/useStepper';\n import Button from '../Button/Button.vue';\n import Icon from '../Icon/Icon.vue';\n import { STEPPER_INJECTION_KEY } from './keys';\n\n const props = withDefaults(defineProps<StepperProps>(), {\n step: -1,\n substep: -1,\n linear: false,\n orientation: 'vertical',\n theme: 'dark',\n });\n\n const emit =\n defineEmits<{\n /**\n * Emitted when the step changes\n */\n (e: 'update:step', step: number): void;\n /**\n * Emitted when the substep changes\n */\n (e: 'update:substep', substep: number): void;\n }>();\n\n const stepperListRef = ref();\n const stepper = useStepper({\n linear: props.linear,\n activeStep: props.step,\n activeSubstep: props.substep,\n ref: stepperListRef,\n });\n\n const isLargeScreen = useMediaQuery('screen and (min-width: 961px)');\n const showResponsiveNav = computed(() => props.orientation === 'horizontal' && !isLargeScreen.value);\n const isPrevArrowDisabled = computed(() => stepper.activeStepIndex.value <= 0);\n const isNextArrowDisabled = computed(\n () =>\n !stepper.isStepCompleted(stepper.activeStepIndex.value) ||\n stepper.activeStepIndex.value === stepper.steps.value.length - 1,\n );\n\n watch(\n () => props.step,\n (value) => (stepper.activeStepIndex.value = value),\n );\n\n watch(\n () => props.substep,\n (value) => (stepper.activeSubstepIndex.value = value),\n );\n\n watch(\n () => stepper.activeStepIndex.value,\n (value) => {\n emit('update:step', value);\n scrollToStep();\n },\n );\n\n watch(\n () => stepper.activeSubstepIndex.value,\n (value) => emit('update:substep', value),\n );\n\n /**\n * Watches for media query changes to determine if the mobile horizontal stepper is active.\n * This is done to ensure the mobile stepper remains in sync with any step changes at the desktop view.\n */\n watchEffect(() => {\n if (showResponsiveNav.value) {\n scrollToStep();\n }\n });\n\n provide(STEPPER_INJECTION_KEY, {\n registerStep: stepper.registerStep,\n orientation: props.orientation,\n stepCount: stepper.stepCount,\n theme: props.theme,\n showResponsiveNav,\n });\n\n defineExpose({\n back: stepper.back,\n next: stepper.next,\n goTo: stepper.goTo,\n isStepCompleted: stepper.isStepCompleted,\n isStepActive: stepper.isStepActive,\n });\n\n /**\n * Scrolls to the active step when the horizontal stepper is active.\n * This limited to top-level steps only.\n */\n async function scrollToStep() {\n if (!showResponsiveNav.value) {\n return;\n }\n\n // allows the DOM to update before scrolling to the active step.\n await nextTick();\n\n const step = stepper.activeStepElement.value;\n\n if (step) {\n step.scrollIntoView({ behavior: 'instant', inline: 'start', block: 'nearest' });\n }\n }\n</script>\n\n<template>\n <div class=\"tw-relative\">\n <ul\n ref=\"stepperListRef\"\n class=\"stash-stepper tw-flex\"\n :class=\"{\n 'tw-flex-col': props.orientation === 'vertical',\n 'stash-stepper--vertical': props.orientation === 'vertical',\n 'stash-stepper--horizontal': props.orientation === 'horizontal',\n 'tw-mx-9 tw-snap-x tw-snap-mandatory tw-overflow-x-hidden': showResponsiveNav,\n }\"\n data-test=\"stash-stepper\"\n >\n <!-- @slot Default slot to compose multiple steps -->\n <slot></slot>\n </ul>\n <Button\n v-if=\"showResponsiveNav\"\n class=\"stash-stepper__arrow stash-stepper__arrow--prev\"\n :class=\"props.theme === 'light' ? 'tw-text-blue-500' : 'tw-text-white'\"\n data-test=\"stash-stepper|prev-arrow\"\n :disabled=\"isPrevArrowDisabled\"\n icon\n @click=\"stepper.back\"\n >\n <Icon name=\"chevron-left\" size=\"dense\" />\n </Button>\n <Button\n v-if=\"showResponsiveNav\"\n class=\"stash-stepper__arrow stash-stepper__arrow--next\"\n :class=\"props.theme === 'light' ? 'tw-text-blue-500' : 'tw-text-white'\"\n data-test=\"stash-stepper|next-arrow\"\n :disabled=\"isNextArrowDisabled\"\n icon\n @click=\"stepper.next\"\n >\n <Icon name=\"chevron-right\" size=\"dense\" />\n </Button>\n </div>\n</template>\n\n<style>\n .stash-stepper--vertical .stash-step:last-child .stash-step--nested-steps {\n @apply tw-hidden;\n }\n\n .stash-stepper__arrow {\n @apply tw-absolute\n tw-top-0\n tw-flex\n tw-h-6\n tw-w-6\n tw-min-w-auto\n tw-items-center\n tw-justify-center\n tw-rounded-full\n tw-border\n tw-border-solid\n tw-border-ice-500\n tw-text-center\n disabled:tw-text-ice-500 disabled:tw-opacity-50;\n }\n\n .stash-stepper__arrow--prev {\n @apply tw-left-0;\n }\n\n .stash-stepper__arrow--next {\n @apply tw-right-0;\n }\n</style>\n"],"names":["stepperListRef","ref","stepper","useStepper","props","isLargeScreen","useMediaQuery","showResponsiveNav","computed","isPrevArrowDisabled","isNextArrowDisabled","watch","value","emit","scrollToStep","watchEffect","provide","STEPPER_INJECTION_KEY","__expose","nextTick","step"],"mappings":";;;;;;;;;;;;;;;;;;;;;;iBAyDQA,IAAiBC,KACjBC,IAAUC,EAAW;AAAA,MACzB,QAAQC,EAAM;AAAA,MACd,YAAYA,EAAM;AAAA,MAClB,eAAeA,EAAM;AAAA,MACrB,KAAKJ;AAAA,IAAA,CACN,GAEKK,IAAgBC,EAAc,+BAA+B,GAC7DC,IAAoBC,EAAS,MAAMJ,EAAM,gBAAgB,gBAAgB,CAACC,EAAc,KAAK,GAC7FI,IAAsBD,EAAS,MAAMN,EAAQ,gBAAgB,SAAS,CAAC,GACvEQ,IAAsBF;AAAA,MAC1B,MACE,CAACN,EAAQ,gBAAgBA,EAAQ,gBAAgB,KAAK,KACtDA,EAAQ,gBAAgB,UAAUA,EAAQ,MAAM,MAAM,SAAS;AAAA,IAAA;AAGnE,IAAAS;AAAA,MACE,MAAMP,EAAM;AAAA,MACZ,CAACQ,MAAWV,EAAQ,gBAAgB,QAAQU;AAAA,IAAA,GAG9CD;AAAA,MACE,MAAMP,EAAM;AAAA,MACZ,CAACQ,MAAWV,EAAQ,mBAAmB,QAAQU;AAAA,IAAA,GAGjDD;AAAA,MACE,MAAMT,EAAQ,gBAAgB;AAAA,MAC9B,CAACU,MAAU;AACT,QAAAC,EAAK,eAAeD,CAAK,GACZE;MACf;AAAA,IAAA,GAGFH;AAAA,MACE,MAAMT,EAAQ,mBAAmB;AAAA,MACjC,CAACU,MAAUC,EAAK,kBAAkBD,CAAK;AAAA,IAAA,GAOzCG,EAAY,MAAM;AAChB,MAAIR,EAAkB,SACPO;IACf,CACD,GAEDE,EAAQC,GAAuB;AAAA,MAC7B,cAAcf,EAAQ;AAAA,MACtB,aAAaE,EAAM;AAAA,MACnB,WAAWF,EAAQ;AAAA,MACnB,OAAOE,EAAM;AAAA,MACb,mBAAAG;AAAA,IAAA,CACD,GAEYW,EAAA;AAAA,MACX,MAAMhB,EAAQ;AAAA,MACd,MAAMA,EAAQ;AAAA,MACd,MAAMA,EAAQ;AAAA,MACd,iBAAiBA,EAAQ;AAAA,MACzB,cAAcA,EAAQ;AAAA,IAAA,CACvB;AAMD,mBAAeY,IAAe;AACxB,UAAA,CAACP,EAAkB;AACrB;AAIF,YAAMY,EAAS;AAET,YAAAC,IAAOlB,EAAQ,kBAAkB;AAEvC,MAAIkB,KACGA,EAAA,eAAe,EAAE,UAAU,WAAW,QAAQ,SAAS,OAAO,WAAW;AAAA,IAElF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Stepper.js","sources":["../src/components/Stepper/Stepper.vue"],"sourcesContent":["<script lang=\"ts\">\n import { StepperOrientation, StepperTheme } from './Stepper.types';\n export * from './Stepper.types';\n\n export interface StepperProps {\n /**\n * The current step index\n */\n step?: number;\n /**\n * The current substep index\n */\n substep?: number;\n /**\n * A linear stepper prevents navigation to steps that are ahead of the completed ones\n */\n linear?: boolean;\n /**\n * Determines whether the stepper is horizontal or vertical\n */\n orientation?: StepperOrientation;\n /**\n * Force responsive view on horizontal orientation\n */\n useResponsiveNav?: boolean;\n /**\n * Determines the theme of the stepper\n */\n theme?: StepperTheme;\n }\n</script>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, provide, ref, watch, watchEffect } from 'vue';\n\n import useMediaQuery from '../../composables/useMediaQuery/useMediaQuery';\n import useStepper from '../../composables/useStepper/useStepper';\n import Button from '../Button/Button.vue';\n import Icon from '../Icon/Icon.vue';\n import { STEPPER_INJECTION_KEY } from './keys';\n\n const props = withDefaults(defineProps<StepperProps>(), {\n step: -1,\n substep: -1,\n linear: false,\n orientation: 'vertical',\n theme: 'dark',\n useResponsiveNav: false,\n });\n\n const emit =\n defineEmits<{\n /**\n * Emitted when the step changes\n */\n (e: 'update:step', step: number): void;\n /**\n * Emitted when the substep changes\n */\n (e: 'update:substep', substep: number): void;\n }>();\n\n const stepperListRef = ref();\n const stepper = useStepper({\n linear: props.linear,\n activeStep: props.step,\n activeSubstep: props.substep,\n ref: stepperListRef,\n });\n\n const isLargeScreen = useMediaQuery('screen and (min-width: 961px)');\n const showResponsiveNav = computed(\n () => props.orientation === 'horizontal' && (!isLargeScreen.value || props.useResponsiveNav),\n );\n const isPrevArrowDisabled = computed(() => stepper.activeStepIndex.value <= 0);\n const isNextArrowDisabled = computed(\n () =>\n !stepper.isStepCompleted(stepper.activeStepIndex.value) ||\n stepper.activeStepIndex.value === stepper.steps.value.length - 1,\n );\n\n watch(\n () => props.step,\n (value) => (stepper.activeStepIndex.value = value),\n );\n\n watch(\n () => props.substep,\n (value) => (stepper.activeSubstepIndex.value = value),\n );\n\n watch(\n () => stepper.activeStepIndex.value,\n (value) => {\n emit('update:step', value);\n scrollToStep();\n },\n );\n\n watch(\n () => stepper.activeSubstepIndex.value,\n (value) => emit('update:substep', value),\n );\n\n /**\n * Watches for media query changes to determine if the mobile horizontal stepper is active.\n * This is done to ensure the mobile stepper remains in sync with any step changes at the desktop view.\n */\n watchEffect(() => {\n if (showResponsiveNav.value) {\n scrollToStep();\n }\n });\n\n provide(STEPPER_INJECTION_KEY, {\n registerStep: stepper.registerStep,\n orientation: props.orientation,\n stepCount: stepper.stepCount,\n theme: props.theme,\n showResponsiveNav,\n });\n\n defineExpose({\n back: stepper.back,\n next: stepper.next,\n goTo: stepper.goTo,\n isStepCompleted: stepper.isStepCompleted,\n isStepActive: stepper.isStepActive,\n });\n\n /**\n * Scrolls to the active step when the horizontal stepper is active.\n * This limited to top-level steps only.\n */\n async function scrollToStep() {\n if (!showResponsiveNav.value) {\n return;\n }\n\n // allows the DOM to update before scrolling to the active step.\n await nextTick();\n\n const step = stepper.activeStepElement.value;\n\n if (step) {\n step.scrollIntoView({ behavior: 'instant', inline: 'start', block: 'nearest' });\n }\n }\n</script>\n\n<template>\n <div class=\"tw-relative\">\n <ul\n ref=\"stepperListRef\"\n class=\"stash-stepper tw-flex\"\n :class=\"{\n 'tw-flex-col': props.orientation === 'vertical',\n 'stash-stepper--vertical': props.orientation === 'vertical',\n 'stash-stepper--horizontal': props.orientation === 'horizontal',\n 'tw-mx-9 tw-snap-x tw-snap-mandatory tw-overflow-x-hidden': showResponsiveNav,\n }\"\n data-test=\"stash-stepper\"\n >\n <!-- @slot Default slot to compose multiple steps -->\n <slot></slot>\n </ul>\n <Button\n v-if=\"showResponsiveNav\"\n class=\"stash-stepper__arrow stash-stepper__arrow--prev\"\n :class=\"props.theme === 'light' ? 'tw-text-blue-500' : 'tw-text-white'\"\n data-test=\"stash-stepper|prev-arrow\"\n :disabled=\"isPrevArrowDisabled\"\n icon\n @click=\"stepper.back\"\n >\n <Icon name=\"chevron-left\" size=\"dense\" />\n </Button>\n <Button\n v-if=\"showResponsiveNav\"\n class=\"stash-stepper__arrow stash-stepper__arrow--next\"\n :class=\"props.theme === 'light' ? 'tw-text-blue-500' : 'tw-text-white'\"\n data-test=\"stash-stepper|next-arrow\"\n :disabled=\"isNextArrowDisabled\"\n icon\n @click=\"stepper.next\"\n >\n <Icon name=\"chevron-right\" size=\"dense\" />\n </Button>\n </div>\n</template>\n\n<style>\n .stash-stepper--vertical .stash-step:last-child .stash-step--nested-steps {\n @apply tw-hidden;\n }\n\n .stash-stepper__arrow {\n @apply tw-absolute\n tw-top-0\n tw-flex\n tw-h-6\n tw-w-6\n tw-min-w-auto\n tw-items-center\n tw-justify-center\n tw-rounded-full\n tw-border\n tw-border-solid\n tw-border-ice-500\n tw-text-center\n disabled:tw-text-ice-500 disabled:tw-opacity-50;\n }\n\n .stash-stepper__arrow--prev {\n @apply tw-left-0;\n }\n\n .stash-stepper__arrow--next {\n @apply tw-right-0;\n }\n</style>\n"],"names":["stepperListRef","ref","stepper","useStepper","props","isLargeScreen","useMediaQuery","showResponsiveNav","computed","isPrevArrowDisabled","isNextArrowDisabled","watch","value","emit","scrollToStep","watchEffect","provide","STEPPER_INJECTION_KEY","__expose","nextTick","step"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;iBA8DQA,IAAiBC,KACjBC,IAAUC,EAAW;AAAA,MACzB,QAAQC,EAAM;AAAA,MACd,YAAYA,EAAM;AAAA,MAClB,eAAeA,EAAM;AAAA,MACrB,KAAKJ;AAAA,IAAA,CACN,GAEKK,IAAgBC,EAAc,+BAA+B,GAC7DC,IAAoBC;AAAA,MACxB,MAAMJ,EAAM,gBAAgB,iBAAiB,CAACC,EAAc,SAASD,EAAM;AAAA,IAAA,GAEvEK,IAAsBD,EAAS,MAAMN,EAAQ,gBAAgB,SAAS,CAAC,GACvEQ,IAAsBF;AAAA,MAC1B,MACE,CAACN,EAAQ,gBAAgBA,EAAQ,gBAAgB,KAAK,KACtDA,EAAQ,gBAAgB,UAAUA,EAAQ,MAAM,MAAM,SAAS;AAAA,IAAA;AAGnE,IAAAS;AAAA,MACE,MAAMP,EAAM;AAAA,MACZ,CAACQ,MAAWV,EAAQ,gBAAgB,QAAQU;AAAA,IAAA,GAG9CD;AAAA,MACE,MAAMP,EAAM;AAAA,MACZ,CAACQ,MAAWV,EAAQ,mBAAmB,QAAQU;AAAA,IAAA,GAGjDD;AAAA,MACE,MAAMT,EAAQ,gBAAgB;AAAA,MAC9B,CAACU,MAAU;AACT,QAAAC,EAAK,eAAeD,CAAK,GACZE;MACf;AAAA,IAAA,GAGFH;AAAA,MACE,MAAMT,EAAQ,mBAAmB;AAAA,MACjC,CAACU,MAAUC,EAAK,kBAAkBD,CAAK;AAAA,IAAA,GAOzCG,EAAY,MAAM;AAChB,MAAIR,EAAkB,SACPO;IACf,CACD,GAEDE,EAAQC,GAAuB;AAAA,MAC7B,cAAcf,EAAQ;AAAA,MACtB,aAAaE,EAAM;AAAA,MACnB,WAAWF,EAAQ;AAAA,MACnB,OAAOE,EAAM;AAAA,MACb,mBAAAG;AAAA,IAAA,CACD,GAEYW,EAAA;AAAA,MACX,MAAMhB,EAAQ;AAAA,MACd,MAAMA,EAAQ;AAAA,MACd,MAAMA,EAAQ;AAAA,MACd,iBAAiBA,EAAQ;AAAA,MACzB,cAAcA,EAAQ;AAAA,IAAA,CACvB;AAMD,mBAAeY,IAAe;AACxB,UAAA,CAACP,EAAkB;AACrB;AAIF,YAAMY,EAAS;AAET,YAAAC,IAAOlB,EAAQ,kBAAkB;AAEvC,MAAIkB,KACGA,EAAA,eAAe,EAAE,UAAU,WAAW,QAAQ,SAAS,OAAO,WAAW;AAAA,IAElF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/Stepper.vue.d.ts CHANGED
@@ -40,6 +40,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
40
40
  linear: boolean;
41
41
  orientation: string;
42
42
  theme: string;
43
+ useResponsiveNav: boolean;
43
44
  }>, {
44
45
  back: () => void;
45
46
  next: () => void;
@@ -55,6 +56,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
55
56
  linear: boolean;
56
57
  orientation: string;
57
58
  theme: string;
59
+ useResponsiveNav: boolean;
58
60
  }>>> & {
59
61
  "onUpdate:step"?: ((step: number) => any) | undefined;
60
62
  "onUpdate:substep"?: ((substep: number) => any) | undefined;
@@ -64,6 +66,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
64
66
  substep: number;
65
67
  linear: boolean;
66
68
  orientation: StepperOrientation;
69
+ useResponsiveNav: boolean;
67
70
  }, {}>, {
68
71
  default?(_: {}): any;
69
72
  }>;
@@ -88,6 +91,10 @@ export declare interface StepperProps {
88
91
  * Determines whether the stepper is horizontal or vertical
89
92
  */
90
93
  orientation?: StepperOrientation;
94
+ /**
95
+ * Force responsive view on horizontal orientation
96
+ */
97
+ useResponsiveNav?: boolean;
91
98
  /**
92
99
  * Determines the theme of the stepper
93
100
  */
package/dist/Table.js CHANGED
@@ -13,7 +13,7 @@ import { T as A } from "./Table.keys-cf93df19.js";
13
13
  import { S as O } from "./misc-76697f61.js";
14
14
  import "./locale.js";
15
15
  import "lodash-es/get";
16
- import "./Illustration.vue_vue_type_script_setup_true_lang-e52df837.js";
16
+ import "./Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js";
17
17
  import "./index-79ce320f.js";
18
18
  import "./EmptyState.vue_used_vue_type_style_index_0_lang.module-f5d89366.js";
19
19
  import "./_plugin-vue_export-helper-dad06003.js";
package/dist/TableCell.js CHANGED
@@ -5,7 +5,7 @@ import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
5
5
  import "./Paginate.vue_used_vue_type_style_index_0_lang.module-18343da7.js";
6
6
  import "./DataView.vue_used_vue_type_style_index_0_lang.module-5c180dba.js";
7
7
  import "lodash-es/get";
8
- import "./Illustration.vue_vue_type_script_setup_true_lang-e52df837.js";
8
+ import "./Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js";
9
9
  import "./EmptyState.vue_used_vue_type_style_index_0_lang.module-f5d89366.js";
10
10
  import "./Loading.vue_used_vue_type_style_index_0_lang.module-ef5a3bc6.js";
11
11
  import { T as y, s as C } from "./Table.keys-cf93df19.js";
package/dist/TableHeaderCell.js CHANGED
@@ -4,7 +4,7 @@ import f from "./Icon.js";
4
4
  import "./Paginate.vue_used_vue_type_style_index_0_lang.module-18343da7.js";
5
5
  import { D as b } from "./DataView.vue_used_vue_type_style_index_0_lang.module-5c180dba.js";
6
6
  import "lodash-es/get";
7
- import "./Illustration.vue_vue_type_script_setup_true_lang-e52df837.js";
7
+ import "./Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js";
8
8
  import "./EmptyState.vue_used_vue_type_style_index_0_lang.module-f5d89366.js";
9
9
  import "./Loading.vue_used_vue_type_style_index_0_lang.module-ef5a3bc6.js";
10
10
  import { T as N } from "./Table.keys-cf93df19.js";
package/dist/TableHeaderRow.js CHANGED
@@ -6,7 +6,7 @@ import "lodash-es/cloneDeep";
6
6
  import "lodash-es/uniqueId";
7
7
  import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
8
8
  import "./Paginate.vue_used_vue_type_style_index_0_lang.module-18343da7.js";
9
- import "./Illustration.vue_vue_type_script_setup_true_lang-e52df837.js";
9
+ import "./Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js";
10
10
  import "./EmptyState.vue_used_vue_type_style_index_0_lang.module-f5d89366.js";
11
11
  import "./Loading.vue_used_vue_type_style_index_0_lang.module-ef5a3bc6.js";
12
12
  import { T as v } from "./Table.keys-cf93df19.js";
package/dist/TableRow.js CHANGED
@@ -8,7 +8,7 @@ import "lodash-es/cloneDeep";
8
8
  import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
9
9
  import "./Paginate.vue_used_vue_type_style_index_0_lang.module-18343da7.js";
10
10
  import "./DataView.vue_used_vue_type_style_index_0_lang.module-5c180dba.js";
11
- import "./Illustration.vue_vue_type_script_setup_true_lang-e52df837.js";
11
+ import "./Illustration.vue_vue_type_script_setup_true_lang-4b8944da.js";
12
12
  import "./EmptyState.vue_used_vue_type_style_index_0_lang.module-f5d89366.js";
13
13
  import "./Loading.vue_used_vue_type_style_index_0_lang.module-ef5a3bc6.js";
14
14
  import C from "./TableCell.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@leaflink/stash",
3
- "version": "47.3.5",
3
+ "version": "48.1.0",
4
4
  "description": "LeafLink's design system.",
5
5
  "homepage": "https://stash.leaflink.com",
6
6
  "main": "./dist/index.ts",
package/dist/Illustration.vue_vue_type_script_setup_true_lang-e52df837.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"Illustration.vue_vue_type_script_setup_true_lang-e52df837.js","sources":["../src/components/Illustration/Illustration.models.ts","../src/components/Illustration/Illustration.vue"],"sourcesContent":["/**\n * Enum to strongly map between a friendly name and file name of the illustration\n */\nexport enum SpotName {\n Approved = 'approved',\n Avatar = 'avatar',\n Barcode = 'barcode',\n Calendar = 'calendar',\n Cartridge = 'cartridge',\n Celebrate = 'celebrate',\n ChatBubble = 'chat-bubble',\n CheckBox = 'check-box',\n CheckCircle = 'check-circle',\n Click = 'click',\n Cocktail = 'cocktail',\n Confirmation = 'confirmation',\n Connnect = 'connnect',\n Cookie = 'cookie',\n CreditCard = 'credit-card',\n Crm = 'crm',\n Cultivation = 'cultivation',\n Data = 'data',\n DeliveryCompleted = 'delivery-completed',\n Delivery = 'delivery',\n DigitalPayments = 'digital-payments',\n Discover = 'discover',\n Diversity = 'diversity',\n Drink = 'drink',\n Dolly = 'dolly',\n EasyReconciliations = 'easy-reconciliations',\n Efficiency = 'efficiency',\n Error = 'error',\n ExtendDate = 'extend-date',\n FinancialGrowth = 'financial-growth',\n FinancialInstitution = 'financial-institution',\n Focus = 'focus',\n FulfillmentIssues = 'fulfillment-issues',\n Growth = 'growth',\n Handshake = 'handshake',\n Hierarchy = 'hierarchy',\n Home = 'home',\n Laptop = 'laptop',\n Licenses = 'licenses',\n LightBulb = 'light-bulb',\n LightbulbError = 'lightbulb-error',\n LineChart = 'line-chart',\n Link = 'link',\n LocationPin = 'location-pin',\n Lock = 'lock',\n Messaging = 'messaging',\n Microchip = 'microchip',\n MissingData = 'missing-data',\n MoneyTransfer = 'money-transfer',\n Money = 'money',\n NoInventoryAccess = 'no-inventory-access',\n NoInventory = 'no-inventory',\n NoPromote = 'no-promote',\n PackageReceived = 'package-received',\n Package = 'package',\n PaymentProcessing = 'payment-processing',\n Phone = 'phone',\n PieChart = 'pie-chart',\n ProductCycle = 'product-cycle',\n Puzzle = 'puzzle',\n Receipt = 'receipt',\n Retail = 'retail',\n SearchingDocument = 'searching-document',\n ShoppingBasket = 'shopping-basket',\n Shopping = 'shopping',\n Sign = 'sign',\n Smile = 'smile',\n Speed = 'speed',\n Time = 'time',\n Tools = 'tools',\n Truck = 'truck',\n User = 'user',\n Warehouse = 'warehouse',\n Warning = 'warning',\n XCircle = 'x-circle',\n}\n\nexport type SpotNames = `${SpotName}`;\n\n/**\n * String array of all illustration names\n */\nexport const spotNames = Object.values(SpotName);\n\nexport enum VignetteName {\n Api = 'api',\n Bank = 'bank',\n Basket = 'basket',\n BrandMenu = 'brand-menu',\n Calendar = 'calendar',\n Dashboard = 'dashboard',\n Deals = 'deals',\n DocumentSearch = 'document-search',\n Edit = 'edit',\n EmptyTray = 'empty-tray',\n Graph = 'graph',\n Integrations = 'integrations',\n LightBulb = 'light-bulb',\n Map = 'map',\n Megaphone = 'megaphone',\n Messages = 'messages',\n MoneyBank = 'money-bank',\n Notifications = 'notifications',\n OrdersEmpty = 'orders-empty',\n Payments = 'payments',\n PieChart = 'pie-chart',\n Products = 'products',\n Search = 'search',\n SearchStorefront = 'search-storefront',\n Store = 'store',\n Todo = 'todo',\n Truck = 'truck',\n Users = 'users',\n Warehouse = 'warehouse',\n WarehouseDelivery = 'warehouse-delivery',\n}\n\nexport type VignetteNames = `${VignetteName}`;\n\n/**\n * String array of all vignette names\n */\nexport const vignetteNames = Object.values(VignetteName);\n\n/**\n * Types of illustrations that map to the subfolder under ./assets/illustrations/<type>\n */\nexport enum IllustrationType {\n Spot = 'spot',\n Vignette = 'vignette',\n // Scene is not implemented, but adding it for future work mentioned in STASH-61.\n Scene = 'scene',\n}\n\nexport type IllustrationTypes = `${IllustrationType}`;\n","<script lang=\"ts\">\n export * from './Illustration.models';\n</script>\n\n<script lang=\"ts\" setup>\n import uniqueId from 'lodash-es/uniqueId';\n import { computed, inject } from 'vue';\n import InlineSvg from 'vue-inline-svg';\n\n import { StashPrimaryColor, StashPrimaryColorGroup } from '../../../types/colors';\n import { StashProvideState } from '../../../types/misc';\n import {\n IllustrationType,\n IllustrationTypes,\n SpotName,\n SpotNames,\n spotNames,\n VignetteName,\n VignetteNames,\n vignetteNames,\n } from './Illustration.models';\n\n export interface IllustrationProps {\n id?: string;\n\n /**\n * The filename of the icon that should be displayed\n */\n name: SpotNames | VignetteNames;\n\n /**\n * Accessible, short-text description for the icon. Not rendered as part of the graphic, but\n * browsers usually display it as a tooltip and screen readers use this.\n */\n title?: string;\n\n /**\n * The size in pixels of the illustration. This number will be used for width and height\n */\n size?: number;\n\n /**\n * Type of the illustration\n */\n type?: IllustrationTypes;\n\n /**\n * The fill color for the illustration. This component will use the 400 shade of the color\n * per design's request. Defaults to teal.\n */\n fillColor?: StashPrimaryColorGroup;\n\n /**\n * The color theme for the illustration. This component will use the standard 500 shade of the color.\n * Defaults to purple\n */\n strokeColor?: StashPrimaryColor;\n\n /**\n * Illustration's custom static path. It'll default to either the staticPath defined on the library installation or '/static' if none are provided.\n */\n staticPath?: string;\n }\n\n const props = withDefaults(defineProps<IllustrationProps>(), {\n id: uniqueId('ll-illustration-'),\n title: '',\n size: 48,\n type: IllustrationType.Spot,\n fillColor: 'blue',\n strokeColor: 'purple-500',\n staticPath: '',\n });\n\n if (props.type === IllustrationType.Scene) {\n throw new Error(\n 'Scene illustration types are not supported. Illustrations will need to be uploaded under ./assets/illustrations/scene. Illustrations to be provided by design.',\n );\n }\n\n if (\n (props.type === IllustrationType.Spot && !spotNames.includes(props.name as SpotName)) ||\n (props.type === IllustrationType.Vignette && !vignetteNames.includes(props.name as VignetteName))\n ) {\n throw new Error(\n `${props.type} illustration name ${props.name} not found. Did you check that you are using the correct type for your illustration?`,\n );\n }\n\n const stashOptions = inject<Partial<StashProvideState>>('stashOptions', {\n staticPath: '/static',\n });\n\n const isSpotIllustration = computed(() => props.type === IllustrationType.Spot);\n\n /**\n * Browsers won't add the `stroke-width` attribute if it is set to false.\n * However, setting it to specific number value affects vignettes\n */\n const strokeWidth = computed<boolean | string>(() => {\n return isSpotIllustration.value ? '0' : false;\n });\n\n const computedStaticPath = computed(() => {\n return props.staticPath || stashOptions?.staticPath;\n });\n</script>\n\n<template>\n <!-- InlineSvg package (https://github.com/shrpne/vue-inline-svg) swaps external svgs and puts\n them inline so we can style them with CSS -->\n <!-- Having to override fill to be none and stroke to be zero so the exported svgs from Figma\n that do not have those attributes specified do not get a default one applied -->\n <InlineSvg\n :id=\"props.id\"\n class=\"tw-inline-block tw-align-middle\"\n :class=\"{\n [`tw-text-${props.fillColor}-400 tw-stroke-${props.strokeColor}`]: isSpotIllustration,\n }\"\n :title=\"props.title\"\n :height=\"props.size\"\n :width=\"props.size\"\n :stroke-width=\"strokeWidth\"\n fill=\"none\"\n :src=\"`${computedStaticPath}/illustrations/${props.type}/${props.name}.svg`\"\n />\n</template>\n"],"names":["SpotName","spotNames","VignetteName","vignetteNames","IllustrationType","props","stashOptions","inject","isSpotIllustration","computed","strokeWidth","computedStaticPath"],"mappings":"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"}