@teammodlr/ui-kit 2.1.41 → 2.1.43

package/src/styles/transitions.css.ts

@@ -1,97 +1,97 @@
-import { style, globalKeyframes } from '@vanilla-extract/css';
-import { themeVars } from './theme.css';
-
-const FADE_NAME = 'fade';
-const FADE_DURATION = 0.2;
-globalKeyframes(FADE_NAME, {
-    from: {
-        opacity: 0
-    },
-    to: {
-        opacity: 1
-    }
-});
-
-export const fade = {
-    enterActive: style({
-        animation: `${FADE_DURATION}s ${FADE_NAME} ${themeVars.transition.default}`
-    }),
-
-    leaveActive: style({
-        animation: `${FADE_DURATION}s ${FADE_NAME} ${themeVars.transition.default} reverse`
-    }),
-
-    enterFrom: style({
-        opacity: 0
-    }),
-
-    leaveTo: style({
-        opacity: 0
-    })
-};
-
-const SCALE_NAME = 'scale';
-const SCALE_DURATION = 0.12;
-globalKeyframes(SCALE_NAME, {
-    '0%': {
-        opacity: 0,
-        scale: 0.95
-    },
-    '100%': {
-        opacity: 1,
-        scale: 1
-    }
-});
-
-export const scale = {
-    enterActive: style({
-        animation: `${SCALE_DURATION}s ${SCALE_NAME} ${themeVars.transition.default}`
-    }),
-
-    leaveActive: style({
-        animation: `${SCALE_DURATION}s ${SCALE_NAME} ${themeVars.transition.default} reverse`
-    }),
-
-    enterFrom: style({
-        opacity: 0
-    }),
-
-    leaveTo: style({
-        opacity: 0
-    })
-};
-
-const MODAL_NAME = 'modal';
-const MODAL_DURATION = 0.5;
-globalKeyframes(MODAL_NAME, {
-    '0%': {
-        opacity: 0,
-        scale: 0.95,
-        // offset bottom
-        transformOrigin: 'bottom',
-        transform: `translateY(10%)`
-    },
-    '100%': {
-        opacity: 1,
-        scale: 1,
-        transform: `translateY(0%)`
-    }
-});
-
-export const modalScale = {
-    enterActive: style({
-        animation: `${MODAL_DURATION}s ${MODAL_NAME} ${themeVars.transition.default}`
-    }),
-
-    leaveActive: style({
-        animation: `${MODAL_DURATION}s ${MODAL_NAME} ${themeVars.transition.default}  reverse`
-    }),
-
-    enterFrom: style({
-        opacity: 0
-    }),
-
-    leaveTo: style({
-        opacity: 0
-    })
-};
+import { style, globalKeyframes } from '@vanilla-extract/css';
+import { themeVars } from './theme.css';
+
+const FADE_NAME = 'fade';
+const FADE_DURATION = 0.2;
+globalKeyframes(FADE_NAME, {
+    from: {
+        opacity: 0
+    },
+    to: {
+        opacity: 1
+    }
+});
+
+export const fade = {
+    enterActive: style({
+        animation: `${FADE_DURATION}s ${FADE_NAME} ${themeVars.transition.default}`
+    }),
+
+    leaveActive: style({
+        animation: `${FADE_DURATION}s ${FADE_NAME} ${themeVars.transition.default} reverse`
+    }),
+
+    enterFrom: style({
+        opacity: 0
+    }),
+
+    leaveTo: style({
+        opacity: 0
+    })
+};
+
+const SCALE_NAME = 'scale';
+const SCALE_DURATION = 0.12;
+globalKeyframes(SCALE_NAME, {
+    '0%': {
+        opacity: 0,
+        scale: 0.95
+    },
+    '100%': {
+        opacity: 1,
+        scale: 1
+    }
+});
+
+export const scale = {
+    enterActive: style({
+        animation: `${SCALE_DURATION}s ${SCALE_NAME} ${themeVars.transition.default}`
+    }),
+
+    leaveActive: style({
+        animation: `${SCALE_DURATION}s ${SCALE_NAME} ${themeVars.transition.default} reverse`
+    }),
+
+    enterFrom: style({
+        opacity: 0
+    }),
+
+    leaveTo: style({
+        opacity: 0
+    })
+};
+
+const MODAL_NAME = 'modal';
+const MODAL_DURATION = 0.5;
+globalKeyframes(MODAL_NAME, {
+    '0%': {
+        opacity: 0,
+        scale: 0.95,
+        // offset bottom
+        transformOrigin: 'bottom',
+        transform: `translateY(10%)`
+    },
+    '100%': {
+        opacity: 1,
+        scale: 1,
+        transform: `translateY(0%)`
+    }
+});
+
+export const modalScale = {
+    enterActive: style({
+        animation: `${MODAL_DURATION}s ${MODAL_NAME} ${themeVars.transition.default}`
+    }),
+
+    leaveActive: style({
+        animation: `${MODAL_DURATION}s ${MODAL_NAME} ${themeVars.transition.default}  reverse`
+    }),
+
+    enterFrom: style({
+        opacity: 0
+    }),
+
+    leaveTo: style({
+        opacity: 0
+    })
+};

