A design system in a box. hip-ui.tngl.io/docs/introduction
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

type errors

+7 -8
+3 -5
packages/hip-ui/src/components/star-rating/index.tsx
··· 7 7 8 8 import type { StyleXComponentProps } from "../theme/types"; 9 9 10 - import { Flex } from "../flex"; 10 + import { Flex, FlexProps } from "../flex"; 11 11 import { primaryColor, uiColor } from "../theme/color.stylex"; 12 12 import { spacing } from "../theme/spacing.stylex"; 13 13 import { Text } from "../typography/text"; ··· 146 146 } 147 147 148 148 export interface StarRatingInputProps extends StyleXComponentProps< 149 - Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> 149 + Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "style"> 150 150 > { 151 151 /** Current value (1–5). Use with onChange for controlled mode. */ 152 152 value?: number; ··· 172 172 onChange, 173 173 isDisabled = false, 174 174 size = 16, 175 - style, 176 175 "aria-label": ariaLabel = "Rating", 177 176 ...props 178 177 }: StarRatingInputProps) { ··· 240 239 aria-valuenow={value} 241 240 aria-disabled={isDisabled} 242 241 tabIndex={isDisabled ? undefined : 0} 243 - style={style} 244 - {...mergeProps(keyboardProps, props)} 242 + {...mergeProps(keyboardProps, props as FlexProps)} 245 243 > 246 244 <div 247 245 ref={starsRef}
+3 -2
packages/hip-ui/src/components/typography/index.tsx
··· 13 13 import type { StyleXComponentProps, TextVariant } from "../theme/types"; 14 14 15 15 import { CopyToClipboardButton } from "../copy-to-clipboard-button"; 16 - import { Flex } from "../flex"; 16 + import { Flex, FlexProps } from "../flex"; 17 17 import { LinkContext } from "../link/link-context"; 18 18 import { animationDuration } from "../theme/animations.stylex"; 19 19 import { uiColor } from "../theme/color.stylex"; ··· 424 424 } 425 425 426 426 const url = 427 + // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition 427 428 globalThis.window === undefined 428 429 ? `#${id}` 429 430 : `${globalThis.location.origin}${globalThis.location.pathname}#${id}`; ··· 435 436 align="center" 436 437 data-heading-link 437 438 data-hovered={isHovered || undefined} 438 - {...hoverProps} 439 + {...(hoverProps as FlexProps)} 439 440 style={style} 440 441 > 441 442 <a href={`#${id}`} {...stylex.props(styles.linkedHeadingLink)}>
+1 -1
packages/hip-ui/src/components/window-splitter/index.tsx
··· 85 85 return ( 86 86 <BasePanelResizer 87 87 {...props} 88 - {...hoverProps} 88 + {...(hoverProps as PanelResizerProps)} 89 89 data-hovered={isHovered || undefined} 90 90 {...stylex.props(styles.panelResizer, style)} 91 91 size="1px"