@typeolymp/ui-components 1.0.0

package/build/lib/enums.d.ts

@@ -0,0 +1,4 @@
+export declare const FeedbackColors: {
+    success: string;
+    error: string;
+};

package/build/lib/helpers.d.ts

@@ -0,0 +1 @@
+export declare const generateRandomString: (length: number) => string;

package/build/lib/theme.d.ts

@@ -0,0 +1,3 @@
+import { ThemeType } from "./types";
+declare const theme: ThemeType;
+export default theme;

package/build/lib/types.d.ts

@@ -0,0 +1,73 @@
+export declare type ColorType = "red" | "yellow" | "blue" | "green" | "purple" | "pink" | "orange" | "darkGray" | "lightGray";
+export declare type ColorVariantsType = {
+    darker: string;
+    dark: string;
+    base: string;
+    light: string;
+};
+declare type ButtonThemeType = {
+    height: string;
+    heightActive: string;
+    fontSize: string;
+    marginTopActive: string;
+};
+declare type HeadingThemeType = {
+    fontSize: string;
+    lineHeight: string;
+};
+declare type SubheadingThemeType = {
+    fontSize: string;
+    fontWeight: string;
+    lineHeight: string;
+};
+declare type ParagraphThemeType = {
+    fontSize: string;
+    lineHeight: string;
+};
+export declare type ThemeType = {
+    colors: {
+        red: ColorVariantsType;
+        yellow: ColorVariantsType;
+        blue: ColorVariantsType;
+        green: ColorVariantsType;
+        purple: ColorVariantsType;
+        pink: ColorVariantsType;
+        orange: ColorVariantsType;
+        darkGray: ColorVariantsType;
+        lightGray: ColorVariantsType;
+    };
+    fonts: {
+        heading: string;
+        paragraph: string;
+    };
+    button: {
+        small: ButtonThemeType;
+        medium: ButtonThemeType;
+    };
+    heading: {
+        h1: HeadingThemeType;
+        h2: HeadingThemeType;
+        h3: HeadingThemeType;
+        h4: HeadingThemeType;
+        h5: HeadingThemeType;
+        h6: HeadingThemeType;
+    };
+    subheading: {
+        small: SubheadingThemeType;
+        medium: SubheadingThemeType;
+        large: SubheadingThemeType;
+    };
+    paragraph: {
+        tiny: ParagraphThemeType;
+        small: ParagraphThemeType;
+        medium: ParagraphThemeType;
+        large: ParagraphThemeType;
+    };
+    icon: {
+        tiny: string;
+        small: string;
+        medium: string;
+        large: string;
+    };
+};
+export {};

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@typeolymp/ui-components",
+  "version": "1.0.0",
+  "author": "TypeOlymp",
+  "main": "build/index.js",
+  "module": "build/index.es.js",
+  "files": [
+    "build"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "prepublishOnly": "yarn build",
+    "storybook": "start-storybook -p 6006",
+    "storybook:export": "build-storybook"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.3"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.16.0",
+    "@rollup/plugin-commonjs": "^21.0.1",
+    "@rollup/plugin-node-resolve": "^13.0.6",
+    "@storybook/addon-essentials": "^6.3.12",
+    "@storybook/react": "^6.3.12",
+    "@types/react": "^17.0.37",
+    "babel-loader": "^8.2.3",
+    "babel-preset-react-app": "^10.0.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "rollup": "^2.60.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-typescript2": "^0.31.1",
+    "styled-components": "^5.3.3",
+    "typescript": "^4.5.2"
+  }
+}