design-system-next 2.11.17 → 2.11.19

package/src/components/avatar/avatar.ts

@@ -1,64 +1,64 @@
-import type { PropType, ExtractPropTypes } from 'vue';
-
-export const definePropType = <T>(val: unknown): PropType<T> => val as PropType<T>;
-
-const AVATAR_SIZE = ['2xl', 'xl', 'lg', 'md', 'sm', 'xs', '2xs'] as const;
-const AVATAR_PRIMARY = ['primary', 'secondary'] as const;
-const AVATAR_STATUS = ['danger', 'disabled', 'information', 'brand'] as const;
-export const AVATAR_VARIANT = ['image', 'initial', 'client', 'user', 'user-group', 'count'] as const;
-
-export const avatarPropTypes = {
-  src: {
-    type: String,
-  },
-  alt: {
-    type: String,
-    default: 'Avatar',
-  },
-  badge: {
-    type: Boolean,
-    default: false,
-  },
-  size: {
-    type: String,
-    validator: (value: (typeof AVATAR_SIZE)[number]) => AVATAR_SIZE.includes(value),
-    default: '2xl',
-  },
-  notification: {
-    type: Boolean,
-    default: false,
-  },
-  notificationText: {
-    type: String,
-    default: '0',
-  },
-  initial: {
-    type: String,
-    default: 'Avatar',
-  },
-  color: {
-    type: String,
-    validator: (value: (typeof AVATAR_PRIMARY)[number]) => AVATAR_PRIMARY.includes(value),
-    default: 'primary',
-  },
-  status: {
-    type: String,
-    validator: (value: (typeof AVATAR_STATUS)[number]) => AVATAR_STATUS.includes(value),
-    default: 'brand',
-  },
-  count: {
-    type: Number,
-    default: 0,
-  },
-  variant: {
-    type: String,
-    validator: (value: (typeof AVATAR_VARIANT)[number]) => AVATAR_VARIANT.includes(value),
-    default: 'initial',
-  },
-  loading: {
-    type: Boolean,
-    default: false,
-  },
-};
-
-export type AvatarPropTypes = ExtractPropTypes<typeof avatarPropTypes>;
+import type { PropType, ExtractPropTypes } from 'vue';
+
+export const definePropType = <T>(val: unknown): PropType<T> => val as PropType<T>;
+
+const AVATAR_SIZE = ['2xl', 'xl', 'lg', 'md', 'sm', 'xs', '2xs'] as const;
+const AVATAR_PRIMARY = ['primary', 'secondary'] as const;
+const AVATAR_STATUS = ['danger', 'disabled', 'information', 'brand'] as const;
+export const AVATAR_VARIANT = ['image', 'initial', 'client', 'user', 'user-group', 'count'] as const;
+
+export const avatarPropTypes = {
+  src: {
+    type: String,
+  },
+  alt: {
+    type: String,
+    default: 'Avatar',
+  },
+  badge: {
+    type: Boolean,
+    default: false,
+  },
+  size: {
+    type: String,
+    validator: (value: (typeof AVATAR_SIZE)[number]) => AVATAR_SIZE.includes(value),
+    default: '2xl',
+  },
+  notification: {
+    type: Boolean,
+    default: false,
+  },
+  notificationText: {
+    type: String,
+    default: '0',
+  },
+  initial: {
+    type: String,
+    default: 'Avatar',
+  },
+  color: {
+    type: String,
+    validator: (value: (typeof AVATAR_PRIMARY)[number]) => AVATAR_PRIMARY.includes(value),
+    default: 'primary',
+  },
+  status: {
+    type: String,
+    validator: (value: (typeof AVATAR_STATUS)[number]) => AVATAR_STATUS.includes(value),
+    default: 'brand',
+  },
+  count: {
+    type: Number,
+    default: 0,
+  },
+  variant: {
+    type: String,
+    validator: (value: (typeof AVATAR_VARIANT)[number]) => AVATAR_VARIANT.includes(value),
+    default: 'initial',
+  },
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+};
+
+export type AvatarPropTypes = ExtractPropTypes<typeof avatarPropTypes>;

package/src/components/badge/badge.ts

