@redneckz/wildless-cms-uni-blocks 0.14.26 → 0.14.28

package/src/components/LinkDocs/LinkDocItem.tsx

@@ -7,38 +7,28 @@ export interface LinkDocItemProps extends LinkDoc {
   icon?: VNode;
 }
 
-export const LinkDocItem = JSX<LinkDocItemProps>(({ icon, text, fileSize, ...linkProps }) => (
-  <a
-    className="flex box-border gap-s group/item h-fit w-fit text-primary-text no-underline hover:text-primary-main"
-    role="link"
-    {...linkProps}
-  >
-    {icon}
-    {text ? (
-      <Text size="text-l" font="font-light">
-        {text}
-        <Text color="text-secondary-text">
-          {linkProps?.href && formatSuffix(getExtFromHref(linkProps.href), fileSize)}
-        </Text>
-      </Text>
-    ) : null}
-  </a>
-));
+export const LinkDocItem = JSX<LinkDocItemProps>(
+  ({ icon, text, fileFormat, fileSize, ...linkProps }) => {
+    const prefix = fileFormat || fileSize ? ',' : '';
+    const size = fileSize ?? '';
+    const format = fileFormat ? String(fileFormat) : '';
 
-const formatSuffix = (ext?: string, fileSize?: string) => {
-  const prefix = ext || fileSize ? ',' : '';
-  const extension = ext ? ` ${ext}` : '';
-  const size = fileSize ? ` (${fileSize})` : '';
-
-  return prefix + extension + size;
-};
-
-const getExtFromHref = (href: string) => {
-  if (!href) {
-    return '';
-  }
-
-  const index = href.lastIndexOf('.');
-
-  return index !== -1 ? href.substring(index + 1) : '';
-};
+    return (
+      <a
+        className="flex box-border gap-s group/item h-fit w-fit text-primary-text no-underline hover:text-primary-main"
+        role="link"
+        {...linkProps}
+      >
+        {icon}
+        {text ? (
+          <Text size="text-l" font="font-light">
+            {text}
+            <Text color="text-secondary-text">
+              {linkProps?.href && `${size} ${prefix} ${format}`}
+            </Text>
+          </Text>
+        ) : null}
+      </a>
+    );
+  },
+);

package/src/components/LinkDocs/LinkDocs.example.json

@@ -17,12 +17,14 @@
         "docType": "Link",
         "text": "Документ №1",
         "href": "/documents/document1.doc",
+        "fileFormat": "doc",
         "fileSize": "123КБ"
       },
       {
         "docType": "Link",
         "text": "Документ №2",
         "href": "/documents/document2.rtf",
+        "fileFormat": "rtf",
         "target": "_blank"
       },
       {
@@ -34,7 +36,8 @@
       {
         "docType": "Link",
         "text": "Документ №4",
-        "href": "/abc/map.rar"
+        "href": "/abc/map.rar",
+        "fileFormat": "rar"
       }
     ],
     "columnsMode": "double",

package/src/components/LinkDocs/LinkDocs.tsx

@@ -51,7 +51,7 @@ export const LinkDocs = JSX<LinkDocsProps>(
             )}
             role="list"
           >
-            {documents.map(renderLinkDocItem(router, columnsMode, icon))}
+            {documents.map(renderLinkDocItem(router, icon))}
           </div>
         ) : null}
       </BlockWrapper>
@@ -60,8 +60,7 @@ export const LinkDocs = JSX<LinkDocsProps>(
 );
 
 const renderLinkDocItem =
