@rango-dev/ui 0.22.1-next.9 → 0.24.0

package/src/components/PriceImpact/PriceImpact.tsx

@@ -9,7 +9,7 @@ import { Container } from './PriceImpact.styles';
 export function PriceImpact(props: PriceImpactProps) {
   const { size, outputUsdValue, percentageChange, warningLevel, error } = props;
 
-  let percentageChangeColor = '$neutral600';
+  let percentageChangeColor = '$neutral700';
   if (!outputUsdValue || warningLevel === 'low') {
     percentageChangeColor = '$warning500';
   } else if (warningLevel === 'high') {
@@ -22,7 +22,7 @@ export function PriceImpact(props: PriceImpactProps) {
         <Typography
           size={size === 'small' ? 'small' : 'medium'}
           variant="body"
-          color="$neutral600">
+          color={size !== 'small' ? '$neutral600' : '$neutral700'}>
           {`~$${outputUsdValue}`}
         </Typography>
       )}

package/src/components/Radio/Radio.styles.tsx

@@ -9,11 +9,8 @@ export const StyledItem = styled(Radio.Item, {
   borderRadius: '100%',
   cursor: 'pointer',
   backgroundColor: 'transparent',
-  $$borderColor: '$colors$neutral600',
-  [`.${darkTheme} &`]: {
-    $$borderColor: '$colors$neutral700',
-  },
-  border: '1px solid $$borderColor',
+  border: '1px solid $neutral600',
+
   '&[data-state="checked"]': {
     $$color: '$colors$secondary500',
     [`.${darkTheme} &`]: {

package/src/components/{QuoteCost/QuoteCost.styles.ts → RouteCost/RouteCost.styles.ts}

@@ -18,10 +18,3 @@ export const Container = styled('div', {
     alignItems: 'center',
   },
 });
-
-export const Separator = styled('div', {
-  height: '$12',
-  marginLeft: '$10',
-  marginRight: '$10',
-  borderLeft: '1px solid $foreground',
-});

package/src/components/{QuoteCost/QuoteCost.tsx → RouteCost/RouteCost.tsx}

@@ -1,13 +1,14 @@
-import type { PropTypes } from './QuoteCost.types';
+import type { PropTypes } from './RouteCost.types';
 
 import React from 'react';
 
 import { GasIcon, NumberIcon, TimeIcon } from '../../icons';
+import { Separator } from '../BestRoute/BestRoute.styles';
 import { Typography } from '../Typography';
 
-import { Container, Separator } from './QuoteCost.styles';
+import { Container } from './RouteCost.styles';
 
-export function QuoteCost(props: PropTypes) {
+export function RouteCost(props: PropTypes) {
   const { fee, time, steps } = props;
   return (
     <Container>

package/src/components/RouteCost/index.ts

@@ -0,0 +1 @@
+export { RouteCost } from './RouteCost';

package/src/components/RoutesOverview/RoutesOverview.tsx

@@ -2,7 +2,7 @@ import type { BestRouteResponse } from 'rango-sdk';
 
 import React from 'react';
 
-import { darkTheme, styled } from '../../theme';
+import { styled } from '../../theme';
 import { Divider } from '../Divider';
 import { AngleRightIcon, GasIcon } from '../Icon';
 
@@ -13,11 +13,7 @@ export const Container = styled('div', {
   padding: '$8',
   borderRadius: '$xs',
   backgroundColor: '$background',
-  $$color: '$colors$neutral600',
-  [`.${darkTheme} &`]: {
-    $$color: '$colors$neutral700',
-  },
-  color: '$$color',
+  color: '$neutral600',
   fontSize: '$12',
 
   '.routes': {

package/src/components/SelectableWalletList/SelectableWalletList.tsx

@@ -2,8 +2,8 @@ import type { PropsWithChildren } from 'react';
 
 import React, { useEffect, useState } from 'react';
 
+import { getConciseAddress } from '../../helper';
 import { styled } from '../../theme';
-import { getConciseAddress } from '../../utils';
 import { Image } from '../common';
 import { Typography } from '../Typography';
 

package/src/components/StepDetails/StepDetails.stories.tsx

@@ -17,7 +17,7 @@ type Story = StoryObj<typeof StepDetails>;
 export const Main: Story = {
   args: {
     step: { ...step1, alerts: <Alert title="test alert" type="warning" /> },
-    type: 'swap-progress',
+    type: 'route-progress',
     state: 'completed',
   },
 };

package/src/components/StepDetails/StepDetails.styles.ts

@@ -8,8 +8,8 @@ export const Container = styled('div', {
   border: '1px solid transparent',
   variants: {
     type: {
-      'quote-details': { border: 'none' },
-      'swap-progress': {
+      'route-details': { border: 'none' },
+      'route-progress': {
         $$color: '$colors$neutral100',
         [`.${darkTheme} &`]: {
           $$color: '$colors$neutral300',
@@ -63,8 +63,8 @@ export const Container = styled('div', {
 
 export const SwapperImage = styled('div', {
   borderRadius: '100%',
-  width: '24px',
-  height: '24px',
+  width: 'max-content',
+  height: 'max-content',
   overflow: 'hidden',
   border: '1.5px solid transparent',
   variants: {

package/src/components/StepDetails/StepDetails.tsx

@@ -40,7 +40,7 @@ const StepDetailsComponent = forwardRef<HTMLDivElement, StepDetailsProps>(
         ref={containerRef}
         tabIndex={tabIndex}>
         <div className="swapper">
-          {type === 'swap-progress' && hasSeparator && (
+          {type === 'route-progress' && hasSeparator && (
             <StepSeparator state={state} />
           )}
           <SwapperImage state={state}>
@@ -61,7 +61,7 @@ const StepDetailsComponent = forwardRef<HTMLDivElement, StepDetailsProps>(
           </Typography>
         </div>
         <div className="step-info">
-          <DashedLine invisible={!hasSeparator || type === 'swap-progress'} />
+          <DashedLine invisible={!hasSeparator || type === 'route-progress'} />
           <div className="tokens-container">
             <div className="tokens">
               <ChainToken
@@ -90,7 +90,7 @@ const StepDetailsComponent = forwardRef<HTMLDivElement, StepDetailsProps>(
                 step.to.price.value
               } ${step.to.token.displayName}`}</Typography>
             </div>
-            <Alerts pb={hasSeparator && type === 'quote-details'}>
+            <Alerts pb={hasSeparator && type === 'route-details'}>
               {step.alerts}
             </Alerts>
           </div>

package/src/components/StepDetails/StepDetails.types.ts

@@ -1,24 +1,9 @@
-import type { ReactNode } from 'react';
-import type { SwapInputProps } from 'src/containers/SwapInput/SwapInput.types';
-
-type BaseStep = Pick<SwapInputProps, 'chain' | 'token' | 'price'>;
-
-export type Step = {
-  swapper: SwapInputProps['chain'];
-  from: BaseStep;
-  to: BaseStep;
-  error?: {
-    title?: string;
-    description?: string;
-  };
-  alerts?: ReactNode;
-  state?: 'error' | 'warning';
-};
+import type { Step } from '../BestRoute/BestRoute.types';
 
 export type StepDetailsProps = {
   step: Step;
   hasSeparator: boolean;
-  type: 'quote-details' | 'swap-progress';
+  type: 'route-details' | 'route-progress';
   state?: 'default' | 'in-progress' | 'completed' | 'warning' | 'error';
   isFocused?: boolean;
   tabIndex?: number;

package/src/components/StepDetails/index.ts

@@ -1,2 +1,2 @@
 export { StepDetails } from './StepDetails';
-export type { StepDetailsProps, Step } from './StepDetails.types';
+export type { StepDetailsProps } from './StepDetails.types';

package/src/components/StepDetails/mock.ts

@@ -1,4 +1,4 @@
-import type { Step } from './StepDetails.types';
+import type { Step } from '../BestRoute/BestRoute.types';
 
 export const step1: Step = {
   swapper: {

package/src/components/SvgIcon/SvgIcon.style.ts

@@ -28,7 +28,7 @@ export const SvgWithColor = styled('svg', {
         color: '$info500',
       },
       gray: {
-        color: '$neutral700',
+        color: '$neutral600',
       },
     },
   },

package/src/components/Switch/Switch.styles.tsx

@@ -8,12 +8,8 @@ export const StyledSwitchRoot = styled(RadixSwitch.Root, {
   borderStyle: 'solid',
   width: '24px',
   height: '16px',
-  $$color: '$colors$neutral600',
-  [`.${darkTheme} &`]: {
-    $$color: '$colors$neutral700',
-  },
-  backgroundColor: '$$color',
-  borderColor: '$$color',
+  backgroundColor: '$neutral600',
+  borderColor: '$neutral600',
   borderRadius: '99999px',
   position: 'relative',
   padding: '0',

package/src/components/index.ts

@@ -1,5 +1,6 @@
 export * from './I18nManager';
 export * from './Alert';
+export * from './BestRoute';
 export * from './BlockchainsChip';
 export * from './BottomLogo';
 export * from './Button';
@@ -44,7 +45,7 @@ export * from './ListItem';
 export * from './NotFound';
 export * from './MessageBox';
 export * from './IconButton';
-export * from './QuoteCost';
+export * from './RouteCost';
 export * from './TokenAmount';
 export * from './StepDetails';
 export * from './Popover';

package/src/containers/BlockchainSelector/BlockchainSelector.tsx

@@ -1,16 +1,14 @@
-import type { LoadingStatus } from '../../types/meta';
-import type { CSSProperties } from '@stitches/react';
-import type { BlockchainMeta } from 'rango-sdk';
-
 import React from 'react';
-
-import { LoadingFailedAlert } from '../../components/Alert/LoadingFailedAlert';
-import { NotFoundAlert } from '../../components/Alert/NotFoundAlert';
+import { BlockchainMeta } from 'rango-sdk';
 import { BlockchainsList } from '../../components/BlockchainsList';
 import { SecondaryPage } from '../../components/SecondaryPage/SecondaryPage';
 import { Spinner } from '../../components/Spinner';
 import { styled } from '../../theme';
-import { containsText } from '../../utils';
+import { CSSProperties } from '@stitches/react';
+import { containsText } from '../../helper';
+import { LoadingStatus } from '../../types/meta';
+import { LoadingFailedAlert } from '../../components/Alert/LoadingFailedAlert';
+import { NotFoundAlert } from '../../components/Alert/NotFoundAlert';
 import { LoaderContainer } from '../TokenSelector/TokenSelector';
 
 const ListContainer = styled('div', {
@@ -58,7 +56,8 @@ export function BlockchainSelector(props: PropTypes) {
       hasHeader={hasHeader}
       textFieldPlaceholder="Search blockchains by name"
       title={`Select ${type} Blockchain`}
-      onBack={onBack}>
+      onBack={onBack}
+    >
       {(searchedFor) => {
         const filteredBlockchains = filterBlockchains(list, searchedFor);
         return (

package/src/containers/SwapInput/SwapInput.styles.ts

@@ -17,13 +17,6 @@ export const Container = styled('div', {
       },
     },
   },
-  '& .gray-text': {
-    $$color: '$colors$neutral600',
-    [`.${darkTheme} &`]: {
-      $$color: '$colors$neutral700',
-    },
-    color: '$$color',
-  },
   '& .label__container': {
     paddingBottom: '$5',
   },
@@ -69,29 +62,3 @@ export const MaxButton = styled(Button, {
   },
   backgroundColor: '$$color',
 });
-
-export const ValueTypography = styled('div', {
-  width: 140,
-  textAlign: 'right',
-  whiteSpace: 'nowrap',
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  variants: {
-    hasWarning: {
-      true: {
-        '& ._typography': {
-          color: '$warning500',
-        },
-      },
-      false: {
-        '& ._typography': {
-          $$color: '$colors$neutral600',
-          [`.${darkTheme} &`]: {
-            $$color: '$colors$neutral700',
-          },
-          color: '$$color',
-        },
-      },
-    },
-  },
-});

package/src/containers/SwapInput/SwapInput.tsx

@@ -5,12 +5,7 @@ import React from 'react';
 
 import { Divider, PriceImpact, Skeleton, Typography } from '../../components';
 
-import {
-  Container,
-  InputAmount,
-  MaxButton,
-  ValueTypography,
-} from './SwapInput.styles';
+import { Container, InputAmount, MaxButton } from './SwapInput.styles';
 import { TokenSection } from './TokenSection';
 
 export function SwapInput(props: SwapInputProps) {
@@ -18,13 +13,13 @@ export function SwapInput(props: SwapInputProps) {
     <Container sharpBottomStyle={props.sharpBottomStyle}>
       <div className="label__container">
         <div className="label">
-          <Typography variant="body" size="small" className="gray-text">
+          <Typography variant="body" size="small" color="$neutral600">
             {props.label}
           </Typography>
           {'balance' in props && !props.loading && (
             <div className="balance">
               <Typography
-                className="gray-text"
+                color="$neutral600"
                 mr={4}
                 variant="body"
                 size="xsmall">
@@ -58,7 +53,7 @@ export function SwapInput(props: SwapInputProps) {
           loading={props.loading}
         />
         <div className="amount">
-          {props.loading || (props.mode === 'To' && props.fetchingQuote) ? (
+          {props.loading ? (
             <>
               <Skeleton variant="text" size="large" width={92} />
               <Divider size={8} />
@@ -89,13 +84,21 @@ export function SwapInput(props: SwapInputProps) {
                   warningLevel={props.warningLevel}
                 />
               ) : (
-                <ValueTypography hasWarning={!!props.price.error}>
-                  <Typography variant="body" size="medium">
-                    {props.price.usdValue
-                      ? `~$${props.price.usdValue}`
-                      : props.price.error}
-                  </Typography>
-                </ValueTypography>
+                <Typography
+                  variant="body"
+                  size="medium"
+                  color={!props.price.error ? '$neutral600' : '$warning500'}
+                  style={{
+                    width: 140,
+                    textAlign: 'right',
+                    whiteSpace: 'nowrap',
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                  }}>
+                  {props.price.usdValue
+                    ? `~$${props.price.usdValue}`
+                    : props.price.error}
+                </Typography>
               )}
             </>
           )}

package/src/containers/SwapInput/SwapInput.types.ts

@@ -31,7 +31,6 @@ type FromProps = {
 
 type ToProps = {
   mode: 'To';
-  fetchingQuote?: boolean;
   percentageChange: string | null;
   warningLevel: PriceImpactWarningLevel;
 };

package/src/containers/SwapInput/TokenSection.styles.ts

@@ -2,7 +2,6 @@ import { Button } from '../../components';
 import { darkTheme, styled } from '../../theme';
 
 export const Container = styled(Button, {
-  maxWidth: '180px',
   backgroundColor: 'transparent',
   color: '$neutral700',
   '&:disabled': {
@@ -37,13 +36,6 @@ export const TokenSectionContainer = styled('div', {
   boxSizing: 'border-box',
   alignItems: 'center',
 
-  '& .blockchain-name': {
-    $$color: '$colors$neutral600',
-    [`.${darkTheme} &`]: {
-      $$color: '$colors$neutral700',
-    },
-    color: '$$color',
-  },
   '& .token-chain-name': {
     display: 'flex',
     flexDirection: 'column',

package/src/containers/SwapInput/TokenSection.tsx

@@ -41,10 +41,7 @@ export function TokenSection(props: TokenSectionProps) {
                   ? i18n.t('Token')
                   : tokenSymbol}
               </Typography>
-              <Typography
-                variant="body"
-                size="medium"
-                className="blockchain-name">
+              <Typography variant="body" size="medium" color="$neutral600">
                 {error || (!loading && !chain) ? i18n.t('Chain') : chain}
               </Typography>
             </>

package/src/containers/TokenSelector/TokenSelector.tsx

@@ -1,13 +1,14 @@
-import type { TokenWithAmount } from '../../components/TokenList/TokenList';
-import type { LoadingStatus } from '../../types/meta';
-
 import React from 'react';
+import { containsText } from '../../helper';
 
-import { LoadingFailedAlert, SecondaryPage, Spinner } from '../../components';
-import { NotFoundAlert } from '../../components/Alert/NotFoundAlert';
-import { TokenList } from '../../components/TokenList/TokenList';
+import { LoadingStatus } from '../../types/meta';
 import { styled } from '../../theme';
-import { containsText } from '../../utils';
+import { NotFoundAlert } from '../../components/Alert/NotFoundAlert';
+import { LoadingFailedAlert, SecondaryPage, Spinner } from '../../components';
+import {
+  TokenList,
+  TokenWithAmount,
+} from '../../components/TokenList/TokenList';
 
 export const LoaderContainer = styled('div', {
   display: 'flex',
@@ -44,7 +45,8 @@ export function TokenSelector(props: PropTypes) {
       hasHeader={hasHeader}
       title={`Select ${type} token`}
       onBack={onBack}
-      textFieldPlaceholder="Search tokens by name">
+      textFieldPlaceholder="Search tokens by name"
+    >
       {(searchedFor) => {
         const filteredTokens = filterTokens(list, searchedFor);
 

package/src/helper/index.ts

@@ -0,0 +1,99 @@
+/* eslint-disable @typescript-eslint/no-magic-numbers */
+
+export function containsText(text: string, searchText: string): boolean {
+  return text.toLowerCase().indexOf(searchText.toLowerCase()) > -1;
+}
+
+export function getConciseAddress(
+  address: string | null,
+  maxChars = 8,
+  ellipsisLength = 3
+): string | null {
+  if (!address) {
+    return null;
+  }
+  if (address.length < 2 * maxChars + ellipsisLength) {
+    return address;
+  }
+  const start = Math.ceil((address.length - maxChars) / 2);
+  const end = address.length - maxChars;
+  return `${address.substr(start, maxChars)}${'.'.repeat(
+    ellipsisLength
+  )}${address.substr(end)}`;
+}
+
+const hexToRgb = (hex: string) =>
+  ((value) =>
+    value.length === 3
+      ? value.split('').map((c) => parseInt(c.repeat(2), 16))
+      : (value.match(/.{1,2}/g) || []).map((v) => parseInt(v, 16)))(
+    hex.replace('#', '')
+  );
+
+const isHexTooDark = (hexColor: string) =>
+  (([r, g, b]) => 0.2126 * r + 0.7152 * g + 0.0722 * b < 40)(
+    hexToRgb(hexColor)
+  );
+
+const isHexTooLight = (hexColor: string) =>
+  (([r, g, b]) => (r * 299 + g * 587 + b * 114) / 1000 > 155)(
+    hexToRgb(hexColor)
+  );
+
+const colorShade = (col: string, amt: number) => {
+  col = col.replace(/^#/, '');
+  if (col.length === 3) {
+    col = col[0] + col[0] + col[1] + col[1] + col[2] + col[2];
+  }
+  let [r, g, b]: any = col.match(/.{2}/g);
+  [r, g, b] = [
+    parseInt(r, 16) + amt,
+    parseInt(g, 16) + amt,
+    parseInt(b, 16) + amt,
+  ];
+
+  r = Math.max(Math.min(255, r), 0).toString(16);
+  g = Math.max(Math.min(255, g), 0).toString(16);
+  b = Math.max(Math.min(255, b), 0).toString(16);
+
+  const rr = (r.length < 2 ? '0' : '') + r;
+  const gg = (g.length < 2 ? '0' : '') + g;
+  const bb = (b.length < 2 ? '0' : '') + b;
+
+  return `#${rr}${gg}${bb}`;
+};
+
+export const generateRangeColors = (
+  name: string,
+  mode: 'light' | 'dark',
+  color?: string
+) => {
+  let colors = { [name]: color };
+  if (color) {
+    let c = color;
+    if (isHexTooDark(color) || mode === 'dark') {
+      for (let i = 1; i < 10; i++) {
+        colors = {
+          ...colors,
+          [name + i * 100]:
+            name === 'neutral'
+              ? colorShade(c, i * 15)
+              : colorShade(color, i * 5),
+        };
+      }
+    }
+    if (isHexTooLight(color) || mode === 'light') {
+      for (let i = 1; i < 10; i++) {
+        c = colorShade(c, -(i * 5));
+        colors = {
+          ...colors,
+          [name + i * 100]:
+            name === 'neutral'
+              ? colorShade(c, -(i * 5))
+              : colorShade(color, -(i * 5)),
+        };
+      }
+    }
+  }
+  return colors;
+};

package/src/icons/index.ts

@@ -19,7 +19,6 @@ export { default as GasIcon } from './Gas';
 export { default as InProgressIcon } from './InProgress';
 export { default as InfoErrorIcon } from './InfoError';
 export { default as InfoIcon } from './Info';
-export { default as LanguageIcon } from './Language';
 export { default as LightModeIcon } from './LightMode';
 export { default as LinkIcon } from './Link';
 export { default as LoadingIcon } from './Loading';

package/src/index.ts

@@ -4,3 +4,4 @@ export * from './theme';
 export * from './types';
 export * from './hooks';
 export * from './icons';
+export { generateRangeColors } from './helper';

package/src/theme.ts

@@ -185,10 +185,10 @@ export const darkColors = {
   secondary600: '#2B3462',
 
   neutral: '#222222',
-  neutral900: '#E9E9E9',
-  neutral800: '#E6E6E6',
-  neutral700: '#B8B8B8',
-  neutral600: '#A2A2A2',
+  neutral900: '#F2F2F2',
+  neutral800: '#EEEEEE',
+  neutral700: '#E9E9E9',
+  neutral600: '#B8B8B8',
   neutral500: '#222222',
   neutral400: '#1B1B1B',
   neutral300: '#121212',

package/dist/widget/ui/src/components/QuoteCost/QuoteCost.d.ts

@@ -1,4 +0,0 @@
-import type { PropTypes } from './QuoteCost.types';
-import React from 'react';
-export declare function QuoteCost(props: PropTypes): React.JSX.Element;
-//# sourceMappingURL=QuoteCost.d.ts.map

package/dist/widget/ui/src/components/QuoteCost/QuoteCost.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"QuoteCost.d.ts","sourceRoot":"","sources":["../../../../../../src/components/QuoteCost/QuoteCost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,qBAgCzC"}

package/dist/widget/ui/src/components/QuoteCost/QuoteCost.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"QuoteCost.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/QuoteCost/QuoteCost.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAiBpB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAKpB,CAAC"}

package/dist/widget/ui/src/components/QuoteCost/QuoteCost.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"QuoteCost.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/QuoteCost/QuoteCost.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}

package/dist/widget/ui/src/components/QuoteCost/index.d.ts

@@ -1,2 +0,0 @@
-export { QuoteCost } from './QuoteCost';
-//# sourceMappingURL=index.d.ts.map

package/dist/widget/ui/src/components/QuoteCost/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/QuoteCost/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/widget/ui/src/icons/Language.d.ts

@@ -1,5 +0,0 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
-import React from 'react';
-declare function SvgLanguage(props: SvgIconPropsWithChildren): React.FunctionComponentElement<SvgIconPropsWithChildren>;
-export default SvgLanguage;
-//# sourceMappingURL=Language.d.ts.map

package/dist/widget/ui/src/icons/Language.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Language.d.ts","sourceRoot":"","sources":["../../../../../src/icons/Language.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,iBAAS,WAAW,CAAC,KAAK,EAAE,wBAAwB,4DA+CnD;AACD,eAAe,WAAW,CAAC"}

package/dist/widget/ui/src/utils/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/index.ts"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO,CAEtE;AAED,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,MAAM,GAAG,IAAI,EACtB,QAAQ,SAAI,EACZ,cAAc,SAAI,GACjB,MAAM,GAAG,IAAI,CAYf"}

package/src/components/QuoteCost/index.ts

@@ -1 +0,0 @@
-export { QuoteCost } from './QuoteCost';