@itcase/types 1.0.38 → 1.0.39

package/CHANGELOG.md

@@ -1,3 +1,5 @@
+## [1.0.39](https://github.com/ITCase/itcase-types/compare/v1.0.38...v1.0.39) (2025-08-22)
+
 ## [1.0.38](https://github.com/ITCase/itcase-types/compare/v1.0.37...v1.0.38) (2025-08-22)
 
 ## [1.0.37](https://github.com/ITCase/itcase-types/compare/v1.0.36...v1.0.37) (2025-08-22)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/types",
-  "version": "1.0.38",
+  "version": "1.0.39",
   "description": "unified type storage",
   "keywords": [
     "types"

package/types/direction/direction.ts

@@ -1,12 +1,14 @@
+const directionHVProps = ['vertical', 'horizontal'] as const
+
 const directionProps = [
   'row',
   'row-reverse',
   'column',
   'column-reverse',
-  'vertical',
-  'horizontal',
+  ...directionHVProps,
 ] as const
 
 export type DirectionProps = (typeof directionProps)[number]
+export type DirectionHVProps = (typeof directionHVProps)[number]
 
-export { directionProps }
+export { directionProps, directionHVProps }

package/types/resizeMode/Title.interface.ts

@@ -0,0 +1,147 @@
+// import { CSSProperties, ElementType, ReactNode } from 'react'
+
+// import {
+//   AppearanceKeysDefault,
+//   FillProps,
+//   SvgFillProps,
+//   TextAlignProps,
+//   TextColorActiveProps,
+//   TextColorHoverProps,
+//   TextColorProps,
+//   TextGradientProps,
+//   TextStyleProps,
+//   TextWeightProps,
+//   TextWrapProps,
+//   TitleSizeProps,
+// } from '@itcase/types'
+
+// import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface'
+
+// interface TitleThemeColor {
+//   [key: number | string | symbol]: any
+
+//   fill?: FillProps
+//   size?: TitleSizeProps
+//   sizeDesktop?: TitleSizeProps
+//   sizeMobile?: TitleSizeProps
+//   sizeTablet?: TitleSizeProps
+//   svgFill?: SvgFillProps
+//   svgFillHover?: SvgFillProps
+//   textColor?: TextColorProps
+//   textColorActive?: TextColorActiveProps
+//   textColorHover?: TextColorHoverProps
+//   textGradient?: TextGradientProps
+//   textStyle?: TextStyleProps
+//   textWeight?: TextWeightProps
+//   textWrap?: TextWrapProps
+//   weight?: TextWeightProps
+// }
+
+// type AppearanceKeys = AppearanceKeysDefault & {}
+
+// export type TitleAppearanceType = {
+//   [key in AppearanceKeys]: TitleThemeColor
+// }
+
+// export interface TitleConfig {
+//   [key: number | string | symbol]: any
+
+//   appearance: TitleAppearanceType | undefined
+//   setAppearance: (newComponent: TitleAppearanceType) => void
+// }
+
+// export interface TitleProps extends TitleThemeColor, StyleAttributes {
+//   [key: number | string | symbol]: any
+
+//   after?: any
+//   afterWrapper?: any
+//   appearance?: AppearanceKeys
+//   before?: any
+//   beforeWrapper?: any
+//   children: ReactNode
+//   className?: string
+//   dataTour?: string
+//   direction?: string
+//   directionWrapper?: string
+//   mode?: string
+//   style?: CSSProperties
+//   tag?: ElementType
+//   text?: string
+//   textAlign?: TextAlignProps
+//   textTruncate?: string
+//   type?: string
+//   onClick?: () => void
+// }
+
+import { CSSProperties, ReactNode } from 'react'
+
+import {
+  AppearanceKeysDefault,
+  AppearanceShapeKey,
+  AppearanceSizePxKey,
+  AppearanceStyleKey,
+  CompositeAppearanceSizePxKey,
+  TextAlignProps,
+  TextColorActiveHoverProps,
+  TextColorActiveProps,
+  TextColorHoverProps,
+  TextColorProps,
+  TextSizeProps,
+  TextTagProps,
+  TextWeightProps,
+  TextWrapProps,
+} from '@itcase/types'
+
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface'
+
+/* List of props use in Appearance files ./appearance */
+type TitleAppearanceProps = {
+  cursor?: string
+  size?: TextSizeProps
+  textAlign?: TextAlignProps
+  textColor?: TextColorProps
+  textColorActive?: TextColorActiveProps
+  textColorHover?: TextColorHoverProps
+  textColorHoverActive?: TextColorActiveHoverProps
+  textTruncate?: boolean
+  textWeight?: TextWeightProps
+  textWrap?: TextWrapProps
+}
+
+/* List of props use in component */
+type TitleProps = StyleAttributes &
+  TitleAppearanceProps & {
+    after?: string
+    appearance?: CompositeAppearanceSizePxKey
+    before?: string
+    children?: ReactNode
+    className?: string
+    dataTestId?: string
+    dataTour?: string
+    htmlFor?: string
+    isActive: boolean
+    isDisabled: boolean
+    isSkeleton?: boolean
+    onClick: () => void
+    onDoubleClick: () => void
+    style?: CSSProperties
+    tag: TextTagProps
+  }
+
+/* List of Appearance Keys  */
+type TitleAppearanceKey =
+  | AppearanceKeysDefault
+  | AppearanceShapeKey
+  | AppearanceSizePxKey
+  | AppearanceStyleKey
+
+type TitleAppearance = {
+  [key in TitleAppearanceKey]?: TitleAppearanceProps
+}
+
+type TitleConfig = {
+  appearance: TitleAppearance
+  setAppearance: (appearanceConfig: TitleAppearance) => void
+}
+
+export type { TitleAppearance, TitleConfig, TitleProps }