Add types for @carbon/colors and update paths

This commit is contained in:
Vince Picone 2019-02-06 11:02:02 -06:00
parent ab0806bfb5
commit 1e389cf977
4 changed files with 514 additions and 0 deletions

View File

@ -0,0 +1,3 @@
import { rgba } from "@carbon/colors";
rgba("TOTORO", 0.4); // $ExpectType string

491
types/carbon__colors/index.d.ts vendored Normal file
View File

@ -0,0 +1,491 @@
// Type definitions for @carbon/colors 0.0
// Project: https://github.com/IBM/carbon-elements/tree/master/packages/colors
// Definitions by: Vince Picone <https://github.com/vpicone>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
export const black: string;
export const black100: string;
export const blue: {
"10": string;
"100": string;
"20": string;
"30": string;
"40": string;
"50": string;
"60": string;
"70": string;
"80": string;
"90": string;
};
export const blue10: string;
export const blue100: string;
export const blue20: string;
export const blue30: string;
export const blue40: string;
export const blue50: string;
export const blue60: string;
export const blue70: string;
export const blue80: string;
export const blue90: string;
export const colors: {
black: {
"100": string;
};
blue: {
"10": string;
"100": string;
"20": string;
"30": string;
"40": string;
"50": string;
"60": string;
"70": string;
"80": string;
"90": string;
};
coolGray: {
"10": string;
"100": string;
"20": string;
"30": string;
"40": string;
"50": string;
"60": string;
"70": string;
"80": string;
"90": string;
};
cyan: {
"10": string;
"100": string;
"20": string;
"30": string;
"40": string;
"50": string;
"60": string;
"70": string;
"80": string;
"90": string;
};
gray: {
"10": string;
"100": string;
"20": string;
"30": string;
"40": string;
"50": string;
"60": string;
"70": string;
"80": string;
"90": string;
};
green: {
"10": string;
"100": string;
"20": string;
"30": string;
"40": string;
"50": string;
"60": string;
"70": string;
"80": string;
"90": string;
};
magenta: {
"10": string;
"100": string;
"20": string;
"30": string;
"40": string;
"50": string;
"60": string;
"70": string;
"80": string;
"90": string;
};
orange: {
"40": string;
};
purple: {
"10": string;
"100": string;
"20": string;
"30": string;
"40": string;
"50": string;
"60": string;
"70": string;
"80": string;
"90": string;
};
red: {
"10": string;
"100": string;
"20": string;
"30": string;
"40": string;
"50": string;
"60": string;
"70": string;
"80": string;
"90": string;
};
teal: {
"10": string;
"100": string;
"20": string;
"30": string;
"40": string;
"50": string;
"60": string;
"70": string;
"80": string;
"90": string;
};
warmGray: {
"10": string;
"100": string;
"20": string;
"30": string;
"40": string;
"50": string;
"60": string;
"70": string;
"80": string;
"90": string;
};
white: {
"0": string;
};
yellow: {
"20": string;
};
};
export const coolGray: {
"10": string;
"100": string;
"20": string;
"30": string;
"40": string;
"50": string;
"60": string;
"70": string;
"80": string;
"90": string;
};
export const coolGray10: string;
export const coolGray100: string;
export const coolGray20: string;
export const coolGray30: string;
export const coolGray40: string;
export const coolGray50: string;
export const coolGray60: string;
export const coolGray70: string;
export const coolGray80: string;
export const coolGray90: string;
export const cyan: {
"10": string;
"100": string;
"20": string;
"30": string;
"40": string;
"50": string;
"60": string;
"70": string;
"80": string;
"90": string;
};
export const cyan10: string;
export const cyan100: string;
export const cyan20: string;
export const cyan30: string;
export const cyan40: string;
export const cyan50: string;
export const cyan60: string;
export const cyan70: string;
export const cyan80: string;
export const cyan90: string;
export const gray: {
"10": string;
"100": string;
"20": string;
"30": string;
"40": string;
"50": string;
"60": string;
"70": string;
"80": string;
"90": string;
};
export const gray10: string;
export const gray100: string;
export const gray20: string;
export const gray30: string;
export const gray40: string;
export const gray50: string;
export const gray60: string;
export const gray70: string;
export const gray80: string;
export const gray90: string;
export const green: {
"10": string;
"100": string;
"20": string;
"30": string;
"40": string;
"50": string;
"60": string;
"70": string;
"80": string;
"90": string;
};
export const green10: string;
export const green100: string;
export const green20: string;
export const green30: string;
export const green40: string;
export const green50: string;
export const green60: string;
export const green70: string;
export const green80: string;
export const green90: string;
export const magenta: {
"10": string;
"100": string;
"20": string;
"30": string;
"40": string;
"50": string;
"60": string;
"70": string;
"80": string;
"90": string;
};
export const magenta10: string;
export const magenta100: string;
export const magenta20: string;
export const magenta30: string;
export const magenta40: string;
export const magenta50: string;
export const magenta60: string;
export const magenta70: string;
export const magenta80: string;
export const magenta90: string;
export const orange: string;
export const orange40: string;
export const purple: {
"10": string;
"100": string;
"20": string;
"30": string;
"40": string;
"50": string;
"60": string;
"70": string;
"80": string;
"90": string;
};
export const purple10: string;
export const purple100: string;
export const purple20: string;
export const purple30: string;
export const purple40: string;
export const purple50: string;
export const purple60: string;
export const purple70: string;
export const purple80: string;
export const purple90: string;
export const red: {
"10": string;
"100": string;
"20": string;
"30": string;
"40": string;
"50": string;
"60": string;
"70": string;
"80": string;
"90": string;
};
export const red10: string;
export const red100: string;
export const red20: string;
export const red30: string;
export const red40: string;
export const red50: string;
export const red60: string;
export const red70: string;
export const red80: string;
export const red90: string;
export const teal: {
"10": string;
"100": string;
"20": string;
"30": string;
"40": string;
"50": string;
"60": string;
"70": string;
"80": string;
"90": string;
};
export const teal10: string;
export const teal100: string;
export const teal20: string;
export const teal30: string;
export const teal40: string;
export const teal50: string;
export const teal60: string;
export const teal70: string;
export const teal80: string;
export const teal90: string;
export const warmGray: {
"10": string;
"100": string;
"20": string;
"30": string;
"40": string;
"50": string;
"60": string;
"70": string;
"80": string;
"90": string;
};
export const warmGray10: string;
export const warmGray100: string;
export const warmGray20: string;
export const warmGray30: string;
export const warmGray40: string;
export const warmGray50: string;
export const warmGray60: string;
export const warmGray70: string;
export const warmGray80: string;
export const warmGray90: string;
export const white: string;
export const white0: string;
export const yellow: string;
export const yellow20: string;
export function rgba(hexcode: string, opacity: number): string;
export namespace rgba {
const prototype: {};
}

View File

@ -0,0 +1,19 @@
{
"compilerOptions": {
"module": "commonjs",
"lib": ["es6"],
"noImplicitAny": true,
"noImplicitThis": true,
"strictNullChecks": true,
"baseUrl": "../",
"typeRoots": ["../"],
"types": [],
"noEmit": true,
"forceConsistentCasingInFileNames": true,
"strictFunctionTypes": true,
"paths": {
"@carbon/colors": ["carbon__colors"]
}
},
"files": ["index.d.ts", "carbon__colors-tests.ts"]
}

View File

@ -0,0 +1 @@
{ "extends": "dtslint/dt.json" }