From 5d32d656d58ae51ab8ac2a21bee17ab6cbdf9902 Mon Sep 17 00:00:00 2001 From: DiamondThree Date: Thu, 18 Aug 2022 12:06:11 +0800 Subject: [PATCH] feat remove stretch add add distribute (#284) * feat remove stretch add add distribute * fix rename icon * fix:lint --- .../src/components/align-panel/index.tsx | 9 ++- .../command-panel/AlignOperation.tsx | 81 +++++++++---------- .../src/menu/inline-menu/utils.ts | 78 +++++++++--------- libs/components/icons/src/auto-icons/index.ts | 26 +++--- .../shapes-align-bottom.svg} | 0 .../shapes-align-bottom.tsx} | 4 +- .../shapes-align-horizontal-center.svg} | 0 .../shapes-align-horizontal-center.tsx} | 4 +- .../shapes-align-left.svg} | 0 .../shapes-align-left.tsx} | 4 +- .../shapes-align-right.svg} | 0 .../shapes-align-right.tsx} | 4 +- .../shapes-align-top.svg} | 0 .../shapes-align-top.tsx} | 4 +- .../shapes-align-vertical-center.svg} | 0 .../shapes-align-vertical-center.tsx} | 4 +- .../shapes-distribute-horizontal.svg} | 0 .../shapes-distribute-horizontal.tsx} | 4 +- .../shapes-distribute-vertical.svg} | 0 .../shapes-distribute-vertical.tsx} | 4 +- .../text-align-center.svg} | 0 .../text-align-center.tsx} | 4 +- .../text-align-justify.svg} | 0 .../text-align-justify.tsx} | 4 +- .../text-align-left.svg} | 0 .../text-align-left.tsx} | 4 +- .../text-align-right.svg} | 0 .../text-align-right.tsx} | 4 +- 28 files changed, 120 insertions(+), 122 deletions(-) rename libs/components/icons/src/auto-icons/{align-to-bottom/align-to-bottom.svg => shapes-align-bottom/shapes-align-bottom.svg} (100%) rename libs/components/icons/src/auto-icons/{align-to-bottom/align-to-bottom.tsx => shapes-align-bottom/shapes-align-bottom.tsx} (75%) rename libs/components/icons/src/auto-icons/{align-horizontal-center/align-horizontal-center.svg => shapes-align-horizontal-center/shapes-align-horizontal-center.svg} (100%) rename libs/components/icons/src/auto-icons/{align-horizontal-center/align-horizontal-center.tsx => shapes-align-horizontal-center/shapes-align-horizontal-center.tsx} (69%) rename libs/components/icons/src/auto-icons/{align-to-left/align-to-left.svg => shapes-align-left/shapes-align-left.svg} (100%) rename libs/components/icons/src/auto-icons/{align-to-left/align-to-left.tsx => shapes-align-left/shapes-align-left.tsx} (73%) rename libs/components/icons/src/auto-icons/{align-to-right/align-to-right.svg => shapes-align-right/shapes-align-right.svg} (100%) rename libs/components/icons/src/auto-icons/{align-to-right/align-to-right.tsx => shapes-align-right/shapes-align-right.tsx} (75%) rename libs/components/icons/src/auto-icons/{align-to-top/align-to-top.svg => shapes-align-top/shapes-align-top.svg} (100%) rename libs/components/icons/src/auto-icons/{align-to-top/align-to-top.tsx => shapes-align-top/shapes-align-top.tsx} (75%) rename libs/components/icons/src/auto-icons/{align-vertical-center/align-vertical-center.svg => shapes-align-vertical-center/shapes-align-vertical-center.svg} (100%) rename libs/components/icons/src/auto-icons/{align-vertical-center/align-vertical-center.tsx => shapes-align-vertical-center/shapes-align-vertical-center.tsx} (72%) rename libs/components/icons/src/auto-icons/{distribute-horizontal/distribute-horizontal.svg => shapes-distribute-horizontal/shapes-distribute-horizontal.svg} (100%) rename libs/components/icons/src/auto-icons/{distribute-horizontal/distribute-horizontal.tsx => shapes-distribute-horizontal/shapes-distribute-horizontal.tsx} (70%) rename libs/components/icons/src/auto-icons/{distribute-vertical/distribute-vertical.svg => shapes-distribute-vertical/shapes-distribute-vertical.svg} (100%) rename libs/components/icons/src/auto-icons/{distribute-vertical/distribute-vertical.tsx => shapes-distribute-vertical/shapes-distribute-vertical.tsx} (72%) rename libs/components/icons/src/auto-icons/{align-center/align-center.svg => text-align-center/text-align-center.svg} (100%) rename libs/components/icons/src/auto-icons/{align-center/align-center.tsx => text-align-center/text-align-center.tsx} (73%) rename libs/components/icons/src/auto-icons/{align-justify/align-justify.svg => text-align-justify/text-align-justify.svg} (100%) rename libs/components/icons/src/auto-icons/{align-justify/align-justify.tsx => text-align-justify/text-align-justify.tsx} (73%) rename libs/components/icons/src/auto-icons/{align-left/align-left.svg => text-align-left/text-align-left.svg} (100%) rename libs/components/icons/src/auto-icons/{align-left/align-left.tsx => text-align-left/text-align-left.tsx} (74%) rename libs/components/icons/src/auto-icons/{align-right/align-right.svg => text-align-right/text-align-right.svg} (100%) rename libs/components/icons/src/auto-icons/{align-right/align-right.tsx => text-align-right/text-align-right.tsx} (73%) diff --git a/libs/components/board-draw/src/components/align-panel/index.tsx b/libs/components/board-draw/src/components/align-panel/index.tsx index d0b8092c2c..d0ff48390d 100644 --- a/libs/components/board-draw/src/components/align-panel/index.tsx +++ b/libs/components/board-draw/src/components/align-panel/index.tsx @@ -52,14 +52,15 @@ const Container = styled('div')({ const SelectableContainer = styled('div')<{ selected?: boolean }>( ({ selected, theme }) => ({ - width: '22px', - height: '22px', color: theme.affine.palette.icons, borderRadius: '5px', overflow: 'hidden', - margin: '10px', - padding: '1px', + margin: '5px', + padding: '3px', cursor: 'pointer', boxSizing: 'border-box', + '&:hover': { + backgroundColor: theme.affine.palette.hover, + }, }) ); diff --git a/libs/components/board-draw/src/components/command-panel/AlignOperation.tsx b/libs/components/board-draw/src/components/command-panel/AlignOperation.tsx index d3a8670fce..d8f5b307e4 100644 --- a/libs/components/board-draw/src/components/command-panel/AlignOperation.tsx +++ b/libs/components/board-draw/src/components/command-panel/AlignOperation.tsx @@ -1,22 +1,17 @@ import type { TldrawApp } from '@toeverything/components/board-state'; -import { StretchType, TDShape } from '@toeverything/components/board-types'; +import { DistributeType, TDShape } from '@toeverything/components/board-types'; import { - AlignHorizontalCenterIcon, AlignIcon, - AlignToBottomIcon, - AlignToLeftIcon, - AlignToRightIcon, - AlignToTopIcon, - AlignVerticalCenterIcon, - DistributeHorizontalIcon, - DistributeVerticalIcon, + ShapesAlignBottomIcon, + ShapesAlignHorizontalCenterIcon, + ShapesAlignLeftIcon, + ShapesAlignRightIcon, + ShapesAlignTopIcon, + ShapesAlignVerticalCenterIcon, + ShapesDistributeHorizontalIcon, + ShapesDistributeVerticalIcon, } from '@toeverything/components/icons'; -import { - IconButton, - Popover, - Tooltip, - useTheme, -} from '@toeverything/components/ui'; +import { IconButton, Popover, Tooltip } from '@toeverything/components/ui'; import { AlignPanel } from '../align-panel'; interface BorderColorConfigProps { app: TldrawApp; @@ -34,55 +29,57 @@ export enum AlignType { let AlignPanelArr = [ { - name: 'top', - title: 'Align top', - icon: , + name: 'left', + title: 'Align left', + icon: , }, { name: 'centerVertical', title: 'Align Center Vertical', - icon: , - }, - { - name: 'bottom', - title: 'Align bottom', - icon: , - }, - { - name: 'left', - title: 'Align left', - icon: , + icon: , }, { name: 'right', title: 'Align right', - icon: , + icon: , }, + { + name: 'top', + title: 'Align top', + icon: , + }, + { + name: 'bottom', + title: 'Align bottom', + icon: , + }, + { name: 'centerHorizontal', title: 'Align centerHorizontal', - icon: , + icon: ( + + ), }, { - name: 'stretchCenterHorizontal', - title: 'Align stretch centerHorizontal', - icon: , + name: 'distributeCenterHorizontal', + title: 'Align distribute center horizontal', + icon: , }, { - name: 'stretchCenterVertical', - title: 'Align stretch centerHorizontal', - icon: , + name: 'distributeCenterVertical', + title: 'Align distribute center horizontal', + icon: , }, ]; export const AlignOperation = ({ app, shapes }: BorderColorConfigProps) => { - const theme = useTheme(); const setAlign = (alginType: string) => { switch (alginType) { - case 'stretchCenterHorizontal': - app.stretch(StretchType.Horizontal); + case 'distributeCenterHorizontal': + app.distribute(DistributeType.Horizontal); break; - case 'stretchCenterVertical': - app.stretch(StretchType.Vertical); + case 'distributeCenterVertical': + app.distribute(DistributeType.Vertical); break; default: app.align(alginType as AlignType); diff --git a/libs/components/editor-plugins/src/menu/inline-menu/utils.ts b/libs/components/editor-plugins/src/menu/inline-menu/utils.ts index 14d2d68374..78f03fbcf9 100644 --- a/libs/components/editor-plugins/src/menu/inline-menu/utils.ts +++ b/libs/components/editor-plugins/src/menu/inline-menu/utils.ts @@ -1,47 +1,47 @@ /* eslint-disable max-lines */ -import { - HeadingOneIcon, - HeadingTwoIcon, - HeadingThreeIcon, - ToDoIcon, - NumberIcon, - BulletIcon, - FormatBoldEmphasisIcon, - FormatItalicIcon, - FormatStrikethroughIcon, - LinkIcon, - CodeIcon, - FormatColorTextIcon, - FormatBackgroundIcon, - AlignLeftIcon, - AlignCenterIcon, - AlignRightIcon, - TurnIntoIcon, - BacklinksIcon, - MoreIcon, - TextFontIcon, - QuoteIcon, - CalloutIcon, - FileIcon, - ImageIcon, - PagesIcon, - CodeBlockIcon, - CommentIcon, -} from '@toeverything/components/icons'; import { fontBgColorPalette, fontColorPalette, type TextAlignOptions, } from '@toeverything/components/common'; -import { Virgo } from '@toeverything/framework/virgo'; -import { BlockFlavorKeys, Protocol } from '@toeverything/datasource/db-service'; -import { ClickItemHandler, InlineMenuItem } from './types'; import { - inlineMenuNamesKeys, - inlineMenuNamesForFontColor, - INLINE_MENU_UI_TYPES, + BacklinksIcon, + BulletIcon, + CalloutIcon, + CodeBlockIcon, + CodeIcon, + CommentIcon, + FileIcon, + FormatBackgroundIcon, + FormatBoldEmphasisIcon, + FormatColorTextIcon, + FormatItalicIcon, + FormatStrikethroughIcon, + HeadingOneIcon, + HeadingThreeIcon, + HeadingTwoIcon, + ImageIcon, + LinkIcon, + MoreIcon, + NumberIcon, + PagesIcon, + QuoteIcon, + TextAlignCenterIcon, + TextAlignLeftIcon, + TextAlignRightIcon, + TextFontIcon, + ToDoIcon, + TurnIntoIcon, +} from '@toeverything/components/icons'; +import { BlockFlavorKeys, Protocol } from '@toeverything/datasource/db-service'; +import { Virgo } from '@toeverything/framework/virgo'; +import { inlineMenuNames, + inlineMenuNamesForFontColor, + inlineMenuNamesKeys, + INLINE_MENU_UI_TYPES, } from './config'; +import { ClickItemHandler, InlineMenuItem } from './types'; const convert_to_block_type = async ({ editor, @@ -732,27 +732,27 @@ export const getInlineMenuData = ({ }, { type: INLINE_MENU_UI_TYPES.dropdown, - icon: AlignLeftIcon, + icon: TextAlignLeftIcon, name: inlineMenuNames.currentTextAlign, nameKey: inlineMenuNamesKeys.currentTextAlign, children: [ { type: INLINE_MENU_UI_TYPES.icon, - icon: AlignLeftIcon, + icon: TextAlignLeftIcon, name: inlineMenuNames.alignLeft, nameKey: inlineMenuNamesKeys.alignLeft, onClick: common_handler_for_inline_menu, }, { type: INLINE_MENU_UI_TYPES.icon, - icon: AlignCenterIcon, + icon: TextAlignCenterIcon, name: inlineMenuNames.alignCenter, nameKey: inlineMenuNamesKeys.alignCenter, onClick: common_handler_for_inline_menu, }, { type: INLINE_MENU_UI_TYPES.icon, - icon: AlignRightIcon, + icon: TextAlignRightIcon, name: inlineMenuNames.alignRight, nameKey: inlineMenuNamesKeys.alignRight, onClick: common_handler_for_inline_menu, diff --git a/libs/components/icons/src/auto-icons/index.ts b/libs/components/icons/src/auto-icons/index.ts index d8a932e463..bf29051323 100644 --- a/libs/components/icons/src/auto-icons/index.ts +++ b/libs/components/icons/src/auto-icons/index.ts @@ -1,4 +1,4 @@ -export const timestamp = 1660740866491; +export const timestamp = 1660793621971; export * from './image/image'; export * from './format-clear/format-clear'; export * from './backward-undo/backward-undo'; @@ -26,10 +26,10 @@ export * from './format-italic/format-italic'; export * from './format-strikethrough/format-strikethrough'; export * from './format-color-text/format-color-text'; export * from './format-background/format-background'; -export * from './align-left/align-left'; -export * from './align-center/align-center'; -export * from './align-right/align-right'; -export * from './align-justify/align-justify'; +export * from './text-align-left/text-align-left'; +export * from './text-align-center/text-align-center'; +export * from './text-align-right/text-align-right'; +export * from './text-align-justify/text-align-justify'; export * from './arrow-drop-down/arrow-drop-down'; export * from './arrow-right/arrow-right'; export * from './more/more'; @@ -130,14 +130,14 @@ export * from './more-tags-an-subblocks/more-tags-an-subblocks'; export * from './page-in-page-tree/page-in-page-tree'; export * from './pin/pin'; export * from './add/add'; -export * from './align-to-left/align-to-left'; -export * from './align-to-right/align-to-right'; -export * from './distribute-horizontal/distribute-horizontal'; -export * from './distribute-vertical/distribute-vertical'; -export * from './align-to-top/align-to-top'; -export * from './align-to-bottom/align-to-bottom'; -export * from './align-horizontal-center/align-horizontal-center'; -export * from './align-vertical-center/align-vertical-center'; +export * from './shapes-align-left/shapes-align-left'; +export * from './shapes-align-right/shapes-align-right'; +export * from './shapes-distribute-horizontal/shapes-distribute-horizontal'; +export * from './shapes-distribute-vertical/shapes-distribute-vertical'; +export * from './shapes-align-top/shapes-align-top'; +export * from './shapes-align-bottom/shapes-align-bottom'; +export * from './shapes-align-horizontal-center/shapes-align-horizontal-center'; +export * from './shapes-align-vertical-center/shapes-align-vertical-center'; export * from './bring-forward/bring-forward'; export * from './send-backward/send-backward'; export * from './bring-to-front/bring-to-front'; diff --git a/libs/components/icons/src/auto-icons/align-to-bottom/align-to-bottom.svg b/libs/components/icons/src/auto-icons/shapes-align-bottom/shapes-align-bottom.svg similarity index 100% rename from libs/components/icons/src/auto-icons/align-to-bottom/align-to-bottom.svg rename to libs/components/icons/src/auto-icons/shapes-align-bottom/shapes-align-bottom.svg diff --git a/libs/components/icons/src/auto-icons/align-to-bottom/align-to-bottom.tsx b/libs/components/icons/src/auto-icons/shapes-align-bottom/shapes-align-bottom.tsx similarity index 75% rename from libs/components/icons/src/auto-icons/align-to-bottom/align-to-bottom.tsx rename to libs/components/icons/src/auto-icons/shapes-align-bottom/shapes-align-bottom.tsx index 25d8363a5c..fdb321f59b 100644 --- a/libs/components/icons/src/auto-icons/align-to-bottom/align-to-bottom.tsx +++ b/libs/components/icons/src/auto-icons/shapes-align-bottom/shapes-align-bottom.tsx @@ -2,11 +2,11 @@ // eslint-disable-next-line no-restricted-imports import { SvgIcon, SvgIconProps } from '@mui/material'; -export interface AlignToBottomIconProps extends Omit { +export interface ShapesAlignBottomIconProps extends Omit { color?: string } -export const AlignToBottomIcon = ({ color, style, ...props}: AlignToBottomIconProps) => { +export const ShapesAlignBottomIcon = ({ color, style, ...props}: ShapesAlignBottomIconProps) => { const propsStyles = {"color": color}; const customStyles = {}; const styles = {...propsStyles, ...customStyles, ...style} diff --git a/libs/components/icons/src/auto-icons/align-horizontal-center/align-horizontal-center.svg b/libs/components/icons/src/auto-icons/shapes-align-horizontal-center/shapes-align-horizontal-center.svg similarity index 100% rename from libs/components/icons/src/auto-icons/align-horizontal-center/align-horizontal-center.svg rename to libs/components/icons/src/auto-icons/shapes-align-horizontal-center/shapes-align-horizontal-center.svg diff --git a/libs/components/icons/src/auto-icons/align-horizontal-center/align-horizontal-center.tsx b/libs/components/icons/src/auto-icons/shapes-align-horizontal-center/shapes-align-horizontal-center.tsx similarity index 69% rename from libs/components/icons/src/auto-icons/align-horizontal-center/align-horizontal-center.tsx rename to libs/components/icons/src/auto-icons/shapes-align-horizontal-center/shapes-align-horizontal-center.tsx index adc4e0fc3a..76f714faaa 100644 --- a/libs/components/icons/src/auto-icons/align-horizontal-center/align-horizontal-center.tsx +++ b/libs/components/icons/src/auto-icons/shapes-align-horizontal-center/shapes-align-horizontal-center.tsx @@ -2,11 +2,11 @@ // eslint-disable-next-line no-restricted-imports import { SvgIcon, SvgIconProps } from '@mui/material'; -export interface AlignHorizontalCenterIconProps extends Omit { +export interface ShapesAlignHorizontalCenterIconProps extends Omit { color?: string } -export const AlignHorizontalCenterIcon = ({ color, style, ...props}: AlignHorizontalCenterIconProps) => { +export const ShapesAlignHorizontalCenterIcon = ({ color, style, ...props}: ShapesAlignHorizontalCenterIconProps) => { const propsStyles = {"color": color}; const customStyles = {}; const styles = {...propsStyles, ...customStyles, ...style} diff --git a/libs/components/icons/src/auto-icons/align-to-left/align-to-left.svg b/libs/components/icons/src/auto-icons/shapes-align-left/shapes-align-left.svg similarity index 100% rename from libs/components/icons/src/auto-icons/align-to-left/align-to-left.svg rename to libs/components/icons/src/auto-icons/shapes-align-left/shapes-align-left.svg diff --git a/libs/components/icons/src/auto-icons/align-to-left/align-to-left.tsx b/libs/components/icons/src/auto-icons/shapes-align-left/shapes-align-left.tsx similarity index 73% rename from libs/components/icons/src/auto-icons/align-to-left/align-to-left.tsx rename to libs/components/icons/src/auto-icons/shapes-align-left/shapes-align-left.tsx index 102015be99..807b0c91e7 100644 --- a/libs/components/icons/src/auto-icons/align-to-left/align-to-left.tsx +++ b/libs/components/icons/src/auto-icons/shapes-align-left/shapes-align-left.tsx @@ -2,11 +2,11 @@ // eslint-disable-next-line no-restricted-imports import { SvgIcon, SvgIconProps } from '@mui/material'; -export interface AlignToLeftIconProps extends Omit { +export interface ShapesAlignLeftIconProps extends Omit { color?: string } -export const AlignToLeftIcon = ({ color, style, ...props}: AlignToLeftIconProps) => { +export const ShapesAlignLeftIcon = ({ color, style, ...props}: ShapesAlignLeftIconProps) => { const propsStyles = {"color": color}; const customStyles = {}; const styles = {...propsStyles, ...customStyles, ...style} diff --git a/libs/components/icons/src/auto-icons/align-to-right/align-to-right.svg b/libs/components/icons/src/auto-icons/shapes-align-right/shapes-align-right.svg similarity index 100% rename from libs/components/icons/src/auto-icons/align-to-right/align-to-right.svg rename to libs/components/icons/src/auto-icons/shapes-align-right/shapes-align-right.svg diff --git a/libs/components/icons/src/auto-icons/align-to-right/align-to-right.tsx b/libs/components/icons/src/auto-icons/shapes-align-right/shapes-align-right.tsx similarity index 75% rename from libs/components/icons/src/auto-icons/align-to-right/align-to-right.tsx rename to libs/components/icons/src/auto-icons/shapes-align-right/shapes-align-right.tsx index b5f586d900..ae3f04466d 100644 --- a/libs/components/icons/src/auto-icons/align-to-right/align-to-right.tsx +++ b/libs/components/icons/src/auto-icons/shapes-align-right/shapes-align-right.tsx @@ -2,11 +2,11 @@ // eslint-disable-next-line no-restricted-imports import { SvgIcon, SvgIconProps } from '@mui/material'; -export interface AlignToRightIconProps extends Omit { +export interface ShapesAlignRightIconProps extends Omit { color?: string } -export const AlignToRightIcon = ({ color, style, ...props}: AlignToRightIconProps) => { +export const ShapesAlignRightIcon = ({ color, style, ...props}: ShapesAlignRightIconProps) => { const propsStyles = {"color": color}; const customStyles = {}; const styles = {...propsStyles, ...customStyles, ...style} diff --git a/libs/components/icons/src/auto-icons/align-to-top/align-to-top.svg b/libs/components/icons/src/auto-icons/shapes-align-top/shapes-align-top.svg similarity index 100% rename from libs/components/icons/src/auto-icons/align-to-top/align-to-top.svg rename to libs/components/icons/src/auto-icons/shapes-align-top/shapes-align-top.svg diff --git a/libs/components/icons/src/auto-icons/align-to-top/align-to-top.tsx b/libs/components/icons/src/auto-icons/shapes-align-top/shapes-align-top.tsx similarity index 75% rename from libs/components/icons/src/auto-icons/align-to-top/align-to-top.tsx rename to libs/components/icons/src/auto-icons/shapes-align-top/shapes-align-top.tsx index 5587e0df47..b1ab7c9616 100644 --- a/libs/components/icons/src/auto-icons/align-to-top/align-to-top.tsx +++ b/libs/components/icons/src/auto-icons/shapes-align-top/shapes-align-top.tsx @@ -2,11 +2,11 @@ // eslint-disable-next-line no-restricted-imports import { SvgIcon, SvgIconProps } from '@mui/material'; -export interface AlignToTopIconProps extends Omit { +export interface ShapesAlignTopIconProps extends Omit { color?: string } -export const AlignToTopIcon = ({ color, style, ...props}: AlignToTopIconProps) => { +export const ShapesAlignTopIcon = ({ color, style, ...props}: ShapesAlignTopIconProps) => { const propsStyles = {"color": color}; const customStyles = {}; const styles = {...propsStyles, ...customStyles, ...style} diff --git a/libs/components/icons/src/auto-icons/align-vertical-center/align-vertical-center.svg b/libs/components/icons/src/auto-icons/shapes-align-vertical-center/shapes-align-vertical-center.svg similarity index 100% rename from libs/components/icons/src/auto-icons/align-vertical-center/align-vertical-center.svg rename to libs/components/icons/src/auto-icons/shapes-align-vertical-center/shapes-align-vertical-center.svg diff --git a/libs/components/icons/src/auto-icons/align-vertical-center/align-vertical-center.tsx b/libs/components/icons/src/auto-icons/shapes-align-vertical-center/shapes-align-vertical-center.tsx similarity index 72% rename from libs/components/icons/src/auto-icons/align-vertical-center/align-vertical-center.tsx rename to libs/components/icons/src/auto-icons/shapes-align-vertical-center/shapes-align-vertical-center.tsx index 4d9c28d120..90101ff662 100644 --- a/libs/components/icons/src/auto-icons/align-vertical-center/align-vertical-center.tsx +++ b/libs/components/icons/src/auto-icons/shapes-align-vertical-center/shapes-align-vertical-center.tsx @@ -2,11 +2,11 @@ // eslint-disable-next-line no-restricted-imports import { SvgIcon, SvgIconProps } from '@mui/material'; -export interface AlignVerticalCenterIconProps extends Omit { +export interface ShapesAlignVerticalCenterIconProps extends Omit { color?: string } -export const AlignVerticalCenterIcon = ({ color, style, ...props}: AlignVerticalCenterIconProps) => { +export const ShapesAlignVerticalCenterIcon = ({ color, style, ...props}: ShapesAlignVerticalCenterIconProps) => { const propsStyles = {"color": color}; const customStyles = {}; const styles = {...propsStyles, ...customStyles, ...style} diff --git a/libs/components/icons/src/auto-icons/distribute-horizontal/distribute-horizontal.svg b/libs/components/icons/src/auto-icons/shapes-distribute-horizontal/shapes-distribute-horizontal.svg similarity index 100% rename from libs/components/icons/src/auto-icons/distribute-horizontal/distribute-horizontal.svg rename to libs/components/icons/src/auto-icons/shapes-distribute-horizontal/shapes-distribute-horizontal.svg diff --git a/libs/components/icons/src/auto-icons/distribute-horizontal/distribute-horizontal.tsx b/libs/components/icons/src/auto-icons/shapes-distribute-horizontal/shapes-distribute-horizontal.tsx similarity index 70% rename from libs/components/icons/src/auto-icons/distribute-horizontal/distribute-horizontal.tsx rename to libs/components/icons/src/auto-icons/shapes-distribute-horizontal/shapes-distribute-horizontal.tsx index 0871851c6e..e2ac83cbc5 100644 --- a/libs/components/icons/src/auto-icons/distribute-horizontal/distribute-horizontal.tsx +++ b/libs/components/icons/src/auto-icons/shapes-distribute-horizontal/shapes-distribute-horizontal.tsx @@ -2,11 +2,11 @@ // eslint-disable-next-line no-restricted-imports import { SvgIcon, SvgIconProps } from '@mui/material'; -export interface DistributeHorizontalIconProps extends Omit { +export interface ShapesDistributeHorizontalIconProps extends Omit { color?: string } -export const DistributeHorizontalIcon = ({ color, style, ...props}: DistributeHorizontalIconProps) => { +export const ShapesDistributeHorizontalIcon = ({ color, style, ...props}: ShapesDistributeHorizontalIconProps) => { const propsStyles = {"color": color}; const customStyles = {}; const styles = {...propsStyles, ...customStyles, ...style} diff --git a/libs/components/icons/src/auto-icons/distribute-vertical/distribute-vertical.svg b/libs/components/icons/src/auto-icons/shapes-distribute-vertical/shapes-distribute-vertical.svg similarity index 100% rename from libs/components/icons/src/auto-icons/distribute-vertical/distribute-vertical.svg rename to libs/components/icons/src/auto-icons/shapes-distribute-vertical/shapes-distribute-vertical.svg diff --git a/libs/components/icons/src/auto-icons/distribute-vertical/distribute-vertical.tsx b/libs/components/icons/src/auto-icons/shapes-distribute-vertical/shapes-distribute-vertical.tsx similarity index 72% rename from libs/components/icons/src/auto-icons/distribute-vertical/distribute-vertical.tsx rename to libs/components/icons/src/auto-icons/shapes-distribute-vertical/shapes-distribute-vertical.tsx index bbaaea88f3..0d581d4bdd 100644 --- a/libs/components/icons/src/auto-icons/distribute-vertical/distribute-vertical.tsx +++ b/libs/components/icons/src/auto-icons/shapes-distribute-vertical/shapes-distribute-vertical.tsx @@ -2,11 +2,11 @@ // eslint-disable-next-line no-restricted-imports import { SvgIcon, SvgIconProps } from '@mui/material'; -export interface DistributeVerticalIconProps extends Omit { +export interface ShapesDistributeVerticalIconProps extends Omit { color?: string } -export const DistributeVerticalIcon = ({ color, style, ...props}: DistributeVerticalIconProps) => { +export const ShapesDistributeVerticalIcon = ({ color, style, ...props}: ShapesDistributeVerticalIconProps) => { const propsStyles = {"color": color}; const customStyles = {}; const styles = {...propsStyles, ...customStyles, ...style} diff --git a/libs/components/icons/src/auto-icons/align-center/align-center.svg b/libs/components/icons/src/auto-icons/text-align-center/text-align-center.svg similarity index 100% rename from libs/components/icons/src/auto-icons/align-center/align-center.svg rename to libs/components/icons/src/auto-icons/text-align-center/text-align-center.svg diff --git a/libs/components/icons/src/auto-icons/align-center/align-center.tsx b/libs/components/icons/src/auto-icons/text-align-center/text-align-center.tsx similarity index 73% rename from libs/components/icons/src/auto-icons/align-center/align-center.tsx rename to libs/components/icons/src/auto-icons/text-align-center/text-align-center.tsx index 71bcaac6e2..0586b2efb9 100644 --- a/libs/components/icons/src/auto-icons/align-center/align-center.tsx +++ b/libs/components/icons/src/auto-icons/text-align-center/text-align-center.tsx @@ -2,11 +2,11 @@ // eslint-disable-next-line no-restricted-imports import { SvgIcon, SvgIconProps } from '@mui/material'; -export interface AlignCenterIconProps extends Omit { +export interface TextAlignCenterIconProps extends Omit { color?: string } -export const AlignCenterIcon = ({ color, style, ...props}: AlignCenterIconProps) => { +export const TextAlignCenterIcon = ({ color, style, ...props}: TextAlignCenterIconProps) => { const propsStyles = {"color": color}; const customStyles = {}; const styles = {...propsStyles, ...customStyles, ...style} diff --git a/libs/components/icons/src/auto-icons/align-justify/align-justify.svg b/libs/components/icons/src/auto-icons/text-align-justify/text-align-justify.svg similarity index 100% rename from libs/components/icons/src/auto-icons/align-justify/align-justify.svg rename to libs/components/icons/src/auto-icons/text-align-justify/text-align-justify.svg diff --git a/libs/components/icons/src/auto-icons/align-justify/align-justify.tsx b/libs/components/icons/src/auto-icons/text-align-justify/text-align-justify.tsx similarity index 73% rename from libs/components/icons/src/auto-icons/align-justify/align-justify.tsx rename to libs/components/icons/src/auto-icons/text-align-justify/text-align-justify.tsx index 86dfcc43e8..943d2c7fa6 100644 --- a/libs/components/icons/src/auto-icons/align-justify/align-justify.tsx +++ b/libs/components/icons/src/auto-icons/text-align-justify/text-align-justify.tsx @@ -2,11 +2,11 @@ // eslint-disable-next-line no-restricted-imports import { SvgIcon, SvgIconProps } from '@mui/material'; -export interface AlignJustifyIconProps extends Omit { +export interface TextAlignJustifyIconProps extends Omit { color?: string } -export const AlignJustifyIcon = ({ color, style, ...props}: AlignJustifyIconProps) => { +export const TextAlignJustifyIcon = ({ color, style, ...props}: TextAlignJustifyIconProps) => { const propsStyles = {"color": color}; const customStyles = {}; const styles = {...propsStyles, ...customStyles, ...style} diff --git a/libs/components/icons/src/auto-icons/align-left/align-left.svg b/libs/components/icons/src/auto-icons/text-align-left/text-align-left.svg similarity index 100% rename from libs/components/icons/src/auto-icons/align-left/align-left.svg rename to libs/components/icons/src/auto-icons/text-align-left/text-align-left.svg diff --git a/libs/components/icons/src/auto-icons/align-left/align-left.tsx b/libs/components/icons/src/auto-icons/text-align-left/text-align-left.tsx similarity index 74% rename from libs/components/icons/src/auto-icons/align-left/align-left.tsx rename to libs/components/icons/src/auto-icons/text-align-left/text-align-left.tsx index d697280cac..ea8354f8e1 100644 --- a/libs/components/icons/src/auto-icons/align-left/align-left.tsx +++ b/libs/components/icons/src/auto-icons/text-align-left/text-align-left.tsx @@ -2,11 +2,11 @@ // eslint-disable-next-line no-restricted-imports import { SvgIcon, SvgIconProps } from '@mui/material'; -export interface AlignLeftIconProps extends Omit { +export interface TextAlignLeftIconProps extends Omit { color?: string } -export const AlignLeftIcon = ({ color, style, ...props}: AlignLeftIconProps) => { +export const TextAlignLeftIcon = ({ color, style, ...props}: TextAlignLeftIconProps) => { const propsStyles = {"color": color}; const customStyles = {}; const styles = {...propsStyles, ...customStyles, ...style} diff --git a/libs/components/icons/src/auto-icons/align-right/align-right.svg b/libs/components/icons/src/auto-icons/text-align-right/text-align-right.svg similarity index 100% rename from libs/components/icons/src/auto-icons/align-right/align-right.svg rename to libs/components/icons/src/auto-icons/text-align-right/text-align-right.svg diff --git a/libs/components/icons/src/auto-icons/align-right/align-right.tsx b/libs/components/icons/src/auto-icons/text-align-right/text-align-right.tsx similarity index 73% rename from libs/components/icons/src/auto-icons/align-right/align-right.tsx rename to libs/components/icons/src/auto-icons/text-align-right/text-align-right.tsx index 759688c4ec..33aa3226b8 100644 --- a/libs/components/icons/src/auto-icons/align-right/align-right.tsx +++ b/libs/components/icons/src/auto-icons/text-align-right/text-align-right.tsx @@ -2,11 +2,11 @@ // eslint-disable-next-line no-restricted-imports import { SvgIcon, SvgIconProps } from '@mui/material'; -export interface AlignRightIconProps extends Omit { +export interface TextAlignRightIconProps extends Omit { color?: string } -export const AlignRightIcon = ({ color, style, ...props}: AlignRightIconProps) => { +export const TextAlignRightIcon = ({ color, style, ...props}: TextAlignRightIconProps) => { const propsStyles = {"color": color}; const customStyles = {}; const styles = {...propsStyles, ...customStyles, ...style}