@youngonesworks/ui 0.1.35 → 0.1.36
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/badge/index.d.ts +4 -3
- package/dist/components/checkbox/index.d.ts +2 -2
- package/dist/components/island/index.d.ts +2 -1
- package/dist/components/label/index.d.ts +2 -1
- package/dist/components/pageUnavailable/index.d.ts +2 -1
- package/dist/components/table/tableHeader/index.d.ts +2 -1
- package/dist/components/table/tableHeaderItem/index.d.ts +2 -2
- package/dist/components/themeIcon/index.d.ts +2 -2
- package/dist/components/unorderedList/index.d.ts +3 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
1
2
|
interface IBadgeProps {
|
|
2
3
|
styleVariant?: 'green-light' | 'red' | 'accent-blue' | 'warning' | 'gray' | 'black' | 'purple' | 'pink' | 'pink-light' | 'gray' | 'white';
|
|
3
4
|
color?: 'dark' | 'gray' | 'red' | 'pink' | 'grape' | 'violet' | 'indigo' | 'blue' | 'cyan' | 'green' | 'lime' | 'yellow' | 'orange' | 'teal';
|
|
@@ -10,12 +11,12 @@ interface IBadgeProps {
|
|
|
10
11
|
/** Sets badge width to 100% of parent element, hides overflow text with text-overflow: ellipsis */
|
|
11
12
|
fullWidth?: boolean;
|
|
12
13
|
/** Section rendered on the left side of label */
|
|
13
|
-
leftSection?:
|
|
14
|
+
leftSection?: ReactNode;
|
|
14
15
|
/** Section rendered on the right side of label */
|
|
15
|
-
rightSection?:
|
|
16
|
+
rightSection?: ReactNode;
|
|
16
17
|
favorite?: boolean;
|
|
17
18
|
/** Badge label */
|
|
18
|
-
children?:
|
|
19
|
+
children?: ReactNode;
|
|
19
20
|
mobile?: boolean;
|
|
20
21
|
className?: string;
|
|
21
22
|
badgeBorder?: boolean;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { type JSX } from 'react';
|
|
1
|
+
import { type JSX, type ReactNode } from 'react';
|
|
2
2
|
interface ICheckbox extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
|
|
3
3
|
className?: string;
|
|
4
4
|
mediumBoldText?: boolean;
|
|
5
5
|
error?: string;
|
|
6
|
-
label?:
|
|
6
|
+
label?: ReactNode;
|
|
7
7
|
indeterminate?: boolean;
|
|
8
8
|
size?: 'sm' | 'md';
|
|
9
9
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { type HTMLAttributes } from 'react';
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
2
|
interface ITableHeaderItem extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
children?:
|
|
3
|
+
children?: ReactNode;
|
|
4
4
|
smallPadding?: boolean;
|
|
5
5
|
}
|
|
6
6
|
export declare const TableHeaderItem: ({ children, smallPadding, className }: ITableHeaderItem) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { type HTMLAttributes } from 'react';
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
2
|
export interface IThemeIcon extends Omit<HTMLAttributes<HTMLDivElement>, 'className'> {
|
|
3
3
|
styleVariant?: 'black' | 'gray' | 'pink' | 'pink-with-background' | 'turquoise' | 'accent-blue' | 'check' | 'warning' | 'error';
|
|
4
|
-
icon:
|
|
4
|
+
icon: ReactNode;
|
|
5
5
|
className?: string;
|
|
6
6
|
adjustedSize?: string | number;
|
|
7
7
|
title: string;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
1
2
|
type IUnorderedListProps = {
|
|
2
|
-
children:
|
|
3
|
+
children: ReactNode;
|
|
3
4
|
className?: string;
|
|
4
|
-
actionItem?:
|
|
5
|
+
actionItem?: ReactNode;
|
|
5
6
|
};
|
|
6
7
|
export declare const UnorderedList: ({ children, className, actionItem, ...props }: IUnorderedListProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
8
|
export {};
|