@hellobetterdigitalnz/selwynui 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.storybook/main.ts +19 -0
- package/.storybook/preview.tsx +55 -0
- package/.storybook/vitest.setup.ts +7 -0
- package/README.md +73 -0
- package/eslint.config.js +29 -0
- package/index.html +13 -0
- package/package.json +63 -0
- package/public/img/card-one.png +0 -0
- package/public/img/card-three.png +0 -0
- package/public/img/card-two.png +0 -0
- package/public/img/footer-bg-design.svg +14 -0
- package/public/img/footer-logo.svg +9 -0
- package/public/img/promo-banner-image.svg +9 -0
- package/public/img/visit-brand-piller.svg +6 -0
- package/public/img/waikirikiri-full-logo.svg +23 -0
- package/public/vite.svg +1 -0
- package/src/App.tsx +8 -0
- package/src/Components/DataDisplay/DetailsCard/DetailsCard.stories.tsx +39 -0
- package/src/Components/DataDisplay/DetailsCard/DetailsCard.tsx +87 -0
- package/src/Components/DataDisplay/DetailsCard/DetailsCardProps.tsx +12 -0
- package/src/Components/DataDisplay/DetailsCard/detailsCard.module.scss +123 -0
- package/src/Components/DataDisplay/ImageContent/ImageContent.stories.tsx +150 -0
- package/src/Components/DataDisplay/ImageContent/ImageContent.tsx +118 -0
- package/src/Components/DataDisplay/ImageContent/ImageContentMaskingImages.tsx +334 -0
- package/src/Components/DataDisplay/ImageContent/ImageContentProps.tsx +42 -0
- package/src/Components/DataDisplay/ImageContent/imageContent.module.scss +278 -0
- package/src/Components/DataDisplay/IntroBlock/IntroBlock.stories.tsx +37 -0
- package/src/Components/DataDisplay/IntroBlock/IntroBlock.tsx +37 -0
- package/src/Components/DataDisplay/IntroBlock/IntroBlockProps.tsx +10 -0
- package/src/Components/DataDisplay/IntroBlock/introBlock.module.scss +33 -0
- package/src/Components/DataDisplay/KPIBlock/KPIBlock.stories.tsx +114 -0
- package/src/Components/DataDisplay/KPIBlock/KPIBlock.tsx +35 -0
- package/src/Components/DataDisplay/KPIBlock/KPIBlockProps.tsx +13 -0
- package/src/Components/DataDisplay/KPIBlock/kpiBlock.module.scss +73 -0
- package/src/Components/DataDisplay/Pathway/Pathway.stories.tsx +27 -0
- package/src/Components/DataDisplay/Pathway/Pathway.tsx +83 -0
- package/src/Components/DataDisplay/Pathway/PathwayProps.tsx +17 -0
- package/src/Components/DataDisplay/Pathway/pathway.module.scss +124 -0
- package/src/Components/DataDisplay/PromoBannerBlock/PromoBanner.stories.tsx +45 -0
- package/src/Components/DataDisplay/PromoBannerBlock/PromoBannerBlock.tsx +74 -0
- package/src/Components/DataDisplay/PromoBannerBlock/PromoBannerBlockProps.tsx +16 -0
- package/src/Components/DataDisplay/PromoBannerBlock/promo-banner-bg-design.tsx +14 -0
- package/src/Components/DataDisplay/PromoBannerBlock/promoBanner.module.scss +172 -0
- package/src/Components/DataDisplay/index.ts +19 -0
- package/src/Components/Form/Button/Button.stories.tsx +42 -0
- package/src/Components/Form/Button/Button.tsx +69 -0
- package/src/Components/Form/Button/ButtonProps.tsx +16 -0
- package/src/Components/Form/Button/button.module.scss +132 -0
- package/src/Components/Form/index.ts +2 -0
- package/src/Components/Icons/Arrows/ArrowLeft/ArrowLeft.tsx +49 -0
- package/src/Components/Icons/Arrows/ArrowRight/ArrowRight.tsx +47 -0
- package/src/Components/Icons/Arrows/ArrowSquareOut/ArrowSquareOut.tsx +48 -0
- package/src/Components/Icons/Arrows/ArrowsDownUp/ArrowsDownUp.tsx +49 -0
- package/src/Components/Icons/Arrows/ArrowsOutCardinal/ArrowsOutCardinal.tsx +50 -0
- package/src/Components/Icons/Arrows/CaretCircleRight/CaretCircleRight.tsx +37 -0
- package/src/Components/Icons/Arrows/CaretDown/CaretDown.tsx +49 -0
- package/src/Components/Icons/Arrows/CaretLeft/CaretLeft.tsx +102 -0
- package/src/Components/Icons/Arrows/CaretRight/CaretRight.tsx +102 -0
- package/src/Components/Icons/Arrows/CaretUp/CaretUp.tsx +49 -0
- package/src/Components/Icons/Arrows/CaretUpDown/CaretUpDown.tsx +49 -0
- package/src/Components/Icons/Brands/FacebookLogo/FacebookLogo.tsx +35 -0
- package/src/Components/Icons/Brands/InstagramLogo/InstagramLogo.tsx +35 -0
- package/src/Components/Icons/Brands/LinkedinLogo/LinkedinLogo.tsx +35 -0
- package/src/Components/Icons/Brands/WindowsLogo/WindowsLogo.tsx +105 -0
- package/src/Components/Icons/Commerce/Backpack/Backpack.tsx +54 -0
- package/src/Components/Icons/Commerce/BowlSteam/BowlSteam.tsx +34 -0
- package/src/Components/Icons/Commerce/Bread/Bread.tsx +34 -0
- package/src/Components/Icons/Commerce/Cheers/Cheers.tsx +34 -0
- package/src/Components/Icons/Commerce/ChefHat/ChefHat.tsx +34 -0
- package/src/Components/Icons/Commerce/Coffee/Coffee.tsx +54 -0
- package/src/Components/Icons/Commerce/CreditCard/CreditCard.tsx +54 -0
- package/src/Components/Icons/Commerce/CurrencyDollarSimple/CurrencyDollarSimple.tsx +105 -0
- package/src/Components/Icons/Commerce/Grains/Grains.tsx +54 -0
- package/src/Components/Icons/Commerce/Scale/Scale.tsx +61 -0
- package/src/Components/Icons/Commerce/StoreFront/StoreFront.tsx +54 -0
- package/src/Components/Icons/Communication/AddressBook/AddressBook.stories.ts +28 -0
- package/src/Components/Icons/Communication/AddressBook/AddressBook.tsx +50 -0
- package/src/Components/Icons/Communication/AsterickSimple/AsteriskSimple.stories.ts +28 -0
- package/src/Components/Icons/Communication/AsterickSimple/AsteriskSimple.tsx +49 -0
- package/src/Components/Icons/Communication/Asterisk/Asterisk.stories.ts +28 -0
- package/src/Components/Icons/Communication/Asterisk/Asterisk.tsx +50 -0
- package/src/Components/Icons/Communication/At/At.stories.ts +28 -0
- package/src/Components/Icons/Communication/At/At.tsx +49 -0
- package/src/Components/Icons/Communication/Broadcast/Broadcast.stories.ts +27 -0
- package/src/Components/Icons/Communication/Broadcast/Broadcast.tsx +49 -0
- package/src/Components/Icons/Communication/Chat/Chat.stories.ts +28 -0
- package/src/Components/Icons/Communication/Chat/Chat.tsx +49 -0
- package/src/Components/Icons/Communication/ChatCircleText/ChatCircleText.tsx +87 -0
- package/src/Components/Icons/Communication/EnvelopeSimple/EnvelopeSimple.tsx +52 -0
- package/src/Components/Icons/Communication/Export/Export.tsx +52 -0
- package/src/Components/Icons/Communication/Phone/Phone.tsx +54 -0
- package/src/Components/Icons/Communication/ThumbsUp/ThumbsUp.tsx +47 -0
- package/src/Components/Icons/Communication/Translate/Translate.tsx +51 -0
- package/src/Components/Icons/Design/DropHalfBottom/DropHalfBottom.tsx +37 -0
- package/src/Components/Icons/Design/Eye/Eye.tsx +105 -0
- package/src/Components/Icons/Design/EyeSlash/EyeSlash.tsx +105 -0
- package/src/Components/Icons/Design/GearFine/GearFine.tsx +105 -0
- package/src/Components/Icons/Design/PencilLine/PencilLine.tsx +63 -0
- package/src/Components/Icons/Design/PencilSimple/PencilSimple.tsx +63 -0
- package/src/Components/Icons/Design/Ruler/Ruler.tsx +63 -0
- package/src/Components/Icons/Design/SquaresFour/SquaresFour.tsx +54 -0
- package/src/Components/Icons/Education/BookOpenText/BookOpenText.tsx +63 -0
- package/src/Components/Icons/Education/BookmarkSimple/BookmarkSimple.tsx +44 -0
- package/src/Components/Icons/Education/Certificate/Certificate.tsx +56 -0
- package/src/Components/Icons/Education/GraduationCap/GraduationCap.tsx +105 -0
- package/src/Components/Icons/Games/Cricket/Cricket.tsx +23 -0
- package/src/Components/Icons/Games/Football/Football.tsx +47 -0
- package/src/Components/Icons/Games/Golf/Golf.tsx +34 -0
- package/src/Components/Icons/HealthAndWellness/Barbell/Barbell.tsx +36 -0
- package/src/Components/Icons/IconProps.tsx +5 -0
- package/src/Components/Icons/MapAndTravel/Barn/Barn.tsx +34 -0
- package/src/Components/Icons/MapAndTravel/Bicycle/Bicycle.tsx +54 -0
- package/src/Components/Icons/MapAndTravel/Bus/Bus.tsx +54 -0
- package/src/Components/Icons/MapAndTravel/Car/Car.tsx +54 -0
- package/src/Components/Icons/MapAndTravel/ChargingStation/ChargingStation.tsx +54 -0
- package/src/Components/Icons/MapAndTravel/Farm/Farm.tsx +34 -0
- package/src/Components/Icons/MapAndTravel/Globe/Globe.tsx +61 -0
- package/src/Components/Icons/MapAndTravel/Goggles/Goggles.tsx +47 -0
- package/src/Components/Icons/MapAndTravel/House/House.tsx +61 -0
- package/src/Components/Icons/MapAndTravel/HouseSimple/HouseSimple.tsx +61 -0
- package/src/Components/Icons/MapAndTravel/MapPin/MapPin.tsx +53 -0
- package/src/Components/Icons/MapAndTravel/MapTriFold/MapTriFold.tsx +59 -0
- package/src/Components/Icons/MapAndTravel/Path/Path.tsx +35 -0
- package/src/Components/Icons/MapAndTravel/RoadHorizon/RoadHorizon.tsx +35 -0
- package/src/Components/Icons/MapAndTravel/SteeringWheel/SteeringWheel.tsx +61 -0
- package/src/Components/Icons/MapAndTravel/SwimmingPool/SwimmingPool.tsx +36 -0
- package/src/Components/Icons/MapAndTravel/Tram/Tram.tsx +35 -0
- package/src/Components/Icons/MapAndTravel/Van/Van.tsx +60 -0
- package/src/Components/Icons/MathsAndFinance/Calculator/Calculator.tsx +59 -0
- package/src/Components/Icons/MathsAndFinance/ChartBar/ChartBar.tsx +59 -0
- package/src/Components/Icons/MathsAndFinance/ChartBarHorizontal/ChartBarHorizontal.tsx +52 -0
- package/src/Components/Icons/MathsAndFinance/ChartLine/ChartLine.tsx +53 -0
- package/src/Components/Icons/MathsAndFinance/ChartLineUp/ChartLineUp.tsx +47 -0
- package/src/Components/Icons/MathsAndFinance/ChartPie/ChartPie.tsx +54 -0
- package/src/Components/Icons/MathsAndFinance/Minus/Minus.tsx +49 -0
- package/src/Components/Icons/MathsAndFinance/MinusCircle/MinusCircle.tsx +44 -0
- package/src/Components/Icons/MathsAndFinance/NumberSquareThree/NumberSquareThree.tsx +63 -0
- package/src/Components/Icons/MathsAndFinance/Plus/Plus.tsx +63 -0
- package/src/Components/Icons/MathsAndFinance/PlusCircle/PlusCircle.tsx +51 -0
- package/src/Components/Icons/MathsAndFinance/XIcon/XIcon.tsx +107 -0
- package/src/Components/Icons/Media/Camera/Camera.tsx +49 -0
- package/src/Components/Icons/Media/DiscoBall/DiscoBall.tsx +22 -0
- package/src/Components/Icons/Media/FilmStrip/FilmStrip.tsx +45 -0
- package/src/Components/Icons/Media/Microphone/Microphone.tsx +94 -0
- package/src/Components/Icons/Media/MusicNotes/MusicNotes.tsx +42 -0
- package/src/Components/Icons/Media/PlayCircle/PlayCircle.tsx +49 -0
- package/src/Components/Icons/Media/SlidersHorizontal/SlidersHorizontal.tsx +49 -0
- package/src/Components/Icons/Media/StopCircle/StopCircle.tsx +50 -0
- package/src/Components/Icons/Media/VideoCamera/VideoCamera.tsx +105 -0
- package/src/Components/Icons/OfficeAndEditing/BuildinfOffice/BuildingOffice.tsx +22 -0
- package/src/Components/Icons/OfficeAndEditing/Copy/Copy.tsx +47 -0
- package/src/Components/Icons/OfficeAndEditing/FileText/FileText.tsx +35 -0
- package/src/Components/Icons/OfficeAndEditing/Files/Files.tsx +49 -0
- package/src/Components/Icons/OfficeAndEditing/FloppyDisk/FloppyDisk.tsx +49 -0
- package/src/Components/Icons/OfficeAndEditing/Folder/Folder.tsx +61 -0
- package/src/Components/Icons/OfficeAndEditing/FolderSimplePlus/FolderSimplePlus.tsx +35 -0
- package/src/Components/Icons/OfficeAndEditing/Folders/Folders.tsx +47 -0
- package/src/Components/Icons/OfficeAndEditing/List/List.tsx +46 -0
- package/src/Components/Icons/OfficeAndEditing/ListBullets/ListBullets.tsx +59 -0
- package/src/Components/Icons/OfficeAndEditing/ListDashes/ListDashes.tsx +59 -0
- package/src/Components/Icons/OfficeAndEditing/Printer/Printer.tsx +48 -0
- package/src/Components/Icons/OfficeAndEditing/TextAa/TextAa.tsx +63 -0
- package/src/Components/Icons/OfficeAndEditing/TextColumns/TextColumns.tsx +61 -0
- package/src/Components/Icons/OfficeAndEditing/Trash/Trash.tsx +49 -0
- package/src/Components/Icons/OfficeAndEditing/TrashSimple/TrashSimple.tsx +49 -0
- package/src/Components/Icons/People/Person/Person.tsx +35 -0
- package/src/Components/Icons/People/PersonArmsSpread/PersonArmsSpread.tsx +35 -0
- package/src/Components/Icons/People/PersonSimpleBike/PersonSimpleBike.tsx +35 -0
- package/src/Components/Icons/People/PersonSimpleSki/PersonSimpleSki.tsx +34 -0
- package/src/Components/Icons/People/PersonSimpleWalk/PersonSimpleWalk.tsx +35 -0
- package/src/Components/Icons/People/User/User.tsx +61 -0
- package/src/Components/Icons/People/UserCircle/UserCircle.tsx +61 -0
- package/src/Components/Icons/People/UserSwitch/UserSwitch.tsx +61 -0
- package/src/Components/Icons/People/Users/Users.tsx +107 -0
- package/src/Components/Icons/SecurityAndWarnings/Info/Info.tsx +54 -0
- package/src/Components/Icons/SecurityAndWarnings/Key/Key.tsx +54 -0
- package/src/Components/Icons/SecurityAndWarnings/LockKeyOpen/LockKeyOpen.tsx +54 -0
- package/src/Components/Icons/SecurityAndWarnings/LockSimple/LockSimple.tsx +61 -0
- package/src/Components/Icons/SecurityAndWarnings/Question/Question.tsx +53 -0
- package/src/Components/Icons/SecurityAndWarnings/ShieldCheck/ShieldCheck.tsx +89 -0
- package/src/Components/Icons/SecurityAndWarnings/WarningCircle/WarningCircle.tsx +105 -0
- package/src/Components/Icons/SystemAndDevice/Bell/Bell.tsx +49 -0
- package/src/Components/Icons/SystemAndDevice/Check/Check.tsx +49 -0
- package/src/Components/Icons/SystemAndDevice/CheckSquare/CheckSquare.tsx +63 -0
- package/src/Components/Icons/SystemAndDevice/CloudCheck/CloudCheck.tsx +74 -0
- package/src/Components/Icons/SystemAndDevice/Desktop/Desktop.tsx +107 -0
- package/src/Components/Icons/SystemAndDevice/DeviceMobile/DeviceMobile.tsx +78 -0
- package/src/Components/Icons/SystemAndDevice/DotSixVertical/DotSixVertical.tsx +49 -0
- package/src/Components/Icons/SystemAndDevice/DotsSix/DotsSix.tsx +107 -0
- package/src/Components/Icons/SystemAndDevice/DotsThree/DotsThree.tsx +63 -0
- package/src/Components/Icons/SystemAndDevice/DotsThreeVertical/DotsThreeVertical.tsx +63 -0
- package/src/Components/Icons/SystemAndDevice/DownloadSimple/DownloadSimple.tsx +52 -0
- package/src/Components/Icons/SystemAndDevice/Gear/Gear.tsx +61 -0
- package/src/Components/Icons/SystemAndDevice/Link/Link.tsx +54 -0
- package/src/Components/Icons/SystemAndDevice/MagnifyingGlass/MagnifyingGlass.tsx +105 -0
- package/src/Components/Icons/SystemAndDevice/RadioButtonIcon/RadioButtonIcon.tsx +63 -0
- package/src/Components/Icons/SystemAndDevice/SignIn/SignIn.tsx +51 -0
- package/src/Components/Icons/SystemAndDevice/SignOut/SignOut.tsx +49 -0
- package/src/Components/Icons/SystemAndDevice/ToggleLeft/ToggleLeft.tsx +51 -0
- package/src/Components/Icons/SystemAndDevice/ToggleRight/ToggleRight.tsx +51 -0
- package/src/Components/Icons/Time/Calendar/Calendar.tsx +61 -0
- package/src/Components/Icons/Time/CalendarBank/CalendarBank.tsx +105 -0
- package/src/Components/Icons/Time/CalendarCheck/CalendarCheck.tsx +61 -0
- package/src/Components/Icons/Time/CalendarDots/CalendarDots.tsx +28 -0
- package/src/Components/Icons/Time/Clock/Clock.tsx +105 -0
- package/src/Components/Icons/Time/ClockCounterClockwise/ClockCounterClockwise.tsx +74 -0
- package/src/Components/Icons/WeatherAndNature/Bird/Bird.tsx +54 -0
- package/src/Components/Icons/WeatherAndNature/Campfire/Campfire.tsx +35 -0
- package/src/Components/Icons/WeatherAndNature/CloudSun/CloudSun.tsx +49 -0
- package/src/Components/Icons/WeatherAndNature/Cow/Cow.tsx +34 -0
- package/src/Components/Icons/WeatherAndNature/Dog/Dog.tsx +54 -0
- package/src/Components/Icons/WeatherAndNature/FishSimple/FishSimple.tsx +54 -0
- package/src/Components/Icons/WeatherAndNature/Flower/Flower.tsx +47 -0
- package/src/Components/Icons/WeatherAndNature/Moon/Moon.tsx +35 -0
- package/src/Components/Icons/WeatherAndNature/Mountains/Mountains.tsx +49 -0
- package/src/Components/Icons/WeatherAndNature/Plant/Plant.tsx +105 -0
- package/src/Components/Icons/WeatherAndNature/Snowflake/Snowflake.tsx +46 -0
- package/src/Components/Icons/WeatherAndNature/Sparkle/Sparkle.tsx +35 -0
- package/src/Components/Icons/WeatherAndNature/Sun/Sun.tsx +47 -0
- package/src/Components/Icons/WeatherAndNature/Tree/Tree.tsx +84 -0
- package/src/Components/Icons/index.ts +165 -0
- package/src/Components/Layout/Footer/Footer.stories.tsx +178 -0
- package/src/Components/Layout/Footer/Footer.tsx +32 -0
- package/src/Components/Layout/Footer/FooterBottom.tsx +21 -0
- package/src/Components/Layout/Footer/FooterBottomLeft.tsx +31 -0
- package/src/Components/Layout/Footer/FooterBottomLeftProps.tsx +13 -0
- package/src/Components/Layout/Footer/FooterBottomProps.tsx +7 -0
- package/src/Components/Layout/Footer/FooterBottomRight.tsx +47 -0
- package/src/Components/Layout/Footer/FooterBottomRightProps.tsx +7 -0
- package/src/Components/Layout/Footer/FooterItem.tsx +17 -0
- package/src/Components/Layout/Footer/FooterItemProps.tsx +8 -0
- package/src/Components/Layout/Footer/FooterMiddle.tsx +14 -0
- package/src/Components/Layout/Footer/FooterMiddleProps.tsx +8 -0
- package/src/Components/Layout/Footer/FooterProps.tsx +11 -0
- package/src/Components/Layout/Footer/FooterTop.tsx +30 -0
- package/src/Components/Layout/Footer/FooterTopProps.tsx +9 -0
- package/src/Components/Layout/Footer/footer-bg-design.tsx +21 -0
- package/src/Components/Layout/Footer/footer.module.scss +295 -0
- package/src/Components/Layout/Header/Header.stories.tsx +66 -0
- package/src/Components/Layout/Header/Header.tsx +27 -0
- package/src/Components/Layout/Header/HeaderProps.tsx +9 -0
- package/src/Components/Layout/Header/HeaderRight.tsx +12 -0
- package/src/Components/Layout/Header/HeaderRightItem.tsx +21 -0
- package/src/Components/Layout/Header/HeaderRightItemProps.tsx +13 -0
- package/src/Components/Layout/Header/HeaderRightProps.tsx +7 -0
- package/src/Components/Layout/Header/MagnifyingGlass/MagnifyingGlass.tsx +10 -0
- package/src/Components/Layout/Header/MegaMenu/MegaMenu.tsx +5 -0
- package/src/Components/Layout/Header/MegaMenu/MegaMenuProps.tsx +5 -0
- package/src/Components/Layout/Header/header.module.scss +90 -0
- package/src/Components/Layout/HeroBanner/HeroBanner.stories.tsx +77 -0
- package/src/Components/Layout/HeroBanner/HeroBanner.tsx +77 -0
- package/src/Components/Layout/HeroBanner/HeroBannerProps.tsx +10 -0
- package/src/Components/Layout/HeroBanner/LargeHeroIcon.tsx +18 -0
- package/src/Components/Layout/HeroBanner/heroBanner.module.scss +179 -0
- package/src/Components/Layout/index.ts +27 -0
- package/src/Components/Shared/Container/Container.tsx +19 -0
- package/src/Components/Shared/Container/ContainerProps.tsx +8 -0
- package/src/Components/Shared/Container/container.module.scss +13 -0
- package/src/Components/Shared/ElementHolder/ElementHolder.tsx +40 -0
- package/src/Components/Shared/ElementHolder/ElementHolderProps.tsx +18 -0
- package/src/Components/Shared/ElementHolder/elementHolder.module.scss +189 -0
- package/src/Components/Shared/index.ts +5 -0
- package/src/assets/react.svg +1 -0
- package/src/global.scss +337 -0
- package/src/globals.d.ts +1 -0
- package/src/index.ts +5 -0
- package/src/main.tsx +10 -0
- package/src/scss.d.ts +1 -0
- package/src/variable.scss +3 -0
- package/tsconfig.app.json +45 -0
- package/tsconfig.json +7 -0
- package/tsconfig.node.json +10 -0
- package/tsconfig.node.tsbuildinfo +1 -0
- package/vite.config.d.ts +2 -0
- package/vite.config.js +40 -0
- package/vite.config.ts +31 -0
- package/vitest.shims.d.ts +1 -0
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
|
|
3
|
+
import AsteriskSimple from './AsteriskSimple.tsx';
|
|
4
|
+
|
|
5
|
+
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
|
|
6
|
+
const meta = {
|
|
7
|
+
title: 'Design Token/Icons/Communication/AsterickSimple',
|
|
8
|
+
component: AsteriskSimple ,
|
|
9
|
+
parameters: {
|
|
10
|
+
layout: 'centered',
|
|
11
|
+
},
|
|
12
|
+
argTypes: {
|
|
13
|
+
type: {
|
|
14
|
+
options: ["light" , "bold" , "fill" , "duotone" , "regular" , "thin"],
|
|
15
|
+
control: { type: 'select' },
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
tags: ['autodocs'],
|
|
19
|
+
} satisfies Meta<typeof AsteriskSimple >;
|
|
20
|
+
|
|
21
|
+
export default meta;
|
|
22
|
+
type Story = StoryObj<typeof AsteriskSimple>;
|
|
23
|
+
|
|
24
|
+
export const Icon: Story = {
|
|
25
|
+
args: {
|
|
26
|
+
type:'light'
|
|
27
|
+
},
|
|
28
|
+
};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import IconProps from "../../IconProps";
|
|
2
|
+
|
|
3
|
+
const AsteriskSimple = ({type}: IconProps) => {
|
|
4
|
+
if (type === 'thin') {
|
|
5
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
6
|
+
<path
|
|
7
|
+
d="M26.1847 12.4637L16.8022 16.2138L23.3947 24.6887C23.4351 24.7407 23.4648 24.8 23.4822 24.8635C23.4996 24.9269 23.5043 24.9932 23.4961 25.0584C23.4878 25.1237 23.4668 25.1867 23.4342 25.2438C23.4015 25.3009 23.358 25.351 23.3059 25.3913C23.2191 25.4612 23.1111 25.4995 22.9997 25.5C22.9235 25.5001 22.8484 25.4828 22.7799 25.4495C22.7114 25.4161 22.6515 25.3675 22.6047 25.3075L15.9997 16.815L9.39467 25.3075C9.34784 25.3675 9.28791 25.4161 9.21945 25.4495C9.151 25.4828 9.07583 25.5001 8.99967 25.5C8.88877 25.4999 8.78104 25.463 8.69342 25.395C8.64139 25.3548 8.59781 25.3046 8.56518 25.2475C8.53256 25.1904 8.51152 25.1274 8.50327 25.0622C8.49503 24.9969 8.49974 24.9307 8.51714 24.8672C8.53454 24.8038 8.56429 24.7444 8.60467 24.6925L15.1972 16.2175L5.81467 12.4675C5.69168 12.4178 5.59348 12.3212 5.54167 12.1991C5.51602 12.1386 5.50253 12.0737 5.50197 12.008C5.50141 11.9423 5.5138 11.8772 5.53842 11.8162C5.56305 11.7553 5.59942 11.6999 5.64548 11.6531C5.69153 11.6062 5.74636 11.5689 5.80684 11.5432C5.92897 11.4914 6.06668 11.4903 6.18967 11.54L15.4997 15.2612V5C15.4997 4.86739 15.5524 4.74021 15.6461 4.64645C15.7399 4.55268 15.8671 4.5 15.9997 4.5C16.1323 4.5 16.2595 4.55268 16.3532 4.64645C16.447 4.74021 16.4997 4.86739 16.4997 5V15.2612L25.8134 11.5363C25.8743 11.5116 25.9395 11.4992 26.0052 11.4998C26.0709 11.5004 26.1358 11.5138 26.1963 11.5395C26.2567 11.5651 26.3116 11.6025 26.3576 11.6493C26.4037 11.6961 26.4401 11.7516 26.4647 11.8125C26.4893 11.8734 26.5017 11.9386 26.5011 12.0042C26.5006 12.0699 26.4871 12.1349 26.4614 12.1953C26.4358 12.2558 26.3985 12.3106 26.3516 12.3567C26.3048 12.4028 26.2493 12.4391 26.1884 12.4637H26.1847Z"
|
|
8
|
+
fill="currentColor"/>
|
|
9
|
+
</svg>
|
|
10
|
+
}
|
|
11
|
+
if (type === 'regular') {
|
|
12
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
13
|
+
<path
|
|
14
|
+
d="M26.3746 12.9288L17.6084 16.4287L23.7921 24.38C23.8749 24.4835 23.9364 24.6023 23.9728 24.7297C24.0093 24.8571 24.02 24.9905 24.0045 25.1221C23.989 25.2537 23.9475 25.3809 23.8823 25.4963C23.8172 25.6117 23.7298 25.713 23.6252 25.7943C23.5206 25.8756 23.4009 25.9354 23.273 25.97C23.1451 26.0047 23.0116 26.0136 22.8802 25.9962C22.7489 25.9788 22.6223 25.9355 22.5078 25.8688C22.3933 25.8021 22.2933 25.7132 22.2134 25.6075L15.9996 17.625L9.78965 25.6138C9.62545 25.8189 9.38709 25.9512 9.12612 25.982C8.86515 26.0128 8.60255 25.9396 8.3951 25.7783C8.18765 25.617 8.05202 25.3806 8.01755 25.1201C7.98308 24.8596 8.05254 24.596 8.2109 24.3862L14.3946 16.435L5.62465 12.9288C5.37833 12.8293 5.1816 12.6361 5.07776 12.3916C4.97391 12.1471 4.97144 11.8713 5.0709 11.625C5.17035 11.3787 5.36359 11.182 5.60809 11.0781C5.85259 10.9743 6.12833 10.9718 6.37465 11.0712L14.9996 14.5225V5C14.9996 4.73478 15.105 4.48043 15.2925 4.29289C15.4801 4.10536 15.7344 4 15.9996 4C16.2649 4 16.5192 4.10536 16.7068 4.29289C16.8943 4.48043 16.9996 4.73478 16.9996 5V14.5225L25.6246 11.0712C25.7466 11.022 25.8771 10.9973 26.0086 10.9984C26.1401 10.9996 26.2701 11.0267 26.3912 11.0781C26.5123 11.1295 26.622 11.2043 26.7142 11.2981C26.8064 11.392 26.8791 11.503 26.9284 11.625C26.9776 11.747 27.0024 11.8774 27.0012 12.009C27 12.1405 26.973 12.2705 26.9215 12.3916C26.8701 12.5126 26.7954 12.6224 26.7015 12.7145C26.6077 12.8067 26.4966 12.8795 26.3746 12.9288Z"
|
|
15
|
+
fill="currentColor"/>
|
|
16
|
+
</svg>
|
|
17
|
+
}
|
|
18
|
+
if (type === 'bold') {
|
|
19
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
20
|
+
<path
|
|
21
|
+
d="M26.557 13.3925L18.4083 16.6525L24.1845 24.0788C24.3064 24.2341 24.3965 24.412 24.4494 24.6023C24.5024 24.7925 24.5173 24.9913 24.4932 25.1873C24.4692 25.3833 24.4067 25.5727 24.3093 25.7445C24.2119 25.9162 24.0815 26.0671 23.9257 26.1884C23.7698 26.3097 23.5916 26.399 23.4011 26.4512C23.2107 26.5034 23.0118 26.5176 22.8159 26.4927C22.62 26.4679 22.4309 26.4047 22.2595 26.3066C22.0881 26.2085 21.9377 26.0776 21.817 25.9213L16.0008 18.4438L10.1845 25.9213C9.93962 26.2334 9.58096 26.4359 9.18711 26.4842C8.79325 26.5325 8.39629 26.4228 8.08314 26.1791C7.76999 25.9354 7.56617 25.5776 7.51629 25.1839C7.46642 24.7902 7.57457 24.3929 7.81705 24.0788L13.5933 16.6525L5.44455 13.3925C5.258 13.322 5.08738 13.2151 4.94266 13.0779C4.79793 12.9407 4.68202 12.776 4.60169 12.5935C4.52136 12.411 4.47823 12.2143 4.47483 12.0149C4.47142 11.8155 4.50781 11.6175 4.58185 11.4323C4.6559 11.2471 4.76612 11.0786 4.90607 10.9366C5.04602 10.7945 5.21289 10.6818 5.39692 10.605C5.58095 10.5282 5.77845 10.4888 5.97786 10.4893C6.17728 10.4897 6.3746 10.5299 6.5583 10.6075L14.5008 13.785V5C14.5008 4.60218 14.6588 4.22064 14.9401 3.93934C15.2214 3.65804 15.603 3.5 16.0008 3.5C16.3986 3.5 16.7802 3.65804 17.0615 3.93934C17.3428 4.22064 17.5008 4.60218 17.5008 5V13.785L25.4433 10.6075C25.627 10.5299 25.8243 10.4897 26.0237 10.4893C26.2231 10.4888 26.4206 10.5282 26.6047 10.605C26.7887 10.6818 26.9556 10.7945 27.0955 10.9366C27.2355 11.0786 27.3457 11.2471 27.4197 11.4323C27.4938 11.6175 27.5302 11.8155 27.5268 12.0149C27.5234 12.2143 27.4802 12.411 27.3999 12.5935C27.3196 12.776 27.2037 12.9407 27.0589 13.0779C26.9142 13.2151 26.7436 13.322 26.557 13.3925Z"
|
|
22
|
+
fill="currentColor"/>
|
|
23
|
+
</svg>
|
|
24
|
+
}
|
|
25
|
+
if (type === 'fill') {
|
|
26
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
27
|
+
<path
|
|
28
|
+
d="M16 3C13.4288 3 10.9154 3.76244 8.77759 5.1909C6.63975 6.61935 4.97351 8.64968 3.98957 11.0251C3.00563 13.4006 2.74819 16.0144 3.2498 18.5362C3.75141 21.0579 4.98953 23.3743 6.80762 25.1924C8.6257 27.0105 10.9421 28.2486 13.4638 28.7502C15.9856 29.2518 18.5995 28.9944 20.9749 28.0104C23.3503 27.0265 25.3807 25.3603 26.8091 23.2224C28.2376 21.0846 29 18.5712 29 16C28.9964 12.5533 27.6256 9.24882 25.1884 6.81163C22.7512 4.37445 19.4467 3.00364 16 3ZM23.3938 13.9187L17.625 16.39L21.7663 21.36C21.936 21.5639 22.0178 21.8268 21.9936 22.091C21.9695 22.3552 21.8414 22.599 21.6375 22.7687C21.4336 22.9385 21.1707 23.0203 20.9065 22.9961C20.6423 22.972 20.3985 22.8439 20.2288 22.64L16 17.5625L11.7688 22.64C11.599 22.8439 11.3552 22.972 11.091 22.9961C10.8269 23.0203 10.5639 22.9385 10.36 22.7687C10.1561 22.599 10.028 22.3552 10.0039 22.091C9.97972 21.8268 10.0615 21.5639 10.2313 21.36L14.375 16.39L8.60626 13.9187C8.48179 13.8697 8.36844 13.7961 8.27291 13.7025C8.17739 13.6088 8.10163 13.4969 8.05013 13.3734C7.99862 13.2499 7.97242 13.1174 7.97307 12.9836C7.97372 12.8498 8.00121 12.7175 8.05392 12.5945C8.10662 12.4716 8.18346 12.3604 8.27989 12.2677C8.37633 12.1749 8.49039 12.1025 8.61532 12.0546C8.74026 12.0068 8.87353 11.9845 9.00724 11.989C9.14095 11.9936 9.27238 12.025 9.39376 12.0813L15 14.4838V8.75C15 8.48478 15.1054 8.23043 15.2929 8.04289C15.4804 7.85536 15.7348 7.75 16 7.75C16.2652 7.75 16.5196 7.85536 16.7071 8.04289C16.8946 8.23043 17 8.48478 17 8.75V14.4838L22.6063 12.0813C22.7276 12.025 22.8591 11.9936 22.9928 11.989C23.1265 11.9845 23.2598 12.0068 23.3847 12.0546C23.5096 12.1025 23.6237 12.1749 23.7201 12.2677C23.8166 12.3604 23.8934 12.4716 23.9461 12.5945C23.9988 12.7175 24.0263 12.8498 24.0269 12.9836C24.0276 13.1174 24.0014 13.2499 23.9499 13.3734C23.8984 13.4969 23.8226 13.6088 23.7271 13.7025C23.6316 13.7961 23.5182 13.8697 23.3938 13.9187Z"
|
|
29
|
+
fill="currentColor"/>
|
|
30
|
+
</svg>
|
|
31
|
+
}
|
|
32
|
+
if (type === 'duotone') {
|
|
33
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
34
|
+
<path opacity="0.2"
|
|
35
|
+
d="M25 16C25 17.78 24.4722 19.5201 23.4832 21.0001C22.4943 22.4802 21.0887 23.6337 19.4442 24.3149C17.7996 24.9961 15.99 25.1743 14.2442 24.8271C12.4984 24.4798 10.8947 23.6226 9.63604 22.364C8.37737 21.1053 7.5202 19.5016 7.17294 17.7558C6.82567 16.01 7.0039 14.2004 7.68509 12.5558C8.36628 10.9113 9.51983 9.50571 10.9999 8.51677C12.4799 7.52784 14.22 7 16 7C18.387 7 20.6761 7.94821 22.364 9.63604C24.0518 11.3239 25 13.6131 25 16Z"
|
|
36
|
+
fill="currentColor"/>
|
|
37
|
+
<path
|
|
38
|
+
d="M26.3746 12.9288L17.6084 16.4287L23.7921 24.38C23.8749 24.4835 23.9364 24.6023 23.9728 24.7297C24.0093 24.8571 24.02 24.9905 24.0045 25.1221C23.989 25.2537 23.9475 25.3809 23.8823 25.4963C23.8172 25.6117 23.7298 25.713 23.6252 25.7943C23.5206 25.8756 23.4009 25.9354 23.273 25.97C23.1451 26.0047 23.0116 26.0136 22.8802 25.9962C22.7489 25.9788 22.6223 25.9355 22.5078 25.8688C22.3933 25.8021 22.2933 25.7132 22.2134 25.6075L15.9996 17.625L9.78965 25.6138C9.62545 25.8189 9.38709 25.9512 9.12612 25.982C8.86515 26.0128 8.60255 25.9396 8.3951 25.7783C8.18765 25.617 8.05202 25.3806 8.01755 25.1201C7.98308 24.8596 8.05254 24.596 8.2109 24.3862L14.3946 16.435L5.62465 12.9288C5.37833 12.8293 5.1816 12.6361 5.07776 12.3916C4.97391 12.1471 4.97144 11.8713 5.0709 11.625C5.17035 11.3787 5.36359 11.182 5.60809 11.0781C5.85259 10.9743 6.12833 10.9718 6.37465 11.0712L14.9996 14.5225V5C14.9996 4.73478 15.105 4.48043 15.2925 4.29289C15.4801 4.10536 15.7344 4 15.9996 4C16.2649 4 16.5192 4.10536 16.7068 4.29289C16.8943 4.48043 16.9996 4.73478 16.9996 5V14.5225L25.6246 11.0712C25.7466 11.022 25.8771 10.9973 26.0086 10.9984C26.1401 10.9996 26.2701 11.0267 26.3912 11.0781C26.5123 11.1295 26.622 11.2043 26.7142 11.2981C26.8064 11.392 26.8791 11.503 26.9284 11.625C26.9776 11.747 27.0024 11.8774 27.0012 12.009C27 12.1405 26.973 12.2705 26.9215 12.3916C26.8701 12.5126 26.7954 12.6224 26.7015 12.7145C26.6077 12.8067 26.4966 12.8795 26.3746 12.9288Z"
|
|
39
|
+
fill="currentColor"/>
|
|
40
|
+
</svg>
|
|
41
|
+
}
|
|
42
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
43
|
+
<path
|
|
44
|
+
d="M26.2783 12.6962L17.2033 16.3213L23.5921 24.535C23.7141 24.6921 23.7687 24.8913 23.7438 25.0887C23.719 25.2861 23.6167 25.4655 23.4596 25.5875C23.3024 25.7095 23.1033 25.7641 22.9059 25.7392C22.7085 25.7144 22.5291 25.6121 22.4071 25.455L15.9996 17.2213L9.59208 25.46C9.53168 25.5378 9.45653 25.603 9.37095 25.6517C9.28536 25.7005 9.19101 25.7319 9.09328 25.7442C8.99554 25.7565 8.89634 25.7495 8.80134 25.7234C8.70634 25.6974 8.61739 25.6529 8.53958 25.5925C8.46178 25.5321 8.39663 25.457 8.34786 25.3714C8.29909 25.2858 8.26766 25.1914 8.25535 25.0937C8.24305 24.996 8.25012 24.8968 8.27615 24.8018C8.30218 24.7068 8.34668 24.6178 8.40708 24.54L14.7958 16.3263L5.72083 12.7013C5.62866 12.6652 5.54453 12.6112 5.47331 12.5425C5.40208 12.4737 5.34517 12.3916 5.30585 12.3007C5.26653 12.2099 5.24558 12.1122 5.24421 12.0132C5.24284 11.9142 5.26108 11.816 5.29787 11.7241C5.33466 11.6322 5.38928 11.5485 5.45857 11.4778C5.52787 11.4071 5.61047 11.3508 5.70161 11.3122C5.79276 11.2736 5.89064 11.2534 5.98963 11.2528C6.08861 11.2522 6.18673 11.2712 6.27833 11.3088L15.2496 14.8925V5C15.2496 4.80109 15.3286 4.61032 15.4693 4.46967C15.6099 4.32902 15.8007 4.25 15.9996 4.25C16.1985 4.25 16.3893 4.32902 16.5299 4.46967C16.6706 4.61032 16.7496 4.80109 16.7496 5V14.8925L25.7208 11.3038C25.8124 11.2662 25.9106 11.2472 26.0095 11.2478C26.1085 11.2484 26.2064 11.2686 26.2976 11.3072C26.3887 11.3458 26.4713 11.4021 26.5406 11.4728C26.6099 11.5435 26.6645 11.6272 26.7013 11.7191C26.7381 11.811 26.7563 11.9092 26.755 12.0082C26.7536 12.1072 26.7326 12.2049 26.6933 12.2957C26.654 12.3866 26.5971 12.4687 26.5259 12.5375C26.4546 12.6062 26.3705 12.6602 26.2783 12.6962Z"
|
|
45
|
+
fill="currentColor"/>
|
|
46
|
+
</svg>
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
export default AsteriskSimple;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
|
|
3
|
+
import Asterisk from './Asterisk.tsx';
|
|
4
|
+
|
|
5
|
+
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
|
|
6
|
+
const meta = {
|
|
7
|
+
title: 'Design Token/Icons/Communication/Asterick',
|
|
8
|
+
component: Asterisk ,
|
|
9
|
+
parameters: {
|
|
10
|
+
layout: 'centered',
|
|
11
|
+
},
|
|
12
|
+
argTypes: {
|
|
13
|
+
type: {
|
|
14
|
+
options: ["light" , "bold" , "fill" , "duotone" , "regular" , "thin"],
|
|
15
|
+
control: { type: 'select' },
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
tags: ['autodocs'],
|
|
19
|
+
} satisfies Meta<typeof Asterisk >;
|
|
20
|
+
|
|
21
|
+
export default meta;
|
|
22
|
+
type Story = StoryObj<typeof Asterisk>;
|
|
23
|
+
|
|
24
|
+
export const Icon: Story = {
|
|
25
|
+
args: {
|
|
26
|
+
type:'light'
|
|
27
|
+
},
|
|
28
|
+
};
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import IconProps from "../../IconProps";
|
|
2
|
+
|
|
3
|
+
const Asterisk = ({type = 'light'}: IconProps) => {
|
|
4
|
+
|
|
5
|
+
if (type === 'thin') {
|
|
6
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
7
|
+
<path
|
|
8
|
+
d="M26.4289 22.2575C26.3951 22.3138 26.3505 22.3629 26.2977 22.402C26.2449 22.4411 26.185 22.4694 26.1212 22.4853C26.0575 22.5012 25.9913 22.5044 25.9263 22.4947C25.8613 22.485 25.7989 22.4626 25.7426 22.4287L16.5001 16.8825V27C16.5001 27.1326 16.4475 27.2598 16.3537 27.3536C16.2599 27.4473 16.1327 27.5 16.0001 27.5C15.8675 27.5 15.7403 27.4473 15.6466 27.3536C15.5528 27.2598 15.5001 27.1326 15.5001 27V16.8825L6.25763 22.4287C6.20133 22.4626 6.13892 22.485 6.07396 22.4947C6.009 22.5043 5.94277 22.5012 5.87904 22.4853C5.75035 22.4531 5.63968 22.3712 5.57138 22.2575C5.50309 22.1438 5.48277 22.0076 5.51488 21.8789C5.547 21.7502 5.62892 21.6395 5.74263 21.5713L15.0276 16L5.74263 10.4288C5.68633 10.3949 5.63724 10.3504 5.59816 10.2976C5.55908 10.2448 5.53078 10.1848 5.51488 10.1211C5.48277 9.99239 5.50309 9.85621 5.57138 9.7425C5.6052 9.6862 5.64977 9.6371 5.70256 9.59803C5.75535 9.55895 5.81532 9.53065 5.87904 9.51475C6.00774 9.48263 6.14392 9.50296 6.25763 9.57125L15.5001 15.1175V5C15.5001 4.86739 15.5528 4.74021 15.6466 4.64645C15.7403 4.55268 15.8675 4.5 16.0001 4.5C16.1327 4.5 16.2599 4.55268 16.3537 4.64645C16.4475 4.74021 16.5001 4.86739 16.5001 5V15.1175L25.7426 9.57125C25.7989 9.53743 25.8614 9.51504 25.9263 9.50535C25.9913 9.49565 26.0575 9.49885 26.1212 9.51475C26.1849 9.53065 26.2449 9.55895 26.2977 9.59803C26.3505 9.6371 26.3951 9.6862 26.4289 9.7425C26.4627 9.7988 26.4851 9.86122 26.4948 9.92618C26.5045 9.99114 26.5013 10.0574 26.4854 10.1211C26.4695 10.1848 26.4412 10.2448 26.4021 10.2976C26.363 10.3504 26.3139 10.3949 26.2576 10.4288L16.9726 16L26.2576 21.5713C26.314 21.6051 26.3631 21.6496 26.4021 21.7024C26.4412 21.7552 26.4695 21.8152 26.4854 21.8789C26.5013 21.9426 26.5045 22.0089 26.4948 22.0738C26.4851 22.1388 26.4627 22.2012 26.4289 22.2575Z"
|
|
9
|
+
fill="currentColor"/>
|
|
10
|
+
</svg>
|
|
11
|
+
}
|
|
12
|
+
if (type === 'regular') {
|
|
13
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
14
|
+
<path
|
|
15
|
+
d="M26.8581 22.515C26.7905 22.628 26.7013 22.7265 26.5955 22.8049C26.4897 22.8833 26.3695 22.94 26.2418 22.9718C26.114 23.0036 25.9812 23.0099 25.8511 22.9903C25.7209 22.9707 25.5958 22.9256 25.4831 22.8575L17.0006 17.7663V27C17.0006 27.2652 16.8953 27.5196 16.7078 27.7071C16.5202 27.8946 16.2659 28 16.0006 28C15.7354 28 15.4811 27.8946 15.2935 27.7071C15.106 27.5196 15.0006 27.2652 15.0006 27V17.7663L6.51564 22.8575C6.40299 22.9267 6.27773 22.9729 6.14712 22.9934C6.0165 23.0139 5.88312 23.0082 5.75469 22.9768C5.62626 22.9454 5.50533 22.8889 5.3989 22.8104C5.29247 22.732 5.20265 22.6332 5.13464 22.5198C5.06663 22.4065 5.02178 22.2807 5.00268 22.1499C4.98358 22.0191 4.99061 21.8858 5.02337 21.7577C5.05613 21.6296 5.11396 21.5093 5.19352 21.4037C5.27309 21.2981 5.3728 21.2093 5.48689 21.1425L14.0569 16L5.48689 10.8575C5.3728 10.7907 5.27309 10.7019 5.19352 10.5963C5.11396 10.4907 5.05613 10.3704 5.02337 10.2423C4.99061 10.1142 4.98358 9.98092 5.00268 9.85009C5.02178 9.71927 5.06663 9.59353 5.13464 9.48015C5.20265 9.36677 5.29247 9.268 5.3989 9.18956C5.50533 9.11112 5.62626 9.05457 5.75469 9.02317C5.88312 8.99177 6.0165 8.98614 6.14712 9.00663C6.27773 9.02711 6.40299 9.07329 6.51564 9.1425L15.0006 14.2338V5C15.0006 4.73478 15.106 4.48043 15.2935 4.29289C15.4811 4.10536 15.7354 4 16.0006 4C16.2659 4 16.5202 4.10536 16.7078 4.29289C16.8953 4.48043 17.0006 4.73478 17.0006 5V14.2338L25.4856 9.1425C25.5983 9.07329 25.7236 9.02711 25.8542 9.00663C25.9848 8.98614 26.1182 8.99177 26.2466 9.02317C26.375 9.05457 26.496 9.11112 26.6024 9.18956C26.7088 9.268 26.7986 9.36677 26.8666 9.48015C26.9347 9.59353 26.9795 9.71927 26.9986 9.85009C27.0177 9.98092 27.0107 10.1142 26.9779 10.2423C26.9452 10.3704 26.8873 10.4907 26.8078 10.5963C26.7282 10.7019 26.6285 10.7907 26.5144 10.8575L17.9444 16L26.5144 21.1425C26.6271 21.21 26.7255 21.2991 26.8038 21.4046C26.8821 21.5101 26.9388 21.63 26.9707 21.7575C27.0026 21.885 27.0091 22.0175 26.9898 22.1475C26.9705 22.2774 26.9258 22.4023 26.8581 22.515Z"
|
|
16
|
+
fill="currentColor"/>
|
|
17
|
+
</svg>
|
|
18
|
+
}
|
|
19
|
+
if (type === 'bold') {
|
|
20
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
21
|
+
<path
|
|
22
|
+
d="M27.2857 22.7712C27.1844 22.9403 27.0508 23.0877 26.8925 23.2051C26.7341 23.3225 26.5542 23.4076 26.3631 23.4554C26.1719 23.5032 25.9731 23.5129 25.7782 23.4839C25.5832 23.4548 25.3959 23.3877 25.227 23.2862L17.4995 18.6488V27C17.4995 27.3978 17.3414 27.7794 17.0601 28.0607C16.7788 28.342 16.3973 28.5 15.9995 28.5C15.6016 28.5 15.2201 28.342 14.9388 28.0607C14.6575 27.7794 14.4995 27.3978 14.4995 27V18.6488L6.77196 23.2862C6.60304 23.3876 6.41582 23.4547 6.22097 23.4837C6.02613 23.5127 5.82748 23.5031 5.63636 23.4553C5.44525 23.4076 5.26541 23.3226 5.10712 23.2053C4.94884 23.0881 4.8152 22.9408 4.71383 22.7719C4.50912 22.4307 4.4483 22.0223 4.54477 21.6363C4.64123 21.2503 4.88707 20.9185 5.22821 20.7138L13.0845 16L5.22821 11.2863C4.88707 11.0815 4.64123 10.7497 4.54477 10.3637C4.4483 9.97774 4.50912 9.56926 4.71383 9.22812C4.91855 8.88699 5.25039 8.64115 5.63636 8.54469C6.02234 8.44822 6.43082 8.50904 6.77196 8.71375L14.4995 13.3512V5C14.4995 4.60218 14.6575 4.22064 14.9388 3.93934C15.2201 3.65804 15.6016 3.5 15.9995 3.5C16.3973 3.5 16.7788 3.65804 17.0601 3.93934C17.3414 4.22064 17.4995 4.60218 17.4995 5V13.3512L25.227 8.71375C25.3959 8.61239 25.5831 8.54528 25.7779 8.51628C25.9728 8.48727 26.1714 8.49692 26.3625 8.54469C26.5537 8.59245 26.7335 8.67739 26.8918 8.79465C27.0501 8.91192 27.1837 9.05921 27.2851 9.22812C27.3864 9.39704 27.4535 9.58426 27.4826 9.77911C27.5116 9.97395 27.5019 10.1726 27.4541 10.3637C27.4064 10.5548 27.3214 10.7347 27.2042 10.893C27.0869 11.0512 26.9396 11.1849 26.7707 11.2863L18.9145 16L26.7707 20.7138C27.1118 20.9183 27.3577 21.25 27.4542 21.6359C27.5508 22.0217 27.4902 22.4301 27.2857 22.7712Z"
|
|
23
|
+
fill="currentColor"/>
|
|
24
|
+
</svg>
|
|
25
|
+
}
|
|
26
|
+
if (type === 'fill') {
|
|
27
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
28
|
+
<path
|
|
29
|
+
d="M16 3C13.4288 3 10.9154 3.76244 8.77759 5.1909C6.63975 6.61935 4.97351 8.64968 3.98957 11.0251C3.00563 13.4006 2.74819 16.0144 3.2498 18.5362C3.75141 21.0579 4.98953 23.3743 6.80762 25.1924C8.6257 27.0105 10.9421 28.2486 13.4638 28.7502C15.9856 29.2518 18.5995 28.9944 20.9749 28.0104C23.3503 27.0265 25.3807 25.3603 26.8091 23.2224C28.2376 21.0846 29 18.5712 29 16C28.9964 12.5533 27.6256 9.24882 25.1884 6.81163C22.7512 4.37445 19.4467 3.00364 16 3ZM24.015 19.6425C24.2424 19.7791 24.4063 20.0004 24.4705 20.2578C24.5347 20.5152 24.4941 20.7876 24.3575 21.015C24.2209 21.2424 23.9996 21.4063 23.7422 21.4705C23.4848 21.5347 23.2124 21.4941 22.985 21.3575L17 17.7663V24.25C17 24.5152 16.8946 24.7696 16.7071 24.9571C16.5196 25.1446 16.2652 25.25 16 25.25C15.7348 25.25 15.4804 25.1446 15.2929 24.9571C15.1054 24.7696 15 24.5152 15 24.25V17.7663L9.01501 21.3575C8.78758 21.4941 8.51522 21.5347 8.25782 21.4705C8.00043 21.4063 7.77909 21.2424 7.64251 21.015C7.50592 20.7876 7.46527 20.5152 7.5295 20.2578C7.59373 20.0004 7.75758 19.7791 7.98501 19.6425L14.0563 16L7.98501 12.3575C7.75758 12.2209 7.59373 11.9996 7.5295 11.7422C7.46527 11.4848 7.50592 11.2124 7.64251 10.985C7.77909 10.7576 8.00043 10.5937 8.25782 10.5295C8.51522 10.4653 8.78758 10.5059 9.01501 10.6425L15 14.2338V7.75C15 7.48478 15.1054 7.23043 15.2929 7.04289C15.4804 6.85536 15.7348 6.75 16 6.75C16.2652 6.75 16.5196 6.85536 16.7071 7.04289C16.8946 7.23043 17 7.48478 17 7.75V14.2338L22.985 10.6425C23.0976 10.5749 23.2224 10.5301 23.3524 10.5107C23.4823 10.4913 23.6147 10.4977 23.7422 10.5295C23.8696 10.5613 23.9896 10.6179 24.0951 10.6961C24.2007 10.7742 24.2899 10.8724 24.3575 10.985C24.4251 11.0976 24.4699 11.2224 24.4893 11.3524C24.5087 11.4823 24.5023 11.6147 24.4705 11.7422C24.4387 11.8696 24.3821 11.9896 24.304 12.0951C24.2258 12.2007 24.1276 12.2899 24.015 12.3575L17.9438 16L24.015 19.6425Z"
|
|
30
|
+
fill="currentColor"/>
|
|
31
|
+
</svg>
|
|
32
|
+
}
|
|
33
|
+
if (type === 'duotone') {
|
|
34
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
35
|
+
<path opacity="0.2"
|
|
36
|
+
d="M25 16C25 17.78 24.4722 19.5201 23.4832 21.0001C22.4943 22.4802 21.0887 23.6337 19.4442 24.3149C17.7996 24.9961 15.99 25.1743 14.2442 24.8271C12.4984 24.4798 10.8947 23.6226 9.63604 22.364C8.37737 21.1053 7.5202 19.5016 7.17294 17.7558C6.82567 16.01 7.0039 14.2004 7.68509 12.5558C8.36628 10.9113 9.51983 9.50571 10.9999 8.51677C12.4799 7.52784 14.22 7 16 7C18.387 7 20.6761 7.94821 22.364 9.63604C24.0518 11.3239 25 13.6131 25 16Z"
|
|
37
|
+
fill="currentColor"/>
|
|
38
|
+
<path
|
|
39
|
+
d="M26.8581 22.515C26.7905 22.628 26.7013 22.7265 26.5955 22.8049C26.4897 22.8833 26.3695 22.94 26.2418 22.9718C26.114 23.0036 25.9812 23.0099 25.8511 22.9903C25.7209 22.9707 25.5958 22.9256 25.4831 22.8575L17.0006 17.7663V27C17.0006 27.2652 16.8953 27.5196 16.7078 27.7071C16.5202 27.8946 16.2659 28 16.0006 28C15.7354 28 15.4811 27.8946 15.2935 27.7071C15.106 27.5196 15.0006 27.2652 15.0006 27V17.7663L6.51564 22.8575C6.40299 22.9267 6.27773 22.9729 6.14712 22.9934C6.0165 23.0139 5.88312 23.0082 5.75469 22.9768C5.62626 22.9454 5.50533 22.8889 5.3989 22.8104C5.29247 22.732 5.20265 22.6332 5.13464 22.5198C5.06663 22.4065 5.02178 22.2807 5.00268 22.1499C4.98358 22.0191 4.99061 21.8858 5.02337 21.7577C5.05613 21.6296 5.11396 21.5093 5.19352 21.4037C5.27309 21.2981 5.3728 21.2093 5.48689 21.1425L14.0569 16L5.48689 10.8575C5.3728 10.7907 5.27309 10.7019 5.19352 10.5963C5.11396 10.4907 5.05613 10.3704 5.02337 10.2423C4.99061 10.1142 4.98358 9.98092 5.00268 9.85009C5.02178 9.71927 5.06663 9.59353 5.13464 9.48015C5.20265 9.36677 5.29247 9.268 5.3989 9.18956C5.50533 9.11112 5.62626 9.05457 5.75469 9.02317C5.88312 8.99177 6.0165 8.98614 6.14712 9.00663C6.27773 9.02711 6.40299 9.07329 6.51564 9.1425L15.0006 14.2338V5C15.0006 4.73478 15.106 4.48043 15.2935 4.29289C15.4811 4.10536 15.7354 4 16.0006 4C16.2659 4 16.5202 4.10536 16.7078 4.29289C16.8953 4.48043 17.0006 4.73478 17.0006 5V14.2338L25.4856 9.1425C25.5983 9.07329 25.7236 9.02711 25.8542 9.00663C25.9848 8.98614 26.1182 8.99177 26.2466 9.02317C26.375 9.05457 26.496 9.11112 26.6024 9.18956C26.7088 9.268 26.7986 9.36677 26.8666 9.48015C26.9347 9.59353 26.9795 9.71927 26.9986 9.85009C27.0177 9.98092 27.0107 10.1142 26.9779 10.2423C26.9452 10.3704 26.8873 10.4907 26.8078 10.5963C26.7282 10.7019 26.6285 10.7907 26.5144 10.8575L17.9444 16L26.5144 21.1425C26.6271 21.21 26.7255 21.2991 26.8038 21.4046C26.8821 21.5101 26.9388 21.63 26.9707 21.7575C27.0026 21.885 27.0091 22.0175 26.9898 22.1475C26.9705 22.2774 26.9258 22.4023 26.8581 22.515Z"
|
|
40
|
+
fill="currentColor"/>
|
|
41
|
+
</svg>
|
|
42
|
+
}
|
|
43
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
44
|
+
<path
|
|
45
|
+
d="M26.6432 22.3862C26.5409 22.5568 26.3751 22.6797 26.1822 22.728C25.9893 22.7763 25.7851 22.746 25.6145 22.6437L16.7507 17.325V27C16.7507 27.1989 16.6717 27.3897 16.5311 27.5303C16.3904 27.671 16.1996 27.75 16.0007 27.75C15.8018 27.75 15.6111 27.671 15.4704 27.5303C15.3298 27.3897 15.2507 27.1989 15.2507 27V17.325L6.38699 22.6437C6.27008 22.7131 6.13668 22.7498 6.00074 22.75C5.83638 22.7506 5.67638 22.6972 5.54534 22.598C5.4143 22.4988 5.31948 22.3593 5.27546 22.2009C5.23143 22.0426 5.24064 21.8741 5.30167 21.7215C5.36269 21.5689 5.47216 21.4406 5.61324 21.3563L14.5432 16L5.61449 10.6438C5.44375 10.5413 5.32071 10.3752 5.27242 10.1821C5.22413 9.98892 5.25455 9.78448 5.35699 9.61375C5.45943 9.44302 5.62549 9.31997 5.81866 9.27168C6.01182 9.22339 6.21625 9.25381 6.38699 9.35625L15.2507 14.675V5C15.2507 4.80109 15.3298 4.61032 15.4704 4.46967C15.6111 4.32902 15.8018 4.25 16.0007 4.25C16.1996 4.25 16.3904 4.32902 16.5311 4.46967C16.6717 4.61032 16.7507 4.80109 16.7507 5V14.675L25.6145 9.35625C25.7852 9.25381 25.9897 9.22339 26.1828 9.27168C26.376 9.31997 26.542 9.44302 26.6445 9.61375C26.7469 9.78448 26.7773 9.98892 26.7291 10.1821C26.6808 10.3752 26.5577 10.5413 26.387 10.6438L17.4582 16L26.387 21.3563C26.4715 21.407 26.5452 21.4739 26.6038 21.5532C26.6624 21.6324 26.7048 21.7225 26.7286 21.8181C26.7524 21.9138 26.7571 22.0132 26.7425 22.1107C26.7278 22.2082 26.6941 22.3018 26.6432 22.3862Z"
|
|
46
|
+
fill="currentColor"/>
|
|
47
|
+
</svg>
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
export default Asterisk;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
|
|
3
|
+
import At from './At.tsx';
|
|
4
|
+
|
|
5
|
+
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
|
|
6
|
+
const meta = {
|
|
7
|
+
title: 'Design Token/Icons/Communication/At',
|
|
8
|
+
component: At ,
|
|
9
|
+
parameters: {
|
|
10
|
+
layout: 'centered',
|
|
11
|
+
},
|
|
12
|
+
argTypes: {
|
|
13
|
+
type: {
|
|
14
|
+
options: ["light" , "bold" , "fill" , "duotone" , "regular" , "thin"],
|
|
15
|
+
control: { type: 'select' },
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
tags: ['autodocs'],
|
|
19
|
+
} satisfies Meta<typeof At >;
|
|
20
|
+
|
|
21
|
+
export default meta;
|
|
22
|
+
type Story = StoryObj<typeof At>;
|
|
23
|
+
|
|
24
|
+
export const Icon: Story = {
|
|
25
|
+
args: {
|
|
26
|
+
type:'light'
|
|
27
|
+
},
|
|
28
|
+
};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import IconProps from "../../IconProps";
|
|
2
|
+
|
|
3
|
+
const At = ({type = 'light'}: IconProps) => {
|
|
4
|
+
if (type === 'thin') {
|
|
5
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
6
|
+
<path
|
|
7
|
+
d="M16 3.5C12.6848 3.5 9.50537 4.81696 7.16117 7.16117C4.81696 9.50537 3.5 12.6848 3.5 16C3.5 19.3152 4.81696 22.4946 7.16117 24.8388C9.50537 27.183 12.6848 28.5 16 28.5C18.595 28.5 21.315 27.7212 23.2763 26.4175C23.331 26.3811 23.378 26.3344 23.4147 26.2798C23.4514 26.2253 23.4769 26.164 23.4899 26.0996C23.5029 26.0352 23.5031 25.9688 23.4905 25.9044C23.4778 25.8399 23.4526 25.7785 23.4163 25.7237C23.3799 25.669 23.3331 25.622 23.2786 25.5853C23.224 25.5486 23.1628 25.5231 23.0984 25.5101C23.0339 25.4971 22.9676 25.4969 22.9031 25.5095C22.8386 25.5222 22.7772 25.5474 22.7225 25.5837C20.9188 26.7838 18.405 27.5 16 27.5C13.7255 27.5 11.5021 26.8255 9.61094 25.5619C7.71978 24.2983 6.24579 22.5022 5.37539 20.4009C4.50498 18.2995 4.27724 15.9872 4.72097 13.7565C5.1647 11.5257 6.25997 9.47658 7.86827 7.86827C9.47658 6.25997 11.5257 5.1647 13.7565 4.72097C15.9872 4.27724 18.2995 4.50498 20.4009 5.37539C22.5022 6.24579 24.2983 7.71978 25.5619 9.61094C26.8255 11.5021 27.5 13.7255 27.5 16C27.5 19.915 25.625 20.5 24.5 20.5C23.375 20.5 21.5 19.915 21.5 16V11C21.5 10.8674 21.4473 10.7402 21.3536 10.6464C21.2598 10.5527 21.1326 10.5 21 10.5C20.8674 10.5 20.7402 10.5527 20.6464 10.6464C20.5527 10.7402 20.5 10.8674 20.5 11V12.8438C19.812 11.8629 18.8224 11.1335 17.6819 10.7665C16.5414 10.3996 15.3122 10.4151 14.1813 10.8107C13.0503 11.2063 12.0795 11.9604 11.4164 12.9583C10.7533 13.9562 10.4342 15.1433 10.5077 16.3392C10.5811 17.5351 11.043 18.6743 11.8231 19.5836C12.6033 20.4929 13.659 21.1226 14.8299 21.3769C16.0007 21.6312 17.2225 21.4962 18.3096 20.9925C19.3967 20.4888 20.2896 19.6439 20.8525 18.5863C21.4325 20.4475 22.7075 21.5 24.5 21.5C27 21.5 28.5 19.4438 28.5 16C28.4964 12.6859 27.1782 9.5086 24.8348 7.16518C22.4914 4.82177 19.3141 3.50364 16 3.5ZM16 20.5C15.11 20.5 14.24 20.2361 13.4999 19.7416C12.7599 19.2471 12.1831 18.5443 11.8425 17.7221C11.5019 16.8998 11.4128 15.995 11.5865 15.1221C11.7601 14.2492 12.1887 13.4474 12.818 12.818C13.4474 12.1887 14.2492 11.7601 15.1221 11.5865C15.995 11.4128 16.8998 11.5019 17.7221 11.8425C18.5443 12.1831 19.2471 12.7599 19.7416 13.4999C20.2361 14.24 20.5 15.11 20.5 16C20.5 17.1935 20.0259 18.3381 19.182 19.182C18.3381 20.0259 17.1935 20.5 16 20.5Z"
|
|
8
|
+
fill="currentColor"/>
|
|
9
|
+
</svg>
|
|
10
|
+
}
|
|
11
|
+
if (type === 'regular') {
|
|
12
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
13
|
+
<path
|
|
14
|
+
d="M16 3C12.5522 3 9.24558 4.36964 6.80761 6.80761C4.36964 9.24558 3 12.5522 3 16C3 19.4478 4.36964 22.7544 6.80761 25.1924C9.24558 27.6304 12.5522 29 16 29C18.6888 29 21.5125 28.19 23.5537 26.8337C23.6632 26.761 23.7572 26.6675 23.8304 26.5584C23.9037 26.4494 23.9547 26.327 23.9807 26.1982C24.0066 26.0694 24.0069 25.9368 23.9816 25.8078C23.9563 25.6789 23.9058 25.5563 23.8331 25.4469C23.7604 25.3375 23.6668 25.2435 23.5578 25.1702C23.4487 25.097 23.3263 25.0459 23.1975 25.02C23.0688 24.994 22.9361 24.9937 22.8072 25.019C22.6783 25.0443 22.5557 25.0948 22.4463 25.1675C20.75 26.2975 18.2762 27 16 27C13.8244 27 11.6977 26.3549 9.88873 25.1462C8.07979 23.9375 6.66989 22.2195 5.83733 20.2095C5.00476 18.1995 4.78692 15.9878 5.21136 13.854C5.6358 11.7202 6.68345 9.7602 8.22183 8.22183C9.7602 6.68345 11.7202 5.6358 13.854 5.21136C15.9878 4.78692 18.1995 5.00476 20.2095 5.83733C22.2195 6.66989 23.9375 8.07979 25.1462 9.88873C26.3549 11.6977 27 13.8244 27 16C27 19.3062 25.64 20 24.5 20C23.36 20 22 19.3062 22 16V11C22 10.7348 21.8946 10.4804 21.7071 10.2929C21.5196 10.1054 21.2652 10 21 10C20.7348 10 20.4804 10.1054 20.2929 10.2929C20.1054 10.4804 20 10.7348 20 11V11.5325C19.1026 10.7279 17.9837 10.2122 16.789 10.0527C15.5944 9.89311 14.3793 10.097 13.3022 10.6379C12.2251 11.1788 11.3359 12.0315 10.7503 13.0849C10.1648 14.1384 9.91007 15.3438 10.0194 16.5441C10.1287 17.7445 10.597 18.884 11.3633 19.8144C12.1295 20.7447 13.1582 21.4227 14.3153 21.7601C15.4724 22.0974 16.7043 22.0784 17.8505 21.7056C18.9967 21.3328 20.004 20.6235 20.7412 19.67C21.4912 21.17 22.785 22 24.5 22C27.3175 22 29 19.7575 29 16C28.9964 12.5533 27.6256 9.24882 25.1884 6.81163C22.7512 4.37445 19.4467 3.00364 16 3ZM16 20C15.2089 20 14.4355 19.7654 13.7777 19.3259C13.1199 18.8864 12.6072 18.2616 12.3045 17.5307C12.0017 16.7998 11.9225 15.9956 12.0769 15.2196C12.2312 14.4437 12.6122 13.731 13.1716 13.1716C13.731 12.6122 14.4437 12.2312 15.2196 12.0769C15.9956 11.9225 16.7998 12.0017 17.5307 12.3045C18.2616 12.6072 18.8864 13.1199 19.3259 13.7777C19.7654 14.4355 20 15.2089 20 16C20 17.0609 19.5786 18.0783 18.8284 18.8284C18.0783 19.5786 17.0609 20 16 20Z"
|
|
15
|
+
fill="currentColor"/>
|
|
16
|
+
</svg>
|
|
17
|
+
}
|
|
18
|
+
if (type === 'bold') {
|
|
19
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
20
|
+
<path
|
|
21
|
+
d="M16 2.5C12.4196 2.5 8.9858 3.92232 6.45406 6.45406C3.92232 8.9858 2.5 12.4196 2.5 16C2.5 19.5804 3.92232 23.0142 6.45406 25.5459C8.9858 28.0777 12.4196 29.5 16 29.5C18.7838 29.5 21.7113 28.6588 23.83 27.25C24.1615 27.0297 24.392 26.6867 24.4706 26.2965C24.5492 25.9064 24.4697 25.5009 24.2494 25.1694C24.0291 24.8379 23.6861 24.6074 23.2959 24.5288C22.9057 24.4501 22.5003 24.5297 22.1688 24.75C20.5438 25.8288 18.1825 26.5 16 26.5C13.9233 26.5 11.8932 25.8842 10.1665 24.7304C8.4398 23.5767 7.09399 21.9368 6.29926 20.0182C5.50454 18.0996 5.29661 15.9884 5.70175 13.9516C6.1069 11.9148 7.10693 10.0438 8.57538 8.57538C10.0438 7.10693 11.9148 6.1069 13.9516 5.70175C15.9884 5.29661 18.0996 5.50454 20.0182 6.29926C21.9368 7.09399 23.5767 8.4398 24.7304 10.1665C25.8842 11.8932 26.5 13.9233 26.5 16C26.5 17.1613 26.2913 18.135 25.9137 18.7437C25.5837 19.2738 25.1637 19.5 24.5 19.5C23.8363 19.5 23.4163 19.2738 23.0863 18.7437C22.7113 18.135 22.5 17.1613 22.5 16V11C22.5 10.6401 22.3705 10.2922 22.1353 10.0198C21.9 9.74735 21.5747 9.56861 21.2186 9.51616C20.8625 9.46371 20.4994 9.54105 20.1956 9.73406C19.8918 9.92706 19.6676 10.2229 19.5637 10.5675C18.5324 9.88983 17.3295 9.51975 16.0956 9.50052C14.8617 9.4813 13.6478 9.81372 12.5959 10.4589C11.5439 11.1041 10.6974 12.0354 10.1552 13.144C9.61307 14.2526 9.39768 15.4926 9.53424 16.7191C9.67081 17.9455 10.1537 19.1078 10.9264 20.0699C11.6992 21.0321 12.7298 21.7544 13.8979 22.1524C15.066 22.5504 16.3233 22.6077 17.5227 22.3175C18.7222 22.0273 19.8142 21.4017 20.6712 20.5138C21.5375 21.7875 22.8512 22.5 24.5 22.5C27.5837 22.5 29.5 20.01 29.5 16C29.496 12.4208 28.0724 8.98932 25.5416 6.45844C23.0107 3.92756 19.5792 2.50397 16 2.5ZM16 19.5C15.3078 19.5 14.6311 19.2947 14.0555 18.9101C13.4799 18.5256 13.0313 17.9789 12.7664 17.3394C12.5015 16.6999 12.4322 15.9961 12.5673 15.3172C12.7023 14.6383 13.0356 14.0146 13.5251 13.5251C14.0146 13.0356 14.6383 12.7023 15.3172 12.5673C15.9961 12.4322 16.6999 12.5015 17.3394 12.7664C17.9789 13.0313 18.5256 13.4799 18.9101 14.0555C19.2947 14.6311 19.5 15.3078 19.5 16C19.5 16.9283 19.1313 17.8185 18.4749 18.4749C17.8185 19.1313 16.9283 19.5 16 19.5Z"
|
|
22
|
+
fill="currentColor"/>
|
|
23
|
+
</svg>
|
|
24
|
+
}
|
|
25
|
+
if (type === 'fill') {
|
|
26
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
27
|
+
<path
|
|
28
|
+
d="M29 15.9999C29 16.0637 29 16.1249 29 16.1899C28.9575 17.9724 28.2962 19.9999 25.5 19.9999C22.6075 19.9999 22 17.8249 22 15.9999V10.9999C22.0003 10.8629 21.9724 10.7272 21.9181 10.6013C21.8637 10.4755 21.7841 10.3621 21.6841 10.2683C21.5841 10.1746 21.4659 10.1023 21.3368 10.0562C21.2077 10.01 21.0705 9.99086 20.9338 9.99995C20.6762 10.0221 20.4366 10.1411 20.2633 10.3329C20.09 10.5248 19.9959 10.7752 20 11.0337V11.5337C19.0972 10.7246 17.9706 10.2079 16.7684 10.0518C15.5663 9.89561 14.345 10.1073 13.2655 10.6588C12.186 11.2104 11.2989 12.0761 10.721 13.1418C10.1431 14.2074 9.90165 15.4232 10.0283 16.6288C10.155 17.8344 10.6439 18.9734 11.4307 19.8957C12.2174 20.818 13.2651 21.4803 14.4356 21.7955C15.6062 22.1106 16.8448 22.0638 17.9883 21.6612C19.1317 21.2586 20.1264 20.519 20.8412 19.5399C20.9662 19.7586 21.1075 19.9675 21.2638 20.1649C21.935 20.9999 23.2137 21.9999 25.5 21.9999C25.8861 22.0012 26.2717 21.9699 26.6525 21.9062C26.7467 21.8905 26.8433 21.9021 26.9311 21.9396C27.0189 21.9771 27.0941 22.0389 27.1479 22.1178C27.2016 22.1966 27.2317 22.2892 27.2345 22.3847C27.2373 22.4801 27.2128 22.5743 27.1637 22.6562C25.9885 24.6276 24.3124 26.253 22.3058 27.3671C20.2992 28.4813 18.0335 29.0446 15.7388 28.9999C8.89125 28.8624 3.275 23.3574 3.01 16.5137C2.94222 14.7866 3.21954 13.0632 3.82575 11.4446C4.43196 9.82587 5.35488 8.34433 6.54052 7.0866C7.72616 5.82888 9.15072 4.82022 10.7308 4.11963C12.311 3.41905 14.0149 3.04061 15.7431 3.00645C17.4712 2.97229 19.1888 3.28309 20.7954 3.92068C22.402 4.55828 23.8653 5.50985 25.0997 6.71974C26.3341 7.92963 27.3149 9.37354 27.9846 10.967C28.6543 12.5605 28.9995 14.2715 29 15.9999ZM12 15.9999C12 16.7911 12.2346 17.5644 12.6741 18.2222C13.1136 18.88 13.7384 19.3927 14.4693 19.6955C15.2002 19.9982 16.0044 20.0774 16.7804 19.9231C17.5563 19.7687 18.269 19.3878 18.8284 18.8284C19.3878 18.269 19.7688 17.5562 19.9231 16.7803C20.0775 16.0044 19.9983 15.2001 19.6955 14.4692C19.3928 13.7383 18.8801 13.1136 18.2223 12.6741C17.5645 12.2345 16.7911 11.9999 16 11.9999C14.9391 11.9999 13.9217 12.4214 13.1716 13.1715C12.4214 13.9217 12 14.9391 12 15.9999Z"
|
|
29
|
+
fill="currentColor"/>
|
|
30
|
+
</svg>
|
|
31
|
+
}
|
|
32
|
+
if (type === 'duotone') {
|
|
33
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
34
|
+
<path opacity="0.2"
|
|
35
|
+
d="M28 16C28 18.3734 27.2962 20.6935 25.9776 22.6668C24.6591 24.6402 22.7849 26.1783 20.5922 27.0866C18.3995 27.9948 15.9867 28.2324 13.6589 27.7694C11.3312 27.3064 9.19295 26.1635 7.51472 24.4853C5.83649 22.8071 4.6936 20.6689 4.23058 18.3411C3.76756 16.0133 4.0052 13.6005 4.91345 11.4078C5.8217 9.21509 7.35977 7.34094 9.33316 6.02236C11.3066 4.70379 13.6266 4 16 4C19.1826 4 22.2348 5.26428 24.4853 7.51472C26.7357 9.76516 28 12.8174 28 16Z"
|
|
36
|
+
fill="currentColor"/>
|
|
37
|
+
<path
|
|
38
|
+
d="M16 3C12.5522 3 9.24558 4.36964 6.80761 6.80761C4.36964 9.24558 3 12.5522 3 16C3 19.4478 4.36964 22.7544 6.80761 25.1924C9.24558 27.6304 12.5522 29 16 29C18.6888 29 21.5125 28.19 23.5537 26.8337C23.6632 26.761 23.7572 26.6675 23.8304 26.5584C23.9037 26.4494 23.9547 26.327 23.9807 26.1982C24.0066 26.0694 24.0069 25.9368 23.9816 25.8078C23.9563 25.6789 23.9058 25.5563 23.8331 25.4469C23.7604 25.3375 23.6668 25.2435 23.5578 25.1702C23.4487 25.097 23.3263 25.0459 23.1975 25.02C23.0688 24.994 22.9361 24.9937 22.8072 25.019C22.6783 25.0443 22.5557 25.0948 22.4463 25.1675C20.75 26.2975 18.2762 27 16 27C13.8244 27 11.6977 26.3549 9.88873 25.1462C8.07979 23.9375 6.66989 22.2195 5.83733 20.2095C5.00476 18.1995 4.78692 15.9878 5.21136 13.854C5.6358 11.7202 6.68345 9.7602 8.22183 8.22183C9.7602 6.68345 11.7202 5.6358 13.854 5.21136C15.9878 4.78692 18.1995 5.00476 20.2095 5.83733C22.2195 6.66989 23.9375 8.07979 25.1462 9.88873C26.3549 11.6977 27 13.8244 27 16C27 19.3062 25.64 20 24.5 20C23.36 20 22 19.3062 22 16V11C22 10.7348 21.8946 10.4804 21.7071 10.2929C21.5196 10.1054 21.2652 10 21 10C20.7348 10 20.4804 10.1054 20.2929 10.2929C20.1054 10.4804 20 10.7348 20 11V11.5325C19.1026 10.7279 17.9837 10.2122 16.789 10.0527C15.5944 9.89311 14.3793 10.097 13.3022 10.6379C12.2251 11.1788 11.3359 12.0315 10.7503 13.0849C10.1648 14.1384 9.91007 15.3438 10.0194 16.5441C10.1287 17.7445 10.597 18.884 11.3633 19.8144C12.1295 20.7447 13.1582 21.4227 14.3153 21.7601C15.4724 22.0974 16.7043 22.0784 17.8505 21.7056C18.9967 21.3328 20.004 20.6235 20.7412 19.67C21.4912 21.17 22.785 22 24.5 22C27.3175 22 29 19.7575 29 16C28.9964 12.5533 27.6256 9.24882 25.1884 6.81163C22.7512 4.37445 19.4467 3.00364 16 3ZM16 20C15.2089 20 14.4355 19.7654 13.7777 19.3259C13.1199 18.8864 12.6072 18.2616 12.3045 17.5307C12.0017 16.7998 11.9225 15.9956 12.0769 15.2196C12.2312 14.4437 12.6122 13.731 13.1716 13.1716C13.731 12.6122 14.4437 12.2312 15.2196 12.0769C15.9956 11.9225 16.7998 12.0017 17.5307 12.3045C18.2616 12.6072 18.8864 13.1199 19.3259 13.7777C19.7654 14.4355 20 15.2089 20 16C20 17.0609 19.5786 18.0783 18.8284 18.8284C18.0783 19.5786 17.0609 20 16 20Z"
|
|
39
|
+
fill="currentColor"/>
|
|
40
|
+
</svg>
|
|
41
|
+
}
|
|
42
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
43
|
+
<path
|
|
44
|
+
d="M16 3.25C12.6185 3.25 9.37548 4.5933 6.98439 6.98439C4.5933 9.37548 3.25 12.6185 3.25 16C3.25 19.3815 4.5933 22.6245 6.98439 25.0156C9.37548 27.4067 12.6185 28.75 16 28.75C18.6412 28.75 21.4138 27.9562 23.415 26.625C23.5808 26.5148 23.6959 26.3432 23.7352 26.1481C23.7745 25.9529 23.7346 25.7501 23.6244 25.5844C23.5141 25.4186 23.3426 25.3034 23.1474 25.2642C22.9523 25.2249 22.7495 25.2648 22.5837 25.375C20.8463 26.5312 18.3225 27.25 16 27.25C13.775 27.25 11.5999 26.5902 9.74984 25.354C7.89978 24.1179 6.45784 22.3609 5.60636 20.3052C4.75487 18.2495 4.53208 15.9875 4.96617 13.8052C5.40025 11.6229 6.47171 9.61839 8.04505 8.04505C9.61839 6.47171 11.6229 5.40025 13.8052 4.96617C15.9875 4.53208 18.2495 4.75487 20.3052 5.60636C22.3609 6.45784 24.1179 7.89978 25.354 9.74984C26.5902 11.5999 27.25 13.775 27.25 16C27.25 19.6975 25.5275 20.25 24.5 20.25C23.4725 20.25 21.75 19.6975 21.75 16V11C21.75 10.8011 21.671 10.6103 21.5303 10.4697C21.3897 10.329 21.1989 10.25 21 10.25C20.8011 10.25 20.6103 10.329 20.4697 10.4697C20.329 10.6103 20.25 10.8011 20.25 11V12.125C19.4438 11.2386 18.3809 10.6261 17.2097 10.3732C16.0385 10.1203 14.8176 10.2396 13.7175 10.7145C12.6174 11.1893 11.6931 11.9959 11.0738 13.0216C10.4545 14.0473 10.171 15.2408 10.2631 16.4355C10.3552 17.6301 10.8181 18.7662 11.5873 19.6849C12.3564 20.6036 13.3934 21.2591 14.5532 21.5597C15.7131 21.8604 16.9379 21.7912 18.0565 21.3619C19.1751 20.9325 20.1317 20.1645 20.7925 19.165C21.47 20.825 22.75 21.75 24.5 21.75C27.1613 21.75 28.75 19.6 28.75 16C28.746 12.6197 27.4015 9.379 25.0112 6.98877C22.621 4.59854 19.3803 3.25397 16 3.25ZM16 20.25C15.1594 20.25 14.3377 20.0007 13.6388 19.5337C12.9399 19.0668 12.3952 18.403 12.0735 17.6264C11.7518 16.8498 11.6677 15.9953 11.8317 15.1709C11.9956 14.3464 12.4004 13.5892 12.9948 12.9948C13.5892 12.4004 14.3464 11.9956 15.1709 11.8317C15.9953 11.6677 16.8498 11.7518 17.6264 12.0735C18.403 12.3952 19.0668 12.9399 19.5337 13.6388C20.0007 14.3377 20.25 15.1594 20.25 16C20.25 17.1272 19.8022 18.2082 19.0052 19.0052C18.2082 19.8022 17.1272 20.25 16 20.25Z"
|
|
45
|
+
fill="currentColor"/>
|
|
46
|
+
</svg>
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
export default At;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import Broadcast from './Broadcast.tsx';
|
|
3
|
+
|
|
4
|
+
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
|
|
5
|
+
const meta = {
|
|
6
|
+
title: 'Design Token/Icons/Communication/Broadcast',
|
|
7
|
+
component: Broadcast ,
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: 'centered',
|
|
10
|
+
},
|
|
11
|
+
argTypes: {
|
|
12
|
+
type: {
|
|
13
|
+
options: ["light" , "bold" , "fill" , "duotone" , "regular" , "thin"],
|
|
14
|
+
control: { type: 'select' },
|
|
15
|
+
},
|
|
16
|
+
},
|
|
17
|
+
tags: ['autodocs'],
|
|
18
|
+
} satisfies Meta<typeof Broadcast >;
|
|
19
|
+
|
|
20
|
+
export default meta;
|
|
21
|
+
type Story = StoryObj<typeof Broadcast>;
|
|
22
|
+
|
|
23
|
+
export const Icon: Story = {
|
|
24
|
+
args: {
|
|
25
|
+
type:'light'
|
|
26
|
+
},
|
|
27
|
+
};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import IconProps from "../../IconProps";
|
|
2
|
+
|
|
3
|
+
const Broadcast = ({type}: IconProps) => {
|
|
4
|
+
if (type === 'thin') {
|
|
5
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
6
|
+
<path
|
|
7
|
+
d="M16.0006 11.5C15.1106 11.5 14.2405 11.7639 13.5005 12.2583C12.7605 12.7528 12.1837 13.4556 11.8431 14.2779C11.5025 15.1001 11.4134 16.0049 11.587 16.8779C11.7607 17.7508 12.1893 18.5526 12.8186 19.1819C13.4479 19.8113 14.2498 20.2399 15.1227 20.4135C15.9956 20.5871 16.9004 20.498 17.7227 20.1574C18.5449 19.8168 19.2477 19.24 19.7422 18.5C20.2367 17.76 20.5006 16.89 20.5006 16C20.5006 14.8065 20.0265 13.6619 19.1826 12.818C18.3386 11.9741 17.1941 11.5 16.0006 11.5ZM16.0006 19.5C15.3083 19.5 14.6317 19.2947 14.0561 18.9101C13.4805 18.5255 13.0319 17.9789 12.767 17.3393C12.5021 16.6998 12.4328 15.9961 12.5678 15.3171C12.7029 14.6382 13.0362 14.0146 13.5257 13.5251C14.0152 13.0356 14.6388 12.7023 15.3178 12.5672C15.9967 12.4322 16.7004 12.5015 17.34 12.7664C17.9795 13.0313 18.5261 13.4799 18.9107 14.0555C19.2953 14.631 19.5006 15.3077 19.5006 16C19.5006 16.9282 19.1318 17.8185 18.4755 18.4748C17.8191 19.1312 16.9288 19.5 16.0006 19.5ZM25.5006 16C25.5038 18.3374 24.6423 20.5934 23.0818 22.3337C22.9933 22.4332 22.8689 22.4934 22.736 22.5011C22.6031 22.5089 22.4725 22.4635 22.3731 22.375C22.2736 22.2864 22.2134 22.162 22.2057 22.0291C22.1979 21.8962 22.2433 21.7657 22.3318 21.6662C23.7275 20.1089 24.4994 18.0912 24.4994 16C24.4994 13.9087 23.7275 11.891 22.3318 10.3337C22.2433 10.2342 22.1979 10.1037 22.2057 9.97079C22.2134 9.83787 22.2736 9.71347 22.3731 9.62495C22.4725 9.53644 22.6031 9.49106 22.736 9.49879C22.8689 9.50653 22.9933 9.56675 23.0818 9.6662C24.6423 11.4065 25.5038 13.6625 25.5006 16ZM8.16808 12.6912C7.54066 14.1753 7.34853 15.8074 7.61414 17.3966C7.87976 18.9859 8.59215 20.4668 9.66808 21.6662C9.71191 21.7155 9.74561 21.7728 9.76725 21.8351C9.7889 21.8974 9.79807 21.9633 9.79424 22.0291C9.79041 22.0949 9.77365 22.1594 9.74493 22.2187C9.7162 22.278 9.67607 22.3311 9.62683 22.375C9.57758 22.4188 9.52019 22.4525 9.45792 22.4741C9.39565 22.4958 9.32972 22.5049 9.26391 22.5011C9.1981 22.4973 9.13368 22.4805 9.07434 22.4518C9.01501 22.4231 8.96191 22.3829 8.91808 22.3337C7.35819 20.5928 6.49559 18.3375 6.49559 16C6.49559 13.6624 7.35819 11.4071 8.91808 9.6662C8.96191 9.61696 9.01501 9.57683 9.07434 9.5481C9.13368 9.51938 9.1981 9.50262 9.26391 9.49879C9.32972 9.49496 9.39565 9.50413 9.45792 9.52578C9.52019 9.54743 9.57758 9.58113 9.62683 9.62495C9.67607 9.66878 9.7162 9.72188 9.74493 9.78122C9.77365 9.84056 9.79041 9.90497 9.79424 9.97079C9.79807 10.0366 9.7889 10.1025 9.76725 10.1648C9.74561 10.2271 9.71191 10.2845 9.66808 10.3337C9.04145 11.0314 8.5346 11.828 8.16808 12.6912ZM30.5006 16C30.5049 19.795 29.017 23.4396 26.3581 26.1475C26.2653 26.2423 26.1386 26.2963 26.0059 26.2977C25.8732 26.2991 25.7454 26.2478 25.6506 26.155C25.5558 26.0621 25.5017 25.9354 25.5003 25.8028C25.4989 25.6701 25.5503 25.5423 25.6431 25.4475C28.1184 22.9258 29.5052 19.5335 29.5052 16C29.5052 12.4664 28.1184 9.07406 25.6431 6.55245C25.5503 6.45764 25.4989 6.32983 25.5003 6.19715C25.5017 6.06447 25.5558 5.93778 25.6506 5.84495C25.7454 5.75213 25.8732 5.70077 26.0059 5.70218C26.1386 5.70358 26.2653 5.75764 26.3581 5.85245C29.017 8.5603 30.5049 12.2049 30.5006 16ZM6.35808 25.4475C6.4509 25.5423 6.50226 25.6701 6.50086 25.8028C6.49945 25.9354 6.44539 26.0621 6.35058 26.155C6.25576 26.2478 6.12796 26.2991 5.99527 26.2977C5.86259 26.2963 5.7359 26.2423 5.64308 26.1475C2.98512 23.4386 1.49609 19.795 1.49609 16C1.49609 12.2049 2.98512 8.5613 5.64308 5.85245C5.7359 5.75764 5.86259 5.70358 5.99527 5.70218C6.12796 5.70077 6.25576 5.75213 6.35058 5.84495C6.44539 5.93778 6.49945 6.06447 6.50086 6.19715C6.50226 6.32983 6.4509 6.45764 6.35808 6.55245C3.88275 9.07406 2.49595 12.4664 2.49595 16C2.49595 19.5335 3.88275 22.9258 6.35808 25.4475Z"
|
|
8
|
+
fill="currentColor"/>
|
|
9
|
+
</svg>
|
|
10
|
+
}
|
|
11
|
+
if (type === 'regular') {
|
|
12
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
13
|
+
<path
|
|
14
|
+
d="M16.0003 11C15.0114 11 14.0447 11.2933 13.2225 11.8427C12.4002 12.3921 11.7594 13.173 11.3809 14.0866C11.0025 15.0002 10.9035 16.0056 11.0964 16.9755C11.2893 17.9454 11.7655 18.8363 12.4648 19.5355C13.164 20.2348 14.055 20.711 15.0249 20.9039C15.9948 21.0969 17.0001 20.9979 17.9137 20.6194C18.8274 20.241 19.6083 19.6001 20.1577 18.7779C20.7071 17.9556 21.0003 16.9889 21.0003 16C21.0003 14.6739 20.4735 13.4022 19.5358 12.4645C18.5982 11.5268 17.3264 11 16.0003 11ZM16.0003 19C15.407 19 14.8269 18.8241 14.3336 18.4944C13.8403 18.1648 13.4557 17.6962 13.2287 17.1481C13.0016 16.5999 12.9422 15.9967 13.058 15.4147C13.1737 14.8328 13.4594 14.2983 13.879 13.8787C14.2985 13.4591 14.8331 13.1734 15.415 13.0577C15.997 12.9419 16.6002 13.0013 17.1484 13.2284C17.6965 13.4554 18.1651 13.84 18.4947 14.3333C18.8244 14.8267 19.0003 15.4067 19.0003 16C19.0003 16.7957 18.6842 17.5587 18.1216 18.1213C17.559 18.6839 16.796 19 16.0003 19ZM25.2141 19.8925C24.7844 20.9082 24.1897 21.8459 23.4541 22.6675C23.2759 22.8603 23.0291 22.9753 22.767 22.9877C22.5048 23.0001 22.2483 22.9089 22.0527 22.7339C21.8571 22.5588 21.7382 22.3139 21.7217 22.052C21.7051 21.79 21.7921 21.5321 21.9641 21.3338C23.2771 19.8677 24.0032 17.9688 24.0032 16.0006C24.0032 14.0325 23.2771 12.1336 21.9641 10.6675C21.874 10.5701 21.8043 10.4557 21.7589 10.3311C21.7135 10.2064 21.6933 10.074 21.6996 9.94148C21.7059 9.80897 21.7384 9.67903 21.7954 9.55924C21.8524 9.43944 21.9327 9.33218 22.0315 9.2437C22.1303 9.15522 22.2458 9.08729 22.3712 9.04387C22.4965 9.00045 22.6292 8.98241 22.7616 8.99079C22.894 8.99917 23.0234 9.03382 23.1423 9.0927C23.2612 9.15158 23.3672 9.23353 23.4541 9.33376C24.7167 10.7467 25.5524 12.489 25.864 14.3581C26.1756 16.2272 25.9502 18.1464 25.2141 19.8925ZM8.62531 12.8863C8.03529 14.283 7.85433 15.8186 8.10352 17.3142C8.35271 18.8098 9.0218 20.2038 10.0328 21.3338C10.2047 21.5321 10.2918 21.79 10.2752 22.052C10.2586 22.3139 10.1397 22.5588 9.94417 22.7339C9.74861 22.9089 9.49207 23.0001 9.2299 22.9877C8.96773 22.9753 8.72095 22.8603 8.54281 22.6675C6.90104 20.835 5.99319 18.4611 5.99319 16.0006C5.99319 13.5402 6.90104 11.1663 8.54281 9.33376C8.71968 9.13568 8.96799 9.01597 9.23312 9.00097C9.49825 8.98596 9.75848 9.0769 9.95656 9.25376C10.1546 9.43063 10.2744 9.67894 10.2894 9.94407C10.3044 10.2092 10.2134 10.4694 10.0366 10.6675C9.44656 11.3239 8.96966 12.0737 8.62531 12.8863ZM31.0003 16C31.0064 19.9272 29.4667 23.699 26.7141 26.5C26.623 26.5974 26.5134 26.6756 26.3917 26.7299C26.2699 26.7843 26.1386 26.8138 26.0053 26.8167C25.872 26.8196 25.7395 26.7958 25.6155 26.7467C25.4916 26.6976 25.3787 26.6242 25.2835 26.5309C25.1884 26.4375 25.1128 26.3261 25.0613 26.2031C25.0098 26.0801 24.9834 25.9481 24.9837 25.8148C24.984 25.6815 25.0109 25.5496 25.063 25.4268C25.115 25.3041 25.191 25.193 25.2866 25.1C27.67 22.6717 29.0053 19.4051 29.0053 16.0025C29.0053 12.6 27.67 9.33331 25.2866 6.90501C25.1002 6.71572 24.9968 6.46016 24.9989 6.19456C25.001 5.92896 25.1085 5.67508 25.2978 5.48876C25.4871 5.30245 25.7427 5.19896 26.0083 5.20107C26.2739 5.20318 26.5277 5.31072 26.7141 5.50001C29.4667 8.30105 31.0064 12.0728 31.0003 16ZM6.71406 25.0975C6.80615 25.1912 6.87888 25.3022 6.92809 25.424C6.9773 25.5459 7.00203 25.6762 7.00087 25.8076C6.99971 25.939 6.97268 26.0689 6.92132 26.1898C6.86997 26.3108 6.79529 26.4204 6.70156 26.5125C6.60783 26.6046 6.49688 26.6773 6.37504 26.7265C6.2532 26.7758 6.12287 26.8005 5.99147 26.7993C5.86008 26.7982 5.7302 26.7711 5.60925 26.7198C5.4883 26.6684 5.37865 26.5937 5.28656 26.5C2.53429 23.6981 0.992188 19.9276 0.992188 16C0.992188 12.0725 2.53429 8.30192 5.28656 5.50001C5.37763 5.40265 5.48724 5.32448 5.60896 5.27009C5.73068 5.21571 5.86204 5.18621 5.99533 5.18334C6.12861 5.18046 6.26113 5.20427 6.38508 5.25335C6.50903 5.30244 6.62191 5.37581 6.71709 5.46916C6.81227 5.5625 6.88783 5.67394 6.93931 5.79691C6.9908 5.91988 7.01717 6.05191 7.01689 6.18522C7.01661 6.31854 6.98967 6.45045 6.93767 6.5732C6.88566 6.69596 6.80964 6.80707 6.71406 6.90001C4.33064 9.32831 2.99536 12.595 2.99536 15.9975C2.99536 19.4001 4.33064 22.6667 6.71406 25.095V25.0975Z"
|
|
15
|
+
fill="currentColor"/>
|
|
16
|
+
</svg>
|
|
17
|
+
}
|
|
18
|
+
if (type === 'bold') {
|
|
19
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
20
|
+
<path
|
|
21
|
+
d="M15.9992 10.5C14.9114 10.5 13.8481 10.8225 12.9436 11.4269C12.0391 12.0312 11.3342 12.8902 10.9179 13.8952C10.5016 14.9002 10.3927 16.0061 10.6049 17.073C10.8171 18.1399 11.341 19.1199 12.1101 19.8891C12.8793 20.6583 13.8593 21.1821 14.9262 21.3943C15.9931 21.6065 17.099 21.4976 18.104 21.0813C19.109 20.665 19.968 19.9601 20.5723 19.0556C21.1767 18.1511 21.4992 17.0878 21.4992 16C21.4976 14.5418 20.9176 13.1438 19.8865 12.1127C18.8554 11.0816 17.4574 10.5016 15.9992 10.5ZM15.9992 18.5C15.5048 18.5 15.0214 18.3534 14.6103 18.0787C14.1992 17.8039 13.8788 17.4135 13.6895 16.9567C13.5003 16.4999 13.4508 15.9972 13.5473 15.5122C13.6437 15.0273 13.8818 14.5818 14.2315 14.2322C14.5811 13.8826 15.0266 13.6445 15.5115 13.548C15.9965 13.4516 16.4991 13.5011 16.9559 13.6903C17.4128 13.8795 17.8032 14.1999 18.0779 14.6111C18.3526 15.0222 18.4992 15.5055 18.4992 16C18.4992 16.663 18.2358 17.2989 17.767 17.7677C17.2982 18.2366 16.6623 18.5 15.9992 18.5ZM25.673 20.0875C25.222 21.1536 24.5978 22.1377 23.8255 23C23.5603 23.2965 23.1881 23.4756 22.7909 23.4977C22.3937 23.5199 22.0039 23.3833 21.7074 23.1181C21.4108 22.8529 21.2318 22.4807 21.2096 22.0835C21.1875 21.6863 21.324 21.2965 21.5892 21C22.8212 19.6259 23.5025 17.8454 23.5025 16C23.5025 14.1545 22.8212 12.374 21.5892 11C21.324 10.7034 21.1875 10.3137 21.2096 9.91645C21.2318 9.51922 21.4108 9.14707 21.7074 8.88185C22.0039 8.61663 22.3937 8.48008 22.7909 8.50224C23.1881 8.52439 23.5603 8.70343 23.8255 8.99998C25.1516 10.4836 26.0292 12.3132 26.3562 14.276C26.6833 16.2387 26.4463 18.2541 25.673 20.0875ZM10.4092 21C10.6744 21.2965 10.811 21.6863 10.7888 22.0835C10.7667 22.4807 10.5877 22.8529 10.2911 23.1181C9.99456 23.3833 9.60481 23.5199 9.20758 23.4977C8.81036 23.4756 8.4382 23.2965 8.17298 23C6.4496 21.0757 5.49666 18.5832 5.49666 16C5.49666 13.4167 6.4496 10.9243 8.17298 8.99998C8.4382 8.70343 8.81036 8.52439 9.20758 8.50224C9.60481 8.48008 9.99456 8.61663 10.2911 8.88185C10.5877 9.14707 10.7667 9.51922 10.7888 9.91645C10.811 10.3137 10.6744 10.7034 10.4092 11C9.17729 12.374 8.49598 14.1545 8.49598 16C8.49598 17.8454 9.17729 19.6259 10.4092 21ZM31.4992 16C31.5041 20.057 29.9134 23.9531 27.0705 26.8475C26.9346 26.9959 26.7703 27.1155 26.5873 27.1991C26.4042 27.2828 26.2062 27.3287 26.0051 27.3342C25.8039 27.3397 25.6037 27.3047 25.4164 27.2313C25.229 27.1578 25.0584 27.0474 24.9146 26.9066C24.7708 26.7659 24.6568 26.5976 24.5794 26.4119C24.502 26.2261 24.4627 26.0267 24.464 25.8255C24.4652 25.6242 24.5069 25.4253 24.5867 25.2406C24.6664 25.0558 24.7825 24.889 24.928 24.75C27.2219 22.4152 28.5072 19.2731 28.5072 16C28.5072 12.7269 27.2219 9.58472 24.928 7.24998C24.6495 6.96586 24.4953 6.58276 24.4993 6.18495C24.5033 5.78714 24.6651 5.4072 24.9492 5.12873C25.2333 4.85025 25.6164 4.69604 26.0143 4.70003C26.4121 4.70401 26.792 4.86586 27.0705 5.14998C29.914 8.04492 31.5047 11.9421 31.4992 16ZM7.07048 24.75C7.34896 25.0341 7.50317 25.4172 7.49918 25.815C7.4952 26.2128 7.33335 26.5927 7.04923 26.8712C6.76512 27.1497 6.38202 27.3039 5.98421 27.2999C5.5864 27.2959 5.20646 27.1341 4.92798 26.85C2.0862 23.9545 0.494141 20.0595 0.494141 16.0025C0.494141 11.9455 2.0862 8.05044 4.92798 5.15498C5.21031 4.89266 5.58277 4.74908 5.96812 4.75399C6.35347 4.75891 6.72214 4.91196 6.99768 5.18139C7.27323 5.45082 7.4345 5.81597 7.44805 6.20111C7.4616 6.58626 7.3264 6.96184 7.07048 7.24998C4.77658 9.58472 3.49125 12.7269 3.49125 16C3.49125 19.2731 4.77658 22.4152 7.07048 24.75Z"
|
|
22
|
+
fill="currentColor"/>
|
|
23
|
+
</svg>
|
|
24
|
+
}
|
|
25
|
+
if (type === 'fill') {
|
|
26
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
27
|
+
<path
|
|
28
|
+
d="M21.0003 16C21.0003 16.9889 20.7071 17.9556 20.1577 18.7779C19.6083 19.6001 18.8274 20.241 17.9137 20.6194C17.0001 20.9979 15.9948 21.0969 15.0249 20.9039C14.055 20.711 13.164 20.2348 12.4648 19.5355C11.7655 18.8363 11.2893 17.9454 11.0964 16.9755C10.9035 16.0056 11.0025 15.0002 11.3809 14.0866C11.7594 13.173 12.4002 12.3921 13.2225 11.8427C14.0447 11.2933 15.0114 11 16.0003 11C17.3264 11 18.5982 11.5268 19.5358 12.4645C20.4735 13.4022 21.0003 14.6739 21.0003 16ZM26.0003 16C26.0033 13.5398 25.0964 11.1655 23.4541 9.33376C23.3672 9.23353 23.2612 9.15158 23.1423 9.0927C23.0234 9.03382 22.894 8.99917 22.7616 8.99079C22.6292 8.98241 22.4965 9.00045 22.3712 9.04387C22.2458 9.08729 22.1303 9.15522 22.0315 9.2437C21.9327 9.33218 21.8524 9.43944 21.7954 9.55924C21.7384 9.67903 21.7059 9.80897 21.6996 9.94148C21.6933 10.074 21.7135 10.2064 21.7589 10.3311C21.8043 10.4557 21.874 10.5701 21.9641 10.6675C23.2758 12.1342 24.001 14.0329 24.001 16.0006C24.001 17.9684 23.2758 19.8671 21.9641 21.3338C21.7921 21.5321 21.7051 21.79 21.7217 22.052C21.7382 22.3139 21.8571 22.5588 22.0527 22.7339C22.2483 22.9089 22.5048 23.0001 22.767 22.9877C23.0291 22.9753 23.2759 22.8603 23.4541 22.6675C25.0962 20.8352 26.003 18.4605 26.0003 16ZM10.0366 10.6675C10.1266 10.5701 10.1964 10.4557 10.2418 10.3311C10.2872 10.2064 10.3073 10.074 10.301 9.94148C10.2948 9.80897 10.2622 9.67903 10.2052 9.55924C10.1482 9.43944 10.068 9.33218 9.96912 9.2437C9.87028 9.15522 9.75482 9.08729 9.62947 9.04387C9.50411 9.00045 9.37137 8.98241 9.23898 8.99079C9.10658 8.99917 8.97718 9.03382 8.85831 9.0927C8.73943 9.15158 8.63346 9.23353 8.54656 9.33376C6.90505 11.1664 5.99737 13.5403 5.99737 16.0006C5.99737 18.461 6.90505 20.8348 8.54656 22.6675C8.7247 22.8603 8.97148 22.9753 9.23365 22.9877C9.49582 23.0001 9.75236 22.9089 9.94792 22.7339C10.1435 22.5588 10.2624 22.3139 10.279 22.052C10.2955 21.79 10.2085 21.5321 10.0366 21.3338C8.72351 19.8677 7.99746 17.9688 7.99746 16.0006C7.99746 14.0325 8.72351 12.1336 10.0366 10.6675ZM29.8216 10.1675C29.0897 8.42944 28.0353 6.8457 26.7141 5.50001C26.623 5.40265 26.5134 5.32448 26.3917 5.27009C26.2699 5.21571 26.1386 5.18621 26.0053 5.18334C25.872 5.18046 25.7395 5.20427 25.6155 5.25335C25.4916 5.30244 25.3787 5.37581 25.2835 5.46916C25.1884 5.5625 25.1128 5.67394 25.0613 5.79691C25.0098 5.91988 24.9834 6.05191 24.9837 6.18522C24.984 6.31854 25.0109 6.45045 25.063 6.5732C25.115 6.69596 25.191 6.80707 25.2866 6.90001C27.67 9.32831 29.0053 12.595 29.0053 15.9975C29.0053 19.4001 27.67 22.6667 25.2866 25.095C25.1943 25.1887 25.1214 25.2997 25.0721 25.4216C25.0227 25.5435 24.9978 25.674 24.9989 25.8055C24.9999 25.937 25.0269 26.067 25.0781 26.1881C25.1294 26.3092 25.2041 26.419 25.2978 26.5113C25.3915 26.6035 25.5025 26.6764 25.6244 26.7258C25.7463 26.7751 25.8768 26.8 26.0083 26.799C26.1398 26.7979 26.2698 26.771 26.3909 26.7197C26.512 26.6684 26.6218 26.5937 26.7141 26.5C28.7843 24.3858 30.1838 21.7071 30.7367 18.8002C31.2895 15.8933 30.9712 12.8878 29.8216 10.1613V10.1675ZM4.02156 21.06C3.02236 18.698 2.74485 16.093 3.22402 13.5736C3.70318 11.0541 4.91756 8.73283 6.71406 6.90251C6.90004 6.71322 7.00321 6.45779 7.00087 6.19243C6.99852 5.92706 6.89086 5.6735 6.70156 5.48751C6.51226 5.30153 6.25684 5.19836 5.99147 5.20071C5.72611 5.20305 5.47254 5.31072 5.28656 5.50001C2.53429 8.30192 0.992188 12.0725 0.992188 16C0.992188 19.9276 2.53429 23.6981 5.28656 26.5C5.37763 26.5974 5.48724 26.6756 5.60896 26.7299C5.73068 26.7843 5.86204 26.8138 5.99533 26.8167C6.12861 26.8196 6.26113 26.7958 6.38508 26.7467C6.50903 26.6976 6.62191 26.6242 6.71709 26.5309C6.81227 26.4375 6.88783 26.3261 6.93931 26.2031C6.9908 26.0801 7.01717 25.9481 7.01689 25.8148C7.01661 25.6815 6.98967 25.5496 6.93767 25.4268C6.88566 25.3041 6.80964 25.193 6.71406 25.1C5.56992 23.9351 4.65637 22.5644 4.02156 21.06Z"
|
|
29
|
+
fill="currentColor"/>
|
|
30
|
+
</svg>
|
|
31
|
+
}
|
|
32
|
+
if (type === 'duotone') {
|
|
33
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
34
|
+
<path opacity="0.2"
|
|
35
|
+
d="M20 16C20 16.7911 19.7654 17.5645 19.3259 18.2223C18.8864 18.8801 18.2616 19.3928 17.5307 19.6955C16.7998 19.9983 15.9956 20.0775 15.2196 19.9231C14.4437 19.7688 13.731 19.3878 13.1716 18.8284C12.6122 18.269 12.2312 17.5563 12.0769 16.7804C11.9225 16.0044 12.0017 15.2002 12.3045 14.4693C12.6072 13.7384 13.1199 13.1136 13.7777 12.6741C14.4355 12.2346 15.2089 12 16 12C17.0609 12 18.0783 12.4214 18.8284 13.1716C19.5786 13.9217 20 14.9391 20 16Z"
|
|
36
|
+
fill="currentColor"/>
|
|
37
|
+
<path
|
|
38
|
+
d="M16.0003 11C15.0114 11 14.0447 11.2933 13.2225 11.8427C12.4002 12.3921 11.7594 13.173 11.3809 14.0866C11.0025 15.0002 10.9035 16.0056 11.0964 16.9755C11.2893 17.9454 11.7655 18.8363 12.4648 19.5355C13.164 20.2348 14.055 20.711 15.0249 20.9039C15.9948 21.0969 17.0001 20.9979 17.9137 20.6194C18.8274 20.241 19.6083 19.6001 20.1577 18.7779C20.7071 17.9556 21.0003 16.9889 21.0003 16C21.0003 14.6739 20.4735 13.4022 19.5358 12.4645C18.5982 11.5268 17.3264 11 16.0003 11ZM16.0003 19C15.407 19 14.8269 18.8241 14.3336 18.4944C13.8403 18.1648 13.4557 17.6962 13.2287 17.1481C13.0016 16.5999 12.9422 15.9967 13.058 15.4147C13.1737 14.8328 13.4594 14.2983 13.879 13.8787C14.2985 13.4591 14.8331 13.1734 15.415 13.0577C15.997 12.9419 16.6002 13.0013 17.1484 13.2284C17.6965 13.4554 18.1651 13.84 18.4947 14.3333C18.8244 14.8267 19.0003 15.4067 19.0003 16C19.0003 16.7957 18.6842 17.5587 18.1216 18.1213C17.559 18.6839 16.796 19 16.0003 19ZM25.2141 19.8925C24.7844 20.9082 24.1897 21.8459 23.4541 22.6675C23.2759 22.8603 23.0291 22.9753 22.767 22.9877C22.5048 23.0001 22.2483 22.9089 22.0527 22.7339C21.8571 22.5588 21.7382 22.3139 21.7217 22.052C21.7051 21.79 21.7921 21.5321 21.9641 21.3338C23.2771 19.8677 24.0032 17.9688 24.0032 16.0006C24.0032 14.0325 23.2771 12.1336 21.9641 10.6675C21.874 10.5701 21.8043 10.4557 21.7589 10.3311C21.7135 10.2064 21.6933 10.074 21.6996 9.94148C21.7059 9.80897 21.7384 9.67903 21.7954 9.55924C21.8524 9.43944 21.9327 9.33218 22.0315 9.2437C22.1303 9.15522 22.2458 9.08729 22.3712 9.04387C22.4965 9.00045 22.6292 8.98241 22.7616 8.99079C22.894 8.99917 23.0234 9.03382 23.1423 9.0927C23.2612 9.15158 23.3672 9.23353 23.4541 9.33376C24.7167 10.7467 25.5524 12.489 25.864 14.3581C26.1756 16.2272 25.9502 18.1464 25.2141 19.8925ZM8.62531 12.8863C8.03529 14.283 7.85433 15.8186 8.10352 17.3142C8.35271 18.8098 9.0218 20.2038 10.0328 21.3338C10.2047 21.5321 10.2918 21.79 10.2752 22.052C10.2586 22.3139 10.1397 22.5588 9.94417 22.7339C9.74861 22.9089 9.49207 23.0001 9.2299 22.9877C8.96773 22.9753 8.72095 22.8603 8.54281 22.6675C6.90104 20.835 5.99319 18.4611 5.99319 16.0006C5.99319 13.5402 6.90104 11.1663 8.54281 9.33376C8.71968 9.13568 8.96799 9.01597 9.23312 9.00097C9.49825 8.98596 9.75848 9.0769 9.95656 9.25376C10.1546 9.43063 10.2744 9.67894 10.2894 9.94407C10.3044 10.2092 10.2134 10.4694 10.0366 10.6675C9.44656 11.3239 8.96966 12.0737 8.62531 12.8863ZM31.0003 16C31.0064 19.9272 29.4667 23.699 26.7141 26.5C26.623 26.5974 26.5134 26.6756 26.3917 26.7299C26.2699 26.7843 26.1386 26.8138 26.0053 26.8167C25.872 26.8196 25.7395 26.7958 25.6155 26.7467C25.4916 26.6976 25.3787 26.6242 25.2835 26.5309C25.1884 26.4375 25.1128 26.3261 25.0613 26.2031C25.0098 26.0801 24.9834 25.9481 24.9837 25.8148C24.984 25.6815 25.0109 25.5496 25.063 25.4268C25.115 25.3041 25.191 25.193 25.2866 25.1C27.67 22.6717 29.0053 19.4051 29.0053 16.0025C29.0053 12.6 27.67 9.33331 25.2866 6.90501C25.1002 6.71572 24.9968 6.46016 24.9989 6.19456C25.001 5.92896 25.1085 5.67508 25.2978 5.48876C25.4871 5.30245 25.7427 5.19896 26.0083 5.20107C26.2739 5.20318 26.5277 5.31072 26.7141 5.50001C29.4667 8.30105 31.0064 12.0728 31.0003 16ZM6.71406 25.0975C6.80615 25.1912 6.87888 25.3022 6.92809 25.424C6.9773 25.5459 7.00203 25.6762 7.00087 25.8076C6.99971 25.939 6.97268 26.0689 6.92132 26.1898C6.86997 26.3108 6.79529 26.4204 6.70156 26.5125C6.60783 26.6046 6.49688 26.6773 6.37504 26.7265C6.2532 26.7758 6.12287 26.8005 5.99147 26.7993C5.86008 26.7982 5.7302 26.7711 5.60925 26.7198C5.4883 26.6684 5.37865 26.5937 5.28656 26.5C2.53429 23.6981 0.992188 19.9276 0.992188 16C0.992188 12.0725 2.53429 8.30192 5.28656 5.50001C5.37763 5.40265 5.48724 5.32448 5.60896 5.27009C5.73068 5.21571 5.86204 5.18621 5.99533 5.18334C6.12861 5.18046 6.26113 5.20427 6.38508 5.25335C6.50903 5.30244 6.62191 5.37581 6.71709 5.46916C6.81227 5.5625 6.88783 5.67394 6.93931 5.79691C6.9908 5.91988 7.01717 6.05191 7.01689 6.18522C7.01661 6.31854 6.98967 6.45045 6.93767 6.5732C6.88566 6.69596 6.80964 6.80707 6.71406 6.90001C4.33064 9.32831 2.99536 12.595 2.99536 15.9975C2.99536 19.4001 4.33064 22.6667 6.71406 25.095V25.0975Z"
|
|
39
|
+
fill="currentColor"/>
|
|
40
|
+
</svg>
|
|
41
|
+
}
|
|
42
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
43
|
+
<path
|
|
44
|
+
d="M16.0003 11.2501C15.0608 11.2501 14.1425 11.5287 13.3613 12.0506C12.5802 12.5726 11.9714 13.3144 11.6119 14.1824C11.2523 15.0503 11.1583 16.0054 11.3416 16.9268C11.5248 17.8482 11.9772 18.6946 12.6415 19.3589C13.3058 20.0232 14.1522 20.4756 15.0736 20.6588C15.995 20.8421 16.9501 20.7481 17.818 20.3885C18.686 20.029 19.4278 19.4202 19.9498 18.6391C20.4717 17.8579 20.7503 16.9396 20.7503 16.0001C20.7503 14.7403 20.2498 13.5321 19.359 12.6414C18.4683 11.7506 17.2601 11.2501 16.0003 11.2501ZM16.0003 19.2501C15.3575 19.2501 14.7291 19.0595 14.1947 18.7024C13.6602 18.3453 13.2437 17.8377 12.9977 17.2438C12.7517 16.65 12.6873 15.9965 12.8127 15.3661C12.9381 14.7356 13.2477 14.1565 13.7022 13.702C14.1567 13.2475 14.7358 12.938 15.3662 12.8126C15.9967 12.6872 16.6502 12.7515 17.244 12.9975C17.8379 13.2435 18.3455 13.66 18.7026 14.1945C19.0597 14.729 19.2503 15.3573 19.2503 16.0001C19.2503 16.8621 18.9079 17.6887 18.2984 18.2982C17.6889 18.9077 16.8622 19.2501 16.0003 19.2501ZM25.7503 16.0001C25.7534 18.3989 24.8692 20.7141 23.2678 22.5001C23.1338 22.6431 22.9492 22.7279 22.7535 22.7365C22.5578 22.7451 22.3664 22.6768 22.2204 22.5461C22.0744 22.4155 21.9853 22.2329 21.9722 22.0374C21.9591 21.8419 22.023 21.6491 22.1503 21.5001C23.505 19.9884 24.2541 18.03 24.2541 16.0001C24.2541 13.9702 23.505 12.0118 22.1503 10.5001C22.0819 10.4272 22.0289 10.3413 21.9942 10.2476C21.9595 10.1539 21.9439 10.0542 21.9482 9.95431C21.9526 9.85446 21.9769 9.75649 22.0197 9.66617C22.0625 9.57585 22.1229 9.49498 22.1974 9.42834C22.2719 9.36169 22.3589 9.3106 22.4534 9.27807C22.5479 9.24554 22.648 9.23223 22.7477 9.23891C22.8474 9.2456 22.9448 9.27215 23.0341 9.31701C23.1234 9.36186 23.2029 9.42411 23.2678 9.50011C24.8692 11.2861 25.7534 13.6013 25.7503 16.0001ZM8.39779 12.7889C7.78845 14.2291 7.60146 15.8129 7.85866 17.3555C8.11586 18.898 8.80663 20.3355 9.85029 21.5001C9.98285 21.6483 10.0511 21.8431 10.0401 22.0416C10.0291 22.2402 9.93968 22.4262 9.79154 22.5589C9.64333 22.6914 9.44854 22.7597 9.25 22.7487C9.05147 22.7377 8.86543 22.6482 8.73279 22.5001C7.13214 20.7134 6.24702 18.3989 6.24702 16.0001C6.24702 13.6013 7.13214 11.2868 8.73279 9.50011C8.79771 9.42411 8.87715 9.36186 8.96647 9.31701C9.05578 9.27215 9.15316 9.2456 9.25288 9.23891C9.35261 9.23223 9.45266 9.24554 9.54716 9.27807C9.64167 9.3106 9.72871 9.36169 9.80319 9.42834C9.87767 9.49498 9.93808 9.57585 9.98086 9.66617C10.0236 9.75649 10.0479 9.85446 10.0523 9.95431C10.0567 10.0542 10.0411 10.1539 10.0064 10.2476C9.97172 10.3413 9.91864 10.4272 9.85029 10.5001C9.24363 11.178 8.75288 11.9513 8.39779 12.7889ZM30.7503 16.0001C30.7542 19.8605 29.2409 23.5678 26.5365 26.3226C26.3973 26.4648 26.2073 26.5459 26.0082 26.548C25.8092 26.5501 25.6175 26.4731 25.4753 26.3339C25.3331 26.1946 25.252 26.0046 25.2499 25.8056C25.2478 25.6065 25.3248 25.4148 25.464 25.2726C27.8939 22.7979 29.2552 19.4683 29.2552 16.0001C29.2552 12.5319 27.8939 9.20233 25.464 6.72761C25.3951 6.65719 25.3407 6.57387 25.304 6.48243C25.2672 6.39099 25.2488 6.2932 25.2499 6.19465C25.252 5.99563 25.3331 5.8056 25.4753 5.66636C25.6175 5.52712 25.8092 5.45008 26.0082 5.45219C26.1068 5.45324 26.2042 5.47368 26.2948 5.51236C26.3855 5.55103 26.4676 5.60719 26.5365 5.67761C29.2409 8.43244 30.7542 12.1397 30.7503 16.0001ZM6.53654 25.2726C6.60548 25.343 6.65988 25.4263 6.69663 25.5178C6.73338 25.6092 6.75175 25.707 6.75071 25.8056C6.74966 25.9041 6.72922 26.0015 6.69054 26.0921C6.65186 26.1828 6.59571 26.2649 6.52529 26.3339C6.45487 26.4028 6.37156 26.4572 6.28011 26.4939C6.18867 26.5307 6.09088 26.5491 5.99234 26.548C5.89379 26.547 5.79641 26.5265 5.70577 26.4879C5.61512 26.4492 5.53298 26.393 5.46404 26.3226C2.76057 23.5669 1.24609 19.8605 1.24609 16.0001C1.24609 12.1397 2.76057 8.43334 5.46404 5.67761C5.60328 5.53538 5.79331 5.4543 5.99234 5.45219C6.19136 5.45008 6.38307 5.52712 6.52529 5.66636C6.66751 5.8056 6.7486 5.99563 6.75071 6.19465C6.75282 6.39368 6.67578 6.58539 6.53654 6.72761C4.10672 9.20233 2.74537 12.5319 2.74537 16.0001C2.74537 19.4683 4.10672 22.7979 6.53654 25.2726Z"
|
|
45
|
+
fill="currentColor"/>
|
|
46
|
+
</svg>
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
export default Broadcast;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
|
|
3
|
+
import Chat from './Chat.tsx';
|
|
4
|
+
|
|
5
|
+
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
|
|
6
|
+
const meta = {
|
|
7
|
+
title: 'Design Token/Icons/Communication/Chat',
|
|
8
|
+
component: Chat ,
|
|
9
|
+
parameters: {
|
|
10
|
+
layout: 'centered',
|
|
11
|
+
},
|
|
12
|
+
argTypes: {
|
|
13
|
+
type: {
|
|
14
|
+
options: ["light" , "bold" , "fill" , "duotone" , "regular" , "thin"],
|
|
15
|
+
control: { type: 'select' },
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
tags: ['autodocs'],
|
|
19
|
+
} satisfies Meta<typeof Chat >;
|
|
20
|
+
|
|
21
|
+
export default meta;
|
|
22
|
+
type Story = StoryObj<typeof Chat>;
|
|
23
|
+
|
|
24
|
+
export const Icon: Story = {
|
|
25
|
+
args: {
|
|
26
|
+
type:'light'
|
|
27
|
+
},
|
|
28
|
+
};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import IconProps from "../../IconProps";
|
|
2
|
+
|
|
3
|
+
const Chat = ({type}: IconProps) => {
|
|
4
|
+
if (type === 'thin') {
|
|
5
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
6
|
+
<path
|
|
7
|
+
d="M27 6.5H5.00003C4.6022 6.5 4.22067 6.65804 3.93937 6.93934C3.65806 7.22064 3.50003 7.60218 3.50003 8V28C3.49825 28.286 3.57904 28.5665 3.73269 28.8077C3.88634 29.0489 4.10634 29.2407 4.36628 29.36C4.565 29.4517 4.78117 29.4995 5.00003 29.5C5.35224 29.4997 5.6929 29.3743 5.96128 29.1462L5.96878 29.1388L9.98628 25.6175C10.0775 25.5407 10.1932 25.499 10.3125 25.5H27C27.3979 25.5 27.7794 25.342 28.0607 25.0607C28.342 24.7794 28.5 24.3978 28.5 24V8C28.5 7.60218 28.342 7.22064 28.0607 6.93934C27.7794 6.65804 27.3979 6.5 27 6.5ZM27.5 24C27.5 24.1326 27.4474 24.2598 27.3536 24.3536C27.2598 24.4473 27.1326 24.5 27 24.5H10.3125C9.95579 24.501 9.6109 24.6281 9.33878 24.8587L5.31878 28.3838C5.24577 28.4442 5.1571 28.4826 5.0631 28.4945C4.96909 28.5065 4.87363 28.4915 4.78783 28.4513C4.70202 28.411 4.62942 28.3473 4.57846 28.2674C4.52751 28.1875 4.50031 28.0948 4.50003 28V8C4.50003 7.86739 4.55271 7.74021 4.64648 7.64645C4.74024 7.55268 4.86742 7.5 5.00003 7.5H27C27.1326 7.5 27.2598 7.55268 27.3536 7.64645C27.4474 7.74021 27.5 7.86739 27.5 8V24Z"
|
|
8
|
+
fill="currentColor"/>
|
|
9
|
+
</svg>
|
|
10
|
+
}
|
|
11
|
+
if (type === 'regular') {
|
|
12
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
13
|
+
<path
|
|
14
|
+
d="M27 6H5.00004C4.4696 6 3.9609 6.21071 3.58582 6.58579C3.21075 6.96086 3.00004 7.46957 3.00004 8V28C2.99773 28.3814 3.10562 28.7553 3.31074 29.0768C3.51585 29.3984 3.80947 29.6538 4.15629 29.8125C4.42057 29.9356 4.7085 29.9995 5.00004 30C5.46954 29.9989 5.92347 29.8315 6.28129 29.5275C6.28725 29.5236 6.29271 29.519 6.29754 29.5138L10.3125 26H27C27.5305 26 28.0392 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V8C29 7.46957 28.7893 6.96086 28.4142 6.58579C28.0392 6.21071 27.5305 6 27 6ZM27 24H10.3125C9.84156 23.9998 9.38562 24.1658 9.02504 24.4688L9.01004 24.4825L5.00004 28V8H27V24Z"
|
|
15
|
+
fill="currentColor"/>
|
|
16
|
+
</svg>
|
|
17
|
+
}
|
|
18
|
+
if (type === 'bold') {
|
|
19
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
20
|
+
<path
|
|
21
|
+
d="M27 5.5H5.00002C4.33698 5.5 3.7011 5.76339 3.23225 6.23223C2.76341 6.70107 2.50002 7.33696 2.50002 8V28C2.49802 28.4761 2.63325 28.9427 2.88952 29.3439C3.14578 29.7452 3.51223 30.0641 3.94502 30.2625C4.27724 30.418 4.63944 30.4991 5.00627 30.5C5.5933 30.4985 6.16091 30.2895 6.60877 29.91L6.63252 29.89L10.5 26.5H27C27.6631 26.5 28.2989 26.2366 28.7678 25.7678C29.2366 25.2989 29.5 24.663 29.5 24V8C29.5 7.33696 29.2366 6.70107 28.7678 6.23223C28.2989 5.76339 27.6631 5.5 27 5.5ZM26.5 23.5H10.3125C9.72398 23.5 9.1543 23.7076 8.70377 24.0863L8.68002 24.1063L5.50002 26.8925V8.5H26.5V23.5Z"
|
|
22
|
+
fill="currentColor"/>
|
|
23
|
+
</svg>
|
|
24
|
+
}
|
|
25
|
+
if (type === 'fill') {
|
|
26
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
27
|
+
<path
|
|
28
|
+
d="M29 8V24C29 24.5304 28.7893 25.0391 28.4143 25.4142C28.0392 25.7893 27.5305 26 27 26H10.3125L6.30254 29.5138C6.29771 29.519 6.29225 29.5236 6.28629 29.5275C5.92716 29.8326 5.47126 30.0001 5.00004 30C4.70663 29.9995 4.4169 29.9346 4.15129 29.81C3.80579 29.6508 3.51348 29.3954 3.30931 29.0744C3.10515 28.7534 2.99777 28.3804 3.00003 28V8C3.00003 7.46957 3.21075 6.96086 3.58582 6.58579C3.96089 6.21071 4.4696 6 5.00004 6H27C27.5305 6 28.0392 6.21071 28.4143 6.58579C28.7893 6.96086 29 7.46957 29 8Z"
|
|
29
|
+
fill="currentColor"/>
|
|
30
|
+
</svg>
|
|
31
|
+
}
|
|
32
|
+
if (type === 'duotone') {
|
|
33
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
34
|
+
<path opacity="0.2"
|
|
35
|
+
d="M28 8V24C28 24.2652 27.8946 24.5196 27.7071 24.7071C27.5196 24.8946 27.2652 25 27 25H10.3125C10.0769 25.0001 9.84896 25.0833 9.66875 25.235L5.64375 28.7637C5.4981 28.8863 5.3205 28.9647 5.13183 28.9898C4.94315 29.0149 4.75124 28.9856 4.57862 28.9054C4.40601 28.8252 4.25987 28.6974 4.15738 28.537C4.05488 28.3766 4.00028 28.1903 4 28V8C4 7.73478 4.10536 7.48043 4.29289 7.29289C4.48043 7.10536 4.73478 7 5 7H27C27.2652 7 27.5196 7.10536 27.7071 7.29289C27.8946 7.48043 28 7.73478 28 8Z"
|
|
36
|
+
fill="currentColor"/>
|
|
37
|
+
<path
|
|
38
|
+
d="M27 6H5.00004C4.4696 6 3.9609 6.21071 3.58582 6.58579C3.21075 6.96086 3.00004 7.46957 3.00004 8V28C2.99773 28.3814 3.10562 28.7553 3.31074 29.0768C3.51585 29.3984 3.80947 29.6538 4.15629 29.8125C4.42057 29.9356 4.7085 29.9995 5.00004 30C5.46954 29.9989 5.92347 29.8315 6.28129 29.5275C6.28725 29.5236 6.29271 29.519 6.29754 29.5138L10.3125 26H27C27.5305 26 28.0392 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V8C29 7.46957 28.7893 6.96086 28.4142 6.58579C28.0392 6.21071 27.5305 6 27 6ZM27 24H10.3125C9.84156 23.9998 9.38562 24.1658 9.02504 24.4688L9.01004 24.4825L5.00004 28V8H27V24Z"
|
|
39
|
+
fill="currentColor"/>
|
|
40
|
+
</svg>
|
|
41
|
+
}
|
|
42
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
43
|
+
<path
|
|
44
|
+
d="M27 6.25H5.00003C4.5359 6.25 4.09078 6.43437 3.76259 6.76256C3.4344 7.09075 3.25003 7.53587 3.25003 8V28C3.24822 28.3336 3.34265 28.6607 3.52201 28.9421C3.70136 29.2234 3.95804 29.4471 4.26128 29.5863C4.49278 29.6936 4.74483 29.7495 5.00003 29.75C5.41229 29.7502 5.81115 29.6035 6.12503 29.3363L6.13628 29.3263L10.1538 25.805C10.1988 25.7689 10.2548 25.7495 10.3125 25.75H27C27.4642 25.75 27.9093 25.5656 28.2375 25.2374C28.5656 24.9092 28.75 24.4641 28.75 24V8C28.75 7.53587 28.5656 7.09075 28.2375 6.76256C27.9093 6.43437 27.4642 6.25 27 6.25ZM27.25 24C27.25 24.0663 27.2237 24.1299 27.1768 24.1768C27.1299 24.2237 27.0663 24.25 27 24.25H10.3125C9.90083 24.2505 9.50248 24.3961 9.18753 24.6612L9.17628 24.6712L5.15628 28.1925C5.11968 28.2218 5.07559 28.2402 5.02903 28.2457C4.98247 28.2511 4.93532 28.2433 4.89296 28.2233C4.8506 28.2032 4.81473 28.1716 4.78946 28.1321C4.76419 28.0927 4.75052 28.0469 4.75003 28V8C4.75003 7.9337 4.77636 7.87011 4.82325 7.82322C4.87013 7.77634 4.93372 7.75 5.00003 7.75H27C27.0663 7.75 27.1299 7.77634 27.1768 7.82322C27.2237 7.87011 27.25 7.9337 27.25 8V24Z"
|
|
45
|
+
fill="currentColor"/>
|
|
46
|
+
</svg>
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
export default Chat;
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import IconProps from "../../IconProps";
|
|
2
|
+
|
|
3
|
+
const ChatCircleText = ({type}: IconProps) => {
|
|
4
|
+
if (type === "thin") {
|
|
5
|
+
return (
|
|
6
|
+
<svg
|
|
7
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
8
|
+
width="32"
|
|
9
|
+
height="32"
|
|
10
|
+
viewBox="0 0 32 32"
|
|
11
|
+
fill="none"
|
|
12
|
+
>
|
|
13
|
+
<path
|
|
14
|
+
d="M20.5 14C20.5 14.1326 20.4473 14.2597 20.3536 14.3535C20.2598 14.4473 20.1326 14.5 20 14.5H12C11.8674 14.5 11.7402 14.4473 11.6464 14.3535C11.5527 14.2597 11.5 14.1326 11.5 14C11.5 13.8674 11.5527 13.7402 11.6464 13.6464C11.7402 13.5526 11.8674 13.5 12 13.5H20C20.1326 13.5 20.2598 13.5526 20.3536 13.6464C20.4473 13.7402 20.5 13.8674 20.5 14ZM20 17.5H12C11.8674 17.5 11.7402 17.5526 11.6464 17.6464C11.5527 17.7402 11.5 17.8674 11.5 18C11.5 18.1326 11.5527 18.2597 11.6464 18.3535C11.7402 18.4473 11.8674 18.5 12 18.5H20C20.1326 18.5 20.2598 18.4473 20.3536 18.3535C20.4473 18.2597 20.5 18.1326 20.5 18C20.5 17.8674 20.4473 17.7402 20.3536 17.6464C20.2598 17.5526 20.1326 17.5 20 17.5ZM28.5 16C28.5004 18.1761 27.9327 20.3146 26.853 22.2041C25.7733 24.0935 24.2191 25.6683 22.3441 26.7727C20.469 27.8772 18.3381 28.473 16.1622 28.5012C13.9862 28.5295 11.8406 27.9891 9.9375 26.9337L5.47625 28.4212C5.21196 28.5093 4.92834 28.5221 4.65718 28.4581C4.38603 28.3942 4.13805 28.2559 3.94105 28.0589C3.74405 27.8619 3.6058 27.6139 3.54181 27.3428C3.47782 27.0716 3.49061 26.788 3.57875 26.5237L5.06625 22.0625C4.14157 20.3936 3.61117 18.5353 3.51567 16.6298C3.42017 14.7243 3.76212 12.8223 4.51531 11.0694C5.2685 9.31648 6.41295 7.75925 7.86097 6.51699C9.309 5.27473 11.0222 4.38042 12.8692 3.90257C14.7163 3.42472 16.6482 3.37602 18.517 3.76019C20.3858 4.14436 22.1419 4.95121 23.6506 6.11892C25.1594 7.28664 26.3809 8.78423 27.2214 10.497C28.062 12.2097 28.4994 14.0921 28.5 16ZM27.5 16C27.4995 14.2359 27.0931 12.4956 26.3124 10.9137C25.5316 9.33182 24.3974 7.95076 22.9975 6.87736C21.5976 5.80397 19.9695 5.06703 18.2392 4.72354C16.5089 4.38006 14.7227 4.43925 13.019 4.89654C11.3152 5.35382 9.73946 6.19693 8.41369 7.36065C7.08791 8.52437 6.04762 9.9775 5.37331 11.6076C4.699 13.2377 4.40874 15.0011 4.525 16.7613C4.64126 18.5216 5.16091 20.2314 6.04375 21.7587C6.07918 21.82 6.10118 21.8882 6.1083 21.9587C6.11541 22.0291 6.10747 22.1003 6.085 22.1675L4.5275 26.84C4.49812 26.9281 4.49386 27.0226 4.51519 27.113C4.53652 27.2034 4.5826 27.286 4.64827 27.3517C4.71393 27.4174 4.79659 27.4634 4.88698 27.4848C4.97736 27.5061 5.0719 27.5018 5.16 27.4725L9.8325 25.915C9.88362 25.8975 9.93725 25.8887 9.99125 25.8887C10.079 25.8892 10.1652 25.9124 10.2413 25.9562C11.9895 26.9676 13.9732 27.5007 15.9929 27.502C18.0126 27.5032 19.997 26.9725 21.7465 25.9633C23.496 24.9541 24.9488 23.5019 25.9588 21.7529C26.9688 20.0038 27.5004 18.0197 27.5 16Z"
|
|
15
|
+
fill="#212121"
|
|
16
|
+
/>
|
|
17
|
+
</svg>
|
|
18
|
+
);
|
|
19
|
+
}
|
|
20
|
+
if (type === "regular") {
|
|
21
|
+
return (
|
|
22
|
+
<svg
|
|
23
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
24
|
+
width="32"
|
|
25
|
+
height="32"
|
|
26
|
+
viewBox="0 0 32 32"
|
|
27
|
+
fill="none"
|
|
28
|
+
>
|
|
29
|
+
<path
|
|
30
|
+
d="M21 14C21 14.2653 20.8946 14.5196 20.7071 14.7071C20.5196 14.8947 20.2652 15 20 15H12C11.7348 15 11.4804 14.8947 11.2929 14.7071C11.1054 14.5196 11 14.2653 11 14C11 13.7348 11.1054 13.4805 11.2929 13.2929C11.4804 13.1054 11.7348 13 12 13H20C20.2652 13 20.5196 13.1054 20.7071 13.2929C20.8946 13.4805 21 13.7348 21 14ZM20 17H12C11.7348 17 11.4804 17.1054 11.2929 17.2929C11.1054 17.4805 11 17.7348 11 18C11 18.2653 11.1054 18.5196 11.2929 18.7071C11.4804 18.8947 11.7348 19 12 19H20C20.2652 19 20.5196 18.8947 20.7071 18.7071C20.8946 18.5196 21 18.2653 21 18C21 17.7348 20.8946 17.4805 20.7071 17.2929C20.5196 17.1054 20.2652 17 20 17ZM29 16C29.0005 18.2445 28.4199 20.4508 27.3147 22.4042C26.2095 24.3577 24.6174 25.9917 22.6934 27.1473C20.7693 28.3029 18.5788 28.9407 16.3352 28.9986C14.0915 29.0564 11.8711 28.5324 9.89 27.4775L5.63375 28.8963C5.28136 29.0138 4.9032 29.0309 4.54166 28.9455C4.18012 28.8602 3.84948 28.6759 3.58681 28.4132C3.32414 28.1506 3.13982 27.8199 3.0545 27.4584C2.96918 27.0968 2.98623 26.7187 3.10375 26.3663L4.5225 22.11C3.59519 20.3666 3.07725 18.4348 3.008 16.4613C2.93875 14.4877 3.32001 12.5244 4.12284 10.7202C4.92567 8.91604 6.12897 7.31847 7.6414 6.04878C9.15383 4.77909 10.9356 3.87063 12.8516 3.39238C14.7675 2.91413 16.7672 2.87865 18.699 3.28862C20.6307 3.6986 22.4436 4.54327 24.0001 5.7585C25.5566 6.97374 26.8158 8.52761 27.6822 10.3022C28.5485 12.0767 28.9992 14.0253 29 16ZM27 16C26.9995 14.3127 26.6109 12.6481 25.8641 11.135C25.1174 9.62186 24.0325 8.30083 22.6935 7.27408C21.3545 6.24733 19.7973 5.54238 18.1422 5.21377C16.4872 4.88517 14.7787 4.94171 13.149 5.37904C11.5194 5.81636 10.0121 6.62274 8.74394 7.73578C7.47577 8.84882 6.48065 10.2387 5.83558 11.7979C5.1905 13.357 4.91277 15.0437 5.02387 16.7274C5.13496 18.4111 5.63191 20.0466 6.47625 21.5075C6.54712 21.6302 6.59112 21.7665 6.60534 21.9074C6.61956 22.0484 6.60368 22.1907 6.55875 22.325L5 27L9.675 25.4413C9.77683 25.4066 9.88367 25.3888 9.99125 25.3888C10.1669 25.3891 10.3393 25.4357 10.4912 25.5238C12.1635 26.4913 14.0611 27.0013 15.9931 27.0026C17.925 27.0038 19.8232 26.4961 21.4967 25.5307C23.1702 24.5653 24.5599 23.1762 25.526 21.5031C26.492 19.83 27.0004 17.932 27 16Z"
|
|
31
|
+
fill="#212121"
|
|
32
|
+
/>
|
|
33
|
+
</svg>
|
|
34
|
+
);
|
|
35
|
+
}
|
|
36
|
+
if (type === "bold") {
|
|
37
|
+
return (
|
|
38
|
+
<svg
|
|
39
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
40
|
+
width="26"
|
|
41
|
+
height="26"
|
|
42
|
+
viewBox="0 0 26 26"
|
|
43
|
+
fill="none"
|
|
44
|
+
>
|
|
45
|
+
<path
|
|
46
|
+
d="M13.0009 3.09594e-07C10.7565 -0.000489452 8.55016 0.58011 6.5967 1.68529C4.64324 2.79046 3.00919 4.38256 1.8536 6.30662C0.698005 8.23069 0.0602364 10.4212 0.00236931 12.6648C-0.0554978 14.9085 0.468509 17.1289 1.52338 19.11L0.104634 23.3662C-0.0128848 23.7186 -0.0299396 24.0968 0.0553817 24.4583C0.140703 24.8199 0.325028 25.1505 0.587699 25.4132C0.850369 25.6759 1.181 25.8602 1.54254 25.9455C1.90408 26.0308 2.28224 26.0138 2.63463 25.8962L6.89088 24.4775C8.63435 25.4048 10.5662 25.9228 12.5397 25.992C14.5132 26.0613 16.4765 25.68 18.2807 24.8772C20.0849 24.0743 21.6825 22.871 22.9521 21.3586C24.2218 19.8462 25.1303 18.0644 25.6085 16.1484C26.0868 14.2325 26.1223 12.2328 25.7123 10.301C25.3023 8.36934 24.4577 6.55642 23.2424 4.9999C22.0272 3.44337 20.4733 2.18415 18.6988 1.31782C16.9242 0.451486 14.9756 0.000810288 13.0009 3.09594e-07ZM17.0009 16H9.00088C8.73567 16 8.48131 15.8946 8.29378 15.7071C8.10624 15.5196 8.00088 15.2652 8.00088 15C8.00088 14.7348 8.10624 14.4804 8.29378 14.2929C8.48131 14.1054 8.73567 14 9.00088 14H17.0009C17.2661 14 17.5205 14.1054 17.708 14.2929C17.8955 14.4804 18.0009 14.7348 18.0009 15C18.0009 15.2652 17.8955 15.5196 17.708 15.7071C17.5205 15.8946 17.2661 16 17.0009 16ZM17.0009 12H9.00088C8.73567 12 8.48131 11.8946 8.29378 11.7071C8.10624 11.5196 8.00088 11.2652 8.00088 11C8.00088 10.7348 8.10624 10.4804 8.29378 10.2929C8.48131 10.1054 8.73567 10 9.00088 10H17.0009C17.2661 10 17.5205 10.1054 17.708 10.2929C17.8955 10.4804 18.0009 10.7348 18.0009 11C18.0009 11.2652 17.8955 11.5196 17.708 11.7071C17.5205 11.8946 17.2661 12 17.0009 12Z"
|
|
47
|
+
fill="#212121"
|
|
48
|
+
/>
|
|
49
|
+
</svg>
|
|
50
|
+
);
|
|
51
|
+
}
|
|
52
|
+
if (type === "fill") {
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
if (type === "duotone") {
|
|
56
|
+
return (
|
|
57
|
+
<svg
|
|
58
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
59
|
+
width="26"
|
|
60
|
+
height="26"
|
|
61
|
+
viewBox="0 0 26 26"
|
|
62
|
+
fill="none"
|
|
63
|
+
>
|
|
64
|
+
<path
|
|
65
|
+
d="M13.0009 3.09594e-07C10.7565 -0.000489452 8.55016 0.58011 6.5967 1.68529C4.64324 2.79046 3.00919 4.38256 1.8536 6.30662C0.698005 8.23069 0.0602364 10.4212 0.00236931 12.6648C-0.0554978 14.9085 0.468509 17.1289 1.52338 19.11L0.104634 23.3662C-0.0128848 23.7186 -0.0299396 24.0968 0.0553817 24.4583C0.140703 24.8199 0.325028 25.1505 0.587699 25.4132C0.850369 25.6759 1.181 25.8602 1.54254 25.9455C1.90408 26.0308 2.28224 26.0138 2.63463 25.8962L6.89088 24.4775C8.63435 25.4048 10.5662 25.9228 12.5397 25.992C14.5132 26.0613 16.4765 25.68 18.2807 24.8772C20.0849 24.0743 21.6825 22.871 22.9521 21.3586C24.2218 19.8462 25.1303 18.0644 25.6085 16.1484C26.0868 14.2325 26.1223 12.2328 25.7123 10.301C25.3023 8.36934 24.4577 6.55642 23.2424 4.9999C22.0272 3.44337 20.4733 2.18415 18.6988 1.31782C16.9242 0.451486 14.9756 0.000810288 13.0009 3.09594e-07ZM13.0009 24C11.0671 24.0013 9.16726 23.4921 7.49338 22.5238C7.34146 22.4356 7.16901 22.3891 6.99338 22.3888C6.8858 22.3888 6.77896 22.4065 6.67713 22.4412L2.00088 24L3.55963 19.325C3.60457 19.1907 3.62045 19.0483 3.60622 18.9074C3.592 18.7665 3.548 18.6301 3.47713 18.5075C2.2646 16.4111 1.77777 13.9732 2.09217 11.572C2.40657 9.17068 3.50463 6.94027 5.21599 5.22674C6.92736 3.51321 9.15638 2.41234 11.5573 2.0949C13.9581 1.77747 16.3967 2.26122 18.4945 3.47111C20.5924 4.68099 22.2324 6.54939 23.1601 8.78644C24.0877 11.0235 24.2512 13.5042 23.6252 15.8436C22.9991 18.1831 21.6185 20.2505 19.6976 21.7253C17.7766 23.2 15.4227 23.9996 13.0009 24ZM18.0009 11C18.0009 11.2652 17.8955 11.5196 17.708 11.7071C17.5205 11.8946 17.2661 12 17.0009 12H9.00088C8.73567 12 8.48131 11.8946 8.29378 11.7071C8.10624 11.5196 8.00088 11.2652 8.00088 11C8.00088 10.7348 8.10624 10.4804 8.29378 10.2929C8.48131 10.1054 8.73567 10 9.00088 10H17.0009C17.2661 10 17.5205 10.1054 17.708 10.2929C17.8955 10.4804 18.0009 10.7348 18.0009 11ZM18.0009 15C18.0009 15.2652 17.8955 15.5196 17.708 15.7071C17.5205 15.8946 17.2661 16 17.0009 16H9.00088C8.73567 16 8.48131 15.8946 8.29378 15.7071C8.10624 15.5196 8.00088 15.2652 8.00088 15C8.00088 14.7348 8.10624 14.4804 8.29378 14.2929C8.48131 14.1054 8.73567 14 9.00088 14H17.0009C17.2661 14 17.5205 14.1054 17.708 14.2929C17.8955 14.4804 18.0009 14.7348 18.0009 15Z"
|
|
66
|
+
fill="#212121"
|
|
67
|
+
/>
|
|
68
|
+
</svg>
|
|
69
|
+
);
|
|
70
|
+
}
|
|
71
|
+
return (
|
|
72
|
+
<svg
|
|
73
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
74
|
+
width="26"
|
|
75
|
+
height="26"
|
|
76
|
+
viewBox="0 0 26 26"
|
|
77
|
+
fill="none"
|
|
78
|
+
>
|
|
79
|
+
<path
|
|
80
|
+
d="M17.75 11C17.75 11.1989 17.671 11.3896 17.5303 11.5303C17.3897 11.6709 17.1989 11.75 17 11.75H9C8.80109 11.75 8.61032 11.6709 8.46967 11.5303C8.32902 11.3896 8.25 11.1989 8.25 11C8.25 10.801 8.32902 10.6103 8.46967 10.4696C8.61032 10.329 8.80109 10.25 9 10.25H17C17.1989 10.25 17.3897 10.329 17.5303 10.4696C17.671 10.6103 17.75 10.801 17.75 11ZM17 14.25H9C8.80109 14.25 8.61032 14.329 8.46967 14.4696C8.32902 14.6103 8.25 14.801 8.25 15C8.25 15.1989 8.32902 15.3896 8.46967 15.5303C8.61032 15.6709 8.80109 15.75 9 15.75H17C17.1989 15.75 17.3897 15.6709 17.5303 15.5303C17.671 15.3896 17.75 15.1989 17.75 15C17.75 14.801 17.671 14.6103 17.5303 14.4696C17.3897 14.329 17.1989 14.25 17 14.25ZM25.75 13C25.7505 15.2102 25.1763 17.3826 24.084 19.3041C22.9916 21.2255 21.4184 22.83 19.5189 23.9601C17.6194 25.0902 15.4587 25.7071 13.2489 25.7502C11.039 25.7933 8.85594 25.2613 6.91375 24.2062L2.555 25.6587C2.24666 25.7615 1.91577 25.7765 1.59942 25.7018C1.28307 25.6271 0.993768 25.4659 0.763931 25.236C0.534095 25.0062 0.37281 24.7169 0.298154 24.4005C0.223498 24.0842 0.238421 23.7533 0.34125 23.445L1.79375 19.0862C0.867827 17.38 0.343743 15.4848 0.26146 13.5453C0.179176 11.6058 0.540866 9.67307 1.31895 7.89455C2.09703 6.11602 3.27097 4.53866 4.75123 3.28273C6.2315 2.0268 7.97901 1.12546 9.86051 0.647452C11.742 0.169443 13.7078 0.127382 15.6081 0.524477C17.5083 0.921571 19.2927 1.74733 20.8254 2.9388C22.358 4.13027 23.5983 5.65598 24.4518 7.39959C25.3052 9.1432 25.7492 11.0587 25.75 13ZM24.25 13C24.2496 11.2742 23.8522 9.57171 23.0885 8.02416C22.3248 6.4766 21.2153 5.12548 19.8459 4.07534C18.4764 3.02519 16.8838 2.30417 15.1911 1.96806C13.4984 1.63195 11.7511 1.68977 10.0843 2.13703C8.41754 2.5843 6.87601 3.40902 5.57899 4.54739C4.28197 5.68576 3.26423 7.10727 2.6045 8.70192C1.94478 10.2966 1.66076 12.0216 1.77443 13.7436C1.88809 15.4656 2.39639 17.1384 3.26 18.6325C3.31334 18.7245 3.3465 18.8268 3.35728 18.9326C3.36805 19.0384 3.3562 19.1453 3.3225 19.2462L1.765 23.9187C1.75031 23.9628 1.74818 24.01 1.75884 24.0552C1.76951 24.1004 1.79255 24.1417 1.82538 24.1746C1.85822 24.2074 1.89955 24.2304 1.94474 24.2411C1.98993 24.2518 2.0372 24.2496 2.08125 24.235L6.75 22.6775C6.82667 22.6522 6.9068 22.6392 6.9875 22.6387C7.11915 22.6395 7.24836 22.6743 7.3625 22.74C9.07283 23.7303 11.0139 24.2527 12.9903 24.2544C14.9667 24.2561 16.9086 23.7371 18.6207 22.7497C20.3327 21.7622 21.7544 20.3412 22.7426 18.6296C23.7309 16.9181 24.2508 14.9763 24.25 13Z"
|
|
81
|
+
fill="currentColor"
|
|
82
|
+
/>
|
|
83
|
+
</svg>
|
|
84
|
+
);
|
|
85
|
+
};
|
|
86
|
+
|
|
87
|
+
export default ChatCircleText;
|