From 89ede471d6833b4728fa5d0524acb42eb469a850 Mon Sep 17 00:00:00 2001
From: gopienkonikita <nikita.gopienko@onlyoffice.com>
Date: Mon, 29 Jul 2019 12:30:25 +0300
Subject: [PATCH] Web: Components: Add toggle-button svgs

---
 .../src/components/icons/svg/index.js               | 13 +++++++++++++
 .../icons/svg/toggle.button.checked.react.svg       |  3 +++
 .../icons/svg/toggle.button.unchecked.react.svg     |  3 +++
 3 files changed, 19 insertions(+)
 create mode 100644 web/ASC.Web.Components/src/components/icons/svg/toggle.button.checked.react.svg
 create mode 100644 web/ASC.Web.Components/src/components/icons/svg/toggle.button.unchecked.react.svg

diff --git a/web/ASC.Web.Components/src/components/icons/svg/index.js b/web/ASC.Web.Components/src/components/icons/svg/index.js
index 420845ce44..095228ce61 100644
--- a/web/ASC.Web.Components/src/components/icons/svg/index.js
+++ b/web/ASC.Web.Components/src/components/icons/svg/index.js
@@ -144,6 +144,9 @@ import OrigInfoIcon from './info.react.svg';
 
 import OrigArrowPathIcon from './arrow.path.react.svg'
 
+import OrigToggleButtonCheckedIcon from './toggle.button.checked.react.svg';
+import OrigToggleButtonUncheckedIcon from './toggle.button.unchecked.react.svg';
+
 export const AZSortingIcon = createStyledIcon(
   OrigAZSortingIcon,
   'AZSortingIcon'
@@ -695,4 +698,14 @@ export const NavLogoOpenedIcon = createStyledIcon(
 export const ArrowPathIcon = createStyledIcon(
   OrigArrowPathIcon,
   'ArrowPathIcon'
+);
+
+export const ToggleButtonCheckedIcon = createStyledIcon(
+  OrigToggleButtonCheckedIcon,
+  'ToggleButtonCheckedIcon'
+);
+
+export const ToggleButtonUncheckedIcon = createStyledIcon(
+  OrigToggleButtonUncheckedIcon,
+  'ToggleButtonUncheckedIcon'
 );
\ No newline at end of file
diff --git a/web/ASC.Web.Components/src/components/icons/svg/toggle.button.checked.react.svg b/web/ASC.Web.Components/src/components/icons/svg/toggle.button.checked.react.svg
new file mode 100644
index 0000000000..46f5f17c8a
--- /dev/null
+++ b/web/ASC.Web.Components/src/components/icons/svg/toggle.button.checked.react.svg
@@ -0,0 +1,3 @@
+<svg width="28" height="16" viewBox="0 0 28 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="28" height="16" rx="8" fill="#2DA7DB"/>
+</svg>
diff --git a/web/ASC.Web.Components/src/components/icons/svg/toggle.button.unchecked.react.svg b/web/ASC.Web.Components/src/components/icons/svg/toggle.button.unchecked.react.svg
new file mode 100644
index 0000000000..6f2c2a1833
--- /dev/null
+++ b/web/ASC.Web.Components/src/components/icons/svg/toggle.button.unchecked.react.svg
@@ -0,0 +1,3 @@
+<svg width="28" height="16" viewBox="0 0 28 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="28" height="16" rx="8" fill="#A3A9AE"/>
+</svg>