@forter/forter-checkbox - npm Package Compare versions

Comparing version 0.4.5 to 0.4.6

CHANGELOG.md

@@ -6,2 +6,8 @@ # Change Log
 
+## [0.4.6](https://github.com/forter/design-system/compare/@forter/forter-checkbox@0.4.5...@forter/forter-checkbox@0.4.6) (2023-11-15)
+
+# 1.0.0-dev.231115104945 (2023-11-15)
+
+**Note:** Version bump only for package @forter/forter-checkbox
+
 ## [0.4.5](https://github.com/forter/design-system/compare/@forter/forter-checkbox@0.4.4...@forter/forter-checkbox@0.4.5) (2023-11-12)
@@ -8,0 +14,0 @@

package.json

 {
   "name": "@forter/forter-checkbox",
-  "version": "0.4.5",
+  "version": "0.4.6",
   "description": "checkbox from Forter Components",
@@ -26,3 +26,3 @@ "author": "Forter Developers",
   },
-  "gitHead": "8961eaf3013f65bd96bdd4f94590817b4df95b3b"
+  "gitHead": "5f0cef901ef95007109738d58616e33802a58d91"
 }

stories/checkbox.stories.js

@@ -6,8 +6,6 @@ import '../src/index';
 /**
- * `@forter/forter-checkbox` <br>
- * A checkbox is a box that can be activated or deactivated when ticked. <br>
- * Use checkboxes to select one or more options from a list of choices.
+ * `@forter/forter-checkbox`
  */
 export default {
-  title: 'Design System/Checkbox',
+  title: 'Forms/Checkbox',
   component: 'forter-checkbox',
@@ -37,6 +35,7 @@ argTypes: {
       },
+      attribute: 'read-only',
     },
     label: {
       control: 'text',
-      description: 'The label positioned beside the switch `string`',
+      description: 'The label positioned beside the checkbox `string`',
       defaultValue: {
@@ -50,9 +49,8 @@ summary: '',
     },
+    slot: {
+      control: 'slot',
+      description:
+        'The label of the checkbox can also be passed as a slot `TemplateResult`',
+    },
   },
-  args: {
-    disabled: false,
-    readOnly: false,
-    checked: false,
-    label: null,
-  },
   parameters: {
@@ -62,7 +60,17 @@ actions: {
     },
+    componentSubtitle:
+      'A checkbox is a box that can be activated or deactivated when ticked. Use checkboxes to select one or more options from a list of choices.',
   },
   decorators: [withActions],
+  tags: ['sidebar-ignore'],
 };
 
-export const Default = {};
+export const Default = {
+  args: {
+    disabled: false,
+    readOnly: false,
+    checked: false,
+    label: '',
+  },
+};
 
@@ -97,9 +105,12 @@ export const Label = {
 export const SlottedLabel = {
-  render: () => html`
-<forter-checkbox>
-  <div slot="label" style="display: flex; flex-direction: column">
-    <span style="color: blue;">Title</span>
-    <span style="color: red;">Subtitle</span>
-  </div>
-</forter-checkbox>
+  args: {
+    slot: html`
+      <div slot="label" style="display: flex; flex-direction: column">
+        <span style="color: blue;">Title</span>
+        <span style="color: red;">Subtitle</span>
+      </div>
+    `,
+  },
+  render: args => html`
+    <forter-checkbox>${args.slot}</forter-checkbox>
   `,
@@ -113,9 +124,2 @@ argTypes: {
   },
-  parameters: {
-    docs: {
-      canvas: {
-        sourceState: 'shown',
-      },
-    },
-  },
 };

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

63422

increased by1.28%

Number of package files

16

increased by6.67%

Lines of code

541

increased by0.74%

No dependency changes