kwant-ui 3.18.1-alpha.1 → 3.18.2

package/themes/types.ts

@@ -1,211 +1,211 @@
-export interface Color {
-  primary: Primary;
-  secondary: Secondary;
-  tertiary: Tertiary;
-  accent: Accent;
-  link: Link;
-  error: Error;
-  success: Success;
-  black: Black;
-  white: White;
-  grey: Grey;
-  warning: Warning;
-  disabled: Disabled;
-  text: Text;
-  input: Input;
-  green: Green;
-  blue: Blue;
-  red: Red;
-  scrollbar: Scrollbar;
-  button: Button;
-  [key: string]: any;
-}
-
-export interface Accent {
-  accent500: string;
-  accent100: string;
-  accent75: string;
-  accent50: string;
-  accent15: string;
-}
-
-export interface Black {
-  blackHigh: string;
-  blackMedium: string;
-  blackLow: string;
-  black: string;
-}
-
-export interface Disabled {
-  disabledHigh: string;
-  disabledMedium: string;
-  disabledLow: string;
-}
-
-export interface Error {
-  errorHigh: string;
-  errorMedium: string;
-  errorLow: string;
-  errorLow2: string;
-  errorLow3: string;
-  errorLower: string;
-}
-
-export interface Grey {
-  greyHigh: string;
-  greyMedium: string;
-  greyLow: string;
-  grey90: string;
-  grey30: string;
-  grey50: string;
-  grey20: string;
-  grey5: string;
-  grey10: string;
-  grey500: string;
-  grey800: string;
-  grey900: string;
-  grey400: string;
-  grey200: string;
-  grey250: string;
-  grey300: string;
-  grey100: string;
-}
-
-export interface Link {
-  linkHigh: string;
-  linkMedium: string;
-  linkLow: string;
-}
-
-export interface Primary {
-  primary100: string;
-  primary90: string;
-  primary80: string;
-  primary70: string;
-  primary60: string;
-  primary50: string;
-  primary40: string;
-  primary30: string;
-  primary20: string;
-  primary10: string;
-  primary5: string;
-}
-
-export interface Secondary {
-  secondary100: string;
-  secondary90: string;
-  secondary80: string;
-  secondary70: string;
-  secondary60: string;
-  secondary50: string;
-  secondary40: string;
-  secondary30: string;
-  secondary20: string;
-  secondary10: string;
-  secondary5: string;
-}
-
-export interface Success {
-  successDark: string;
-  successMedium: string;
-  successLow: string;
-}
-
-export interface Tertiary {
-  tertiary100: string;
-  tertiary90: string;
-  tertiary80: string;
-  tertiary70: string;
-  tertiary60: string;
-  tertiary50: string;
-  tertiary40: string;
-  tertiary30: string;
-  tertiary20: string;
-  tertiary10: string;
-  tertiary5: string;
-}
-
-export interface Warning {
-  warningHigh: string;
-  warningMedium: string;
-  warningLow: string;
-  warningLower: string;
-  warningLower2: string;
-}
-
-export interface White {
-  white: string;
-}
-
-export interface Text {
-  primary: string;
-}
-
-export interface Input {
-  focused: string;
-  focusedShadow: string;
-  focusedShadowFilter: string;
-  focusedShadowError: string;
-  focusedShadowButton: string;
-  focusedSecondary: string;
-}
-
-export interface Green {
-  green40: string;
-  green10: string;
-  green8: string;
-  green5: string;
-  green50: string;
-  green100: string;
-  green200: string;
-  green300: string;
-  green400: string;
-  green500: string;
-  green600: string;
-  green700: string;
-  green800: string;
-  green900: string;
-}
-
-export interface Blue {
-  blue5: string;
-  blue50: string;
-  blue100: string;
-  blue200: string;
-  blue300: string;
-  blue400: string;
-  blue500: string;
-  blue600: string;
-  blue700: string;
-  blue800: string;
-  blue900: string;
-  blue1000: string;
-}
-
-export interface Red {
-  red050: string;
-  red50: string;
-  red100: string;
-  red200: string;
-  red300: string;
-  red400: string;
-  red500: string;
-  red600: string;
-  red700: string;
-  red800: string;
-  red900: string;
-}
-
-export interface Scrollbar {
-  track: string;
-  thumb: string;
-}
-
-export interface Button {
-  primaryButton: string;
-  primaryOutlineButton: string;
-  secondaryButton: string;
-  errorButton: string;
-  successButton: string;
-  filterButton: string;
-}
+export interface Color {
+  primary: Primary;
+  secondary: Secondary;
+  tertiary: Tertiary;
+  accent: Accent;
+  link: Link;
+  error: Error;
+  success: Success;
+  black: Black;
+  white: White;
+  grey: Grey;
+  warning: Warning;
+  disabled: Disabled;
+  text: Text;
+  input: Input;
+  green: Green;
+  blue: Blue;
+  red: Red;
+  scrollbar: Scrollbar;
+  button: Button;
+  [key: string]: any;
+}
+
+export interface Accent {
+  accent500: string;
+  accent100: string;
+  accent75: string;
+  accent50: string;
+  accent15: string;
+}
+
+export interface Black {
+  blackHigh: string;
+  blackMedium: string;
+  blackLow: string;
+  black: string;
+}
+
+export interface Disabled {
+  disabledHigh: string;
+  disabledMedium: string;
+  disabledLow: string;
+}
+
+export interface Error {
+  errorHigh: string;
+  errorMedium: string;
+  errorLow: string;
+  errorLow2: string;
+  errorLow3: string;
+  errorLower: string;
+}
+
+export interface Grey {
+  greyHigh: string;
+  greyMedium: string;
+  greyLow: string;
+  grey90: string;
+  grey30: string;
+  grey50: string;
+  grey20: string;
+  grey5: string;
+  grey10: string;
+  grey500: string;
+  grey800: string;
+  grey900: string;
+  grey400: string;
+  grey200: string;
+  grey250: string;
+  grey300: string;
+  grey100: string;
+}
+
+export interface Link {
+  linkHigh: string;
+  linkMedium: string;
+  linkLow: string;
+}
+
+export interface Primary {
+  primary100: string;
+  primary90: string;
+  primary80: string;
+  primary70: string;
+  primary60: string;
+  primary50: string;
+  primary40: string;
+  primary30: string;
+  primary20: string;
+  primary10: string;
+  primary5: string;
+}
+
+export interface Secondary {
+  secondary100: string;
+  secondary90: string;
+  secondary80: string;
+  secondary70: string;
+  secondary60: string;
+  secondary50: string;
+  secondary40: string;
+  secondary30: string;
+  secondary20: string;
+  secondary10: string;
+  secondary5: string;
+}
+
+export interface Success {
+  successDark: string;
+  successMedium: string;
+  successLow: string;
+}
+
+export interface Tertiary {
+  tertiary100: string;
+  tertiary90: string;
+  tertiary80: string;
+  tertiary70: string;
+  tertiary60: string;
+  tertiary50: string;
+  tertiary40: string;
+  tertiary30: string;
+  tertiary20: string;
+  tertiary10: string;
+  tertiary5: string;
+}
+
+export interface Warning {
+  warningHigh: string;
+  warningMedium: string;
+  warningLow: string;
+  warningLower: string;
+  warningLower2: string;
+}
+
+export interface White {
+  white: string;
+}
+
+export interface Text {
+  primary: string;
+}
+
+export interface Input {
+  focused: string;
+  focusedShadow: string;
+  focusedShadowFilter: string;
+  focusedShadowError: string;
+  focusedShadowButton: string;
+  focusedSecondary: string;
+}
+
+export interface Green {
+  green40: string;
+  green10: string;
+  green8: string;
+  green5: string;
+  green50: string;
+  green100: string;
+  green200: string;
+  green300: string;
+  green400: string;
+  green500: string;
+  green600: string;
+  green700: string;
+  green800: string;
+  green900: string;
+}
+
+export interface Blue {
+  blue5: string;
+  blue50: string;
+  blue100: string;
+  blue200: string;
+  blue300: string;
+  blue400: string;
+  blue500: string;
+  blue600: string;
+  blue700: string;
+  blue800: string;
+  blue900: string;
+  blue1000: string;
+}
+
+export interface Red {
+  red050: string;
+  red50: string;
+  red100: string;
+  red200: string;
+  red300: string;
+  red400: string;
+  red500: string;
+  red600: string;
+  red700: string;
+  red800: string;
+  red900: string;
+}
+
+export interface Scrollbar {
+  track: string;
+  thumb: string;
+}
+
+export interface Button {
+  primaryButton: string;
+  primaryOutlineButton: string;
+  secondaryButton: string;
+  errorButton: string;
+  successButton: string;
+  filterButton: string;
+}