@@ -1,43 +1,43 @@
-import type { PropType, ExtractPropTypes } from 'vue';
-
-export const definePropType = <T>(val: unknown): PropType<T> => val as PropType<T>;
-
-const BADGE_VARIANT = ['danger', 'disabled', 'information', 'brand'] as const;
-const BADGE_SIZE = ['small', 'big', 'tiny'] as const;
-const BADGE_POSITION = ['top', 'bottom', 'default'] as const;
-
-export const badgePropTypes = {
-  /**
-   * @description Badge Label
-   */
-  text: {
-    type: String,
-    default: '0',
-  },
-  /**
-   * @description Badge variant
-   */
-  variant: {
-    type: String,
-    validator: (value: (typeof BADGE_VARIANT)[number]) => BADGE_VARIANT.includes(value),
-    default: 'brand',
-  },
-  /**
-   * @description Badge size
-   */
-  size: {
-    type: String,
-    validator: (value: (typeof BADGE_SIZE)[number]) => BADGE_SIZE.includes(value),
-    default: 'small',
-  },
-  /**
-   * @description Badge position (top, bottom, default)
-   */
-  position: {
-    type: String,
-    validator: (value: (typeof BADGE_POSITION)[number]) => BADGE_POSITION.includes(value),
-    default: 'default',
-  },
-};
-
-export type BadgePropTypes = ExtractPropTypes<typeof badgePropTypes>;
+import type { PropType, ExtractPropTypes } from 'vue';
+
+export const definePropType = <T>(val: unknown): PropType<T> => val as PropType<T>;
+
+const BADGE_VARIANT = ['danger', 'disabled', 'information', 'brand'] as const;
+const BADGE_SIZE = ['small', 'big', 'tiny'] as const;
+const BADGE_POSITION = ['top', 'bottom', 'default'] as const;
+
+export const badgePropTypes = {
+  /**
+   * @description Badge Label
+   */
+  text: {
+    type: String,
+    default: '0',
+  },
+  /**
+   * @description Badge variant
+   */
+  variant: {
+    type: String,
+    validator: (value: (typeof BADGE_VARIANT)[number]) => BADGE_VARIANT.includes(value),
+    default: 'brand',
+  },
+  /**
+   * @description Badge size
+   */
+  size: {
+    type: String,
+    validator: (value: (typeof BADGE_SIZE)[number]) => BADGE_SIZE.includes(value),
+    default: 'small',
+  },
+  /**
+   * @description Badge position (top, bottom, default)
+   */
+  position: {
+    type: String,
+    validator: (value: (typeof BADGE_POSITION)[number]) => BADGE_POSITION.includes(value),
+    default: 'default',
+  },
+};
+
+export type BadgePropTypes = ExtractPropTypes<typeof badgePropTypes>;

package/src/components/banner/banner.ts

@@ -1,20 +1,20 @@
-import { PropType, type ExtractPropTypes } from 'vue';
-
-export const BANNER_TYPE = ['success', 'error', 'info', 'pending', 'caution'] as const;
-
-export const bannerProps = {
-  type: {
-    type: String as PropType<(typeof BANNER_TYPE)[number]>,
-    validator: (value: (typeof BANNER_TYPE)[number]) => BANNER_TYPE.includes(value),
-    default: 'success',
-  },
-  showCloseButton: {
-    type: Boolean,
-    default: false,
-  },
-  message: {
-    type: String,
-  }
-};
-
-export type BannerPropTypes = ExtractPropTypes<typeof bannerProps>;
+import { PropType, type ExtractPropTypes } from 'vue';
+
+export const BANNER_TYPE = ['success', 'error', 'info', 'pending', 'caution'] as const;
+
+export const bannerProps = {
+  type: {
+    type: String as PropType<(typeof BANNER_TYPE)[number]>,
+    validator: (value: (typeof BANNER_TYPE)[number]) => BANNER_TYPE.includes(value),
+    default: 'success',
+  },
+  showCloseButton: {
+    type: Boolean,
+    default: false,
+  },
+  message: {
+    type: String,
+  }
+};
+
+export type BannerPropTypes = ExtractPropTypes<typeof bannerProps>;

package/src/components/button/button.ts

