@bitrise/bitkit 9.37.0-alpha-chakra.1 → 9.37.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/package.json +1 -1
- package/src/Components/Dialog/Dialog.stories.tsx +1 -0
- package/src/Components/Dialog/Dialog.theme.ts +7 -5
- package/src/Components/Dialog/Dialog.tsx +4 -2
- package/src/index.ts +0 -6
- package/src/old.ts +6 -0
- package/src/theme.ts +0 -2
- package/src/tsconfig.tsbuildinfo +1 -1
- package/src/Components/List/List.stories.tsx +0 -24
- package/src/Components/List/List.theme.ts +0 -20
- package/src/Components/List/List.tsx +0 -20
- package/src/Components/List/ListItem.tsx +0 -12
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
2
|
-
import List from './List';
|
|
3
|
-
import ListItem from './ListItem';
|
|
4
|
-
|
|
5
|
-
export default {
|
|
6
|
-
title: 'Components/List',
|
|
7
|
-
component: List,
|
|
8
|
-
} as ComponentMeta<typeof List>;
|
|
9
|
-
|
|
10
|
-
export const WithProps: ComponentStory<typeof List> = (props) => (
|
|
11
|
-
<List {...props}>
|
|
12
|
-
<ListItem>Lorem ipsum dolor sit amet</ListItem>
|
|
13
|
-
<ListItem>Consectetur adipiscing elit</ListItem>
|
|
14
|
-
<ListItem>
|
|
15
|
-
Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.
|
|
16
|
-
</ListItem>
|
|
17
|
-
<ListItem>Facilisis in pretium nisl aliquet</ListItem>
|
|
18
|
-
</List>
|
|
19
|
-
);
|
|
20
|
-
|
|
21
|
-
WithProps.args = {
|
|
22
|
-
...List.defaultProps,
|
|
23
|
-
isOrdered: false,
|
|
24
|
-
};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import type { ComponentStyleConfig } from '@chakra-ui/theme';
|
|
2
|
-
|
|
3
|
-
const ListTheme: ComponentStyleConfig = {
|
|
4
|
-
parts: ['container', 'item'],
|
|
5
|
-
baseStyle: ({ as }) => {
|
|
6
|
-
if (as === 'ul') {
|
|
7
|
-
return {
|
|
8
|
-
item: {
|
|
9
|
-
'::marker': {
|
|
10
|
-
fontSize: '12px',
|
|
11
|
-
},
|
|
12
|
-
},
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
return {};
|
|
17
|
-
},
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
export default ListTheme;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { ListProps as ChakraListProps, forwardRef, OrderedList, UnorderedList } from '@chakra-ui/react';
|
|
2
|
-
|
|
3
|
-
export interface ListProps extends ChakraListProps {
|
|
4
|
-
isOrdered?: boolean;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* List is used to display list items. It renders a <ul> or <ol> element by default.
|
|
9
|
-
*/
|
|
10
|
-
const List = forwardRef<ListProps, 'ul'>((props, ref) => {
|
|
11
|
-
const { isOrdered, ...rest } = props;
|
|
12
|
-
const Component = isOrdered ? OrderedList : UnorderedList;
|
|
13
|
-
return <Component {...rest} ref={ref} />;
|
|
14
|
-
});
|
|
15
|
-
|
|
16
|
-
List.defaultProps = {
|
|
17
|
-
spacing: '8',
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
export default List;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ListItem as ChakraListItem, ListItemProps, forwardRef } from '@chakra-ui/react';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* ListItem is the valid children of List. It renders a <li> element by default.
|
|
5
|
-
*/
|
|
6
|
-
const ListItem = forwardRef<ListItemProps, 'li'>((props, ref) => {
|
|
7
|
-
return <ChakraListItem {...props} ref={ref} />;
|
|
8
|
-
});
|
|
9
|
-
|
|
10
|
-
export type { ListItemProps };
|
|
11
|
-
|
|
12
|
-
export default ListItem;
|