mediacube-ui-v2 0.0.288 → 0.0.290
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/components/templates/McDrawer/index.css +1 -1
- package/dist/assets/components/templates/McModal/index.css +1 -1
- package/dist/assets/tokens/json/colors.json.js +2 -5
- package/dist/base.scss +7 -4
- package/dist/components/elements/McButton/McButton.vue2.js +25 -26
- package/dist/components/patterns/McChat/McChatForm/McChatForm.vue2.js +32 -31
- package/dist/components/patterns/McFilter/McFilterTags/McFilterTags.vue2.js +1 -1
- package/dist/components/patterns/McFilter/McFilterTypeRelation/McFilterTypeRelation.vue2.js +12 -12
- package/dist/index.js +21 -30
- package/dist/styles/mixins.scss +32 -14
- package/dist/tokens/colors.scss +0 -6
- package/dist/types/assets/tokens/json/colors.json.d.ts +0 -6
- package/dist/types/components/elements/McAvatar/McAvatar.vue.d.ts +2 -2
- package/dist/types/components/elements/McAvatar/index.d.ts +6 -6
- package/dist/types/components/elements/McBadge/McBadge.vue.d.ts +2 -2
- package/dist/types/components/elements/McBadge/index.d.ts +3 -3
- package/dist/types/components/elements/McButton/McButton.vue.d.ts +5 -5
- package/dist/types/components/elements/McButton/index.d.ts +9 -9
- package/dist/types/components/elements/McChip/McChip.vue.d.ts +2 -2
- package/dist/types/components/elements/McChip/index.d.ts +3 -3
- package/dist/types/components/elements/McDate/McDate.vue.d.ts +3 -3
- package/dist/types/components/elements/McDate/index.d.ts +6 -6
- package/dist/types/components/elements/McDraggable/McDraggable.vue.d.ts +2 -2
- package/dist/types/components/elements/McDraggable/index.d.ts +3 -3
- package/dist/types/components/elements/McFieldRadio/McFieldRadio.vue.d.ts +2 -2
- package/dist/types/components/elements/McFieldRadio/index.d.ts +3 -3
- package/dist/types/components/elements/McFieldRange/McFieldRange.vue.d.ts +2 -2
- package/dist/types/components/elements/McFieldRange/index.d.ts +3 -3
- package/dist/types/components/elements/McFieldSelect/McFieldSelect.vue.d.ts +3 -3
- package/dist/types/components/elements/McFieldSelect/index.d.ts +6 -6
- package/dist/types/components/elements/McFieldToggle/McFieldToggle.vue.d.ts +2 -2
- package/dist/types/components/elements/McFieldToggle/index.d.ts +3 -3
- package/dist/types/components/elements/McIconShell/McIconShell.vue.d.ts +3 -3
- package/dist/types/components/elements/McIconShell/index.d.ts +6 -6
- package/dist/types/components/elements/McNotification/McNotification.vue.d.ts +2 -2
- package/dist/types/components/elements/McNotification/index.d.ts +3 -3
- package/dist/types/components/elements/McProgress/index.d.ts +4 -4
- package/dist/types/components/elements/McSeparator/McSeparator.vue.d.ts +2 -2
- package/dist/types/components/elements/McSeparator/index.d.ts +3 -3
- package/dist/types/components/elements/McSpinDigit/McSpinDigit.vue.d.ts +1 -1
- package/dist/types/components/elements/McSpinDigit/index.d.ts +3 -3
- package/dist/types/components/elements/McSpinNumber/index.d.ts +2 -2
- package/dist/types/components/elements/McSvgIcon/McSvgIcon.vue.d.ts +1 -1
- package/dist/types/components/elements/McSvgIcon/index.d.ts +3 -3
- package/dist/types/components/elements/McTitle/McTitle.vue.d.ts +2 -2
- package/dist/types/components/elements/McTitle/index.d.ts +3 -3
- package/dist/types/components/elements/McTooltip/McTooltip.vue.d.ts +4 -4
- package/dist/types/components/elements/McTooltip/index.d.ts +6 -6
- package/dist/types/components/patterns/McOverlay/index.d.ts +2 -2
- package/dist/types/components/patterns/McSideBar/McSideBarButton/McSideBarButton.vue.d.ts +1 -1
- package/dist/types/components/patterns/McSideBar/McSideBarButton/index.d.ts +5 -5
- package/dist/types/components/patterns/McTab/McTab.vue.d.ts +8 -8
- package/dist/types/components/patterns/McTab/index.d.ts +15 -15
- package/dist/types/components/patterns/McTabs/McTabs.vue.d.ts +4 -4
- package/dist/types/components/patterns/McTabs/index.d.ts +6 -6
- package/dist/types/components/templates/McToast/index.d.ts +2 -2
- package/dist/types/types/styles/ColorTheme.d.ts +0 -3
- package/dist/types/types/styles/Colors.d.ts +0 -6
- package/package.json +1 -1
|
@@ -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:#
|
|
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}}
|
|
@@ -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:#
|
|
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)}
|
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
const
|
|
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
|
-
|
|
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))};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as V, defineAsyncComponent as F, inject as M, computed as
|
|
1
|
+
import { defineComponent as V, defineAsyncComponent as F, inject as M, computed as a, ref as h, onMounted as I, withDirectives as N, openBlock as s, createBlock as O, resolveDynamicComponent as P, mergeProps as D, withCtx as W, createElementBlock as c, renderSlot as p, createCommentVNode as u, createVNode as H, unref as k, getCurrentInstance as K } from "vue";
|
|
2
2
|
import { FontWeights as R } from "../../../types/styles/FontWeights.js";
|
|
3
3
|
import { useTooltip as j } from "../../../composables/useTooltip2.js";
|
|
4
4
|
import { TooltipPositions as E, TooltipSizes as q } from "../../../enums/Tooltip2.js";
|
|
@@ -218,14 +218,14 @@ const J = {
|
|
|
218
218
|
},
|
|
219
219
|
emits: ["blur", "click"],
|
|
220
220
|
setup(d, { emit: B }) {
|
|
221
|
-
const _ = F(() => import("../McSvgIcon/McSvgIcon.vue.js")), f = M("dsOptions", {}), C = j(), w =
|
|
221
|
+
const _ = F(() => import("../McSvgIcon/McSvgIcon.vue.js")), f = M("dsOptions", {}), C = j(), w = a(() => {
|
|
222
222
|
let e = {};
|
|
223
223
|
return t.tooltip && (e = {
|
|
224
224
|
content: t.tooltip,
|
|
225
225
|
size: q.M,
|
|
226
226
|
placement: t.tooltipPlacement || E.Top
|
|
227
227
|
}), e;
|
|
228
|
-
}), t = d,
|
|
228
|
+
}), t = d, l = G("button"), x = h(null), m = h(!1), b = B, S = a(() => ({
|
|
229
229
|
[`mc-button--variation-${t.variation}`]: !!t.variation,
|
|
230
230
|
[`mc-button--size-${t.size}`]: !!t.size,
|
|
231
231
|
[`mc-button--text-align-${t.textAlign}`]: !!t.textAlign,
|
|
@@ -243,10 +243,10 @@ const J = {
|
|
|
243
243
|
"mc-button--bg-flat": t.bgFlat,
|
|
244
244
|
[`mc-button--type-${i.value.type}`]: !!i.value.type,
|
|
245
245
|
"mc-button--inactive": t.inactive
|
|
246
|
-
})), y =
|
|
247
|
-
const e = y.value, o = e.split("-"),
|
|
248
|
-
let v = e.replace(`-${
|
|
249
|
-
switch (
|
|
246
|
+
})), y = a(() => t.variation || l.component.variation), i = a(() => {
|
|
247
|
+
const e = y.value, o = e.split("-"), r = o[o.length - 1];
|
|
248
|
+
let v = e.replace(`-${r}`, "");
|
|
249
|
+
switch (r) {
|
|
250
250
|
case n.Link:
|
|
251
251
|
case n.Flat:
|
|
252
252
|
case n.Outline:
|
|
@@ -259,10 +259,10 @@ const J = {
|
|
|
259
259
|
}
|
|
260
260
|
return {
|
|
261
261
|
color: v,
|
|
262
|
-
type:
|
|
262
|
+
type: r
|
|
263
263
|
};
|
|
264
|
-
}), T =
|
|
265
|
-
let e, o,
|
|
264
|
+
}), T = a(() => {
|
|
265
|
+
let e, o, r = t.activeTextColor || l.component.activeTextColor;
|
|
266
266
|
switch (i.value.type) {
|
|
267
267
|
case n.Link:
|
|
268
268
|
case n.Flat:
|
|
@@ -285,26 +285,25 @@ const J = {
|
|
|
285
285
|
}
|
|
286
286
|
}
|
|
287
287
|
return {
|
|
288
|
-
"--mc-button-secondary-color": t.secondaryColor &&
|
|
289
|
-
"--mc-button-background-color": y.value &&
|
|
290
|
-
"--mc-button-active-text-color":
|
|
288
|
+
"--mc-button-secondary-color": t.secondaryColor && l.colors[t.secondaryColor],
|
|
289
|
+
"--mc-button-background-color": y.value && l.colors[i.value.color],
|
|
290
|
+
"--mc-button-active-text-color": r && l.colors[r],
|
|
291
291
|
"--mc-button-font-weight": t.weight && R[t.weight],
|
|
292
292
|
"--mc-button-hover-brightness": e,
|
|
293
|
-
"--mc-button-text-color": o &&
|
|
293
|
+
"--mc-button-text-color": o && l.colors[o]
|
|
294
294
|
};
|
|
295
|
-
}), $ =
|
|
295
|
+
}), $ = a(() => {
|
|
296
296
|
const e = "a";
|
|
297
297
|
return t.to || t.href ? e : t.defaultTag;
|
|
298
|
-
}), g =
|
|
298
|
+
}), g = a(() => i.value.type === n.Link), L = a(() => {
|
|
299
299
|
let e = {
|
|
300
|
-
|
|
301
|
-
href: t.href,
|
|
300
|
+
href: t.href || t.to,
|
|
302
301
|
disabled: !1,
|
|
303
|
-
rel: "",
|
|
302
|
+
rel: "noopener noreferrer",
|
|
304
303
|
type: t.type,
|
|
305
304
|
tabindex: t.tabindex
|
|
306
305
|
};
|
|
307
|
-
return
|
|
306
|
+
return (t.disabled || t.loading) && (e.disabled = !0), g.value && (e.rel = "noreferrer"), e;
|
|
308
307
|
}), z = (e) => {
|
|
309
308
|
b("blur", e);
|
|
310
309
|
}, A = (e) => {
|
|
@@ -316,7 +315,7 @@ const J = {
|
|
|
316
315
|
return I(() => {
|
|
317
316
|
const o = K()?.vnode;
|
|
318
317
|
m.value = !!o?.props?.onClick;
|
|
319
|
-
}), (e, o) => N((
|
|
318
|
+
}), (e, o) => N((s(), O(P($.value), D({ ref: x.value }, { ...L.value }, {
|
|
320
319
|
class: ["mc-button", S.value],
|
|
321
320
|
exact: d.exact,
|
|
322
321
|
style: T.value,
|
|
@@ -324,23 +323,23 @@ const J = {
|
|
|
324
323
|
onClick: A
|
|
325
324
|
}), {
|
|
326
325
|
default: W(() => [
|
|
327
|
-
e.$slots["icon-prepend"] ? (
|
|
326
|
+
e.$slots["icon-prepend"] ? (s(), c("span", J, [
|
|
328
327
|
p(e.$slots, "icon-prepend")
|
|
329
328
|
])) : u("", !0),
|
|
330
|
-
d.loading ? (
|
|
329
|
+
d.loading ? (s(), c("span", Q, [
|
|
331
330
|
H(k(_), {
|
|
332
331
|
class: "mc-button__loader-icon",
|
|
333
332
|
type: "div",
|
|
334
333
|
name: "loader"
|
|
335
334
|
})
|
|
336
335
|
])) : u("", !0),
|
|
337
|
-
e.$slots.default ? (
|
|
336
|
+
e.$slots.default ? (s(), c("span", U, [
|
|
338
337
|
p(e.$slots, "default")
|
|
339
338
|
])) : u("", !0),
|
|
340
|
-
e.$slots["icon-append"] ? (
|
|
339
|
+
e.$slots["icon-append"] ? (s(), c("span", X, [
|
|
341
340
|
p(e.$slots, "icon-append")
|
|
342
341
|
])) : u("", !0),
|
|
343
|
-
g.value ? u("", !0) : (
|
|
342
|
+
g.value ? u("", !0) : (s(), c("div", Y))
|
|
344
343
|
]),
|
|
345
344
|
_: 3
|
|
346
345
|
}, 16, ["class", "exact", "style"])), [
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponent as g, defineAsyncComponent as o, ref as w, openBlock as M, createElementBlock as S, createElementVNode as V,
|
|
1
|
+
import { defineComponent as g, defineAsyncComponent as o, ref as w, openBlock as M, createElementBlock as S, createElementVNode as V, withKeys as m, withModifiers as n, createVNode as a, unref as e, withCtx as i } from "vue";
|
|
2
2
|
import { ButtonType as x, ButtonSize as b } from "../../../../enums/ui/Button2.js";
|
|
3
3
|
import { InputTypes as B } from "../../../../enums/Input2.js";
|
|
4
|
-
const C = { class: "mc-chat-form" },
|
|
4
|
+
const C = { class: "mc-chat-form" }, z = ["onKeydown"], N = /* @__PURE__ */ g({
|
|
5
5
|
__name: "McChatForm",
|
|
6
6
|
props: {
|
|
7
7
|
/**
|
|
@@ -35,68 +35,69 @@ const C = { class: "mc-chat-form" }, K = /* @__PURE__ */ g({
|
|
|
35
35
|
}
|
|
36
36
|
},
|
|
37
37
|
emits: ["update:modelValue", "submit"],
|
|
38
|
-
setup(
|
|
39
|
-
const
|
|
40
|
-
t.value = c,
|
|
41
|
-
},
|
|
42
|
-
t.value?.trim() !== "" && (t.value = "",
|
|
43
|
-
},
|
|
38
|
+
setup(r, { emit: p }) {
|
|
39
|
+
const u = o(() => import("../../../elements/McAvatar/McAvatar.vue.js")), f = o(() => import("../../McPreview/McPreview.vue.js")), h = o(() => import("../../../elements/McSvgIcon/McSvgIcon.vue.js")), v = o(() => import("../../../elements/McButton/McButton.vue.js")), _ = o(() => import("../../../elements/McFieldText/McFieldText.vue.js")), s = p, t = w(r.modelValue), y = (c) => {
|
|
40
|
+
t.value = c, s("update:modelValue", c);
|
|
41
|
+
}, l = () => {
|
|
42
|
+
t.value?.trim() !== "" && (t.value = "", s("submit"));
|
|
43
|
+
}, d = () => {
|
|
44
44
|
t.value += `
|
|
45
45
|
`;
|
|
46
46
|
};
|
|
47
|
-
return (c,
|
|
47
|
+
return (c, T) => (M(), S("div", C, [
|
|
48
48
|
V("form", {
|
|
49
|
-
onSubmit: l
|
|
49
|
+
onSubmit: n(l, ["prevent"]),
|
|
50
|
+
onKeydown: [
|
|
51
|
+
m(n(l, ["prevent", "exact"]), ["enter", "native"]),
|
|
52
|
+
m(n(d, ["ctrl"]), ["enter", "native"]),
|
|
53
|
+
m(n(d, ["shift"]), ["enter", "native"])
|
|
54
|
+
]
|
|
50
55
|
}, [
|
|
51
|
-
|
|
52
|
-
left:
|
|
53
|
-
|
|
56
|
+
a(e(f), { class: "mc-chat-form__inner" }, {
|
|
57
|
+
left: i(() => [
|
|
58
|
+
a(e(u), {
|
|
54
59
|
class: "mc-chat-form__avatar",
|
|
55
60
|
size: "400",
|
|
56
61
|
rounded: "",
|
|
57
|
-
src:
|
|
62
|
+
src: r.avatar
|
|
58
63
|
}, null, 8, ["src"])
|
|
59
64
|
]),
|
|
60
|
-
top:
|
|
61
|
-
|
|
65
|
+
top: i(() => [
|
|
66
|
+
a(e(_), {
|
|
62
67
|
name: "chat-field",
|
|
63
68
|
class: "mc-chat-form__input",
|
|
64
69
|
type: e(B).TextareaAutosize,
|
|
65
70
|
"min-height": 40,
|
|
66
71
|
"max-height": 250,
|
|
67
72
|
"model-value": t.value,
|
|
68
|
-
placeholder:
|
|
69
|
-
"onUpdate:modelValue": y
|
|
70
|
-
onKeydown: [
|
|
71
|
-
d(l(i, ["prevent", "exact"]), ["enter", "native"]),
|
|
72
|
-
d(l(_, ["ctrl"]), ["enter", "native"])
|
|
73
|
-
]
|
|
73
|
+
placeholder: r.placeholder,
|
|
74
|
+
"onUpdate:modelValue": y
|
|
74
75
|
}, {
|
|
75
|
-
append:
|
|
76
|
-
|
|
76
|
+
append: i(() => [
|
|
77
|
+
a(e(v), {
|
|
77
78
|
class: "mc-chat-form__btn",
|
|
78
79
|
variation: "main-link",
|
|
79
80
|
size: e(b).MCompact,
|
|
80
81
|
type: e(x).Submit,
|
|
81
82
|
rounded: "",
|
|
82
|
-
loading:
|
|
83
|
-
onClick: l
|
|
83
|
+
loading: r.loading,
|
|
84
|
+
onClick: n(l, ["prevent"])
|
|
84
85
|
}, {
|
|
85
|
-
"icon-append":
|
|
86
|
-
|
|
86
|
+
"icon-append": i(() => [
|
|
87
|
+
a(e(h), { name: "send_solid" })
|
|
87
88
|
]),
|
|
88
89
|
_: 1
|
|
89
90
|
}, 8, ["size", "type", "loading"])
|
|
90
91
|
]),
|
|
91
92
|
_: 1
|
|
92
|
-
}, 8, ["type", "model-value", "placeholder"
|
|
93
|
+
}, 8, ["type", "model-value", "placeholder"])
|
|
93
94
|
]),
|
|
94
95
|
_: 1
|
|
95
96
|
})
|
|
96
|
-
],
|
|
97
|
+
], 40, z)
|
|
97
98
|
]));
|
|
98
99
|
}
|
|
99
100
|
});
|
|
100
101
|
export {
|
|
101
|
-
|
|
102
|
+
N as default
|
|
102
103
|
};
|
|
@@ -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
|
|
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")),
|
|
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 ?
|
|
45
|
-
let e =
|
|
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
|
-
|
|
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
|
-
!
|
|
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": !
|
|
116
|
+
"internal-search": !d.value,
|
|
117
117
|
placeholder: D.value,
|
|
118
118
|
loading: y.value,
|
|
119
|
-
disabled: o.value ===
|
|
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(
|
|
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(
|
|
134
|
+
(x(!0), G(J, null, Q(I.value, (a) => (x(), b(p(C), {
|
|
135
135
|
key: a,
|
|
136
|
-
variation: o.value === a ?
|
|
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 ===
|
|
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/index.js
CHANGED
|
@@ -1,42 +1,33 @@
|
|
|
1
|
-
import { computed as
|
|
2
|
-
import { setStoredAppContext as
|
|
3
|
-
import { Themes as
|
|
4
|
-
import { UiThemes as
|
|
5
|
-
import
|
|
6
|
-
import { useHelper as
|
|
7
|
-
import { createProxy as
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
const t = Object.entries(e).filter(([, r]) => r !== void 0);
|
|
12
|
-
return {
|
|
13
|
-
...o,
|
|
14
|
-
...Object.fromEntries(t)
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
const j = {
|
|
18
|
-
install(o, e = {}) {
|
|
19
|
-
const t = {
|
|
1
|
+
import { computed as l } from "vue";
|
|
2
|
+
import { setStoredAppContext as a } from "./storedAppContext.js";
|
|
3
|
+
import { Themes as c } from "./enums/Themes2.js";
|
|
4
|
+
import { UiThemes as n, ThemesColors as d } from "./types/styles/ColorTheme.js";
|
|
5
|
+
import p from "./assets/img/no_user.png.js";
|
|
6
|
+
import { useHelper as i } from "./composables/useHelper2.js";
|
|
7
|
+
import { createProxy as m } from "./utils/proxy2.js";
|
|
8
|
+
const h = i(), v = {
|
|
9
|
+
install(t, e = {}) {
|
|
10
|
+
const o = {
|
|
20
11
|
drawerComponents: {},
|
|
21
12
|
modalComponents: {},
|
|
22
13
|
toasts: {},
|
|
23
|
-
defaultAvatar:
|
|
24
|
-
colors:
|
|
25
|
-
themes:
|
|
26
|
-
theme:
|
|
14
|
+
defaultAvatar: p,
|
|
15
|
+
colors: d,
|
|
16
|
+
themes: n,
|
|
17
|
+
theme: c.Light,
|
|
27
18
|
meta: {
|
|
28
19
|
router_push: null
|
|
29
20
|
}
|
|
30
|
-
},
|
|
31
|
-
...
|
|
21
|
+
}, s = h.deepMerge(o.themes, e.themes), r = {
|
|
22
|
+
...o,
|
|
32
23
|
...e,
|
|
33
|
-
colors:
|
|
34
|
-
themes:
|
|
35
|
-
meta: e.meta ?
|
|
24
|
+
colors: e.colors ? m(o.colors, e.colors) : o.colors,
|
|
25
|
+
themes: l(() => s),
|
|
26
|
+
meta: e.meta ? m(o.meta, e.meta) : o.meta
|
|
36
27
|
};
|
|
37
|
-
|
|
28
|
+
t.config.globalProperties.$dsOptions = r, t.provide("dsOptions", r), a(t._context ?? null);
|
|
38
29
|
}
|
|
39
30
|
};
|
|
40
31
|
export {
|
|
41
|
-
|
|
32
|
+
v as default
|
|
42
33
|
};
|
package/dist/styles/mixins.scss
CHANGED
|
@@ -220,7 +220,7 @@
|
|
|
220
220
|
}
|
|
221
221
|
}
|
|
222
222
|
|
|
223
|
-
@mixin default-link($main-color
|
|
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
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
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
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
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(
|
|
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,
|
|
@@ -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",
|
|
@@ -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" | "
|
|
153
|
-
dotColor: "transparent" | "main" | "
|
|
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;
|