@theme-ui/preset-bootstrap - npm Package Compare versions

Comparing version 0.15.0--canary.2215.ff6a38fe74fc9efa00cc1961a6061e030a67fce5.0 to 0.15.0--canary.2250.a5dfac6ee7342fb74c68b915d82541eea905f5a7.0

dist/theme-ui-preset-bootstrap.cjs.dev.js

@@ -7,3 +7,21 @@ 'use strict';
 
-const baseColors = {
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+var baseColors = {
   white: '#fff',
@@ -25,3 +43,3 @@ black: '#000',
 };
-const colors = { ...baseColors,
+var colors = _extends({}, baseColors, {
   grayDark: baseColors.gray[8],
@@ -40,6 +58,8 @@ text: baseColors.gray[9],
   textMuted: baseColors.gray[6]
-};
-const space = [0, 0.25, 0.5, 1, 1.5, 3].map(n => n + 'rem');
-const breakpoints = ['576px', '768px', '992px', '1200px'];
-const fonts = {
+});
+var space = [0, 0.25, 0.5, 1, 1.5, 3].map(function (n) {
+  return n + 'rem';
+});
+var breakpoints = ['576px', '768px', '992px', '1200px'];
+var fonts = {
   body: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
@@ -52,3 +72,3 @@ heading: 'inherit',
 fonts.sans = fonts.body;
-const fontWeights = {
+var fontWeights = {
   body: 400,
@@ -64,10 +84,10 @@ heading: 500,
 fontWeights.display = fontWeights.light;
-const fontSizes = ['0.75rem', // '80%',
+var fontSizes = ['0.75rem', // '80%',
 '0.875rem', '1rem', '1.25rem', '1.5rem', '1.75rem', '2rem', '2.5rem', '3.5rem', '4.5rem', '5.5rem', '6rem'];
 fontSizes.lead = fontSizes[3];
-const lineHeights = {
+var lineHeights = {
   body: 1.5,
   heading: 1.2
 };
-const sizes = {
+var sizes = {
   // container widths
@@ -79,3 +99,3 @@ sm: 540,
 };
-const radii = {
+var radii = {
   default: '0.25rem',
@@ -86,3 +106,3 @@ sm: '0.2rem',
 };
-const shadows = {
+var shadows = {
   default: '0 .5rem 1rem rgba(0, 0, 0, .15)',
@@ -92,3 +112,3 @@ sm: '0 .125rem .25rem rgba(0, 0, 0, .075)',
 };
-const heading = {
+var heading = {
   fontFamily: 'heading',
@@ -100,3 +120,3 @@ fontWeight: 'heading',
 };
-const display = {
+var display = {
   fontWeight: 'display',
@@ -106,7 +126,7 @@ lineHeight: 'heading'
 
-const text = {
-  heading,
-  display
+var text = {
+  heading: heading,
+  display: display
 };
-const styles = utils.makeStyles({
+var styles = utils.makeStyles({
   root: {
@@ -128,20 +148,20 @@ fontFamily: 'body',
   },
-  h1: { ...heading,
+  h1: _extends({}, heading, {
     fontSize: 7
-  },
-  h2: { ...heading,
+  }),
+  h2: _extends({}, heading, {
     fontSize: 6
-  },
-  h3: { ...heading,
+  }),
+  h3: _extends({}, heading, {
     fontSize: 5
-  },
-  h4: { ...heading,
+  }),
+  h4: _extends({}, heading, {
     fontSize: 4
-  },
-  h5: { ...heading,
+  }),
+  h5: _extends({}, heading, {
     fontSize: 3
-  },
-  h6: { ...heading,
+  }),
+  h6: _extends({}, heading, {
     fontSize: 2
-  },
+  }),
   blockquote: {
@@ -184,15 +204,15 @@ fontSize: 3,
 });
-const bootstrap = utils.makeTheme({
-  breakpoints,
-  colors,
-  space,
-  fonts,
-  fontSizes,
-  fontWeights,
-  lineHeights,
-  sizes,
-  shadows,
-  radii,
-  text,
-  styles
+var bootstrap = utils.makeTheme({
+  breakpoints: breakpoints,
+  colors: colors,
+  space: space,
+  fonts: fonts,
+  fontSizes: fontSizes,
+  fontWeights: fontWeights,
+  lineHeights: lineHeights,
+  sizes: sizes,
+  shadows: shadows,
+  radii: radii,
+  text: text,
+  styles: styles
 });
@@ -199,0 +219,0 @@

dist/theme-ui-preset-bootstrap.cjs.prod.js

@@ -7,3 +7,21 @@ 'use strict';
 
-const baseColors = {
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+var baseColors = {
   white: '#fff',
@@ -25,3 +43,3 @@ black: '#000',
 };
-const colors = { ...baseColors,
+var colors = _extends({}, baseColors, {
   grayDark: baseColors.gray[8],
@@ -40,6 +58,8 @@ text: baseColors.gray[9],
   textMuted: baseColors.gray[6]
-};
-const space = [0, 0.25, 0.5, 1, 1.5, 3].map(n => n + 'rem');
-const breakpoints = ['576px', '768px', '992px', '1200px'];
-const fonts = {
+});
+var space = [0, 0.25, 0.5, 1, 1.5, 3].map(function (n) {
+  return n + 'rem';
+});
+var breakpoints = ['576px', '768px', '992px', '1200px'];
+var fonts = {
   body: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
@@ -52,3 +72,3 @@ heading: 'inherit',
 fonts.sans = fonts.body;
-const fontWeights = {
+var fontWeights = {
   body: 400,
@@ -64,10 +84,10 @@ heading: 500,
 fontWeights.display = fontWeights.light;
-const fontSizes = ['0.75rem', // '80%',
+var fontSizes = ['0.75rem', // '80%',
 '0.875rem', '1rem', '1.25rem', '1.5rem', '1.75rem', '2rem', '2.5rem', '3.5rem', '4.5rem', '5.5rem', '6rem'];
 fontSizes.lead = fontSizes[3];
-const lineHeights = {
+var lineHeights = {
   body: 1.5,
   heading: 1.2
 };
-const sizes = {
+var sizes = {
   // container widths
@@ -79,3 +99,3 @@ sm: 540,
 };
-const radii = {
+var radii = {
   default: '0.25rem',
@@ -86,3 +106,3 @@ sm: '0.2rem',
 };
-const shadows = {
+var shadows = {
   default: '0 .5rem 1rem rgba(0, 0, 0, .15)',
@@ -92,3 +112,3 @@ sm: '0 .125rem .25rem rgba(0, 0, 0, .075)',
 };
-const heading = {
+var heading = {
   fontFamily: 'heading',
@@ -100,3 +120,3 @@ fontWeight: 'heading',
 };
-const display = {
+var display = {
   fontWeight: 'display',
@@ -106,7 +126,7 @@ lineHeight: 'heading'
 
-const text = {
-  heading,
-  display
+var text = {
+  heading: heading,
+  display: display
 };
-const styles = utils.makeStyles({
+var styles = utils.makeStyles({
   root: {
@@ -128,20 +148,20 @@ fontFamily: 'body',
   },
-  h1: { ...heading,
+  h1: _extends({}, heading, {
     fontSize: 7
-  },
-  h2: { ...heading,
+  }),
+  h2: _extends({}, heading, {
     fontSize: 6
-  },
-  h3: { ...heading,
+  }),
+  h3: _extends({}, heading, {
     fontSize: 5
-  },
-  h4: { ...heading,
+  }),
+  h4: _extends({}, heading, {
     fontSize: 4
-  },
-  h5: { ...heading,
+  }),
+  h5: _extends({}, heading, {
     fontSize: 3
-  },
-  h6: { ...heading,
+  }),
+  h6: _extends({}, heading, {
     fontSize: 2
-  },
+  }),
   blockquote: {
@@ -184,15 +204,15 @@ fontSize: 3,
 });
-const bootstrap = utils.makeTheme({
-  breakpoints,
-  colors,
-  space,
-  fonts,
-  fontSizes,
-  fontWeights,
-  lineHeights,
-  sizes,
-  shadows,
-  radii,
-  text,
-  styles
+var bootstrap = utils.makeTheme({
+  breakpoints: breakpoints,
+  colors: colors,
+  space: space,
+  fonts: fonts,
+  fontSizes: fontSizes,
+  fontWeights: fontWeights,
+  lineHeights: lineHeights,
+  sizes: sizes,
+  shadows: shadows,
+  radii: radii,
+  text: text,
+  styles: styles
 });
@@ -199,0 +219,0 @@

dist/theme-ui-preset-bootstrap.esm.js

 import { makeStyles, makeTheme } from '@theme-ui/css/utils';
 
-const baseColors = {
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+var baseColors = {
   white: '#fff',
@@ -20,3 +38,3 @@ black: '#000',
 };
-const colors = { ...baseColors,
+var colors = _extends({}, baseColors, {
   grayDark: baseColors.gray[8],
@@ -35,6 +53,8 @@ text: baseColors.gray[9],
   textMuted: baseColors.gray[6]
-};
-const space = [0, 0.25, 0.5, 1, 1.5, 3].map(n => n + 'rem');
-const breakpoints = ['576px', '768px', '992px', '1200px'];
-const fonts = {
+});
+var space = [0, 0.25, 0.5, 1, 1.5, 3].map(function (n) {
+  return n + 'rem';
+});
+var breakpoints = ['576px', '768px', '992px', '1200px'];
+var fonts = {
   body: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
@@ -47,3 +67,3 @@ heading: 'inherit',
 fonts.sans = fonts.body;
-const fontWeights = {
+var fontWeights = {
   body: 400,
@@ -59,10 +79,10 @@ heading: 500,
 fontWeights.display = fontWeights.light;
-const fontSizes = ['0.75rem', // '80%',
+var fontSizes = ['0.75rem', // '80%',
 '0.875rem', '1rem', '1.25rem', '1.5rem', '1.75rem', '2rem', '2.5rem', '3.5rem', '4.5rem', '5.5rem', '6rem'];
 fontSizes.lead = fontSizes[3];
-const lineHeights = {
+var lineHeights = {
   body: 1.5,
   heading: 1.2
 };
-const sizes = {
+var sizes = {
   // container widths
@@ -74,3 +94,3 @@ sm: 540,
 };
-const radii = {
+var radii = {
   default: '0.25rem',
@@ -81,3 +101,3 @@ sm: '0.2rem',
 };
-const shadows = {
+var shadows = {
   default: '0 .5rem 1rem rgba(0, 0, 0, .15)',
@@ -87,3 +107,3 @@ sm: '0 .125rem .25rem rgba(0, 0, 0, .075)',
 };
-const heading = {
+var heading = {
   fontFamily: 'heading',
@@ -95,3 +115,3 @@ fontWeight: 'heading',
 };
-const display = {
+var display = {
   fontWeight: 'display',
@@ -101,7 +121,7 @@ lineHeight: 'heading'
 
-const text = {
-  heading,
-  display
+var text = {
+  heading: heading,
+  display: display
 };
-const styles = makeStyles({
+var styles = makeStyles({
   root: {
@@ -123,20 +143,20 @@ fontFamily: 'body',
   },
-  h1: { ...heading,
+  h1: _extends({}, heading, {
     fontSize: 7
-  },
-  h2: { ...heading,
+  }),
+  h2: _extends({}, heading, {
     fontSize: 6
-  },
-  h3: { ...heading,
+  }),
+  h3: _extends({}, heading, {
     fontSize: 5
-  },
-  h4: { ...heading,
+  }),
+  h4: _extends({}, heading, {
     fontSize: 4
-  },
-  h5: { ...heading,
+  }),
+  h5: _extends({}, heading, {
     fontSize: 3
-  },
-  h6: { ...heading,
+  }),
+  h6: _extends({}, heading, {
     fontSize: 2
-  },
+  }),
   blockquote: {
@@ -179,15 +199,15 @@ fontSize: 3,
 });
-const bootstrap = makeTheme({
-  breakpoints,
-  colors,
-  space,
-  fonts,
-  fontSizes,
-  fontWeights,
-  lineHeights,
-  sizes,
-  shadows,
-  radii,
-  text,
-  styles
+var bootstrap = makeTheme({
+  breakpoints: breakpoints,
+  colors: colors,
+  space: space,
+  fonts: fonts,
+  fontSizes: fontSizes,
+  fontWeights: fontWeights,
+  lineHeights: lineHeights,
+  sizes: sizes,
+  shadows: shadows,
+  radii: radii,
+  text: text,
+  styles: styles
 });
@@ -194,0 +214,0 @@

package.json

 {
   "name": "@theme-ui/preset-bootstrap",
-  "version": "0.15.0--canary.2215.ff6a38fe74fc9efa00cc1961a6061e030a67fce5.0",
+  "version": "0.15.0--canary.2250.a5dfac6ee7342fb74c68b915d82541eea905f5a7.0",
   "main": "dist/theme-ui-preset-bootstrap.cjs.js",
@@ -18,3 +18,3 @@ "module": "dist/theme-ui-preset-bootstrap.esm.js",
   },
-  "gitHead": "ff6a38fe74fc9efa00cc1961a6061e030a67fce5"
+  "gitHead": "a5dfac6ee7342fb74c68b915d82541eea905f5a7"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

32630

increased by5.61%

Lines of code

1210

increased by4.13%

No dependency changes