agroptima-design-system 0.27.24 → 0.27.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agroptima-design-system",
-  "version": "0.27.24",
+  "version": "0.27.25",
   "scripts": {
     "dev": "npm run storybook",
     "storybook": "storybook dev -p 6006 --ci",

package/src/atoms/Checkbox.scss

@@ -39,12 +39,11 @@
         no-repeat;
     }
     &:hover {
-      .checkbox:not(:checked):not(.disabled) {
+      .checkbox:not(:checked):not(:disabled) {
         background: url('../icons/checkbox-primary-hover-inactive.svg') left top
           no-repeat;
       }
     }
-
     &.indeterminate {
       .checkbox:checked {
         background: url('../icons/checkbox-indeterminate-active.svg') left top

package/src/stories/Changelog.mdx

@@ -4,6 +4,10 @@ import { Meta } from "@storybook/blocks";
 
 # Changelog
 
+## 0.27.25
+
+* Fix hover style when Checkbox component is disabled
+
 ## 0.27.24
 
 * Hide Safari non-desired details summary default icon on Collapsible component.

package/src/stories/Checkbox.stories.ts

@@ -68,3 +68,14 @@ export const Indeterminate: Story = {
   },
   parameters: figmaPrimaryDesign,
 }
+
+export const Disabled: Story = {
+  args: {
+    accessibilityLabel: 'Marks if the user likes videogames',
+    variant: 'primary',
+    disabled: true,
+    label: 'Do you like videogames?',
+    id: 'checkbox-videogames-preference',
+  },
+  parameters: figmaPrimaryDesign,
+}