@cleartrip/ct-design-icons 4.0.0-SNAPSHOT-test.0 → 4.0.0-SNAPSHOT-reactnative.2

package/src/plusDisabled.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+
+function PlusDisabled({ height = '32px', width = '32px' }) {
+  return (
+    <svg width={width} height={height} viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'>
+      <rect width='32' height='32' rx='16' fill='#F3F3F3' />
+      <path d='M16 9V23M9 16H23' stroke='#B3B3B3' strokeLinecap='round' strokeLinejoin='round' />
+    </svg>
+  );
+}
+
+export default PlusDisabled;

package/src/publishSuccess.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+const PublishSuccess = () => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' width='49' height='48' fill='none' viewBox='0 0 49 48'>
+      <circle cx='24.5' cy='24' r='24' fill='#11A670'></circle>
+      <path
+        fill='#fff'
+        d='M17.52 22.953a2 2 0 10-2.828 2.828l2.828-2.828zm4.243 7.071l-1.414 1.414a2 2 0 002.828 0l-1.414-1.414zm12.728-9.9a2 2 0 00-2.828-2.828l2.828 2.829zm-19.799 5.657l5.657 5.657 2.828-2.828-5.657-5.657-2.828 2.828zm8.485 5.657l11.314-11.313-2.828-2.829L20.349 28.61l2.828 2.828z'
+      ></path>
+    </svg>
+  );
+};
+
+export default PublishSuccess;

package/src/removeHiddenIcon.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+
+const RemoveHiddenIcon = () => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'>
+      <mask
+        id='mask0_2627_20546'
+        style={{ maskType: 'alpha' }}
+        width='16'
+        height='16'
+        x='0'
+        y='0'
+        maskUnits='userSpaceOnUse'
+      >
+        <path fill='#D9D9D9' d='M0 0H16V16H0z'></path>
+      </mask>
+      <g mask='url(#mask0_2627_20546)'>
+        <path
+          fill='#fff'
+          d='M10.733 8.867L9.767 7.9c.1-.522-.05-1.01-.45-1.466-.4-.456-.917-.634-1.55-.534L6.8 4.934c.189-.09.38-.156.575-.2.194-.045.403-.067.625-.067.833 0 1.542.292 2.125.875S11 6.834 11 7.667c0 .222-.022.43-.067.625a2.827 2.827 0 01-.2.575zm2.134 2.1l-.967-.933a7.304 7.304 0 001.125-1.059c.328-.383.608-.819.842-1.308a6.555 6.555 0 00-2.392-2.675C10.436 4.33 9.278 4 8 4c-.322 0-.639.023-.95.067a6.416 6.416 0 00-.917.2L5.1 3.234A7.405 7.405 0 018 2.667c1.589 0 3.017.42 4.283 1.258a7.913 7.913 0 012.85 3.275.54.54 0 01.067.208c.011.084.017.17.017.26a1.33 1.33 0 01-.084.466 7.27 7.27 0 01-2.266 2.833zm-.134 3.633L10.4 12.3a8.03 8.03 0 01-1.175.276c-.394.06-.803.091-1.225.091-1.589 0-3.017-.42-4.283-1.258a7.914 7.914 0 01-2.85-3.275.542.542 0 01-.067-.209 1.946 1.946 0 010-.508.531.531 0 01.067-.2c.233-.5.51-.961.833-1.383a8.86 8.86 0 011.067-1.167l-1.384-1.4a.622.622 0 01-.183-.459c0-.183.067-.34.2-.474a.632.632 0 01.467-.184c.189 0 .344.062.466.184l11.334 11.333a.653.653 0 01.192.459.621.621 0 01-.192.474.632.632 0 01-.467.184.632.632 0 01-.467-.184zM3.7 5.6a7.16 7.16 0 00-.883.95 6.01 6.01 0 00-.684 1.117 6.552 6.552 0 002.392 2.675c1.039.661 2.197.992 3.475.992.222 0 .439-.014.65-.042.211-.028.428-.058.65-.092l-.6-.633a3.003 3.003 0 01-.35.075 2.327 2.327 0 01-.35.025 2.895 2.895 0 01-2.125-.875A2.895 2.895 0 015 7.667a2.39 2.39 0 01.1-.7L3.7 5.6z'
+        ></path>
+      </g>
+    </svg>
+  );
+};
+
+export default RemoveHiddenIcon;

package/src/reviewJourneyCardBackgroundGradient.tsx

