@vespiario-thailand/design-system 0.0.1

package/dist/types/Button/index.d.ts

@@ -0,0 +1,35 @@
+/** lib */
+import { ButtonHTMLAttributes } from 'react'
+
+/** constance */
+import { ButtonSizeList, ButtonVariantList } from '../../constance/Button'
+
+/** type */
+import { IconType } from '../Icon'
+
+type ButtonVariantType = typeof ButtonVariantList[number]
+type ButtonSizeType = typeof ButtonSizeList[number]
+
+type CommonButtonType = ButtonHTMLAttributes<HTMLButtonElement> & {
+  sizes?: ButtonSizeType
+  variants: ButtonVariantType
+  iconLeft?: IconType
+  isLoading?: boolean
+}
+
+type ConditionButtonIconType =
+  | {
+      onlyIcon?: never
+      iconRight?: IconType
+    }
+  | {
+      onlyIcon?: boolean
+      iconRight?: never
+    }
+
+export type {
+  ButtonSizeType,
+  ButtonVariantType,
+  CommonButtonType,
+  ConditionButtonIconType,
+}

package/dist/types/Icon/index.d.ts

@@ -0,0 +1,11 @@
+import { IconLists, IconSizes, IconColors } from '../../constance/Icon'
+
+type IconType = typeof IconLists[number]
+type IconSizeType = typeof IconSizes[number]
+type IconColorType = typeof IconColors[number]
+
+export type {
+  IconType,
+  IconSizeType,
+  IconColorType
+}

package/dist/types/Typo/index.d.ts

@@ -0,0 +1,27 @@
+type HTMLTagType =
+  | 'h1'
+  | 'h2'
+  | 'h3'
+  | 'h4'
+  | 'h5'
+  | 'h6'
+  | 'p'
+  | 'span'
+type TextSizeType =
+  | 'title-large'
+  | 'title-medium'
+  | 'title-small'
+  | 'title-small-alt'
+  | 'body-large'
+  | 'body'
+  | 'body-small'
+  | 'caption'
+type TextStyleType = 'italic' | 'normal'
+type TextWeightType = 'bold' | 'normal'
+
+export type {
+  HTMLTagType,
+  TextSizeType,
+  TextStyleType,
+  TextWeightType
+}