agroptima-design-system 0.27.21 → 0.27.23

package/src/atoms/Select.tsx

@@ -1,14 +1,14 @@
 'use client'
+import './Select.scss'
 import React, { useRef, useState } from 'react'
-import { Icon } from './Icon'
-import { IconButton } from './Button'
-import { classNames } from '../utils/classNames'
-import { buildHelpText } from '../utils/buildHelpText'
-import { useOutsideClick } from '../hooks/useOutsideClick'
 import { useOpen } from '../hooks/useOpen'
-import './Select.scss'
-import { Input } from './Input'
+import { useOutsideClick } from '../hooks/useOutsideClick'
 import { useSearch } from '../hooks/useSearch'
+import { buildHelpText } from '../utils/buildHelpText'
+import { classNames } from '../utils/classNames'
+import { IconButton } from './Button'
+import { Icon } from './Icon'
+import { Input } from './Input'
 
 export type Variant = 'primary'
 export type Option = { id: string; label: string }

package/src/atoms/TextArea.tsx

@@ -1,6 +1,6 @@
-import { classNames } from '../utils/classNames'
-import { buildHelpText } from '../utils/buildHelpText'
 import './Input.scss'
+import { buildHelpText } from '../utils/buildHelpText'
+import { classNames } from '../utils/classNames'
 
 export type TextAreaVariant = 'primary'
 

package/src/icons/index.tsx

@@ -6,11 +6,11 @@ import AngleRight from './angle-right.svg'
 import AngleUp from './angle-up.svg'
 import ArrowBack from './arrow-back.svg'
 import Calendar from './calendar.svg'
+import ChangePassword from './change-password.svg'
 import Check from './check.svg'
 import CheckboxActive from './checkbox-active.svg'
 import CheckboxInactive from './checkbox-inactive.svg'
 import CheckboxIndeterminate from './checkbox-indeterminate.svg'
-import ChangePassword from './change-password.svg'
 import Client from './client.svg'
 import Close from './close.svg'
 import Comment from './comment.svg'
@@ -34,6 +34,7 @@ import Invoice from './invoice.svg'
 import Loading from './loading.svg'
 import Logout from './logout.svg'
 import Minus from './minus.svg'
+import PDF from './pdf.svg'
 import Product from './product.svg'
 import ReturnDeliveryNote from './return-delivery-note.svg'
 import Salesman from './salesman.svg'
@@ -46,7 +47,6 @@ import Sorter from './sorter.svg'
 import Upload from './upload.svg'
 import UserMenu from './user-menu.svg'
 import Warning from './warning.svg'