package/utils/generateTypesForIcons.js

@@ -1,37 +1,37 @@
-const { readdir, writeFile } = require('fs/promises');
-const path = require('path');
-
-/**
- * This script generates types the icons.
- * The types are generated from the icons in the icons folder.
- * Provides autocompletion for the Icons component
- * Runs: prebuild
- */
-
-async function generateTypesForIcons() {
-  try {
-    console.log('✨ Hold on, while we automatically generate types for icons');
-    console.log('===================================');
-
-    console.log("📁 Reading the 'icons' folder");
-    const files = await readdir(path.join(__dirname, '../public/assets/icons'));
-
-    console.log('⏳ Generating types for icons');
-    const icons = files
-      .filter((file) => file.endsWith('.svg'))
-      .map((file) => file.replace('.svg', ''));
-
-    const types = `export type IconName = ${icons.map((icon) => `'${icon}'`).join(' | ')}`;
-
-    console.log("🖋  Writing the 'IconTypes.ts' file");
-    await writeFile(path.join(__dirname, '../types/IconTypes.ts'), types, {
-      flag: 'w',
-    });
-    console.log('✅ Types for icons generated successfully');
-  } catch (error) {
-    console.log('❌ Oops, something went wrong while generating types for icons');
-    console.log(error);
-  }
-}
-
-generateTypesForIcons();
+const { readdir, writeFile } = require('fs/promises');
+const path = require('path');
+
+/**
+ * This script generates types the icons.
+ * The types are generated from the icons in the icons folder.
+ * Provides autocompletion for the Icons component
+ * Runs: prebuild
+ */
+
+async function generateTypesForIcons() {
+  try {
+    console.log('✨ Hold on, while we automatically generate types for icons');
+    console.log('===================================');
+
+    console.log("📁 Reading the 'icons' folder");
+    const files = await readdir(path.join(__dirname, '../public/assets/icons'));
+
+    console.log('⏳ Generating types for icons');
+    const icons = files
+      .filter((file) => file.endsWith('.svg'))
+      .map((file) => file.replace('.svg', ''));
+
+    const types = `export type IconName = ${icons.map((icon) => `'${icon}'`).join(' | ')}`;
+
+    console.log("🖋  Writing the 'IconTypes.ts' file");
+    await writeFile(path.join(__dirname, '../types/IconTypes.ts'), types, {
+      flag: 'w',
+    });
+    console.log('✅ Types for icons generated successfully');
+  } catch (error) {
+    console.log('❌ Oops, something went wrong while generating types for icons');
+    console.log(error);
+  }
+}
+
+generateTypesForIcons();

