npm - @adiraku/react-native-ui - Versions diffs - 0.1.14 - Mend

@adiraku/react-native-ui 0.1.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1152) hide show

package/src/icons/vehicles/IconCarSportCar.tsx ADDED Viewed

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+import type { IconProps } from '../../types';
+export const IconCarSportCar = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.53 9.745l-1.386.735-2.698.095-2.698.094-1.374.651c-.756.359-1.374.69-1.374.737 0 .047.117.264.259.48.294.45.983.851 1.46.851.262 0 .322-.1.322-.537 0-1.174 1.34-1.98 2.427-1.46.599.284 1.101 1.214.96 1.775l-.095.379h1.941c1.068 0 3.02.047 4.34.104l2.4.104-.176-.33c-.419-.782-.06-2.021.683-2.36 1.318-.6 2.592.304 2.447 1.736-.024.232.106.275.826.275.568 0 .92-.08 1.05-.236.107-.13.313-.235.456-.235.32 0 .876-.877.645-1.02-.087-.054-.16-.298-.16-.542 0-.407-.059-.453-.723-.552-1.233-.185-3.088-.719-3.882-1.117-.672-.338-.959-.38-2.513-.371l-1.753.01-1.385.735zm3.818-.04c0 .31-.125.454-.545.629-.541.226-2.763.322-2.958.128-.054-.055.199-.337.563-.627.614-.488.747-.527 1.801-.528 1.116-.002 1.139.006 1.139.399zm1.238 1.563c-.225.123-.497.433-.603.69-.628 1.516 1.203 2.756 2.36 1.6.744-.745.593-1.815-.323-2.288-.562-.291-.9-.291-1.434-.002zm-11.21.191c-.873.211-1.355 1.287-.939 2.093.29.56.676.778 1.379.778 1.051 0 1.72-1.243 1.196-2.222-.136-.256-1.1-.816-1.277-.743-.025.01-.186.052-.359.094zm11.856.332c0 .205-.187.34-.338.247-.163-.1-.023-.377.19-.377.082 0 .148.059.148.13zm.471.027c0 .086-.07.157-.157.157a.157.157 0 01-.157-.157c0-.087.07-.157.157-.157s.157.07.157.157zm-12.143.575c-.046.046-.167.033-.269-.03-.136-.084-.129-.148.03-.246.209-.13.411.103.24.276zm.535-.218c-.02.188-.235.151-.303-.051-.034-.104.022-.16.126-.126.104.035.183.114.177.177zm12.017.228c-.16.16-.291-.08-.16-.292.099-.16.136-.16.189 0 .036.108.023.24-.029.292zm-1.351-.114c0 .086-.07.157-.157.157a.157.157 0 01-.157-.157c0-.087.07-.157.157-.157.086 0 .157.07.157.157zm-10.27.428c-.159.16-.29-.08-.16-.292.1-.16.136-.16.19 0 .036.108.023.24-.03.292zm-1.272-.114c.054.086-.013.157-.148.157-.134 0-.244-.07-.244-.157 0-.086.066-.157.147-.157.082 0 .192.07.245.157zm12.955.245c0 .134-.07.2-.157.147-.086-.053-.157-.163-.157-.244 0-.082.07-.148.157-.148s.157.11.157.245zm-1.256-.019c0 .166-.301.236-.391.09-.054-.087.012-.16.146-.16.135 0 .245.032.245.07zm-11.62.314c0 .166-.302.236-.391.09-.055-.087.011-.16.146-.16.134 0 .245.032.245.07zm1.256.088c0 .086-.031.157-.07.157-.037 0-.112-.07-.166-.157-.053-.086-.022-.157.07-.157.091 0 .166.07.166.157zm10.678 0c0 .086-.07.157-.157.157a.157.157 0 01-.157-.157c0-.086.07-.157.157-.157.086 0 .157.07.157.157zm.628 0c0 .086-.07.157-.157.157a.158.158 0 01-.157-.157c0-.086.07-.157.157-.157s.157.07.157.157zm-12.248.402c0 .134-.072.2-.16.146-.088-.054-.119-.164-.07-.245.136-.218.23-.177.23.099zm.628-.088c0 .086-.07.157-.157.157a.158.158 0 01-.157-.157c0-.086.07-.157.157-.157.086 0 .157.07.157.157z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/vehicles/IconCarSuperCar.tsx ADDED Viewed

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+import type { IconProps } from '../../types';
+export const IconCarSuperCar = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M19.254 10.26c-.431.431-.056 1.215.669 1.396.58.144.931.49 1.14 1.123.135.409.263.531.556.531.376 0 .381-.02.381-1.463 0-.927-.069-1.531-.189-1.65-.294-.295-2.248-.246-2.557.063zm-6.162.3a.485.485 0 00.074.437c.125.15.043.249-.336.398-.276.11-.706.304-.956.433-.404.208-.483.207-.72-.007-.339-.307-.732-.309-.849-.005-.07.183-.376.236-1.353.236-1.232 0-1.437.078-1.097.418.092.091.208.566.258 1.054l.092.887h4.948c4.65 0 4.942-.017 4.84-.275-.294-.743-.26-1.228.127-1.795l.392-.576-1.617-.722c-1.396-.623-1.76-.721-2.664-.721-.79 0-1.07.059-1.139.238zM5.43 12.31c-.55.548-.562 1.34-.029 1.872 1.07 1.07 2.8-.033 2.221-1.417-.399-.955-1.47-1.178-2.192-.456zm13.212-.03c-.563.522-.58 1.45-.036 1.962.552.518 1.46.49 1.934-.06 1.123-1.306-.638-3.07-1.898-1.902zm-14.754.157c-1.563.342-2.461.873-1.477.873.211 0 .428.07.481.157.057.092-.103.158-.384.158-.408 0-.48.059-.48.393 0 .382.03.393 1.1.393 1.073 0 1.1-.01 1.1-.398 0-.22.107-.44.237-.489.13-.05.236-.229.236-.398 0-.17.073-.445.162-.613.09-.167.108-.297.04-.288-.068.01-.525.104-1.015.212zm2.385.175c0 .134-.072.2-.16.146-.087-.054-.119-.165-.069-.245.135-.218.23-.178.23.099zm.55.069c-.053.087-.163.157-.244.157-.082 0-.148-.07-.148-.157 0-.086.11-.157.245-.157s.201.07.148.157zm12.66 0c0 .087-.066.157-.147.157-.082 0-.192-.07-.245-.157-.054-.086.013-.157.148-.157.134 0 .245.07.245.157zm.473 0a.158.158 0 01-.315 0c0-.086.07-.157.157-.157s.158.07.158.157zm-14.076.315c.054.086-.017.157-.157.157s-.21-.071-.157-.158c.053-.086.124-.157.157-.157s.104.071.157.158zm1.337 0c0 .086-.11.157-.245.157s-.202-.071-.148-.158c.053-.086.163-.157.245-.157.081 0 .148.071.148.158zm11.874 0c.053.086-.018.157-.158.157s-.21-.071-.157-.158c.053-.086.124-.157.157-.157s.104.071.158.158zm1.258 0c.053.086-.018.157-.158.157s-.21-.071-.157-.158c.054-.086.124-.157.157-.157.034 0 .104.071.158.158zm-14.39.54c0 .039-.07.114-.157.167-.087.054-.158.022-.158-.07 0-.09.071-.166.158-.166.086 0 .157.031.157.07zm13.21 0c0 .167-.302.236-.391.091-.055-.088.011-.16.146-.16.135 0 .245.031.245.07zm1.258 0c0 .167-.302.236-.391.091-.055-.088.011-.16.146-.16.135 0 .245.031.245.07zm-14.154.403c0 .087-.07.157-.157.157a.158.158 0 01-.157-.157c0-.086.07-.157.157-.157s.157.07.157.157zm.472 0c0 .087-.07.157-.157.157a.158.158 0 01-.157-.157c0-.086.07-.157.157-.157.086 0 .157.07.157.157zm12.739 0a.158.158 0 01-.314 0c0-.086.07-.157.156-.157.087 0 .158.07.158.157zm.471 0c0 .087-.07.157-.157.157a.158.158 0 01-.157-.157c0-.086.07-.157.157-.157s.158.07.158.157z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/vehicles/IconCarSuv.tsx ADDED Viewed

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+import type { IconProps } from '../../types';
+export const IconCarSuv = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.125 8.153c-.195.079-.354.241-.354.362 0 .12-.374.572-.83 1.004l-.831.785-1.442.109c-2.39.18-4.226.865-4.391 1.638-.051.237-.153.582-.227.766-.16.398.09 1.653.362 1.826.104.066.41.12.682.122.47.002.494-.027.502-.633.017-1.254 1.024-2.202 2.337-2.2 1.188 0 2.129.975 2.162 2.238l.016.597H17.02v-.512c0-1.229 1.078-2.324 2.285-2.324 1.219 0 2.284 1.096 2.285 2.35 0 .746.128.545.323-.506.143-.775.123-.975-.159-1.593-.177-.389-.322-.843-.322-1.009 0-.606-1.542-2.51-2.395-2.959-.337-.177-1.272-.221-4.491-.213-2.237.005-4.226.074-4.42.152zm4.61 1.256v.867l-2.167.044c-1.82.037-2.167.007-2.167-.188 0-.406-.355-.471-.642-.117-.151.187-.403.34-.56.34-.203 0-.013-.275.655-.95l.94-.95 1.97.044 1.97.043v.867zm4.41-.503c.582.459.914.934.79 1.134-.054.088-.817.157-1.742.157h-1.646V8.428l1.072.06c.813.047 1.181.147 1.526.418zm-3.43.937c-.037.238-.066.043-.066-.434 0-.476.03-.672.065-.433.037.238.037.628 0 .867zM5.091 12.634c-.897.39-1.25 1.573-.732 2.45.32.542.823.788 1.596.782.917-.008 1.608-.752 1.608-1.729 0-.703-.362-1.23-1.04-1.514-.641-.268-.793-.267-1.432.011zm13.44.01c-.866.452-1.186 1.31-.818 2.191.29.695.814 1.036 1.591 1.036s1.3-.341 1.59-1.036a1.714 1.714 0 00-.985-2.284c-.54-.205-.846-.184-1.378.093zm-12.859.705c0 .173-.066.315-.148.315-.212 0-.36-.287-.246-.473.165-.266.394-.174.394.158zm.71 0a.31.31 0 01-.198.276c-.117.039-.197-.073-.197-.276s.08-.315.197-.276a.31.31 0 01.197.276zm12.843 0c0 .368-.199.409-.46.094-.14-.17-.136-.24.02-.303.365-.146.44-.11.44.21zm.543-.218c.196.075.212.146.072.315-.258.312-.457.27-.457-.097 0-.348.019-.358.385-.218zm-14.5.866c-.135.218-.541.165-.541-.07 0-.116.046-.257.103-.314.143-.142.545.21.437.384zm1.665-.087c0 .232-.337.31-.524.123-.143-.142.21-.544.384-.436.077.047.14.188.14.313zm11.765-.16c.119.31-.022.452-.33.334a.251.251 0 01-.148-.335c.12-.311.358-.31.478 0zm1.69 0a.251.251 0 01-.148.334c-.308.118-.449-.024-.33-.334.12-.312.358-.312.478 0zm-15.031.683c0 .076-.106.226-.236.334-.13.108-.237.158-.237.111 0-.046-.043-.197-.095-.334-.069-.179-.002-.25.236-.25.183 0 .332.063.332.139zm1.576.072c0 .115-.047.257-.104.314-.142.142-.544-.211-.437-.385.135-.217.541-.164.541.07zm11.82-.072c0 .076-.098.22-.218.319-.17.141-.235.111-.3-.139-.062-.237-.007-.318.217-.318.165 0 .3.062.3.138zm1.62.18c-.065.25-.13.28-.3.139-.307-.255-.27-.457.083-.457.224 0 .28.08.217.318zm-14.7.465c0 .21-.076.28-.237.22-.253-.098-.302-.255-.131-.425.198-.2.367-.105.367.205zm.745-.044c.03.092-.054.21-.188.26-.17.066-.243-.003-.243-.23 0-.324.325-.347.43-.03zm12.807-.03c0 .13-.102.236-.227.236-.263 0-.44-.225-.294-.372.189-.188.521-.101.521.136zm.678-.002c.017.085-.093.179-.244.208-.173.033-.276-.044-.276-.206 0-.274.465-.276.52-.002z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/vehicles/IconCarVan.tsx ADDED Viewed

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+import type { IconProps } from '../../types';
+export const IconCarVan = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.913 8.07c-2.463.216-3.092.452-5.839 2.191-1.396.884-1.848 1.086-2.911 1.297-1.868.372-2.318.606-2.824 1.468-.379.647-.41.793-.24 1.11.107.2.153.474.102.607-.117.303-.042.344.877.477.745.108.747.107.747-.35 0-.69.618-1.493 1.343-1.744.543-.189.7-.185 1.211.03.67.28 1.222 1.069 1.222 1.745l.001.458 3.33-.104c1.831-.057 3.885-.103 4.563-.103 1.19 0 1.234-.013 1.234-.37 0-.61.654-1.418 1.343-1.656.543-.189.7-.185 1.21.03.638.267 1.222 1.06 1.223 1.66 0 .31.06.356.355.278.194-.053.505-.096.69-.097.427-.003.607-.6.287-.953-.152-.169-.23-.602-.23-1.284 0-1.143-.373-3.513-.648-4.117-.142-.31-.328-.409-.906-.477-1.445-.171-4.693-.222-6.14-.095zm-1.197 1.141c.039.109-.017.622-.122 1.141l-.192.944h-1.574c-1.512 0-1.576-.013-1.624-.354-.028-.194-.116-.354-.197-.354-.3 0-.132-.474.258-.73.506-.33 2.18-.817 2.866-.832.284-.006.547.077.585.185zm-8.004 4.625a1.424 1.424 0 00.463 2.354c.467.195.61.195 1.077 0 .632-.264.878-.656.878-1.4 0-1.23-1.536-1.836-2.418-.954zm12.904 0a1.424 1.424 0 00.463 2.354c.466.195.61.195 1.076 0 .633-.264.878-.656.878-1.4 0-1.23-1.536-1.836-2.417-.954zm-12.06.293c0 .13-.066.236-.148.236-.198 0-.34-.246-.215-.372.178-.177.363-.107.363.136zm.814.024c.356.323.374.684.033.684-.177 0-.229-.096-.172-.315.046-.173.018-.275-.06-.227-.196.122-.483-.076-.372-.256.128-.206.242-.184.571.114zm12.09-.024c0 .13-.067.236-.148.236-.199 0-.34-.246-.215-.372.177-.177.363-.107.363.136zm.814.024c.356.323.373.684.033.684-.177 0-.23-.096-.172-.315.045-.173.018-.275-.06-.227-.197.122-.484-.076-.372-.256.127-.206.242-.184.57.114zm-14.068.497c.034.103-.05.187-.187.187a.25.25 0 01-.25-.249c0-.278.34-.23.437.062zm12.903 0c.034.103-.05.187-.187.187a.25.25 0 01-.249-.249c0-.278.339-.23.436.062zm-12.898.514c-.03.093-.123.169-.205.169-.083 0-.175-.076-.206-.17-.031-.092.061-.169.206-.169.144 0 .236.077.205.17zm1.447-.064c0 .159-.502.681-.654.681-.073 0-.133-.114-.133-.253 0-.156.087-.219.228-.165.152.059.2.012.14-.14-.053-.141.01-.229.166-.229.139 0 .253.048.253.106zm11.457.064c-.031.093-.124.169-.206.169-.082 0-.175-.076-.206-.17-.03-.092.062-.169.206-.169s.237.077.206.17zm1.446-.064c0 .159-.501.681-.653.681-.074 0-.133-.114-.133-.253 0-.156.087-.219.228-.165.152.059.199.012.14-.14-.054-.141.01-.229.165-.229.14 0 .253.048.253.106zm-13.847.533c0 .082-.107.148-.236.148-.244 0-.313-.185-.136-.363.126-.125.372.017.372.215zm12.903 0c0 .082-.106.148-.236.148-.243 0-.313-.185-.135-.363.125-.125.371.017.371.215z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/vehicles/IconCarWagon.tsx ADDED Viewed

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+import type { IconProps } from '../../types';
+export const IconCarWagon = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.524 7.073a.52.52 0 00-.108.32c0 .174.576.206 3.099.17 2.631-.035 3.1-.077 3.1-.277s-.457-.242-2.992-.278c-1.646-.023-3.04.006-3.1.065zm3.03.999c-2.46.05-4.474.104-4.476.122-.002.019-.318.45-.703.958l-.698.924-2.24.112L4.2 10.3l-.794.646c-.627.51-.776.718-.708.987.067.267 0 .362-.306.44-.317.079-.391.194-.391.612 0 .519.23.892.55.892.095 0 .303-.37.462-.824.426-1.212.434-1.216 1.895-1.216h1.3l.837 1.098.837 1.099H15.744l.588-1.006c.324-.553.698-1.048.83-1.098.134-.051.66-.093 1.171-.093 1.068 0 1.264.138 1.967 1.391.485.864.76.974 1.31.528.484-.392.53-1.351.068-1.417-.303-.043-.344-.203-.512-2.026-.1-1.089-.26-2.074-.356-2.19-.112-.134-.461-.197-.979-.175-.443.019-2.817.075-5.277.124zm5.651.822c.001.195.046.618.1.942l.096.588h-2.865v-.85c0-.533.073-.879.196-.929.108-.043.708-.085 1.334-.091 1.078-.012 1.137.006 1.139.34zm-7.534.364c0 1.028-.177 1.166-1.496 1.166-1.067 0-1.172-.028-1.172-.313 0-.173-.07-.314-.157-.314-.244 0-.186-.234.169-.685.299-.38.418-.414 1.49-.414h1.166v.56zm4.08.016c0 .94-.32 1.15-1.75 1.15h-1.232V8.698h2.982v.576zM4.038 12.44c-1.003.527-1.366 1.803-.81 2.84.973 1.814 3.69 1.234 3.903-.832.171-1.67-1.58-2.806-3.093-2.008zm13.498-.178c-.396.144-1.066.843-1.262 1.318-.512 1.234.643 2.809 2.06 2.809.637 0 1.497-.53 1.795-1.106.879-1.7-.811-3.67-2.593-3.02zm.576 1.406c-.047.046-.168.033-.269-.03-.136-.084-.129-.148.029-.246.21-.13.412.104.24.276zm-13.13-.104c0 .086-.067.157-.148.157-.081 0-.191-.07-.245-.157-.053-.086.013-.157.148-.157.134 0 .245.07.245.157zm.549 0c-.054.086-.164.157-.245.157-.081 0-.147-.07-.147-.157 0-.086.11-.157.244-.157.135 0 .201.07.148.157zm13.26-.088c0 .038-.07.113-.157.166-.086.054-.157.023-.157-.069 0-.091.07-.166.157-.166.086 0 .157.031.157.07zm-14.28.568c0 .081-.07.148-.157.148-.086 0-.157-.11-.157-.245 0-.134.07-.201.157-.148.086.054.157.164.157.245zm1.35.105c-.16.16-.291-.08-.16-.292.099-.16.136-.16.189 0 .036.108.023.24-.029.292zm11.831-.105c0 .081-.07.148-.156.148-.087 0-.157-.11-.157-.245 0-.134.07-.201.157-.148.086.054.156.164.156.245zm1.57 0c0 .081-.106.148-.236.148-.242 0-.311-.186-.135-.362.126-.126.37.016.37.214zm-11.034.25a.515.515 0 00-.108.316c0 .168.708.21 3.62.21 3.365 0 3.618-.02 3.569-.275-.048-.25-.362-.279-3.513-.317-1.904-.023-3.51.006-3.568.065zm-3.717.202c0 .082-.07.192-.157.245-.086.053-.157-.013-.157-.148 0-.134.07-.244.157-.244.086 0 .157.066.157.147zm1.412.097c0 .135-.07.201-.157.148-.086-.053-.157-.164-.157-.245 0-.081.07-.147.157-.147s.157.11.157.244zm11.77-.097c0 .082-.071.192-.157.245-.087.053-.157-.013-.157-.148 0-.134.07-.244.157-.244.086 0 .156.066.156.147zm1.539.021c-.031.093-.123.169-.206.169-.082 0-.174-.076-.205-.169-.03-.092.061-.168.205-.168s.237.075.206.168zm-14.25.46c0 .086-.11.156-.245.156s-.201-.07-.148-.157c.054-.086.164-.157.245-.157.081 0 .148.071.148.157zm.549 0c.053.086-.013.156-.148.156-.134 0-.245-.07-.245-.157 0-.086.067-.157.148-.157.081 0 .191.071.245.157zm12.632.073c0 .14-.092.195-.234.14-.13-.05-.196-.153-.148-.23.137-.222.382-.164.382.09zm.543-.085c.05.08.018.19-.07.245-.087.054-.159-.011-.159-.146 0-.276.094-.316.229-.099z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/index.tsx ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './components';
2	+ export * from './themes';