-import PDF from './pdf.svg'
 
 export {
   Add,

package/src/stories/Card.stories.js

@@ -1,6 +1,6 @@
 import { IconButton } from '../atoms/Button'
-import { Card, CardHeader, CardContent, CardFooter } from '../atoms/Card'
 import { Button } from '../atoms/Button'
+import { Card, CardContent, CardFooter, CardHeader } from '../atoms/Card'
 
 const figmaPrimaryDesign = {
   design: {

package/src/stories/CardsTable.stories.js

@@ -1,18 +1,17 @@
 import React from 'react'
-
+import { Badge } from '../atoms/Badge'
+import { IconButton } from '../atoms/Button'
+import { Button } from '../atoms/Button'
 import {
   CardsTable,
+  CardsTableBody,
+  CardsTableCell,
   CardsTableHead,
   CardsTableHeader,
   CardsTableRow,
-  CardsTableBody,
-  CardsTableCell,
 } from '../atoms/CardsTable'
-import { IconButton } from '../atoms/Button'
-import { Badge } from '../atoms/Badge'
 import { Checkbox } from '../atoms/Checkbox'
 import { Popover, PopoverMenu, PopoverMenuOption } from '../atoms/Popover'
-import { Button } from '../atoms/Button'
 
 const figmaPrimaryDesign = {
   design: {

package/src/stories/CardsTableList.stories.ts

@@ -1,5 +1,5 @@
-import { CardsTableList } from '../atoms/CardsTableList'
 import type { StoryObj } from '@storybook/react'
+import { CardsTableList } from '../atoms/CardsTableList'
 
 const meta = {
   title: 'Design System/Atoms/Cards Table List',

package/src/stories/Changelog.mdx

@@ -4,6 +4,11 @@ import { Meta } from "@storybook/blocks";
 
 # Changelog
 
+## 0.27.23
+
+* Fix icon size for Button component
+
+
 ## 0.27.21
 
 * No required accessibility label for Badge component.

package/src/stories/Collapsible.stories.js

@@ -1,10 +1,10 @@
 import React from 'react'
+import { Button } from '../atoms/Button'
+import { Card } from '../atoms/Card'
 import { Collapsible } from '../atoms/Collapsible'
+import { Actions, Form as FormComponent } from '../atoms/Form'
 import { Input } from '../atoms/Input'
 import { Select } from '../atoms/Select'
-import { Card } from '../atoms/Card'
-import { Form as FormComponent, Actions } from '../atoms/Form'
-import { Button } from '../atoms/Button'
 
 const figmaPrimaryDesign = {
   design: {

package/src/stories/Drawer.stories.js

@@ -1,8 +1,7 @@
 import React from 'react'
-
-import { Drawer } from '../atoms/Drawer'
-import { CheckableTagGroup, CheckableTag } from '../atoms/CheckableTag'
+import { CheckableTag, CheckableTagGroup } from '../atoms/CheckableTag'
 import { Collapsible } from '../atoms/Collapsible'
+import { Drawer } from '../atoms/Drawer'
 
 const figmaPrimaryDesign = {
   design: {

package/src/stories/Form.stories.js

@@ -1,6 +1,6 @@
-import { Form, Actions } from '../atoms/Form'
-import { Input } from '../atoms/Input'
 import { Button } from '../atoms/Button'
+import { Actions, Form } from '../atoms/Form'
+import { Input } from '../atoms/Input'
 
 const meta = {
   title: 'Design System/Atoms/Form',

package/src/stories/Input.stories.ts

@@ -1,5 +1,5 @@
-import { Input } from '../atoms/Input'
 import type { StoryObj } from '@storybook/react'
+import { Input } from '../atoms/Input'
 
 const meta = {
   title: 'Design System/Atoms/Input',

package/src/stories/Menu.stories.js

@@ -1,6 +1,5 @@
 import React from 'react'
-
-import { Menu, MenuLink, MenuDropdown } from '../atoms/Menu'
+import { Menu, MenuDropdown, MenuLink } from '../atoms/Menu'
 
 const figmaPrimaryDesign = {
   design: {

package/src/stories/Modal.stories.js

@@ -1,8 +1,8 @@
 import React from 'react'
-import { Modal } from '../atoms/Modal'
-import { DetailItem } from '../atoms/DetailItem'
-import { Collapsible } from '../atoms/Collapsible'
 import { Card } from '../atoms/Card'
+import { Collapsible } from '../atoms/Collapsible'
+import { DetailItem } from '../atoms/DetailItem'
+import { Modal } from '../atoms/Modal'
 
 const figmaPrimaryDesign = {
   design: {

package/src/stories/Multiselect.stories.ts

@@ -1,5 +1,5 @@
-import { Multiselect } from '../atoms/Multiselect'
 import type { StoryObj } from '@storybook/react'
+import { Multiselect } from '../atoms/Multiselect'
 
 const meta = {
   title: 'Design System/Atoms/Multiselect',

package/src/stories/Pagination.stories.js

@@ -1,10 +1,9 @@
 import React from 'react'
-
 import {
+  Ellipsis,
   Pagination,
   PaginationArrow,
   PaginationNumber,
-  Ellipsis,
 } from '../atoms/Pagination'
 
 const figmaPrimaryDesign = {

package/src/stories/Popover.stories.js

@@ -1,6 +1,6 @@
 import React from 'react'
-import { Popover, PopoverMenu, PopoverMenuOption } from '../atoms/Popover'
 import { Button } from '../atoms/Button'
+import { Popover, PopoverMenu, PopoverMenuOption } from '../atoms/Popover'
 
 const figmaPrimaryDesign = {
   design: {

package/src/stories/QuantitySelector.stories.ts

@@ -1,5 +1,5 @@
-import { QuantitySelector } from '../atoms/QuantitySelector'
 import type { StoryObj } from '@storybook/react'
+import { QuantitySelector } from '../atoms/QuantitySelector'
 
 const meta = {
   title: 'Design System/Atoms/QuantitySelector',

package/src/stories/Select.stories.ts

@@ -1,5 +1,5 @@
-import { Select } from '../atoms/Select'
 import type { StoryObj } from '@storybook/react'
+import { Select } from '../atoms/Select'
 
 const meta = {
   title: 'Design System/Atoms/Select',

package/src/stories/TextArea.stories.ts

@@ -1,5 +1,5 @@
-import { TextArea } from '../atoms/TextArea'
 import type { StoryObj } from '@storybook/react'
+import { TextArea } from '../atoms/TextArea'
 
 const meta = {
   title: 'Design System/Atoms/Textarea',

package/tests/Alert.spec.tsx

@@ -1,7 +1,7 @@
-import type { Variant } from '../src/atoms/Alert/Alert'
+import { render, screen } from '@testing-library/react'
 import React from 'react'
-import { screen, render } from '@testing-library/react'
 import { Alert } from '../src/atoms/Alert'
+import type { Variant } from '../src/atoms/Alert/Alert'
 
 describe('Alert', () => {
   const variants = ['info', 'success', 'warning', 'error']

package/tests/Badge.spec.tsx

@@ -1,6 +1,6 @@
-import type { Variant } from '../src/atoms/Badge'
-import React from 'react'
 import { render, screen } from '@testing-library/react'
+import React from 'react'
+import type { Variant } from '../src/atoms/Badge'
 import { Badge } from '../src/atoms/Badge'
 
 describe('Badge', () => {

package/tests/Button.spec.tsx

@@ -1,7 +1,7 @@
-import type { ButtonVariant } from '../src/atoms/Button/Button'
-import React from 'react'
-import { screen, render, getByRole } from '@testing-library/react'
+import { getByRole, render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
+import React from 'react'
+import type { ButtonVariant } from '../src/atoms/Button/Button'
 import { Button } from '../src/atoms/Button/Button'
 
 describe('Button', () => {

package/tests/Card.spec.tsx

@@ -1,7 +1,7 @@
-import React from 'react'
 import { render } from '@testing-library/react'
-import { Card, CardHeader, CardContent, CardFooter } from '../src/atoms/Card'
+import React from 'react'
 import { Button } from '../src/atoms/Button'
+import { Card, CardContent, CardFooter, CardHeader } from '../src/atoms/Card'
 
 describe('Product card', () => {
   it('renders the expected structure and data', () => {

package/tests/CardMenuOption.spec.tsx

@@ -1,5 +1,5 @@
-import React from 'react'
 import { render } from '@testing-library/react'
+import React from 'react'
 import { CardMenuOption } from '../src/atoms/CardMenu/CardMenuOption'
 
 describe('CardMenuOption', () => {

package/tests/CardsTable.spec.tsx

@@ -1,16 +1,16 @@
-import React from 'react'
 import { render } from '@testing-library/react'
+import React from 'react'
+import { Badge } from '../src/atoms/Badge'
+import { IconButton } from '../src/atoms/Button'
 import {
+  Alignment,
   CardsTable,
+  CardsTableBody,
+  CardsTableCell,
   CardsTableHead,
   CardsTableHeader,
   CardsTableRow,
-  CardsTableBody,
-  CardsTableCell,
-  Alignment,
 } from '../src/atoms/CardsTable'
-import { IconButton } from '../src/atoms/Button'
-import { Badge } from '../src/atoms/Badge'
 
 describe('CardsTable', () => {
   it('renders', () => {

package/tests/CheckableTag.spec.tsx

@@ -1,6 +1,6 @@
-import type { Variant } from '../src/atoms/CheckableTag'
-import React from 'react'
 import { render } from '@testing-library/react'
+import React from 'react'
+import type { Variant } from '../src/atoms/CheckableTag'
 import { CheckableTag } from '../src/atoms/CheckableTag'
 
 describe('CheckableTag', () => {

package/tests/Checkbox.spec.tsx

@@ -1,5 +1,5 @@
-import React from 'react'
 import { render } from '@testing-library/react'
+import React from 'react'
 import { Checkbox } from '../src/atoms/Checkbox'
 
 describe('Checkbox', () => {

package/tests/Collapsible.spec.tsx

@@ -1,5 +1,5 @@
-import React from 'react'
 import { render } from '@testing-library/react'
+import React from 'react'
 import { Collapsible } from '../src/atoms/Collapsible'
 import { Input } from '../src/atoms/Input'
 

package/tests/Drawer.spec.tsx

@@ -1,8 +1,8 @@
-import React from 'react'
 import { render } from '@testing-library/react'
-import { Drawer } from '../src/atoms/Drawer'
-import { Collapsible } from '../src/atoms/Collapsible'
+import React from 'react'
 import { CheckableTag, CheckableTagGroup } from '../src/atoms/CheckableTag'
+import { Collapsible } from '../src/atoms/Collapsible'
+import { Drawer } from '../src/atoms/Drawer'
 
 describe('Drawer', () => {
   it('renders with expected title, content and buttons', () => {

package/tests/EmptyState.spec.tsx

@@ -1,8 +1,8 @@
-import React from 'react'
 import { render } from '@testing-library/react'
+import React from 'react'
+import { Button } from '../src/atoms/Button/Button'
 import type { Variant } from '../src/atoms/EmptyState'
 import { EmptyState } from '../src/atoms/EmptyState'
-import { Button } from '../src/atoms/Button/Button'
 
 describe('EmptyState', () => {
   const variants = ['primary']

package/tests/FloatingButton.spec.tsx

@@ -1,7 +1,7 @@
-import type { Variant } from '../src/atoms/Button/FloatingButton'
-import React from 'react'
-import { screen, render } from '@testing-library/react'
+import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
+import React from 'react'
+import type { Variant } from '../src/atoms/Button/FloatingButton'
 import { FloatingButton } from '../src/atoms/Button/FloatingButton'
 
 describe('Floating Button', () => {

package/tests/Icon.spec.tsx

@@ -1,5 +1,5 @@
-import React from 'react'
 import { render } from '@testing-library/react'
+import React from 'react'
 import { Icon } from '../src/atoms/Icon'
 
 describe('Icon', () => {

package/tests/IconButton.spec.tsx

@@ -1,7 +1,7 @@
-import type { Variant } from '../src/atoms/Button/IconButton'
-import React from 'react'
-import { screen, render } from '@testing-library/react'
+import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
+import React from 'react'
+import type { Variant } from '../src/atoms/Button/IconButton'
 import { IconButton } from '../src/atoms/Button/IconButton'
 
 describe('Icon Button', () => {

package/tests/Input.spec.tsx

@@ -1,6 +1,6 @@
-import React from 'react'
 import { getByText, render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
+import React from 'react'
 import { Input } from '../src/atoms/Input'
 
 describe('Input', () => {

package/tests/Menu.spec.tsx

@@ -1,7 +1,7 @@
-import React from 'react'
 import { render } from '@testing-library/react'
-import { Menu } from '../src/atoms/Menu/Menu'
+import React from 'react'
 import { MenuDropdown, MenuLink } from '../src/atoms/Menu'
+import { Menu } from '../src/atoms/Menu/Menu'
 
 describe('Menu', () => {
   it('renders first-level menu', () => {

package/tests/Modal.spec.tsx

@@ -1,5 +1,5 @@
+import { render, screen } from '@testing-library/react'
 import React from 'react'
-import { screen, render } from '@testing-library/react'
 import { Modal } from '../src/atoms/Modal'
 
 describe('Modal', () => {

package/tests/Multiselect.spec.tsx

@@ -1,8 +1,8 @@
-import React from 'react'
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import { Multiselect } from '../src/atoms/Multiselect'
+import React from 'react'
 import { Placeholder } from 'storybook/internal/components'
+import { Multiselect } from '../src/atoms/Multiselect'
 
 describe('Multiselect', () => {
   it('renders', async () => {

package/tests/Pagination.spec.tsx

@@ -1,10 +1,10 @@
-import React from 'react'
 import { render } from '@testing-library/react'
+import React from 'react'
 import {
+  Ellipsis,
   Pagination,
   PaginationArrow,
   PaginationNumber,
-  Ellipsis,
 } from '../src/atoms/Pagination'
 
 describe('Pagination', () => {

package/tests/Popover.spec.tsx

@@ -1,8 +1,8 @@
-import React from 'react'
 import { render } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import { Popover, PopoverMenu, PopoverMenuOption } from '../src/atoms/Popover'
+import React from 'react'
 import { Button } from '../src/atoms/Button'
+import { Popover, PopoverMenu, PopoverMenuOption } from '../src/atoms/Popover'
 
 describe('PopoverMenu', () => {
   it('shows when click on button', async () => {

package/tests/Select.spec.tsx

@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react'
-import { Select } from '../src/atoms/Select'
 import userEvent from '@testing-library/user-event'
+import { Select } from '../src/atoms/Select'
 
 describe('Select', () => {
   it('renders', async () => {

package/tests/a11y.spec.tsx

@@ -1,7 +1,6 @@
 import { composeStories } from '@storybook/react'
 import { act, render } from '@testing-library/react'
 import { axe, toHaveNoViolations } from 'jest-axe'
-
 import * as components from './library'
 
 expect.extend(toHaveNoViolations)

package/tests/library.ts

@@ -3,9 +3,9 @@ export * as CardsTable from '../src/stories/CardsTable.stories'
 export * as CardsTableList from '../src/stories/CardsTableList.stories'
 export * as Checkbox from '../src/stories/Checkbox.stories'
 export * as EmptyState from '../src/stories/EmptyState.stories'
+export * as Form from '../src/stories/Form.stories'
 export * as IconButton from '../src/stories/IconButton.stories'
 export * as Input from '../src/stories/Input.stories'
-export * as Multiselect from '../src/stories/Multiselect.stories'
 export * as Modal from '../src/stories/Modal.stories'
+export * as Multiselect from '../src/stories/Multiselect.stories'
 export * as Select from '../src/stories/Select.stories'
-export * as Form from '../src/stories/Form.stories'