From 43fe1d59ec84160cecb7f8e0b45a0bc6486cd84f Mon Sep 17 00:00:00 2001 From: Jared Stoffan Date: Tue, 3 Nov 2020 12:08:03 -0800 Subject: [PATCH] feat(controls): Add react versions of existing control icons (#1280) --- .../viewers/controls/icons/IconArrowDown24.tsx | 12 ++++++++++++ .../viewers/controls/icons/IconArrowUp24.tsx | 12 ++++++++++++ .../controls/icons/IconFullscreenIn24.tsx | 17 +++++++++++++++++ .../controls/icons/IconFullscreenOut24.tsx | 17 +++++++++++++++++ .../controls/icons/IconHighlightText16.tsx | 14 ++++++++++++++ .../viewers/controls/icons/IconRegion24.tsx | 14 ++++++++++++++ .../viewers/controls/icons/IconRotate24.tsx | 12 ++++++++++++ .../viewers/controls/icons/IconSearch18.tsx | 18 ++++++++++++++++++ .../controls/icons/IconThumbnailsToggle18.tsx | 15 +++++++++++++++ .../viewers/controls/icons/IconZoomIn10.tsx | 15 +++++++++++++++ .../viewers/controls/icons/IconZoomOut10.tsx | 11 +++++++++++ 11 files changed, 157 insertions(+) create mode 100644 src/lib/viewers/controls/icons/IconArrowDown24.tsx create mode 100644 src/lib/viewers/controls/icons/IconArrowUp24.tsx create mode 100644 src/lib/viewers/controls/icons/IconFullscreenIn24.tsx create mode 100644 src/lib/viewers/controls/icons/IconFullscreenOut24.tsx create mode 100644 src/lib/viewers/controls/icons/IconHighlightText16.tsx create mode 100644 src/lib/viewers/controls/icons/IconRegion24.tsx create mode 100644 src/lib/viewers/controls/icons/IconRotate24.tsx create mode 100644 src/lib/viewers/controls/icons/IconSearch18.tsx create mode 100644 src/lib/viewers/controls/icons/IconThumbnailsToggle18.tsx create mode 100644 src/lib/viewers/controls/icons/IconZoomIn10.tsx create mode 100644 src/lib/viewers/controls/icons/IconZoomOut10.tsx diff --git a/src/lib/viewers/controls/icons/IconArrowDown24.tsx b/src/lib/viewers/controls/icons/IconArrowDown24.tsx new file mode 100644 index 000000000..ed78a9dbd --- /dev/null +++ b/src/lib/viewers/controls/icons/IconArrowDown24.tsx @@ -0,0 +1,12 @@ +import * as React from 'react'; + +function IconArrowDown24(props: React.SVGProps): JSX.Element { + return ( + + + + + ); +} + +export default IconArrowDown24; diff --git a/src/lib/viewers/controls/icons/IconArrowUp24.tsx b/src/lib/viewers/controls/icons/IconArrowUp24.tsx new file mode 100644 index 000000000..b55297d49 --- /dev/null +++ b/src/lib/viewers/controls/icons/IconArrowUp24.tsx @@ -0,0 +1,12 @@ +import * as React from 'react'; + +function IconArrowUp24(props: React.SVGProps): JSX.Element { + return ( + + + + + ); +} + +export default IconArrowUp24; diff --git a/src/lib/viewers/controls/icons/IconFullscreenIn24.tsx b/src/lib/viewers/controls/icons/IconFullscreenIn24.tsx new file mode 100644 index 000000000..484d71bd2 --- /dev/null +++ b/src/lib/viewers/controls/icons/IconFullscreenIn24.tsx @@ -0,0 +1,17 @@ +import * as React from 'react'; + +function IconFullscreenIn24(props: React.SVGProps): JSX.Element { + return ( + + + + + + + ); +} + +export default IconFullscreenIn24; diff --git a/src/lib/viewers/controls/icons/IconFullscreenOut24.tsx b/src/lib/viewers/controls/icons/IconFullscreenOut24.tsx new file mode 100644 index 000000000..b09d52eeb --- /dev/null +++ b/src/lib/viewers/controls/icons/IconFullscreenOut24.tsx @@ -0,0 +1,17 @@ +import * as React from 'react'; + +function IconFullscreenOut24(props: React.SVGProps): JSX.Element { + return ( + + + + + + + ); +} + +export default IconFullscreenOut24; diff --git a/src/lib/viewers/controls/icons/IconHighlightText16.tsx b/src/lib/viewers/controls/icons/IconHighlightText16.tsx new file mode 100644 index 000000000..39df24190 --- /dev/null +++ b/src/lib/viewers/controls/icons/IconHighlightText16.tsx @@ -0,0 +1,14 @@ +import * as React from 'react'; + +function IconHighlightText(props: React.SVGProps): JSX.Element { + return ( + + + + ); +} + +export default IconHighlightText; diff --git a/src/lib/viewers/controls/icons/IconRegion24.tsx b/src/lib/viewers/controls/icons/IconRegion24.tsx new file mode 100644 index 000000000..a82242fdc --- /dev/null +++ b/src/lib/viewers/controls/icons/IconRegion24.tsx @@ -0,0 +1,14 @@ +import * as React from 'react'; + +function IconRegion(props: React.SVGProps): JSX.Element { + return ( + + + + ); +} + +export default IconRegion; diff --git a/src/lib/viewers/controls/icons/IconRotate24.tsx b/src/lib/viewers/controls/icons/IconRotate24.tsx new file mode 100644 index 000000000..0f37b5ae1 --- /dev/null +++ b/src/lib/viewers/controls/icons/IconRotate24.tsx @@ -0,0 +1,12 @@ +import * as React from 'react'; + +function IconRotate24(props: React.SVGProps): JSX.Element { + return ( + + + + + ); +} + +export default IconRotate24; diff --git a/src/lib/viewers/controls/icons/IconSearch18.tsx b/src/lib/viewers/controls/icons/IconSearch18.tsx new file mode 100644 index 000000000..5489f8b99 --- /dev/null +++ b/src/lib/viewers/controls/icons/IconSearch18.tsx @@ -0,0 +1,18 @@ +import * as React from 'react'; + +function IconSearch(props: React.SVGProps): JSX.Element { + return ( + + + + + + + ); +} + +export default IconSearch; diff --git a/src/lib/viewers/controls/icons/IconThumbnailsToggle18.tsx b/src/lib/viewers/controls/icons/IconThumbnailsToggle18.tsx new file mode 100644 index 000000000..bf0c3127b --- /dev/null +++ b/src/lib/viewers/controls/icons/IconThumbnailsToggle18.tsx @@ -0,0 +1,15 @@ +import * as React from 'react'; + +function IconThumbnailsToggle(props: React.SVGProps): JSX.Element { + return ( + + + + + ); +} + +export default IconThumbnailsToggle; diff --git a/src/lib/viewers/controls/icons/IconZoomIn10.tsx b/src/lib/viewers/controls/icons/IconZoomIn10.tsx new file mode 100644 index 000000000..11e87f92a --- /dev/null +++ b/src/lib/viewers/controls/icons/IconZoomIn10.tsx @@ -0,0 +1,15 @@ +import * as React from 'react'; + +function IconZoomIn(props: React.SVGProps): JSX.Element { + return ( + + + + ); +} + +export default IconZoomIn; diff --git a/src/lib/viewers/controls/icons/IconZoomOut10.tsx b/src/lib/viewers/controls/icons/IconZoomOut10.tsx new file mode 100644 index 000000000..87a6a9a96 --- /dev/null +++ b/src/lib/viewers/controls/icons/IconZoomOut10.tsx @@ -0,0 +1,11 @@ +import * as React from 'react'; + +function IconZoomOut(props: React.SVGProps): JSX.Element { + return ( + + + + ); +} + +export default IconZoomOut;