@quintype/components 3.5.3-fix-image-sizes.0 → 3.5.3-fix-image-sizes.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/cjs/index.js +2 -22
  2. package/dist/es/components/impl/gumlet-image.js +1 -11
  3. package/dist/es/components/impl/thumbor-image.js +1 -11
  4. package/package.json +1 -1
package/dist/cjs/index.js CHANGED
@@ -1857,17 +1857,7 @@ function responsiveProps(props) {
1857
1857
  }
1858
1858
 
1859
1859
  function generateSizes() {
1860
- // return "(max-width: 600px) 100vw, (max-width: 900px) 50vw, (max-width: 1240px) 33vw, 11.13vw";
1861
- var sizes = props.widths.map(function (size) {
1862
- if (size === 250) {
1863
- return "(max-width: 600px) 250px";
1864
- } else if (size === 480) {
1865
- return "(max-width: 900px) 480px";
1866
- }
1867
-
1868
- return "640px";
1869
- });
1870
- return sizes.join(",");
1860
+ return "(max-width: 480px) 100vw, (max-width: 768px) 75vw, (max-width: 1024px) 50vw, 33vw";
1871
1861
  }
1872
1862
 
1873
1863
  return {
@@ -1996,17 +1986,7 @@ function GumletImage(props) {
1996
1986
  }
1997
1987
 
1998
1988
  function generateSizes() {
1999
- // return "(max-width: 600px) 100vw, (max-width: 900px) 50vw, (max-width: 1240px) 33vw, 11.13vw";
2000
- var sizes = props.widths.map(function (size) {
2001
- if (size === 250) {
2002
- return "(max-width: 600px) 250px";
2003
- } else if (size === 480) {
2004
- return "(max-width: 900px) 480px";
2005
- }
2006
-
2007
- return "640px";
2008
- });
2009
- return sizes.join(",");
1989
+ return "(max-width: 480px) 100vw, (max-width: 768px) 75vw, (max-width: 1024px) 50vw, 33vw";
2010
1990
  }
2011
1991
 
2012
1992
  var imageProps = {
package/dist/es/components/impl/gumlet-image.js CHANGED
@@ -48,17 +48,7 @@ export function GumletImage(props) {
48
48
  }
49
49
 
50
50
  function generateSizes() {
51
- // return "(max-width: 600px) 100vw, (max-width: 900px) 50vw, (max-width: 1240px) 33vw, 11.13vw";
52
- var sizes = props.widths.map(function (size) {
53
- if (size === 250) {
54
- return "(max-width: 600px) 250px";
55
- } else if (size === 480) {
56
- return "(max-width: 900px) 480px";
57
- }
58
-
59
- return "640px";
60
- });
61
- return sizes.join(",");
51
+ return "(max-width: 480px) 100vw, (max-width: 768px) 75vw, (max-width: 1024px) 50vw, 33vw";
62
52
  }
63
53
 
64
54
  var imageProps = {
package/dist/es/components/impl/thumbor-image.js CHANGED
@@ -24,17 +24,7 @@ export function responsiveProps(props) {
24
24
  }
25
25
 
26
26
  function generateSizes() {
27
- // return "(max-width: 600px) 100vw, (max-width: 900px) 50vw, (max-width: 1240px) 33vw, 11.13vw";
28
- var sizes = props.widths.map(function (size) {
29
- if (size === 250) {
30
- return "(max-width: 600px) 250px";
31
- } else if (size === 480) {
32
- return "(max-width: 900px) 480px";
33
- }
34
-
35
- return "640px";
36
- });
37
- return sizes.join(",");
27
+ return "(max-width: 480px) 100vw, (max-width: 768px) 75vw, (max-width: 1024px) 50vw, 33vw";
38
28
  }
39
29
 
40
30
  return {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@quintype/components",
3
- "version": "3.5.3-fix-image-sizes.0",
3
+ "version": "3.5.3-fix-image-sizes.2",
4
4
  "description": "Components to help build Quintype Node.js apps",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/es/index.js",