@bonniernews/dn-design-system-web - npm Package Compare versions

Comparing version 21.1.11 to 21.1.12-beta.0

components/spinner/README.md

@@ -9,3 +9,3 @@ Spinner
 
-<table class="docblock-argstable sb-unstyled css-v2ifgj"><thead class="docblock-argstable-head"><tr><th><span>Name</span></th><th><span>Description</span></th><th><span>Default</span></th></tr></thead><tbody class="docblock-argstable-body"><tr><td class="css-4lbn0a"><span class="css-in3yi3">variant</span></td><td><div class="css-1f9domv"><div class="css-13nzt7e"><span class="css-o1d7ko">"primary"</span><span class="css-o1d7ko">"secondary"</span><span class="css-o1d7ko">"brand"</span><span class="css-o1d7ko">"onBrand"</span><span class="css-o1d7ko">"onBusiness"</span><span class="css-o1d7ko">"staticBlack"</span><span class="css-o1d7ko">"staticWhite"</span></div></div></td><td><div class="css-13nzt7e"><span class="css-o1d7ko">"primary"</span></div></td></tr><tr><td class="css-4lbn0a"><span class="css-in3yi3">size</span></td><td><div class="css-1f9domv"><div class="css-13nzt7e"><span class="css-o1d7ko">"large"</span><span class="css-o1d7ko">"small"</span><span class="css-o1d7ko">"xsmall"</span></div></div></td><td><div class="css-13nzt7e"><span class="css-o1d7ko">"large"</span></div></td></tr><tr><td class="css-4lbn0a"><span class="css-in3yi3">forcePx</span></td><td><div class="css-1f9domv"><div class="css-13nzt7e"><span class="css-o1d7ko">boolean</span></div></div></td><td><span>-</span></td></tr><tr><td class="css-4lbn0a"><span class="css-in3yi3">classNames</span></td><td><div class="css-1f9domv"><div class="css-13nzt7e"><span class="css-o1d7ko">string</span></div></div></td><td><span>-</span></td></tr><tr><td class="css-4lbn0a"><span class="css-in3yi3">attributes</span></td><td><div class="css-1f9domv"><div class="css-13nzt7e"><span class="css-o1d7ko">object</span></div></div></td><td><span>-</span></td></tr></tbody></table>
+<table class="docblock-argstable sb-unstyled css-v2ifgj"><thead class="docblock-argstable-head"><tr><th><span>Name</span></th><th><span>Description</span></th><th><span>Default</span></th></tr></thead><tbody class="docblock-argstable-body"><tr><td class="css-4lbn0a"><span class="css-in3yi3">variant</span></td><td><div class="css-1f9domv"><div class="css-13nzt7e"><span class="css-o1d7ko">"brand"</span><span class="css-o1d7ko">"secondary"</span><span class="css-o1d7ko">"primary"</span><span class="css-o1d7ko">"onBrand"</span><span class="css-o1d7ko">"onBusiness"</span><span class="css-o1d7ko">"staticBlack"</span><span class="css-o1d7ko">"staticWhite"</span></div></div></td><td><div class="css-13nzt7e"><span class="css-o1d7ko">"primary"</span></div></td></tr><tr><td class="css-4lbn0a"><span class="css-in3yi3">size</span></td><td><div class="css-1f9domv"><div class="css-13nzt7e"><span class="css-o1d7ko">"large"</span><span class="css-o1d7ko">"small"</span><span class="css-o1d7ko">"xsmall"</span></div></div></td><td><div class="css-13nzt7e"><span class="css-o1d7ko">"large"</span></div></td></tr><tr><td class="css-4lbn0a"><span class="css-in3yi3">forcePx</span></td><td><div class="css-1f9domv"><div class="css-13nzt7e"><span class="css-o1d7ko">boolean</span></div></div></td><td><span>-</span></td></tr><tr><td class="css-4lbn0a"><span class="css-in3yi3">classNames</span></td><td><div class="css-1f9domv"><div class="css-13nzt7e"><span class="css-o1d7ko">string</span></div></div></td><td><span>-</span></td></tr><tr><td class="css-4lbn0a"><span class="css-in3yi3">attributes</span></td><td><div class="css-1f9domv"><div class="css-13nzt7e"><span class="css-o1d7ko">object</span></div></div></td><td><span>-</span></td></tr></tbody></table>
 
@@ -12,0 +12,0 @@ <pre class="prismjs css-4zr3vl"><div class="language-jsx css-zye6j" style="white-space: pre;"><span class="token tag punctuation">&lt;</span><span class="token tag class-name">Spinner</span><span class="token tag">

package.json

 {
   "name": "@bonniernews/dn-design-system-web",
-  "version": "21.1.11",
+  "version": "21.1.12-beta.0",
   "description": "DN design system for web.",
   "type": "module",
   "homepage": "https://github.com/BonnierNews/dn-design-system/tree/main/web/src#readme",
-  "types": "./@types/index.d.ts",
   "repository": {
@@ -29,2 +28,3 @@ "type": "git",
     "./tokens/*.json": "./tokens/*.json",
+    "./types-lib/*.ts": "./types-lib/*.ts",
     "./package.json": "./package.json"
@@ -31,0 +31,0 @@ },

preact/components/icon-sprite/icon-sprite.d.ts

@@ -0,3 +1,4 @@
+import { DsIcon } from '@bonniernews/dn-design-system-web/types-lib/ds-icon.d.ts';
 export interface IconProps {
-    iconName: string;
+    iconName: DsIcon;
     classNames?: string;
@@ -4,0 +5,0 @@ attributes?: object;

preact/components/icon-with-wrapper/icon-with-wrapper.d.ts

@@ -1,7 +0,7 @@
-import { IconColors } from '../../types/token-types/colors';
-import { Icons } from '../../types/token-types/icons';
+import { DsColorIcon } from '@bonniernews/dn-design-system-web/types-lib/ds-color.d.ts';
+import { DsIcon } from '@bonniernews/dn-design-system-web/types-lib/ds-icon.d.ts';
 export interface IconProps {
-    iconName: Icons;
+    iconName: DsIcon;
     size?: number;
-    color?: IconColors;
+    color?: DsColorIcon;
     classNames?: string;
@@ -8,0 +8,0 @@ attributes?: object;

preact/components/pictogram/pictogram.d.ts

@@ -1,5 +0,5 @@
-import { Icons } from "../../types/token-types/icons";
+import { DsIcon } from '@bonniernews/dn-design-system-web/types-lib/ds-icon.d.ts';
 export interface PictogramProps {
     variant?: 'brand' | 'business';
-    iconName: Icons;
+    iconName: DsIcon;
     size?: 'large' | 'small';
@@ -6,0 +6,0 @@ classNames?: string;

tsconfig.json

 {
   "extends": "@bonniernews/tsconfig",
-  "include": ["index.tsx", "components/**/*.tsx"] ,
+  "include": ["components/**/*.tsx", "types-lib/**/*.ts", "index.d.ts"],
   "compilerOptions": {
@@ -12,3 +12,4 @@ "moduleResolution": "Bundler",
     "typeRoots": [
-      "node_modules/@types"
+      "node_modules/@types",
+      "types-lib/*.ts"
     ],
@@ -15,0 +16,0 @@ "jsx": "react-jsx",

New alerts

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

Total package byte prevSize

1447225

increased by0.49%

Lines of code

2180

increased by9.05%

Worsened metrics

Number of package files

472

decreased by-0.42%

Number of low quality alerts

2

increased by100%

No dependency changes