mediacube-ui-v2 0.0.287 → 0.0.289

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 (58) hide show
  1. package/dist/assets/components/templates/McDrawer/index.css +1 -1
  2. package/dist/assets/components/templates/McModal/index.css +1 -1
  3. package/dist/assets/tokens/json/colors.json.js +2 -5
  4. package/dist/base.scss +7 -4
  5. package/dist/components/patterns/McFilter/McFilterTags/McFilterTags.vue2.js +1 -1
  6. package/dist/components/patterns/McFilter/McFilterTypeRelation/McFilterTypeRelation.vue2.js +12 -12
  7. package/dist/components/templates/McTable/McTableSort/McTableSort.vue2.js +14 -10
  8. package/dist/styles/mixins.scss +32 -14
  9. package/dist/tokens/colors.scss +0 -6
  10. package/dist/types/assets/tokens/json/colors.json.d.ts +0 -6
  11. package/dist/types/components/elements/McAvatar/McAvatar.vue.d.ts +2 -2
  12. package/dist/types/components/elements/McAvatar/index.d.ts +6 -6
  13. package/dist/types/components/elements/McBadge/McBadge.vue.d.ts +2 -2
  14. package/dist/types/components/elements/McBadge/index.d.ts +3 -3
  15. package/dist/types/components/elements/McButton/McButton.vue.d.ts +5 -5
  16. package/dist/types/components/elements/McButton/index.d.ts +9 -9
  17. package/dist/types/components/elements/McChip/McChip.vue.d.ts +2 -2
  18. package/dist/types/components/elements/McChip/index.d.ts +3 -3
  19. package/dist/types/components/elements/McDate/McDate.vue.d.ts +3 -3
  20. package/dist/types/components/elements/McDate/index.d.ts +6 -6
  21. package/dist/types/components/elements/McDraggable/McDraggable.vue.d.ts +2 -2
  22. package/dist/types/components/elements/McDraggable/index.d.ts +3 -3
  23. package/dist/types/components/elements/McFieldRadio/McFieldRadio.vue.d.ts +2 -2
  24. package/dist/types/components/elements/McFieldRadio/index.d.ts +3 -3
  25. package/dist/types/components/elements/McFieldRange/McFieldRange.vue.d.ts +2 -2
  26. package/dist/types/components/elements/McFieldRange/index.d.ts +3 -3
  27. package/dist/types/components/elements/McFieldSelect/McFieldSelect.vue.d.ts +3 -3
  28. package/dist/types/components/elements/McFieldSelect/index.d.ts +6 -6
  29. package/dist/types/components/elements/McFieldToggle/McFieldToggle.vue.d.ts +2 -2
  30. package/dist/types/components/elements/McFieldToggle/index.d.ts +3 -3
  31. package/dist/types/components/elements/McIconShell/McIconShell.vue.d.ts +3 -3
  32. package/dist/types/components/elements/McIconShell/index.d.ts +6 -6
  33. package/dist/types/components/elements/McNotification/McNotification.vue.d.ts +2 -2
  34. package/dist/types/components/elements/McNotification/index.d.ts +3 -3
  35. package/dist/types/components/elements/McProgress/index.d.ts +4 -4
  36. package/dist/types/components/elements/McSeparator/McSeparator.vue.d.ts +2 -2
  37. package/dist/types/components/elements/McSeparator/index.d.ts +3 -3
  38. package/dist/types/components/elements/McSpinDigit/McSpinDigit.vue.d.ts +1 -1
  39. package/dist/types/components/elements/McSpinDigit/index.d.ts +3 -3
  40. package/dist/types/components/elements/McSpinNumber/index.d.ts +2 -2
  41. package/dist/types/components/elements/McSvgIcon/McSvgIcon.vue.d.ts +1 -1
  42. package/dist/types/components/elements/McSvgIcon/index.d.ts +3 -3
  43. package/dist/types/components/elements/McTitle/McTitle.vue.d.ts +2 -2
  44. package/dist/types/components/elements/McTitle/index.d.ts +3 -3
  45. package/dist/types/components/elements/McTooltip/McTooltip.vue.d.ts +4 -4
  46. package/dist/types/components/elements/McTooltip/index.d.ts +6 -6
  47. package/dist/types/components/patterns/McOverlay/index.d.ts +2 -2
  48. package/dist/types/components/patterns/McSideBar/McSideBarButton/McSideBarButton.vue.d.ts +1 -1
  49. package/dist/types/components/patterns/McSideBar/McSideBarButton/index.d.ts +5 -5
  50. package/dist/types/components/patterns/McTab/McTab.vue.d.ts +8 -8
  51. package/dist/types/components/patterns/McTab/index.d.ts +15 -15
  52. package/dist/types/components/patterns/McTabs/McTabs.vue.d.ts +4 -4
  53. package/dist/types/components/patterns/McTabs/index.d.ts +6 -6
  54. package/dist/types/components/templates/McToast/index.d.ts +2 -2
  55. package/dist/types/types/ITable.d.ts +1 -1
  56. package/dist/types/types/styles/ColorTheme.d.ts +0 -3
  57. package/dist/types/types/styles/Colors.d.ts +0 -6
  58. package/package.json +1 -1
