UIDS-16 create Form and related components

Author: Dave Ferris

.gitignore

@@ -5,6 +5,9 @@
 /.pnp
 .pnp.js
 
+# distribution
+lib
+
 # testing
 /coverage
 

lib/Card/Card.js

@@ -18,6 +18,7 @@
     "build-storybook": "build-storybook -s public",
     "build-storybook-docs": "build-storybook -s public --docs",
     "deploy-storybook": "storybook-to-ghpages",
+    "prepublishOnly": "yarn build",
     "test": "jest"
   },
   "eslintConfig": {
@@ -70,8 +71,7 @@
   "description": "UI Storybook design system",
   "files": [
     "lib",
-    "scss",
-    "src"
+    "scss"
   ],
   "main": "lib/index.js",
   "publishConfig": {

lib/Pill/Pill.js

@@ -0,0 +1,10 @@
+// This should be included directly on the ul element
+@mixin ui-remove-list-styles() {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+
+  li {
+    margin: 0;
+  }
+}

lib/Pill/Pill.scss

@@ -1,2 +1,3 @@
+@import './lists';
 @import './palette';
 @import './typography';

lib/index.js

@@ -1,3 +1,36 @@
 $font-family: Lato, Arial, sans-serif;
+$font-weight-light: 200;
+$font-weight-normal: 300;
 $font-size-base: .875rem;
 $font-weight-bold: 700;
+$headings-font-weight: 400;
+$headings-font-weight-bold: 700;
+
+@mixin font-type-100() {
+  font-family: $font-family;
+  font-size: .75rem;
+  font-weight: $font-weight-normal;
+  line-height: 1rem;
+}
+
+@mixin font-type-200() {
+  font-family: $font-family;
+  font-size: $font-size-base;
+  font-weight: $font-weight-normal;
+  line-height: 1.25rem;
+}
+
+@mixin font-type-300() {
+  font-family: $font-family;
+  // font-size:  $font-size-base; -- should base be changed to 1 rem?
+  font-size: 1rem;
+  font-weight: $font-weight-normal;
+  line-height: 1.5rem;
+}
+
+@mixin font-type-400() {
+  font-family: $font-family;
+  font-size: 1.125rem;
+  font-weight: $font-weight-bold;
+  line-height: 1.75rem;
+}