package/src/themes/colors.ts ADDED Viewed

@@ -0,0 +1,152 @@
+type Colors =
+  | 'yellow'
+  | 'black'
+  | 'blueDark'
+  | 'white'
+  | 'whiteDark'
+  | 'grey'
+  | 'red'
+  | 'green'
+  | 'blue';
+type ColorShades = 900 | 800 | 700 | 600 | 500 | 400 | 300 | 200 | 100 | 50;
+type PaletteTypes = Record<Colors, Record<ColorShades, string>>;
+const Palettes: PaletteTypes = {
+  yellow: {
+    900: '#FC7D00',
+    800: '#FEA807',
+    700: '#FEC144',
+    600: '#FFDB1E',
+    500: '#F9E71A',
+    400: '#FCEC48',
+    300: '#FEF16C',
+    200: '#FFF598',
+    100: '#FFF9C1',
+    50: '#FFFDE6',
+  },
+  black: {
+    900: '#112639',
+    800: '#243A50',
+    700: '#334C66',
+    600: '#425F7C',
+    500: '#4F6D8D',
+    400: '#6882A0',
+    300: '#8098B3',
+    200: '#A1B5CD',
+    100: '#C1D3E7',
+    50: '#E3EDFF',
+  },
+  blueDark: {
+    900: '#0000AC',
+    800: '#0021BD',
+    700: '#002DC8',
+    600: '#0039D4',
+    500: '#0941DF',
+    400: '#475FE6',
+    300: '#6D7DEB',
+    200: '#9AA2F0',
+    100: '#C3C6F6',
+    50: '#E7E9FC',
+  },
+  white: {
+    900: '#3C3C3C',
+    800: '#606060',
+    700: '#818181',
+    600: '#979797',
+    500: '#C2C2C2',
+    400: '#DEDEDE',
+    300: '#F0F0F0',
+    200: '#F5F5F5',
+    100: '#FAFAFA',
+    50: '#FFFFFF',
+  },
+  whiteDark: {
+    900: '#1C1C1C',
+    800: '#3C3C3C',
+    700: '#6E6E6E',
+    600: '#6E6E6E',
+    500: '#979797',
+    400: '#B7B7B7',
+    300: '#DADADA',
+    200: '#EAEAEA',
+    100: '#F3F3F3',
+    50: '#F9F9F9',
+  },
+  grey: {
+    900: '#2F373F',
+    800: '#414C57',
+    700: '#505F6D',
+    600: '#617384',
+    500: '#6E8395',
+    400: '#8495A5',
+    300: '#9AA9B6',
+    200: '#B7C1CB',
+    100: '#D3DAE0',
+    50: '#EEF0F2',
+  },
+  red: {
+    900: '#C6000A',
+    800: '#D40F1B',
+    700: '#E11C23',
+    600: '#F32A28',
+    500: '#FF3627',
+    400: '#FC4B47',
+    300: '#F26F6D',
+    200: '#F99896',
+    100: '#FFCCD1',
+    50: '#FFEBEE',
+  },
+  green: {
+    900: '#005E00',
+    800: '#007D17',
+    700: '#0D8E22',
+    600: '#20A022',
+    500: '#2AAF37',
+    400: '#51BB57',
+    300: '#73C775',
+    200: '#9CD69D',
+    100: '#C3E6C3',
+    50: '#E6F6E7',
+  },
+  blue: {
+    900: '#00469B',
+    800: '#0064BA',
+    700: '#0275CC',
+    600: '#0B86DF',
+    500: '#1294EC',
+    400: '#3DA3EF',
+    300: '#61B3F1',
+    200: '#8EC9F5',
+    100: '#BADDF9',
+    50: '#E3F2FC',
+  },
+};
+const ColorTokens = {
+  product: {
+    yellow600: Palettes.yellow![600],
+    black900: Palettes.black![900],
+    blueDark600: Palettes.blueDark![600],
+  },
+  neutral: {
+    white50: Palettes.white![50],
+    whiteDark50: Palettes.whiteDark![50],
+    grey50: Palettes.grey![50],
+    grey100: Palettes.grey![100],
+    grey200: Palettes.grey![200],
+    grey500: Palettes.grey![500],
+    black900: Palettes.black![900],
+  },
+  semantic: {
+    red50: Palettes.red![50],
+    red700: Palettes.red![700],
+    green50: Palettes.green![50],
+    green700: Palettes.green![700],
+    yellow100: Palettes.yellow![100],
+    blue50: Palettes.blue![50],
+  },
+};
+export { Palettes, ColorTokens };

