@asphalt-react/typography - npm Package Compare versions

Comparing version 2.0.0-alpha.28 to 2.0.0-rc.0

dist/index.js

@@ -63,3 +63,3 @@ import React from 'react';
 
-const{resolvePropCollision: resolvePropCollision$2}=propsUtil;const Heading=({children,h1,h2,h3,h4,h5,h6,primary,secondary,brand,onBrand,muted,...props})=>{sendStyles(stylesheet$4);sendStyles(stylesheet$3);const{style,className,...rest}=props;const{collision,value:Tag}=resolvePropCollision$2({h1,h2,h3,h4,h5,h6},"h1");if(collision){console.warn(`Heading: Prop collision detected, falling back to "${Tag}".`);}const{collision:intentCollision,value:intent}=resolveIntent({primary,secondary,brand,onBrand,muted});if(intentCollision){console.warn(`Heading: Multiple intents detected, falling back to "${intent}" intent.`);}const classes=cn(styles$3.Heading,styles$3[Tag],intentStyles[intent]);return React.createElement(Tag,_extends({},rest,{className:classes}),children)};Heading.propTypes={children:PropTypes.node.isRequired,h1:PropTypes.bool,h2:PropTypes.bool,h3:PropTypes.bool,h4:PropTypes.bool,h5:PropTypes.bool,h6:PropTypes.bool,primary:PropTypes.bool,secondary:PropTypes.bool,brand:PropTypes.bool,onBrand:PropTypes.bool,muted:PropTypes.bool};Heading.defaultProps={h1:false,h2:false,h3:false,h4:false,h5:false,h6:false,primary:false,secondary:false,brand:false,onBrand:false,muted:false};
+const{resolvePropCollision: resolvePropCollision$2}=propsUtil;const Heading=({children,h1,h2,h3,h4,h5,h6,primary,secondary,brand,onBrand,muted,...props})=>{sendStyles(stylesheet$4);sendStyles(stylesheet$3);const{style,className,...rest}=props;const{collision,value:Tag}=resolvePropCollision$2({h1,h2,h3,h4,h5,h6},"h1");if(collision){console.warn(`Heading: Prop collision detected, falling back to "${Tag}".`);}const{collision:intentCollision,value:intent}=resolveIntent({primary,secondary,brand,onBrand,muted});if(intentCollision){console.warn(`Heading: Multiple intents detected, falling back to "${intent}" intent.`);}const classes=cn(styles$3.Heading,styles$3[Tag],intentStyles[intent]);return React.createElement(Tag,_extends({},rest,{className:classes}),children)};Heading.displayName="Heading";Heading.propTypes={children:PropTypes.node.isRequired,h1:PropTypes.bool,h2:PropTypes.bool,h3:PropTypes.bool,h4:PropTypes.bool,h5:PropTypes.bool,h6:PropTypes.bool,primary:PropTypes.bool,secondary:PropTypes.bool,brand:PropTypes.bool,onBrand:PropTypes.bool,muted:PropTypes.bool};Heading.defaultProps={h1:false,h2:false,h3:false,h4:false,h5:false,h6:false,primary:false,secondary:false,brand:false,onBrand:false,muted:false};
 
@@ -71,3 +71,3 @@ var css_248z$2 = ".Display__cKp68 {\n  color: var(--color);\n  font: var(--font);\n  letter-spacing: 0;\n}\n\n.displayM__zHVBs {\n  --font: var(\n    --display-M,\n    700 1.75rem/1.618 Maison Neue Extended,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n}\n\n.displayL__6jsqQ {\n  --font: var(\n    --display-L,\n    700 2rem/1.618 Maison Neue Extended,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n}\n\n.displayXl__s8RNA {\n  --font: var(\n    --display-XL,\n    700 2.25rem/1.618 Maison Neue Extended,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n}\n\n.displayXxl__XwF5g {\n  --font: var(\n    --display-2XL,\n    700 2.5rem/1.618 Maison Neue Extended,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n}\n";
 
