Mark loading as valid prop for lazy loading images and iFrames (#1377)

* Mark loading as valid prop for lazy loading images and iFrames * Add loading prop changes to changeset
emotion-js · Jun 2, 2019 · 06426c9 · 06426c9
1 parent 757bd86
commit 06426c9
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/.changeset/1897dfce/changes.json b/.changeset/1897dfce/changes.json
@@ -0,0 +1,15 @@
+{
+  "releases": [{ "name": "@emotion/is-prop-valid", "type": "minor" }],
+  "dependents": [
+    {
+      "name": "@emotion/primitives",
+      "type": "patch",
+      "dependencies": ["@emotion/is-prop-valid"]
+    },
+    {
+      "name": "@emotion/styled-base",
+      "type": "patch",
+      "dependencies": ["@emotion/is-prop-valid"]
+    }
+  ]
+}
diff --git a/.changeset/1897dfce/changes.md b/.changeset/1897dfce/changes.md
@@ -0,0 +1 @@
+Mark loading as a valid property. This property is used to lazily load images and iFrames.
diff --git a/packages/is-prop-valid/src/props.js b/packages/is-prop-valid/src/props.js
@@ -464,7 +464,9 @@ const props = {
   // preact
   for: true,
   class: true,
-  autofocus: true
+  autofocus: true,
+  // Loading attribute for images and iframes Spec PR https://github.com/whatwg/html/pull/3752/files#diff-36cd38f49b9afa08222c0dc9ebfe35eb
+  loading: true
 }
 // eslint-disable-next-line import/no-commonjs
 module.exports = `/^((${Object.keys(props).join(