@bdt-component-library/typography - npm Package Compare versions

Comparing version 0.1.2 to 0.2.0

build/index.es.js

@@ -30,4 +30,4 @@ import { createElement } from 'react';
 
-var css_248z = ".bui-1qcvdf,.bui-3NolZ4,.bui-3Ui56D,.bui-25T0US,.bui-AIAKsB{--text-opacity:1;color:#1a202c;color:rgba(26,32,44,var(--text-opacity));margin-top:var(--heading-margin-top);margin-bottom:var(--heading-margin-bottom)}.bui-25T0US{font-weight:400;font-size:var(--h1);line-height:calc(var(--h1)*1.125)}.bui-3NolZ4{font-weight:400;font-size:var(--h2);line-height:calc(var(--h2)*1.125)}.bui-1qcvdf{font-weight:600;font-size:var(--h3);line-height:calc(var(--h3)*1.125)}.bui-AIAKsB{font-weight:600;font-size:var(--h4);line-height:calc(var(--h4)*1.125)}.bui-3Ui56D{font-weight:700;font-size:var(--h5);line-height:calc(var(--h5)*1.125)}.bui-3_7T_M{font-weight:400;--text-opacity:1;color:#4a5468;color:rgba(74,84,104,var(--text-opacity));margin-top:var(--paragraph-margin-top);margin-bottom:var(--paragraph-margin-bottom)}.bui-3_7T_M.bui-Ad08K1,.bui-3_7T_M.bui-GoF_hj{margin-top:.25rem;font-size:var(--small-font-size);line-height:var(--small-line-height);font-weight:var(--subtitle-font-weight)}.bui-3_7T_M.bui-GoF_hj{text-transform:uppercase;font-weight:var(--caps-font-weight)}.bui-1Mi8YC{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.bui-3_7T_M.bui-1Mi8YC{--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}.bui-1Mi8YC a{--text-opacity:1;color:#3399e1;color:rgba(51,153,225,var(--text-opacity))}.bui-1Mi8YC a:hover{--text-opacity:1;color:#d8ecfa;color:rgba(216,236,250,var(--text-opacity))}.bui-xNFSYx{margin-top:0}.bui-2D-3C9{margin-bottom:0}";
-var Styles = {"h1":"bui-25T0US","h2":"bui-3NolZ4","h3":"bui-1qcvdf","h4":"bui-AIAKsB","h5":"bui-3Ui56D","p":"bui-3_7T_M","small":"bui-Ad08K1","smallCaps":"bui-GoF_hj","light":"bui-1Mi8YC","noTopMargin":"bui-xNFSYx","noBottomMargin":"bui-2D-3C9"};
+var css_248z = ".bui-1qcvdf,.bui-3NolZ4,.bui-3Ui56D,.bui-25T0US,.bui-AIAKsB{--text-opacity:1;color:#1a202c;color:rgba(26,32,44,var(--text-opacity));margin-top:var(--heading-margin-top);margin-bottom:var(--heading-margin-bottom)}.bui-25T0US{font-weight:400;font-size:var(--h1);line-height:calc(var(--h1)*1.125)}.bui-3NolZ4{font-weight:400;font-size:var(--h2);line-height:calc(var(--h2)*1.125)}.bui-1qcvdf{font-weight:600;font-size:var(--h3);line-height:calc(var(--h3)*1.125)}.bui-AIAKsB{font-weight:600;font-size:var(--h4);line-height:calc(var(--h4)*1.125)}.bui-3Ui56D{font-weight:700;font-size:var(--h5);line-height:calc(var(--h5)*1.125)}.bui-3_7T_M{font-weight:400;--text-opacity:1;color:#4a5468;color:rgba(74,84,104,var(--text-opacity));margin-top:var(--paragraph-margin-top);margin-bottom:var(--paragraph-margin-bottom)}.bui-3_7T_M.bui-Ad08K1,.bui-3_7T_M.bui-GoF_hj{margin-top:.25rem;font-size:var(--small-font-size);line-height:var(--small-line-height);font-weight:var(--subtitle-font-weight)}.bui-3_7T_M.bui-GoF_hj{text-transform:uppercase;font-weight:var(--caps-font-weight)}.bui-1Mi8YC,.bui-2IkGnq{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.bui-3_7T_M.bui-1Mi8YC{--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}.bui-xNFSYx{margin-top:0}.bui-2D-3C9{margin-bottom:0}";
+var Styles = {"h1":"bui-25T0US","h2":"bui-3NolZ4","h3":"bui-1qcvdf","h4":"bui-AIAKsB","h5":"bui-3Ui56D","p":"bui-3_7T_M","small":"bui-Ad08K1","smallCaps":"bui-GoF_hj","white":"bui-2IkGnq","light":"bui-1Mi8YC","noTopMargin":"bui-xNFSYx","noBottomMargin":"bui-2D-3C9"};
 styleInject(css_248z);
