agroptima-design-system 0.11.0 → 0.11.1

package/.storybook/main.ts

@@ -52,13 +52,6 @@ const config: StorybookConfig = {
       imageRule['exclude'] = /\.svg$/i
     }
 
-    if (config.resolve) {
-      config.resolve.alias = {
-        ...config.resolve.alias,
-        '@': resolve(__dirname, '../src'),
-      }
-    }
-
     return config
   },
 }

package/package.json

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

package/src/atoms/Alert.tsx

@@ -1,7 +1,7 @@
 import { IconButton, IconButtonProps } from './IconButton'
 import { Icon } from './Icon'
 import './Alert.scss'
-import { classNames } from '@/utils/classNames'
+import { classNames } from '../utils/classNames'
 
 export type Variant = 'info' | 'success' | 'warning' | 'error'
 

package/src/atoms/Badge.tsx

@@ -1,4 +1,4 @@
-import { classNames } from '@/utils/classNames'
+import { classNames } from '../utils/classNames'
 import './Badge.scss'
 
 export type Variant =

package/src/atoms/Button.tsx

@@ -1,7 +1,7 @@
 import NextLink from 'next/link'
 import './Button.scss'
 import { Icon, IconType } from './Icon'
-import { classNames } from '@/utils/classNames'
+import { classNames } from '../utils/classNames'
 
 export interface BaseButtonProps {
   label: string

package/src/atoms/CardsTable.tsx

@@ -1,4 +1,4 @@
-import { classNames } from '@/utils/classNames'
+import { classNames } from '../utils/classNames'
 import './CardsTable.scss'
 
 export type Variant = 'primary'

package/src/atoms/CardsTableCell.tsx

@@ -1,4 +1,4 @@
-import { classNames } from '@/utils/classNames'
+import { classNames } from '../utils/classNames'
 import './CardsTable.scss'
 import React from 'react'
 

package/src/atoms/CardsTableHeader.tsx

@@ -1,4 +1,4 @@
-import { classNames } from '@/utils/classNames'
+import { classNames } from '../utils/classNames'
 
 export interface CardsTableHeaderProps
   extends React.ComponentPropsWithoutRef<'th'> {}

package/src/atoms/Checkbox.tsx

@@ -1,4 +1,4 @@
-import { classNames } from '@/utils/classNames'
+import { classNames } from '../utils/classNames'
 import './Checkbox.scss'
 
 export type Variant = 'primary'
@@ -7,7 +7,7 @@ export interface CheckboxProps extends React.ComponentPropsWithoutRef<'input'> {
   label?: string
   hideLabel?: boolean
   variant?: Variant
-  id: string
+  id?: string
   accessibilityLabel: string
 }
 

package/src/atoms/EmptyState.tsx

@@ -1,4 +1,4 @@
-import { classNames } from '@/utils/classNames'
+import { classNames } from '../utils/classNames'
 import { Button, ButtonProps } from './Button'
 import './EmptyState.scss'
 import { Icon, IconType } from './Icon'

package/src/atoms/Icon.tsx

@@ -1,7 +1,7 @@
 import './Icon.scss'
 
 import * as icons from '../icons'
-import { classNames } from '@/utils/classNames'
+import { classNames } from '../utils/classNames'
 export type IconType = keyof typeof icons
 
 export interface IconProps extends React.SVGAttributes<HTMLOrSVGElement> {

package/src/atoms/IconButton.tsx

@@ -1,7 +1,7 @@
 import NextLink from 'next/link'
 import './IconButton.scss'
 import { Icon, IconType } from './Icon'
-import { classNames } from '@/utils/classNames'
+import { classNames } from '../utils/classNames'
 
 export type Variant = 'primary'
 

package/src/atoms/Input.tsx

@@ -1,8 +1,8 @@
 import React, { useState } from 'react'
 import { Icon, IconType } from './Icon'
-import { classNames } from '@/utils/classNames'
+import { classNames } from '../utils/classNames'
+import { buildHelpText } from '../utils/buildHelpText'
 import './Input.scss'
-import { buildHelpText } from '@/utils/buildHelpText'
 
 export type InputVariant = 'primary'
 
@@ -13,7 +13,7 @@ export interface InputProps extends React.ComponentPropsWithoutRef<'input'> {
   icon?: IconType
   helpText?: string
   variant?: InputVariant
-  id: string
+  id?: string
   errors?: string[]
 }
 

package/src/atoms/Modal.tsx

@@ -1,4 +1,4 @@
-import { classNames } from '@/utils/classNames'
+import { classNames } from '../utils/classNames'
 import { Button, ButtonProps } from './Button'
 import { Icon } from './Icon'
 import './Modal.scss'

package/src/atoms/Multiselect.tsx

@@ -1,8 +1,8 @@
 import './Multiselect.scss'
 import React, { useState } from 'react'
 import { Icon } from './Icon'
-import { classNames } from '@/utils/classNames'
-import { buildHelpText } from '@/utils/buildHelpText'
+import { classNames } from '../utils/classNames'
+import { buildHelpText } from '../utils/buildHelpText'
 
 export type Variant = 'primary'
 export type Option = { id: string; label: string }

package/src/atoms/Select.tsx

@@ -1,8 +1,8 @@
 import './Select.scss'
 import React, { useState } from 'react'
 import { Icon } from './Icon'
-import { classNames } from '@/utils/classNames'
-import { buildHelpText } from '@/utils/buildHelpText'
+import { classNames } from '../utils/classNames'
+import { buildHelpText } from '../utils/buildHelpText'
 
 export type Variant = 'primary'
 export type Option = { id: string; label: string }

package/src/atoms/TextArea.tsx

@@ -1,5 +1,5 @@
-import { classNames } from '@/utils/classNames'
-import { buildHelpText } from '@/utils/buildHelpText'
+import { classNames } from '../utils/classNames'
+import { buildHelpText } from '../utils/buildHelpText'
 import './Input.scss'
 
 export type TextAreaVariant = 'primary'
@@ -15,7 +15,7 @@ export interface TextAreaProps
   errors?: string[]
 }
 
-export default function TextArea({
+export function TextArea({
   id,
   label,
   className,

package/src/stories/Changelog.stories.mdx

@@ -3,9 +3,13 @@ import { Meta } from "@storybook/addon-docs";
 <Meta title="Changelog" />
 # Changelog
 
+## 0.11.1
+- Input and Checkbox components `id` prop now it's optional.
+- Fixed TextArea export component.
+
 ## 0.11.0
 - Added TextArea component to Storybook.
-- Id prop is now optional in Input, Select, Multiselect and TextArea components.
+- Input, Checkbox and TextArea components `id` prop now is obtained from `id` or `name`.
 
 ## 0.10.0
 

package/src/stories/TextArea.stories.ts

@@ -1,4 +1,4 @@
-import TextArea from '../atoms/TextArea'
+import { TextArea } from '../atoms/TextArea'
 import { StoryObj } from '@storybook/react'
 
 const meta = {

package/tests/utils/{classNames.spec.tsx → classNames.spec.tx}

@@ -1,4 +1,4 @@
-import { classNames } from '@/utils/classNames'
+import { classNames } from '/utils/classNames'
 
 describe('classNames', () => {
   it('returns a string of classes', () => {