diff --git a/types/carbon__colors/carbon__colors-tests.ts b/types/carbon__colors/carbon__colors-tests.ts new file mode 100644 index 0000000000..1df2cea931 --- /dev/null +++ b/types/carbon__colors/carbon__colors-tests.ts @@ -0,0 +1,3 @@ +import { rgba } from "@carbon/colors"; + +rgba("TOTORO", 0.4); // $ExpectType string diff --git a/types/carbon__colors/index.d.ts b/types/carbon__colors/index.d.ts new file mode 100644 index 0000000000..33438d7c66 --- /dev/null +++ b/types/carbon__colors/index.d.ts @@ -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 +// 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: {}; +} diff --git a/types/carbon__colors/tsconfig.json b/types/carbon__colors/tsconfig.json new file mode 100644 index 0000000000..3b03be1aae --- /dev/null +++ b/types/carbon__colors/tsconfig.json @@ -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"] +} diff --git a/types/carbon__colors/tslint.json b/types/carbon__colors/tslint.json new file mode 100644 index 0000000000..3db14f85ea --- /dev/null +++ b/types/carbon__colors/tslint.json @@ -0,0 +1 @@ +{ "extends": "dtslint/dt.json" }