package/src/themes/index.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export * from './colors';
+export * from './radius';
+export * from './spacing';
+export * from './shadow';

package/src/themes/radius.ts ADDED Viewed

@@ -0,0 +1,12 @@
+const Radius = {
+  4: 4,
+  8: 8,
+  12: 12,
+  16: 16,
+  24: 24,
+  36: 36,
+  full: 100,
+  border: 1,
+};
+export { Radius };

package/src/themes/shadow.tsx ADDED Viewed

@@ -0,0 +1,48 @@
+import type { ViewStyle } from 'react-native';
+type Shadows =
+  | 'shadow-elevation-1'
+  | 'shadow-elevation-2'
+  | 'shadow-elevation-3'
+  | 'shadow-elevation-4';
+type ShadowType = Record<Shadows, ViewStyle>;
+export const Shadow: ShadowType = {
+  'shadow-elevation-1': {
+    elevation: 3,
+    shadowColor: 'black',
+    shadowOpacity: 0.12,
+    shadowOffset: {
+      height: 2,
+      width: 2,
+    },
+  },
+  'shadow-elevation-2': {
+    elevation: 8,
+    shadowColor: 'black',
+    shadowOpacity: 0.12,
+    shadowOffset: {
+      height: 4,
+      width: 2,
+    },
+  },
+  'shadow-elevation-3': {
+    elevation: 12,
+    shadowColor: 'black',
+    shadowOpacity: 0.12,
+    shadowOffset: {
+      height: 8,
+      width: 2,
+    },
+  },
+  'shadow-elevation-4': {
+    elevation: 16,
+    shadowColor: 'black',
+    shadowOpacity: 0.12,
+    shadowOffset: {
+      height: -4,
+      width: 2,
+    },
+  },
+};