-const{concatClasses: concatClasses$1,resolvePropCollision: resolvePropCollision$1}=propsUtil;const Display=({children,size,p,span,div,primary,secondary,brand,onBrand,muted,...props})=>{sendStyles(stylesheet$2);sendStyles(stylesheet$3);const{style,className,...rest}=props;const{collision,value:Tag}=resolvePropCollision$1({p,span,div},"p");if(collision){console.warn(`Display: Prop collision detected, falling back to "${Tag}".`);}const{collision:intentCollision,value:intent}=resolveIntent({primary,secondary,brand,onBrand,muted});if(intentCollision){console.warn(`Display: Multiple intents detected, falling back to "${intent}" intent.`);}const classes=cn(styles$2.Display,intentStyles[intent],styles$2[`${concatClasses$1("display",resolveDisplaySizeProp(size))}`]);return React.createElement(Tag,_extends({},rest,{className:classes}),children)};Display.propTypes={children:PropTypes.node.isRequired,size:PropTypes.oneOf(["m","l","xl","xxl"]),p:PropTypes.bool,span:PropTypes.bool,div:PropTypes.bool,primary:PropTypes.bool,secondary:PropTypes.bool,brand:PropTypes.bool,onBrand:PropTypes.bool,muted:PropTypes.bool};Display.defaultProps={size:"m",p:false,span:false,div:false,primary:false,secondary:false,brand:false,onBrand:false,muted:false};
+const{concatClasses: concatClasses$1,resolvePropCollision: resolvePropCollision$1}=propsUtil;const Display=({children,size,p,span,div,primary,secondary,brand,onBrand,muted,...props})=>{sendStyles(stylesheet$2);sendStyles(stylesheet$3);const{style,className,...rest}=props;const{collision,value:Tag}=resolvePropCollision$1({p,span,div},"p");if(collision){console.warn(`Display: Prop collision detected, falling back to "${Tag}".`);}const{collision:intentCollision,value:intent}=resolveIntent({primary,secondary,brand,onBrand,muted});if(intentCollision){console.warn(`Display: Multiple intents detected, falling back to "${intent}" intent.`);}const classes=cn(styles$2.Display,intentStyles[intent],styles$2[`${concatClasses$1("display",resolveDisplaySizeProp(size))}`]);return React.createElement(Tag,_extends({},rest,{className:classes}),children)};Display.displayName="Display";Display.propTypes={children:PropTypes.node.isRequired,size:PropTypes.oneOf(["m","l","xl","xxl"]),p:PropTypes.bool,span:PropTypes.bool,div:PropTypes.bool,primary:PropTypes.bool,secondary:PropTypes.bool,brand:PropTypes.bool,onBrand:PropTypes.bool,muted:PropTypes.bool};Display.defaultProps={size:"m",p:false,span:false,div:false,primary:false,secondary:false,brand:false,onBrand:false,muted:false};
 
@@ -79,3 +79,3 @@ var css_248z$1 = ".Code__9X71B {\n  --color: var(--content-primary, #2d2e34);\n  color: var(--color);\n  font: var(--font);\n  letter-spacing: 0;\n}\n\n.l__VUpuN {\n  --font: var(--code-L, 400 1.125rem/1.618 Fira Code, monospace);\n}\n\n.m__jwatf {\n  --font: var(--code-M, 400 1rem/1.618 Fira Code, monospace);\n}\n\n.s__jOMVQ {\n  --font: var(--code-S, 400 0.875rem/1.618 Fira Code, monospace);\n}\n";
 
-const Code=({children,size,...props})=>{sendStyles(stylesheet$1);const{style,className,...rest}=props;const classes=cn(styles$1.Code,styles$1[resolveCodeSizeProp(size)]);return React.createElement("code",_extends({},rest,{className:classes}),children)};Code.propTypes={children:PropTypes.node.isRequired,size:PropTypes.oneOf(["s","m","l"])};Code.defaultProps={size:"m"};
+const Code=({children,size,...props})=>{sendStyles(stylesheet$1);const{style,className,...rest}=props;const classes=cn(styles$1.Code,styles$1[resolveCodeSizeProp(size)]);return React.createElement("code",_extends({},rest,{className:classes}),children)};Code.displayName="Code";Code.propTypes={children:PropTypes.node.isRequired,size:PropTypes.oneOf(["s","m","l"])};Code.defaultProps={size:"m"};
 
@@ -87,4 +87,4 @@ var css_248z = ".Text__KWRU1 {\n  color: var(--color);\n  font: var(--font);\n}\n\n.textXxl__MC64j {\n  --font: var(\n    --text-regular-2XL,\n    500 1.5rem/1.618 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  letter-spacing: 0;\n}\n\n.textXl__x82Hl {\n  --font: var(\n    --text-regular-XL,\n    500 1.25rem/1.618 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  letter-spacing: 0;\n}\n\n.textL__2LSmG {\n  --font: var(\n    --text-regular-L,\n    500 1.125rem/1.618 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  letter-spacing: 0.015em;\n}\n\n.textM__RkZ7u {\n  --font: var(\n    --text-regular-M,\n    500 1rem/1.618 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  letter-spacing: 0.015em;\n}\n\n.textS__Anl1H {\n  --font: var(\n    --text-regular-S,\n    500 0.875rem/1.618 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  letter-spacing: 0.015em;\n}\n\n.textXs__JviqV {\n  --font: var(\n    --text-regular-XS,\n    500 0.75rem/1.618 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  letter-spacing: 0.015em;\n}\n\n.boldL__x6ARV {\n  --font: var(\n    --text-bold-L,\n    600 1.125rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  letter-spacing: 0.015em;\n}\n\n.boldM__uUB0n {\n  --font: var(\n    --text-bold-M,\n    600 1rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  letter-spacing: 0.015em;\n}\n\n.boldS__CS-Kv {\n  --font: var(\n    --text-bold-S,\n    600 0.875rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  letter-spacing: 0.015em;\n}\n\n.boldXs__h4Y-6 {\n  --font: var(\n    --text-bold-XS,\n    600 0.75rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  letter-spacing: 0.015em;\n}\n";
 
