design-system-next 2.11.17 → 2.11.19

package/src/components/card/card.ts

@@ -1,52 +1,52 @@
-import type { PropType, ExtractPropTypes } from 'vue';
-
-export const definePropType = <T>(val: unknown): PropType<T> => val as PropType<T>;
-
-const BORDER_RADIUS_SIZE = ['xl', 'lg', 'md', 'sm', 'xs', '2xs'] as const;
-
-export const cardPropTypes = {
-  title: {
-    type: String,
-    default: '',
-  },
-  subtitle: {
-    type: String,
-    default: '',
-  },
-  headerIcon: {
-    type: String,
-    default: '',
-  },
-  showHeader: {
-    type: Boolean,
-    default: true,
-  },
-  showFooter: {
-    type: Boolean,
-    default: true,
-  },
-  borderRadiusSize: {
-    type: String,
-    validator: (value: (typeof BORDER_RADIUS_SIZE)[number]) => BORDER_RADIUS_SIZE.includes(value),
-    default: 'xl',
-  },
-  hasCollapsible: {
-    type: Boolean,
-    default: false,
-  },
-  isCollapsibleOpen: {
-    type: Boolean,
-    default: false,
-  },
-  hasContentPadding: {
-    type: Boolean,
-    default: true,
-  },
-
-  flexbox: {
-    type: Boolean,
-    default: false,
-  },
-};
-
-export type CardPropTypes = ExtractPropTypes<typeof cardPropTypes>;
+import type { PropType, ExtractPropTypes } from 'vue';
+
+export const definePropType = <T>(val: unknown): PropType<T> => val as PropType<T>;
+
+const BORDER_RADIUS_SIZE = ['xl', 'lg', 'md', 'sm', 'xs', '2xs'] as const;
+
+export const cardPropTypes = {
+  title: {
+    type: String,
+    default: '',
+  },
+  subtitle: {
+    type: String,
+    default: '',
+  },
+  headerIcon: {
+    type: String,
+    default: '',
+  },
+  showHeader: {
+    type: Boolean,
+    default: true,
+  },
+  showFooter: {
+    type: Boolean,
+    default: true,
+  },
+  borderRadiusSize: {
+    type: String,
+    validator: (value: (typeof BORDER_RADIUS_SIZE)[number]) => BORDER_RADIUS_SIZE.includes(value),
+    default: 'xl',
+  },
+  hasCollapsible: {
+    type: Boolean,
+    default: false,
+  },
+  isCollapsibleOpen: {
+    type: Boolean,
+    default: false,
+  },
+  hasContentPadding: {
+    type: Boolean,
+    default: true,
+  },
+
+  flexbox: {
+    type: Boolean,
+    default: false,
+  },
+};
+
+export type CardPropTypes = ExtractPropTypes<typeof cardPropTypes>;

package/src/components/checkbox/checkbox.ts

