agroptima-design-system 0.37.2-beta.0 → 0.37.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agroptima-design-system",
-  "version": "0.37.2-beta.0",
+  "version": "0.37.3",
   "scripts": {
     "dev": "npm run storybook",
     "storybook": "storybook dev -p 6006 --ci",

package/src/atoms/Checkbox.tsx

@@ -46,7 +46,7 @@ export function Checkbox({
         type="checkbox"
         className="checkbox"
         disabled={disabled}
-        aria-label={accessibilityLabel}
+        aria-label={accessibilityLabel || `${name} checkbox`}
         {...props}
       />
       <Label
@@ -54,8 +54,9 @@ export function Checkbox({
         required={props.required}
         disabled={disabled}
         className={classNames({ 'visually-hidden': hideLabel })}
+        aria-labelledby={identifier}
       >
-        {children || accessibilityLabel}
+        {children}
       </Label>
     </div>
   )

package/src/stories/Changelog.mdx

@@ -4,7 +4,11 @@ import { Meta } from "@storybook/blocks";
 
 # Changelog
 
-## 0.37.1
+## 0.37.3
+
+* Fix Checkbox accessibilityLabel wrong use
+
+## 0.37.2
 
 * Add Divider version without title
 

package/tests/Divider.spec.tsx

@@ -4,7 +4,7 @@ import { IconButton } from '../src/atoms/Button'
 import { Divider } from '../src/atoms/Divider'
 
 describe('Divider', () => {
-  it('renders', () => {
+  it('renders with title', () => {
     const { getByRole, getByText, container } = render(
       <Divider title="A title divider" icon="Line" />,
     )
@@ -44,4 +44,10 @@ describe('Divider', () => {
     expect(getByText('A title divider with button')).toBeInTheDocument()
     expect(handleClick).toHaveBeenCalledTimes(1)
   })
+
+  it('renders without title nor icon', () => {
+    const { getByRole, container } = render(<Divider />)
+    expect(getByRole('separator')).toHaveClass('divider primary')
+    expect(container.querySelector('.long.line')).toBeInTheDocument()
+  })
 })