add notifications list component

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

@@ -54,6 +54,7 @@ export const Icons = () => (
     <IconBox IconCmpt={Icon.ArrowUp} text="ArrowUp" />
     <IconBox IconCmpt={Icon.ArrowsIn} text="ArrowsIn" />
     <IconBox IconCmpt={Icon.ArrowsOut} text="ArrowsOut" />
+    <IconBox IconCmpt={Icon.BellRinging} text="BellRinging" />
     <IconBox IconCmpt={Icon.BookOpenText} text="BookOpenText" />
     <IconBox IconCmpt={Icon.Bots} text="Bots" />
     <IconBox IconCmpt={Icon.Broadcast} text="Broadcast" />

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

@@ -0,0 +1,70 @@
+/**
+ * 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 React from 'react';
+
+import { Icon, IconProps } from '../Icon';
+
+/*
+
+THIS FILE IS GENERATED. DO NOT EDIT.
+
+*/
+
+export function BellRinging({ size = 24, color, ...otherProps }: IconProps) {
+  return (
+    <Icon
+      size={size}
+      color={color}
+      className="icon icon-bellringing"
+      {...otherProps}
+    >
+      <path d="M17.6535 1.61784C17.3043 1.39503 16.8406 1.49748 16.6178 1.84667C16.395 2.19586 16.4975 2.65955 16.8467 2.88235C18.1822 3.73448 19.2653 4.9284 19.9839 6.34027C20.1717 6.70942 20.6233 6.85638 20.9925 6.66851C21.3616 6.48064 21.5086 6.02908 21.3207 5.65992C20.4808 4.00954 19.2146 2.61393 17.6535 1.61784Z" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.32575 18.75H4.49537C4.23284 18.7484 3.97531 18.6779 3.74853 18.5457C3.52176 18.4134 3.33368 18.2239 3.2031 17.9961C3.07251 17.7683 3.004 17.5103 3.0044 17.2477C3.0048 16.9852 3.0741 16.7274 3.20537 16.5C3.75374 15.5514 4.49988 13.7325 4.49988 10.5C4.49988 8.51088 5.29006 6.60322 6.69658 5.1967C8.1031 3.79018 10.0108 3 11.9999 3C13.989 3 15.8967 3.79018 17.3032 5.1967C18.7097 6.60322 19.4999 8.51088 19.4999 10.5C19.4999 13.7333 20.2467 15.5507 20.7958 16.4992C20.9273 16.7269 20.997 16.9858 20.9972 17.2487C20.9975 17.5115 20.9286 17.7698 20.7976 17.9977C20.6666 18.2256 20.478 18.415 20.2507 18.5471C20.0234 18.6791 19.7654 18.7491 19.5025 18.75L19.4999 18.75H15.6742C15.5283 19.4651 15.1754 20.1279 14.6516 20.6516C13.9484 21.3549 12.9946 21.75 12 21.75C11.0054 21.75 10.0516 21.3549 9.34835 20.6516C8.82456 20.1279 8.47173 19.4651 8.32575 18.75ZM9.00162 17.25L9 17.25L8.99838 17.25L4.5044 17.25C5.19161 16.0611 5.99988 13.9815 5.99988 10.5C5.99988 8.9087 6.63202 7.38258 7.75724 6.25736C8.88246 5.13214 10.4086 4.5 11.9999 4.5C13.5912 4.5 15.1173 5.13214 16.2425 6.25736C17.3677 7.38258 17.9999 8.9087 17.9999 10.5C17.9999 13.9822 18.809 16.0609 19.4972 17.25L15.0025 17.25L15 17.25L14.9975 17.25L9.00162 17.25ZM14.1213 18.75C14.0105 19.0634 13.8305 19.3514 13.591 19.591C13.169 20.0129 12.5967 20.25 12 20.25C11.4033 20.25 10.831 20.0129 10.409 19.591C10.1695 19.3514 9.9895 19.0634 9.87868 18.75H14.1213Z"
+      />
+      <path d="M7.38226 1.84667C7.60507 2.19586 7.50261 2.65955 7.15343 2.88235C5.81794 3.73448 4.73476 4.9284 4.01623 6.34027C3.82836 6.70942 3.3768 6.85638 3.00764 6.66851C2.63849 6.48064 2.49153 6.02908 2.6794 5.65992C3.51931 4.00954 4.78548 2.61393 6.34658 1.61784C6.69577 1.39503 7.15946 1.49748 7.38226 1.84667Z" />
+    </Icon>
+  );
+}

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

@@ -42,6 +42,7 @@ export { ArrowRight } from './Icons/ArrowRight';
 export { ArrowUp } from './Icons/ArrowUp';
 export { ArrowsIn } from './Icons/ArrowsIn';
 export { ArrowsOut } from './Icons/ArrowsOut';
+export { BellRinging } from './Icons/BellRinging';
 export { BookOpenText } from './Icons/BookOpenText';
 export { Bots } from './Icons/Bots';
 export { Broadcast } from './Icons/Broadcast';

web/packages/design/src/theme/themes/sharedStyles.ts

@@ -64,7 +64,7 @@ export const sharedStyles: SharedStyles = {
   fonts: fonts,
   fontWeights,
   fontSizes,
-  radii: [0, 2, 4, 8, 16, 9999, '100%'],
+  radii: [0, 2, 4, 8, 16, 9999, '100%', 24, 36],
   regular: fontWeights.regular,
   bold: fontWeights.bold,
 };