sanity-io · mariuslundgard · Nov 15, 2018 · Oct 19, 2018 · Oct 22, 2018 · Oct 22, 2018
@@ -21,25 +21,12 @@
     "property-no-unknown": [ true, {
       "ignoreProperties": [
         "composes",
-        "compose-with",
-        "lost-align",
-        "lost-center",
-        "lost-column",
-        "lost-flex-container",
-        "lost-masonry-column",
-        "lost-masonry-wrap",
-        "lost-move",
-        "lost-offset",
-        "lost-row",
-        "lost-unit",
-        "lost-utility",
-        "lost-waffle"
+        "compose-with"
       ]
     }],
     "at-rule-no-unknown": [ true, {
       "ignoreAtRules": [
-        "value",
-        "lost"
+        "value"
       ]
     }]
   }

@@ -90,7 +90,6 @@
     "semver": "^5.5.0",
     "stylelint": "^8.4.0",
     "stylelint-config-css-modules": "^1.1.0",
-    "stylelint-config-lost": "0.0.3",
     "stylelint-config-standard": "^18.0.0",
     "through2": "^2.0.3",
     "typescript": "^2.9.2",

@@ -11,8 +11,7 @@
     ],
     "property-no-unknown": [true, {
       "ignoreProperties": [
-        "composes",
-        /lost-.+/
+        "composes"
       ]
     }]
   }

@@ -40,7 +40,6 @@
     "in-publish": "^2.0.0",
     "lodash": "^4.17.4",
     "nano-pubsub": "^1.0.2",
-    "postcss-cssnext": "^3.0.2",
     "promise-props": "^1.0.0",
     "react-fast-compare": "^2.0.2",
     "react-icon-base": "^2.1.2",

@@ -203,10 +203,6 @@
       "name": "part:@sanity/base/theme/forms/text-input-style",
       "description": "Styling for <input>"
     },
-    {
-      "name": "part:@sanity/base/theme/forms/control-style",
-      "description": "Wrapper for control elements like <input>"
-    },
     {
       "name": "part:@sanity/base/theme/forms/textarea-style",
       "description": "Styling for <textarea>"
@@ -430,10 +426,6 @@
       "implements": "part:@sanity/base/theme/forms/text-input-style",
       "path": "styles/forms/text-input.css"
     },
-    {
-      "implements": "part:@sanity/base/theme/forms/control-style",
-      "path": "styles/forms/control.css"
-    },
     {
       "implements": "part:@sanity/base/theme/forms/textarea-style",
       "path": "styles/forms/textarea.css"
@@ -590,6 +582,10 @@
       "name": "part:@sanity/base/fullscreen-exit-icon",
       "description": "Exit fullscreen icon"
     },
+    {
+      "name": "part:@sanity/base/package-icon",
+      "description": "Package icon"
+    },
     {
       "name": "part:@sanity/base/plus-icon",
       "description": "Plus icon"
@@ -734,6 +730,10 @@
       "implements": "part:@sanity/base/fullscreen-exit-icon",
       "path": "components/icons/FullscreenExit.js"
     },
+    {
+      "implements": "part:@sanity/base/package-icon",
+      "path": "components/icons/Package.js"
+    },
     {
       "implements": "part:@sanity/base/plus-icon",
       "path": "components/icons/Plus.js"
@@ -845,6 +845,10 @@
     {
       "implements": "part:@sanity/base/sanity-studio-logo",
       "path": "components/logos/SanityStudioLogo.js"
+    },
+    {
+      "implements": "part:@sanity/base/component",
+      "path": "styles/variables/story.js"
     }
   ]
 }