@@ -0,0 +1,159 @@
+import React from 'react';
+
+interface ReviewJourneyCardBackgroundGradientProps {
+  width?: number;
+  height?: number;
+  primaryColor?: string;
+  secondaryColor?: string;
+}
+
+const ReviewJourneyCardBackgroundGradient: React.FC<ReviewJourneyCardBackgroundGradientProps> = ({
+  width = 183,
+  height = 109,
+  primaryColor = '#313131',
+  secondaryColor = '#1A1A1A',
+}) => {
+  return (
+    <svg width={width} height={height} viewBox='0 0 97 74' fill='none' xmlns='http://www.w3.org/2000/svg'>
+      <path
+        d='M30.5039 -25.6357L26.0041 -21.136L83.7704 52.5378L88.2701 48.0381L30.5039 -25.6357Z'
+        fill='url(#paint0_linear_1263_59270)'
+      />
+      <path
+        d='M4.49999 -8.63573L0.000221293 -4.13596L57.7665 69.5378L62.2662 65.0381L4.49999 -8.63573Z'
+        fill='url(#paint1_linear_1263_59270)'
+      />
+      <path
+        d='M42.4141 -26.6357L37.9143 -22.136L95.6805 51.5378L100.18 47.0381L42.4141 -26.6357Z'
+        fill='url(#paint2_linear_1263_59270)'
+      />
+      <path
+        d='M17.4141 -8.63573L12.9143 -4.13596L70.6805 69.5378L75.1803 65.0381L17.4141 -8.63573Z'
+        fill='url(#paint3_linear_1263_59270)'
+      />
+      <path
+        d='M51.3164 -31.6357L46.8166 -27.136L104.583 46.5378L109.083 42.0381L51.3164 -31.6357Z'
+        fill='url(#paint4_linear_1263_59270)'
+      />
+      <path
+        d='M17.3555 -25.6357L12.8557 -21.136L70.6219 52.5378L75.1217 48.0381L17.3555 -25.6357Z'
+        fill='url(#paint5_linear_1263_59270)'
+      />
+      <path
+        d='M62.5391 -33.6357L58.0393 -29.136L115.806 44.5378L120.305 40.0381L62.5391 -33.6357Z'
+        fill='url(#paint6_linear_1263_59270)'
+      />
+      <path
+        d='M74.4101 -32.6357L69.9104 -28.136L127.677 45.5378L132.176 41.0381L74.4101 -32.6357Z'
+        fill='url(#paint7_linear_1263_59270)'
+      />
+      <path
+        d='M92.3281 -8.63573L87.8283 -4.13596L145.595 69.5378L150.094 65.0381L92.3281 -8.63573Z'
+        fill='url(#paint8_linear_1263_59270)'
+      />
+      <defs>
+        <linearGradient
+          id='paint0_linear_1263_59270'
+          x1='29.5397'
+          y1='-24.6715'
+          x2='95.2597'
+          y2='41.0485'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop stopColor={primaryColor} />
+          <stop offset='1' stopColor={secondaryColor} />
+        </linearGradient>
+        <linearGradient
+          id='paint1_linear_1263_59270'
+          x1='3.53576'
+          y1='-7.6715'
+          x2='69.2558'
+          y2='58.0485'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop stopColor={primaryColor} />
+          <stop offset='1' stopColor={secondaryColor} />
+        </linearGradient>
+        <linearGradient
+          id='paint2_linear_1263_59270'
+          x1='41.4498'
+          y1='-25.6715'
+          x2='107.17'
+          y2='40.0485'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop stopColor={primaryColor} />
+          <stop offset='1' stopColor={secondaryColor} />
+        </linearGradient>
+        <linearGradient
+          id='paint3_linear_1263_59270'
+          x1='16.4498'
+          y1='-7.6715'
+          x2='82.1698'
+          y2='58.0485'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop stopColor={primaryColor} />
+          <stop offset='1' stopColor={secondaryColor} />
+        </linearGradient>
+        <linearGradient
+          id='paint4_linear_1263_59270'
+          x1='50.3522'
+          y1='-30.6715'
+          x2='116.072'
+          y2='35.0485'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop stopColor={primaryColor} />
+          <stop offset='1' stopColor={secondaryColor} />
+        </linearGradient>
+        <linearGradient
+          id='paint5_linear_1263_59270'
+          x1='16.3912'
+          y1='-24.6715'
+          x2='82.1113'
+          y2='41.0485'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop stopColor={primaryColor} />
+          <stop offset='1' stopColor={secondaryColor} />
+        </linearGradient>
+        <linearGradient
+          id='paint6_linear_1263_59270'
+          x1='61.5748'
+          y1='-32.6715'
+          x2='127.295'
+          y2='33.0485'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop stopColor={primaryColor} />
+          <stop offset='1' stopColor={secondaryColor} />
+        </linearGradient>
+        <linearGradient
+          id='paint7_linear_1263_59270'
+          x1='73.4459'
+          y1='-31.6715'
+          x2='139.166'
+          y2='34.0485'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop stopColor={primaryColor} />
+          <stop offset='1' stopColor={secondaryColor} />
+        </linearGradient>
+        <linearGradient
+          id='paint8_linear_1263_59270'
+          x1='91.3639'
+          y1='-7.6715'
+          x2='157.084'
+          y2='58.0485'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop stopColor={primaryColor} />
+          <stop offset='1' stopColor={secondaryColor} />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+};
+
+export default ReviewJourneyCardBackgroundGradient;

package/src/reviewJourneyCardMiddleVerticalDots.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+
+interface ReviewJourneyCardMiddleVerticalDotsProps {
+  width?: number;
+  height?: number;
+}
+
+const ReviewJourneyCardMiddleVerticalDots: React.FC<ReviewJourneyCardMiddleVerticalDotsProps> = ({
+  width = 2,
+  height = 169,
+}) => {
+  return (
+    <svg width={width} height={height} viewBox='0 0 2 169' fill='none'>
+      <path
+        opacity='0.24'
+        d='M1.00002 0.5L1.00001 163.5'
+        stroke='#1A1A1A'
+        strokeLinecap='round'
+        strokeDasharray='0.1 2'
+      />
+    </svg>
+  );
+};
+
+export default ReviewJourneyCardMiddleVerticalDots;

package/src/rightChevronWithBoundingBox.tsx

@@ -0,0 +1,34 @@
+const RightChevronWithBoundingBox: React.FC<React.SVGProps<SVGSVGElement>> = ({ height, width, ...rest }) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' width={width} height={height} fill='none' viewBox='0 0 24 24' {...rest}>
+      <circle
+        cx='12'
+        cy='12'
+        r='11.571'
+        fill='#fff'
+        stroke='#E7E7E7'
+        strokeWidth='0.857'
+        transform='rotate(-180 12 12)'
+      ></circle>
+      <mask
+        id='mask0_7082_11341'
+        style={{ maskType: 'alpha' }}
+        width={width}
+        height={height}
+        x='2'
+        y='2'
+        maskUnits='userSpaceOnUse'
+      >
+        <path fill='#D9D9D9' d='M22 22H42V42H22z' transform='rotate(-180 22 22)'></path>
+      </mask>
+      <g mask='url(#mask0_7082_11341)'>
+        <path
+          fill='#1A1A1A'
+          d='M10.736 7.607l3.857 3.857a.704.704 0 01.161.247.802.802 0 010 .579.706.706 0 01-.161.246l-3.857 3.857a.617.617 0 01-.45.192.617.617 0 01-.45-.192.617.617 0 01-.193-.45c0-.172.064-.322.193-.45L13.329 12 9.836 8.507a.617.617 0 01-.193-.45c0-.171.064-.321.193-.45a.617.617 0 01.45-.193c.171 0 .321.064.45.193z'
+        ></path>
+      </g>
+    </svg>
+  );
+};
+
+export default RightChevronWithBoundingBox;