@@ -42,7 +42,7 @@
             [Styles[body]]: body !== "default",
-            [Styles.light]: display === "light",
+            [Styles[display]]: true,
             [Styles.noBottomMargin]: noBottomMargin,
             [Styles.noTopMargin]: noTopMargin,
             [className]: className
-        }) || undefined }, children));
+        }) }, children));
 };
@@ -49,0 +49,0 @@

build/index.js

@@ -34,4 +34,4 @@ 'use strict';
 
-var css_248z = ".bui-1qcvdf,.bui-3NolZ4,.bui-3Ui56D,.bui-25T0US,.bui-AIAKsB{--text-opacity:1;color:#1a202c;color:rgba(26,32,44,var(--text-opacity));margin-top:var(--heading-margin-top);margin-bottom:var(--heading-margin-bottom)}.bui-25T0US{font-weight:400;font-size:var(--h1);line-height:calc(var(--h1)*1.125)}.bui-3NolZ4{font-weight:400;font-size:var(--h2);line-height:calc(var(--h2)*1.125)}.bui-1qcvdf{font-weight:600;font-size:var(--h3);line-height:calc(var(--h3)*1.125)}.bui-AIAKsB{font-weight:600;font-size:var(--h4);line-height:calc(var(--h4)*1.125)}.bui-3Ui56D{font-weight:700;font-size:var(--h5);line-height:calc(var(--h5)*1.125)}.bui-3_7T_M{font-weight:400;--text-opacity:1;color:#4a5468;color:rgba(74,84,104,var(--text-opacity));margin-top:var(--paragraph-margin-top);margin-bottom:var(--paragraph-margin-bottom)}.bui-3_7T_M.bui-Ad08K1,.bui-3_7T_M.bui-GoF_hj{margin-top:.25rem;font-size:var(--small-font-size);line-height:var(--small-line-height);font-weight:var(--subtitle-font-weight)}.bui-3_7T_M.bui-GoF_hj{text-transform:uppercase;font-weight:var(--caps-font-weight)}.bui-1Mi8YC{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.bui-3_7T_M.bui-1Mi8YC{--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}.bui-1Mi8YC a{--text-opacity:1;color:#3399e1;color:rgba(51,153,225,var(--text-opacity))}.bui-1Mi8YC a:hover{--text-opacity:1;color:#d8ecfa;color:rgba(216,236,250,var(--text-opacity))}.bui-xNFSYx{margin-top:0}.bui-2D-3C9{margin-bottom:0}";
-var Styles = {"h1":"bui-25T0US","h2":"bui-3NolZ4","h3":"bui-1qcvdf","h4":"bui-AIAKsB","h5":"bui-3Ui56D","p":"bui-3_7T_M","small":"bui-Ad08K1","smallCaps":"bui-GoF_hj","light":"bui-1Mi8YC","noTopMargin":"bui-xNFSYx","noBottomMargin":"bui-2D-3C9"};
+var css_248z = ".bui-1qcvdf,.bui-3NolZ4,.bui-3Ui56D,.bui-25T0US,.bui-AIAKsB{--text-opacity:1;color:#1a202c;color:rgba(26,32,44,var(--text-opacity));margin-top:var(--heading-margin-top);margin-bottom:var(--heading-margin-bottom)}.bui-25T0US{font-weight:400;font-size:var(--h1);line-height:calc(var(--h1)*1.125)}.bui-3NolZ4{font-weight:400;font-size:var(--h2);line-height:calc(var(--h2)*1.125)}.bui-1qcvdf{font-weight:600;font-size:var(--h3);line-height:calc(var(--h3)*1.125)}.bui-AIAKsB{font-weight:600;font-size:var(--h4);line-height:calc(var(--h4)*1.125)}.bui-3Ui56D{font-weight:700;font-size:var(--h5);line-height:calc(var(--h5)*1.125)}.bui-3_7T_M{font-weight:400;--text-opacity:1;color:#4a5468;color:rgba(74,84,104,var(--text-opacity));margin-top:var(--paragraph-margin-top);margin-bottom:var(--paragraph-margin-bottom)}.bui-3_7T_M.bui-Ad08K1,.bui-3_7T_M.bui-GoF_hj{margin-top:.25rem;font-size:var(--small-font-size);line-height:var(--small-line-height);font-weight:var(--subtitle-font-weight)}.bui-3_7T_M.bui-GoF_hj{text-transform:uppercase;font-weight:var(--caps-font-weight)}.bui-1Mi8YC,.bui-2IkGnq{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.bui-3_7T_M.bui-1Mi8YC{--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}.bui-xNFSYx{margin-top:0}.bui-2D-3C9{margin-bottom:0}";
+var Styles = {"h1":"bui-25T0US","h2":"bui-3NolZ4","h3":"bui-1qcvdf","h4":"bui-AIAKsB","h5":"bui-3Ui56D","p":"bui-3_7T_M","small":"bui-Ad08K1","smallCaps":"bui-GoF_hj","white":"bui-2IkGnq","light":"bui-1Mi8YC","noTopMargin":"bui-xNFSYx","noBottomMargin":"bui-2D-3C9"};
 styleInject(css_248z);