@@ -1,45 +1,45 @@
-import type { PropType, ExtractPropTypes } from 'vue';
-
-export const definePropType = <T>(val: unknown): PropType<T> => val as PropType<T>;
-
-export const checkboxPropTypes = {
-  modelValue: {
-    type: Boolean,
-    default: false,
-  },
-  label: {
-    type: String,
-    default: '',
-  },
-  description: {
-    type: String,
-    default: '',
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  checked: {
-    type: Boolean,
-    default: false,
-  },
-  indeterminate: {
-    type: Boolean,
-    default: false,
-  },
-  bordered: {
-    type: Boolean,
-    default: false,
-  },
-  fullWidth: {
-    type: Boolean,
-    default: false,
-  }
-};
-
-export const checkboxEmitTypes = {
-  'update:modelValue': (value: boolean) => typeof value === 'boolean',
-};
-
-export type CheckboxPropTypes = ExtractPropTypes<typeof checkboxPropTypes>;
-export type CheckboxEmitTypes = typeof checkboxEmitTypes;
+import type { PropType, ExtractPropTypes } from 'vue';
+
+export const definePropType = <T>(val: unknown): PropType<T> => val as PropType<T>;
+
+export const checkboxPropTypes = {
+  modelValue: {
+    type: Boolean,
+    default: false,
+  },
+  label: {
+    type: String,
+    default: '',
+  },
+  description: {
+    type: String,
+    default: '',
+  },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+  checked: {
+    type: Boolean,
+    default: false,
+  },
+  indeterminate: {
+    type: Boolean,
+    default: false,
+  },
+  bordered: {
+    type: Boolean,
+    default: false,
+  },
+  fullWidth: {
+    type: Boolean,
+    default: false,
+  }
+};
+
+export const checkboxEmitTypes = {
+  'update:modelValue': (value: boolean) => typeof value === 'boolean',
+};
+
+export type CheckboxPropTypes = ExtractPropTypes<typeof checkboxPropTypes>;
+export type CheckboxEmitTypes = typeof checkboxEmitTypes;

package/src/components/chips/chips.ts

@@ -1,95 +1,95 @@
-import type { PropType, ExtractPropTypes } from 'vue';
-
-export const definePropType = <T>(val: unknown): PropType<T> => val as PropType<T>;
-
-const CHIPS_SIZE = ['lg', 'md', 'sm'] as const;
-export const ICON_WEIGHTS = ['regular', 'bold', 'thin', 'light', 'fill', 'duotone'] as const;
-const CHIPS_VARIANT = ['tag', 'day'] as const;
-const DAYS = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'] as const;
-
-export const chipsPropTypes = {
-  label: {
-    type: String,
-    default: '',
-  },
-  size: {
-    type: String,
-    validator: (value: (typeof CHIPS_SIZE)[number]) => CHIPS_SIZE.includes(value),
-    default: 'md',
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  active: {
-    type: Boolean,
-    default: false,
-  },
-  closable: {
-    type: Boolean,
-    default: false,
-  },
-  avatarUrl: {
-    type: String,
-    default: '',
-  },
-  avatarVariant: {
-    type: String,
-    default: '',
-  },
-  avatarInitials: {
-    type: String,
-    default: '',
-  },
-  icon: {
-    type: String,
-    default: '',
-  },
-  iconWeight: {
-    type: String as PropType<(typeof ICON_WEIGHTS)[number]>,
-    validator: (value: (typeof ICON_WEIGHTS)[number]) => ICON_WEIGHTS.includes(value),
-    default: 'regular',
-  },
-  closeIconSize: {
-    type: Number,
-    default: 16,
-  },
-  badge: {
-    type: Boolean,
-    default: false,
-  },
-  badgeText: {
-    type: String,
-    default: '0',
-  },
-  badgeVariant: {
-    type: String,
-    default: 'brand',
-  },
-  removable: {
-    type: Boolean,
-    default: false,
-  },
-  visible: {
-    type: Boolean,
-    default: true,
-  },
-  variant: {
-    type: String as PropType<(typeof CHIPS_VARIANT)[number]>,
-    validator: (value: (typeof CHIPS_VARIANT)[number]) => CHIPS_VARIANT.includes(value),
-    default: 'tag',
-  },
-  day: {
-    type: String as PropType<(typeof DAYS)[number]>,
-    default: 'Sunday',
-    validator: (value: string) => DAYS.includes(value as (typeof DAYS)[number]),
-  },
-};
-
-export type ChipsPropTypes = ExtractPropTypes<typeof chipsPropTypes>;
-
-export const chipsEmitTypes = {
-  close: (evt: MouseEvent | KeyboardEvent): boolean => evt instanceof MouseEvent || evt instanceof KeyboardEvent,
-  update: (value: boolean): value is boolean => typeof value === 'boolean',
-};
-export type ChipsEmitTypes = typeof chipsEmitTypes;
+import type { PropType, ExtractPropTypes } from 'vue';
+
+export const definePropType = <T>(val: unknown): PropType<T> => val as PropType<T>;
+
+const CHIPS_SIZE = ['lg', 'md', 'sm'] as const;
+export const ICON_WEIGHTS = ['regular', 'bold', 'thin', 'light', 'fill', 'duotone'] as const;
+const CHIPS_VARIANT = ['tag', 'day'] as const;
+const DAYS = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'] as const;
+
+export const chipsPropTypes = {
+  label: {
+    type: String,
+    default: '',
+  },
+  size: {
+    type: String,
+    validator: (value: (typeof CHIPS_SIZE)[number]) => CHIPS_SIZE.includes(value),
+    default: 'md',
+  },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+  active: {
+    type: Boolean,
+    default: false,
+  },
+  closable: {
+    type: Boolean,
+    default: false,
+  },
+  avatarUrl: {
+    type: String,
+    default: '',
+  },
+  avatarVariant: {
+    type: String,
+    default: '',
+  },
+  avatarInitials: {
+    type: String,
+    default: '',
+  },
+  icon: {
+    type: String,
+    default: '',
+  },
+  iconWeight: {
+    type: String as PropType<(typeof ICON_WEIGHTS)[number]>,
+    validator: (value: (typeof ICON_WEIGHTS)[number]) => ICON_WEIGHTS.includes(value),
+    default: 'regular',
+  },
+  closeIconSize: {
+    type: Number,
+    default: 16,
+  },
+  badge: {
+    type: Boolean,
+    default: false,
+  },
+  badgeText: {
+    type: String,
+    default: '0',
+  },
+  badgeVariant: {
+    type: String,
+    default: 'brand',
+  },
+  removable: {
+    type: Boolean,
+    default: false,
+  },
+  visible: {
+    type: Boolean,
+    default: true,
+  },
+  variant: {
+    type: String as PropType<(typeof CHIPS_VARIANT)[number]>,
+    validator: (value: (typeof CHIPS_VARIANT)[number]) => CHIPS_VARIANT.includes(value),
+    default: 'tag',
+  },
+  day: {
+    type: String as PropType<(typeof DAYS)[number]>,
+    default: 'Sunday',
+    validator: (value: string) => DAYS.includes(value as (typeof DAYS)[number]),
+  },
+};
+
+export type ChipsPropTypes = ExtractPropTypes<typeof chipsPropTypes>;
+
+export const chipsEmitTypes = {
+  close: (evt: MouseEvent | KeyboardEvent): boolean => evt instanceof MouseEvent || evt instanceof KeyboardEvent,
+  update: (value: boolean): value is boolean => typeof value === 'boolean',
+};
+export type ChipsEmitTypes = typeof chipsEmitTypes;

package/src/components/collapsible/collapsible.ts

@@ -1,21 +1,21 @@
-import type { PropType, ExtractPropTypes } from "vue";
-
-export const definePropType = <T>(val: unknown): PropType<T> => val as PropType<T>;
-
-export const collapsiblePropTypes = {
-  modelValue: {
-    type: Boolean,
-    required: true,
-  },
-  transitionDuration: {
-    type: Number,
-    default: 150, // Default transition duration in milliseconds
-  },
-};
-
-export const collapsibleEmitTypes = {
-  'update:modelValue': (value: boolean) => typeof value === 'boolean',
-};
-
-export type CollapsibleEmitTypes = typeof collapsibleEmitTypes
-export type CollapsibleProps = ExtractPropTypes<typeof collapsiblePropTypes>;
+import type { PropType, ExtractPropTypes } from "vue";
+
+export const definePropType = <T>(val: unknown): PropType<T> => val as PropType<T>;
+
+export const collapsiblePropTypes = {
+  modelValue: {
+    type: Boolean,
+    required: true,
+  },
+  transitionDuration: {
+    type: Number,
+    default: 150, // Default transition duration in milliseconds
+  },
+};
+
+export const collapsibleEmitTypes = {
+  'update:modelValue': (value: boolean) => typeof value === 'boolean',
+};
+
+export type CollapsibleEmitTypes = typeof collapsibleEmitTypes
+export type CollapsibleProps = ExtractPropTypes<typeof collapsiblePropTypes>;

package/src/components/collapsible/collapsible.vue

@@ -1,27 +1,27 @@
-<template>
-  <div :class="collapsibleClasses.container">
-    <slot name="trigger" :toggle-collapsible="toggleCollapsible" />
-    <Transition
-      :css="false"
-      @before-enter="onBeforeEnter"
-      @enter="onEnter"
-      @before-leave="onBeforeLeave"
-      @leave="onLeave"
-    >
-      <div v-show="modelValue" :style="contentStyle">
-        <slot />
-      </div>
-    </Transition>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { collapsiblePropTypes, collapsibleEmitTypes } from './collapsible';
-import { useCollapsible } from './use-collapsible';
-
-const props = defineProps(collapsiblePropTypes);
-const emit = defineEmits(collapsibleEmitTypes);
-
-const { collapsibleClasses, contentStyle, toggleCollapsible, onBeforeEnter, onEnter, onBeforeLeave, onLeave } =
-  useCollapsible(props, emit);
-</script>
+<template>
+  <div :class="collapsibleClasses.container">
+    <slot name="trigger" :toggle-collapsible="toggleCollapsible" />
+    <Transition
+      :css="false"
+      @before-enter="onBeforeEnter"
+      @enter="onEnter"
+      @before-leave="onBeforeLeave"
+      @leave="onLeave"
+    >
+      <div v-show="modelValue" :style="contentStyle">
+        <slot />
+      </div>
+    </Transition>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { collapsiblePropTypes, collapsibleEmitTypes } from './collapsible';
+import { useCollapsible } from './use-collapsible';
+
+const props = defineProps(collapsiblePropTypes);
+const emit = defineEmits(collapsibleEmitTypes);
+
+const { collapsibleClasses, contentStyle, toggleCollapsible, onBeforeEnter, onEnter, onBeforeLeave, onLeave } =
+  useCollapsible(props, emit);
+</script>