package/src/themes/spacing.ts ADDED Viewed

@@ -0,0 +1,16 @@
+const Spacing = {
+  2: 2,
+  4: 4,
+  8: 8,
+  12: 12,
+  16: 16,
+  20: 20,
+  24: 24,
+  28: 28,
+  32: 32,
+  36: 36,
+  48: 48,
+  64: 64,
+};
+export { Spacing };

package/src/types.ts ADDED Viewed

@@ -0,0 +1,39 @@
+type Undefined<T> = { [P in keyof T]: P extends undefined ? T[P] : never };
+type FilterFlags<Base, Condition> = {
+  [Key in keyof Base]: Base[Key] extends Condition ? Key : never;
+};
+type AllowedNames<Base, Condition> = FilterFlags<Base, Condition>[keyof Base];
+type SubType<Base, Condition> = Pick<Base, AllowedNames<Base, Condition>>;
+export type OptionalKeys<T> = Exclude<
+  keyof T,
+  NonNullable<keyof SubType<Undefined<T>, never>>
+>;
+export type ThemeProps<T> = {
+  [name: string]: T;
+};
+type ComponentsProps<T> = Omit<
+  Pick<T, OptionalKeys<T>>,
+  'children' | 'variant'
+>;
+export type VariantType<T> = ComponentsProps<T> & {
+  variants?: {
+    [name: string]: ComponentsProps<T>;
+  };
+};
+export type DefaultProps<Props extends object> = {
+  [K in keyof Props]?: Props[K];
+};
+export type IconProps = {
+  width?: number;
+  height?: number;
+  fill?: string;
+};