@ttoss/ui 1.32.0 → 1.32.1
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/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as theme_ui from 'theme-ui';
|
|
2
|
-
import { Theme, BadgeProps as BadgeProps$1, ButtonProps as ButtonProps$1, InputProps as InputProps$1, LabelProps as LabelProps$1, SelectProps
|
|
3
|
-
export { BaseStyles, Box, BoxProps, Card, CardProps, Checkbox, CheckboxProps, Container, ContainerProps, Divider, DividerProps, Flex, FlexProps, Grid, GridProps, Heading, HeadingProps, IconButtonProps, Image, ImageProps, Progress as LinearProgress, ProgressProps as LinearProgressProps, Link, LinkProps, Radio, RadioProps, Slider, SliderProps, Spinner, SpinnerProps, Text, TextProps, Theme } from 'theme-ui';
|
|
2
|
+
import { Theme, BadgeProps as BadgeProps$1, ButtonProps as ButtonProps$1, InputProps as InputProps$1, LabelProps as LabelProps$1, SelectProps, IconButtonProps, TextareaProps as TextareaProps$1, TextProps, FlexProps } from 'theme-ui';
|
|
3
|
+
export { BaseStyles, Box, BoxProps, Card, CardProps, Checkbox, CheckboxProps, Container, ContainerProps, Divider, DividerProps, Flex, FlexProps, Grid, GridProps, Heading, HeadingProps, IconButtonProps, Image, ImageProps, Progress as LinearProgress, ProgressProps as LinearProgressProps, Link, LinkProps, Radio, RadioProps, SelectProps, Slider, SliderProps, Spinner, SpinnerProps, Text, TextProps, Theme } from 'theme-ui';
|
|
4
4
|
export { useBreakpointIndex, useResponsiveValue } from '@theme-ui/match-media';
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import React__default from 'react';
|
|
@@ -34,10 +34,10 @@ type ButtonProps = ButtonProps$1 & {
|
|
|
34
34
|
};
|
|
35
35
|
declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
36
36
|
|
|
37
|
-
|
|
37
|
+
interface InputProps extends InputProps$1 {
|
|
38
38
|
leadingIcon?: IconType;
|
|
39
39
|
trailingIcon?: IconType;
|
|
40
|
-
}
|
|
40
|
+
}
|
|
41
41
|
declare const Input: React__default.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
|
|
42
42
|
|
|
43
43
|
type LabelProps = LabelProps$1 & {
|
|
@@ -46,16 +46,15 @@ type LabelProps = LabelProps$1 & {
|
|
|
46
46
|
};
|
|
47
47
|
declare const Label: ({ children, onTooltipClick, tooltip, ...props }: LabelProps) => JSX.Element;
|
|
48
48
|
|
|
49
|
-
|
|
50
|
-
declare const Select: React__default.ForwardRefExoticComponent<Omit<SelectProps$1, "ref"> & React__default.RefAttributes<HTMLSelectElement>>;
|
|
49
|
+
declare const Select: React__default.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React__default.RefAttributes<HTMLSelectElement>>;
|
|
51
50
|
|
|
52
51
|
declare const IconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
53
52
|
|
|
54
53
|
declare const InfiniteLinearProgress: () => JSX.Element;
|
|
55
54
|
|
|
56
|
-
|
|
55
|
+
interface TextareaProps extends TextareaProps$1 {
|
|
57
56
|
trailingIcon?: IconType;
|
|
58
|
-
}
|
|
57
|
+
}
|
|
59
58
|
declare const Textarea: React__default.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React__default.RefAttributes<HTMLTextAreaElement>>;
|
|
60
59
|
|
|
61
60
|
type HelpTextProps = Omit<TextProps, 'variant'> & {
|
|
@@ -75,4 +74,4 @@ type StackProps = FlexProps;
|
|
|
75
74
|
*/
|
|
76
75
|
declare const Stack: React.ForwardRefExoticComponent<theme_ui.BoxProps & React.RefAttributes<HTMLElement>>;
|
|
77
76
|
|
|
78
|
-
export { Badge, BadgeProps, Button, ButtonProps, CloseButton, CloseButtonProps, HelpText, HelpTextProps, Icon, IconButton, IconProps, IconType, InfiniteLinearProgress, Input, InputProps, Label, LabelProps, Select,
|
|
77
|
+
export { Badge, BadgeProps, Button, ButtonProps, CloseButton, CloseButtonProps, HelpText, HelpTextProps, Icon, IconButton, IconProps, IconType, InfiniteLinearProgress, Input, InputProps, Label, LabelProps, Select, Stack, StackProps, Textarea, TextareaProps, ThemeProvider, ThemeProviderProps, useTheme };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ttoss/ui",
|
|
3
|
-
"version": "1.32.
|
|
3
|
+
"version": "1.32.1",
|
|
4
4
|
"description": "Primitive layout, typographic, and other components for styling applications.",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"author": "ttoss",
|
|
@@ -15,7 +15,6 @@
|
|
|
15
15
|
],
|
|
16
16
|
"scripts": {
|
|
17
17
|
"build": "tsup",
|
|
18
|
-
"dev": "yarn workspace @docs/storybook run dev",
|
|
19
18
|
"test": "jest"
|
|
20
19
|
},
|
|
21
20
|
"sideEffects": false,
|
|
@@ -24,16 +23,19 @@
|
|
|
24
23
|
"@emotion/react": "^11.10.6",
|
|
25
24
|
"@iconify-icon/react": "^1.0.7",
|
|
26
25
|
"@theme-ui/match-media": "^0.15.7",
|
|
27
|
-
"@ttoss/theme": "^1.4.
|
|
26
|
+
"@ttoss/theme": "^1.4.16",
|
|
28
27
|
"theme-ui": "^0.15.7"
|
|
29
28
|
},
|
|
30
29
|
"peerDependencies": {
|
|
31
30
|
"react": ">=16.8.0"
|
|
32
31
|
},
|
|
33
32
|
"devDependencies": {
|
|
34
|
-
"@
|
|
35
|
-
"@
|
|
33
|
+
"@iconify-icons/mdi-light": "^1.2.5",
|
|
34
|
+
"@iconify/types": "^2.0.0",
|
|
35
|
+
"@ttoss/config": "^1.29.4",
|
|
36
|
+
"@ttoss/test-utils": "^1.21.3",
|
|
36
37
|
"@types/jest": "^29.5.0",
|
|
38
|
+
"@types/react": "^18.0.35",
|
|
37
39
|
"jest": "^29.5.0",
|
|
38
40
|
"react": "^18.2.0",
|
|
39
41
|
"tsup": "^6.7.0"
|
|
@@ -46,5 +48,5 @@
|
|
|
46
48
|
"publishConfig": {
|
|
47
49
|
"access": "public"
|
|
48
50
|
},
|
|
49
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "81c9da91988b338a6449d84b4dfc183ccf9ed941"
|
|
50
52
|
}
|
package/src/components/Input.tsx
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { Flex, Icon, type IconType, Text } from '..';
|
|
2
|
-
import {
|
|
2
|
+
import { InputProps as InputPropsUI, Input as InputUI } from 'theme-ui';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
|
|
5
|
-
export
|
|
5
|
+
export interface InputProps extends InputPropsUI {
|
|
6
6
|
leadingIcon?: IconType;
|
|
7
7
|
trailingIcon?: IconType;
|
|
8
|
-
}
|
|
8
|
+
}
|
|
9
9
|
|
|
10
10
|
export const Input = React.forwardRef<HTMLInputElement, InputProps>(
|
|
11
11
|
({ leadingIcon, trailingIcon, className, sx, ...inputProps }, ref) => {
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import { Icon, Text } from '..';
|
|
2
|
-
import {
|
|
3
|
-
type SelectProps as SelectPropsUi,
|
|
4
|
-
Select as SelectUi,
|
|
5
|
-
} from 'theme-ui';
|
|
2
|
+
import { SelectProps, Select as SelectUi } from 'theme-ui';
|
|
6
3
|
import React from 'react';
|
|
7
4
|
|
|
8
|
-
export type SelectProps
|
|
5
|
+
export { type SelectProps };
|
|
9
6
|
|
|
10
7
|
export const Select = React.forwardRef<HTMLSelectElement, SelectProps>(
|
|
11
8
|
({ arrow, ...props }, ref) => {
|
|
@@ -5,9 +5,9 @@ import {
|
|
|
5
5
|
} from 'theme-ui';
|
|
6
6
|
import React from 'react';
|
|
7
7
|
|
|
8
|
-
export
|
|
8
|
+
export interface TextareaProps extends TextareaPropsUI {
|
|
9
9
|
trailingIcon?: IconType;
|
|
10
|
-
}
|
|
10
|
+
}
|
|
11
11
|
|
|
12
12
|
export const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
|
|
13
13
|
({ trailingIcon, className, sx, ...textareaProps }, ref) => {
|