@@ -46,7 +46,7 @@
             [Styles[body]]: body !== "default",
-            [Styles.light]: display === "light",
+            [Styles[display]]: true,
             [Styles.noBottomMargin]: noBottomMargin,
             [Styles.noTopMargin]: noTopMargin,
             [className]: className
-        }) || undefined }, children));
+        }) }, children));
 };
@@ -53,0 +53,0 @@

build/Typography.d.ts

@@ -5,3 +5,3 @@ import * as React from "react";
     className?: string;
-    display?: "default" | "light";
+    display?: "default" | "light" | "white";
     id?: string;
@@ -8,0 +8,0 @@ noBottomMargin?: boolean;

CHANGELOG.json

@@ -5,2 +5,14 @@ {
     {
+      "version": "0.2.0",
+      "tag": "@bdt-component-library/typography_v0.2.0",
+      "date": "Wed, 24 Feb 2021 15:43:31 GMT",
+      "comments": {
+        "minor": [
+          {
+            "comment": "Add display prop option and refactor link styles"
+          }
+        ]
+      }
+    },
+    {
       "version": "0.1.2",
@@ -7,0 +19,0 @@ "tag": "@bdt-component-library/typography_v0.1.2",

CHANGELOG.md

 # Change Log - @bdt-component-library/typography
 
-This log was last generated on Wed, 10 Feb 2021 15:05:16 GMT and should not be manually modified.
+This log was last generated on Wed, 24 Feb 2021 15:43:31 GMT and should not be manually modified.
 
+## 0.2.0
+Wed, 24 Feb 2021 15:43:31 GMT
+
+### Minor changes
+
+- Add display prop option and refactor link styles
+
 ## 0.1.2
@@ -6,0 +13,0 @@ Wed, 10 Feb 2021 15:05:16 GMT

package.json

@@ -6,3 +6,3 @@ {
   },
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "Typography component",
@@ -30,3 +30,3 @@ "author": "BDT",
     "prettier:check": "prettier --list-different *.{js,ts,tsx,css}",
-    "safe-push": "yarn test && yarn lint:all && yarn build",
+    "pre-publish": "yarn test && yarn lint && yarn build",
     "stylelint:check": "stylelint \"*.css\"",
@@ -39,3 +39,3 @@ "test": "jest",
       "pre-push": [
-        "npm run safe-push"
+        "npm run pre-publish"
       ]
@@ -46,2 +46,3 @@ }
     "@babel/core": "^7.8.7",
+    "@bdt-component-library/link": "~0.2.0",
     "@fullhuman/postcss-purgecss": "^2.0.5",
@@ -48,0 +49,0 @@ "@svgr/webpack": "^5.1.0",

README.md

@@ -17,3 +17,3 @@ # Typography Component
 |-----------|--------|----------|---------|--------------|
-| display | enum("default" | "light") | no | "default" | Changes the foreground/background color mode |
+| display | enum("default", "light", "white") | no | "default" | Changes the foreground/background color mode |
 | children | React node | yes | n/a | The text to display |
@@ -20,0 +20,0 @@ | className | string | no | n/a | Adds an optional classname to the component |

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Lines of code

247

increased by6.01%

Worsened metrics

Total package byte prevSize

25436

decreased by-0.01%

Dev dependency count

57

increased by1.79%

No dependency changes