Skip to content

feat(terra-spacer): Add type defs for terra-spacer #50748

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
sandersn merged 1 commit into from
Jan 22, 2021
Merged

feat(terra-spacer): Add type defs for terra-spacer #50748

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 8 additions & 0 deletions types/terra-spacer/index.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
// Type definitions for terra-spacer 3.51
// Project: https://github.com/cerner/terra-core/tree/main/packages/terra-spacer#readme
// Definitions by: Juzer Zarif <https://github.com/juzerzarif>
// Kyle Berkley <https://github.com/Berkyle>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped

export * from './lib/Spacer';
export { default } from './lib/Spacer';
70 changes: 70 additions & 0 deletions types/terra-spacer/lib/Spacer.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
import * as React from 'react';

import { SpacerShorthand } from './__spacerShorthand';

export { SpacerShorthand } from './__spacerShorthand';

export interface SpacerSizes {
NONE: 'none';
'SMALL-2': 'small-2';
'SMALL-1': 'small-1';
SMALL: 'small';
MEDIUM: 'medium';
LARGE: 'large';
'LARGE+1': 'large+1';
'LARGE+2': 'large+2';
'LARGE+3': 'large+3';
'LARGE+4': 'large+4';
}

export interface SpacerProps extends React.HTMLAttributes<HTMLDivElement> {
/**
* Sets margin in a syntax similar to the standard CSS spec https://developer.mozilla.org/en-US/docs/Web/CSS/margin.
* One of 'none', 'small-2', 'small-1', 'small', 'medium', 'large', 'large+1', 'large+2', 'large+3', 'large+4'.
*/
margin?: SpacerShorthand;
/**
* Sets top margin. One of 'none', 'small-2', 'small-1', 'small', 'medium', 'large', 'large+1', 'large+2', 'large+3', 'large+4'.
*/
marginTop?: SpacerSizes[keyof SpacerSizes];
/**
* Sets bottom margin. One of 'none', 'small-2', 'small-1', 'small', 'medium', 'large', 'large+1', 'large+2', 'large+3', 'large+4'.
*/
marginBottom?: SpacerSizes[keyof SpacerSizes];
/**
* Sets left margin One of 'none', 'small-2', 'small-1', 'small', 'medium', 'large', 'large+1', 'large+2', 'large+3', 'large+4'.
*/
marginLeft?: SpacerSizes[keyof SpacerSizes];
/**
* Sets right margin. One of 'none', 'small-2', 'small-1', 'small', 'medium', 'large', 'large+1', 'large+2', 'large+3', 'large+4'.
*/
marginRight?: SpacerSizes[keyof SpacerSizes];
/**
* Sets padding in a syntax similar to the standard CSS spec https://developer.mozilla.org/en-US/docs/Web/CSS/padding.
* One of 'none', 'small-2', 'small-1', 'small', 'medium', 'large', 'large+1', 'large+2', 'large+3', 'large+4'.
*/
padding?: SpacerShorthand;
/**
* Sets top padding. One of 'none', 'small-2', 'small-1', 'small', 'medium', 'large', 'large+1', 'large+2', 'large+3', 'large+4'.
*/
paddingTop?: SpacerSizes[keyof SpacerSizes];
/**
* Sets bottom padding. One of 'none', 'small-2', 'small-1', 'small', 'medium', 'large', 'large+1', 'large+2', 'large+3', 'large+4'.
*/
paddingBottom?: SpacerSizes[keyof SpacerSizes];
/**
* Sets left padding. One of 'none', 'small-2', 'small-1', 'small', 'medium', 'large', 'large+1', 'large+2', 'large+3', 'large+4'.
*/
paddingLeft?: SpacerSizes[keyof SpacerSizes];
/**
* Sets right padding. One of 'none', 'small-2', 'small-1', 'small', 'medium', 'large', 'large+1', 'large+2', 'large+3', 'large+4'.
*/
paddingRight?: SpacerSizes[keyof SpacerSizes];
/**
* Sets the display to be inline-block.
*/
isInlineBlock?: boolean;
}

declare const Spacer: React.FC<SpacerProps> & { Opts: { Sizes: SpacerSizes } };
export default Spacer;
Loading