sprintify-ui 0.0.9 → 0.0.11

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 (51) hide show
  1. package/README.md +14 -3
  2. package/dist/sprintify-ui.es.js +3851 -6637
  3. package/dist/style.css +2 -2
  4. package/dist/tailwindcss/index.js +283 -32
  5. package/dist/types/src/components/BaseAutocomplete.vue.d.ts +0 -1
  6. package/dist/types/src/components/BaseAutocompleteFetch.vue.d.ts +0 -1
  7. package/dist/types/src/components/BaseBelongsTo.vue.d.ts +13 -3
  8. package/dist/types/src/components/BaseDataTable.vue.d.ts +95 -64
  9. package/dist/types/src/components/BaseDialog.vue.d.ts +8 -8
  10. package/dist/types/src/components/BaseFilePicker.vue.d.ts +3 -3
  11. package/dist/types/src/components/BaseLoadingCover.vue.d.ts +12 -12
  12. package/dist/types/src/components/BaseMenuItem.vue.d.ts +4 -4
  13. package/dist/types/src/components/BaseNavbarItemContent.vue.d.ts +4 -4
  14. package/dist/types/src/components/BaseTableColumn.vue.d.ts +4 -4
  15. package/dist/types/src/svg/BaseEmptyState.vue.d.ts +2 -0
  16. package/dist/types/src/{components/BaseSpinner.vue.d.ts → svg/BaseSpinnerLarge.vue.d.ts} +0 -0
  17. package/dist/types/src/svg/BaseSpinnerSmall.vue.d.ts +44 -0
  18. package/dist/types/src/types/types.d.ts +1 -1
  19. package/package.json +4 -2
  20. package/src/assets/form.css +1 -10
  21. package/src/assets/main.css +0 -1
  22. package/src/assets/tailwind.css +3 -5
  23. package/src/components/BaseAutocomplete.stories.js +7 -4
  24. package/src/components/BaseAutocomplete.vue +44 -15
  25. package/src/components/BaseAutocompleteFetch.stories.js +6 -3
  26. package/src/components/BaseAutocompleteFetch.vue +8 -3
  27. package/src/components/BaseBelongsTo.stories.js +9 -4
  28. package/src/components/BaseBelongsTo.vue +1 -0
  29. package/src/components/BaseButton.stories.js +11 -3
  30. package/src/components/BaseCard.vue +1 -1
  31. package/src/components/BaseDataIterator.stories.js +102 -3
  32. package/src/components/BaseDataIterator.vue +44 -12
  33. package/src/components/BaseDataTable.stories.js +149 -2
  34. package/src/components/BaseDataTable.vue +34 -28
  35. package/src/components/BaseDataTableToggleColumns.vue +1 -1
  36. package/src/components/BaseDateSelect.vue +6 -2
  37. package/src/components/BaseDescriptionListItem.vue +40 -4
  38. package/src/components/BaseDialog.stories.js +51 -0
  39. package/src/components/BaseDialog.vue +13 -7
  40. package/src/components/BaseFilePicker.stories.js +51 -0
  41. package/src/components/BaseFilePicker.vue +6 -6
  42. package/src/components/BaseFileUploader.stories.js +80 -0
  43. package/src/components/BaseFileUploader.vue +12 -3
  44. package/src/components/BaseLoadingCover.vue +8 -16
  45. package/src/components/BaseTable.vue +42 -29
  46. package/src/components/BaseTableColumn.vue +2 -2
  47. package/src/svg/BaseEmptyState.vue +34 -0
  48. package/src/{components/BaseSpinner.vue → svg/BaseSpinnerLarge.vue} +0 -0
  49. package/src/svg/BaseSpinnerSmall.vue +9 -0
  50. package/src/types/types.ts +1 -1
  51. package/src/assets/button.css +0 -80
