sy-ui-lib 1.0.40 → 1.0.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/CommonMarketHeader/CommonMarketHeader.stories.d.ts +2 -0
- package/dist/components/CommonMarketHeader/CommonMarketHeader.types.d.ts +1 -1
- package/dist/components/CommonMarketRow/CommonMarketRow.types.d.ts +1 -1
- package/dist/components/Icon/SvgIcons.d.ts +3 -0
- package/dist/components/TooltipExt/TooltipExt.component.d.ts +1 -0
- package/dist/components/TooltipExt/TooltipExt.types.d.ts +2 -0
- package/dist/index.cjs +18 -18
- package/dist/index.css +1 -1
- package/dist/index.js +4951 -4803
- package/package.json +1 -1
|
@@ -7,6 +7,8 @@ type Story = StoryObj<CommonMarketHeaderProps>;
|
|
|
7
7
|
export declare const OtherMarket: Story;
|
|
8
8
|
/** Fancy Market Header */
|
|
9
9
|
export declare const FancyMarket: Story;
|
|
10
|
+
/** Fancy Market Header */
|
|
11
|
+
export declare const Fancy1Market: Story;
|
|
10
12
|
/** Multi Market Header */
|
|
11
13
|
export declare const MultiMarket: Story;
|
|
12
14
|
/** Sports Header (with Sub Header)*/
|
|
@@ -3,7 +3,7 @@ export interface MultiMarketButtonProps {
|
|
|
3
3
|
eventId: string;
|
|
4
4
|
onClick: (eventId: string) => void;
|
|
5
5
|
}
|
|
6
|
-
export type HeaderVariant = "OtherMarket" | "MatchOdds" | "FancyMarket" | "MultiMarket" | "Sports" | "EventTitle" | "Racing";
|
|
6
|
+
export type HeaderVariant = "OtherMarket" | "MatchOdds" | "FancyMarket" | "MultiMarket" | "Sports" | "EventTitle" | "Racing" | "fancy1";
|
|
7
7
|
export interface CommonMarketHeaderProps {
|
|
8
8
|
/** Controls header layout & behavior */
|
|
9
9
|
variant: HeaderVariant;
|
|
@@ -91,7 +91,7 @@ interface BaseOddsRowProps {
|
|
|
91
91
|
/** Props for Fancy odds row variant */
|
|
92
92
|
export interface FancyLayeredOddsRowVariant extends BaseOddsRowProps {
|
|
93
93
|
/** Variant identifier */
|
|
94
|
-
variant: "fancy" | "layered";
|
|
94
|
+
variant: "fancy" | "layered" | "fancy1";
|
|
95
95
|
/** Runner identifier */
|
|
96
96
|
runnerId: string;
|
|
97
97
|
/** Runner display name (optional) */
|
|
@@ -93,4 +93,7 @@ export declare const icons: {
|
|
|
93
93
|
dog: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
|
|
94
94
|
horse: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
|
|
95
95
|
copy: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
|
|
96
|
+
card: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
|
|
97
|
+
timerOutlined: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
|
|
98
|
+
attachment: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
|
|
96
99
|
};
|
|
@@ -13,6 +13,7 @@ import { TooltipPropsExt } from './TooltipExt.types';
|
|
|
13
13
|
* @param {React.ReactNode | string | number} title - Content displayed inside the tooltip. Supports text, numbers, or custom JSX content.
|
|
14
14
|
* @param {React.ReactNode} children - The element that triggers the tooltip on hover.
|
|
15
15
|
* @param {"top" | "bottom" | "left" | "right"} [position="top"] - Preferred position of the tooltip relative to the target element. The component may automatically flip the position if there is insufficient space.
|
|
16
|
+
* @param {boolean} [fullWidth=false] - Makes the tooltip wrapper take the full width of its container when set to true.
|
|
16
17
|
*
|
|
17
18
|
* Example usage:
|
|
18
19
|
* <TooltipExt title="Click to submit" position="top">
|
|
@@ -8,4 +8,6 @@ export interface TooltipPropsExt {
|
|
|
8
8
|
children: React.ReactNode;
|
|
9
9
|
/** Position of the tooltip relative to the target element. Defaults to "top". */
|
|
10
10
|
position?: TooltipPositionExt;
|
|
11
|
+
/** Whether the tooltip wrapper should take the full width of its container. */
|
|
12
|
+
fullWidth?: boolean;
|
|
11
13
|
}
|