vue2-comp-lib 1.0.2 → 1.0.4

package/src/components/app-loading-dots/app-loading-dots.vue

@@ -1,107 +0,0 @@
-<!-- @format -->
-<template>
-    <div class="loading-dots" :style="containerStyle">
-        <div class="loading-wrapper">
-            <div class="loading-container">
-                <div class="dot dot-1" :style="dotStyle"></div>
-                <div class="dot dot-2" :style="dotStyle"></div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-interface Props {
-    fill?: string;
-    size?: string;
-    dotSize?: string;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-    fill: '#ffffff',
-    size: '22px',
-    dotSize: '12px',
-});
-
-const containerStyle = computed(
-    () =>
-        ({
-            '--loading-dots-size': props.size,
-            '--loading-dots-dot-size': props.dotSize,
-        }) as Record<string, string>,
-);
-
-const dotStyle = computed(() => ({ background: props.fill }));
-</script>
-
-<style scoped>
-.loading-wrapper {
-    -webkit-filter: url('#dots');
-    filter: url('#dots');
-}
-
-.loading-wrapper .loading-container {
-    position: relative;
-    height: var(--loading-dots-size);
-    width: var(--loading-dots-size);
-    animation: rotating 0.5s linear infinite;
-}
-
-.loading-wrapper .loading-container .dot {
-    position: absolute;
-    left: 5px;
-    top: 5px;
-    border-radius: 50%;
-    height: var(--loading-dots-dot-size);
-    width: var(--loading-dots-dot-size);
-    background-color: #ffffff;
-}
-
-.loading-wrapper .loading-container .dot.dot-1 {
-    animation: dot-1 1.5s ease-in-out infinite;
-}
-
-.loading-wrapper .loading-container .dot.dot-2 {
-    animation: dot-2 1.5s ease-in-out infinite;
-}
-
-.loading-dots-svg {
-    display: none;
-}
-
-@keyframes rotating {
-    0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-    }
-
-    100% {
-        -webkit-transform: rotate(360deg);
-        transform: rotate(360deg);
-    }
-}
-
-@keyframes dot-1 {
-    0%,
-    100% {
-        transform: translateY(0) scale(1);
-    }
-
-    50% {
-        transform: translateY(8px) scale(0.6);
-    }
-}
-
-@keyframes dot-2 {
-    0%,
-    100% {
-        transform: translateY(0) scale(1);
-    }
-
-    50% {
-        transform: translateY(-8px) scale(0.6);
-    }
-}
-</style>

package/src/components/app-loading-dots/index.ts

@@ -1 +0,0 @@
-export { default as AppLoadingDots } from './app-loading-dots.vue';

package/src/components/index.ts

@@ -1,2 +0,0 @@
-export * from './app-button-v2';
-export * from './app-loading-dots';

package/src/index.ts

@@ -1,5 +0,0 @@
-import './assets/styles/main.css';
-
-export * from './components';
-
-export const TEST = 'test';

package/src/stories/app-button-v2.stories.ts

@@ -1,61 +0,0 @@
-import type { Meta } from '@storybook/vue';
-import { createStory } from '@/utils/storybook/create-story';
-import AppButtonV2, {
-    type AppButtonV2Color,
-    type AppButtonV2Type,
-    type AppButtonV2Variant,
-} from '@/components/app-button-v2/app-button-v2.vue';
-
-const typeOptions: AppButtonV2Type[] = ['button', 'submit', 'reset'];
-
-const variantOptions: AppButtonV2Variant[] = ['primary', 'secondary'];
-
-const colorOptions: AppButtonV2Color[] = [
-    'sky-blue',
-    'slate-purple',
-    'ghost',
-    'vivid-raspberry',
-    'neptune',
-    'supernova',
-    'sea-foam',
-    'white',
-    'show-more',
-    'phantom',
-];
-
-export const Default = createStory<typeof AppButtonV2>({
-    render: (_, { argTypes }) => ({
-        props: Object.keys(argTypes),
-        components: { AppButtonV2 },
-        template: '<app-button-v2 v-bind="$props">Button</app-button-v2>',
-    }),
-    argTypes: {
-        type: {
-            control: 'select',
-            options: typeOptions,
-        },
-        variant: {
-            control: 'select',
-            options: variantOptions,
-            type: 'string',
-        },
-        color: {
-            control: 'select',
-            options: colorOptions,
-            type: 'string',
-        },
-        disabled: {
-            control: 'boolean',
-        },
-    },
-    args: {
-        type: 'button',
-        variant: 'primary',
-        color: 'sky-blue',
-    },
-});
-
-const meta: Meta<typeof AppButtonV2> = {
-    component: AppButtonV2,
-};
-export default meta;

package/src/utils/storybook/create-story.ts

@@ -1,9 +0,0 @@
-import type { StoryObj } from '@storybook/vue';
-import type { Component } from 'vue';
-
-export function createStory<
-    TComponent extends Component,
-    TStory extends StoryObj<TComponent> = StoryObj<TComponent>,
->(story: TStory): TStory {
-    return story;
-}