-  (router: Router, columnsMode: LinkColumnsMode, icon: Picture) =>
-  (docBlockDef: DocBlockDef, i: number) => {
+  (router: Router, icon: Picture) => (docBlockDef: DocBlockDef, i: number) => {
     const href =
       docBlockDef?.docType === 'Attachment'
         ? adjustHref(router)(docBlockDef?.attachment?.src)
@@ -72,12 +71,15 @@ const renderLinkDocItem =
         ? formatBytes(docBlockDef?.attachment?.fileSize || 0)
         : docBlockDef?.fileSize;
 
+    const fileFormat = docBlockDef?.docType !== 'Attachment' ? docBlockDef?.fileFormat : '';
+
     return (
       <div key={String(i)} role="listitem">
         <LinkDocItem
           text={docBlockDef?.text}
           target={docBlockDef?.target}
           href={href}
+          fileFormat={fileFormat}
           fileSize={fileSize}
           icon={icon ? <Img className={linkIconStyle} image={icon} width="24" height="24" /> : null}
         />

package/src/components/LinkDocs/LinkDocsContent.ts

@@ -17,6 +17,8 @@ export type LinkColumnsMode = 'single' | 'double';
 export interface LinkDoc extends LinkProps {
   /** @title размер файла */
   fileSize?: string;
+  /** @title формат файла */
+  fileFormat?: string;
 }
 
 export interface AttachmentDoc {
@@ -44,6 +46,10 @@ export type AttachmentDocDef = AttachmentDoc & {
   docType: 'Attachment';
 };
 
+/**
+ * @title Документ
+ * @default null
+ */
 export type DocBlockDef = EmptyOption | LinkDocDef | AttachmentDocDef;
 
 /**

package/src/components/LinkDocs/linkDocsContentExample.ts

@@ -10,28 +10,37 @@ export const linkDocsContentExample: LinkDocsContent = {
       attachment: { src: '/abc1/cooldoc.doc' },
       target: '_self',
     },
-    { docType: 'Link', text: 'target blank', href: '/abc2/wtf.rtf', target: '_blank' },
-    { docType: 'Link', text: 'GlassIcon', href: '/abc3/map.jpeg' },
-    { docType: 'Link', text: 'no icon', href: '/abc4' },
+    {
+      docType: 'Link',
+      text: 'target blank',
+      href: '/abc2/wtf.rtf',
+      fileFormat: 'rtf',
+      target: '_blank',
+    },
+    { docType: 'Link', text: 'GlassIcon', href: '/abc3/map.jpeg', fileFormat: 'jpeg' },
+    { docType: 'Link', text: 'no icon', href: '/abc4', fileFormat: 'rtf' },
     { docType: 'Link', text: 'документ 5', href: '/abc5' },
-    { docType: 'Link', text: 'документ 6', href: '/abc6/abc.pdf' },
-    { docType: 'Link', text: 'Text text text', href: '/abc7/yolo.png' },
+    { docType: 'Link', text: 'документ 6', href: '/abc6/abc.pdf', fileFormat: 'pdf' },
+    { docType: 'Link', text: 'Text text text', href: '/abc7/yolo.png', fileFormat: 'png' },
     {
       docType: 'Link',
       text: 'Some more generic text to stretch item, and even more, more text, and more generic text, and even more, more text, and even more',
       href: '/abc8/archive.zip',
+      fileFormat: 'zip',
       fileSize: '2.3МБ',
     },
     {
       docType: 'Link',
       text: 'И ещё немного текста',
       href: '/abc9/rarniw.rar',
+      fileFormat: 'rar',
       fileSize: '666МБ',
     },
     {
       docType: 'Link',
       text: 'Форматируем, сортируем, смотрим как отображается...',
       href: '/abc10/',
+      fileFormat: 'pdf',
       fileSize: '65ГБ',
     },
   ],

package/src/components/MobileAppTile/MobileAppTile.example.json

@@ -30,6 +30,7 @@
     "title": "Мобильное приложение",
     "description": "Загрузить для IOS и Android",
     "version": "primary",
-    "headingType": "h4"
+    "headingType": "h4",
+    "additionalDescription": "Наведите камеру телефона на QR-код и скачайте приложение"
   }
 }

package/src/components/MobileAppTile/MobileAppTile.fixture.mobile.tsx

@@ -4,6 +4,8 @@ import { type Picture } from '../../model/Picture';
 import { type ButtonProps } from '../../ui-kit/Button/ButtonProps';
 import { MobileAppTile } from './MobileAppTile';
 
+const ADDITIONALDESCRIPTION = 'Наведите камеру телефона на QR-код и скачайте приложение';
+
 const image: Picture = {
   src: 'icon-phone.png',
   format: 'webp',
@@ -57,7 +59,7 @@ export default {
         className="col-span-12"
         description="Загрузить для IOS и Android"
         image={image}
-        items={listItems}
+        additionalDescription={ADDITIONALDESCRIPTION}
         title="Мобильное приложение!"
         buttons={[
           {

package/src/components/MobileAppTile/MobileAppTile.tsx

@@ -24,6 +24,7 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
     items,
     listItemSize,
     qr,
+    additionalDescription = '',
     title = 'Мобильное приложение',
     version = 'primary',
     ...rest
@@ -67,7 +68,7 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
               'flex-col items-start @xl:flex-row @xl:items-center',
             )}
           >
-            {renderList(items, listItemSize)}
+            {renderList(items, listItemSize, additionalDescription)}
             {qr?.src ? (
               <div
                 className={style(

package/src/components/MobileAppTile/MobileAppTileContent.ts

@@ -1,4 +1,7 @@
-import { type HeadlineCommonProps } from '../../model/HeadlineType';
+import {
+  type AdditionalDescriptionProps,
+  type HeadlineCommonProps,
+} from '../../model/HeadlineType';
 import { type UniBlockContent } from '../../model/JSXBlock';
 import { type Picture } from '../../model/Picture';
 import { type ButtonsSectionContent } from '../../ui-kit/Button/ButtonsSectionContent';
@@ -10,6 +13,7 @@ import { type ListContent } from '../../ui-kit/List/ListContent';
  * @title Мобильное приложение
  */
 export type MobileAppTileContent = UniBlockContent &
+  AdditionalDescriptionProps &
   HeadlineCommonProps &
   HeadingCommonProps &
   ButtonsSectionContent &

package/src/components/MobileAppTile/renderList.tsx

@@ -1,12 +1,17 @@
 import { List } from '../../ui-kit/List/List';
 import { type ListItemSize } from '../../ui-kit/List/ListContent';
+import { Text } from '../../ui-kit/Text/Text';
 
-export const renderList = (items?: string[], listItemSize?: ListItemSize) => {
+export const renderList = (
+  items?: string[],
+  listItemSize?: ListItemSize,
+  additionalDescription?: string,
+) => {
   return items?.length ? (
     <List items={items} listItemSize={listItemSize} className="text-l font-light" />
   ) : (
-    <span className="text-m font-light text-secondary-text">
-      Наведите камеру телефона на QR-код и скачайте приложение
-    </span>
+    <Text size="text-m" font-weight="font-light" color="text-secondary-text">
+      {additionalDescription}
+    </Text>
   );
 };

package/src/components/OfficesAtmsMap/OfficesAtmsMap.ui.json

@@ -1 +1,16 @@
-{}
+{
+  "content": {
+    "data": {
+      "dataType": {
+        "ui:widget": "hidden"
+      },
+      "list": {
+        "items": {
+          "image": {
+            "ui:field": "picture"
+          }
+        }
+      }
+    }
+  }
+}

package/src/components/OfficesAtmsMap/OfficesAtmsMapContent.ts

@@ -6,6 +6,7 @@ import { type Picture } from '../../model/Picture';
  * @title Пункт
  */
 export type ItemList = {
+  /** @title Название */
   text?: string;
   image?: Picture;
 };
@@ -32,6 +33,7 @@ export type AtmsDef = {
 
 /**
  * @title Данные
+ * @default null
  */
 export type OfficesAtmsBlockDef = EmptyOption | OfficesDef | AtmsDef;
 

package/src/components/ProductBlock/ProductBlock.tsx

@@ -5,6 +5,7 @@ import { type UniBlockProps } from '../../model/JSXBlock';
 import { BaseProductTile } from '../../ui-kit/BaseProductTile/BaseProductTile';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
+import { getBorderStyle } from '../../utils/getBorderStyle';
 import { style } from '../../utils/style';
 import { type ProductBlockContent } from './ProductBlockContent';
 import { renderBackwardButton } from './renderBackwardButton';
@@ -18,15 +19,12 @@ export const ProductBlock = JSX<ProductBlockProps>(
       ev?.preventDefault();
       router.back();
     }, []);
-    const borderStyle = showBorder
-      ? 'border border-solid border-gray group-data-secondary:border-white/50 group-data-gray:border-main-divider'
-      : '';
 
     return (
       <BlockWrapper
         className={style(
           'overflow-hidden flex flex-col gap-3xl box-border',
-          borderStyle,
+          getBorderStyle(showBorder),
           className,
         )}
         defaultPadding="p-6xl"

package/src/components/ProductGallery/ProductGallery.example.json

@@ -8,7 +8,7 @@
         },
         "productBlock": {
           "title": "Продуктовая галерея",
-          "headlineVersion": "XXL",
+          "headlineVersion": "M",
           "image": {
             "format": "webp",
             "size": {

package/src/components/ProductGallery/ProductGallery.tsx

@@ -28,7 +28,7 @@ export const ProductGallery = JSX<ProductGalleryProps>(
             <div key={String(i)} className="box-border grow-0 shrink-0 basis-full" role="listitem">
               <BaseProductTile
                 className="pl-6xl h-full"
-                headlineVersion="XXL"
+                headlineVersion="M"
                 isFullWidthTitle={false}
                 {...productBlock}
                 {...rest}

package/src/components/RepresentativeOfficeInfo/RepresentativeOfficeInfo.example.json

@@ -3,6 +3,7 @@
   "description": "Описание",
   "__html": "<p>Описание</p>",
   "richVersion": "",
+  "icon": { "format": "webp", "size": { "width": 70, "height": 48 } },
   "button": {
     "text": "Информация о регионе",
     "version": "link",

package/src/components/RepresentativeOfficeInfo/RepresentativeOfficeInfo.ui.json

@@ -17,6 +17,7 @@
   },
   "style": {
     "ui:options": {
+      "minCols": 6,
       "maxCols": 6
     }
   }

package/src/components/TariffsTable/TariffsTable.tsx

@@ -8,7 +8,6 @@ import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
 import { style } from '../../utils/style';
 import { Headline } from '../Headline/Headline';
 import { COLS_LENGTH_FOR_SCROLL } from './constants';
-import { headlineAlign } from './headlineAlign';
 import { type TariffsTableContent } from './TariffsTableContent';
 import { TariffsTableRow } from './TariffsTableRow';
 import { TariffsTableWrapper } from './TariffsTableWrapper';
@@ -43,7 +42,7 @@ export const TariffsTable = JSX<TariffsTableProps>(
 
     return (
       <BlockWrapper
-        className={style('overflow-hidden relative space-y-0 @4xl:space-y-xl', className)}
+        className={style('overflow-hidden relative space-y-6xl @4xl:space-y-xl', className)}
         defaultPadding="p-6xl"
         {...rest}
       >
@@ -52,7 +51,7 @@ export const TariffsTable = JSX<TariffsTableProps>(
           description={description}
           headlineVersion="M"
           isEmbedded={true}
-          align={headlineAlign}
+          align="text-center"
         />
         <div className="space-y-m">
           {hiddenRowsNum > 0 ? (

package/src/components/TariffsTable/TariffsTableCell.tsx

@@ -1,7 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
-
 import { type CellDef } from './TariffsTableContent';
 import { renderCellInner } from './TariffsTableRenderCell';
 

package/src/components/TariffsTable/TariffsTableContent.ts

@@ -91,6 +91,7 @@ export type InnerTableBlockDef = TariffsTableInnerContent & {
 
 /**
  * @title Содержимое ячейки
+ * @default null
  */
 export type CellDef =
   | EmptyOption

package/src/components/TariffsTable/TariffsTableVertical.tsx

@@ -1,5 +1,4 @@
 import { JSX } from '@redneckz/uni-jsx';
-
 import { type TariffsTableProps } from './TariffsTableContent';
 import { TariffsTableTileCell } from './TariffsTableTileCell';
 

package/src/components/VerticalLayout/VerticalLayout.tsx

@@ -2,11 +2,14 @@ import { JSX } from '@redneckz/uni-jsx';
 import { renderChildren } from '../../BlockRenderer/renderChildren';
 import { type JSXBlock, type UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { getBorderStyle } from '../../utils/getBorderStyle';
 import { style } from '../../utils/style';
 import { gapStyles } from '../HorizontalLayout/gapStyles';
 import { type VerticalLayoutContent } from './VerticalLayoutContent';
 
-export interface VerticalLayoutProps extends VerticalLayoutContent, UniBlockProps {}
+export interface VerticalLayoutProps extends VerticalLayoutContent, UniBlockProps {
+  isInnerBorder?: boolean;
+}
 
 export const VerticalLayout: JSXBlock<VerticalLayoutProps> = JSX<VerticalLayoutProps>(
   ({
@@ -16,6 +19,7 @@ export const VerticalLayout: JSXBlock<VerticalLayoutProps> = JSX<VerticalLayoutP
     isInnerPadding = true,
     version = 'transparent',
     isTheme = false,
+    isInnerBorder = false,
     ...rest
   }) => (
     <BlockWrapper
@@ -27,7 +31,10 @@ export const VerticalLayout: JSXBlock<VerticalLayoutProps> = JSX<VerticalLayoutP
     >
       {renderChildren({
         ...rest,
-        extraProps: { className: 'w-full', padding: isInnerPadding ? '' : 'p-0' },
+        extraProps: {
+          className: style('w-full', getBorderStyle(isInnerBorder)),
+          padding: isInnerPadding ? '' : 'p-0',
+        },
       })}
     </BlockWrapper>
   ),

package/src/icons/CardSendIcon.svg

@@ -0,0 +1,9 @@
+<svg title="Карта" isInverse="true" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 8.5H14.5" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6 16.5H8" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.5 16.5H14.5" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2 11.01V7.89C2 4.38 2.89 3.5 6.44 3.5H14.5" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22 14.0298V16.1098C22 19.6198 21.11 20.4998 17.56 20.4998H6.44C2.89 20.4998 2 19.6198 2 16.1098V14.9898" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20 9.5V3.5L22 5.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20 3.5L18 5.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/CoinIcon.svg

@@ -0,0 +1,5 @@
+<svg title="Монеты" isInverse="true" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22.0004C15.59 22.0004 18.5 19.4704 18.5 16.3504V12.6504C18.5 15.7704 15.59 18.0004 12 18.0004C8.41 18.0004 5.5 15.7704 5.5 12.6504V16.3504C5.5 18.0604 6.37 19.5904 7.75 20.6204" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.5 7.65C18.5 8.56 18.25 9.4 17.81 10.12C16.74 11.88 14.54 13 12 13C9.46 13 7.26 11.88 6.19 10.12C5.75 9.4 5.5 8.56 5.5 7.65C5.5 6.09 6.22999 4.68 7.39999 3.66C8.57999 2.63 10.2 2 12 2C13.8 2 15.42 2.63 16.6 3.65C17.77 4.68 18.5 6.09 18.5 7.65Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.5 7.65V12.65C18.5 15.77 15.59 18 12 18C8.41 18 5.5 15.77 5.5 12.65V7.65C5.5 4.53 8.41 2 12 2C13.8 2 15.42 2.63 16.6 3.65C17.77 4.68 18.5 6.09 18.5 7.65Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/ConvertCardIcon.svg

@@ -0,0 +1,8 @@
+<svg title="Конвертирование" isInverse="true" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 5.55957H22" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.65 10.5H14.22C12.44 10.5 12 10.06 12 8.3V4.2C12 2.44 12.44 2 14.22 2H19.78C21.56 2 22 2.44 22 4.2V8.31C22 10.07 21.56 10.51 19.78 10.51" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2 17.0596H12" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.5 22H4.22C2.44 22 2 21.56 2 19.8V15.7C2 13.94 2.44 13.5 4.22 13.5H9.78C11.56 13.5 12 13.94 12 15.7V19.81C12 21.57 11.56 22.01 9.78 22.01" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22 15C22 18.87 18.87 22 15 22L16.05 20.25" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2 9C2 5.13 5.13 2 9 2L7.95001 3.75" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/DzenIcon.svg

@@ -0,0 +1,4 @@
+<svg title="Лого «Дзен»" isInverse="true" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none">
+  <path fill="currentColor" d="M1.2 11.665C1.2 5.885 6.197 1.2 12.363 1.2c6.166 0 11.165 4.685 11.165 10.465S18.53 22.129 12.364 22.129c-6.166 0-11.165-4.685-11.165-10.464Z"/>
+  <path fill="#ffffff" fill-rule="evenodd" d="M12.03 1.2c-.057 4.242-.366 6.627-2.063 8.218-1.698 1.59-4.242 1.88-8.768 1.933v.627c4.526.053 7.07.343 8.768 1.934 1.697 1.59 2.006 3.975 2.062 8.217h.67c.056-4.242.365-6.626 2.062-8.217 1.698-1.591 4.242-1.88 8.768-1.934v-.627c-4.526-.053-7.07-.342-8.768-1.933C13.063 7.827 12.755 5.442 12.7 1.2h-.67Z" clip-rule="evenodd"/>
+</svg>

package/src/icons/HeartTickIcon.svg

@@ -0,0 +1,5 @@
+<svg title="Сердцебеение" isInverse="true" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.56 3.09961C9.37 3.09961 10.99 3.97965 12 5.32965C13.01 3.97965 14.63 3.09961 16.44 3.09961C19.51 3.09961 22 5.59964 22 8.68964C22 10.6596 21.49 12.3996 20.69 13.9096C19.81 12.9796 18.57 12.3997 17.2 12.3997C14.55 12.3997 12.4 14.5496 12.4 17.1996C12.4 18.4296 12.87 19.5497 13.63 20.3997C13.26 20.5697 12.92 20.7096 12.62 20.8096C12.28 20.9296 11.72 20.9296 11.38 20.8096C8.48 19.8196 2 15.6896 2 8.68964C2 7.13964 2.62 5.73961 3.63 4.72961" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21.9999 17.2004C21.9999 18.1004 21.7499 18.9503 21.2999 19.6703C20.4699 21.0603 18.9499 22.0004 17.1999 22.0004C15.4499 22.0004 13.9199 21.0603 13.0999 19.6703C12.6599 18.9503 12.3999 18.1004 12.3999 17.2004C12.3999 14.5504 14.5499 12.4004 17.1999 12.4004C19.8499 12.4004 21.9999 14.5504 21.9999 17.2004Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.3301 17.2005L16.5101 18.3805L19.0701 16.0205" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>