diff --git a/.prettierignore b/.prettierignore index fe20a58f..e3033ebf 100644 --- a/.prettierignore +++ b/.prettierignore @@ -1,5 +1,5 @@ # Ignore artifacts: .next/ - +lib # Ignore specific files: package-lock.json \ No newline at end of file diff --git a/app/docs/components/dropdown/variant/DefaultDropdown.tsx b/app/docs/components/dropdown/variant/DefaultDropdown.tsx index 6f07dcf2..f30178ab 100644 --- a/app/docs/components/dropdown/variant/DefaultDropdown.tsx +++ b/app/docs/components/dropdown/variant/DefaultDropdown.tsx @@ -15,7 +15,7 @@ const DefaultDropdown = () => { - e.stopPropagation()}> + Contacts Phone @@ -34,26 +34,33 @@ const DefaultDropdown = () => { const DefaultDropdownCode = { 'DropdownComponent.tsx': ` -import { Button, Divider, Dropdown, DropdownAction, DropdownContent, DropdownItem, DropdownList } from 'keep-react' +import { + Button, + Dropdown, + DropdownAction, + DropdownArrow, + DropdownContent, + DropdownDivider, + DropdownItem, +} from 'keep-react' export const DropdownComponent = () => { return ( - + - - Contacts - Phone - Statistics - - Rename - Duplicate - - Account - Logout - + + Contacts + Phone + Statistics + + Rename + Duplicate + + Account + Logout ) diff --git a/app/docs/components/dropdown/variant/DropdownWithIcon.tsx b/app/docs/components/dropdown/variant/DropdownWithIcon.tsx index 23698446..0f479b0f 100644 --- a/app/docs/components/dropdown/variant/DropdownWithIcon.tsx +++ b/app/docs/components/dropdown/variant/DropdownWithIcon.tsx @@ -66,49 +66,63 @@ const DropdownWithIconCode = { 'DropdownComponent.tsx': ` 'use client' import { ChartPieSlice, Copy, Pen, Phone, SignOut, UserCircle, Users } from 'phosphor-react' -import { Button, Divider, Dropdown, DropdownAction, DropdownContent, DropdownItem, DropdownList} from 'keep-react' +import { + Button, + Dropdown, + DropdownAction, + DropdownArrow, + DropdownContent, + DropdownDivider, + DropdownGroup, + DropdownItem, +} from 'keep-react' export const DropdownComponent = () => { return ( - - - - - - - - Contacts - - - - Phone - - - - Statistics - + + + + + + + + + Contacts + + + + Phone + + + + Statistics + + - - - Rename - - - - Duplicate - + + + + Rename + + + + Duplicate + + - - - Account - - - - Logout - - - - + + + + Account + + + + Logout + + + + ) } `, diff --git a/app/docs/components/table/variant/ProductTable.tsx b/app/docs/components/table/variant/ProductTable.tsx index c01596f9..6698af3e 100644 --- a/app/docs/components/table/variant/ProductTable.tsx +++ b/app/docs/components/table/variant/ProductTable.tsx @@ -98,7 +98,6 @@ import { DropdownAction, DropdownContent, DropdownItem, - DropdownList, Table, TableBody, TableCaption, diff --git a/app/src/components/Divider/Divider.tsx b/app/src/components/Divider/Divider.tsx index 7d405be8..55f8b5ea 100644 --- a/app/src/components/Divider/Divider.tsx +++ b/app/src/components/Divider/Divider.tsx @@ -3,7 +3,7 @@ import { FC, ReactNode } from 'react' import { cn } from '../../utils/cn' import { DividerColorVariant, DividerSizeVariant, dividerTheme } from './theme' -interface DividerProps { +export interface DividerProps { color?: keyof DividerColorVariant size?: keyof DividerSizeVariant variant?: 'start' | 'end' | 'center' diff --git a/tsconfig.lib.json b/tsconfig.lib.json index 29d9ca3c..5d496a39 100644 --- a/tsconfig.lib.json +++ b/tsconfig.lib.json @@ -2,7 +2,7 @@ "extends": "./tsconfig.json", "compilerOptions": { "jsx": "react-jsx", - "module": "CommonJS", + "module": "ES2015", "outDir": "./lib" }, "exclude": ["app/**/*.stories.tsx"],