@gemeente-denhaag/typography - npm Package Compare versions

Comparing version 0.2.3-alpha.18 to 0.2.3-alpha.19

dist/Heading1.d.ts

 import React from 'react';
 import BaseDataDisplayProps from '@gemeente-denhaag/basedatadisplayprops';
 import './heading.css';
-export declare type Heading1Props = BaseDataDisplayProps;
+export declare type Heading1Props = Omit<BaseDataDisplayProps, 'classes'>;
 export declare const Heading1: React.FC<Heading1Props>;

dist/Heading2.d.ts

 import React from 'react';
 import BaseDataDisplayProps from '@gemeente-denhaag/basedatadisplayprops';
 import './heading.css';
-export declare type Heading2Props = BaseDataDisplayProps;
+export declare type Heading2Props = Omit<BaseDataDisplayProps, 'classes'>;
 export declare const Heading2: React.FC<Heading2Props>;

dist/Heading3.d.ts

 import React from 'react';
 import BaseDataDisplayProps from '@gemeente-denhaag/basedatadisplayprops';
 import './heading.css';
-export declare type Heading3Props = BaseDataDisplayProps;
+export declare type Heading3Props = Omit<BaseDataDisplayProps, 'classes'>;
 export declare const Heading3: React.FC<Heading3Props>;

dist/Heading4.d.ts

 import React from 'react';
 import BaseDataDisplayProps from '@gemeente-denhaag/basedatadisplayprops';
 import './heading.css';
-export declare type Heading4Props = BaseDataDisplayProps;
+export declare type Heading4Props = Omit<BaseDataDisplayProps, 'classes'>;
 export declare const Heading4: React.FC<Heading4Props>;

dist/Heading5.d.ts

 import React from 'react';
 import BaseDataDisplayProps from '@gemeente-denhaag/basedatadisplayprops';
 import './heading.css';
-export declare type Heading5Props = BaseDataDisplayProps;
+export declare type Heading5Props = Omit<BaseDataDisplayProps, 'classes'>;
 export declare const Heading5: React.FC<Heading5Props>;

dist/index.js

@@ -27,15 +27,62 @@ import React from'react';function styleInject(css, ref) {
 }var css_248z$1 = ".utrecht-heading-1{font-family:var(--utrecht-heading-1-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size);font-weight:var(--utrecht-heading-1-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-1-line-height);color:var(--utrecht-heading-1-color,var(--utrecht-heading-color,inherit))}.utrecht-heading-1--distanced{margin-block-start:var(--utrecht-heading-1-margin-block-start);margin-block-end:var(--utrecht-heading-1-margin-block-end)}.utrecht-heading-2{font-family:var(--utrecht-heading-2-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size);font-weight:var(--utrecht-heading-2-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-2-line-height);color:var(--utrecht-heading-2-color,var(--utrecht-heading-color,inherit))}.utrecht-heading-2--distanced{margin-block-start:var(--utrecht-heading-2-margin-block-start);margin-block-end:var(--utrecht-heading-2-margin-block-end)}.utrecht-heading-3{font-family:var(--utrecht-heading-3-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size);font-weight:var(--utrecht-heading-3-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-3-line-height);color:var(--utrecht-heading-3-color,var(--utrecht-heading-color,inherit))}.utrecht-heading-3--distanced{margin-block-start:var(--utrecht-heading-3-margin-block-start);margin-block-end:var(--utrecht-heading-3-margin-block-end)}.utrecht-heading-4{font-family:var(--utrecht-heading-4-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size);font-weight:var(--utrecht-heading-4-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-4-line-height);color:var(--utrecht-heading-4-color,var(--utrecht-heading-color,inherit))}.utrecht-heading-4--distanced{margin-block-start:var(--utrecht-heading-4-margin-block-start);margin-block-end:var(--utrecht-heading-4-margin-block-end)}.utrecht-heading-5{font-family:var(--utrecht-heading-5-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size);font-weight:var(--utrecht-heading-5-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-5-line-height);color:var(--utrecht-heading-5-color,var(--utrecht-heading-color,inherit))}.utrecht-heading-5--distanced{margin-block-start:var(--utrecht-heading-5-margin-block-start);margin-block-end:var(--utrecht-heading-5-margin-block-end)}.utrecht-heading-6{font-family:var(--utrecht-heading-6-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size);font-weight:var(--utrecht-heading-6-font-weight,var(--utrecht-heading-font-weight,bold));line-height:var(--utrecht-heading-6-line-height);color:var(--utrecht-heading-6-color,var(--utrecht-heading-color,inherit))}.utrecht-heading-6--distanced{margin-block-start:var(--utrecht-heading-6-margin-block-start);margin-block-end:var(--utrecht-heading-6-margin-block-end)}";
