Skip to content

Commit

Permalink
Implement basic definitions
Browse files Browse the repository at this point in the history
  • Loading branch information
rcaferati committed Jan 26, 2020
1 parent a06bce9 commit 36fd490
Show file tree
Hide file tree
Showing 17 changed files with 134 additions and 70 deletions.
1 change: 1 addition & 0 deletions .eslintrc.json
Expand Up @@ -17,6 +17,7 @@
},
"rules": {
"no-console": 0,
"camelcase": 0,
"function-paren-newline": 0,
"react/jsx-filename-extension": 0,
"react/prefer-stateless-function": 0,
Expand Down
2 changes: 1 addition & 1 deletion dist/index.js

Large diffs are not rendered by default.

6 changes: 2 additions & 4 deletions dist/styles.css
Expand Up @@ -134,7 +134,7 @@ button.aws-btn .aws-btn__wrapper {
vertical-align: middle;
height: var(--button-default-height);
position: relative;
z-index: 0;
z-index: 1;
background-color: transparent;
font-size: var(--button-default-font-size);
line-height: var(--button-default-line-height);
Expand All @@ -154,9 +154,7 @@ button.aws-btn .aws-btn__wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
backface-visibility: hidden; }
.aws-btn .aws-btn__wrapper {
position: relative;
font-family: var(--button-font-family);
Expand Down
6 changes: 2 additions & 4 deletions dist/themes/theme-amber.css
Expand Up @@ -134,7 +134,7 @@ button.aws-btn .aws-btn__wrapper {
vertical-align: middle;
height: var(--button-default-height);
position: relative;
z-index: 0;
z-index: 1;
background-color: transparent;
font-size: var(--button-default-font-size);
line-height: var(--button-default-line-height);
Expand All @@ -154,9 +154,7 @@ button.aws-btn .aws-btn__wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
backface-visibility: hidden; }
.aws-btn .aws-btn__wrapper {
position: relative;
font-family: var(--button-font-family);
Expand Down
6 changes: 2 additions & 4 deletions dist/themes/theme-blue.css
Expand Up @@ -134,7 +134,7 @@ button.aws-btn .aws-btn__wrapper {
vertical-align: middle;
height: var(--button-default-height);
position: relative;
z-index: 0;
z-index: 1;
background-color: transparent;
font-size: var(--button-default-font-size);
line-height: var(--button-default-line-height);
Expand All @@ -154,9 +154,7 @@ button.aws-btn .aws-btn__wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
backface-visibility: hidden; }
.aws-btn .aws-btn__wrapper {
position: relative;
font-family: var(--button-font-family);
Expand Down
6 changes: 2 additions & 4 deletions dist/themes/theme-bojack.css
Expand Up @@ -134,7 +134,7 @@ button.aws-btn .aws-btn__wrapper {
vertical-align: middle;
height: var(--button-default-height);
position: relative;
z-index: 0;
z-index: 1;
background-color: transparent;
font-size: var(--button-default-font-size);
line-height: var(--button-default-line-height);
Expand All @@ -154,9 +154,7 @@ button.aws-btn .aws-btn__wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
backface-visibility: hidden; }
.aws-btn .aws-btn__wrapper {
position: relative;
font-family: var(--button-font-family);
Expand Down
6 changes: 2 additions & 4 deletions dist/themes/theme-c137.css
Expand Up @@ -134,7 +134,7 @@ button.aws-btn .aws-btn__wrapper {
vertical-align: middle;
height: var(--button-default-height);
position: relative;
z-index: 0;
z-index: 1;
background-color: transparent;
font-size: var(--button-default-font-size);
line-height: var(--button-default-line-height);
Expand All @@ -154,9 +154,7 @@ button.aws-btn .aws-btn__wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
backface-visibility: hidden; }
.aws-btn .aws-btn__wrapper {
position: relative;
font-family: var(--button-font-family);
Expand Down
6 changes: 2 additions & 4 deletions dist/themes/theme-eric.css
Expand Up @@ -134,7 +134,7 @@ button.aws-btn .aws-btn__wrapper {
vertical-align: middle;
height: var(--button-default-height);
position: relative;
z-index: 0;
z-index: 1;
background-color: transparent;
font-size: var(--button-default-font-size);
line-height: var(--button-default-line-height);
Expand All @@ -154,9 +154,7 @@ button.aws-btn .aws-btn__wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
backface-visibility: hidden; }
.aws-btn .aws-btn__wrapper {
position: relative;
font-family: var(--button-font-family);
Expand Down
6 changes: 2 additions & 4 deletions dist/themes/theme-flat.css
Expand Up @@ -134,7 +134,7 @@ button.aws-btn .aws-btn__wrapper {
vertical-align: middle;
height: var(--button-default-height);
position: relative;
z-index: 0;
z-index: 1;
background-color: transparent;
font-size: var(--button-default-font-size);
line-height: var(--button-default-line-height);
Expand All @@ -154,9 +154,7 @@ button.aws-btn .aws-btn__wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
backface-visibility: hidden; }
.aws-btn .aws-btn__wrapper {
position: relative;
font-family: var(--button-font-family);
Expand Down
6 changes: 2 additions & 4 deletions dist/themes/theme-indigo.css
Expand Up @@ -134,7 +134,7 @@ button.aws-btn .aws-btn__wrapper {
vertical-align: middle;
height: var(--button-default-height);
position: relative;
z-index: 0;
z-index: 1;
background-color: transparent;
font-size: var(--button-default-font-size);
line-height: var(--button-default-line-height);
Expand All @@ -154,9 +154,7 @@ button.aws-btn .aws-btn__wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
backface-visibility: hidden; }
.aws-btn .aws-btn__wrapper {
position: relative;
font-family: var(--button-font-family);
Expand Down
6 changes: 2 additions & 4 deletions dist/themes/theme-red.css
Expand Up @@ -134,7 +134,7 @@ button.aws-btn .aws-btn__wrapper {
vertical-align: middle;
height: var(--button-default-height);
position: relative;
z-index: 0;
z-index: 1;
background-color: transparent;
font-size: var(--button-default-font-size);
line-height: var(--button-default-line-height);
Expand All @@ -154,9 +154,7 @@ button.aws-btn .aws-btn__wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
backface-visibility: hidden; }
.aws-btn .aws-btn__wrapper {
position: relative;
font-family: var(--button-font-family);
Expand Down
6 changes: 2 additions & 4 deletions dist/themes/theme-rickiest.css
Expand Up @@ -134,7 +134,7 @@ button.aws-btn .aws-btn__wrapper {
vertical-align: middle;
height: var(--button-default-height);
position: relative;
z-index: 0;
z-index: 1;
background-color: transparent;
font-size: var(--button-default-font-size);
line-height: var(--button-default-line-height);
Expand All @@ -154,9 +154,7 @@ button.aws-btn .aws-btn__wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
backface-visibility: hidden; }
.aws-btn .aws-btn__wrapper {
position: relative;
font-family: var(--button-font-family);
Expand Down
80 changes: 80 additions & 0 deletions index.d.ts
@@ -0,0 +1,80 @@
// Type definitions for react-awesome-button
// Project: https://github.com/rcaferati/react-awesome-button
// Definitions by: Rafael Caferati <https://github.com/rcaferati>
// TypeScript Version: 3.0.0

declare module 'react-awesome-button' {
import React, { Component } from 'react';

export interface AwesomeButtonProps {
action?(): void;
active: boolean;
blocked: boolean;
children: React.ReactNode;
className: string;
cssModule: object;
disabled: boolean;
element?(): void;
href: string;
moveEvents: boolean;
onPress?(): void;
onReleased?(): void;
placeholder: boolean;
ripple: boolean;
rootElement: string;
size: string;
style: object;
target: string;
title: string;
to: string;
type: string;
visible: boolean;
}

export default class AwesomeButton extends Component<
AwesomeButtonProps,
{}
> {}

export interface AwesomeButtonProgressProps {
action?(): void;
children: React.ReactNode;
cssModule: object;
disabled: boolean;
fakePress: boolean;
loadingLabel: string;
onPress?(): void;
releaseDelay: number;
resultLabel: string;
rootElement: React.ReactNode;
size: string;
type: string;
}

export default class AwesomeButtonProgress extends Component<
AwesomeButtonProgressProps,
{}
> {}

export interface AwesomeButtonSocialProps {
action?(): void;
children: React.ReactNode;
disabled: boolean;
href: string;
icon: boolean;
iconHeight: number;
iconWidth: number;
image: string;
message: string;
onPress?(): void;
phone: string;
type: string;
url: string;
user: string;
}

export default class AwesomeButtonSocial extends Component<
AwesomeButtonSocialProps,
{}
> {}
}
2 changes: 1 addition & 1 deletion src/components/AwesomeButtonProgress/index.js
Expand Up @@ -11,7 +11,7 @@ import { getClassName } from '../../helpers/components';
const ROOTELM = 'aws-btn';
const LOADING_ANIMATION_STEPS = 4;

export default class AwesomeProgress extends React.Component {
export default class AwesomeButtonProgress extends React.Component {
static propTypes = {
action: PropTypes.func,
onPress: PropTypes.func,
Expand Down

0 comments on commit 36fd490

Please sign in to comment.