package/src/searchIcon.tsx

@@ -0,0 +1,34 @@
+import React, { SVGProps } from 'react';
+
+export default function SearchIcon({ ...rest }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' {...rest}>
+      <g clipPath='url(#clip0_14856_602)'>
+        <mask
+          id='mask0_14856_602'
+          style={{ maskType: 'alpha' }}
+          maskUnits='userSpaceOnUse'
+          x='0'
+          y='0'
+          width='24'
+          height='24'
+        >
+          <rect width='24' height='24' fill='#D9D9D9' />
+        </mask>
+        <g mask='url(#mask0_14856_602)'>
+          <path
+            fillRule='evenodd'
+            clipRule='evenodd'
+            d='M4.61133 10.1742C4.61133 6.99256 7.19056 4.41333 10.3722 4.41333C13.5538 4.41333 16.1331 6.99256 16.1331 10.1742C16.1331 13.3558 13.5538 15.9351 10.3722 15.9351C7.19056 15.9351 4.61133 13.3558 4.61133 10.1742ZM10.3722 3.41333C6.63827 3.41333 3.61133 6.44027 3.61133 10.1742C3.61133 13.9081 6.63827 16.9351 10.3722 16.9351C11.9734 16.9351 13.4445 16.3785 14.6027 15.4482L19.5736 20.4191C19.7689 20.6144 20.0855 20.6144 20.2807 20.4191C20.476 20.2238 20.476 19.9073 20.2807 19.712L15.3346 14.7659C16.4509 13.5602 17.1331 11.9469 17.1331 10.1742C17.1331 6.44027 14.1061 3.41333 10.3722 3.41333Z'
+            fill='#1A1A1A'
+          />
+        </g>
+      </g>
+      <defs>
+        <clipPath id='clip0_14856_602'>
+          <rect width='24' height='24' fill='white' />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}

