@teamturing/react-kit 2.10.0 → 2.11.0
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/core/AnimatePresence/index.d.ts +3 -0
- package/dist/core/HorizontalDivider/index.d.ts +11 -0
- package/dist/core/View/index.d.ts +2 -2
- package/dist/enigma/View/HorizontalDividerView/index.d.ts +6 -0
- package/dist/enigma/View/index.d.ts +4 -3
- package/dist/enigma/types/index.d.ts +8 -4
- package/dist/index.d.ts +4 -0
- package/dist/index.js +15714 -15676
- package/esm/core/AnimatePresence/index.js +5 -0
- package/esm/core/HorizontalDivider/index.js +30 -0
- package/esm/enigma/EnigmaUI/index.js +6 -4
- package/esm/enigma/View/HorizontalDividerView/index.js +16 -0
- package/esm/index.js +2 -0
- package/package.json +3 -3
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ColorKey, SurfaceElevationKey } from '@teamturing/token-studio';
|
|
2
|
+
import { BorderColorProps, BorderProps, Theme } from 'styled-system';
|
|
3
|
+
import { SxProp } from '../../utils/styled-system';
|
|
4
|
+
type Props = {
|
|
5
|
+
width?: BorderProps['borderBottomWidth'];
|
|
6
|
+
color?: BorderColorProps<Theme, ColorKey | SurfaceElevationKey>['borderBottomColor'];
|
|
7
|
+
variant?: BorderProps['borderBottomStyle'];
|
|
8
|
+
} & SxProp;
|
|
9
|
+
declare const HorizontalDivider: ({ width, color, variant, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export default HorizontalDivider;
|
|
11
|
+
export type { Props as HorizontalDividerProps };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ColorKey, RadiiKey, SurfaceElevationKey } from '@teamturing/token-studio';
|
|
3
|
-
import { LayoutProps, ColorProps, FlexboxProps, BackgroundProps, BorderProps, PositionProps, ShadowProps, BorderRadiusProps, Theme } from 'styled-system';
|
|
3
|
+
import { LayoutProps, ColorProps, FlexboxProps, BackgroundProps, BorderProps, PositionProps, ShadowProps, BorderRadiusProps, Theme, BorderColorProps } from 'styled-system';
|
|
4
4
|
import { SxProp } from '../../utils/styled-system';
|
|
5
|
-
type Props = {} & SxProp & LayoutProps & ColorProps<Theme, ColorKey | SurfaceElevationKey> & FlexboxProps & BackgroundProps & BorderProps & PositionProps & ShadowProps<Theme> & BorderRadiusProps<Theme, RadiiKey>;
|
|
5
|
+
type Props = {} & SxProp & LayoutProps & ColorProps<Theme, ColorKey | SurfaceElevationKey> & FlexboxProps & BackgroundProps & BorderProps & BorderColorProps<Theme, ColorKey | SurfaceElevationKey> & PositionProps & ShadowProps<Theme> & BorderRadiusProps<Theme, RadiiKey>;
|
|
6
6
|
declare const View: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Props>>;
|
|
7
7
|
export default View;
|
|
8
8
|
export type { Props as ViewProps };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { HorizontalDividerViewType } from '../../types';
|
|
2
|
+
type Props = {
|
|
3
|
+
view: HorizontalDividerViewType;
|
|
4
|
+
};
|
|
5
|
+
declare const HorizontalDividerView: ({ view: { horizontalDividerProps, spaceProps } }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default HorizontalDividerView;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
export { default as ImageView } from './ImageView';
|
|
2
|
-
export { default as TextView } from './TextView';
|
|
3
|
-
export { default as IconView } from './IconView';
|
|
4
1
|
export { default as ChipGroupView } from './ChipGroupView';
|
|
5
2
|
export { default as GridView } from './GridView';
|
|
3
|
+
export { default as HorizontalDividerView } from './HorizontalDividerView';
|
|
4
|
+
export { default as IconView } from './IconView';
|
|
5
|
+
export { default as ImageView } from './ImageView';
|
|
6
|
+
export { default as TextView } from './TextView';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import icons from '@teamturing/icons';
|
|
2
|
-
import { ChipProps, StackProps, TextProps, SpaceProps, GridProps, GridUnitProps, StyledIconProps, ImageProps } from '../..';
|
|
2
|
+
import { ChipProps, StackProps, TextProps, SpaceProps, GridProps, GridUnitProps, StyledIconProps, ImageProps, AsProp, HorizontalDividerProps } from '../..';
|
|
3
3
|
/**
|
|
4
4
|
* View Related Model
|
|
5
5
|
*/
|
|
6
6
|
export type TextViewType = {
|
|
7
7
|
text: string;
|
|
8
|
-
textProps?: {} & Pick<TextProps, 'typography' | 'textAlign' | 'color'
|
|
8
|
+
textProps?: {} & Pick<TextProps, 'typography' | 'textAlign' | 'color'> & AsProp;
|
|
9
9
|
spaceProps?: Omit<SpaceProps, 'sx'>;
|
|
10
10
|
};
|
|
11
11
|
export type ImageViewType = {
|
|
@@ -36,8 +36,12 @@ export type GridViewType = {
|
|
|
36
36
|
gridProps?: Pick<GridProps, 'gapX' | 'gapY' | 'alignItems' | 'justifyContent' | 'wrap'>;
|
|
37
37
|
spaceProps?: Omit<SpaceProps, 'sx'>;
|
|
38
38
|
};
|
|
39
|
-
export type
|
|
40
|
-
|
|
39
|
+
export type HorizontalDividerViewType = {
|
|
40
|
+
horizontalDividerProps?: Omit<HorizontalDividerProps, 'sx'>;
|
|
41
|
+
spaceProps?: Omit<SpaceProps, 'sx'>;
|
|
42
|
+
};
|
|
43
|
+
export type ViewType = TextViewType | ImageViewType | IconViewType | ChipGroupViewType | GridViewType | HorizontalDividerViewType;
|
|
44
|
+
export type ViewComponentType = 'TextView' | 'ImageView' | 'IconView' | 'ChipGroupView' | 'GridView' | 'HorizontalDividerView';
|
|
41
45
|
export interface ViewContainerType {
|
|
42
46
|
id: string;
|
|
43
47
|
viewComponentType: ViewComponentType;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* core components
|
|
3
3
|
*/
|
|
4
|
+
export { default as AnimatePresence } from './core/AnimatePresence';
|
|
5
|
+
export type { AnimatePresenceProps } from './core/AnimatePresence';
|
|
4
6
|
export { default as Breadcrumbs } from './core/Breadcrumbs';
|
|
5
7
|
export type { BreadcrumbsProps } from './core/Breadcrumbs';
|
|
6
8
|
export { default as Button } from './core/Button';
|
|
@@ -14,6 +16,8 @@ export { default as GradientText } from './core/GradientText';
|
|
|
14
16
|
export type { GradientTextProps } from './core/GradientText';
|
|
15
17
|
export { default as Grid } from './core/Grid';
|
|
16
18
|
export type { GridProps, GridUnitProps } from './core/Grid';
|
|
19
|
+
export { default as HorizontalDivider } from './core/HorizontalDivider';
|
|
20
|
+
export type { HorizontalDividerProps } from './core/HorizontalDivider';
|
|
17
21
|
export { default as IconButton } from './core/IconButton';
|
|
18
22
|
export type { IconButtonProps } from './core/IconButton';
|
|
19
23
|
export { default as IconToggleButton } from './core/IconToggleButton';
|