@rabbitio/ui-kit 1.0.0-alpha.1 → 1.0.0-alpha.2

package/README.md

@@ -1,5 +1,4 @@
 # Installation
-1. run
 ~~~
 npm install --save @rabbitio/ui-kit
 ~~~

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rabbitio/ui-kit",
-    "version": "1.0.0-alpha.1",
+    "version": "1.0.0-alpha.2",
     "description": "Rabbit.io react.js components kit",
     "main": "index.js",
     "scripts": {

package/stories/atoms/buttons/Button/{Button.stories.js → Button.stories.jsx}

@@ -1,5 +1,5 @@
 import React from "react";
-import Button from "./Button.js";
+import Button from "./Button.jsx";
 import icon from "../../../assets/icons/transactions-icon.svg";
 
 const sizes = ["xl", "lg", "md", "sm"];

package/styles/_global-classes.scss

@@ -377,10 +377,6 @@
     border-bottom: 0.5px solid SolidColor("smoke");
 }
 
-a {
-    text-decoration: none;
-}
-
 .skeleton {
     background: SolidColor("lightsmoke");
     animation: skeleton-animate 1s 1s infinite ease-in-out;
@@ -400,28 +396,6 @@ a {
     opacity: 0.5;
 }
 
-td {
-    padding: 0;
-}
-
-/* Chrome, Safari, Edge, Opera */
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-}
-
-/* Firefox */
-input[type="number"] {
-    -moz-appearance: textfield;
-}
-
-textarea {
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-}
-
 @keyframes skeleton-animate {
     0% {
         background: #eaeaea;

package/styles/global-styles-index.scss

@@ -0,0 +1,74 @@
+@import "mixins";
+@import "functions";
+
+a {
+    text-decoration: none;
+}
+
+td {
+    padding: 0;
+}
+
+/* Chrome, Safari, Edge, Opera */
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}
+
+/* Firefox */
+input[type="number"] {
+    -moz-appearance: textfield;
+}
+
+textarea {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+}
+
+* {
+    outline: none !important;
+    box-sizing: border-box;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+html {
+    background-color: SolidColor("dark");
+}
+
+body {
+    margin: 0;
+    font-family: NunitoSans;
+    width: 100%;
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+h1 {
+    @include typograpy("h1");
+}
+
+h2 {
+    @include typograpy("h2");
+}
+
+h3 {
+    @include typograpy("h3");
+}
+
+h4 {
+    @include typograpy("h4");
+}
+
+h5 {
+    @include typograpy("h5");
+}
+
+h6 {
+    @include typograpy("h6");
+}
+
+p {
+    @include typograpy("p");
+}

package/styles/index.scss

@@ -1,7 +1,5 @@
 @import "variables";
 @import "global-classes";
-@import "mixins";
-@import "functions";
 @import "placeholder";
 
 @font-face {
@@ -33,49 +31,3 @@
     font-family: "NunitoSans";
     font-weight: 300;
 }
-
-* {
-    outline: none !important;
-    box-sizing: border-box;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-
-html {
-    background-color: SolidColor("dark");
-}
-
-body {
-    margin: 0;
-    font-family: NunitoSans;
-    width: 100%;
-    overflow-x: hidden;
-    overflow-y: auto;
-}
-
-h1 {
-    @include typograpy("h1");
-}
-
-h2 {
-    @include typograpy("h2");
-}
-
-h3 {
-    @include typograpy("h3");
-}
-
-h4 {
-    @include typograpy("h4");
-}
-
-h5 {
-    @include typograpy("h5");
-}
-
-h6 {
-    @include typograpy("h6");
-}
-
-p {
-    @include typograpy("p");
-}