package/src/somethingWrong.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+
+const SomethingWentWrong = () => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' width='112' height='112' fill='none' viewBox='0 0 112 112'>
+      <mask
+        id='mask0_765_47629'
+        style={{ maskType: 'alpha' }}
+        width='112'
+        height='112'
+        x='0'
+        y='0'
+        maskUnits='userSpaceOnUse'
+      >
+        <path fill='#D9D9D9' d='M0 0H112V112H0z'></path>
+      </mask>
+      <g mask='url(#mask0_765_47629)'>
+        <path
+          fill='#B3B3B3'
+          d='M53.667 61.484h4.666V37.101h-4.666v24.383zM56 71.867c.778 0 1.46-.272 2.044-.816.582-.545.873-1.206.873-1.984 0-.855-.291-1.555-.873-2.1-.585-.544-1.266-.816-2.044-.816s-1.46.272-2.044.816c-.582.545-.873 1.245-.873 2.1 0 .778.291 1.44.873 1.984.585.544 1.266.816 2.044.816zm5.25 22.867c-1.478 1.478-3.228 2.217-5.25 2.217s-3.772-.74-5.25-2.217L17.267 61.251c-1.478-1.478-2.217-3.228-2.217-5.25s.739-3.772 2.217-5.25L50.75 17.267c1.478-1.477 3.228-2.216 5.25-2.216s3.772.739 5.25 2.216l33.483 33.484c1.478 1.478 2.217 3.228 2.217 5.25s-.739 3.772-2.217 5.25L61.25 94.734z'
+        ></path>
+      </g>
+    </svg>
+  );
+};
+
+export default SomethingWentWrong;

package/src/stationPole.tsx

@@ -0,0 +1,60 @@
+import React from 'react';
+
+const STATION_POLE_WIDTH = 48;
+const STATION_POLE_HEIGHT = 119;
+
+interface StationPoleProps {
+  width?: number;
+  height?: number;
+  stationCode?: string;
+}
+
+const StationPole: React.FC<StationPoleProps> = ({
+  width = STATION_POLE_WIDTH,
+  height = STATION_POLE_HEIGHT,
+  stationCode = '',
+}) => {
+  const displayCode = stationCode ? stationCode.substring(0, 4).toUpperCase() : '';
+
+  return (
+    <svg width={width} height={height} viewBox='0 0 48 119' fill='none'>
+      <defs>
+        <linearGradient id='stationPoleGradient' x1='22' y1='78.5' x2='26' y2='78.5' gradientUnits='userSpaceOnUse'>
+          <stop stopColor='#F3F3F3' />
+          <stop offset='1' stopColor='#E0E0E0' />
+        </linearGradient>
+      </defs>
+      <rect x='22' y='38' width='4' height='81' fill='url(#stationPoleGradient)' />
+      <rect
+        x='1.33337'
+        y='23.96'
+        width='32'
+        height='32'
+        rx='5.33333'
+        transform='rotate(-45 1.33337 23.96)'
+        fill='white'
+      />
+      <rect
+        x='1.80478'
+        y='23.96'
+        width='31.3333'
+        height='31.3333'
+        rx='5'
+        transform='rotate(-45 1.80478 23.96)'
+        stroke='#1A1A1A'
+        strokeOpacity='0.1'
+        strokeWidth='0.666667'
+      />
+      <circle cx='23.9606' cy='23.9596' r='9.33333' stroke='#CD1719' strokeWidth='2.66667' />
+      <rect x='6.66675' y='17.332' width='34.6667' height='13.3333' rx='2.66667' fill='#39106D' />
+      {displayCode ? (
+        <text x='24' y='27' fill='white' fontSize='9' fontWeight='bold' textAnchor='middle' fontFamily='System'>
+          {displayCode}
+        </text>
+      ) : null}
+    </svg>
+  );
+};
+
+export default StationPole;
+export { STATION_POLE_WIDTH, STATION_POLE_HEIGHT };