-styleInject(css_248z$1);var Heading1 = function (props) {
-    return React.createElement("h1", { className: "utrecht-heading-1 utrecht-heading-1--distanced" }, props.children);
+styleInject(css_248z$1);function toVal(mix) {
+	var k, y, str='';
+
+	if (typeof mix === 'string' || typeof mix === 'number') {
+		str += mix;
+	} else if (typeof mix === 'object') {
+		if (Array.isArray(mix)) {
+			for (k=0; k < mix.length; k++) {
+				if (mix[k]) {
+					if (y = toVal(mix[k])) {
+						str && (str += ' ');
+						str += y;
+					}
+				}
+			}
+		} else {
+			for (k in mix) {
+				if (mix[k]) {
+					str && (str += ' ');
+					str += k;
+				}
+			}
+		}
+	}
+
+	return str;
+}
+
+function clsx () {
+	var i=0, tmp, x, str='';
+	while (i < arguments.length) {
+		if (tmp = arguments[i++]) {
+			if (x = toVal(tmp)) {
+				str && (str += ' ');
+				str += x;
+			}
+		}
+	}
+	return str;
+}var Heading1 = function (props) {
+    var rootClassNames = clsx('utrecht-heading-1', 'utrecht-heading-1--distanced', props.className);
+    return React.createElement("h1", { className: rootClassNames }, props.children);
 };var Heading2 = function (props) {
-    return React.createElement("h2", { className: "utrecht-heading-2 utrecht-heading-2--distanced" }, props.children);
+    var rootClassNames = clsx('utrecht-heading-2', 'utrecht-heading-2--distanced', props.className);
+    return React.createElement("h2", { className: rootClassNames }, props.children);
 };var Heading3 = function (props) {
-    return React.createElement("h3", { className: "utrecht-heading-3 utrecht-heading-3--distanced" }, props.children);
+    var rootClassNames = clsx('utrecht-heading-3', 'utrecht-heading-3--distanced', props.className);
+    return React.createElement("h3", { className: rootClassNames }, props.children);
 };var Heading4 = function (props) {
-    return React.createElement("h4", { className: "utrecht-heading-4 utrecht-heading-4--distanced" }, props.children);
+    var rootClassNames = clsx('utrecht-heading-4', 'utrecht-heading-4--distanced', props.className);
+    return React.createElement("h4", { className: rootClassNames }, props.children);
 };var Heading5 = function (props) {
-    return React.createElement("h5", { className: "utrecht-heading-5 utrecht-heading-5--distanced" }, props.children);
+    var rootClassNames = clsx('utrecht-heading-5', 'utrecht-heading-5--distanced', props.className);
+    return React.createElement("h5", { className: rootClassNames }, props.children);
 };var css_248z = ".utrecht-paragraph{color:var(--denhaag-paragraph-color,var(--utrecht-document-color,inherit));font-family:var(--utrecht-paragraph-font-family,var(--utrecht-document-font-family,inherit));font-size:var(--utrecht-paragraph-font-size,var(--utrecht-document-font-size,inherit));font-weight:var(--utrecht-paragraph-font-weight,inherit);line-height:var(--utrecht-paragraph-line-height,var(--utrecht-document-line-height,inherit))}.utrecht-paragraph--lead{font-size:var(--utrecht-paragraph-lead-font-size,inherit);font-weight:var(--utrecht-paragraph-lead-font-weight,inherit);line-height:var(--utrecht-paragraph-lead-line-height,inherit)}.utrecht-paragraph--distanced{margin-block-start:var(--utrecht-paragraph-margin-block-start);margin-block-end:var(--utrecht-paragraph-margin-block-end)}";
 styleInject(css_248z);var Paragraph = function (props) {
-    return React.createElement("p", { className: "utrecht-paragraph utrecht-paragraph--distanced" }, props.children);
+    var rootClassNames = clsx('utrecht-paragraph', 'utrecht-paragraph--distanced', props.className);
+    return React.createElement("p", { className: rootClassNames },
+        " ",
+        props.children);
 };export{Heading1,Heading2,Heading3,Heading4,Heading5,Paragraph};

dist/LeadParagraph.d.ts

 import React from 'react';
 import BaseDataDisplayProps from '@gemeente-denhaag/basedatadisplayprops';
 import './paragraph.css';
-export declare type LeadParagraphProps = BaseDataDisplayProps;
+export declare type LeadParagraphProps = Omit<BaseDataDisplayProps, 'classes'>;
 export declare const LeadParagraph: React.FC<LeadParagraphProps>;

dist/Paragraph.d.ts

 import React from 'react';
 import BaseDataDisplayProps from '@gemeente-denhaag/basedatadisplayprops';
 import './paragraph.css';
-export declare type ParagraphProps = BaseDataDisplayProps;
+export declare type ParagraphProps = Omit<BaseDataDisplayProps, 'classes'>;
 export declare const Paragraph: React.FC<ParagraphProps>;

package.json

 {
   "name": "@gemeente-denhaag/typography",
-  "version": "0.2.3-alpha.18",
+  "version": "0.2.3-alpha.19",
   "description": "A Typography component",
@@ -25,7 +25,7 @@ "bugs": "https://github.com/nl-design-system/denhaag/issues",
   "dependencies": {
-    "@gemeente-denhaag/basedatadisplayprops": "^0.2.3-alpha.18"
+    "@gemeente-denhaag/basedatadisplayprops": "^0.2.3-alpha.19"
   },
   "devDependencies": {
-    "@gemeente-denhaag/design-tokens-common": "^0.2.3-alpha.18",
-    "@gemeente-denhaag/design-tokens-components": "^0.2.3-alpha.18"
+    "@gemeente-denhaag/design-tokens-common": "^0.2.3-alpha.19",
+    "@gemeente-denhaag/design-tokens-components": "^0.2.3-alpha.19"
   },
@@ -35,3 +35,3 @@ "peerDependencies": {
   },
-  "gitHead": "8bdefca25ae25ae89a8480c9c0db9b2356d604ee"
+  "gitHead": "b66b9fa9fe07c70e2d9aa053a9dcba36e996064f"
 }

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

Improved metrics

Total package byte prevSize

58222

increased by2.33%

Lines of code

135

increased by48.35%

Dependency changes

• Updated@gemeente-denhaag/basedatadisplayprops@^0.2.3-alpha.19