A design system in a box.
hip-ui.tngl.io/docs/introduction
type errors
+7
-8
+3
-5
packages/hip-ui/src/components/star-rating/index.tsx
+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
+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
+1
-1
packages/hip-ui/src/components/window-splitter/index.tsx