Skip to content
This repository was archived by the owner on Sep 26, 2022. It is now read-only.

Commit 328f231

Browse files
authored
feat(types): add Container, Row, Col, Dividers
* added missing typescript definitions for container, row and col * added typescript definition file for dividers
1 parent 4a6caf4 commit 328f231

File tree

5 files changed

+82
-0
lines changed

5 files changed

+82
-0
lines changed
Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
import { SvelteComponent } from 'svelte-materialify/@types/shared';
2+
3+
interface ColProps {
4+
/** cols adds class cols-true */
5+
cols?: boolean;
6+
/** sm adds class sm-true */
7+
sm?: boolean;
8+
/** md adds class md-true */
9+
md?: boolean;
10+
/** lg adds class lg-true */
11+
lg?: boolean;
12+
/** xl adds class xl-true */
13+
xl?: boolean;
14+
/** offset adds class offset-true */
15+
offset?: boolean;
16+
/** offset_sm adds class offset_sm-true */
17+
offset_sm?: boolean;
18+
/** offset_md adds class offset_md-true */
19+
offset_md?: boolean;
20+
/** offset_lg adds class offset_lg-true */
21+
offset_lg?: boolean;
22+
/** offset_xl adds class offset_xl-true */
23+
offset_xl?: boolean;
24+
/** classes added to the col */
25+
class?: string;
26+
/** styles added to the col */
27+
style?: string;
28+
}
29+
30+
declare class Col extends SvelteComponent<ColProps> {}
31+
32+
export default Col;
Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
import { SvelteComponent } from 'svelte-materialify/@types/shared';
2+
3+
interface ContainerProps {
4+
/** classes added to the container */
5+
class?: string;
6+
/** styles added to the container */
7+
style?: string;
8+
/** fluid extends the container across all viewports and device sizes*/
9+
fluid?: boolean;
10+
}
11+
12+
declare class Container extends SvelteComponent<ContainerProps> {}
13+
14+
export default Container;
Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
import { SvelteComponent } from 'svelte-materialify/@types/shared';
2+
3+
interface DividerProps {
4+
/** inset moves divider 72px to the right */
5+
inset?: boolean;
6+
/** vertical makes divider to a vertical divider */
7+
vertical?: boolean;
8+
/** classes added to the divider */
9+
class?: string;
10+
/** styles added to the divider */
11+
style?: string;
12+
}
13+
14+
declare class Divider extends SvelteComponent<DividerProps> {}
15+
16+
export default Divider;
Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
import { SvelteComponent } from 'svelte-materialify/@types/shared';
2+
3+
interface RowProps {
4+
/** dense reduces standard gutter */
5+
dense?: boolean;
6+
/** noGutters removes gutter completely */
7+
noGutters?: boolean;
8+
/** classes added to the row */
9+
class?: string;
10+
/** styles added to the row */
11+
style?: string;
12+
}
13+
14+
declare class Row extends SvelteComponent<RowProps> {}
15+
16+
export default Row;

packages/svelte-materialify/@types/index.d.ts

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,9 @@ export { default as CardTitle } from './CardTitle';
1515
export { default as CardSubtitle } from './CardSubtitle';
1616
export { default as CardText } from './CardText';
1717
export { default as CardActions } from './CardActions';
18+
export { default as Container } from './Container';
19+
export { default as Col } from './Col';
20+
export { default as Divider } from './Divider';
1821
export { default as ItemGroup } from './ItemGroup';
1922
export { default as Icon } from './Icon';
2023
export { default as Input } from './Input';
@@ -26,6 +29,7 @@ export { default as MaterialApp } from './MaterialApp';
2629
export { default as NavigationDrawer } from './NavigationDrawer';
2730
export { default as Dialog } from './Dialog';
2831
export { default as Overlay } from './Overlay';
32+
export { default as Row } from './Row';
2933
export { default as TextField } from './TextField';
3034
export { default as ProgressLinear } from './ProgressLinear';
3135
export { default as ProgressCircular } from './ProgressCircular';

0 commit comments

Comments
 (0)