Update to @tabler/icons 3.1.0, use filled for active state

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak
2024-04-03 13:28:30 +02:00
parent 03e02a3d4f
commit 1505f96258
173 changed files with 515 additions and 500 deletions

View File

@ -39,7 +39,7 @@ const GroupListItem = (props: IGroupListItem) => {
<HStack className='text-gray-700 dark:text-gray-600' space={1} alignItems='center'>
<Icon
className='h-4.5 w-4.5'
src={group.locked ? require('@tabler/icons/lock.svg') : require('@tabler/icons/world.svg')}
src={group.locked ? require('@tabler/icons/outline/lock.svg') : require('@tabler/icons/outline/world.svg')}
/>
<Text theme='inherit' tag='span' size='sm' weight='medium'>

View File

@ -20,7 +20,7 @@ const LayoutButtons = ({ layout, onSelect }: ILayoutButtons) => (
onClick={() => onSelect(GroupLayout.LIST)}
>
<Icon
src={require('@tabler/icons/layout-list.svg')}
src={require('@tabler/icons/outline/layout-list.svg')}
className={
clsx('h-5 w-5 text-gray-600', {
'text-primary-600': layout === GroupLayout.LIST,
@ -34,7 +34,7 @@ const LayoutButtons = ({ layout, onSelect }: ILayoutButtons) => (
onClick={() => onSelect(GroupLayout.GRID)}
>
<Icon
src={require('@tabler/icons/layout-grid.svg')}
src={require('@tabler/icons/outline/layout-grid.svg')}
className={
clsx('h-5 w-5 text-gray-600', {
'text-primary-600': layout === GroupLayout.GRID,

View File

@ -62,7 +62,7 @@ export default (props: Props) => {
<HStack alignItems='center' space={2}>
<div className='flex h-10 w-10 items-center justify-center rounded-full bg-gray-200 p-2 dark:bg-gray-800 dark:group-hover:bg-gray-700/20'>
<Icon
src={require('@tabler/icons/search.svg')}
src={require('@tabler/icons/outline/search.svg')}
className='h-5 w-5 text-gray-600'
/>
</div>

View File

@ -36,7 +36,7 @@ const Discover: React.FC = () => {
<HStack alignItems='center'>
{isSearching ? (
<IconButton
src={require('@tabler/icons/arrow-left.svg')}
src={require('@tabler/icons/outline/arrow-left.svg')}
iconClassName='mr-2 h-5 w-5 fill-current text-gray-600 rtl:rotate-180'
onClick={cancelSearch}
data-testid='group-search-icon'
@ -55,7 +55,7 @@ const Discover: React.FC = () => {
append={
<button onClick={clearValue}>
<Icon
src={hasSearchValue ? require('@tabler/icons/x.svg') : require('@tabler/icons/search.svg')}
src={hasSearchValue ? require('@tabler/icons/outline/x.svg') : require('@tabler/icons/outline/search.svg')}
className='h-4 w-4 text-gray-700 dark:text-gray-600'
aria-hidden='true'
/>

View File

@ -79,7 +79,7 @@ const Groups: React.FC = () => {
{canCreateGroup && (
<Button
className='xl:hidden'
icon={require('@tabler/icons/circles.svg')}
icon={require('@tabler/icons/outline/circles.svg')}
onClick={createGroup}
theme='secondary'
block

View File

@ -65,7 +65,7 @@ const Tag: React.FC<ITag> = (props) => {
<HStack alignItems='center'>
<button onClick={() => setLayout(Layout.LIST)}>
<Icon
src={require('@tabler/icons/layout-list.svg')}
src={require('@tabler/icons/outline/layout-list.svg')}
className={
clsx('h-5 w-5 text-gray-600', {
'text-primary-600': layout === Layout.LIST,
@ -76,7 +76,7 @@ const Tag: React.FC<ITag> = (props) => {
<button onClick={() => setLayout(Layout.GRID)}>
<Icon
src={require('@tabler/icons/layout-grid.svg')}
src={require('@tabler/icons/outline/layout-grid.svg')}
className={
clsx('h-5 w-5 text-gray-600', {
'text-primary-600': layout === Layout.GRID,