package/dist/style.css CHANGED
@@ -1,4 +1,4 @@
1
- @charset "UTF-8";.spinner[data-v-7d66ba2e]{animation:rotate-7d66ba2e 1s linear infinite;-webkit-animation:rotate-7d66ba2e 1s linear infinite;-moz-animation:rotate-7d66ba2e 1s linear infinite}@keyframes rotate-7d66ba2e{to{transform:rotate(360deg)}}.path[data-v-7d66ba2e]{stroke-dasharray:170;stroke-dashoffset:20}.th[data-v-c943591d]{background-color:rgb(248 250 252 / var(--tw-bg-opacity));position:sticky;top:0px;z-index:10;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-bg-opacity: .75;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}/*!
1
+ @charset "UTF-8";.spinner[data-v-945515f9]{animation:rotate-945515f9 1s linear infinite;-webkit-animation:rotate-945515f9 1s linear infinite;-moz-animation:rotate-945515f9 1s linear infinite}@keyframes rotate-945515f9{to{transform:rotate(360deg)}}.path[data-v-945515f9]{stroke-dasharray:170;stroke-dashoffset:20}.th[data-v-d5688497]{background-color:rgb(248 250 252 / var(--tw-bg-opacity));position:sticky;top:0px;z-index:10;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-bg-opacity: .75;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}/*!
2
2
  * Pikaday
3
3
  * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
4
- */.pika-single{z-index:9999;display:block;position:relative;color:#333;background:#fff;border:1px solid #ccc;border-bottom-color:#bbb;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.pika-single:before,.pika-single:after{content:" ";display:table}.pika-single:after{clear:both}.pika-single.is-hidden{display:none}.pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px #00000080}.pika-lendar{float:left;width:240px;margin:8px}.pika-title{position:relative;text-align:center}.pika-label{display:inline-block;position:relative;z-index:9999;overflow:hidden;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:700;background-color:#fff}.pika-title select{cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:5px;opacity:0}.pika-prev,.pika-next{display:block;cursor:pointer;position:relative;outline:none;border:0;padding:0;width:20px;height:30px;text-indent:20px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:75% 75%;opacity:.5}.pika-prev:hover,.pika-next:hover{opacity:1}.pika-prev,.is-rtl .pika-next{float:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==)}.pika-next,.is-rtl .pika-prev{float:right;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=)}.pika-select{display:inline-block}.pika-table{width:100%;border-collapse:collapse;border-spacing:0;border:0}.pika-table th,.pika-table td{width:14.285714285714286%;padding:0}.pika-table th{color:#999;font-size:12px;line-height:25px;font-weight:700;text-align:center}.pika-button{cursor:pointer;display:block;box-sizing:border-box;-moz-box-sizing:border-box;outline:none;border:0;margin:0;width:100%;padding:5px;color:#666;font-size:12px;line-height:15px;text-align:right;background:#f5f5f5;height:initial}.pika-week{font-size:11px;color:#999}.is-today .pika-button{color:#3af;font-weight:700}.is-selected .pika-button,.has-event .pika-button{color:#fff;font-weight:700;background:#33aaff;box-shadow:inset 0 1px 3px #178fe5;border-radius:3px}.has-event .pika-button{background:#005da9;box-shadow:inset 0 1px 3px #0076c9}.is-disabled .pika-button,.is-inrange .pika-button{background:#D5E9F7}.is-startrange .pika-button{color:#fff;background:#6CB31D;box-shadow:none;border-radius:3px}.is-endrange .pika-button{color:#fff;background:#33aaff;box-shadow:none;border-radius:3px}.is-disabled .pika-button{pointer-events:none;cursor:default;color:#999;opacity:.3}.is-outside-current-month .pika-button{color:#999;opacity:.3}.is-selection-disabled{pointer-events:none;cursor:default}.pika-button:hover,.pika-row.pick-whole-week:hover .pika-button{color:#fff;background:#ff8000;box-shadow:none;border-radius:3px}.pika-table abbr{border-bottom:none;cursor:help}.pikaday-white{--backgroundColor: #ffffff;--textColor: #718096;--currentDateTextColor: #3182ce;--selectedDateBackgroundColor: #3182ce;--selectedDateTextColor: #ffffff;--labelTextColor: #4a5568;--weekDaysTextColor: #a0aec0;font-family:inherit;background-color:var(--backgroundColor);padding:.5rem;z-index:2000;margin:6px 0 0;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);border-radius:.5rem}.pikaday-white .pika-title{width:100%;text-align:center;display:flex;justify-content:flex-start;margin-bottom:5px}.pikaday-white .pika-prev,.pikaday-white .pika-next{position:absolute;outline:none;padding:0;width:26px;height:26px;top:-1px;display:inline-block;margin-top:0;cursor:pointer;text-indent:-9999px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:center center;background-repeat:no-repeat;opacity:.7}.pikaday-white .pika-prev:hover,.pikaday-white .pika-next:hover{opacity:1}.pikaday-white .pika-prev{right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a0aec0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 19l-7-7 7-7'%3E%3C/path%3E%3C/svg%3E")}.pikaday-white .pika-next{right:2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a0aec0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7'%3E%3C/path%3E%3C/svg%3E")}.pika-prev.is-disabled,.pika-next.is-disabled{cursor:default;opacity:.2}.pikaday-white .pika-label{margin-right:.375rem;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));padding:.25rem .5rem;font-size:14px;font-weight:500;line-height:1}.pikaday-white .pika-label{position:relative}.pikaday-white .pika-select-month,.pikaday-white .pika-select-year{width:100%;cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:0;opacity:0;padding:0}.pikaday-white table{width:100%;border-collapse:collapse}.pikaday-white table th{width:2em;height:2em;font-weight:400;color:var(--weekDaysTextColor);text-align:center}.pikaday-white table th abbr{text-decoration:none}.pikaday-white table td{padding:1px}.pikaday-white table td button{width:2em;height:2em;text-align:center;border-radius:9999px;background-color:var(--backgroundColor)}.pikaday-white table td button:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.pikaday-white table td.is-today button{color:var(--currentDateTextColor)}.pikaday-white table td.is-selected button{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));font-weight:400}.pikaday-white table td button{color:var(--textColor)}.btn{position:relative;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:.375rem;border-width:1px;padding:.625rem 1rem;text-align:center;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.btn:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.btn:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.btn:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.btn:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.btn.btn-xs{padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.btn.btn-sm{padding:.5rem .75rem;font-size:.875rem;line-height:1rem}.btn.btn-md{padding:.625rem 1rem;font-size:.875rem;line-height:1.25rem}.btn.btn-lg{padding:.75rem 1.25rem;font-size:1rem;line-height:1.5rem}.btn.btn-xl{padding:1rem 1.5rem;font-size:1rem;line-height:1.5rem}.btn-default{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.btn-default:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.btn-default:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.btn-default:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.btn.btn-primary{border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn.btn-primary:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity))}.btn.btn-primary:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.btn.btn-primary:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity))}.btn.btn-secondary{border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(199 210 254 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity))}.btn.btn-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity))}.btn.btn-secondary:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.btn.btn-secondary:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity))}.btn.btn-secondary-outline{--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(199 210 254 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity))}.btn.btn-secondary-outline:hover{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity))}.btn.btn-secondary-outline:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.btn.btn-secondary-outline:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity))}.btn.btn-slate-100{border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity))}.btn.btn-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.btn.btn-slate-100:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity))}.btn.btn-slate-100:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.btn.btn-slate-100-outline{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity))}.btn.btn-slate-100-outline:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.btn.btn-slate-100-outline:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity))}.btn.btn-slate-100-outline:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.btn.btn-slate-200{border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity))}.btn.btn-slate-200:hover{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity))}.btn.btn-slate-200:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity))}.btn.btn-slate-200:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.btn.btn-slate-200-outline{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity))}.btn.btn-slate-200-outline:hover{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity))}.btn.btn-slate-200-outline:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity))}.btn.btn-slate-200-outline:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.btn.btn-white{border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.btn.btn-white:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.btn.btn-white:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.btn.btn-white:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.btn.btn-white-outline{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.btn.btn-white-outline:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.btn.btn-white-outline:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.btn.btn-white-outline:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.btn.btn-white-outline-primary{--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity))}.btn.btn-white-outline-primary:hover{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity))}.btn.btn-white-outline-primary:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.btn.btn-white-outline-primary:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.btn.btn-black{border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn.btn-black:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity))}.btn.btn-black:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity))}.btn.btn-black:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity))}.btn.btn-danger{border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn.btn-danger:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity))}.btn.btn-danger:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity))}.btn.btn-danger:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.btn.btn-warning{border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(113 63 18 / var(--tw-text-opacity))}.btn.btn-warning:hover{--tw-bg-opacity: 1;background-color:rgb(254 240 138 / var(--tw-bg-opacity))}.btn.btn-warning:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(253 224 71 / var(--tw-ring-opacity))}.btn.btn-warning:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(253 224 71 / var(--tw-bg-opacity))}.form-input-label{display:block;font-size:.875rem;line-height:1.25rem;line-height:1.25;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.form-input-error{font-size:.875rem;line-height:1.25rem;line-height:1.25;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}input::-moz-placeholder,textarea::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity))}input::placeholder,textarea::placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity))}
4
+ */.pika-single{z-index:9999;display:block;position:relative;color:#333;background:#fff;border:1px solid #ccc;border-bottom-color:#bbb;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.pika-single:before,.pika-single:after{content:" ";display:table}.pika-single:after{clear:both}.pika-single.is-hidden{display:none}.pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px #00000080}.pika-lendar{float:left;width:240px;margin:8px}.pika-title{position:relative;text-align:center}.pika-label{display:inline-block;position:relative;z-index:9999;overflow:hidden;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:700;background-color:#fff}.pika-title select{cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:5px;opacity:0}.pika-prev,.pika-next{display:block;cursor:pointer;position:relative;outline:none;border:0;padding:0;width:20px;height:30px;text-indent:20px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:75% 75%;opacity:.5}.pika-prev:hover,.pika-next:hover{opacity:1}.pika-prev,.is-rtl .pika-next{float:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==)}.pika-next,.is-rtl .pika-prev{float:right;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=)}.pika-select{display:inline-block}.pika-table{width:100%;border-collapse:collapse;border-spacing:0;border:0}.pika-table th,.pika-table td{width:14.285714285714286%;padding:0}.pika-table th{color:#999;font-size:12px;line-height:25px;font-weight:700;text-align:center}.pika-button{cursor:pointer;display:block;box-sizing:border-box;-moz-box-sizing:border-box;outline:none;border:0;margin:0;width:100%;padding:5px;color:#666;font-size:12px;line-height:15px;text-align:right;background:#f5f5f5;height:initial}.pika-week{font-size:11px;color:#999}.is-today .pika-button{color:#3af;font-weight:700}.is-selected .pika-button,.has-event .pika-button{color:#fff;font-weight:700;background:#33aaff;box-shadow:inset 0 1px 3px #178fe5;border-radius:3px}.has-event .pika-button{background:#005da9;box-shadow:inset 0 1px 3px #0076c9}.is-disabled .pika-button,.is-inrange .pika-button{background:#D5E9F7}.is-startrange .pika-button{color:#fff;background:#6CB31D;box-shadow:none;border-radius:3px}.is-endrange .pika-button{color:#fff;background:#33aaff;box-shadow:none;border-radius:3px}.is-disabled .pika-button{pointer-events:none;cursor:default;color:#999;opacity:.3}.is-outside-current-month .pika-button{color:#999;opacity:.3}.is-selection-disabled{pointer-events:none;cursor:default}.pika-button:hover,.pika-row.pick-whole-week:hover .pika-button{color:#fff;background:#ff8000;box-shadow:none;border-radius:3px}.pika-table abbr{border-bottom:none;cursor:help}.pikaday-white{--backgroundColor: #ffffff;--textColor: #718096;--currentDateTextColor: #3182ce;--selectedDateBackgroundColor: #3182ce;--selectedDateTextColor: #ffffff;--labelTextColor: #4a5568;--weekDaysTextColor: #a0aec0;font-family:inherit;background-color:var(--backgroundColor);padding:.5rem;z-index:2000;margin:6px 0 0;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);border-radius:.5rem}.pikaday-white .pika-title{width:100%;text-align:center;display:flex;justify-content:flex-start;margin-bottom:5px}.pikaday-white .pika-prev,.pikaday-white .pika-next{position:absolute;outline:none;padding:0;width:26px;height:26px;top:-1px;display:inline-block;margin-top:0;cursor:pointer;text-indent:-9999px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:center center;background-repeat:no-repeat;opacity:.7}.pikaday-white .pika-prev:hover,.pikaday-white .pika-next:hover{opacity:1}.pikaday-white .pika-prev{right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a0aec0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 19l-7-7 7-7'%3E%3C/path%3E%3C/svg%3E")}.pikaday-white .pika-next{right:2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a0aec0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7'%3E%3C/path%3E%3C/svg%3E")}.pika-prev.is-disabled,.pika-next.is-disabled{cursor:default;opacity:.2}.pikaday-white .pika-label{margin-right:.375rem;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));padding:.25rem .5rem;font-size:14px;font-weight:500;line-height:1}.pikaday-white .pika-label{position:relative}.pikaday-white .pika-select-month,.pikaday-white .pika-select-year{width:100%;cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:0;opacity:0;padding:0}.pikaday-white table{width:100%;border-collapse:collapse}.pikaday-white table th{width:2em;height:2em;font-weight:400;color:var(--weekDaysTextColor);text-align:center}.pikaday-white table th abbr{text-decoration:none}.pikaday-white table td{padding:1px}.pikaday-white table td button{width:2em;height:2em;text-align:center;border-radius:9999px;background-color:var(--backgroundColor)}.pikaday-white table td button:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.pikaday-white table td.is-today button{color:var(--currentDateTextColor)}.pikaday-white table td.is-selected button{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));font-weight:400}.pikaday-white table td button{color:var(--textColor)}input::-moz-placeholder,textarea::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity))}input::placeholder,textarea::placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity))}
@@ -1,43 +1,294 @@
1
1
  const plugin = require('tailwindcss/plugin');
2
2
 
3
3
  module.exports = plugin(
4
- function () {
5
- //
4
+ function ({ addComponents, theme }) {
5
+ addComponents({
6
+ '.btn': {
7
+ position: 'relative',
8
+ display: 'inline-block',
9
+ cursor: 'pointer',
10
+ 'user-select': 'none',
11
+ color: theme('colors.slate.600'),
12
+ 'background-color': theme('colors.white'),
13
+ 'border-color': theme('colors.slate.300'),
14
+ 'border-width': '1px',
15
+ 'border-radius': theme('borderRadius.md'),
16
+ padding: theme('spacing.[2.5]') + ' ' + theme('spacing.4'),
17
+ 'text-align': 'center',
18
+ 'font-size': theme('fontSize.sm'),
19
+ 'line-height': theme('lineHeight.5'),
20
+ 'transition-property':
21
+ 'color, background-color, border-color, text-decoration-color, fill, stroke',
22
+ 'transition-timing-function': 'cubic-bezier(0.4, 0, 0.2, 1)',
23
+ 'transition-duration': '100ms',
24
+ '&:enabled:hover': {
25
+ 'background-color': theme('colors.slate.100'),
26
+ },
27
+ '&:focus': {
28
+ 'z-index': 1,
29
+ outline: '2px solid transparent',
30
+ 'outline-offset': '2px',
31
+ '--tw-ring-color': theme('colors.primary.500'),
32
+ '--tw-ring-offset-width': '2px',
33
+ '--tw-ring-offset-shadow':
34
+ 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',
35
+ '--tw-ring-shadow':
36
+ 'var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)',
37
+ 'box-shadow':
38
+ 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',
39
+ },
40
+ '&:disabled': {
41
+ cursor: 'not-allowed',
42
+ opacity: '0.5',
43
+ },
44
+ },
45
+ // Sizes
46
+ '.btn-xs': {
47
+ 'font-size': theme('fontSize.xs'),
48
+ 'line-height': theme('lineHeight.4'),
49
+ padding: theme('spacing.1') + ' ' + theme('spacing.2'),
50
+ },
51
+ '.btn-sm': {
52
+ 'font-size': theme('fontSize.sm'),
53
+ 'line-height': theme('lineHeight.4'),
54
+ padding: theme('spacing.2') + ' ' + theme('spacing.3'),
55
+ },
56
+ '.btn-md': {
57
+ 'font-size': theme('fontSize.sm'),
58
+ 'line-height': theme('lineHeight.5'),
59
+ padding: theme('spacing.[2.5]') + ' ' + theme('spacing.4'),
60
+ },
61
+ '.btn-lg': {
62
+ 'font-size': theme('fontSize.base'),
63
+ 'line-height': theme('lineHeight.5'),
64
+ padding: theme('spacing.3') + ' ' + theme('spacing.5'),
65
+ },
66
+ '.btn-xl': {
67
+ 'font-size': theme('fontSize.base'),
68
+ 'line-height': theme('lineHeight.5'),
69
+ padding: theme('spacing.4') + ' ' + theme('spacing.6'),
70
+ },
71
+ // Colors
72
+ '.btn-primary': {
73
+ color: theme('colors.white'),
74
+ 'background-color': theme('colors.primary.500'),
75
+ 'border-color': 'transparent',
76
+ '&:enabled:hover': {
77
+ 'background-color': theme('colors.primary.400'),
78
+ },
79
+ '&:focus': {
80
+ '--tw-ring-color': theme('colors.primary.500'),
81
+ },
82
+ },
83
+ '.btn-secondary': {
84
+ color: theme('colors.primary.700'),
85
+ 'background-color': theme('colors.primary.200'),
86
+ 'border-color': 'transparent',
87
+ '&:enabled:hover': {
88
+ 'background-color': theme('colors.primary.100'),
89
+ },
90
+ '&:focus': {
91
+ '--tw-ring-color': theme('colors.primary.500'),
92
+ },
93
+ },
94
+ '.btn-secondary-outline': {
95
+ color: theme('colors.primary.700'),
96
+ 'background-color': theme('colors.primary.200'),
97
+ 'border-color': theme('colors.primary.300'),
98
+ '&:enabled:hover': {
99
+ 'background-color': theme('colors.primary.100'),
100
+ },
101
+ '&:focus': {
102
+ '--tw-ring-color': theme('colors.primary.500'),
103
+ },
104
+ },
105
+ '.btn-success': {
106
+ color: theme('colors.white'),
107
+ 'background-color': theme('colors.green.600'),
108
+ 'border-color': 'transparent',
109
+ '&:enabled:hover': {
110
+ 'background-color': theme('colors.green.500'),
111
+ },
112
+ '&:focus': {
113
+ '--tw-ring-color': theme('colors.green.500'),
114
+ },
115
+ },
116
+ '.btn-success-outline': {
117
+ color: theme('colors.green.700'),
118
+ 'background-color': theme('colors.green.200'),
119
+ 'border-color': theme('colors.green.300'),
120
+ '&:enabled:hover': {
121
+ 'background-color': theme('colors.green.100'),
122
+ },
123
+ '&:focus': {
124
+ '--tw-ring-color': theme('colors.green.500'),
125
+ },
126
+ },
127
+ '.btn-warning': {
128
+ color: theme('colors.yellow.900'),
129
+ 'background-color': theme('colors.yellow.400'),
130
+ 'border-color': 'transparent',
131
+ '&:enabled:hover': {
132
+ 'background-color': theme('colors.yellow.300'),
133
+ },
134
+ '&:focus': {
135
+ '--tw-ring-color': theme('colors.yellow.300'),
136
+ },
137
+ },
138
+ '.btn-warning-outline': {
139
+ color: theme('colors.yellow.900'),
140
+ 'background-color': theme('colors.yellow.200'),
141
+ 'border-color': theme('colors.yellow.400'),
142
+ '&:enabled:hover': {
143
+ 'background-color': theme('colors.yellow.100'),
144
+ },
145
+ '&:focus': {
146
+ '--tw-ring-color': theme('colors.yellow.300'),
147
+ },
148
+ },
149
+ '.btn-danger': {
150
+ color: theme('colors.white'),
151
+ 'background-color': theme('colors.red.600'),
152
+ 'border-color': 'transparent',
153
+ '&:enabled:hover': {
154
+ 'background-color': theme('colors.red.500'),
155
+ },
156
+ '&:focus': {
157
+ '--tw-ring-color': theme('colors.red.500'),
158
+ },
159
+ },
160
+ '.btn-danger-outline': {
161
+ color: theme('colors.red.700'),
162
+ 'background-color': theme('colors.red.200'),
163
+ 'border-color': theme('colors.red.300'),
164
+ '&:enabled:hover': {
165
+ 'background-color': theme('colors.red.100'),
166
+ },
167
+ '&:focus': {
168
+ '--tw-ring-color': theme('colors.red.500'),
169
+ },
170
+ },
171
+ '.btn-info': {
172
+ color: theme('colors.white'),
173
+ 'background-color': theme('colors.blue.600'),
174
+ 'border-color': 'transparent',
175
+ '&:enabled:hover': {
176
+ 'background-color': theme('colors.blue.500'),
177
+ },
178
+ '&:focus': {
179
+ '--tw-ring-color': theme('colors.blue.500'),
180
+ },
181
+ },
182
+ '.btn-info-outline': {
183
+ color: theme('colors.blue.700'),
184
+ 'background-color': theme('colors.blue.200'),
185
+ 'border-color': theme('colors.blue.300'),
186
+ '&:enabled:hover': {
187
+ 'background-color': theme('colors.blue.100'),
188
+ },
189
+ '&:focus': {
190
+ '--tw-ring-color': theme('colors.blue.500'),
191
+ },
192
+ },
193
+ '.btn-white': {
194
+ 'background-color': theme('colors.white'),
195
+ 'border-color': 'transparent',
196
+ '&:enabled:hover': {
197
+ 'background-color': theme('colors.slate.100'),
198
+ },
199
+ '&:focus': {
200
+ '--tw-ring-color': theme('colors.slate.200'),
201
+ },
202
+ },
203
+ '.btn-black': {
204
+ color: theme('colors.white'),
205
+ 'background-color': theme('colors.slate.900'),
206
+ 'border-color': 'transparent',
207
+ '&:enabled:hover': {
208
+ 'background-color': theme('colors.slate.700'),
209
+ },
210
+ '&:focus': {
211
+ '--tw-ring-color': theme('colors.slate.600'),
212
+ },
213
+ },
214
+ '.btn-slate-100': {
215
+ 'background-color': theme('colors.slate.100'),
216
+ 'border-color': 'transparent',
217
+ '&:enabled:hover': {
218
+ 'background-color': theme('colors.slate.50'),
219
+ },
220
+ '&:focus': {
221
+ '--tw-ring-color': theme('colors.slate.200'),
222
+ },
223
+ },
224
+ '.btn-slate-100-outline': {
225
+ 'background-color': theme('colors.slate.100'),
226
+ 'border-color': theme('colors.slate.200'),
227
+ '&:enabled:hover': {
228
+ 'background-color': theme('colors.slate.50'),
229
+ },
230
+ '&:focus': {
231
+ '--tw-ring-color': theme('colors.slate.200'),
232
+ },
233
+ },
234
+ '.btn-slate-200': {
235
+ 'background-color': theme('colors.slate.200'),
236
+ 'border-color': 'transparent',
237
+ '&:enabled:hover': {
238
+ 'background-color': theme('colors.slate.100'),
239
+ },
240
+ '&:focus': {
241
+ '--tw-ring-color': theme('colors.slate.200'),
242
+ },
243
+ },
244
+ '.btn-slate-200-outline': {
245
+ 'background-color': theme('colors.slate.200'),
246
+ 'border-color': theme('colors.slate.300'),
247
+ '&:enabled:hover': {
248
+ 'background-color': theme('colors.slate.100'),
249
+ },
250
+ '&:focus': {
251
+ '--tw-ring-color': theme('colors.slate.200'),
252
+ },
253
+ },
254
+ });
6
255
  },
7
256
  {
8
257
  theme: {
9
- zIndex: {
10
- status: '20',
11
- menu: '30',
12
- modal: '40',
13
- notifications: '50',
14
- loading: '100',
15
- },
16
- animation: {
17
- shake: 'shake 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both',
18
- shimmer: 'shimmer 2s infinite both',
19
- },
20
- keyframes: {
21
- shimmer: {
22
- '100%': {
23
- transform: 'translateX(100%)',
24
- },
258
+ extend: {
259
+ zIndex: {
260
+ status: '20',
261
+ menu: '30',
262
+ modal: '40',
263
+ notifications: '50',
264
+ loading: '100',
25
265
  },
26
- shake: {
27
- '0%, 100%': {
28
- transform: 'translateX(0)',
29
- },
30
- '10%, 30%, 50%, 70%': {
31
- transform: 'translateX(-10px)',
32
- },
33
- '20%, 40%, 60%': {
34
- transform: 'translateX(10px)',
35
- },
36
- '80%': {
37
- transform: 'translateX(8px)',
266
+ animation: {
267
+ shake: 'shake 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both',
268
+ shimmer: 'shimmer 2s infinite both',
269
+ },
270
+ keyframes: {
271
+ shimmer: {
272
+ '100%': {
273
+ transform: 'translateX(100%)',
274
+ },
38
275
  },
39
- '90%': {
40
- transform: 'translateX(-8px)',
276
+ shake: {
277
+ '0%, 100%': {
278
+ transform: 'translateX(0)',
279
+ },
280
+ '10%, 30%, 50%, 70%': {
281
+ transform: 'translateX(-10px)',
282
+ },
283
+ '20%, 40%, 60%': {
284
+ transform: 'translateX(10px)',
285
+ },
286
+ '80%': {
287
+ transform: 'translateX(8px)',
288
+ },
289
+ '90%': {
290
+ transform: 'translateX(-8px)',
291
+ },
41
292
  },
42
293
  },
43
294
  },
@@ -261,7 +261,6 @@ declare const _default: {
261
261
  }) => any;
262
262
  footer: (_: {
263
263
  options: NormalizedOption[];
264
- dontLooseFocus: (event: Event, next?: null | (() => void)) => void;
265
264
  }) => any;
266
265
  };
267
266
  });
@@ -261,7 +261,6 @@ declare const _default: {
261
261
  }) => any;
262
262
  footer: (_: {
263
263
  options: import("@/types/types").NormalizedOption[];
264
- dontLooseFocus: (event: Event, next?: (() => void) | null) => void;
265
264
  } & {
266
265
  keywords: string;
267
266
  }) => any;
@@ -260,9 +260,19 @@ declare const _default: {
260
260
  currentModel: Selection;
261
261
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
262
262
  $slots: {
263
- option: (_: any) => any;
264
- empty: (_: any) => any;
265
- footer: (_: any) => any;
263
+ option: (_: {
264
+ option: import("@/types/types").Option;
265
+ selected: boolean | null;
266
+ active: boolean;
267
+ }) => any;
268
+ empty: (_: {
269
+ firstSearch: boolean;
270
+ }) => any;
271
+ footer: (_: {
272
+ options: import("@/types/types").NormalizedOption[];
273
+ } & {
274
+ keywords: string;
275
+ }) => any;
266
276
  };
267
277
  });
268
278
  export default _default;