From d6f1ed7be473ec880cb71ae57d2905eb619fa53e Mon Sep 17 00:00:00 2001 From: GARY121github Date: Fri, 21 Feb 2025 20:52:49 +0530 Subject: [PATCH 1/2] feat: added new icon components Signed-off-by: GARY121github --- src/icons/CaretDown/CaretDownIcon.tsx | 33 +++++++++++++++++++ src/icons/CaretDown/index.ts | 1 + src/icons/Database/DatabaseIcon.tsx | 33 +++++++++++++++++++ src/icons/Database/index.ts | 1 + src/icons/File/FileIcon.tsx | 33 +++++++++++++++++++ src/icons/File/index.ts | 1 + src/icons/Mendeley/MendeleyIcon.tsx | 33 +++++++++++++++++++ src/icons/Mendeley/index.ts | 1 + src/icons/Poll/PollIcon.tsx | 33 +++++++++++++++++++ src/icons/Poll/index.ts | 1 + .../TachographDigitalIcon.tsx | 33 +++++++++++++++++++ src/icons/TachographDigital/index.ts | 1 + src/icons/Tachometer/TachometerIcon.tsx | 33 +++++++++++++++++++ src/icons/Tachometer/index.ts | 1 + src/icons/index.ts | 7 ++++ 15 files changed, 245 insertions(+) create mode 100644 src/icons/CaretDown/CaretDownIcon.tsx create mode 100644 src/icons/CaretDown/index.ts create mode 100644 src/icons/Database/DatabaseIcon.tsx create mode 100644 src/icons/Database/index.ts create mode 100644 src/icons/File/FileIcon.tsx create mode 100644 src/icons/File/index.ts create mode 100644 src/icons/Mendeley/MendeleyIcon.tsx create mode 100644 src/icons/Mendeley/index.ts create mode 100644 src/icons/Poll/PollIcon.tsx create mode 100644 src/icons/Poll/index.ts create mode 100644 src/icons/TachographDigital/TachographDigitalIcon.tsx create mode 100644 src/icons/TachographDigital/index.ts create mode 100644 src/icons/Tachometer/TachometerIcon.tsx create mode 100644 src/icons/Tachometer/index.ts diff --git a/src/icons/CaretDown/CaretDownIcon.tsx b/src/icons/CaretDown/CaretDownIcon.tsx new file mode 100644 index 00000000..262599a4 --- /dev/null +++ b/src/icons/CaretDown/CaretDownIcon.tsx @@ -0,0 +1,33 @@ +import { + DEFAULT_FILL_NONE, + DEFAULT_HEIGHT, + DEFAULT_STROKE, + DEFAULT_WIDTH +} from '../../constants/constants'; +import { IconProps } from '../types'; + +export const CaretDownIcon = ({ + width = DEFAULT_WIDTH, + height = DEFAULT_HEIGHT, + fill = DEFAULT_FILL_NONE, + stroke = DEFAULT_STROKE, + ...props +}: IconProps): JSX.Element => { + return ( + + + + ); +}; + +export default CaretDownIcon; diff --git a/src/icons/CaretDown/index.ts b/src/icons/CaretDown/index.ts new file mode 100644 index 00000000..11fa7e5a --- /dev/null +++ b/src/icons/CaretDown/index.ts @@ -0,0 +1 @@ +export { default as CaretDownIcon } from './CaretDownIcon'; diff --git a/src/icons/Database/DatabaseIcon.tsx b/src/icons/Database/DatabaseIcon.tsx new file mode 100644 index 00000000..ce9c2ee9 --- /dev/null +++ b/src/icons/Database/DatabaseIcon.tsx @@ -0,0 +1,33 @@ +import { + DEFAULT_FILL_NONE, + DEFAULT_HEIGHT, + DEFAULT_STROKE, + DEFAULT_WIDTH +} from '../../constants/constants'; +import { IconProps } from '../types'; + +export const DatabaseIcon = ({ + width = DEFAULT_WIDTH, + height = DEFAULT_HEIGHT, + fill = DEFAULT_FILL_NONE, + stroke = DEFAULT_STROKE, + ...props +}: IconProps): JSX.Element => { + return ( + + + + ); +}; + +export default DatabaseIcon; diff --git a/src/icons/Database/index.ts b/src/icons/Database/index.ts new file mode 100644 index 00000000..0fe2cc7a --- /dev/null +++ b/src/icons/Database/index.ts @@ -0,0 +1 @@ +export { default as DatabaseIcon } from './DatabaseIcon'; diff --git a/src/icons/File/FileIcon.tsx b/src/icons/File/FileIcon.tsx new file mode 100644 index 00000000..8b622d0e --- /dev/null +++ b/src/icons/File/FileIcon.tsx @@ -0,0 +1,33 @@ +import { + DEFAULT_FILL_NONE, + DEFAULT_HEIGHT, + DEFAULT_STROKE, + DEFAULT_WIDTH +} from '../../constants/constants'; +import { IconProps } from '../types'; + +export const FileIcon = ({ + width = DEFAULT_WIDTH, + height = DEFAULT_HEIGHT, + fill = DEFAULT_FILL_NONE, + stroke = DEFAULT_STROKE, + ...props +}: IconProps): JSX.Element => { + return ( + + + + ); +}; + +export default FileIcon; diff --git a/src/icons/File/index.ts b/src/icons/File/index.ts new file mode 100644 index 00000000..8466f3ea --- /dev/null +++ b/src/icons/File/index.ts @@ -0,0 +1 @@ +export { default as FileIcon } from './FileIcon'; diff --git a/src/icons/Mendeley/MendeleyIcon.tsx b/src/icons/Mendeley/MendeleyIcon.tsx new file mode 100644 index 00000000..809cc72c --- /dev/null +++ b/src/icons/Mendeley/MendeleyIcon.tsx @@ -0,0 +1,33 @@ +import { + DEFAULT_FILL_NONE, + DEFAULT_HEIGHT, + DEFAULT_STROKE, + DEFAULT_WIDTH +} from '../../constants/constants'; +import { IconProps } from '../types'; + +export const MendeleyIcon = ({ + width = DEFAULT_WIDTH, + height = DEFAULT_HEIGHT, + fill = DEFAULT_FILL_NONE, + stroke = DEFAULT_STROKE, + ...props +}: IconProps): JSX.Element => { + return ( + + + + ); +}; + +export default MendeleyIcon; diff --git a/src/icons/Mendeley/index.ts b/src/icons/Mendeley/index.ts new file mode 100644 index 00000000..44d43d08 --- /dev/null +++ b/src/icons/Mendeley/index.ts @@ -0,0 +1 @@ +export { default as MendeleyIcon } from './MendeleyIcon'; diff --git a/src/icons/Poll/PollIcon.tsx b/src/icons/Poll/PollIcon.tsx new file mode 100644 index 00000000..68ce7d52 --- /dev/null +++ b/src/icons/Poll/PollIcon.tsx @@ -0,0 +1,33 @@ +import { + DEFAULT_FILL_NONE, + DEFAULT_HEIGHT, + DEFAULT_STROKE, + DEFAULT_WIDTH +} from '../../constants/constants'; +import { IconProps } from '../types'; + +export const PollIcon = ({ + width = DEFAULT_WIDTH, + height = DEFAULT_HEIGHT, + fill = DEFAULT_FILL_NONE, + stroke = DEFAULT_STROKE, + ...props +}: IconProps): JSX.Element => { + return ( + + + + ); +}; + +export default PollIcon; diff --git a/src/icons/Poll/index.ts b/src/icons/Poll/index.ts new file mode 100644 index 00000000..f875afed --- /dev/null +++ b/src/icons/Poll/index.ts @@ -0,0 +1 @@ +export { default as PollIcon } from './PollIcon'; diff --git a/src/icons/TachographDigital/TachographDigitalIcon.tsx b/src/icons/TachographDigital/TachographDigitalIcon.tsx new file mode 100644 index 00000000..75eb5922 --- /dev/null +++ b/src/icons/TachographDigital/TachographDigitalIcon.tsx @@ -0,0 +1,33 @@ +import { + DEFAULT_FILL_NONE, + DEFAULT_HEIGHT, + DEFAULT_STROKE, + DEFAULT_WIDTH +} from '../../constants/constants'; +import { IconProps } from '../types'; + +export const TachographDigitalIcon = ({ + width = DEFAULT_WIDTH, + height = DEFAULT_HEIGHT, + fill = DEFAULT_FILL_NONE, + stroke = DEFAULT_STROKE, + ...props +}: IconProps): JSX.Element => { + return ( + + + + ); +}; + +export default TachographDigitalIcon; diff --git a/src/icons/TachographDigital/index.ts b/src/icons/TachographDigital/index.ts new file mode 100644 index 00000000..e1f62b5b --- /dev/null +++ b/src/icons/TachographDigital/index.ts @@ -0,0 +1 @@ +export { default as TachographDigitalIcon } from './TachographDigitalIcon'; diff --git a/src/icons/Tachometer/TachometerIcon.tsx b/src/icons/Tachometer/TachometerIcon.tsx new file mode 100644 index 00000000..9366c48c --- /dev/null +++ b/src/icons/Tachometer/TachometerIcon.tsx @@ -0,0 +1,33 @@ +import { + DEFAULT_FILL_NONE, + DEFAULT_HEIGHT, + DEFAULT_STROKE, + DEFAULT_WIDTH +} from '../../constants/constants'; +import { IconProps } from '../types'; + +export const TachometerIcon = ({ + width = DEFAULT_WIDTH, + height = DEFAULT_HEIGHT, + fill = DEFAULT_FILL_NONE, + stroke = DEFAULT_STROKE, + ...props +}: IconProps): JSX.Element => { + return ( + + + + ); +}; + +export default TachometerIcon; diff --git a/src/icons/Tachometer/index.ts b/src/icons/Tachometer/index.ts new file mode 100644 index 00000000..160ce76a --- /dev/null +++ b/src/icons/Tachometer/index.ts @@ -0,0 +1 @@ +export { default as TachometerIcon } from './TachometerIcon'; diff --git a/src/icons/index.ts b/src/icons/index.ts index 3c46c886..567b1734 100644 --- a/src/icons/index.ts +++ b/src/icons/index.ts @@ -40,11 +40,13 @@ export * from './Mesh'; // export { default as ModifiedApplicationFileIcon } from "./ModifiedApplicationFileIcon"; // export { default as OriginalApplicationFileIcon } from "./OriginalApplicationFileIcon"; export * from './Calender'; +export * from './CaretDown'; export * from './Chain'; export * from './Challenges'; export * from './CheckCircle'; export * from './ChevronLeft'; export * from './ContentClassIcons'; +export * from './Database'; export * from './Deployments'; export * from './Design'; export * from './Document'; @@ -56,6 +58,7 @@ export * from './EmptyStyle'; export * from './Environment'; export * from './ExternalLink'; export * from './Feedback'; +export * from './File'; export * from './GetStarted'; export * from './Github'; export * from './Google'; @@ -71,6 +74,7 @@ export * from './LeftAngledArrow'; export * from './LeftArrow'; export * from './Lock'; export * from './Logout'; +export * from './Mendeley'; export * from './Menu'; export * from './MesheryFilter'; export * from './MesheryOperator'; @@ -81,6 +85,7 @@ export * from './PanTool'; export * from './Pattern'; export * from './Person'; export * from './Pod'; +export * from './Poll'; export * from './Public'; export * from './Publish'; export * from './Question'; @@ -101,6 +106,8 @@ export * from './SocialMedial'; export * from './Star'; export * from './Success'; export * from './TableView'; +export * from './TachographDigital'; +export * from './Tachometer'; export * from './Teams'; export * from './TerminalIcon'; export * from './Toolkit'; From 7f0a0d11b3328459d050acd3f2269cc8bb0eed4b Mon Sep 17 00:00:00 2001 From: mrmerlin320 Date: Sat, 22 Feb 2025 18:58:52 +0000 Subject: [PATCH 2/2] fix: update custom tooltip styles Signed-off-by: mrmerlin320 --- src/custom/CustomTooltip/customTooltip.tsx | 51 ++++++++++++---------- 1 file changed, 29 insertions(+), 22 deletions(-) diff --git a/src/custom/CustomTooltip/customTooltip.tsx b/src/custom/CustomTooltip/customTooltip.tsx index 22e9a843..b7395875 100644 --- a/src/custom/CustomTooltip/customTooltip.tsx +++ b/src/custom/CustomTooltip/customTooltip.tsx @@ -1,3 +1,4 @@ +import _ from 'lodash'; import React from 'react'; import { Tooltip, TooltipProps } from '../../base'; import { WHITE } from '../../theme'; @@ -11,6 +12,7 @@ type CustomTooltipProps = { fontWeight?: number; variant?: 'standard' | 'small'; bgColor?: string; + componentsProps?: TooltipProps['componentsProps']; } & Omit; function CustomTooltip({ @@ -22,34 +24,39 @@ function CustomTooltip({ fontWeight = 400, variant = 'standard', bgColor = '#141414', + componentsProps = {}, ...props }: CustomTooltipProps): JSX.Element { return ( : title} placement={placement} arrow