@@ -49,7 +49,7 @@ function Document(props) {
         {subresources}
         {favicons}
       </head>
-      <body>
+      <body id="sanityBody">
         <div id="sanity">
           <AppLoadingScreen text={props.loading} />
           <NoJavascript />
@@ -72,7 +72,7 @@ Document.defaultProps = {
   basePath: '',
   charset: 'utf-8',
   title: 'Sanity',
-  viewport: 'width=device-width, initial-scale=1',
+  viewport: 'width=device-width, initial-scale=1, viewport-fit=cover',
   loading: 'Sanity Content Studio',
   staticPath: '/static',
   favicons: [{path: 'favicon.ico'}],

@@ -1,3 +1,18 @@
-import CloseIcon from 'react-icons/lib/md/close'
+import React from 'react'
+
+const strokeStyle = {vectorEffect: 'non-scaling-stroke'}
+
+const CloseIcon = () => (
+  <svg
+    viewBox="0 0 25 25"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    preserveAspectRatio="xMidYMid"
+    width="1em"
+    height="1em"
+  >
+    <path d="M19 6L6 19M6 6L19 19" stroke="currentColor" style={strokeStyle} />
+  </svg>
+)
 
 export default CloseIcon
@@ -1,3 +1,20 @@
-import FaBars from 'react-icons/lib/fa/bars'
+import React from 'react'
 
-export default FaBars
+const strokeStyle = {vectorEffect: 'non-scaling-stroke'}
+
+const HamburgerIcon = () => (
+  <svg
+    viewBox="0 0 25 25"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    preserveAspectRatio="xMidYMid"
+    width="1em"
+    height="1em"
+  >
+    <path d="M5 7.5H20" stroke="currentColor" style={strokeStyle} />
+    <path d="M5 12.5H20" stroke="currentColor" style={strokeStyle} />
+    <path d="M5 17.5H20" stroke="currentColor" style={strokeStyle} />
+  </svg>
+)
+
+export default HamburgerIcon
@@ -1,3 +1,20 @@
-import MdMoreVert from 'react-icons/lib/md/more-vert'
+import React from 'react'
 
-export default MdMoreVert
+const strokeStyle = {vectorEffect: 'non-scaling-stroke'}
+
+const MoreVertIcon = () => (
+  <svg
+    viewBox="0 0 25 25"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    preserveAspectRatio="xMidYMid"
+    width="1em"
+    height="1em"
+  >
+    <circle cx="12.5" cy="6.5" r="1.5" fill="currentColor" style={strokeStyle} />
+    <circle cx="12.5" cy="12.5" r="1.5" fill="currentColor" style={strokeStyle} />
+    <circle cx="12.5" cy="18.5" r="1.5" fill="currentColor" style={strokeStyle} />
+  </svg>
+)
+
+export default MoreVertIcon
@@ -0,0 +1,25 @@
+import React from 'react'
+
+const strokeStyle = {vectorEffect: 'non-scaling-stroke'}
+
+const PackageIcon = () => (
+  <svg
+    viewBox="0 0 25 25"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    preserveAspectRatio="xMidYMid"
+    width="1em"
+    height="1em"
+  >
+    <path
+      d="M12.5 4.5L5.5 9V16L12.5 20.5L19.5 16V9L12.5 4.5Z"
+      stroke="currentColor"
+      style={strokeStyle}
+    />
+    <path d="M5.5 9L12.5 13.5L19.5 9" stroke="currentColor" style={strokeStyle} />
+    <path d="M12.5 13.5V20.5" stroke="currentColor" style={strokeStyle} />
+    <path d="M9 6.5L16 11" stroke="currentColor" style={strokeStyle} />
+  </svg>
+)
+
+export default PackageIcon
@@ -1,3 +1,25 @@
-import FaPlug from 'react-icons/lib/fa/plug'
+import React from 'react'
 
-export default FaPlug
+const strokeStyle = {vectorEffect: 'non-scaling-stroke'}
+
+const PlugIcon = () => (
+  <svg
+    viewBox="0 0 25 25"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    preserveAspectRatio="xMidYMid"
+    width="1em"
+    height="1em"
+  >
+    <path
+      d="M8 13L6 15L9 18L11 16C13.5 17.5 15 18 17 16L18.5 14.5L9.5 5.5L8 7C6 9 6.5 10.5 8 13Z"
+      stroke="currentColor"
+      style={strokeStyle}
+    />
+    <path d="M12 8L17 3" stroke="currentColor" style={strokeStyle} />
+    <path d="M16 12L21 7" stroke="currentColor" style={strokeStyle} />
+    <path d="M7.5 16.5L2.5 21.5" stroke="currentColor" style={strokeStyle} />
+  </svg>
+)
+
+export default PlugIcon
@@ -1,3 +1,18 @@
-import GoPlus from 'react-icons/lib/go/plus'
+import React from 'react'
 
-export default GoPlus
+const strokeStyle = {vectorEffect: 'non-scaling-stroke'}
+
+const PlusIcon = () => (
+  <svg
+    viewBox="0 0 25 25"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    preserveAspectRatio="xMidYMid"
+    width="1em"
+    height="1em"
+  >
+    <path d="M12.5 4V21M4 12.5H21" stroke="currentColor" style={strokeStyle} />
+  </svg>
+)
+
+export default PlusIcon
@@ -1,3 +1,26 @@
-import Search from 'react-icons/lib/fa/search'
+import React from 'react'
 
-export default Search
+const strokeStyle = {vectorEffect: 'non-scaling-stroke'}
+
+const SearchIcon = () => (
+  <svg
+    viewBox="0 0 25 25"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    preserveAspectRatio="xMidYMid"
+    width="1em"
+    height="1em"
+  >
+    <circle cx="10.5" cy="10.5" r="6" stroke="currentColor" style={strokeStyle} />
+    <line
+      x1="14.6036"
+      y1="14.6464"
+      x2="20.6069"
+      y2="20.6498"
+      stroke="currentColor"
+      style={strokeStyle}
+    />
+  </svg>
+)
+
+export default SearchIcon
@@ -1,3 +1,19 @@
-import FaSignOut from 'react-icons/lib/fa/sign-out'
+import React from 'react'
 
-export default FaSignOut
+const strokeStyle = {vectorEffect: 'non-scaling-stroke'}
+
+const SignOutIcon = () => (
+  <svg
+    viewBox="0 0 25 25"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    preserveAspectRatio="xMidYMid"
+    width="1em"
+    height="1em"
+  >
+    <rect x="3.5" y="5.5" width="14" height="14" stroke="currentColor" style={strokeStyle} />
+    <path d="M8 12.5H23M21 10L23.5 12.5L21 15" stroke="currentColor" style={strokeStyle} />
+  </svg>
+)
+
+export default SignOutIcon
@@ -6,6 +6,8 @@ const SpinnerIcon = () => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     preserveAspectRatio="xMidYMid"
+    width="1em"
+    height="1em"
   >
     <path
       d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 7.84072 4.53924 4.27455 8.15208 2.76711L7.38316 0.920257C3.04741 2.72903 0 7.00861 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 7.00842 20.9524 2.72869 16.6163 0.920044L15.8464 2.76647C19.46 4.27354 22 7.84013 22 12Z"

@@ -1,3 +1,20 @@
-import MdViewColumn from 'react-icons/lib/md/view-column'
+import React from 'react'
 
-export default MdViewColumn
+const strokeStyle = {vectorEffect: 'non-scaling-stroke'}
+
+const ViewColumnIcon = () => (
+  <svg
+    viewBox="0 0 25 25"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    preserveAspectRatio="xMidYMid"
+    width="1em"
+    height="1em"
+  >
+    <rect x="3.5" y="4.5" width="18" height="16" stroke="currentColor" style={strokeStyle} />
+    <line x1="9.5" y1="5" x2="9.5" y2="20" stroke="currentColor" style={strokeStyle} />
+    <line x1="15.5" y1="5" x2="15.5" y2="20" stroke="currentColor" style={strokeStyle} />
+  </svg>
+)
+
+export default ViewColumnIcon
@@ -1 +1,23 @@
-export {default} from 'react-icons/lib/md/visibility'
+import React from 'react'
+
+const strokeStyle = {vectorEffect: 'non-scaling-stroke'}
+
+const VisibilityIcon = () => (
+  <svg
+    viewBox="0 0 25 25"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    preserveAspectRatio="xMidYMid"
+    width="1em"
+    height="1em"
+  >
+    <path
+      d="M12.5 6.5C7 6.5 3.5 10.5 2.5 12.5C3.5 14.5 7 18.5 12.5 18.5C18 18.5 21.5 14.5 22.5 12.5C21.5 10.5 18 6.5 12.5 6.5Z"
+      stroke="currentColor"
+      style={strokeStyle}
+    />
+    <circle cx="12.5" cy="12.5" r="4" stroke="currentColor" style={strokeStyle} />
+  </svg>
+)
+
+export default VisibilityIcon