[v17] [Web] Update Auth Connectors page design

web/packages/design/src/Icon/Icons.story.tsx

@@ -163,6 +163,7 @@ export const Icons = () => (
     <IconBox IconCmpt={Icon.MagnifyingPlus} text="MagnifyingPlus" />
     <IconBox IconCmpt={Icon.Memory} text="Memory" />
     <IconBox IconCmpt={Icon.Minus} text="Minus" />
+    <IconBox IconCmpt={Icon.MinusCircle} text="MinusCircle" />
     <IconBox IconCmpt={Icon.Moon} text="Moon" />
     <IconBox IconCmpt={Icon.MoreHoriz} text="MoreHoriz" />
     <IconBox IconCmpt={Icon.MoreVert} text="MoreVert" />
@@ -186,6 +187,7 @@ export const Icons = () => (
     <IconBox IconCmpt={Icon.Question} text="Question" />
     <IconBox IconCmpt={Icon.Refresh} text="Refresh" />
     <IconBox IconCmpt={Icon.Restore} text="Restore" />
+    <IconBox IconCmpt={Icon.RocketLaunch} text="RocketLaunch" />
     <IconBox IconCmpt={Icon.Rows} text="Rows" />
     <IconBox IconCmpt={Icon.Ruler} text="Ruler" />
     <IconBox IconCmpt={Icon.Run} text="Run" />

web/packages/design/src/Icon/Icons/MinusCircle.tsx

@@ -0,0 +1,67 @@
+/**
+ * Teleport
+ * Copyright (C) 2023  Gravitational, Inc.
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* MIT License
+
+Copyright (c) 2020 Phosphor Icons
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+*/
+
+import { Icon, IconProps } from '../Icon';
+
+/*
+
+THIS FILE IS GENERATED. DO NOT EDIT.
+
+*/
+
+export function MinusCircle({ size = 24, color, ...otherProps }: IconProps) {
+  return (
+    <Icon
+      size={size}
+      color={color}
+      className="icon icon-minuscircle"
+      {...otherProps}
+    >
+      <path d="M8.25 11.25C7.83579 11.25 7.5 11.5858 7.5 12C7.5 12.4142 7.83579 12.75 8.25 12.75H15.75C16.1642 12.75 16.5 12.4142 16.5 12C16.5 11.5858 16.1642 11.25 15.75 11.25H8.25Z" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM3.75 12C3.75 7.44365 7.44365 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 16.5563 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12Z"
+      />
+    </Icon>
+  );
+}

web/packages/design/src/Icon/Icons/RocketLaunch.tsx

@@ -0,0 +1,67 @@
+/**
+ * Teleport
+ * Copyright (C) 2023  Gravitational, Inc.
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* MIT License
+
+Copyright (c) 2020 Phosphor Icons
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+*/
+
+import { Icon, IconProps } from '../Icon';
+
+/*
+
+THIS FILE IS GENERATED. DO NOT EDIT.
+
+*/
+
+export function RocketLaunch({ size = 24, color, ...otherProps }: IconProps) {
+  return (
+    <Icon
+      size={size}
+      color={color}
+      className="icon icon-rocketlaunch"
+      {...otherProps}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M19.5807 3.01429C18.2824 2.9378 15.3527 3.08652 12.8862 5.55297L12.4392 6H6.97031C6.57302 6.00018 6.19138 6.15827 5.91029 6.43904L2.6894 9.65994C2.49275 9.85701 2.35484 10.1049 2.29108 10.3759C2.22733 10.6469 2.24025 10.9303 2.32841 11.1944C2.41656 11.4585 2.57647 11.6928 2.79023 11.8712C3.00399 12.0495 3.26318 12.1649 3.53877 12.2043L3.54131 12.2047L7.14755 12.7081L11.292 16.8526L11.7954 20.4587L11.7958 20.4612C11.8352 20.7368 11.9506 20.996 12.1289 21.2098C12.3073 21.4235 12.5416 21.5834 12.8057 21.6716C13.0698 21.7597 13.3532 21.7727 13.6242 21.7089C13.8952 21.6452 14.1437 21.5067 14.3407 21.31L17.5613 18.0894C17.8421 17.8083 17.9999 17.427 18.0001 17.0297V11.5604L18.4469 11.1136C20.9114 8.64915 21.0621 5.71765 20.9856 4.41919L20.9853 4.41516C20.9619 4.05137 20.8069 3.70855 20.5491 3.45078C20.2913 3.19301 19.9485 3.03793 19.5847 3.01453L19.5807 3.01429ZM16.5001 13.0604L12.7945 16.766L13.2807 20.2488L16.5001 17.0293V13.0604ZM13.2887 7.27184C13.2832 7.27754 13.2775 7.28316 13.2718 7.28869L8.56066 11.9999L12 15.4392L17.3862 10.053C19.4192 8.01997 19.552 5.60181 19.4884 4.51145C18.3979 4.44787 15.9817 4.57885 13.9469 6.61363L13.2887 7.27184ZM6.97066 7.5L10.9392 7.5L7.23365 11.2055L3.75122 10.7194L6.97066 7.5Z"
+      />
+      <path d="M6.93916 15.7259C7.33668 15.6224 7.57746 15.2177 7.47761 14.8183C7.37715 14.4164 6.96994 14.1721 6.5681 14.2726L6.75 15.0002C6.5681 14.2726 6.56758 14.2727 6.56706 14.2728L6.56595 14.2731L6.56352 14.2737L6.55781 14.2752L6.54307 14.2792C6.53179 14.2823 6.51764 14.2863 6.5008 14.2913C6.46713 14.3014 6.42262 14.3157 6.36884 14.3349C6.2614 14.3733 6.11615 14.4317 5.94584 14.5169C5.60552 14.687 5.16113 14.9659 4.71967 15.4073C3.81982 16.3072 3 17.8147 3 20.2502C3 20.6644 3.33579 21.0002 3.75 21.0002C6.18552 21.0002 7.69298 20.1804 8.59283 19.2805C9.03429 18.839 9.31316 18.3947 9.48332 18.0543C9.56847 17.884 9.62692 17.7388 9.66529 17.6313C9.6845 17.5776 9.69875 17.533 9.70885 17.4994C9.7139 17.4825 9.71792 17.4684 9.72101 17.4571L9.72497 17.4424L9.72645 17.4367L9.72707 17.4342L9.72735 17.4331C9.72748 17.4326 9.72761 17.4321 9 17.2502L9.72761 17.4321C9.82807 17.0302 9.58375 16.623 9.1819 16.5226C8.78248 16.4227 8.37777 16.6635 8.27424 17.061L8.27211 17.0684C8.26903 17.0786 8.26277 17.0986 8.25268 17.1268C8.23246 17.1834 8.19715 17.2726 8.14168 17.3835C8.03059 17.6057 7.84071 17.9113 7.53217 18.2198C7.01303 18.739 6.10675 19.318 4.53531 19.4649C4.68217 17.8934 5.26119 16.9871 5.78033 16.468C6.08887 16.1595 6.39448 15.9696 6.61666 15.8585C6.7276 15.803 6.81673 15.7677 6.87335 15.7475C6.9016 15.7374 6.92154 15.7312 6.93182 15.7281L6.93916 15.7259Z" />
+    </Icon>
+  );
+}

web/packages/design/src/Icon/index.ts

@@ -149,6 +149,7 @@ export { MagnifyingMinus } from './Icons/MagnifyingMinus';
 export { MagnifyingPlus } from './Icons/MagnifyingPlus';
 export { Memory } from './Icons/Memory';
 export { Minus } from './Icons/Minus';
+export { MinusCircle } from './Icons/MinusCircle';
 export { Moon } from './Icons/Moon';
 export { MoreHoriz } from './Icons/MoreHoriz';
 export { MoreVert } from './Icons/MoreVert';
@@ -172,6 +173,7 @@ export { PushPinFilled } from './Icons/PushPinFilled';
 export { Question } from './Icons/Question';
 export { Refresh } from './Icons/Refresh';
 export { Restore } from './Icons/Restore';
+export { RocketLaunch } from './Icons/RocketLaunch';
 export { Rows } from './Icons/Rows';
 export { Ruler } from './Icons/Ruler';
 export { Run } from './Icons/Run';

web/packages/design/src/Icon/script/IconTemplate.txt

@@ -40,8 +40,6 @@ SOFTWARE.
 
 */
 
-import React from 'react';
-
 import { Icon, IconProps } from '../Icon';
 
 /*

web/packages/design/src/ResourceIcon/icons.ts

@@ -211,6 +211,7 @@ import notion from './assets/notion.svg';
 import oasisopen from './assets/oasisopen.svg';
 import oktaDark from './assets/okta-dark.svg';
 import oktaLight from './assets/okta-light.svg';
+import oktaAlt from './assets/okta-alt.svg';
 import onehundredonedomain from './assets/onehundredonedomain.svg';
 import oneloginDark from './assets/onelogin-dark.svg';
 import oneloginLight from './assets/onelogin-light.svg';
@@ -499,6 +500,7 @@ export {
   oasisopen,
   oktaDark,
   oktaLight,
+  oktaAlt,
   onehundredonedomain,
   oneloginDark,
   oneloginLight,

web/packages/design/src/ResourceIcon/resourceIconSpecs.ts

@@ -196,6 +196,7 @@ export const resourceIconSpecs = {
 
   oasisopen: forAllThemes(i.oasisopen),
   okta: { dark: i.oktaDark, light: i.oktaLight },
+  oktaAlt: forAllThemes(i.oktaAlt),
   '101domain': forAllThemes(i.onehundredonedomain),
   onelogin: { dark: i.oneloginDark, light: i.oneloginLight },
   '1password': { dark: i.onepasswordDark, light: i.onepasswordLight },