@ledgerhq/lumen-ui-rnative 0.1.30 → 0.1.31

package/src/lib/Components/Trend/Trend.tsx

@@ -0,0 +1,118 @@
+import { useDisabledContext } from '@ledgerhq/lumen-utils-shared';
+import { StyleSheet } from 'react-native';
+import { useCommonTranslation } from '../../../i18n';
+import type { LumenTextStyle } from '../../../styles';
+import { useStyleSheet } from '../../../styles';
+import { Minus, TriangleDown, TriangleUp } from '../../Symbols';
+import type { IconSize } from '../Icon';
+import { Box, Text } from '../Utility';
+import type { TrendProps } from './types';
+
+type TrendVariant = 'positive' | 'negative' | 'neutral';
+
+function getVariant(value: number): TrendVariant {
+  if (value === 0) {
+    return 'neutral';
+  }
+  return value > 0 ? 'positive' : 'negative';
+}
+
+export function Trend({
+  value,
+  size = 'md',
+  lx = {},
+  disabled: disabledProp = false,
+  style,
+  ...props
+}: TrendProps) {
+  const variant = getVariant(value);
+
+  const disabled = useDisabledContext({
+    consumerName: 'Trend',
+    mergeWith: { disabled: disabledProp },
+  });
+  const { t } = useCommonTranslation();
+
+  const styles = useStyles({ size, variant, disabled });
+
+  const Icon = {
+    positive: TriangleUp,
+    negative: TriangleDown,
+    neutral: Minus,
+  }[variant];
+
+  const iconSize = (
+    {
+      md: 16,
+      sm: 12,
+    } as const
+  )[size] as IconSize;
+
+  const iconColor = (
+    {
+      positive: 'success',
+      negative: 'error',
+      neutral: 'muted',
+    } as const
+  )[variant] as LumenTextStyle['color'];
+
+  const absoluteFormattedValue = `${Math.abs(value).toFixed(2)}%`;
+  const formattedValue =
+    value < 0 ? `-${absoluteFormattedValue}` : absoluteFormattedValue;
+
+  return (
+    <Box
+      accessible
+      accessibilityLabel={t(`components.trend.${variant}AriaLabel`, {
+        value: absoluteFormattedValue,
+      })}
+      accessibilityState={{ disabled }}
+      lx={lx}
+      style={[styles.container, style]}
+      {...props}
+    >
+      <Icon size={iconSize} color={disabled ? 'disabled' : iconColor} />
+      <Text style={styles.text}>{formattedValue}</Text>
+    </Box>
+  );
+}
+
+const useStyles = ({
+  size,
+  variant,
+  disabled,
+}: {
+  size: NonNullable<TrendProps['size']>;
+  variant: TrendVariant;
+  disabled: boolean;
+}) =>
+  useStyleSheet(
+    (t) => {
+      const color = {
+        positive: t.colors.text.success,
+        negative: t.colors.text.error,
+        neutral: t.colors.text.muted,
+      }[variant];
+
+      const sizeMap = {
+        sm: t.typographies.body3,
+        md: t.typographies.body2,
+      }[size];
+
+      return {
+        container: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: t.spacings.s2,
+        },
+        text: StyleSheet.flatten([
+          {
+            ...sizeMap,
+            color,
+          },
+          disabled && { color: t.colors.text.disabled },
+        ]),
+      };
+    },
+    [size, variant, disabled],
+  );

package/src/lib/Components/Trend/index.ts

@@ -0,0 +1,2 @@
+export * from './Trend';
+export * from './types';

package/src/lib/Components/Trend/types.ts

@@ -0,0 +1,20 @@
+import type { BoxProps } from '../Utility';
+
+export type TrendProps = {
+  /**
+   * The value to display in the trend. This value affects the appearance of the component in terms of color and icon.
+   * @required
+   */
+  value: number;
+  /**
+   * The size of the trend component.
+   * @default md
+   */
+  size?: 'sm' | 'md';
+  /**
+   * When `true`, shows a muted appearance on the trend, regardless of value.
+   *
+   * @default false
+   */
+  disabled?: boolean;
+} & Omit<BoxProps, 'children'>;

package/src/lib/Components/index.ts

@@ -4,15 +4,15 @@ export * from './AmountInput';
 export * from './Avatar';
 export * from './Banner';
 export * from './BottomSheet';
-export * from './DotCount';
-export * from './DotIndicator';
 export * from './Button';
 export * from './Card';
 export * from './CardButton';
-export * from './ContentBanner';
 export * from './Checkbox';
+export * from './ContentBanner';
 export * from './Divider';
+export * from './DotCount';
 export * from './DotIcon';
+export * from './DotIndicator';
 export * from './DotSymbol';
 export * from './Icon';
 export * from './IconButton';
@@ -37,9 +37,10 @@ export * from './Subheader';
 export * from './Switch';
 export * from './TabBar';
 export * from './Tag';
-export * from './Utility';
 export * from './TextInput';
 export * from './ThemeProvider';
 export * from './Tile';
 export * from './TileButton';
 export * from './Tooltip';
+export * from './Trend';
+export * from './Utility';

package/src/lib/Symbols/Icons/Ar.tsx