-const{concatClasses,resolvePropCollision}=propsUtil;const Text=({children,size,bold,p,span,div,primary,secondary,brand,onBrand,muted,...props})=>{sendStyles(stylesheet);sendStyles(stylesheet$3);const{style,className,...rest}=props;let isBold=bold;const{collision,value:Tag}=resolvePropCollision({p,span,div},"p");if(collision){console.warn(`Text: Prop collision detected, falling back to "${Tag}".`);}if(bold&&!isBoldSize(size)){console.warn("Text: Bold variant is only supported for \"xs\", \"s\", \"m\" & \"l\" sizes.");isBold=false;}const{collision:intentCollision,value:intent}=resolveIntent({primary,secondary,brand,onBrand,muted});if(intentCollision){console.warn(`Text: Multiple intents detected, falling back to "${intent}" intent.`);}const classes=cn(styles.Text,{[styles[`${concatClasses("text",resolveTextSizeProp(size))}`]]:!isBold},{[styles[`${concatClasses("bold",resolveBoldSizeProp(size))}`]]:isBold},intentStyles[intent]);return React.createElement(Tag,_extends({},rest,{className:classes}),children)};Text.propTypes={children:PropTypes.node.isRequired,size:PropTypes.oneOf(["xs","s","m","l","xl","xxl"]),bold:PropTypes.bool,p:PropTypes.bool,span:PropTypes.bool,div:PropTypes.bool,primary:PropTypes.bool,secondary:PropTypes.bool,brand:PropTypes.bool,onBrand:PropTypes.bool,muted:PropTypes.bool};Text.defaultProps={size:"m",p:false,span:false,div:false,primary:false,secondary:false,brand:false,onBrand:false,muted:false};
+const{concatClasses,resolvePropCollision}=propsUtil;const Text=({children,size,bold,p,span,div,primary,secondary,brand,onBrand,muted,...props})=>{sendStyles(stylesheet);sendStyles(stylesheet$3);const{style,className,...rest}=props;let isBold=bold;const{collision,value:Tag}=resolvePropCollision({p,span,div},"p");if(collision){console.warn(`Text: Prop collision detected, falling back to "${Tag}".`);}if(bold&&!isBoldSize(size)){console.warn("Text: Bold variant is only supported for \"xs\", \"s\", \"m\" & \"l\" sizes.");isBold=false;}const{collision:intentCollision,value:intent}=resolveIntent({primary,secondary,brand,onBrand,muted});if(intentCollision){console.warn(`Text: Multiple intents detected, falling back to "${intent}" intent.`);}const classes=cn(styles.Text,{[styles[`${concatClasses("text",resolveTextSizeProp(size))}`]]:!isBold},{[styles[`${concatClasses("bold",resolveBoldSizeProp(size))}`]]:isBold},intentStyles[intent]);return React.createElement(Tag,_extends({},rest,{className:classes}),children)};Text.displayName="Text";Text.propTypes={children:PropTypes.node.isRequired,size:PropTypes.oneOf(["xs","s","m","l","xl","xxl"]),bold:PropTypes.bool,p:PropTypes.bool,span:PropTypes.bool,div:PropTypes.bool,primary:PropTypes.bool,secondary:PropTypes.bool,brand:PropTypes.bool,onBrand:PropTypes.bool,muted:PropTypes.bool};Text.defaultProps={size:"m",p:false,span:false,div:false,primary:false,secondary:false,brand:false,onBrand:false,muted:false};
 
 export { Code, Display, Heading, Text };

package.json

 {
   "name": "@asphalt-react/typography",
-  "version": "2.0.0-alpha.28",
+  "version": "2.0.0-rc.0",
   "description": "Typography",
@@ -40,9 +40,13 @@ "keywords": [
   "dependencies": {
-    "@asphalt-react/context": "^2.0.0-alpha.28",
-    "@asphalt-react/helper": "^2.0.0-alpha.19",
-    "classnames": "^2.3.1",
-    "prop-types": "^15.7.2"
+    "@asphalt-react/context": "^2.0.0-rc.0",
+    "@asphalt-react/helper": "^2.0.0-rc.0",
+    "classnames": "^2.5.1",
+    "prop-types": "^15.8.1"
   },
+  "devDependencies": {
+    "@asphalt-react/build": "^2.0.0-rc.0",
+    "@testing-library/react": "^11.2.7"
+  },
   "license": "UNLICENSED",
-  "gitHead": "8182ccd435d7586c15535446b2b4cc624b2b90fe"
+  "gitHead": "0a2be217d9bbadcc6038c32860c6c7ee0e848894"
 }

No alert changes

Improved metrics

Total package byte prevSize

41123

increased by0.77%

Worsened metrics

Dev dependency count

2

increased byInfinity%

Dependency changes

• Updated@asphalt-react/context@^2.0.0-rc.0

• Updated@asphalt-react/helper@^2.0.0-rc.0

• Updatedclassnames@^2.5.1

• Updatedprop-types@^15.8.1