@bigcommerce/big-design-theme - npm Package Compare versions

Comparing version 0.13.2-alpha.0 to 0.13.2-alpha.1

dist/cjs/helpers/helpers.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports.listReset = exports.emCalc = exports.remCalc = exports.createRGBA = exports.addValues = void 0;
+exports.remCalc = exports.listReset = exports.emCalc = exports.createRGBA = exports.addValues = void 0;
 
@@ -9,0 +9,0 @@ var _polished = require("polished");

dist/cjs/index.js

@@ -64,3 +64,5 @@ "use strict";
 
-const createTheme = (customOptions = {}) => {
+const createTheme = function () {
+  let customOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
   _options.themeOptions.setOptions(customOptions);
@@ -67,0 +69,0 @@

dist/cjs/system/border.js

@@ -13,8 +13,14 @@ "use strict";
 const createBorder = () => ({
-  box: (0, _styledComponents.css)(["", ";"], ({
-    theme
-  }) => `1px solid ${theme.colors.secondary30}`),
-  boxError: (0, _styledComponents.css)(["", ";"], ({
-    theme
-  }) => `1px solid ${theme.colors.danger40}`),
+  box: (0, _styledComponents.css)(["", ";"], _ref => {
+    let {
+      theme
+    } = _ref;
+    return `1px solid ${theme.colors.secondary30}`;
+  }),
+  boxError: (0, _styledComponents.css)(["", ";"], _ref2 => {
+    let {
+      theme
+    } = _ref2;
+    return `1px solid ${theme.colors.danger40}`;
+  }),
   none: 'none'
@@ -21,0 +27,0 @@ });

dist/cjs/system/keyframes.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports.fadeIn = exports.rotate = exports.loading = void 0;
+exports.rotate = exports.loading = exports.fadeIn = void 0;
 
@@ -9,0 +9,0 @@ var _styledComponents = require("styled-components");

dist/cjs/system/shadow.js

@@ -13,13 +13,25 @@ "use strict";
 const shadow = {
-  floating: (0, _styledComponents.css)(["border-radius:", ";box-shadow:", ";"], ({
-    theme
-  }) => theme.borderRadius.normal, ({
-    theme
-  }) => `0px 2px 12px ${(0, _helpers.createRGBA)(theme.colors.secondary70, 0.2)}`),
-  raised: (0, _styledComponents.css)(["border-radius:", ";box-shadow:", ";"], ({
-    theme
-  }) => theme.borderRadius.normal, ({
-    theme
-  }) => `0px 1px 6px ${(0, _helpers.createRGBA)(theme.colors.secondary70, 0.2)}`)
+  floating: (0, _styledComponents.css)(["border-radius:", ";box-shadow:", ";"], _ref => {
+    let {
+      theme
+    } = _ref;
+    return theme.borderRadius.normal;
+  }, _ref2 => {
+    let {
+      theme
+    } = _ref2;
+    return `0px 2px 12px ${(0, _helpers.createRGBA)(theme.colors.secondary70, 0.2)}`;
+  }),
+  raised: (0, _styledComponents.css)(["border-radius:", ";box-shadow:", ";"], _ref3 => {
+    let {
+      theme
+    } = _ref3;
+    return theme.borderRadius.normal;
+  }, _ref4 => {
+    let {
+      theme
+    } = _ref4;
+    return `0px 1px 6px ${(0, _helpers.createRGBA)(theme.colors.secondary70, 0.2)}`;
+  })
 };
 exports.shadow = shadow;

dist/es/index.js

@@ -14,3 +14,4 @@ import { createHelpers } from './helpers';
 export * from './system';
-export const createTheme = (customOptions = {}) => {
+export const createTheme = function () {
+  let customOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   themeOptions.setOptions(customOptions);
@@ -17,0 +18,0 @@ return {

dist/es/system/border.js

 import { css } from 'styled-components';
 import { remCalc } from '../helpers';
 export const createBorder = () => ({
-  box: css(["", ";"], ({
-    theme
-  }) => `1px solid ${theme.colors.secondary30}`),
-  boxError: css(["", ";"], ({
-    theme
-  }) => `1px solid ${theme.colors.danger40}`),
+  box: css(["", ";"], _ref => {
+    let {
+      theme
+    } = _ref;
+    return `1px solid ${theme.colors.secondary30}`;
+  }),
+  boxError: css(["", ";"], _ref2 => {
+    let {
+      theme
+    } = _ref2;
+    return `1px solid ${theme.colors.danger40}`;
+  }),
   none: 'none'
@@ -11,0 +17,0 @@ });

dist/es/system/shadow.js

 import { css } from 'styled-components';
 import { createRGBA } from '../helpers';
 export const shadow = {
-  floating: css(["border-radius:", ";box-shadow:", ";"], ({
-    theme
-  }) => theme.borderRadius.normal, ({
-    theme
-  }) => `0px 2px 12px ${createRGBA(theme.colors.secondary70, 0.2)}`),
-  raised: css(["border-radius:", ";box-shadow:", ";"], ({
-    theme
-  }) => theme.borderRadius.normal, ({
-    theme
-  }) => `0px 1px 6px ${createRGBA(theme.colors.secondary70, 0.2)}`)
+  floating: css(["border-radius:", ";box-shadow:", ";"], _ref => {
+    let {
+      theme
+    } = _ref;
+    return theme.borderRadius.normal;
+  }, _ref2 => {
+    let {
+      theme
+    } = _ref2;
+    return `0px 2px 12px ${createRGBA(theme.colors.secondary70, 0.2)}`;
+  }),
+  raised: css(["border-radius:", ";box-shadow:", ";"], _ref3 => {
+    let {
+      theme
+    } = _ref3;
+    return theme.borderRadius.normal;
+  }, _ref4 => {
+    let {
+      theme
+    } = _ref4;
+    return `0px 1px 6px ${createRGBA(theme.colors.secondary70, 0.2)}`;
+  })
 };

package.json

 {
   "name": "@bigcommerce/big-design-theme",
-  "version": "0.13.2-alpha.0",
+  "version": "0.13.2-alpha.1",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
-  "license": "(MIT AND CC BY 3.0)",
+  "license": "(MIT AND CC-BY-3.0)",
   "author": "BigCommerce Inc",
@@ -50,11 +50,10 @@ "repository": {
     "@babel/preset-typescript": "^7.15.0",
-    "@bigcommerce/configs": "^0.15.2-alpha.0",
-    "@bigcommerce/pack": "^0.1.1-alpha.0",
+    "@bigcommerce/configs": "^0.15.2-alpha.1",
+    "@bigcommerce/pack": "^0.1.1-alpha.1",
     "@types/jest": "^27.0.2",
     "@types/styled-components": "^5.1.11",
     "babel-jest": "^27.2.5",
-    "babel-plugin-styled-components": "^1.13.2",
-    "concurrently": "^6.2.1",
+    "babel-plugin-styled-components": "^2.0.2",
     "jest": "^27.2.5",
-    "jest-styled-components": "^7.0.5",
+    "jest-styled-components": "^7.0.8",
     "react": "^17.0.1",
@@ -67,3 +66,3 @@ "react-dom": "^17.0.1",
   },
-  "gitHead": "c19d796880dfe0b5e608abce72d8358885181b64",
+  "gitHead": "09b228746fb286b30e11867b9920720c4a4ae3f2",
   "access": "public",
@@ -70,0 +69,0 @@ "module": "dist/es/index.js",

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

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

62110

increased by1.04%

Dev dependency count

20

decreased by-4.76%

Lines of code

938

increased by4.22%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes