@typeolymp/ui-components 1.0.1 → 1.2.0

package/build/lib/theme/index.d.ts

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

package/build/lib/theme/types.d.ts

@@ -0,0 +1,72 @@
+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

@@ -1,6 +1,6 @@
 {
   "name": "@typeolymp/ui-components",
-  "version": "1.0.1",
+  "version": "1.2.0",
   "author": "TypeOlymp",
   "main": "build/index.js",
   "module": "build/index.es.js",
@@ -19,7 +19,7 @@
   "peerDependencies": {
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-spinners-kit": "^1.9.1",
+    "react-spinners": "^0.11.0",
     "styled-components": "^5.3.3"
   },
   "devDependencies": {
@@ -28,11 +28,13 @@
     "@rollup/plugin-node-resolve": "^13.0.6",
     "@storybook/addon-essentials": "^6.3.12",
     "@storybook/react": "^6.3.12",
+    "@typeolymp/utility": "file:../utility/build",
     "@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",
+    "react-spinners": "^0.11.0",
     "rollup": "^2.60.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",