package/utils/index.ts

@@ -1,86 +1,86 @@
-const breakpoints = {
-  xxsm: '0px',
-  xsm: '600px',
-  sm: '720px',
-  md: '840px',
-  lg: '992px',
-  xl: '1400px',
-  xxl: '1920px',
-};
-
-const switchValue = (value?: number | string, defaultValue?: string) =>
-  value ? (typeof value === 'number' ? `${value}px` : value) : defaultValue;
-
-// adds escape character in place of special characters in a string
-const escapeRegExp = (string: string): string => {
-  return string.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&');
-};
-
-export const generateRandomString = () => {
-  return Math.random().toString(16).slice(2, 10);
-};
-
-const mobileView = (content: string) => {
-  const mobileFloor = `${breakpoints['sm']}`;
-
-  return `@media(max-width:${mobileFloor}) {
-    ${content}
-  }`;
-};
-
-const tabletView = (content: string) => {
-  const tabletFloor = `${breakpoints['lg']}`;
-
-  return `@media(max-width:${tabletFloor}) {
-    ${content}
-  }`;
-};
-
-const overflowView = (content: string) => {
-  const overflowFloor = `${breakpoints['xxl']}`;
-
-  return `@media(min-width:${overflowFloor}) {
-    ${content}
-  }`;
-};
-
-export const getNameInitials = (name: string = ''): string => {
-  const words = name?.trim()?.split(' ');
-
-  // if name has more than one word
-  if (words.length > 1) {
-    const [fName, ...rest] = words;
-    return `${fName[0]}${rest?.pop()?.[0]}`.toUpperCase(); // return initials of fName and lName
-  }
-
-  // if name has single word
-  const fName = words[0];
-  return fName[0]?.toUpperCase() || '';
-};
-
-export const stringToColor = function (str: string) {
-  let hash = 0;
-  for (let i = 0; i < str.length; i++) {
-    hash = str.charCodeAt(i) + ((hash << 5) - hash);
-  }
-  let colour = '#';
-  for (let i = 0; i < 3; i++) {
-    const value = (hash >> (i * 8)) & 0xff;
-    colour += ('00' + value.toString(16)).substr(-2);
-  }
-  return colour;
-};
-
-const isArray = (array: unknown) => Array.isArray(array);
-const isArrayEmpty = <T>(array: Array<T>) => array.length === 0;
-const getLastItem = <T>(array: Array<T>) => array[array.length - 1];
-export {
-  switchValue,
-  escapeRegExp,
-  mobileView,
-  tabletView,
-  overflowView,
-  isArray,
-  isArrayEmpty,
-  getLastItem,
-};
+const breakpoints = {
+  xxsm: '0px',
+  xsm: '600px',
+  sm: '720px',
+  md: '840px',
+  lg: '992px',
+  xl: '1400px',
+  xxl: '1920px',
+};
+
+const switchValue = (value?: number | string, defaultValue?: string) =>
+  value ? (typeof value === 'number' ? `${value}px` : value) : defaultValue;
+
+// adds escape character in place of special characters in a string
+const escapeRegExp = (string: string): string => {
+  return string.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&');
+};
+
+export const generateRandomString = () => {
+  return Math.random().toString(16).slice(2, 10);
+};
+
+const mobileView = (content: string) => {
+  const mobileFloor = `${breakpoints['sm']}`;
+
+  return `@media(max-width:${mobileFloor}) {
+    ${content}
+  }`;
+};
+
+const tabletView = (content: string) => {
+  const tabletFloor = `${breakpoints['lg']}`;
+
+  return `@media(max-width:${tabletFloor}) {
+    ${content}
+  }`;
+};
+
+const overflowView = (content: string) => {
+  const overflowFloor = `${breakpoints['xxl']}`;
+
+  return `@media(min-width:${overflowFloor}) {
+    ${content}
+  }`;
+};
+
+export const getNameInitials = (name: string = ''): string => {
+  const words = name?.trim()?.split(' ');
+
+  // if name has more than one word
+  if (words.length > 1) {
+    const [fName, ...rest] = words;
+    return `${fName[0]}${rest?.pop()?.[0]}`.toUpperCase(); // return initials of fName and lName
+  }
+
+  // if name has single word
+  const fName = words[0];
+  return fName[0]?.toUpperCase() || '';
+};
+
+export const stringToColor = function (str: string) {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    hash = str.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  let colour = '#';
+  for (let i = 0; i < 3; i++) {
+    const value = (hash >> (i * 8)) & 0xff;
+    colour += ('00' + value.toString(16)).substr(-2);
+  }
+  return colour;
+};
+
+const isArray = (array: unknown) => Array.isArray(array);
+const isArrayEmpty = <T>(array: Array<T>) => array.length === 0;
+const getLastItem = <T>(array: Array<T>) => array[array.length - 1];
+export {
+  switchValue,
+  escapeRegExp,
+  mobileView,
+  tabletView,
+  overflowView,
+  isArray,
+  isArrayEmpty,
+  getLastItem,
+};