@lansforsakringar/core-components-react - npm Package Compare versions

Comparing version 1.0.1-1 to 1.0.1

dist/components/stencil-generated/components.js

@@ -6,2 +6,3 @@ 'use client';
 import { LfdsDialogSidePanel as LfdsDialogSidePanelElement, defineCustomElement as defineLfdsDialogSidePanel } from "@lansforsakringar/core-components/dist/components/lfds-dialog-side-panel.js";
+import { LfdsFormInputCheckbox as LfdsFormInputCheckboxElement, defineCustomElement as defineLfdsFormInputCheckbox } from "@lansforsakringar/core-components/dist/components/lfds-form-input-checkbox.js";
 import { LfdsFormInput as LfdsFormInputElement, defineCustomElement as defineLfdsFormInput } from "@lansforsakringar/core-components/dist/components/lfds-form-input.js";
@@ -54,2 +55,16 @@ import { LfdsIcon as LfdsIconElement, defineCustomElement as defineLfdsIcon } from "@lansforsakringar/core-components/dist/components/lfds-icon.js";
 });
+export const LfdsFormInputCheckbox = createComponent({
+    tagName: 'lfds-form-input-checkbox',
+    elementClass: LfdsFormInputCheckboxElement,
+    react: React,
+    events: {
+        onLfChange: 'lfChange',
+        onLfClick: 'lfClick',
+        onLfBlur: 'lfBlur',
+        onLfFocus: 'lfFocus',
+        onLfFocusout: 'lfFocusout',
+        onLfInput: 'lfInput'
+    },
+    defineCustomElement: defineLfdsFormInputCheckbox
+});
 export const LfdsIcon = createComponent({
@@ -56,0 +71,0 @@ tagName: 'lfds-icon',

dist/index.js

@@ -1,2 +0,2 @@
-export * from "./components/stencil-generated/components";
+export * from './components/stencil-generated/components';
 //# sourceMappingURL=index.js.map

dist/types/components/stencil-generated/components.d.ts

@@ -1,2 +0,2 @@
-import { type LfdsFormInputCustomEvent } from "@lansforsakringar/core-components";
+import { type Event, type LfdsFormInputCheckboxCustomEvent, type LfdsFormInputCustomEvent } from "@lansforsakringar/core-components";
 import { LfdsButton as LfdsButtonElement } from "@lansforsakringar/core-components/dist/components/lfds-button.js";
@@ -6,2 +6,3 @@ import { LfdsCard as LfdsCardElement } from "@lansforsakringar/core-components/dist/components/lfds-card.js";
 import { LfdsDialogSidePanel as LfdsDialogSidePanelElement } from "@lansforsakringar/core-components/dist/components/lfds-dialog-side-panel.js";
+import { LfdsFormInputCheckbox as LfdsFormInputCheckboxElement } from "@lansforsakringar/core-components/dist/components/lfds-form-input-checkbox.js";
 import { LfdsFormInput as LfdsFormInputElement } from "@lansforsakringar/core-components/dist/components/lfds-form-input.js";
@@ -30,2 +31,11 @@ import { LfdsIcon as LfdsIconElement } from "@lansforsakringar/core-components/dist/components/lfds-icon.js";
 export declare const LfdsFormInput: StencilReactComponent<LfdsFormInputElement, LfdsFormInputEvents>;
+type LfdsFormInputCheckboxEvents = {
+    onLfChange: EventName<LfdsFormInputCheckboxCustomEvent<Event>>;
+    onLfClick: EventName<LfdsFormInputCheckboxCustomEvent<MouseEvent>>;
+    onLfBlur: EventName<LfdsFormInputCheckboxCustomEvent<FocusEvent>>;
+    onLfFocus: EventName<LfdsFormInputCheckboxCustomEvent<FocusEvent>>;
+    onLfFocusout: EventName<LfdsFormInputCheckboxCustomEvent<FocusEvent>>;
+    onLfInput: EventName<LfdsFormInputCheckboxCustomEvent<InputEvent>>;
+};
+export declare const LfdsFormInputCheckbox: StencilReactComponent<LfdsFormInputCheckboxElement, LfdsFormInputCheckboxEvents>;
 type LfdsIconEvents = NonNullable<unknown>;
@@ -32,0 +42,0 @@ export declare const LfdsIcon: StencilReactComponent<LfdsIconElement, LfdsIconEvents>;

dist/types/index.d.ts

@@ -1,1 +0,1 @@
-export * from "./components/stencil-generated/components";
+export * from './components/stencil-generated/components';

package.json

 {
   "name": "@lansforsakringar/core-components-react",
-  "version": "1.0.1-1",
+  "version": "1.0.1",
   "description": "",
+  "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/types/index.d.ts",
+  "style": "src/index.css",
   "exports": {
     ".": {
-      "default": "./dist/index.js"
+      "default": "./dist/index.js",
+      "types": "./dist/types/index.d.ts"
     },
-    "./plugin": {
-      "default": "./src/plugin.js"
-    }
+    "./index.css": "./src/index.css",
+    "./plugin": "./src/plugin.js"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "npm run tsc",
+    "build": "npm run tsc && postcss -o dist/index.css src/index.css",
     "tsc": "tsc -p . --outDir ./dist"
@@ -30,8 +32,13 @@ },
   },
+  "dependencies": {
+    "@lansforsakringar/core-components": "^0.0.2"
+  },
   "devDependencies": {
     "@stencil/react-output-target": "^0.7.4",
-    "@types/react": "^18.3.12",
-    "react-dom": "^18.3.1",
-    "typescript": "^5.6.3"
+    "@types/react": "^18.3.18",
+    "postcss-cli": "^11.0.0",
+    "postcss-import": "^16.1.0",
+    "postcss-url": "^10.1.3",
+    "react-dom": "^18.3.1"
   }
 }

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

No README

Quality

Package does not have a README. This may indicate a failed publish or a low quality package.

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

Total package byte prevSize

85957

905.58%

Number of package files

33

371.43%

Lines of code

527

421.78%

Number of low quality alerts

2

-33.33%

Number of medium quality alerts

1

-50%

Number of lines in readme file

83

Infinity%

Is type module

Yes

NaN

Worsened metrics

Dependency count

1

Infinity%

Dev dependency count

6

50%

Number of medium supply chain risk alerts

1

Infinity%

Dependency changes

• + Added

  @lansforsakringar/core-components@^0.0.2

• + Added

  @lansforsakringar/core-components@0.0.2
  (transitive)