@@ -36,11 +36,11 @@ export const Ar = createIcon(
   <Svg width={24} height={24} fill='currentColor' viewBox='0 0 17 16'>
     <Path
       fill='currentColor'
-      d='M8.197 4.967a.166.166 0 1 1-.333 0 .166.166 0 0 1 .333 0m-3.848 6.83a.167.167 0 0 1-.23-.053.167.167 0 0 1 .283-.176.167.167 0 0 1-.053.229m3.848-6.164a.167.167 0 0 1-.166.167.17.17 0 0 1-.168-.167.167.167 0 0 1 .333 0m-3.283 5.812a.166.166 0 1 1-.176-.282.166.166 0 0 1 .176.282M8.197 6.3a.167.167 0 0 1-.166.167.17.17 0 0 1-.167-.167.166.166 0 1 1 .333 0M5.48 11.093a.166.166 0 1 1-.176-.282.166.166 0 0 1 .176.282m2.717-4.126a.166.166 0 1 1-.333 0 .166.166 0 0 1 .333 0m-2.15 3.774a.166.166 0 1 1 .054-.229.166.166 0 0 1-.054.229m2.15-3.108a.167.167 0 0 1-.334 0 .167.167 0 0 1 .334 0M6.612 10.39a.166.166 0 0 1-.228-.054.167.167 0 0 1 .052-.23.167.167 0 1 1 .176.283m.567-.352a.166.166 0 1 1-.175-.283.167.167 0 0 1 .23.054.167.167 0 0 1-.055.229M8.196 8.3a.167.167 0 0 1-.165.167.167.167 0 1 1 0-.334c.092 0 .165.075.165.167m.731 1.777a.167.167 0 1 1-.288-.166.167.167 0 0 1 .288.166m.577.333a.167.167 0 1 1-.289-.165.167.167 0 0 1 .289.165m.578.334a.167.167 0 0 1-.229.061.167.167 0 0 1 .167-.288c.08.046.107.147.062.227m.577.333a.167.167 0 1 1-.288-.166.167.167 0 0 1 .288.166m.577.333a.166.166 0 1 1-.289-.165.166.166 0 0 1 .289.165m.578.334a.167.167 0 0 1-.229.061.166.166 0 1 1 .228-.061'
+      d='M8.197 4.967a.166.166 0 1 1-.333 0 .166.166 0 0 1 .333 0m-3.848 6.83a.167.167 0 0 1-.23-.053.167.167 0 0 1 .283-.176.167.167 0 0 1-.053.229m3.848-6.164a.167.167 0 0 1-.166.167.17.17 0 0 1-.167-.167.167.167 0 0 1 .333 0m-3.283 5.812a.166.166 0 1 1-.176-.283.166.166 0 0 1 .176.283M8.197 6.3a.167.167 0 1 1-.334 0 .167.167 0 0 1 .334 0M5.48 11.093a.166.166 0 1 1-.175-.282.166.166 0 0 1 .175.282m2.717-4.126a.166.166 0 1 1-.333 0 .166.166 0 0 1 .333 0m-2.15 3.774a.166.166 0 1 1-.177-.282.166.166 0 0 1 .177.282m2.15-3.108a.167.167 0 0 1-.334 0 .167.167 0 0 1 .334 0M6.612 10.39a.166.166 0 1 1-.175-.283.166.166 0 0 1 .175.283m.567-.352a.166.166 0 1 1-.176-.283.166.166 0 0 1 .176.283M8.197 8.3a.167.167 0 0 1-.166.167.167.167 0 1 1 0-.334c.092 0 .166.075.166.167m.73 1.777a.167.167 0 1 1-.288-.166.167.167 0 0 1 .288.166m.577.333a.167.167 0 1 1-.289-.165.167.167 0 0 1 .289.165m.578.334a.167.167 0 0 1-.228.061.166.166 0 1 1 .228-.061m.577.333a.167.167 0 1 1-.288-.166.167.167 0 0 1 .288.166m.577.333a.167.167 0 1 1-.289-.165.167.167 0 0 1 .29.165m.578.334a.167.167 0 0 1-.228.061.166.166 0 1 1 .228-.061'
     />
     <Path
       fill='currentColor'
-      d='m3.364 7-.291-.581a.65.65 0 0 0-.36.581zm9 0h.65a.65.65 0 0 0-.342-.572zM8.03 14.667l-.29.581a.65.65 0 0 0 .599-.009zM8.013 1.349l.46-.46-.46-.459-.46.46zm-1.843.924a.65.65 0 1 0 .92.919l-.46-.46zm2.766.919a.65.65 0 1 0 .92-.92l-.46.46zM.775 13.966l-.635-.14-.14.634.635.14zm1.77 1.056a.65.65 0 0 0 .28-1.27l-.14.635zm-.714-2.826a.65.65 0 1 0-1.27-.28l.635.14zm13.116 1.77.14.634.635-.14-.14-.634zm-2.05-.214a.65.65 0 0 0 .28 1.27l-.14-.635zm2.263-1.836a.65.65 0 0 0-1.27.28l.636-.14zm-11.796.417h.65V7h-1.3v5.333zm0-5.333.29.581 4.667-2.333-.29-.581-.291-.582L3.073 6.42zM8.03 4.667l-.308.572 4.334 2.333.308-.572.308-.572-4.333-2.334zM12.364 7h-.65v5.333h1.3V7zm0 5.333-.309-.572-4.333 2.333.308.573.309.572 4.333-2.333zM8.03 14.667l.291-.582-4.667-2.333-.29.581-.291.582 4.667 2.333zM12.364 7l-.327-.562L7.73 8.94l.326.562.327.562 4.308-2.502zM8.055 9.502h-.65v5.172h1.3V9.502zm0 0 .306-.573L3.67 6.426 3.364 7l-.306.574 4.691 2.502zM8.03 4.667l.65-.004-.017-3.317-.65.003-.65.004.017 3.317zm-1.4-1.935.46.46 1.382-1.383-.46-.46-.459-.46L6.17 2.274zM8.013 1.35l-.46.46 1.383 1.383.46-.46.46-.46L8.471.89zm-4.65 10.984-.346-.55-2.589 1.633.347.55.346.55 2.59-1.633zm-.678 2.054.14-.635-1.91-.421-.14.635-.14.634 1.91.422zm-1.91-.421.634.14.422-1.91-.635-.14-.635-.14-.421 1.91zm11.589-1.633-.348.55 2.584 1.632.347-.55.347-.549-2.583-1.632zm.673 2.054.14.635 1.91-.422-.14-.634-.14-.635-1.91.421zm1.91-.421.635-.14-.422-1.91-.634.14-.635.14.421 1.91z'
+      d='m3.364 7-.29-.581a.65.65 0 0 0-.36.581zm9 0h.65a.65.65 0 0 0-.342-.572zM8.03 14.667l-.29.581a.65.65 0 0 0 .599-.009zM8.013 1.349l.46-.46-.46-.459-.46.46zm-1.843.924a.65.65 0 1 0 .92.919l-.46-.46zm2.766.919a.65.65 0 1 0 .92-.92l-.46.46zM.775 13.966l-.635-.14-.14.634.635.14zm1.77 1.056a.65.65 0 1 0 .28-1.27l-.14.635zm-.714-2.826a.65.65 0 0 0-1.27-.28l.635.14zm13.116 1.77.14.634.635-.14-.14-.634zm-2.05-.214a.65.65 0 0 0 .28 1.27l-.14-.635zm2.263-1.836a.65.65 0 0 0-1.27.28l.636-.14zm-11.796.417h.65V7h-1.3v5.333zm0-5.333.29.581 4.667-2.333-.29-.581-.291-.582L3.073 6.42zM8.03 4.667l-.308.572 4.334 2.333.308-.572.308-.572-4.333-2.334zM12.364 7h-.65v5.333h1.3V7zm0 5.333-.308-.572-4.334 2.333.308.573.309.572 4.333-2.333zM8.03 14.667l.291-.582-4.667-2.333-.29.581-.29.582 4.666 2.333zM12.364 7l-.327-.562L7.73 8.94l.326.562.327.562 4.308-2.502zM8.055 9.502h-.65v5.172h1.3V9.502zm0 0 .306-.573L3.67 6.426 3.364 7l-.306.574 4.691 2.502zM8.03 4.667l.65-.004-.017-3.317-.65.003-.65.004.017 3.317zm-1.4-1.935.46.46 1.382-1.383-.46-.46-.459-.46L6.17 2.274zM8.013 1.35l-.46.46 1.383 1.383.46-.46.46-.46L8.471.89zm-4.65 10.984-.346-.55-2.589 1.633.347.55.346.55 2.59-1.633zm-.678 2.054.14-.635-1.91-.421-.14.635-.14.634 1.91.422zm-1.91-.421.635.14.42-1.91-.634-.14-.635-.14-.421 1.91zm11.589-1.633-.348.55 2.584 1.632.347-.55.347-.549-2.583-1.632zm.673 2.054.14.635 1.91-.422-.14-.634-.14-.635-1.91.421zm1.91-.421.635-.14-.422-1.91-.634.14-.635.14.421 1.91z'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/ArrowLeft.tsx

@@ -39,7 +39,7 @@ export const ArrowLeft = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M3.333 8h9.334M3.333 8l3.334-3.333M3.333 8l3.334 3.333'
+      d='M3.333 8h9.334m-6 3.333L3.333 8l3.334-3.333'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/ArrowRight.tsx

@@ -39,7 +39,7 @@ export const ArrowRight = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M12.667 8H3.333m9.334 0-3.334 3.333M12.667 8 9.333 4.667'
+      d='M12.667 8H3.333m6-3.333L12.667 8l-3.334 3.333'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/BasketPutIn.tsx

@@ -39,7 +39,7 @@ export const BasketPutIn = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M5.5 12h6.667M5.5 12a1.167 1.167 0 1 0 0 2.333A1.167 1.167 0 0 0 5.5 12m6.667 0a1.167 1.167 0 1 0 0 2.333 1.167 1.167 0 0 0 0-2.333M3.762 4.667h1.571M8.667 4v3.333m0 0L7.333 6m1.334 1.333L10 6m-4.667 6-2-9.333H2m10 2h1.333a.667.667 0 0 1 .644.838l-1.066 4a.67.67 0 0 1-.644.495H4.905'
+      d='M5.5 12h6.667M5.5 12a1.167 1.167 0 1 0 0 2.333A1.167 1.167 0 0 0 5.5 12m6.667 0a1.167 1.167 0 1 0 0 2.333 1.167 1.167 0 0 0 0-2.333M3.762 4.667h1.571M8.667 4v3.333M10 6 8.667 7.333 7.333 6m-2 6-2-9.333H2m10 2h1.333a.667.667 0 0 1 .644.838l-1.066 4a.67.67 0 0 1-.644.495H4.905'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/Clip.tsx

@@ -39,7 +39,7 @@ export const Clip = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M8.967 6.253 5.28 9.94a1.083 1.083 0 0 0 0 1.547h-.007c.427.427 1.12.427 1.547 0l5.747-5.75a2.197 2.197 0 0 0 0-3.1l-.007-.007a2.19 2.19 0 0 0-3.1-.007h-.007L3.7 8.369a3.276 3.276 0 0 0-.007 4.639 3.283 3.283 0 0 0 4.64 0v-.007l4.2-4.2'
+      d='M8.967 6.253 5.28 9.94a1.083 1.083 0 0 0 0 1.547h-.007c.427.427 1.12.427 1.547 0l5.747-5.75a2.197 2.197 0 0 0 0-3.1l-.007-.007a2.19 2.19 0 0 0-3.1-.007h-.007L3.7 8.369a3.277 3.277 0 0 0-.007 4.639 3.283 3.283 0 0 0 4.64 0v-.007l4.2-4.2'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/ClockFill.tsx

@@ -37,16 +37,8 @@ export const ClockFill = createIcon(
     <Path
       fill='currentColor'
       fillRule='evenodd'
-      d='M1.5 8c0-3.596 2.91-6.5 6.5-6.5a6.5 6.5 0 1 1 0 13c-3.596 0-6.5-2.91-6.5-6.5'
+      d='M8 1.5a6.5 6.5 0 1 1 0 13c-3.596 0-6.5-2.91-6.5-6.5 0-3.596 2.91-6.5 6.5-6.5m0 2.116a.65.65 0 0 0-.65.65V8c0 .359.291.65.65.65h3.1a.65.65 0 0 0 0-1.3H8.65V4.267a.65.65 0 0 0-.65-.65'
       clipRule='evenodd'
     />
-    <Path fill='currentColor' d='M11.1 8H8zM8 8V4.267z' />
-    <Path
-      stroke='#fff'
-      strokeLinecap='round'
-      strokeLinejoin='round'
-      strokeWidth={1.3}
-      d='M11.1 8H8V4.267'
-    />
   </Svg>,
 );

package/src/lib/Symbols/Icons/CloudDownload.tsx

@@ -39,7 +39,7 @@ export const CloudDownload = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M8 10.667V14m0 0-1.333-1.333M8 14l1.333-1.333m-4.4-1.334H4.66A3.33 3.33 0 0 1 1.327 8a3.32 3.32 0 0 1 2.879-3.293V4.7a3.98 3.98 0 0 1 3.78-2.713c2.207 0 4 1.786 4 4a2.67 2.67 0 0 1 2.667 2.666c0 1.467-1.2 2.667-2.667 2.667h-.94'
+      d='M8 10.667V14m1.333-1.333L8 14l-1.333-1.333m-1.734-1.334H4.66A3.33 3.33 0 0 1 1.327 8a3.32 3.32 0 0 1 2.879-3.293V4.7a3.98 3.98 0 0 1 3.78-2.713c2.207 0 4 1.786 4 4a2.67 2.67 0 0 1 2.667 2.666c0 1.467-1.2 2.667-2.667 2.667h-.94'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/CloudUpload.tsx

@@ -39,7 +39,7 @@ export const CloudUpload = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M4.933 11.333H4.66A3.33 3.33 0 0 1 1.327 8a3.32 3.32 0 0 1 2.879-3.293V4.7a3.98 3.98 0 0 1 3.78-2.713c2.207 0 4 1.786 4 4a2.67 2.67 0 0 1 2.667 2.666c0 1.467-1.2 2.667-2.667 2.667h-.94M9.333 12 8 10.667m0 0L6.667 12M8 10.667V14'
+      d='M4.933 11.333H4.66A3.33 3.33 0 0 1 1.327 8a3.32 3.32 0 0 1 2.879-3.293V4.7a3.98 3.98 0 0 1 3.78-2.713c2.207 0 4 1.786 4 4a2.67 2.67 0 0 1 2.667 2.666c0 1.467-1.2 2.667-2.667 2.667h-.94m-4.38.68L8 10.667 9.333 12M8 10.667V14'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/CoinsAddPlus.tsx

@@ -39,7 +39,7 @@ export const CoinsAddPlus = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M5.333 12C3.493 12 2 11.4 2 10.667V5.333m0 0c0-.353.351-.692.976-.942S4.45 4 5.333 4s1.732.14 2.357.39.977.59.977.943M2 5.333c0 .354.351.693.976.943s1.473.39 2.357.39 1.732-.14 2.357-.39.977-.589.977-.943M7.333 10c0 .733 1.487 1.333 3.334 1.333 1.84 0 3.333-.6 3.333-1.333m-6.667 0v2.667C7.333 13.4 8.82 14 10.667 14c1.84 0 3.333-.6 3.333-1.333V10m-6.667 0c0-.74 1.487-1.333 3.334-1.333C12.507 8.667 14 9.26 14 10M8.667 5.333V7m2.666-3.667H14m-1.333 1.334V2M5.333 9.333C3.493 9.333 2 8.733 2 8'
+      d='M8.667 7V5.333c0-.353-.352-.692-.977-.942S6.217 4 5.333 4s-1.732.14-2.357.39S2 4.98 2 5.334v5.334C2 11.4 3.493 12 5.333 12M2 5.333c0 .354.351.693.976.943s1.473.39 2.357.39 1.732-.14 2.357-.39.977-.589.977-.943M7.333 10c0 .733 1.487 1.333 3.334 1.333 1.84 0 3.333-.6 3.333-1.333m-6.667 0v2.667C7.333 13.4 8.82 14 10.667 14c1.84 0 3.333-.6 3.333-1.333V10m-6.667 0c0-.74 1.487-1.333 3.334-1.333C12.507 8.667 14 9.26 14 10m-2.667-6.667H14m-1.333 1.334V2M5.333 9.333C3.493 9.333 2 8.733 2 8'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/CoinsCheck.tsx

@@ -39,7 +39,7 @@ export const CoinsCheck = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M5.333 12C3.493 12 2 11.4 2 10.667V5.333m0 0c0-.353.351-.692.976-.942S4.45 4 5.333 4s1.732.14 2.357.39.977.59.977.943M2 5.333c0 .354.351.693.976.943s1.473.39 2.357.39 1.732-.14 2.357-.39.977-.59.977-.943M7.333 10c0 .733 1.487 1.333 3.334 1.333 1.84 0 3.333-.6 3.333-1.333m-6.667 0v2.667C7.333 13.4 8.82 14 10.667 14c1.84 0 3.333-.6 3.333-1.333V10m-6.667 0c0-.74 1.487-1.333 3.334-1.333C12.507 8.667 14 9.26 14 10M8.667 5.333V7M5.333 9.333C3.493 9.333 2 8.733 2 8m12.667-5.375-2 2-1.2-1.2'
+      d='M8.667 7V5.333c0-.353-.352-.692-.977-.942S6.217 4 5.333 4s-1.732.14-2.357.39S2 4.98 2 5.334v5.334C2 11.4 3.493 12 5.333 12M2 5.333c0 .354.351.693.976.943s1.473.39 2.357.39 1.732-.14 2.357-.39.977-.589.977-.943M7.333 10c0 .733 1.487 1.333 3.334 1.333 1.84 0 3.333-.6 3.333-1.333m-6.667 0v2.667C7.333 13.4 8.82 14 10.667 14c1.84 0 3.333-.6 3.333-1.333V10m-6.667 0c0-.74 1.487-1.333 3.334-1.333C12.507 8.667 14 9.26 14 10m-8.667-.667C3.493 9.333 2 8.733 2 8m12.667-5.375-2 2-1.2-1.2'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/CoinsCross.tsx

@@ -39,7 +39,7 @@ export const CoinsCross = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M2 5.333c0 .734 1.487 1.334 3.333 1.334M2 5.333v5.334C2 11.4 3.493 12 5.333 12M2 5.333c0-.353.351-.692.976-.942S4.45 4 5.333 4s1.732.14 2.357.39.977.59.977.943M2 5.333c0 .354.351.693.976.943s1.473.39 2.357.39m0 0c.884 0 1.732-.14 2.357-.39s.977-.59.977-.943m0 0V7m3-2.667 2-2m0 2-2-2M2 8c0 .733 1.487 1.327 3.333 1.327m-.006.006c-1.847 0-3.334-.6-3.334-1.333m5.34 2c0 .733 1.487 1.333 3.334 1.333 1.84 0 3.333-.6 3.333-1.333v2.667C14 13.4 12.506 14 10.666 14c-1.847 0-3.334-.6-3.334-1.333zm6.665 0c0-.74-1.493-1.333-3.333-1.333S7.33 9.26 7.33 10c0 .733 1.487 1.333 3.334 1.333 1.84 0 3.333-.6 3.333-1.333'
+      d='M2 5.333c0 .734 1.487 1.334 3.333 1.334m3.334-1.334c0-.353-.352-.692-.977-.942S6.217 4 5.333 4s-1.732.14-2.357.39S2 4.98 2 5.334v5.334C2 11.4 3.493 12 5.333 12M2 5.333c0 .354.351.693.976.943s1.473.39 2.357.39m0 0c.884 0 1.732-.14 2.357-.39s.977-.589.977-.943m0 0V7m3-2.667 2-2m0 2-2-2M2 8c0 .733 1.487 1.327 3.333 1.327m-.006.006c-1.847 0-3.334-.6-3.334-1.333m5.34 2c0 .733 1.487 1.333 3.334 1.333 1.84 0 3.333-.6 3.333-1.333v2.667C14 13.4 12.506 14 10.666 14c-1.847 0-3.334-.6-3.334-1.333zm6.665 0c0-.74-1.493-1.333-3.333-1.333S7.33 9.26 7.33 10c0 .733 1.487 1.333 3.334 1.333 1.84 0 3.333-.6 3.333-1.333'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/ColorPalette.tsx

@@ -39,7 +39,7 @@ export const ColorPalette = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M11.148 5.285a1.334 1.334 0 0 1 1.569.594l1.103 1.885a1.334 1.334 0 0 1-.49 1.832l-6.705 3.822a4.46 4.46 0 0 1-2.21.585m-.083 0a2.334 2.334 0 0 0 2.334-2.335V3.331c0-.736-.597-1.333-1.334-1.333h-2c-.737 0-1.334.597-1.334 1.333v8.337a2.334 2.334 0 0 0 2.334 2.335m0 0a3.13 3.13 0 0 0 2.703-1.55l3.969-6.786a1.334 1.334 0 0 0-.491-1.832L8.588 2.738a1.334 1.334 0 0 0-1.812.485l-.11.187M4.5 11.668a.167.167 0 1 1-.334 0 .167.167 0 0 1 .334 0'
+      d='M11.148 5.285a1.334 1.334 0 0 1 1.569.594l1.103 1.885a1.334 1.334 0 0 1-.49 1.832l-6.705 3.822a4.46 4.46 0 0 1-2.21.585m-.083 0a2.334 2.334 0 0 0 2.334-2.335V3.331c0-.736-.597-1.333-1.334-1.333h-2c-.737 0-1.334.597-1.334 1.333v8.337a2.334 2.334 0 0 0 2.334 2.335m0 0a3.13 3.13 0 0 0 2.703-1.55l3.969-6.786a1.334 1.334 0 0 0-.491-1.832L8.588 2.738a1.334 1.334 0 0 0-1.812.485l-.11.188M4.5 11.669a.167.167 0 1 1-.334-.001.167.167 0 0 1 .334 0'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/CryptoBitcoinCoin.tsx

@@ -36,7 +36,7 @@ export const CryptoBitcoinCoin = createIcon(
   <Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
     <Path
       fill='currentColor'
-      d='M14.65 8a.65.65 0 1 0-1.3 0h1.3M8 2.65a.65.65 0 0 0 0-1.3v1.3M11.033.683a.65.65 0 1 0 0 1.3v-1.3M14.01 4.96a.65.65 0 1 0 1.3 0h-1.3m-2.977-2.277a.65.65 0 1 0 0 1.3v-1.3m.977 2.277a.65.65 0 1 0 1.3 0h-1.3M6.667 10h-.65c0 .359.29.65.65.65zm.65-4a.65.65 0 0 0-1.3 0h1.3m1.373-.667a.65.65 0 0 0-1.3 0h1.3M7.39 6a.65.65 0 0 0 1.3 0h-1.3m1.3 4a.65.65 0 0 0-1.3 0h1.3m-1.3.667a.65.65 0 1 0 1.3 0h-1.3M6.667 8v-.65a.65.65 0 0 0-.65.65zM6.66 6v-.65a.65.65 0 0 0-.65.65zm0 2h-.65c0 .359.291.65.65.65zM14 8h-.65A5.35 5.35 0 0 1 8 13.35v1.3A6.65 6.65 0 0 0 14.65 8zm-6 6v-.65A5.35 5.35 0 0 1 2.65 8h-1.3A6.65 6.65 0 0 0 8 14.65zM2 8h.65A5.35 5.35 0 0 1 8 2.65v-1.3A6.65 6.65 0 0 0 1.35 8zm9.033-6.667v.65A2.976 2.976 0 0 1 14.01 4.96h1.3A4.276 4.276 0 0 0 11.033.683zm0 2v.65c.541 0 .977.436.977.977h1.3a2.275 2.275 0 0 0-2.277-2.277zM6.667 10h.65V6h-1.3v4zM8.04 5.333h-.65V6h1.3v-.667zm0 4.667h-.65v.667h1.3V10zM6.667 8v.65H9v-1.3H6.667zM9 8v.65c.19 0 .35.158.35.35h1.3c0-.915-.747-1.65-1.65-1.65zm1 1h-.65c0 .188-.162.35-.35.35v1.3c.906 0 1.65-.744 1.65-1.65zm-1 1v-.65H6.667v1.3H9zm-2.333 0h.65V8h-1.3v2zM6.66 6v.65h2.1v-1.3h-2.1zm2.1 0v.65c.19 0 .35.158.35.35h1.3c0-.915-.747-1.65-1.65-1.65zm1 1h-.65c0 .188-.162.35-.35.35v1.3c.906 0 1.65-.744 1.65-1.65zm-1 1v-.65h-2.1v1.3h2.1zm-2.1 0h.65V6h-1.3v2z'
+      d='M14.65 8a.65.65 0 1 0-1.3 0h1.3M8 2.65a.65.65 0 0 0 0-1.3v1.3M11.033.683a.65.65 0 1 0 0 1.3v-1.3M14.01 4.96a.65.65 0 1 0 1.3 0h-1.3m-2.977-2.277a.65.65 0 1 0 0 1.3v-1.3m.977 2.277a.65.65 0 1 0 1.3 0h-1.3M6.667 10h-.65c0 .359.29.65.65.65zm.65-4a.65.65 0 0 0-1.3 0h1.3m1.373-.667a.65.65 0 0 0-1.3 0h1.3M7.39 6a.65.65 0 0 0 1.3 0h-1.3m1.3 4a.65.65 0 0 0-1.3 0h1.3m-1.3.667a.65.65 0 1 0 1.3 0h-1.3M6.667 8v-.65a.65.65 0 0 0-.65.65zM6.66 6v-.65a.65.65 0 0 0-.65.65zm0 2h-.65c0 .359.291.65.65.65zM14 8h-.65A5.35 5.35 0 0 1 8 13.35v1.3A6.65 6.65 0 0 0 14.65 8zm-6 6v-.65A5.35 5.35 0 0 1 2.65 8h-1.3A6.65 6.65 0 0 0 8 14.65zM2 8h.65A5.35 5.35 0 0 1 8 2.65v-1.3A6.65 6.65 0 0 0 1.35 8zm9.033-6.667v.65A2.976 2.976 0 0 1 14.01 4.96h1.3A4.276 4.276 0 0 0 11.033.683zm0 2v.65c.541 0 .977.436.977.977h1.3a2.275 2.275 0 0 0-2.277-2.277zM6.667 10h.65V6h-1.3v4zM8.04 5.333h-.65V6h1.3v-.667zm0 4.667h-.65v.667h1.3V10zM6.667 8v.65H9v-1.3H6.667zM9 8v.65c.19 0 .35.159.35.35h1.3c0-.915-.747-1.65-1.65-1.65zm1 1h-.65c0 .188-.162.35-.35.35v1.3c.906 0 1.65-.744 1.65-1.65zm-1 1v-.65H6.667v1.3H9zm-2.333 0h.65V8h-1.3v2zM6.66 6v.65h2.1v-1.3h-2.1zm2.1 0v.65c.19 0 .35.159.35.35h1.3c0-.915-.747-1.65-1.65-1.65zm1 1h-.65c0 .188-.162.35-.35.35v1.3c.906 0 1.65-.744 1.65-1.65zm-1 1v-.65h-2.1v1.3h2.1zm-2.1 0h.65V6h-1.3v2z'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/Csv.tsx

@@ -39,7 +39,7 @@ export const Csv = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M10.333 14h1a2 2 0 0 0 2-2V5.673a2 2 0 0 0-.585-1.414l-1.673-1.673A2 2 0 0 0 9.66 2H4.667a2 2 0 0 0-2 2v4.667m10.666-3H11a1.333 1.333 0 0 1-1.333-1.334V2M8 6v3.333m0 0L9.333 8M8 9.333 6.667 8'
+      d='M10.333 14h1a2 2 0 0 0 2-2V5.673a2 2 0 0 0-.585-1.414l-1.673-1.673A2 2 0 0 0 9.66 2H4.667a2 2 0 0 0-2 2v4.667m10.666-3H11a1.333 1.333 0 0 1-1.333-1.334V2M8 6v3.333M6.667 8 8 9.333 9.333 8'
     />
     <Path
       fill='currentColor'

package/src/lib/Symbols/Icons/Discord.tsx

@@ -36,7 +36,7 @@ export const Discord = createIcon(
   <Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
     <Path
       fill='currentColor'
-      d='M12.628 4.115c-.876-.37-1.8-.633-2.75-.782q-.195.323-.353.662c-1.012-.141-2.041-.141-3.053 0a7 7 0 0 0-.352-.662c-.95.15-1.876.413-2.753.784-1.741 2.379-2.213 4.699-1.977 6.985 1.02.696 2.16 1.225 3.374 1.565q.41-.511.722-1.076a7.4 7.4 0 0 1-1.138-.502q.144-.097.28-.194A8.5 8.5 0 0 0 8 11.591a8.5 8.5 0 0 0 3.373-.696q.136.104.279.194a7.5 7.5 0 0 1-1.14.502q.312.567.722 1.076a11.4 11.4 0 0 0 3.376-1.564c.277-2.652-.473-4.95-1.982-6.988M5.785 9.696c-.657 0-1.2-.551-1.2-1.23 0-.677.524-1.233 1.198-1.233s1.213.556 1.202 1.234-.53 1.229-1.2 1.229m4.43 0c-.659 0-1.2-.551-1.2-1.23 0-.677.524-1.233 1.2-1.233s1.21.556 1.199 1.234c-.012.678-.529 1.229-1.2 1.229'
+      d='M12.628 4.115c-.876-.37-1.8-.633-2.75-.782q-.195.323-.353.662c-1.012-.14-2.041-.14-3.053 0a7 7 0 0 0-.352-.662c-.95.15-1.876.413-2.753.784-1.741 2.379-2.213 4.699-1.977 6.985 1.02.696 2.16 1.225 3.374 1.565q.41-.511.722-1.076a7.5 7.5 0 0 1-1.138-.502q.144-.097.28-.194A8.5 8.5 0 0 0 8 11.591a8.5 8.5 0 0 0 3.373-.696q.136.104.279.194a7.5 7.5 0 0 1-1.14.503q.312.565.722 1.075a11.4 11.4 0 0 0 3.376-1.564c.277-2.652-.473-4.95-1.982-6.988M5.785 9.696c-.657 0-1.2-.551-1.2-1.23 0-.677.524-1.233 1.198-1.233s1.213.556 1.202 1.234-.53 1.229-1.2 1.229m4.43 0c-.659 0-1.2-.551-1.2-1.23 0-.677.524-1.233 1.2-1.233s1.21.556 1.199 1.234c-.012.678-.529 1.229-1.2 1.229'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/Download.tsx

@@ -39,7 +39,7 @@ export const Download = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M10.37 7.407 8 9.778m0 0-2.37-2.37M8 9.777V2.667m5.333 8.296a2.37 2.37 0 0 1-2.37 2.37H5.037a2.37 2.37 0 0 1-2.37-2.37'
+      d='M5.63 7.407 8 9.778l2.37-2.37M8 9.777V2.667m5.333 8.296a2.37 2.37 0 0 1-2.37 2.37H5.037a2.37 2.37 0 0 1-2.37-2.37'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/Exchange.tsx

@@ -39,7 +39,7 @@ export const Exchange = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M8.667 12.667h-2a3.334 3.334 0 0 1-3.334-3.334v-6m0 0L5 5M3.333 3.333 1.667 5m5.657-1.667h2a3.334 3.334 0 0 1 3.333 3.334v6m0 0L10.99 11m1.667 1.667L14.324 11'
+      d='M8.667 12.667h-2a3.334 3.334 0 0 1-3.334-3.334v-6M1.667 5l1.666-1.667L5 5m2.324-1.667h2a3.334 3.334 0 0 1 3.333 3.334v6M14.324 11l-1.667 1.667L10.99 11'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/ExchangeFill.tsx

@@ -39,7 +39,7 @@ export const ExchangeFill = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M8.667 12.667h-2a3.334 3.334 0 0 1-3.334-3.334v-6m0 0L5 5M3.333 3.333 1.667 5m5.657-1.667h2a3.334 3.334 0 0 1 3.333 3.334v6m0 0L10.99 11m1.667 1.667L14.324 11'
+      d='M8.667 12.667h-2a3.334 3.334 0 0 1-3.334-3.334v-6M1.667 5l1.666-1.667L5 5m2.324-1.667h2a3.334 3.334 0 0 1 3.333 3.334v6M14.324 11l-1.667 1.667L10.99 11'
     />
     <Rect
       width={4.292}

package/src/lib/Symbols/Icons/ExitLogout.tsx

@@ -39,7 +39,7 @@ export const ExitLogout = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M7.333 8H14m0 0-2.333 2.333M14 8l-2.333-2.333M8 2H4c-1.107 0-2 .893-2 2v8c0 1.1.893 2 2 2h4'
+      d='M7.333 8H14m-2.333-2.333L14 8l-2.333 2.333M8 2H4c-1.107 0-2 .893-2 2v8c0 1.1.893 2 2 2h4'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/Expand.tsx

@@ -39,7 +39,7 @@ export const Expand = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M11.333 2H14m0 0v2.667M14 2l-4 4M2.667 7.333V4c0-.737.596-1.333 1.333-1.333h3.333M4.667 14H2m0 0v-2.667M2 14l4-4m7.333-1.333V12c0 .737-.596 1.333-1.333 1.333H8'
+      d='M14 4.667V2h-2.667M14 2l-4 4M2.667 7.333V4c0-.737.596-1.333 1.333-1.333h3.333M2 11.333V14h2.667M2 14l4-4m7.333-1.333V12c0 .737-.596 1.333-1.333 1.333H8'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/Experiment2.tsx

@@ -39,7 +39,7 @@ export const Experiment2 = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M13.667 6.82 9.18 2.333m3.74 3.734L5.94 13.04c-.827.82-2.167.82-2.994 0l-.007-.007a2.12 2.12 0 0 1-.007-2.993v-.007l6.973-6.98m-5.232 5.28h5.98'
+      d='M13.667 6.82 9.18 2.333m3.74 3.734L5.94 13.04c-.827.82-2.167.82-2.994 0l-.007-.007a2.123 2.123 0 0 1-.007-2.993v-.007l6.973-6.98m-5.232 5.28h5.98'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/ExternalLink.tsx

@@ -39,7 +39,7 @@ export const ExternalLink = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='m8 8 5-5m0 0v3.667M13 3H9.333M6 3H4.333C3.597 3 3 3.597 3 4.333v7.334C3 12.4 3.597 13 4.333 13h7.334C12.4 13 13 12.4 13 11.667V10'
+      d='m8 8 5-5M9.333 3H13v3.667M6 3H4.333C3.597 3 3 3.597 3 4.333v7.334C3 12.4 3.597 13 4.333 13h7.334C12.4 13 13 12.4 13 11.667V10'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/FileDownload.tsx

@@ -39,7 +39,7 @@ export const FileDownload = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M8.667 14h2.666c1.1 0 2-.9 2-2V5.667m0 0a2.05 2.05 0 0 0-.586-1.42l-1.674-1.674a2 2 0 0 0-1.42-.586h-5c-1.106 0-2 .893-2 2v4.666m10.68-2.986H11c-.74 0-1.333-.6-1.333-1.334V2m-5 8.667V14m0 0L6 12.667M4.667 14l-1.334-1.333'
+      d='M2.653 8.653V3.987c0-1.107.894-2 2-2h5c.534 0 1.04.206 1.42.586l1.674 1.674c.373.38.58.886.586 1.42V12c0 1.1-.9 2-2 2H8.667m4.666-8.333H11c-.74 0-1.333-.6-1.333-1.334V2m-5 8.667V14m-1.334-1.333L4.667 14 6 12.667'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/Github.tsx

@@ -38,7 +38,7 @@ export const Github = createIcon(
       <Path
         fill='currentColor'
         fillRule='evenodd'
-        d='M8.006.8C4.021.8.8 4.1.8 8.183c0 3.263 2.064 6.025 4.927 7.003.358.073.49-.159.49-.354 0-.171-.012-.758-.012-1.37-2.005.44-2.422-.88-2.422-.88-.323-.855-.8-1.075-.8-1.075-.656-.452.048-.452.048-.452.728.049 1.11.758 1.11.758.644 1.124 1.682.806 2.1.61.059-.476.25-.806.453-.99-1.6-.17-3.281-.806-3.281-3.642 0-.806.286-1.466.74-1.98-.072-.183-.323-.94.071-1.955 0 0 .608-.196 1.98.757a6.8 6.8 0 0 1 1.802-.244c.608 0 1.229.086 1.801.244 1.372-.953 1.98-.757 1.98-.757.395 1.014.144 1.772.072 1.955.466.514.74 1.174.74 1.98 0 2.836-1.682 3.46-3.293 3.643.263.232.49.672.49 1.369 0 .99-.012 1.784-.012 2.028 0 .196.13.428.489.355 2.863-.978 4.927-3.74 4.927-7.003C15.212 4.1 11.979.8 8.006.8'
+        d='M8.006.8C4.021.8.8 4.1.8 8.183c0 3.263 2.064 6.025 4.927 7.003.358.073.49-.159.49-.354 0-.171-.012-.758-.012-1.37-2.005.44-2.422-.88-2.422-.88-.323-.855-.8-1.075-.8-1.075-.656-.452.048-.452.048-.452.728.049 1.11.758 1.11.758.644 1.124 1.682.806 2.1.61.059-.476.25-.806.453-.99-1.6-.17-3.281-.806-3.281-3.642 0-.806.286-1.466.74-1.98-.072-.183-.323-.94.071-1.955 0 0 .608-.196 1.98.757a6.8 6.8 0 0 1 1.802-.244c.608 0 1.229.086 1.801.244 1.372-.953 1.98-.757 1.98-.757.395 1.014.144 1.772.072 1.955.466.514.74 1.174.74 1.98 0 2.836-1.682 3.46-3.293 3.643.263.232.49.672.49 1.369 0 .99-.012 1.784-.012 2.029 0 .195.13.427.489.354 2.863-.978 4.927-3.74 4.927-7.003C15.212 4.1 11.979.8 8.006.8'
         clipRule='evenodd'
       />
     </G>

package/src/lib/Symbols/Icons/HandCard.tsx

@@ -39,7 +39,7 @@ export const HandCard = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='m1.33 9.334 1.702-2.835a2 2 0 0 1 .82-.76l.39-.196a2 2 0 0 1 .896-.21h9.532m-12.006 8.67 3.843-1.39a2.67 2.67 0 0 0 1.313-1.028l1.996-2.993a1.098 1.098 0 0 0-1.689-1.385l-1.46 1.46m0 0H5.331m1.334 0V4.932a1.573 1.573 0 0 1 1.545-1.6h4.914c.868.015 1.56.732 1.544 1.6v2.801a1.573 1.573 0 0 1-1.544 1.6H9.32'
+      d='m1.33 9.334 1.702-2.835a2 2 0 0 1 .82-.76l.39-.195a2 2 0 0 1 .896-.212h9.532M5.332 8.667h1.334l1.461-1.46a1.098 1.098 0 0 1 1.69 1.385L7.82 11.585a2.67 2.67 0 0 1-1.313 1.029l-3.843 1.388m4.002-5.335V4.932a1.573 1.573 0 0 1 1.545-1.6h4.914c.868.015 1.56.732 1.544 1.6v2.801a1.573 1.573 0 0 1-1.544 1.6H9.32'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/Infinite.tsx

@@ -39,7 +39,7 @@ export const Infinite = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M7.25 9.251c-.596.787-1.62 2.002-3.302 2.002v-.002l-.006.002C2.452 11.255 1.243 9.797 1.243 8s1.209-3.255 2.7-3.253l.006.002v-.002c1.682 0 3.495 2.196 4.091 2.984L8.25 8l.197.269c.553.786 2.237 2.984 3.798 2.984v-.002l.006.002c1.384.002 2.506-1.456 2.506-3.253s-1.122-3.255-2.507-3.253l-.006.002v-.002c-1.561 0-2.44 1.214-2.993 2.002'
+      d='M7.25 9.251c-.596.787-1.62 2.002-3.302 2.002v-.002l-.006.002C2.452 11.255 1.243 9.797 1.243 8s1.209-3.255 2.7-3.253l.006.003v-.003c1.682 0 3.495 2.196 4.091 2.984L8.25 8l.197.269c.553.786 2.237 2.984 3.798 2.984v-.002l.006.002c1.384.002 2.506-1.456 2.506-3.253s-1.122-3.255-2.507-3.253l-.006.003v-.003c-1.561 0-2.44 1.214-2.993 2.002'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/MobileArrow.tsx

@@ -39,7 +39,7 @@ export const MobileArrow = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M6.333 2v1.333c0 .18.154.334.334.334h2.666a.334.334 0 0 0 .334-.334V2M4 11.333v1.334C4 13.4 4.6 14 5.333 14h5.334c.74 0 1.333-.6 1.333-1.333V3.333C12 2.593 11.407 2 10.667 2H5.333C4.6 2 4 2.593 4 3.333v1.334M1.333 8h3.334m0 0L3.333 6.667M4.667 8 3.333 9.333'
+      d='M6.333 2v1.333c0 .18.154.334.334.334h2.666a.334.334 0 0 0 .334-.334V2M4 11.333v1.334C4 13.4 4.6 14 5.333 14h5.334c.74 0 1.333-.6 1.333-1.333V3.333C12 2.593 11.407 2 10.667 2H5.333C4.6 2 4 2.593 4 3.333v1.334M1.333 8h3.334M3.333 9.333 4.667 8 3.333 6.667'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/NftHide.tsx

@@ -39,7 +39,7 @@ export const NftHide = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M14 8.667v2.666C14 12.8 12.8 14 11.333 14H4.667m0 0A2.67 2.67 0 0 1 2 11.333V4.667A2.666 2.666 0 0 1 4.667 2h2.666M4.667 14 8.86 9.8a1.59 1.59 0 0 1 2.267 0l2.62 2.62M2 8.667l.86-.867a1.595 1.595 0 0 1 2.267-.007l2.86 2.86m4.265-6.719c.034.033.034.093 0 .133a.11.11 0 0 1-.14 0 .097.097 0 0 1 0-.14c.034-.04.094-.04.134 0M9.84 4.46a.83.83 0 0 1 0-.92c.56-.86 1.453-1.547 2.342-1.547.886 0 1.773.68 2.34 1.54.18.274.18.64 0 .92-.567.855-1.46 1.54-2.347 1.54-.893 0-1.78-.686-2.342-1.54z'
+      d='M14 8.667v2.666C14 12.8 12.8 14 11.333 14H4.667m0 0A2.67 2.67 0 0 1 2 11.333V4.667A2.666 2.666 0 0 1 4.667 2h2.666M4.667 14 8.86 9.8a1.59 1.59 0 0 1 2.267 0l2.62 2.62M2 8.667l.86-.867a1.595 1.595 0 0 1 2.267-.007l2.86 2.86m4.265-6.72c.034.034.034.094 0 .134a.11.11 0 0 1-.14 0 .097.097 0 0 1 0-.14c.034-.04.094-.04.134 0M9.84 4.46a.83.83 0 0 1 0-.92c.56-.86 1.453-1.547 2.342-1.547.886 0 1.773.68 2.34 1.54.18.274.18.64 0 .92-.567.855-1.46 1.54-2.347 1.54-.893 0-1.78-.686-2.342-1.54z'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/Parachute.tsx

@@ -39,7 +39,7 @@ export const Parachute = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M2 6.667a5.68 5.68 0 0 1 6 0m-6 0C2 3.72 4.686 1.333 8 1.333s6 2.388 6 5.334m-12 0L8 10m0-3.333a5.68 5.68 0 0 1 6 0m-6 0V10m6-3.333L8 10m-2.333 4.667h4.666a1 1 0 0 0 1-1V11a1 1 0 0 0-1-1H5.667a1 1 0 0 0-1 1v2.667a1 1 0 0 0 1 1M6.9 10h2.2v1.667c0 .184-.15.333-.333.333H7.233a.333.333 0 0 1-.333-.333z'
+      d='M2 6.667a5.68 5.68 0 0 1 6 0M8 10l6-3.333c0-2.946-2.686-5.334-6-5.334S2 3.721 2 6.667zm0-3.333a5.68 5.68 0 0 1 6 0m-6 0V10m-2.333 4.667h4.666a1 1 0 0 0 1-1V11a1 1 0 0 0-1-1H5.667a1 1 0 0 0-1 1v2.667a1 1 0 0 0 1 1M6.9 10h2.2v1.667c0 .184-.15.333-.333.333H7.233a.333.333 0 0 1-.333-.333z'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/PictureImage.tsx

@@ -39,7 +39,7 @@ export const PictureImage = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='m1.998 8.667.863-.864a1.61 1.61 0 0 1 2.274 0L8 10.668m-3.333 3.335 4.199-4.199a1.61 1.61 0 0 1 2.274 0l2.627 2.627m.236-1.096a2.67 2.67 0 0 1-2.668 2.667h-6.67a2.67 2.67 0 0 1-2.667-2.667v-6.67a2.67 2.67 0 0 1 2.667-2.667h6.67a2.67 2.67 0 0 1 2.668 2.667z'
+      d='m1.998 8.667.863-.864a1.61 1.61 0 0 1 2.274 0L8 10.668m-3.333 3.335 4.199-4.199a1.61 1.61 0 0 1 2.274 0l2.627 2.627m.236-1.096a2.67 2.67 0 0 1-2.668 2.668h-6.67a2.67 2.67 0 0 1-2.667-2.668v-6.67a2.67 2.67 0 0 1 2.667-2.667h6.67a2.67 2.67 0 0 1 2.668 2.667z'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/Range.tsx

@@ -39,7 +39,7 @@ export const Range = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M2 13.333h5.333M2 10.667h4M2 8h5.333M2 5.333h4M2 2.667h5.333M12 13.333V2.667m0 10.666 1.667-1.666M12 13.333l-1.667-1.666m1.667-9-1.667 1.666M12 2.667l1.667 1.666'
+      d='M2 13.333h5.333M2 10.667h4M2 8h5.333M2 5.333h4M2 2.667h5.333M12 13.333V2.667m-1.667 9L12 13.333l1.667-1.666m0-7.334L12 2.667l-1.667 1.666'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/Reddit.tsx

@@ -36,12 +36,12 @@ export const Reddit = createIcon(
   <Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
     <Path
       fill='currentColor'
-      d='M6.395 8.08a.734.734 0 0 0-.728.737c0 .405.327.736.728.736.402 0 .73-.33.73-.736a.734.734 0 0 0-.73-.736M8.008 11.298c.279 0 1.228-.033 1.728-.538a.214.214 0 0 0 .016-.273.19.19 0 0 0-.27 0c-.32.315-.982.43-1.465.43s-1.155-.115-1.466-.43a.19.19 0 0 0-.27 0 .196.196 0 0 0 0 .273c.491.496 1.449.538 1.727.538M8.876 8.817c0 .405.328.736.729.736s.729-.33.729-.736a.734.734 0 0 0-.73-.736.734.734 0 0 0-.728.736'
+      d='M6.395 8.08a.734.734 0 0 0-.728.737c0 .405.327.736.728.736.402 0 .73-.33.73-.736a.734.734 0 0 0-.73-.736M8.008 11.298c.279 0 1.228-.033 1.728-.538a.214.214 0 0 0 .016-.273.19.19 0 0 0-.27 0c-.32.315-.982.43-1.465.43s-1.155-.115-1.466-.43a.19.19 0 0 0-.27 0 .196.196 0 0 0 0 .273c.491.497 1.449.538 1.727.538M8.876 8.817c0 .405.328.736.729.736s.729-.33.729-.736a.734.734 0 0 0-.73-.736.734.734 0 0 0-.728.736'
     />
     <Path
       fill='currentColor'
       fillRule='evenodd'
-      d='M15 8.08c0 3.906-3.134 7.072-7 7.072S1 11.986 1 8.08s3.134-7.07 7-7.07 7 3.165 7 7.07m-3.357-1.033c.565 0 1.024.463 1.024 1.034 0 .422-.254.785-.59.95q.025.148.025.307c0 1.588-1.826 2.87-4.085 2.87S3.93 10.926 3.93 9.337q0-.164.025-.314a1.03 1.03 0 0 1-.606-.943c0-.57.458-1.034 1.023-1.034.27 0 .524.116.704.29.704-.521 1.679-.844 2.768-.877l.515-2.464a.2.2 0 0 1 .082-.116q.063-.037.14-.025l1.694.364a.71.71 0 0 1 .647-.414c.401 0 .729.331.729.736a.734.734 0 0 1-.729.736.733.733 0 0 1-.729-.703L8.68 4.252 8.213 6.46c1.064.041 2.03.372 2.726.877a.98.98 0 0 1 .704-.29'
+      d='M15 8.08c0 3.906-3.134 7.072-7 7.072S1 11.986 1 8.08s3.134-7.07 7-7.07 7 3.165 7 7.07m-3.357-1.033c.565 0 1.024.463 1.024 1.034 0 .422-.254.786-.59.95q.025.148.025.307c0 1.588-1.826 2.87-4.085 2.87S3.93 10.926 3.93 9.337q0-.164.025-.314a1.03 1.03 0 0 1-.606-.943c0-.57.458-1.034 1.023-1.034.27 0 .524.116.704.29.704-.521 1.679-.844 2.768-.877l.515-2.464a.2.2 0 0 1 .082-.116q.063-.037.14-.025l1.694.364a.71.71 0 0 1 .647-.414c.401 0 .729.331.729.736a.734.734 0 0 1-.729.736.733.733 0 0 1-.729-.703L8.68 4.252 8.213 6.46c1.064.041 2.03.372 2.726.877a.98.98 0 0 1 .704-.29'
       clipRule='evenodd'
     />
   </Svg>,

package/src/lib/Symbols/Icons/Reduce.tsx

@@ -39,7 +39,7 @@ export const Reduce = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M14.002 8v3.335a2.67 2.67 0 0 1-2.667 2.667h-6.67a2.67 2.67 0 0 1-2.668-2.667v-6.67a2.67 2.67 0 0 1 2.668-2.667H8m-.667 6.669 6.67-6.67m-6.67 6.67h2.668m-2.668 0V5.999'
+      d='M14.002 8v3.335a2.67 2.67 0 0 1-2.667 2.668h-6.67a2.67 2.67 0 0 1-2.668-2.668v-6.67a2.67 2.67 0 0 1 2.668-2.667H8m-.667 6.669 6.67-6.67M7.333 6v2.668h2.668'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/Screens.tsx

@@ -39,7 +39,7 @@ export const Screens = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M5.332 1.998h5.336m-6.67 2.5h8.004m.233 9.505h-8.47a1.334 1.334 0 0 1-1.327-1.201l-.434-4.335A1.334 1.334 0 0 1 3.331 7h9.338a1.334 1.334 0 0 1 1.327 1.467l-.434 4.335a1.334 1.334 0 0 1-1.327 1.2'
+      d='M5.332 1.998h5.336m-6.67 2.5h8.004m.233 9.505h-8.47a1.334 1.334 0 0 1-1.327-1.2l-.434-4.336A1.334 1.334 0 0 1 3.331 7h9.338a1.334 1.334 0 0 1 1.327 1.467l-.434 4.335a1.334 1.334 0 0 1-1.327 1.2'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/Shapes.tsx

@@ -54,7 +54,7 @@ export const Shapes = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M1.998 5.33A3.333 3.333 0 0 1 5.33 1.999h5.338a3.333 3.333 0 0 1 3.334 3.333v5.338a3.333 3.333 0 0 1-3.334 3.333H5.331a3.333 3.333 0 0 1-3.333-3.333z'
+      d='M1.998 5.33A3.333 3.333 0 0 1 5.33 1.999h5.338a3.333 3.333 0 0 1 3.334 3.333v5.338a3.333 3.333 0 0 1-3.334 3.334H5.331a3.333 3.333 0 0 1-3.333-3.334z'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/Share.tsx

@@ -39,7 +39,7 @@ export const Share = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M5.333 6.667H4c-.737 0-1.333.596-1.333 1.333v4.667C2.667 13.403 3.263 14 4 14h8c.737 0 1.333-.597 1.333-1.333V8c0-.737-.596-1.333-1.333-1.333h-1.333M8 2v7.333M8 2 6 4m2-2 2 2'
+      d='M5.333 6.667H4c-.737 0-1.333.596-1.333 1.333v4.667C2.667 13.403 3.263 14 4 14h8c.737 0 1.333-.597 1.333-1.333V8c0-.737-.596-1.333-1.333-1.333h-1.333M8 2v7.333M10 4 8 2 6 4'
     />
   </Svg>,
 );

package/src/lib/Symbols/Icons/StarHalf.tsx

@@ -43,7 +43,7 @@ export const StarHalf = createIcon(
       strokeLinecap='round'
       strokeLinejoin='round'
       strokeWidth={1.3}
-      d='M4.12 13.33 8 11.49l3.866 1.817-.8-4.08 2.927-2.987-4.12-.513-1.88-3.747-1.88 3.753M4.12 13.33l.8-4.08-2.926-2.997 4.12-.52M4.12 13.33l3.382-1.676.051-8.758-1.439 2.837'
+      d='m6.113 5.733 1.44-2.837-.052 8.758L4.12 13.33l.8-4.08-2.926-2.997zl1.88-3.753 1.88 3.747 4.12.513-2.927 2.987.8 4.08L8 11.49l-3.88 1.84'
     />
   </Svg>,
 );