diff --git a/packages/lsd-react/src/components/Calendar/Month.tsx b/packages/lsd-react/src/components/Calendar/Month.tsx index 8731ac3..4b3ab10 100644 --- a/packages/lsd-react/src/components/Calendar/Month.tsx +++ b/packages/lsd-react/src/components/Calendar/Month.tsx @@ -4,10 +4,10 @@ import { useRef, useState } from 'react' import { useClickAway } from 'react-use' import { IconButton } from '../IconButton' import { - ArrowDownIcon, - ArrowUpIcon, - NavigateBeforeIcon, - NavigateNextIcon, + ChevronDownIcon, + ChevronUpIcon, + ChevronLeftIcon, + ChevronRightIcon, } from '../Icons' import { Typography } from '../Typography' import { calendarClasses } from './Calendar.classes' @@ -68,7 +68,7 @@ export const Month = ({ type="button" onClick={goToPreviousMonths} > - +
setYear(year + 1)} className={calendarClasses.changeYearButton} > - + setYear(year - 1)} className={calendarClasses.changeYearButton} > - +
@@ -117,7 +117,7 @@ export const Month = ({ type="button" onClick={goToNextMonths} > - +
diff --git a/packages/lsd-react/src/components/Checkbox/Checkbox.tsx b/packages/lsd-react/src/components/Checkbox/Checkbox.tsx index b433f76..7c06646 100644 --- a/packages/lsd-react/src/components/Checkbox/Checkbox.tsx +++ b/packages/lsd-react/src/components/Checkbox/Checkbox.tsx @@ -7,8 +7,8 @@ import { } from '../../utils/useCommonProps' import { useInput } from '../../utils/useInput' import { useCheckboxGroupContext } from '../CheckboxGroup/CheckboxGroup.context' -import { CheckboxFilledIcon, CheckboxIcon } from '../Icons' -import { CheckboxIndeterminateIcon } from '../Icons/CheckboxIndeterminate' +import { CheckboxIcon, CheckboxOutlineBlankIcon } from '../Icons' +import { IndeterminateCheckboxFilledIcon } from '../Icons/IndeterminateCheckboxFilledIcon' import { Typography } from '../Typography' import { checkboxClasses } from './Checkbox.classes' @@ -98,11 +98,11 @@ export const Checkbox: React.FC & { {...inputProps} /> {indeterminate ? ( - + ) : input.value ? ( - - ) : ( + ) : ( + )} {children} diff --git a/packages/lsd-react/src/components/CollapseHeader/CollapseHeader.tsx b/packages/lsd-react/src/components/CollapseHeader/CollapseHeader.tsx index 04b79c1..8d7e587 100644 --- a/packages/lsd-react/src/components/CollapseHeader/CollapseHeader.tsx +++ b/packages/lsd-react/src/components/CollapseHeader/CollapseHeader.tsx @@ -5,7 +5,7 @@ import { omitCommonProps, useCommonProps, } from '../../utils/useCommonProps' -import { ArrowDownIcon, ArrowUpIcon } from '../Icons' +import { ChevronDownIcon, ChevronUpIcon } from '../Icons' import { Typography } from '../Typography' import { collapseHeaderClasses } from './CollapseHeader.classes' @@ -58,12 +58,12 @@ export const CollapseHeader: React.FC & {
{open ? ( - ) : ( - diff --git a/packages/lsd-react/src/components/Dropdown/Dropdown.tsx b/packages/lsd-react/src/components/Dropdown/Dropdown.tsx index 3699095..63d42d0 100644 --- a/packages/lsd-react/src/components/Dropdown/Dropdown.tsx +++ b/packages/lsd-react/src/components/Dropdown/Dropdown.tsx @@ -8,7 +8,7 @@ import { import { SelectOption, useSelect } from '../../utils/useSelect' import { DropdownItem } from '../DropdownItem' import { DropdownMenu } from '../DropdownMenu' -import { ArrowDownIcon, ArrowUpIcon, ErrorIcon } from '../Icons' +import { ChevronDownIcon, ChevronUpIcon, ErrorIcon } from '../Icons' import { Portal } from '../PortalProvider/Portal' import { Typography } from '../Typography' import { dropdownClasses } from './Dropdown.classes' @@ -138,12 +138,12 @@ export const Dropdown: React.FC & { )} {openState ? ( - ) : ( - diff --git a/packages/lsd-react/src/components/DropdownItem/DropdownItem.tsx b/packages/lsd-react/src/components/DropdownItem/DropdownItem.tsx index 5dd7052..b9ae657 100644 --- a/packages/lsd-react/src/components/DropdownItem/DropdownItem.tsx +++ b/packages/lsd-react/src/components/DropdownItem/DropdownItem.tsx @@ -5,7 +5,7 @@ import { omitCommonProps, useCommonProps, } from '../../utils/useCommonProps' -import { CheckboxFilledIcon, CheckboxIcon, LsdIconProps } from '../Icons' +import { CheckboxIcon, CheckboxOutlineBlankIcon, LsdIconProps } from '../Icons' import { Typography } from '../Typography' import { dropdownItemClasses } from './DropdownItem.classes' @@ -52,9 +52,9 @@ export const DropdownItem: React.FC & { > {withIcon && (selected ? ( - - ) : ( + ) : ( + ))} ( - - - - ), - { - filled: true, - }, -) diff --git a/packages/lsd-react/src/components/Icons/CheckboxFilledIcon/index.ts b/packages/lsd-react/src/components/Icons/CheckboxFilledIcon/index.ts deleted file mode 100644 index 0c3d5b6..0000000 --- a/packages/lsd-react/src/components/Icons/CheckboxFilledIcon/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './CheckboxFilledIcon' diff --git a/packages/lsd-react/src/components/Icons/CheckboxIcon/CheckboxIcon.tsx b/packages/lsd-react/src/components/Icons/CheckboxIcon/CheckboxIcon.tsx index e056a5a..da103d2 100644 --- a/packages/lsd-react/src/components/Icons/CheckboxIcon/CheckboxIcon.tsx +++ b/packages/lsd-react/src/components/Icons/CheckboxIcon/CheckboxIcon.tsx @@ -11,7 +11,9 @@ export const CheckboxIcon = LsdIcon( {...props} > diff --git a/packages/lsd-react/src/components/Icons/CheckboxIndeterminate/index.ts b/packages/lsd-react/src/components/Icons/CheckboxIndeterminate/index.ts deleted file mode 100644 index 1775ffb..0000000 --- a/packages/lsd-react/src/components/Icons/CheckboxIndeterminate/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './CheckboxIndeterminateIcon' diff --git a/packages/lsd-react/src/components/Icons/CheckboxOutlineBlankIcon/CheckboxOutlineBlankIcon.tsx b/packages/lsd-react/src/components/Icons/CheckboxOutlineBlankIcon/CheckboxOutlineBlankIcon.tsx new file mode 100644 index 0000000..0efdc19 --- /dev/null +++ b/packages/lsd-react/src/components/Icons/CheckboxOutlineBlankIcon/CheckboxOutlineBlankIcon.tsx @@ -0,0 +1,22 @@ +import { LsdIcon } from '../LsdIcon' + +export const CheckboxOutlineBlankIcon = LsdIcon( + (props) => ( + + + + ), + { + filled: true, + }, +) diff --git a/packages/lsd-react/src/components/Icons/CheckboxOutlineBlankIcon/index.ts b/packages/lsd-react/src/components/Icons/CheckboxOutlineBlankIcon/index.ts new file mode 100644 index 0000000..774bc54 --- /dev/null +++ b/packages/lsd-react/src/components/Icons/CheckboxOutlineBlankIcon/index.ts @@ -0,0 +1 @@ +export * from './CheckboxOutlineBlankIcon' diff --git a/packages/lsd-react/src/components/Icons/ArrowDownIcon/ArrowDownIcon.tsx b/packages/lsd-react/src/components/Icons/ChevronDownIcon/ChevronDownIcon.tsx similarity index 90% rename from packages/lsd-react/src/components/Icons/ArrowDownIcon/ArrowDownIcon.tsx rename to packages/lsd-react/src/components/Icons/ChevronDownIcon/ChevronDownIcon.tsx index 7ad38fc..f67ebe9 100644 --- a/packages/lsd-react/src/components/Icons/ArrowDownIcon/ArrowDownIcon.tsx +++ b/packages/lsd-react/src/components/Icons/ChevronDownIcon/ChevronDownIcon.tsx @@ -1,6 +1,6 @@ import { LsdIcon } from '../LsdIcon' -export const ArrowDownIcon = LsdIcon( +export const ChevronDownIcon = LsdIcon( (props) => ( ( ( ( ( ( - - - - ), - { - filled: true, - }, -) diff --git a/packages/lsd-react/src/components/Icons/NewPageIcon/index.ts b/packages/lsd-react/src/components/Icons/NewPageIcon/index.ts deleted file mode 100644 index 87719f9..0000000 --- a/packages/lsd-react/src/components/Icons/NewPageIcon/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './NewPageIcon' diff --git a/packages/lsd-react/src/components/Icons/RadioButtonFilledIcon/RadioButtonFilledIcon.tsx b/packages/lsd-react/src/components/Icons/RadioButtonCheckedIcon/RadioButtonCheckedIcon.tsx similarity index 95% rename from packages/lsd-react/src/components/Icons/RadioButtonFilledIcon/RadioButtonFilledIcon.tsx rename to packages/lsd-react/src/components/Icons/RadioButtonCheckedIcon/RadioButtonCheckedIcon.tsx index 9c78c51..6843f88 100644 --- a/packages/lsd-react/src/components/Icons/RadioButtonFilledIcon/RadioButtonFilledIcon.tsx +++ b/packages/lsd-react/src/components/Icons/RadioButtonCheckedIcon/RadioButtonCheckedIcon.tsx @@ -1,6 +1,6 @@ import { LsdIcon } from '../LsdIcon' -export const RadioButtonFilledIcon = LsdIcon( +export const RadioButtonCheckedIcon = LsdIcon( (props) => ( & { {...inputProps} /> {input.value ? ( - + ) : ( )} diff --git a/packages/lsd-react/src/components/Tabs/Tabs.tsx b/packages/lsd-react/src/components/Tabs/Tabs.tsx index 9c73295..4c28548 100644 --- a/packages/lsd-react/src/components/Tabs/Tabs.tsx +++ b/packages/lsd-react/src/components/Tabs/Tabs.tsx @@ -6,7 +6,7 @@ import { useCommonProps, } from '../../utils/useCommonProps' import { useHorizontalScroll } from '../../utils/useHorizontalScroll' -import { NavigateBeforeIcon, NavigateNextIcon } from '../Icons' +import { ChevronLeftIcon, ChevronRightIcon } from '../Icons' import { TabItem } from '../TabItem' import { TabsContext } from './Tab.context' import { tabsClasses } from './Tabs.classes' @@ -69,7 +69,7 @@ export const Tabs: React.FC & { onClick={() => scroll.toLeft()} className={tabsClasses.leftScrollControl} > - + )} {children} @@ -81,7 +81,7 @@ export const Tabs: React.FC & { onClick={() => scroll.toRight()} className={tabsClasses.rightScrollControl} > - + )}