package/src/tabIcon.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+
+const TabIcon = () => {
+  return (
+    <svg width='24' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'>
+      <path
+        d='M1 14C0.733333 14 0.5 13.9 0.3 13.7C0.0999999 13.5 0 13.2667 0 13V9.8C0.583333 9.58333 1.06267 9.22067 1.438 8.712C1.81267 8.204 2 7.63333 2 7C2 6.36667 1.81267 5.79567 1.438 5.287C1.06267 4.779 0.583333 4.41667 0 4.2V1C0 0.733333 0.0999999 0.5 0.3 0.3C0.5 0.1 0.733333 0 1 0H17C17.2667 0 17.5 0.1 17.7 0.3C17.9 0.5 18 0.733333 18 1V4.2C17.4167 4.41667 16.9373 4.779 16.562 5.287C16.1873 5.79567 16 6.36667 16 7C16 7.63333 16.1873 8.204 16.562 8.712C16.9373 9.22067 17.4167 9.58333 18 9.8V13C18 13.2667 17.9 13.5 17.7 13.7C17.5 13.9 17.2667 14 17 14H1ZM1 13H17V10.45C16.3833 10.0833 15.896 9.596 15.538 8.988C15.1793 8.37933 15 7.71667 15 7C15 6.28333 15.1793 5.62067 15.538 5.012C15.896 4.404 16.3833 3.91667 17 3.55V1H1V3.55C1.61667 3.91667 2.10433 4.404 2.463 5.012C2.821 5.62067 3 6.28333 3 7C3 7.71667 2.821 8.37933 2.463 8.988C2.10433 9.596 1.61667 10.0833 1 10.45V13ZM9 11.3C9.15 11.3 9.271 11.2543 9.363 11.163C9.45433 11.071 9.5 10.95 9.5 10.8C9.5 10.6667 9.45 10.55 9.35 10.45C9.25 10.35 9.13333 10.3 9 10.3C8.85 10.3 8.729 10.35 8.637 10.45C8.54567 10.55 8.5 10.6667 8.5 10.8C8.5 10.95 8.55 11.071 8.65 11.163C8.75 11.2543 8.86667 11.3 9 11.3ZM9 7.5C9.15 7.5 9.271 7.45 9.363 7.35C9.45433 7.25 9.5 7.13333 9.5 7C9.5 6.85 9.45 6.729 9.35 6.637C9.25 6.54567 9.13333 6.5 9 6.5C8.85 6.5 8.729 6.55 8.637 6.65C8.54567 6.75 8.5 6.86667 8.5 7C8.5 7.15 8.55 7.271 8.65 7.363C8.75 7.45433 8.86667 7.5 9 7.5ZM9 3.7C9.15 3.7 9.271 3.65 9.363 3.55C9.45433 3.45 9.5 3.33333 9.5 3.2C9.5 3.05 9.45 2.929 9.35 2.837C9.25 2.74567 9.13333 2.7 9 2.7C8.85 2.7 8.729 2.74567 8.637 2.837C8.54567 2.929 8.5 3.05 8.5 3.2C8.5 3.33333 8.55 3.45 8.65 3.55C8.75 3.65 8.86667 3.7 9 3.7Z'
+        fill='white'
+      />
+    </svg>
+  );
+};
+export default TabIcon;

package/src/tick.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const Tick: React.FC = () => {
+  return (
+    <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
+      <path d='M20 6L9 17L4 12' stroke='#1A1A1A' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
+    </svg>
+  );
+};
+
+export default Tick;

package/src/tooltipChevronDown.tsx

@@ -0,0 +1,17 @@
+import { SVGProps } from 'react';
+
+const TooltipChevronDown: React.FC<SVGProps<SVGSVGElement>> = ({ fill = '#212121', stroke, ...rest }) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' width='17' height='6' fill='none' viewBox='0 0 17 6' {...rest}>
+      <path
+        fill={fill}
+        d='M3.469 1.357A5.113 5.113 0 000 0h17a5.114 5.114 0 00-3.47 1.357L9.857 4.75a2 2 0 01-2.714 0L3.469 1.357z'
+        strokeDasharray='20 15'
+        strokeDashoffset='14'
+        stroke={stroke}
+      />
+    </svg>
+  );
+};
+
+export default TooltipChevronDown;