@@ -1,72 +1,72 @@
-import type { PropType, ExtractPropTypes } from 'vue';
-
-export const definePropType = <T>(val: unknown): PropType<T> => val as PropType<T>;
-
-const BUTTON_TONES = ['neutral', 'success', 'danger'] as const;
-const BUTTON_SIZES = ['small', 'medium', 'large'] as const;
-const BUTTON_TYPES = ['button', 'submit', 'reset'] as const;
-const BUTTON_STATES = ['base', 'hover', 'pressed', 'focus'] as const;
-const BUTTON_VARIANTS = ['primary', 'secondary', 'tertiary'] as const;
-
-export const buttonPropTypes = {
-  /**
-   * @description Button tone
-   */
-  tone: {
-    type: String as PropType<(typeof BUTTON_TONES)[number]>,
-    validator: (value: (typeof BUTTON_TONES)[number]) => BUTTON_TONES.includes(value),
-    default: 'neutral',
-  },
-  /**
-   * @description Button size
-   */
-  size: {
-    type: String as PropType<(typeof BUTTON_SIZES)[number]>,
-    validator: (value: (typeof BUTTON_SIZES)[number]) => BUTTON_SIZES.includes(value),
-    default: 'medium',
-  },
-  /**
-   * @description Native button type
-   */
-  type: {
-    type: String as PropType<(typeof BUTTON_TYPES)[number]>,
-    validator: (value: (typeof BUTTON_TYPES)[number]) => BUTTON_TYPES.includes(value),
-    default: 'button',
-  },
-  /**
-   * @description Button state
-   */
-  state: {
-    type: String as PropType<(typeof BUTTON_STATES)[number]>,
-    validator: (value: (typeof BUTTON_STATES)[number]) => BUTTON_STATES.includes(value),
-    default: 'base',
-  },
-  /**
-   * @description Button Variant
-   */
-  variant: {
-    type: String as PropType<(typeof BUTTON_VARIANTS)[number]>,
-    validator: (value: (typeof BUTTON_VARIANTS)[number]) => BUTTON_VARIANTS.includes(value),
-    default: 'primary',
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  hasIcon: {
-    type: Boolean,
-    default: false,
-  },
-  fullwidth: {
-    type: Boolean,
-    default: false,
-  },
-};
-
-export const buttonEmitTypes = {
-  click: (evt: MouseEvent): evt is MouseEvent => evt instanceof MouseEvent,
-};
-
-export type ButtonPropTypes = ExtractPropTypes<typeof buttonPropTypes>;
-export type ButtonEmitTypes = typeof buttonEmitTypes;
-export type ButtonType = ButtonPropTypes['type'];
+import type { PropType, ExtractPropTypes } from 'vue';
+
+export const definePropType = <T>(val: unknown): PropType<T> => val as PropType<T>;
+
+const BUTTON_TONES = ['neutral', 'success', 'danger'] as const;
+const BUTTON_SIZES = ['small', 'medium', 'large'] as const;
+const BUTTON_TYPES = ['button', 'submit', 'reset'] as const;
+const BUTTON_STATES = ['base', 'hover', 'pressed', 'focus'] as const;
+const BUTTON_VARIANTS = ['primary', 'secondary', 'tertiary'] as const;
+
+export const buttonPropTypes = {
+  /**
+   * @description Button tone
+   */
+  tone: {
+    type: String as PropType<(typeof BUTTON_TONES)[number]>,
+    validator: (value: (typeof BUTTON_TONES)[number]) => BUTTON_TONES.includes(value),
+    default: 'neutral',
+  },
+  /**
+   * @description Button size
+   */
+  size: {
+    type: String as PropType<(typeof BUTTON_SIZES)[number]>,
+    validator: (value: (typeof BUTTON_SIZES)[number]) => BUTTON_SIZES.includes(value),
+    default: 'medium',
+  },
+  /**
+   * @description Native button type
+   */
+  type: {
+    type: String as PropType<(typeof BUTTON_TYPES)[number]>,
+    validator: (value: (typeof BUTTON_TYPES)[number]) => BUTTON_TYPES.includes(value),
+    default: 'button',
+  },
+  /**
+   * @description Button state
+   */
+  state: {
+    type: String as PropType<(typeof BUTTON_STATES)[number]>,
+    validator: (value: (typeof BUTTON_STATES)[number]) => BUTTON_STATES.includes(value),
+    default: 'base',
+  },
+  /**
+   * @description Button Variant
+   */
+  variant: {
+    type: String as PropType<(typeof BUTTON_VARIANTS)[number]>,
+    validator: (value: (typeof BUTTON_VARIANTS)[number]) => BUTTON_VARIANTS.includes(value),
+    default: 'primary',
+  },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+  hasIcon: {
+    type: Boolean,
+    default: false,
+  },
+  fullwidth: {
+    type: Boolean,
+    default: false,
+  },
+};
+
+export const buttonEmitTypes = {
+  click: (evt: MouseEvent): evt is MouseEvent => evt instanceof MouseEvent,
+};
+
+export type ButtonPropTypes = ExtractPropTypes<typeof buttonPropTypes>;
+export type ButtonEmitTypes = typeof buttonEmitTypes;
+export type ButtonType = ButtonPropTypes['type'];

package/src/components/button/button.vue

@@ -1,15 +1,15 @@
-<template>
-  <button ref="buttonRef" :class="buttonClassses" v-bind="buttonProps" @click="handleClick">
-    <slot />
-  </button>
-</template>
-
-<script lang="ts" setup>
-import { buttonEmitTypes, buttonPropTypes } from './button';
-import { useButton } from './use-button';
-
-const props = defineProps(buttonPropTypes);
-const emit = defineEmits(buttonEmitTypes);
-
-const { buttonRef, buttonClassses, buttonProps, handleClick } = useButton(props, emit);
-</script>
+<template>
+  <button ref="buttonRef" :class="buttonClassses" v-bind="buttonProps" @click="handleClick">
+    <slot />
+  </button>
+</template>
+
+<script lang="ts" setup>
+import { buttonEmitTypes, buttonPropTypes } from './button';
+import { useButton } from './use-button';
+
+const props = defineProps(buttonPropTypes);
+const emit = defineEmits(buttonEmitTypes);
+
+const { buttonRef, buttonClassses, buttonProps, handleClick } = useButton(props, emit);
+</script>

package/src/components/calendar/calendar.ts

@@ -1,89 +1,89 @@
-import type { PropType, ExtractPropTypes } from 'vue';
-
-export const definePropType = <T>(val: unknown): PropType<T> => val as PropType<T>;
-
-export interface ShiftType {
-  startTime: string;
-  endTime: string;
-  location: string;
-  type: string;
-}
-
-interface EmployeeSchedule {
-  [key: string]: ShiftType | 'restday' | null;
-}
-
-interface Employee {
-  id: string;
-  name: string;
-  position: string;
-  avatar?: string;
-  hoursWorked?: number;
-  hoursTarget?: number;
-  schedule: EmployeeSchedule[];
-}
-export interface SelectedShift {
-  employeeId: string;
-  date: string;
-  shift?: ShiftType | 'restday' | null;
-}
-
-export const calendarPropTypes = {
-  employees: {
-    type: Array as PropType<Employee[]>,
-    default: () => [],
-  },
-  initialDate: {
-    type: Date,
-    default: () => new Date(),
-  },
-
-  search: {
-    type: String,
-    default: '',
-  },
-
-  selectedCell: {
-    type: Object as PropType<SelectedShift>,
-    default: () => ({
-      employeeId: '',
-      date: '',
-      shift: null,
-    }),
-  },
-  loading: {
-    type: Boolean,
-    default: false,
-  },
-  emptyStateTitle: {
-    type: String,
-    default: 'No List Found',
-  },
-  emptyStateDescription: {
-    type: String,
-    default: '',
-  },
-  emptyStateButtonText: {
-    type: String,
-    default: 'Add Employee',
-  },
-  hideAddButton: {
-    type: Boolean,
-    default: false,
-  },
-
-  infiniteLoading: {
-    type: Boolean,
-    default: false,
-  },
-  loadingTextCompleted: {
-    type: String,
-    default: '',
-  },
-};
-
-export const calendarEmitTypes = {};
-
-export type CalendarEmitTypes = typeof calendarEmitTypes;
-
-export type CalendarPropTypes = ExtractPropTypes<typeof calendarPropTypes>;
+import type { PropType, ExtractPropTypes } from 'vue';
+
+export const definePropType = <T>(val: unknown): PropType<T> => val as PropType<T>;
+
+export interface ShiftType {
+  startTime: string;
+  endTime: string;
+  location: string;
+  type: string;
+}
+
+interface EmployeeSchedule {
+  [key: string]: ShiftType | 'restday' | null;
+}
+
+interface Employee {
+  id: string;
+  name: string;
+  position: string;
+  avatar?: string;
+  hoursWorked?: number;
+  hoursTarget?: number;
+  schedule: EmployeeSchedule[];
+}
+export interface SelectedShift {
+  employeeId: string;
+  date: string;
+  shift?: ShiftType | 'restday' | null;
+}
+
+export const calendarPropTypes = {
+  employees: {
+    type: Array as PropType<Employee[]>,
+    default: () => [],
+  },
+  initialDate: {
+    type: Date,
+    default: () => new Date(),
+  },
+
+  search: {
+    type: String,
+    default: '',
+  },
+
+  selectedCell: {
+    type: Object as PropType<SelectedShift>,
+    default: () => ({
+      employeeId: '',
+      date: '',
+      shift: null,
+    }),
+  },
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  emptyStateTitle: {
+    type: String,
+    default: 'No List Found',
+  },
+  emptyStateDescription: {
+    type: String,
+    default: '',
+  },
+  emptyStateButtonText: {
+    type: String,
+    default: 'Add Employee',
+  },
+  hideAddButton: {
+    type: Boolean,
+    default: false,
+  },
+
+  infiniteLoading: {
+    type: Boolean,
+    default: false,
+  },
+  loadingTextCompleted: {
+    type: String,
+    default: '',
+  },
+};
+
+export const calendarEmitTypes = {};
+
+export type CalendarEmitTypes = typeof calendarEmitTypes;
+
+export type CalendarPropTypes = ExtractPropTypes<typeof calendarPropTypes>;