watermelon-ui-kit 0.1.2 → 0.1.4
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/components/index.d.ts +2 -0
- package/dist/index.d.ts +3 -14
- package/dist/index.d.ts.map +1 -1
- package/dist/watermelon-ui-kit.css +1 -1
- package/dist/watermelon-ui-kit.es.ts +11 -13
- package/dist/watermelon-ui-kit.umd.ts +2 -2
- package/package.json +3 -1
- package/dist/watermelon-ui-kit.es.d.ts +0 -4
package/dist/index.d.ts
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
}, string, import('vue').PublicProps, Readonly<import('./Tag/index.vue').TagPropsType> & Readonly<{
|
|
5
|
-
onClose?: () => any;
|
|
6
|
-
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
7
|
-
WheelLoader: import('vue').DefineComponent<import('./WheelLoader/index.vue').LoaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./WheelLoader/index.vue').LoaderProps> & Readonly<{}>, {
|
|
8
|
-
width: string;
|
|
9
|
-
height: string;
|
|
10
|
-
speed: string;
|
|
11
|
-
color: string;
|
|
12
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
13
|
-
};
|
|
14
|
-
export default _default;
|
|
1
|
+
import { default as Tag } from './Tag/index.vue';
|
|
2
|
+
import { default as WheelLoader } from './WheelLoader/index.vue';
|
|
3
|
+
export { Tag, WheelLoader, };
|
|
15
4
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/components/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AAErB,OAAO,GAAG,MAAM,iBAAiB,CAAA;AACjC,OAAO,WAAW,MAAM,yBAAyB,CAAA;AAEjD,OAAO,EACL,GAAG,EACH,WAAW,GACZ,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.tag .rate[data-v-56852f88]{background:#0515264d}.loader-wrapper[data-v-c240f1d2]{width:var(--1ea7dc8c);height:var(--c6f689be)}.loader-wrapper .spoke[data-v-c240f1d2]{width:10%;height:30%;border-radius:20px;background:var(--1d90de29)}.loader-wrapper[data-v-c240f1d2] :nth-child(1){left:50%;top:-5%;animation:colorchange-8-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(2){top:5%;left:75%;transform:rotate(45deg);animation:colorchange-7-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(3){top:30%;left:85%;transform:rotate(90deg);animation:colorchange-6-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(4){top:55%;left:75%;transform:rotate(-45deg);animation:colorchange-5-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(5){top:65%;left:50%;animation:colorchange-4-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(6){top:55%;left:25%;transform:rotate(45deg);animation:colorchange-3-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(7){top:30%;left:15%;transform:rotate(90deg);animation:colorchange-2-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(8){top:5%;left:25%;transform:rotate(-45deg);animation:colorchange-1-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}@keyframes colorchange-1-c240f1d2{0%{opacity:1}14%{opacity:.86}28%{opacity:.72}42%{opacity:.58}56%{opacity:.44}70%{opacity:.3}84%{opacity:.15}to{opacity:0}}@keyframes colorchange-2-c240f1d2{0%{opacity:.86}14%{opacity:.72}28%{opacity:.58}42%{opacity:.44}56%{opacity:.3}70%{opacity:.15}84%{opacity:0}to{opacity:1}}@keyframes colorchange-3-c240f1d2{0%{opacity:.72}14%{opacity:.58}28%{opacity:.44}42%{opacity:.3}56%{opacity:.15}70%{opacity:0}84%{opacity:1}to{opacity:.86}}@keyframes colorchange-4-c240f1d2{0%{opacity:.58}14%{opacity:.44}28%{opacity:.3}42%{opacity:.15}56%{opacity:0}70%{opacity:1}84%{opacity:.86}to{opacity:.72}}@keyframes colorchange-5-c240f1d2{0%{opacity:.44}14%{opacity:.3}28%{opacity:.15}42%{opacity:0}56%{opacity:1}70%{opacity:.86}84%{opacity:.72}to{opacity:.58}}@keyframes colorchange-6-c240f1d2{0%{opacity:.3}14%{opacity:.15}28%{opacity:0}42%{opacity:1}56%{opacity:.86}70%{opacity:.72}84%{opacity:.58}to{opacity:.44}}@keyframes colorchange-7-c240f1d2{0%{opacity:.15}14%{opacity:0}28%{opacity:1}42%{opacity:.86}56%{opacity:.72}70%{opacity:.58}84%{opacity:.44}to{opacity:.3}}@keyframes colorchange-8-c240f1d2{0%{opacity:0}14%{opacity:1}28%{opacity:.86}42%{opacity:.72}56%{opacity:.58}70%{opacity:.44}84%{opacity:.3}to{opacity:.15}}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500&family=Rubik:wght@400;500&display=swap";/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--radius-xs:.125rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings);--color-primary-green:#01abaa}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.float-left{float:left}.float-right{float:right}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-1{margin:calc(var(--spacing)*1)}.mr-1{margin-right:calc(var(--spacing)*1)}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.size-1{width:calc(var(--spacing)*1);height:calc(var(--spacing)*1)}.h-1{height:calc(var(--spacing)*1)}.h-16\/116{height:13.7931%}.w-fit{width:fit-content}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.transform\!{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)!important}.cursor-pointer{cursor:pointer}.resize{resize:both}.items-center{align-items:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.bg-primary-green{background-color:var(--color-primary-green)}.p-1{padding:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.py-1{padding-block:calc(var(--spacing)*1)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-wrap{text-wrap:wrap}.text-primary-green{color:var(--color-primary-green)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition\!{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}}.font-poppins{font-family:Poppins,Rubik}.font-rubik{font-family:Rubik}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#app{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.tag .rate[data-v-56852f88]{background:#0515264d}.loader-wrapper[data-v-c240f1d2]{width:var(--1ea7dc8c);height:var(--c6f689be)}.loader-wrapper .spoke[data-v-c240f1d2]{width:10%;height:30%;border-radius:20px;background:var(--1d90de29)}.loader-wrapper[data-v-c240f1d2] :nth-child(1){left:50%;top:-5%;animation:colorchange-8-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(2){top:5%;left:75%;transform:rotate(45deg);animation:colorchange-7-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(3){top:30%;left:85%;transform:rotate(90deg);animation:colorchange-6-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(4){top:55%;left:75%;transform:rotate(-45deg);animation:colorchange-5-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(5){top:65%;left:50%;animation:colorchange-4-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(6){top:55%;left:25%;transform:rotate(45deg);animation:colorchange-3-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(7){top:30%;left:15%;transform:rotate(90deg);animation:colorchange-2-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(8){top:5%;left:25%;transform:rotate(-45deg);animation:colorchange-1-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}@keyframes colorchange-1-c240f1d2{0%{opacity:1}14%{opacity:.86}28%{opacity:.72}42%{opacity:.58}56%{opacity:.44}70%{opacity:.3}84%{opacity:.15}to{opacity:0}}@keyframes colorchange-2-c240f1d2{0%{opacity:.86}14%{opacity:.72}28%{opacity:.58}42%{opacity:.44}56%{opacity:.3}70%{opacity:.15}84%{opacity:0}to{opacity:1}}@keyframes colorchange-3-c240f1d2{0%{opacity:.72}14%{opacity:.58}28%{opacity:.44}42%{opacity:.3}56%{opacity:.15}70%{opacity:0}84%{opacity:1}to{opacity:.86}}@keyframes colorchange-4-c240f1d2{0%{opacity:.58}14%{opacity:.44}28%{opacity:.3}42%{opacity:.15}56%{opacity:0}70%{opacity:1}84%{opacity:.86}to{opacity:.72}}@keyframes colorchange-5-c240f1d2{0%{opacity:.44}14%{opacity:.3}28%{opacity:.15}42%{opacity:0}56%{opacity:1}70%{opacity:.86}84%{opacity:.72}to{opacity:.58}}@keyframes colorchange-6-c240f1d2{0%{opacity:.3}14%{opacity:.15}28%{opacity:0}42%{opacity:1}56%{opacity:.86}70%{opacity:.72}84%{opacity:.58}to{opacity:.44}}@keyframes colorchange-7-c240f1d2{0%{opacity:.15}14%{opacity:0}28%{opacity:1}42%{opacity:.86}56%{opacity:.72}70%{opacity:.58}84%{opacity:.44}to{opacity:.3}}@keyframes colorchange-8-c240f1d2{0%{opacity:0}14%{opacity:1}28%{opacity:.86}42%{opacity:.72}56%{opacity:.58}70%{opacity:.44}84%{opacity:.3}to{opacity:.15}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as c, resolveComponent as
|
|
1
|
+
import { defineComponent as c, resolveComponent as h, createElementBlock as n, openBlock as s, normalizeClass as C, createBlock as _, createCommentVNode as p, toDisplayString as l, withCtx as f, createElementVNode as i, useCssVars as g, Fragment as w, renderList as k } from "vue";
|
|
2
2
|
const v = {
|
|
3
3
|
key: 0,
|
|
4
4
|
class: "mr-1 text-sm"
|
|
@@ -18,16 +18,16 @@ const v = {
|
|
|
18
18
|
NEW: 3
|
|
19
19
|
}, o = r.tag.status === e.NEW;
|
|
20
20
|
return (t, d) => {
|
|
21
|
-
const u =
|
|
21
|
+
const u = h("router-link");
|
|
22
22
|
return s(), n("div", {
|
|
23
|
-
class:
|
|
23
|
+
class: C(["tag flex w-fit items-center font-rubik px-2 py-1 rounded-xs", o ? "text-primary-green border border-solid" : "bg-primary-green text-white"])
|
|
24
24
|
}, [
|
|
25
|
-
o ? (s(), n("span", v, l(t.tag.name), 1)) : (s(),
|
|
25
|
+
o ? (s(), n("span", v, l(t.tag.name), 1)) : (s(), _(u, {
|
|
26
26
|
key: 1,
|
|
27
27
|
to: `/dashboard/tags/${t.tag.name}`,
|
|
28
28
|
class: "mr-1 text-sm hover:underline"
|
|
29
29
|
}, {
|
|
30
|
-
default:
|
|
30
|
+
default: f(() => [
|
|
31
31
|
i("span", null, l(t.tag.name), 1)
|
|
32
32
|
]),
|
|
33
33
|
_: 1
|
|
@@ -41,7 +41,7 @@ const v = {
|
|
|
41
41
|
fill: "none",
|
|
42
42
|
xmlns: "http://www.w3.org/2000/svg",
|
|
43
43
|
class: "inline-block cursor-pointer",
|
|
44
|
-
onClick: d[0] || (d[0] = (
|
|
44
|
+
onClick: d[0] || (d[0] = (B) => t.$emit("close"))
|
|
45
45
|
}, [
|
|
46
46
|
i("path", {
|
|
47
47
|
d: `M8.49999 7.66407L5.07851 4.24259C4.96961 4.1337 4.82192 4.07252 4.66793 4.07252C4.51393 4.07252 4.36624
|
|
@@ -64,7 +64,7 @@ const v = {
|
|
|
64
64
|
for (const [o, t] of e)
|
|
65
65
|
a[o] = t;
|
|
66
66
|
return a;
|
|
67
|
-
},
|
|
67
|
+
}, N = /* @__PURE__ */ m(b, [["__scopeId", "data-v-56852f88"]]), L = { class: "loader-wrapper relative" }, A = /* @__PURE__ */ c({
|
|
68
68
|
__name: "index",
|
|
69
69
|
props: {
|
|
70
70
|
width: { default: "21px" },
|
|
@@ -78,17 +78,15 @@ const v = {
|
|
|
78
78
|
c6f689be: e.height,
|
|
79
79
|
"1d90de29": e.color,
|
|
80
80
|
"1e72af0d": e.speed
|
|
81
|
-
})), (e, a) => (s(), n("div",
|
|
81
|
+
})), (e, a) => (s(), n("div", L, [
|
|
82
82
|
(s(), n(w, null, k(8, (o) => i("div", {
|
|
83
83
|
key: o,
|
|
84
84
|
class: "spoke absolute"
|
|
85
85
|
})), 64))
|
|
86
86
|
]));
|
|
87
87
|
}
|
|
88
|
-
}),
|
|
89
|
-
Tag: L,
|
|
90
|
-
WheelLoader: N
|
|
91
|
-
};
|
|
88
|
+
}), E = /* @__PURE__ */ m(A, [["__scopeId", "data-v-c240f1d2"]]);
|
|
92
89
|
export {
|
|
93
|
-
|
|
90
|
+
N as Tag,
|
|
91
|
+
E as WheelLoader
|
|
94
92
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(e
|
|
1
|
+
(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n["watermelon-ui-kit"]={},n.Vue))})(this,function(n,e){"use strict";const c={key:0,class:"mr-1 text-sm"},d={key:2,class:"rate px-2 py-1 rounded-xl text-xs font-medium"},p=["fill"],m=e.defineComponent({__name:"index",props:{tag:{},closable:{type:Boolean},showRate:{type:Boolean}},emits:["close"],setup(r){const t={NEW:3},s=r.tag.status===t.NEW;return(o,i)=>{const C=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tag flex w-fit items-center font-rubik px-2 py-1 rounded-xs",s?"text-primary-green border border-solid":"bg-primary-green text-white"])},[s?(e.openBlock(),e.createElementBlock("span",c,e.toDisplayString(o.tag.name),1)):(e.openBlock(),e.createBlock(C,{key:1,to:`/dashboard/tags/${o.tag.name}`,class:"mr-1 text-sm hover:underline"},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(o.tag.name),1)]),_:1},8,["to"])),o.showRate&&!s?(e.openBlock(),e.createElementBlock("span",d,e.toDisplayString(o.tag.rate),1)):e.createCommentVNode("",!0),o.closable?(e.openBlock(),e.createElementBlock("svg",{key:3,width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"inline-block cursor-pointer",onClick:i[0]||(i[0]=g=>o.$emit("close"))},[e.createElementVNode("path",{d:`M8.49999 7.66407L5.07851 4.24259C4.96961 4.1337 4.82192 4.07252 4.66793 4.07252C4.51393 4.07252 4.36624
|
|
2
2
|
4.1337 4.25735 4.24259C4.14846 4.35148 4.08728 4.49917 4.08728 4.65317C4.08728 4.80716 4.14846 4.95485 4.25735
|
|
3
3
|
5.06375L7.67883 8.48523L4.25735 11.9067C4.14846 12.0156 4.08728 12.1633 4.08728 12.3173C4.08728 12.4713 4.14846
|
|
4
4
|
12.619 4.25735 12.7279C4.36624 12.8368 4.51393 12.8979 4.66793 12.8979C4.82192 12.8979 4.96961 12.8368 5.07851
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
12.6328 12.8349 12.7426 12.7279C12.8515 12.619 12.9127 12.4713 12.9127 12.3173C12.9127 12.1633 12.8515
|
|
7
7
|
12.0156 12.7426 11.9067L9.32115 8.48523L12.7426 5.06375C12.8515 4.95485 12.9127 4.80716 12.9127
|
|
8
8
|
4.65317C12.9127 4.49917 12.8515 4.35148 12.7426 4.24259C12.6328 4.13556 12.4854 4.07566 12.3321
|
|
9
|
-
4.07566C12.1787 4.07566 12.0313 4.13556 11.9215 4.24259L8.49999 7.66407Z`,fill:
|
|
9
|
+
4.07566C12.1787 4.07566 12.0313 4.13556 11.9215 4.24259L8.49999 7.66407Z`,fill:s?"#01ABAA":"white"},null,8,p)])):e.createCommentVNode("",!0)],2)}}}),a=(r,t)=>{const l=r.__vccOpts||r;for(const[s,o]of t)l[s]=o;return l},f=a(m,[["__scopeId","data-v-56852f88"]]),k={class:"loader-wrapper relative"},h=a(e.defineComponent({__name:"index",props:{width:{default:"21px"},height:{default:"21px"},speed:{default:"1.5s"},color:{default:"#01ABAA"}},setup(r){return e.useCssVars(t=>({"1ea7dc8c":t.width,c6f689be:t.height,"1d90de29":t.color,"1e72af0d":t.speed})),(t,l)=>(e.openBlock(),e.createElementBlock("div",k,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(8,s=>e.createElementVNode("div",{key:s,class:"spoke absolute"})),64))]))}}),[["__scopeId","data-v-c240f1d2"]]);n.Tag=f,n.WheelLoader=h,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED