diff --git a/demo/client/components/collections/Orders/Archive.js b/demo/client/components/collections/Orders/Archive.js
index ba743a0875..0f2596ba95 100644
--- a/demo/client/components/collections/Orders/Archive.js
+++ b/demo/client/components/collections/Orders/Archive.js
@@ -2,7 +2,8 @@ import React, { Component } from 'react';
import { connect } from 'react-redux';
import ArchiveView from 'payload/client/components/views/collections/Archive';
-import HeadingButton from 'payload/client/components/layout/HeadingButton';
+import HeadingButton from 'payload/client/components/modules/HeadingButton';
+import Filter from 'payload/client/components/modules/Filter';
const mapStateToProps = state => ({
collections: state.collections.all
@@ -23,6 +24,7 @@ class Archive extends Component {
buttonLabel="Add New"
buttonUrl={`/collections/${this.slug}/add-new`}
buttonType="link" />
+
);
}
diff --git a/demo/client/components/collections/Pages/Archive.js b/demo/client/components/collections/Pages/Archive.js
index cb9d9ca3aa..482fd5416e 100644
--- a/demo/client/components/collections/Pages/Archive.js
+++ b/demo/client/components/collections/Pages/Archive.js
@@ -2,7 +2,8 @@ import React, { Component } from 'react';
import { connect } from 'react-redux';
import ArchiveView from 'payload/client/components/views/collections/Archive';
-import HeadingButton from 'payload/client/components/layout/HeadingButton';
+import HeadingButton from 'payload/client/components/modules/HeadingButton';
+import Filter from 'payload/client/components/modules/Filter';
const mapStateToProps = state => ({
collections: state.collections.all
@@ -23,6 +24,7 @@ class Archive extends Component {
buttonLabel="Add New"
buttonUrl={`/collections/${this.slug}/add-new`}
buttonType="link" />
+
);
}
diff --git a/src/client/assets/fonts/NoeText-Regular.eot b/src/client/assets/fonts/NoeText-Regular.eot
new file mode 100644
index 0000000000..f5deb05b48
Binary files /dev/null and b/src/client/assets/fonts/NoeText-Regular.eot differ
diff --git a/src/client/assets/fonts/NoeText-Regular.svg b/src/client/assets/fonts/NoeText-Regular.svg
new file mode 100644
index 0000000000..6baaf3f22f
--- /dev/null
+++ b/src/client/assets/fonts/NoeText-Regular.svg
@@ -0,0 +1,15464 @@
+
+
+
diff --git a/src/client/assets/fonts/NoeText-Regular.ttf b/src/client/assets/fonts/NoeText-Regular.ttf
new file mode 100644
index 0000000000..26478c571d
Binary files /dev/null and b/src/client/assets/fonts/NoeText-Regular.ttf differ
diff --git a/src/client/assets/fonts/NoeText-Regular.woff b/src/client/assets/fonts/NoeText-Regular.woff
new file mode 100644
index 0000000000..6a86cbd28b
Binary files /dev/null and b/src/client/assets/fonts/NoeText-Regular.woff differ
diff --git a/src/client/components/forms/Input/index.js b/src/client/components/forms/Input/index.js
index 89dec948c0..21739b42f3 100644
--- a/src/client/components/forms/Input/index.js
+++ b/src/client/components/forms/Input/index.js
@@ -47,7 +47,7 @@ class Input extends Component {
? () => *
: () => null;
- const Error = !this.props.valid
+ const Error = this.props.valid === false
? () => {this.errors[this.props.type]}
: () => null;
@@ -56,7 +56,7 @@ class Input extends Component {
: () => null;
let className = `interact ${this.props.type}`;
- className = this.props.valid
+ className = this.props.valid !== false
? className
: `${className} error`;
diff --git a/src/client/components/forms/Textarea/index.js b/src/client/components/forms/Textarea/index.js
index e262c011b9..93021d5501 100644
--- a/src/client/components/forms/Textarea/index.js
+++ b/src/client/components/forms/Textarea/index.js
@@ -28,12 +28,12 @@ class Textarea extends Component {
? () => *
: () => null;
- let Error = !this.props.valid
+ let Error = this.props.valid === false
? () => {this.errors.text}
: () => null;
let className = 'interact textarea';
- className = this.props.valid ? className : `${className} error`;
+ className = this.props.valid !== false ? className : `${className} error`;
let style = this.props.style
? this.props.style
diff --git a/src/client/components/layout/DefaultTemplate/index.js b/src/client/components/layout/DefaultTemplate/index.js
index bb915c47a3..68ae14f247 100644
--- a/src/client/components/layout/DefaultTemplate/index.js
+++ b/src/client/components/layout/DefaultTemplate/index.js
@@ -1,15 +1,17 @@
import React from 'react';
import Sidebar from '../Sidebar';
-import StepNav from '../StepNav';
+import StepNav from '../../modules/StepNav';
import './index.css';
export default props => {
return (
-
-
- {props.children}
+
+
+
+ {props.children}
+
);
};
diff --git a/src/client/components/layout/DefaultTemplate/index.scss b/src/client/components/layout/DefaultTemplate/index.scss
index adf4fe7d62..c4e2017672 100644
--- a/src/client/components/layout/DefaultTemplate/index.scss
+++ b/src/client/components/layout/DefaultTemplate/index.scss
@@ -1,8 +1,13 @@
@import '_styles';
.default-template {
+ padding: rem(1) rem(1) rem(1) 0;
margin-left: rem(6);
- padding: rem(1);
+
+ .wrap {
+ max-width: $tablet-width;
+ margin: 0 auto;
+ }
.emblem {
width: $base;
diff --git a/src/client/components/modules/Filter/index.js b/src/client/components/modules/Filter/index.js
new file mode 100644
index 0000000000..0adadb6a44
--- /dev/null
+++ b/src/client/components/modules/Filter/index.js
@@ -0,0 +1,12 @@
+import React, { Component } from 'react';
+import Input from 'payload/client/components/forms/Input';
+
+class Filter extends Component {
+ render() {
+ return (
+
+ );
+ }
+}
+
+export default Filter;
diff --git a/src/client/components/layout/HeadingButton/index.js b/src/client/components/modules/HeadingButton/index.js
similarity index 100%
rename from src/client/components/layout/HeadingButton/index.js
rename to src/client/components/modules/HeadingButton/index.js
diff --git a/src/client/components/layout/HeadingButton/index.scss b/src/client/components/modules/HeadingButton/index.scss
similarity index 100%
rename from src/client/components/layout/HeadingButton/index.scss
rename to src/client/components/modules/HeadingButton/index.scss
diff --git a/src/client/components/layout/StepNav/index.js b/src/client/components/modules/StepNav/index.js
similarity index 100%
rename from src/client/components/layout/StepNav/index.js
rename to src/client/components/modules/StepNav/index.js
diff --git a/src/client/components/layout/StepNav/index.scss b/src/client/components/modules/StepNav/index.scss
similarity index 100%
rename from src/client/components/layout/StepNav/index.scss
rename to src/client/components/modules/StepNav/index.scss
diff --git a/src/client/components/views/collections/Archive/index.js b/src/client/components/views/collections/Archive/index.js
index 66542901d3..618c8f4ba5 100644
--- a/src/client/components/views/collections/Archive/index.js
+++ b/src/client/components/views/collections/Archive/index.js
@@ -1,6 +1,8 @@
import React from 'react';
import SetStepNav from 'payload/client/components/utilities/SetStepNav';
+import './index.css';
+
export default props => {
return (
diff --git a/src/client/components/views/collections/Archive/index.scss b/src/client/components/views/collections/Archive/index.scss
new file mode 100644
index 0000000000..bbe2124b75
--- /dev/null
+++ b/src/client/components/views/collections/Archive/index.scss
@@ -0,0 +1,7 @@
+@import '_styles';
+
+.collection-archive {
+ .heading-button {
+ @include m;
+ }
+}
diff --git a/src/client/scss/_form.scss b/src/client/scss/_form.scss
index 5d990e7c2d..9fb67b2e33 100644
--- a/src/client/scss/_form.scss
+++ b/src/client/scss/_form.scss
@@ -18,20 +18,24 @@
-webkit-appearance: none;
&::-webkit-input-placeholder { /* Chrome/Opera/Safari */
- color: $black;
+ color: $gray;
+ font-weight: normal;
}
&::-moz-placeholder { /* Firefox 19+ */
- color: $black;
+ color: $gray;
+ font-weight: normal;
}
&:-ms-input-placeholder { /* IE 10+ */
- color: $black;
+ color: $gray;
+ font-weight: normal;
}
&:-moz-placeholder { /* Firefox 18- */
- color: $black;
+ color: $gray;
+ font-weight: normal;
}
&:hover {
-
+
}
&:focus,
@@ -42,4 +46,4 @@
@include small-break {
margin-bottom: rem(.5);
}
-}
\ No newline at end of file
+}