@forter/forter-checkbox - npm Package Compare versions

Comparing version 16.17.0 to 17.0.0

CHANGELOG.md

@@ -6,2 +6,20 @@ # Change Log
 
+# [17.0.0](https://github.com/forter/design-system/compare/v16.17.0...v17.0.0) (2024-11-12)
+
+### Bug Fixes
+
+- 🐛 fixed checkbox hover ([#255](https://github.com/forter/design-system/issues/255)) ([c4ada20](https://github.com/forter/design-system/commit/c4ada20ad95f155527446200da76ba3e5342da37))
+
+### Features
+
+- 🎸 finish dark mode ([#256](https://github.com/forter/design-system/issues/256)) ([f1be80b](https://github.com/forter/design-system/commit/f1be80b7f2c973112dc9de72c61a37e3503c968c))
+- 🎸 New flat inputs look and feel ([#254](https://github.com/forter/design-system/issues/254)) ([e7a5f6f](https://github.com/forter/design-system/commit/e7a5f6fcece6d1e8862ff9c54998b620bb41a0c1))
+
+### BREAKING CHANGES
+
+- 🧨 remove intent vars
+
+- Automated Change
+- 🧨 removed many tokens
+
 # [16.17.0](https://github.com/forter/design-system/compare/v16.16.0...v16.17.0) (2024-11-07)
@@ -8,0 +26,0 @@

dist/bundle.js

@@ -43,2 +43,5 @@ import { css, html } from 'lit';
 :host::part(checkbox) {
+  display: flex;
+  justify-content: center;
+  align-items: center;
   position: relative;
@@ -49,16 +52,7 @@ width: var(--fc-checkbox-width);
   transition: var(--fc-transition);
-  background: blue;
+  box-sizing: border-box;
+  border: var(--tickable-border);
+  background: var(--tickable-background);
 }
 
-/* Unchecked body */
-:host(:not([checked]):not([indeterminate]))::part(checkbox) {
-  background: var(--fc-unchecked);
-}
-
-/* Unchecked body */
-:host([indeterminate])::part(checkbox),
-:host([checked])::part(checkbox) {
-  background: var(--fc-checked);
-}
-
 :host svg {
@@ -85,9 +79,2 @@ position: absolute;
 }
-
-:host::part(checkbox) {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-}
 `;
@@ -94,0 +81,0 @@

package.json

 {
   "name": "@forter/forter-checkbox",
-  "version": "16.17.0",
+  "version": "17.0.0",
   "description": "checkbox from Forter Components",
@@ -23,6 +23,6 @@ "author": "Forter Developers",
   "dependencies": {
-    "@forter/component-base": "16.17.0",
+    "@forter/component-base": "17.0.0",
     "lit": "2.7.2"
   },
-  "gitHead": "37e79ddff0bb6a2e53b0343198427c33d9f8be3a"
+  "gitHead": "532750c6e68d401e2ee49fdacde361515718bd1a"
 }

stories/checkbox.stories.js

@@ -19,6 +19,5 @@ import '../src/index';
     },
-    disabled: {
+    indeterminate: {
       control: 'boolean',
-      description:
-        'Use this to indicate the element is N/A in the view \n `boolean`',
+      description: 'Some of the sub-checkboxes are checked \n `boolean`',
       defaultValue: {
@@ -28,10 +27,9 @@ summary: false,
     },
-    readOnly: {
+    disabled: {
       control: 'boolean',
       description:
-        'Use this to indicate value shown is read-only and cannot be changed \n `boolean`',
+        'Use this to indicate the element is N/A in the view \n `boolean`',
       defaultValue: {
         summary: false,
       },
-      attribute: 'read-only',
     },
@@ -70,2 +68,3 @@ label: {
     checked: false,
+    indeterminate: false,
     label: '',
@@ -87,2 +86,8 @@ },
 
+export const Indeterminate = {
+  args: {
+    indeterminate: true,
+  },
+};
+
 export const Disabled = {
@@ -94,5 +99,6 @@ args: {
 
-export const ReadOnly = {
+export const DisabledChecked = {
   args: {
-    readOnly: true,
+    disabled: true,
+    checked: true,
   },
@@ -99,0 +105,0 @@ };

No alert changes

Improved metrics

Total package byte prevSize

68120

increased by0.6%

Worsened metrics

Lines of code

523

decreased by-2.79%

Dependency changes

• + Added@forter/component-base@17.0.0(transitive)

• - Removed@forter/component-base@16.17.0(transitive)

• Updated@forter/component-base@17.0.0