@elvia/elvis-box - npm Package Compare versions

Comparing version 1.1.4 to 1.1.5

CHANGELOG.md

 # Elvia Box Changelog
 
+## 1.1.5 (30.11.21)
+
+### Patch
+
+- Now using elvis-colors package for colors.
+- Now using elvis-typography package for typography.
+
 ## 1.1.4 (30.11.21)
@@ -4,0 +11,0 @@

dist/react/js/declarations.d.ts

 declare module '*';
+declare module '@elvia/elvis-colors';
+declare module '@elvia/elvis-typography';

dist/react/js/elvia-box.js

@@ -7,8 +7,13 @@ /*
 import styled from 'styled-components';
-const ElviaColors = {
-  elviaCharge: '#29d305',
-  elviaOn: '#ffffff',
-  elviaOff: '#000000',
-  grey10: '#E9E9E9'
+import { getColor } from '@elvia/elvis-colors';
+import ElviaTypography from '@elvia/elvis-typography';
+const colors = {
+  elviaCharge: getColor('elvia-charge'),
+  elviaWhite: getColor('white'),
+  elviaBlack: getColor('black'),
+  grey10: getColor('grey-10')
 };
+const typography = {
+  titleCaps: ElviaTypography['title-caps']
+};
 const BoxArea = styled.div.withConfig({
@@ -21,11 +26,11 @@ displayName: "elvia-box__BoxArea",
   componentId: "sc-smb19g-1"
-})(["position:absolute;top:0px;left:0px;width:100%;height:4px;border-top-left-radius:5px;border-top-right-radius:5px;background:", ";"], ElviaColors.elviaCharge);
+})(["position:absolute;top:0px;left:0px;width:100%;height:4px;border-top-left-radius:5px;border-top-right-radius:5px;background:", ";"], colors.elviaCharge);
 const BoxTitle = styled.div.withConfig({
   displayName: "elvia-box__BoxTitle",
   componentId: "sc-smb19g-2"
-})(["font-family:'Red Hat Text';font-style:normal;font-weight:500;font-size:14px;line-height:17px;letter-spacing:0.8px;text-transform:uppercase;color:black;margin:0px;margin-left:8px;margin-bottom:8px;*{font-family:'Red Hat Text';font-style:normal;font-weight:500;font-size:14px;line-height:17px;letter-spacing:0.8px;text-transform:uppercase;margin:0;}"]);
+})(["", " font-style:normal;color:", ";margin:0px;margin-left:8px;margin-bottom:8px;*{", " font-style:normal;text-transform:uppercase;margin:0;}"], typography.titleCaps, colors.elviaBlack, typography.titleCaps);
 const BoxContent = styled.div.withConfig({
   displayName: "elvia-box__BoxContent",
   componentId: "sc-smb19g-3"
-})(["position:relative;display:block;width:100%;box-sizing:border-box;border-radius:5px;border:", ";background:", ";text-align:left;color:black;padding:40px;@media (max-width:767px){padding:24px;}"], props => props.hasBorder === true && `1px solid ${ElviaColors.grey10}`, ElviaColors.elviaOn);
+})(["position:relative;display:block;width:100%;box-sizing:border-box;border-radius:5px;border:", ";background:", ";text-align:left;color:", ";padding:40px;@media (max-width:767px){padding:24px;}"], props => props.hasBorder === true && `1px solid ${colors.grey10}`, colors.elviaWhite, colors.elviaBlack);
 
@@ -32,0 +37,0 @@ const Box = ({

package.json

 {
   "name": "@elvia/elvis-box",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "",
@@ -14,4 +14,6 @@ "main": "web_component.js",
     "@elvia/elvis-toolbox": "^1.2.0",
+    "@elvia/elvis-colors": "^1.1.0",
+    "@elvia/elvis-typography": "^1.1.0",
     "styled-components": "^5.3.3"
   }
 }

react.js

 export { default as Box } from './dist/react/js/elvia-box';

README.md

 # Elvia Box
 
 This component only works in React right now. The webcomponent will be ready shortly.

src/react/declarations.d.ts

 declare module '*';
+declare module '@elvia/elvis-colors';
+declare module '@elvia/elvis-typography';

web_component.js

 export { default as Box } from './dist/web_component/js/elvia-box';

New alerts

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

Improved metrics

Total package byte prevSize

9750

increased by5.54%

Worsened metrics

Dependency count

5

increased by66.67%

Number of package files

11

decreased by-8.33%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@elvia/elvis-colors@^1.1.0

• + Added@elvia/elvis-typography@^1.1.0

• + Added@elvia/elvis-colors@1.8.0(transitive)

• + Added@elvia/elvis-typography@1.2.1(transitive)