package/dist/assets/components/templates/McDrawer/index.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.mc-drawer[data-v-57618f5c]{position:absolute;top:0;bottom:0;background:#fff;height:100%;box-shadow:0 4px 12px #00000029;display:flex;flex-direction:column;overflow:hidden;z-index:2;pointer-events:all}.mc-drawer__overlay[data-v-57618f5c]{position:absolute;inset:0;background:#00000026;display:flex;justify-content:flex-start;pointer-events:all}.mc-drawer__overlay--hidden[data-v-57618f5c]{background:transparent;pointer-events:none}.mc-drawer__wrapper[data-v-57618f5c]{position:absolute;inset:0;z-index:1;overflow:hidden}.mc-drawer__wrapper--hidden[data-v-57618f5c]{background:transparent;pointer-events:none}.mc-drawer__btn-close[data-v-57618f5c]{z-index:1;padding:.5rem!important}.mc-drawer__btn-close[data-v-57618f5c]{color:#8f99a3}.mc-drawer__btn-close[data-v-57618f5c]:hover,.mc-drawer__btn-close[data-v-57618f5c]:focus{color:#202427}.mc-drawer__btn-close[data-v-57618f5c]:active{color:#32393d}.mc-drawer__btn-close[data-v-57618f5c]{position:absolute;top:.5rem;inset-inline-end:.5rem}.mc-drawer__btn-close[data-v-57618f5c]{box-sizing:border-box;display:block;margin:0;padding:0;white-space:nowrap;vertical-align:middle;user-select:none;text-align:center;text-decoration:none;text-transform:none;border-radius:0;border:none;background-color:transparent;background-image:none;cursor:pointer;outline:0;font-size:0;line-height:0;font-family:inherit;-webkit-appearance:none;-webkit-text-fill-color:currentColor}.mc-drawer__btn-close[data-v-57618f5c]:focus{outline:0}.mc-drawer__icon-close[data-v-57618f5c]{height:1.5rem;width:1.5rem}.mc-drawer__icon-close--small[data-v-57618f5c]{display:none}@media (max-width: 767px){.mc-drawer .mc-drawer__icon-close[data-v-57618f5c]{display:none}.mc-drawer .mc-drawer__icon-close--small[data-v-57618f5c]{display:block}}
1
+ @charset "UTF-8";.mc-drawer[data-v-57618f5c]{position:absolute;top:0;bottom:0;background:#fff;height:100%;box-shadow:0 4px 12px #00000029;display:flex;flex-direction:column;overflow:hidden;z-index:2;pointer-events:all}.mc-drawer__overlay[data-v-57618f5c]{position:absolute;inset:0;background:#00000026;display:flex;justify-content:flex-start;pointer-events:all}.mc-drawer__overlay--hidden[data-v-57618f5c]{background:transparent;pointer-events:none}.mc-drawer__wrapper[data-v-57618f5c]{position:absolute;inset:0;z-index:1;overflow:hidden}.mc-drawer__wrapper--hidden[data-v-57618f5c]{background:transparent;pointer-events:none}.mc-drawer__btn-close[data-v-57618f5c]{z-index:1;padding:.5rem!important}.mc-drawer__btn-close[data-v-57618f5c]{color:#8f99a3}.mc-drawer__btn-close[data-v-57618f5c]:hover,.mc-drawer__btn-close[data-v-57618f5c]:focus{color:#202427}.mc-drawer__btn-close[data-v-57618f5c]:active{color:#202427!important}.mc-drawer__btn-close[data-v-57618f5c]{position:absolute;top:.5rem;inset-inline-end:.5rem}.mc-drawer__btn-close[data-v-57618f5c]{box-sizing:border-box;display:block;margin:0;padding:0;white-space:nowrap;vertical-align:middle;user-select:none;text-align:center;text-decoration:none;text-transform:none;border-radius:0;border:none;background-color:transparent;background-image:none;cursor:pointer;outline:0;font-size:0;line-height:0;font-family:inherit;-webkit-appearance:none;-webkit-text-fill-color:currentColor}.mc-drawer__btn-close[data-v-57618f5c]:focus{outline:0}.mc-drawer__icon-close[data-v-57618f5c]{height:1.5rem;width:1.5rem}.mc-drawer__icon-close--small[data-v-57618f5c]{display:none}@media (max-width: 767px){.mc-drawer .mc-drawer__icon-close[data-v-57618f5c]{display:none}.mc-drawer .mc-drawer__icon-close--small[data-v-57618f5c]{display:block}}
package/dist/assets/components/templates/McModal/index.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.mc-modal{position:relative;--mc-modal-padding: 2rem;--mc-modal-padding-small: .75rem;--mc-modal-header-line-height: 1.5rem;--mc-modal-header-line-height-small: 1.25rem;--mc-modal-button-height: 3rem;--mc-modal-button-height-small: 2.5rem;--mc-modal-max-width: 510px;--mc-modal-min-width: 768px;--mc-modal-state-number: 0;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;opacity:var(--mc-modal-state-number)}@media (min-width: 480px){.mc-modal{--modal-scale: calc(var(--mc-modal-state-number) * .1 + .9);padding:12px 0;height:auto;max-height:80%;max-width:var(--mc-modal-max-width);min-width:var(--mc-modal-min-width)}}.mc-modal__overlay{position:absolute;inset:0;background-color:#20242780;display:flex;justify-content:flex-start}.mc-modal__overlay--hidden{background:transparent}.mc-modal__wrapper{position:absolute;inset:0;z-index:1;overflow:hidden;display:flex;justify-content:center;align-items:center}.mc-modal__btn-close,.mc-modal__btn-back{transition:.15s all;box-sizing:border-box;display:block;margin:0;padding:0;white-space:nowrap;vertical-align:middle;user-select:none;text-align:center;text-decoration:none;text-transform:none;border-radius:0;border:none;background-color:transparent;background-image:none;cursor:pointer;outline:0;font-size:0;line-height:0;font-family:inherit;-webkit-appearance:none;-webkit-text-fill-color:currentColor}.mc-modal__btn-close:focus,.mc-modal__btn-back:focus{outline:0}.mc-modal__btn-close,.mc-modal__btn-back{color:#8f99a3}.mc-modal__btn-close:hover,.mc-modal__btn-close:focus,.mc-modal__btn-back:hover,.mc-modal__btn-back:focus{color:#202427}.mc-modal__btn-close:active,.mc-modal__btn-back:active{color:#32393d}.mc-modal__btn-close{position:absolute;top:var(--mc-modal-padding);inset-inline-end:1rem}@media (min-width: 480px){.mc-modal__btn-close{position:absolute;top:var(--mc-modal-padding);inset-inline-end:3rem}}.mc-modal__btn-back{position:absolute;top:var(--mc-modal-padding);inset-inline-start:1rem}@media (min-width: 480px){.mc-modal__btn-back{position:absolute;top:var(--mc-modal-padding);inset-inline-start:3rem}}.mc-modal__icon-close{height:1.5rem;width:1.5rem;transition:color .15s}.mc-modal.overlay-fade-enter-active .mc-modal__inner,.mc-modal.overlay-fade-leave-active .mc-modal__inner{transition:all .15s;transform:translateZ(0)}.mc-modal.overlay-fade-enter .mc-modal__inner,.mc-modal.overlay-fade-leave-active .mc-modal__inner{transform:translate3d(0,-20px,0)}.mc-modal.mc-modal--secondary .mc-modal__inner{border-radius:2rem;box-shadow:0 15px 30px #20008c28;padding:2rem}.mc-modal.mc-modal--secondary .mc-modal__btn-close,.mc-modal.mc-modal--secondary .mc-modal__btn-back{top:27px}.mc-modal.mc-modal--secondary .mc-modal__btn-close{inset-inline-end:2rem}.mc-modal.mc-modal--secondary .mc-modal__btn-back{inset-inline-start:2rem}.mc-modal.mc-modal--secondary .mc-modal__header{padding-bottom:9px;border-bottom:2px solid #EDF0F3;margin-bottom:var(--mc-modal-padding)}.mc-modal.mc-modal--secondary .mc-modal__control{display:flex;justify-content:space-between;align-items:center}.mc-modal.mc-modal--secondary .mc-modal__control .mc-button{border-radius:.75rem}.mc-modal__header{flex-shrink:0;transition:.15s all;padding:var(--mc-modal-padding) 1rem 1.75rem;border-color:#edf0f3}@media (min-width: 480px){.mc-modal__header{padding:1.75rem}.mc-modal__header .mc-title{transition:.15s all;line-height:var(--mc-modal-header-line-height)}}.mc-modal__header:has(.mc-modal__title:empty){display:none}.mc-modal__header:has(.mc-modal__title:empty)+.mc-modal__body{padding-top:2rem}.mc-modal__title{margin-top:0;margin-bottom:0;color:#212121;font-family:Inter,sans-serif}.mc-modal__body{padding:.25rem 1rem 1rem;flex-grow:1;min-height:0;overflow-x:hidden}.mc-modal__body>*:only-child{min-height:100%}@media (min-width: 480px){.mc-modal__body{padding:.25rem 2rem 1rem;overflow:visible}}.mc-modal__inner{box-shadow:0 4px 12px #00000029;background-color:#fff;display:flex;flex-direction:column;overflow:hidden;height:100%!important}.mc-modal__inner>*:first-child{padding-top:var(--mc-modal-padding)}.mc-modal__inner>*:last-child{padding-bottom:var(--mc-modal-padding)}@media (min-width: 480px){.mc-modal__inner{overflow:visible;-ms-overflow-style:none;scrollbar-width:none;border-radius:.5rem;margin:0 .75rem}.mc-modal__inner::-webkit-scrollbar{display:none}}.mc-modal--scrollable{overflow:hidden!important}.mc-modal--scrollable .mc-modal__body{overflow-y:auto;overflow-x:hidden}.mc-modal--scrollable .mc-modal__inner{overflow-x:hidden}@media (min-width: 480px){.mc-modal--scrollable .mc-modal__inner{max-height:80vh}}.mc-modal--header-align-center .mc-modal__header{padding-inline:2.5rem;text-align:center}@media (min-width: 480px){.mc-modal--header-align-center .mc-modal__header{padding-inline:3.5rem}}.mc-modal--header-align-left .mc-modal__header{padding-bottom:.75rem}@media (min-width: 480px){.mc-modal--small-indents .mc-modal__control{padding-block:var(--mc-modal-padding-small)!important}.mc-modal--small-indents .mc-modal__control .mc-button{height:var(--mc-modal-button-height-small)}.mc-modal--small-indents .mc-modal__header{padding-block:var(--mc-modal-padding-small)!important}.mc-modal--small-indents .mc-modal__header .mc-title{font-weight:600;font-size:1rem;line-height:var(--mc-modal-header-line-height-small);align-items:center}.mc-modal--small-indents .mc-modal__body{padding-bottom:.25rem}.mc-modal--small-indents .mc-modal__btn-back,.mc-modal--small-indents .mc-modal__btn-close{top:var(--mc-modal-padding-small)!important}}.mc-modal--scrolled-top .mc-modal__header{border-bottom:1px solid #EDF0F3}.mc-modal--scrolled-bottom .mc-modal__control:not(:empty){border-top:1px solid #EDF0F3}.mc-modal--top-padding .mc-modal__inner:before{content:"";height:2rem;min-height:2rem}.mc-modal__control{flex-shrink:0;display:flex;justify-content:center;padding:1rem 1rem 2rem;transition:.15s all}@media (min-width: 480px){.mc-modal__control{padding:1rem 1.5rem 2rem}}.mc-modal__control .mc-button{width:100%}@media (min-width: 480px){.mc-modal__control .mc-button{min-width:100px;height:var(--mc-modal-button-height);transition:.15s all;width:unset}}.mc-modal__control:empty{position:relative;padding:1.75rem 0 0}.mc-modal__control:not(:empty){border-color:#edf0f3}.mc-modal:has(.mc-modal__control:empty) .mc-modal__body{padding-bottom:.25rem}@media (min-width: 480px){.mc-modal--variation-info .mc-modal__header{padding:1.5rem 1.5rem .75rem}}@media (min-width: 480px){.mc-modal--variation-info .mc-modal__btn-close{top:1.5rem}}@media (min-width: 480px){.mc-modal--variation-info .mc-modal__inner>*:first-child{padding-top:1.5rem}}@media (min-width: 480px){.mc-modal--variation-info .mc-modal__inner>*:last-child{padding-bottom:1.5rem}}.mc-modal--variation-info .mc-modal__body{padding-bottom:.25rem}@media (min-width: 480px){.mc-modal--variation-info .mc-modal__body{padding-inline:1.5rem}}.mc-modal--variation-info .mc-modal__control{padding-top:1.25rem}@media (min-width: 480px){.mc-modal--variation-info .mc-modal__control{padding-top:.75rem}}html[dir=rtl] .mc-modal__btn-back{transform:rotate(180deg)}
1
+ @charset "UTF-8";.mc-modal{position:relative;--mc-modal-padding: 2rem;--mc-modal-padding-small: .75rem;--mc-modal-header-line-height: 1.5rem;--mc-modal-header-line-height-small: 1.25rem;--mc-modal-button-height: 3rem;--mc-modal-button-height-small: 2.5rem;--mc-modal-max-width: 510px;--mc-modal-min-width: 768px;--mc-modal-state-number: 0;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;opacity:var(--mc-modal-state-number)}@media (min-width: 480px){.mc-modal{--modal-scale: calc(var(--mc-modal-state-number) * .1 + .9);padding:12px 0;height:auto;max-height:80%;max-width:var(--mc-modal-max-width);min-width:var(--mc-modal-min-width)}}.mc-modal__overlay{position:absolute;inset:0;background-color:#20242780;display:flex;justify-content:flex-start}.mc-modal__overlay--hidden{background:transparent}.mc-modal__wrapper{position:absolute;inset:0;z-index:1;overflow:hidden;display:flex;justify-content:center;align-items:center}.mc-modal__btn-close,.mc-modal__btn-back{transition:.15s all;box-sizing:border-box;display:block;margin:0;padding:0;white-space:nowrap;vertical-align:middle;user-select:none;text-align:center;text-decoration:none;text-transform:none;border-radius:0;border:none;background-color:transparent;background-image:none;cursor:pointer;outline:0;font-size:0;line-height:0;font-family:inherit;-webkit-appearance:none;-webkit-text-fill-color:currentColor}.mc-modal__btn-close:focus,.mc-modal__btn-back:focus{outline:0}.mc-modal__btn-close,.mc-modal__btn-back{color:#8f99a3}.mc-modal__btn-close:hover,.mc-modal__btn-close:focus,.mc-modal__btn-back:hover,.mc-modal__btn-back:focus{color:#202427}.mc-modal__btn-close:active,.mc-modal__btn-back:active{color:#202427!important}.mc-modal__btn-close{position:absolute;top:var(--mc-modal-padding);inset-inline-end:1rem}@media (min-width: 480px){.mc-modal__btn-close{position:absolute;top:var(--mc-modal-padding);inset-inline-end:3rem}}.mc-modal__btn-back{position:absolute;top:var(--mc-modal-padding);inset-inline-start:1rem}@media (min-width: 480px){.mc-modal__btn-back{position:absolute;top:var(--mc-modal-padding);inset-inline-start:3rem}}.mc-modal__icon-close{height:1.5rem;width:1.5rem;transition:color .15s}.mc-modal.overlay-fade-enter-active .mc-modal__inner,.mc-modal.overlay-fade-leave-active .mc-modal__inner{transition:all .15s;transform:translateZ(0)}.mc-modal.overlay-fade-enter .mc-modal__inner,.mc-modal.overlay-fade-leave-active .mc-modal__inner{transform:translate3d(0,-20px,0)}.mc-modal.mc-modal--secondary .mc-modal__inner{border-radius:2rem;box-shadow:0 15px 30px #20008c28;padding:2rem}.mc-modal.mc-modal--secondary .mc-modal__btn-close,.mc-modal.mc-modal--secondary .mc-modal__btn-back{top:27px}.mc-modal.mc-modal--secondary .mc-modal__btn-close{inset-inline-end:2rem}.mc-modal.mc-modal--secondary .mc-modal__btn-back{inset-inline-start:2rem}.mc-modal.mc-modal--secondary .mc-modal__header{padding-bottom:9px;border-bottom:2px solid #EDF0F3;margin-bottom:var(--mc-modal-padding)}.mc-modal.mc-modal--secondary .mc-modal__control{display:flex;justify-content:space-between;align-items:center}.mc-modal.mc-modal--secondary .mc-modal__control .mc-button{border-radius:.75rem}.mc-modal__header{flex-shrink:0;transition:.15s all;padding:var(--mc-modal-padding) 1rem 1.75rem;border-color:#edf0f3}@media (min-width: 480px){.mc-modal__header{padding:1.75rem}.mc-modal__header .mc-title{transition:.15s all;line-height:var(--mc-modal-header-line-height)}}.mc-modal__header:has(.mc-modal__title:empty){display:none}.mc-modal__header:has(.mc-modal__title:empty)+.mc-modal__body{padding-top:2rem}.mc-modal__title{margin-top:0;margin-bottom:0;color:#212121;font-family:Inter,sans-serif}.mc-modal__body{padding:.25rem 1rem 1rem;flex-grow:1;min-height:0;overflow-x:hidden}.mc-modal__body>*:only-child{min-height:100%}@media (min-width: 480px){.mc-modal__body{padding:.25rem 2rem 1rem;overflow:visible}}.mc-modal__inner{box-shadow:0 4px 12px #00000029;background-color:#fff;display:flex;flex-direction:column;overflow:hidden;height:100%!important}.mc-modal__inner>*:first-child{padding-top:var(--mc-modal-padding)}.mc-modal__inner>*:last-child{padding-bottom:var(--mc-modal-padding)}@media (min-width: 480px){.mc-modal__inner{overflow:visible;-ms-overflow-style:none;scrollbar-width:none;border-radius:.5rem;margin:0 .75rem}.mc-modal__inner::-webkit-scrollbar{display:none}}.mc-modal--scrollable{overflow:hidden!important}.mc-modal--scrollable .mc-modal__body{overflow-y:auto;overflow-x:hidden}.mc-modal--scrollable .mc-modal__inner{overflow-x:hidden}@media (min-width: 480px){.mc-modal--scrollable .mc-modal__inner{max-height:80vh}}.mc-modal--header-align-center .mc-modal__header{padding-inline:2.5rem;text-align:center}@media (min-width: 480px){.mc-modal--header-align-center .mc-modal__header{padding-inline:3.5rem}}.mc-modal--header-align-left .mc-modal__header{padding-bottom:.75rem}@media (min-width: 480px){.mc-modal--small-indents .mc-modal__control{padding-block:var(--mc-modal-padding-small)!important}.mc-modal--small-indents .mc-modal__control .mc-button{height:var(--mc-modal-button-height-small)}.mc-modal--small-indents .mc-modal__header{padding-block:var(--mc-modal-padding-small)!important}.mc-modal--small-indents .mc-modal__header .mc-title{font-weight:600;font-size:1rem;line-height:var(--mc-modal-header-line-height-small);align-items:center}.mc-modal--small-indents .mc-modal__body{padding-bottom:.25rem}.mc-modal--small-indents .mc-modal__btn-back,.mc-modal--small-indents .mc-modal__btn-close{top:var(--mc-modal-padding-small)!important}}.mc-modal--scrolled-top .mc-modal__header{border-bottom:1px solid #EDF0F3}.mc-modal--scrolled-bottom .mc-modal__control:not(:empty){border-top:1px solid #EDF0F3}.mc-modal--top-padding .mc-modal__inner:before{content:"";height:2rem;min-height:2rem}.mc-modal__control{flex-shrink:0;display:flex;justify-content:center;padding:1rem 1rem 2rem;transition:.15s all}@media (min-width: 480px){.mc-modal__control{padding:1rem 1.5rem 2rem}}.mc-modal__control .mc-button{width:100%}@media (min-width: 480px){.mc-modal__control .mc-button{min-width:100px;height:var(--mc-modal-button-height);transition:.15s all;width:unset}}.mc-modal__control:empty{position:relative;padding:1.75rem 0 0}.mc-modal__control:not(:empty){border-color:#edf0f3}.mc-modal:has(.mc-modal__control:empty) .mc-modal__body{padding-bottom:.25rem}@media (min-width: 480px){.mc-modal--variation-info .mc-modal__header{padding:1.5rem 1.5rem .75rem}}@media (min-width: 480px){.mc-modal--variation-info .mc-modal__btn-close{top:1.5rem}}@media (min-width: 480px){.mc-modal--variation-info .mc-modal__inner>*:first-child{padding-top:1.5rem}}@media (min-width: 480px){.mc-modal--variation-info .mc-modal__inner>*:last-child{padding-bottom:1.5rem}}.mc-modal--variation-info .mc-modal__body{padding-bottom:.25rem}@media (min-width: 480px){.mc-modal--variation-info .mc-modal__body{padding-inline:1.5rem}}.mc-modal--variation-info .mc-modal__control{padding-top:1.25rem}@media (min-width: 480px){.mc-modal--variation-info .mc-modal__control{padding-top:.75rem}}html[dir=rtl] .mc-modal__btn-back{transform:rotate(180deg)}
package/dist/assets/tokens/json/colors.json.js CHANGED
@@ -1,9 +1,6 @@
1
- const F = {
1
+ const r = {
2
2
  "$token-colors": {
3
3
  main: "#8756FF",
4
- "main-light": "#CBB7FF",
5
- "main-lighter": "#EEE8FF",
6
- "main-dark": "#EEE8FF",
7
4
  purple: "#8756FF",
8
5
  "hover-purple": "#7238FF",
9
6
  "light-purple": "#CBB7FF",
@@ -41,5 +38,5 @@ const F = {
41
38
  }
42
39
  };
43
40
  export {
44
- F as default
41
+ r as default
45
42
  };
package/dist/base.scss CHANGED
@@ -239,16 +239,19 @@ pre {
239
239
  }
240
240
 
241
241
  :root {
242
+ // Default main project colors
243
+ --color-main: #{$color-purple};
244
+ --color-main-dark: #{$color-hover-purple};
245
+ --color-main-light: #{$color-light-purple};
246
+
242
247
  @each $name, $radius in $token-radius {
243
248
  #{'--radius-'}#{$name}: #{$radius};
244
249
  }
245
250
  @each $name, $color in $token-colors {
246
251
  #{'--color-'}#{$name}: #{$color};
252
+ #{'--color-'}#{$name}#{'-light'}: color-mix(in srgb, #{$color} 75%, white);
253
+ #{'--color-'}#{$name}#{'-dark'}: color-mix(in srgb, #{$color} 75%, black);
247
254
  }
248
- // Default main project colors
249
- --color-main: #{$color-purple};
250
- --color-main-dark: #{$color-hover-purple};
251
- --color-main-light: #{$color-light-purple};
252
255
 
253
256
  @for $i from 1 through 10 {
254
257
  #{'--color-main-alpha-'}#{$i * 10}: #{rgba($color-purple, math.div($i, 10))};
package/dist/components/patterns/McFilter/McFilterTags/McFilterTags.vue2.js CHANGED
@@ -132,7 +132,7 @@ const fe = { class: "mc-filter-tags" }, ye = { class: "mc-filter-tags__body" },
132
132
  };
133
133
  continue;
134
134
  }
135
- if (a.constructor !== Object && o) {
135
+ if (a?.constructor !== Object && o) {
136
136
  b.value[o] = e;
137
137
  continue;
138
138
  }
package/dist/components/patterns/McFilter/McFilterTypeRelation/McFilterTypeRelation.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent as P, defineAsyncComponent as f, ref as m, computed as s, watch as _, nextTick as U, openBlock as x, createBlock as b, resolveDynamicComponent as W, unref as d, withCtx as g, createElementVNode as E, createVNode as z, createTextVNode as S, toDisplayString as A, createElementBlock as G, Fragment as J, renderList as Q } from "vue";
1
+ import { defineComponent as P, defineAsyncComponent as f, ref as m, computed as s, watch as _, nextTick as U, openBlock as x, createBlock as b, resolveDynamicComponent as W, unref as p, withCtx as g, createElementVNode as E, createVNode as z, createTextVNode as S, toDisplayString as A, createElementBlock as G, Fragment as J, renderList as Q } from "vue";
2
2
  import { FilterRelations as n } from "../../../../enums/Filter2.js";
3
3
  import { useHelper as X } from "../../../../composables/useHelper2.js";
4
4
  import { useDebounceFn as Y } from "@vueuse/core";
@@ -39,10 +39,10 @@ const ee = { class: "mc-filter-type-relation__header" }, te = { class: "mc-filte
39
39
  },
40
40
  emits: ["update:modelValue"],
41
41
  setup(v, { emit: k }) {
42
- const C = f(() => import("../../../elements/McButton/McButton.vue.js")), T = f(() => import("../../../elements/McTitle/McTitle.vue.js")), F = f(() => import("../../../elements/McFieldSelect/McFieldSelect.vue.js")), w = f(() => import("../../../elements/McFieldText/McFieldText.vue.js")), V = X(), M = k, t = v, N = Z("filter"), B = Y((e) => {
42
+ const C = f(() => import("../../../elements/McButton/McButton.vue.js")), T = f(() => import("../../../elements/McTitle/McTitle.vue.js")), w = f(() => import("../../../elements/McFieldSelect/McFieldSelect.vue.js")), F = f(() => import("../../../elements/McFieldText/McFieldText.vue.js")), V = X(), M = k, t = v, N = Z("filter"), B = Y((e) => {
43
43
  e();
44
- }, 100), I = m(Object.values(n)), o = m(n.Is), c = m([]), y = m(!1), q = s(() => t.filter.is_text ? w : F), D = s(() => t.filter.placeholder || t.filter.is_text ? t.placeholders.enter : t.placeholders.choose), p = s(() => t.filter.getAjaxOptions?.constructor === Function), O = s(() => {
45
- let e = p.value ? c.value : t.filter.options || [];
44
+ }, 100), I = m(Object.values(n)), o = m(n.Is), c = m([]), y = m(!1), q = s(() => t.filter.is_text ? F : w), D = s(() => t.filter.placeholder || t.filter.is_text ? t.placeholders.enter : t.placeholders.choose), d = s(() => typeof t.filter.getAjaxOptions == "function"), O = s(() => {
45
+ let e = d.value ? c.value : t.filter.options || [];
46
46
  if (t.currentValues?.[t.filter.value]) {
47
47
  const l = t.currentValues[t.filter.value] || {};
48
48
  let a = [];
@@ -68,7 +68,7 @@ const ee = { class: "mc-filter-type-relation__header" }, te = { class: "mc-filte
68
68
  let i = l, r = a;
69
69
  i === n.Exists ? e = "" : e = r?.[0] || "";
70
70
  }
71
- p.value && e && H(e);
71
+ d.value && e && H(e);
72
72
  }
73
73
  return e;
74
74
  },
@@ -83,7 +83,7 @@ const ee = { class: "mc-filter-type-relation__header" }, te = { class: "mc-filte
83
83
  const l = t.filter.getAjaxOne && await t.filter.getAjaxOne(e);
84
84
  c.value = V.uniqWith([...c.value, l], V.isEqual);
85
85
  }, L = (e) => {
86
- !p.value || !e || B(() => $(e));
86
+ !d.value || !e || B(() => $(e));
87
87
  }, j = (e) => {
88
88
  let l = null, a = null;
89
89
  const i = e || Number.isInteger(e);
@@ -113,10 +113,10 @@ const ee = { class: "mc-filter-type-relation__header" }, te = { class: "mc-filte
113
113
  modelValue: h.value,
114
114
  "onUpdate:modelValue": l[0] || (l[0] = (a) => h.value = a),
115
115
  options: O.value,
116
- "internal-search": !p.value,
116
+ "internal-search": !d.value,
117
117
  placeholder: D.value,
118
118
  loading: y.value,
119
- disabled: o.value === d(n).Exists,
119
+ disabled: o.value === p(n).Exists,
120
120
  "hide-selected": "",
121
121
  class: "mc-filter-type-relation",
122
122
  name: `relation_${t.filter.type}`,
@@ -124,20 +124,20 @@ const ee = { class: "mc-filter-type-relation__header" }, te = { class: "mc-filte
124
124
  }, {
125
125
  header: g(() => [
126
126
  E("div", ee, [
127
- z(d(T), null, {
127
+ z(p(T), null, {
128
128
  default: g(() => [
129
129
  S(A(v.placeholders.condition), 1)
130
130
  ]),
131
131
  _: 1
132
132
  }),
133
133
  E("div", te, [
134
- (x(!0), G(J, null, Q(I.value, (a) => (x(), b(d(C), {
134
+ (x(!0), G(J, null, Q(I.value, (a) => (x(), b(p(C), {
135
135
  key: a,
136
- variation: o.value === a ? d(N).component.button : "dark-gray-outline",
136
+ variation: o.value === a ? p(N).component.button : "dark-gray-outline",
137
137
  onClick: (i) => R(a)
138
138
  }, {
139
139
  default: g(() => [
140
- S(A(v.placeholders.actions[`${a === d(n).Exists ? "empty" : a}`]), 1)
140
+ S(A(v.placeholders.actions[`${a === p(n).Exists ? "empty" : a}`]), 1)
141
141
  ]),
142
142
  _: 2
143
143
  }, 1032, ["variation", "onClick"]))), 128))
package/dist/components/templates/McTable/McTableSort/McTableSort.vue2.js CHANGED
@@ -1,5 +1,5 @@
1
- import { defineComponent as l, defineAsyncComponent as u, computed as n, openBlock as d, createElementBlock as m, createVNode as _, unref as p } from "vue";
2
- const g = /* @__PURE__ */ l({
1
+ import { defineComponent as u, defineAsyncComponent as d, computed as r, openBlock as _, createElementBlock as m, createVNode as p, unref as f } from "vue";
2
+ const x = /* @__PURE__ */ u({
3
3
  __name: "McTableSort",
4
4
  props: {
5
5
  sort: {
@@ -12,8 +12,8 @@ const g = /* @__PURE__ */ l({
12
12
  }
13
13
  },
14
14
  emits: ["change"],
15
- setup(c, { emit: r }) {
16
- const i = u(() => import("../../../elements/McSvgIcon/McSvgIcon.vue.js")), s = r, e = c, t = n(() => e.column === e.sort.sort_column), o = n(() => {
15
+ setup(c, { emit: i }) {
16
+ const s = d(() => import("../../../elements/McSvgIcon/McSvgIcon.vue.js")), l = i, e = c, t = r(() => e.column === e.sort.sort_column && e.sort.sort_direction !== null), o = r(() => {
17
17
  switch (!0) {
18
18
  case (e.sort.sort_direction === "asc" && t.value):
19
19
  return {
@@ -24,7 +24,7 @@ const g = /* @__PURE__ */ l({
24
24
  case (e.sort.sort_direction === "desc" && t.value):
25
25
  return {
26
26
  direction: "desc",
27
- next_direction: "asc",
27
+ next_direction: null,
28
28
  icon: "arrow_downward"
29
29
  };
30
30
  default:
@@ -35,16 +35,20 @@ const g = /* @__PURE__ */ l({
35
35
  };
36
36
  }
37
37
  }), a = () => {
38
- s("change", {
38
+ const n = o.value.next_direction ? {
39
39
  sort_column: e.column,
40
40
  sort_direction: o.value.next_direction
41
- });
41
+ } : {
42
+ sort_column: null,
43
+ sort_direction: null
44
+ };
45
+ l("change", n);
42
46
  };
43
- return (f, v) => (d(), m("div", {
47
+ return (n, v) => (_(), m("div", {
44
48
  class: "mc-table-sort",
45
49
  onClick: a
46
50
  }, [
47
- _(p(i), {
51
+ p(f(s), {
48
52
  size: "200",
49
53
  name: o.value.icon,
50
54
  color: t.value ? "black" : "gray"
@@ -53,5 +57,5 @@ const g = /* @__PURE__ */ l({
53
57
  }
54
58
  });
55
59
  export {
56
- g as default
60
+ x as default
57
61
  };
package/dist/styles/mixins.scss CHANGED
@@ -220,7 +220,7 @@
220
220
  }
221
221
  }
222
222
 
223
- @mixin default-link($main-color: $color-black, $second-color: $color-purple, $is-important: false) {
223
+ @mixin default-link($main-color, $second-color, $is-important: false) {
224
224
  & {
225
225
  @if $is-important {
226
226
  color: $main-color !important;
@@ -228,19 +228,37 @@
228
228
  color: $main-color;
229
229
  }
230
230
  }
231
- &:hover,
232
- &:focus {
233
- @if $is-important {
234
- color: $second-color !important;
235
- } @else {
236
- color: $second-color;
231
+ @if($second-color) {
232
+ &:hover,
233
+ &:focus {
234
+ @if $is-important {
235
+ color: $second-color !important;
236
+ } @else {
237
+ color: $second-color;
238
+ }
237
239
  }
238
- }
239
- &:active {
240
- @if $is-important {
241
- color: sasscolor.adjust($second-color, $lightness: 8%) !important;
242
- } @else {
243
- color: sasscolor.adjust($second-color, $lightness: 8%);
240
+ &:active {
241
+ @if $is-important {
242
+ color: $second-color !important;
243
+ } @else {
244
+ color: $second-color !important;
245
+ }
246
+ }
247
+ } @else {
248
+ &:hover,
249
+ &:focus {
250
+ @if $is-important {
251
+ color: color-mix(in srgb, #{$main-color} 75%, black) !important;
252
+ } @else {
253
+ color: color-mix(in srgb, #{$main-color} 75%, black);
254
+ }
255
+ }
256
+ &:active {
257
+ @if $is-important {
258
+ color: color-mix(in srgb, #{$main-color} 75%, black) !important;
259
+ } @else {
260
+ color: color-mix(in srgb, #{$main-color} 75%, black) !important;
261
+ }
244
262
  }
245
263
  }
246
264
  }
@@ -249,7 +267,7 @@
249
267
  @include default-link($color-black, $color-red);
250
268
  }
251
269
  @mixin text-link($is-important: false) {
252
- @include default-link($color-purple, $color-hover-purple, $is-important);
270
+ @include default-link(var(--color-main), var(--color-main-dark), $is-important);
253
271
  }
254
272
  @mixin close-link() {
255
273
  @include default-link($color-gray, $color-black);
package/dist/tokens/colors.scss CHANGED
@@ -46,15 +46,9 @@ $color-darken-turquoise: #2F8C99; /* Кастомные тултипы */
46
46
  $color-transparent: transparent; /* Прозрачный фон */
47
47
 
48
48
  $color-main: #8756FF;
49
- $color-main-light: #CBB7FF;
50
- $color-main-lighter: #EEE8FF;
51
- $color-main-dark: #EEE8FF;
52
49
 
53
50
  $token-colors: (
54
51
  "main": $color-main,
55
- "main-light": $color-main-light,
56
- "main-lighter": $color-main-lighter,
57
- "main-dark": $color-main-dark,
58
52
  "purple": $color-purple,
59
53
  "hover-purple": $color-hover-purple,
60
54
  "light-purple": $color-light-purple,
package/dist/types/assets/tokens/json/colors.json.d.ts CHANGED
@@ -35,14 +35,8 @@ declare const _default: {
35
35
  "$color-darken-turquoise": "#2F8C99",
36
36
  "$color-transparent": "transparent",
37
37
  "$color-main": "#8756FF",
38
- "$color-main-light": "#CBB7FF",
39
- "$color-main-lighter": "#EEE8FF",
40
- "$color-main-dark": "#EEE8FF",
41
38
  "$token-colors": {
42
39
  "main": "#8756FF",
43
- "main-light": "#CBB7FF",
44
- "main-lighter": "#EEE8FF",
45
- "main-dark": "#EEE8FF",
46
40
  "purple": "#8756FF",
47
41
  "hover-purple": "#7238FF",
48
42
  "light-purple": "#CBB7FF",
package/dist/types/components/elements/McAvatar/McAvatar.vue.d.ts CHANGED
@@ -149,8 +149,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
149
149
  lazy: boolean;
150
150
  alt: string;
151
151
  rounded: boolean;
152
- borderColor: "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
153
- dotColor: "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
152
+ borderColor: "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
153
+ dotColor: "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
154
154
  shadow: boolean;
155
155
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
156
156
  export default _default;
package/dist/types/components/elements/McAvatar/index.d.ts CHANGED
@@ -20,11 +20,11 @@ declare const McAvatar: import('vue').DefineComponent<import('vue').ExtractPropT
20
20
  default: boolean;
21
21
  };
22
22
  borderColor: {
23
- type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
23
+ type: () => "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
24
24
  default: string;
25
25
  };
26
26
  dotColor: {
27
- type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
27
+ type: () => "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
28
28
  default: string;
29
29
  };
30
30
  shadow: {
@@ -57,11 +57,11 @@ declare const McAvatar: import('vue').DefineComponent<import('vue').ExtractPropT
57
57
  default: boolean;
58
58
  };
59
59
  borderColor: {
60
- type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
60
+ type: () => "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
61
61
  default: string;
62
62
  };
63
63
  dotColor: {
64
- type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
64
+ type: () => "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
65
65
  default: string;
66
66
  };
67
67
  shadow: {
@@ -79,8 +79,8 @@ declare const McAvatar: import('vue').DefineComponent<import('vue').ExtractPropT
79
79
  lazy: boolean;
80
80
  alt: string;
81
81
  rounded: boolean;
82
- borderColor: "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
83
- dotColor: "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
82
+ borderColor: "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
83
+ dotColor: "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
84
84
  shadow: boolean;
85
85
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
86
86
  export { McAvatar };
package/dist/types/components/elements/McBadge/McBadge.vue.d.ts CHANGED
@@ -4,7 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
4
4
  * `purple, purple-outline т.д.`
5
5
  */
6
6
  variation: {
7
- type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
7
+ type: () => "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
8
8
  };
9
9
  /**
10
10
  * Вертикальная черта (в таблице, к примеру)
@@ -23,7 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
23
23
  * `purple, purple-outline т.д.`
24
24
  */
25
25
  variation: {
26
- type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
26
+ type: () => "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
27
27
  };
28
28
  /**
29
29
  * Вертикальная черта (в таблице, к примеру)
package/dist/types/components/elements/McBadge/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  declare const McBadge: {
2
2
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
3
3
  variation: {
4
- type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
4
+ type: () => "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
5
5
  };
6
6
  verticalLine: {
7
7
  type: BooleanConstructor;
@@ -23,7 +23,7 @@ declare const McBadge: {
23
23
  Defaults: {};
24
24
  }, Readonly<import('vue').ExtractPropTypes<{
25
25
  variation: {
26
- type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
26
+ type: () => "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
27
27
  };
28
28
  verticalLine: {
29
29
  type: BooleanConstructor;
@@ -42,7 +42,7 @@ declare const McBadge: {
42
42
  __isSuspense?: undefined;
43
43
  } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
44
44
  variation: {
45
- type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
45
+ type: () => "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
46
46
  };
47
47
  verticalLine: {
48
48
  type: BooleanConstructor;
package/dist/types/components/elements/McButton/McButton.vue.d.ts CHANGED
@@ -125,7 +125,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
125
125
  default: boolean;
126
126
  };
127
127
  activeTextColor: {
128
- type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
128
+ type: () => "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
129
129
  };
130
130
  /**
131
131
  * exact
@@ -153,7 +153,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
153
153
  * Если нужен другой цвет при взаимодействии
154
154
  */
155
155
  secondaryColor: {
156
- type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
156
+ type: () => "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
157
157
  default: null;
158
158
  };
159
159
  /**
@@ -322,7 +322,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
322
322
  default: boolean;
323
323
  };
324
324
  activeTextColor: {
325
- type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
325
+ type: () => "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
326
326
  };
327
327
  /**
328
328
  * exact
@@ -350,7 +350,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
350
350
  * Если нужен другой цвет при взаимодействии
351
351
  */
352
352
  secondaryColor: {
353
- type: () => "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
353
+ type: () => "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
354
354
  default: null;
355
355
  };
356
356
  /**
@@ -415,7 +415,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
415
415
  exact: boolean;
416
416
  uppercase: boolean;
417
417
  defaultTag: string;
418
- secondaryColor: "transparent" | "main" | "main-light" | "main-lighter" | "main-dark" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
418
+ secondaryColor: "transparent" | "main" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "light-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
419
419
  underlineLink: boolean;
420
420
  bgFlat: boolean;
421
421
  tooltip: string;