@rango-dev/ui 0.22.1-next.5 → 0.22.1-next.7

package/src/theme.ts

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

package/src/utils/index.ts

@@ -0,0 +1,23 @@
+/* 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)}`;
+}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/helper/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;AA2CD,eAAO,MAAM,mBAAmB,SACxB,MAAM,QACN,OAAO,GAAG,MAAM,UACd,MAAM;;CA8Bf,CAAC"}

package/src/helper/index.ts

@@ -1,99 +0,0 @@
-/* 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;
-};