@elvia/elvis-box - npm Package Compare versions

Comparing version 0.0.1-beta.3 to 1.0.0

CHANGELOG.md

 # Elvia Box Changelog
 
+## 1.0.0 (07.10.21)
+
+### New features
+
+- First version of box. Padding on title bug fix.
+
 ## 0.0.1-alpha (29.06.21)
@@ -4,0 +10,0 @@

dist/react/js/elvia-box.js

@@ -13,55 +13,18 @@ /*
 };
-const BoxArea = styled.div`
-  position: relative;
-  display: block;
-  width: 100%;
-  box-sizing: border-box;
-`;
-const BoxColoredLine = styled.div`
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  width: 100%;
-  height: 4px;
-  border-top-left-radius: 5px;
-  border-top-right-radius: 5px;
-  background: ${ElviaColors.elviaCharge};
-`;
-const BoxTitle = styled.div`
-  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-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;
-  }
-`;
-const BoxContent = styled.div`
-  position: relative;
-  display: block;
-  width: 100%;
-  box-sizing: border-box;
-  border-radius: 5px;
-  border: ${props => props.hasBorder === true && `1px solid ${ElviaColors.grey10}`};
-  background: ${ElviaColors.elviaOn};
-  text-align: left;
-  color: black;
-  padding: 40px;
-  @media (max-width: 767px) {
-    padding: 24px;
-  }
-`;
+const BoxArea = styled.div.withConfig({
+  displayName: "elvia-box__BoxArea",
+  componentId: "sc-smb19g-0"
+})(["position:relative;display:block;width:100%;box-sizing:border-box;"]);
+const BoxColoredLine = styled.div.withConfig({
+  displayName: "elvia-box__BoxColoredLine",
+  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);
+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;}"]);
+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);
 
@@ -68,0 +31,0 @@ const Box = ({

dist/web_component/js/elvia-box.js

@@ -19,15 +19,21 @@ /*
         "name": "content",
-        "type": "HTMLElement"
+        "type": "string",
+        "propType": "string | HTMLElement"
       }, {
         "name": "title",
-        "type": "string"
+        "type": "string",
+        "propType": "string | HTMLElement"
       }, {
         "name": "hasBorder",
-        "type": "boolean"
+        "type": "boolean",
+        "propType": "boolean"
       }, {
         "name": "isColored",
-        "type": "boolean"
+        "type": "boolean",
+        "propType": "boolean"
       }],
       "slotItems": true,
-      "reactName": "Box"
+      "reactName": "Box",
+      "useWrapper": false,
+      "reactTypescriptDeclaration": false
     };
@@ -34,0 +40,0 @@ }

package.json

 {
   "name": "@elvia/elvis-box",
-  "version": "0.0.1-beta.3",
+  "version": "1.0.0",
   "description": "",
@@ -16,2 +16,2 @@ "main": "web_component.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

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Number of low quality alerts

2

decreased by-33.33%

Worsened metrics

Total package byte prevSize

8772

decreased by-9.29%

Number of package files

8

decreased by-11.11%

Lines of code

262

decreased by-22.02%

No dependency changes