package/src/types/props.ts

@@ -1,19 +1,19 @@
-export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-
-export type Color =
-    | 'white'
-    | 'black'
-    | 'blue'
-    | 'green'
-    | 'red'
-    | 'yellow'
-    | 'gray';
-
-export type Variant =
-    | 'default'
-    | 'tertiary'
-    | 'primary'
-    | 'dark'
-    | 'success'
-    | 'warning'
-    | 'error';
+export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+export type Color =
+    | 'white'
+    | 'black'
+    | 'blue'
+    | 'green'
+    | 'red'
+    | 'yellow'
+    | 'gray';
+
+export type Variant =
+    | 'default'
+    | 'tertiary'
+    | 'primary'
+    | 'dark'
+    | 'success'
+    | 'warning'
+    | 'error';

package/src/utils/injection.ts

@@ -1,5 +1,5 @@
-import type { InjectionKey } from 'vue';
-
-export function createInjectionKey<T>(key: string): InjectionKey<T> {
-    return key as any;
-}
+import type { InjectionKey } from 'vue';
+
+export function createInjectionKey<T>(key: string): InjectionKey<T> {
+    return key as any;
+}

package/volar.d.ts

@@ -1,16 +1,16 @@
-declare module 'vue' {
-    export interface GlobalComponents {
-        MAvatar: typeof import ('@teammodlr/ui-kit')['MAvatar']
-        MAvatarGroup: typeof import ('@teammodlr/ui-kit')['MAvatarGroup']
-        MBreadcrumb: typeof import ('@teammodlr/ui-kit')['MBreadcrumb']
-        MBreadcrumbItem: typeof import ('@teammodlr/ui-kit')['MBreadcrumbItem']
-        MButton: typeof import ('@teammodlr/ui-kit')['MButton']
-        MInput: typeof import ('@teammodlr/ui-kit')['MInput']
-        MMessageProvider: typeof import ('@teammodlr/ui-kit')['MMessageProvider']
-        MTree: typeof import ('@teammodlr/ui-kit')['MTree']
-        MVirtualScroll: typeof import ('@teammodlr/ui-kit')['MVirtualScroll']
-        [key: string]: any
-    }
-}
-
-export {}
+declare module 'vue' {
+    export interface GlobalComponents {
+        MAvatar: typeof import ('@teammodlr/ui-kit')['MAvatar']
+        MAvatarGroup: typeof import ('@teammodlr/ui-kit')['MAvatarGroup']
+        MBreadcrumb: typeof import ('@teammodlr/ui-kit')['MBreadcrumb']
+        MBreadcrumbItem: typeof import ('@teammodlr/ui-kit')['MBreadcrumbItem']
+        MButton: typeof import ('@teammodlr/ui-kit')['MButton']
+        MInput: typeof import ('@teammodlr/ui-kit')['MInput']
+        MMessageProvider: typeof import ('@teammodlr/ui-kit')['MMessageProvider']
+        MTree: typeof import ('@teammodlr/ui-kit')['MTree']
+        MVirtualScroll: typeof import ('@teammodlr/ui-kit')['MVirtualScroll']
+        [key: string]: any
+    }
+}
+
+export {}