@indico-data/design-system 2.43.1 → 2.44.0

package/src/legacy/utils/color.ts

@@ -1,139 +0,0 @@
-export const mix = function (color_1: string, color_2: string, weight: number): string {
-  function d2h(d: number) {
-    return d.toString(16);
-  } // convert a decimal value to hex
-  function h2d(h: string) {
-    return parseInt(h, 16);
-  } // convert a hex value to decimal
-  function s2l(hex: string) {
-    return `${hex}${hex}`;
-  }
-
-  weight = typeof weight !== 'undefined' ? weight : 50; // set the weight to 50%, if that argument is omitted
-  color_1 = color_1.replace(/#/g, '');
-  color_2 = color_2.replace(/#/g, '');
-
-  // check if colors are shorthand or longhand - covert to longhand
-  color_1 = color_1.length === 3 ? s2l(color_1) : color_1;
-  color_2 = color_2.length === 3 ? s2l(color_2) : color_2;
-
-  let color = '#';
-
-  for (let i = 0; i <= 5; i += 2) {
-    // loop through each of the 3 hex pairs—red, green, and blue
-    const v1 = h2d(color_1.substr(i, 2)); // extract the current pairs
-    const v2 = h2d(color_2.substr(i, 2));
-    // combine the current pairs from each source color, according to the specified weight
-    let val = d2h(Math.floor(v2 + (v1 - v2) * (weight / 100.0)));
-
-    while (val.length < 2) {
-      val = '0' + val;
-    } // prepend a '0' if val results in a single digit
-
-    color += val; // concatenate val to our new color string
-  }
-
-  return color; // PROFIT!
-};
-
-export const shade = (color: string, percentage: number): string => {
-  return mix('#000000', color, percentage);
-};
-
-export const tint = (color: string, percentage: number): string => {
-  return mix('#ffffff', color, percentage);
-};
-
-/**
- * Converts hex color values to rgb or rgba values if a opacity is supplied
- * @param hex
- * @returns {*}
- */
-export const hexToRgb = (hex: string, opacity?: number): string | undefined => {
-  // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
-  const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
-  hex = hex.replace(shorthandRegex, function (m, r, g, b) {
-    return r + r + g + g + b + b;
-  });
-
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-  if (result && opacity) {
-    return `rgba(${parseInt(result[1], 16)}, ${parseInt(result[2], 16)}, ${parseInt(
-      result[3],
-      16,
-    )}, ${opacity})`;
-  } else if (result) {
-    return `rgb(${parseInt(result[1], 16)}, ${parseInt(result[2], 16)}, ${parseInt(
-      result[3],
-      16,
-    )})`;
-  }
-  return undefined;
-};
-
-/**
- * Takes a 3- or 6-character hex color value, and returns an object containing
- * its equivalent HSL values.
- *
- * @see {@link https://css-tricks.com/converting-color-spaces-in-javascript/}
- * @see {@link https://gist.github.com/mjackson/5311256}
- */
-export function hexToHsl(hexColor: string): { hue: number; saturation: number; lightness: number } {
-  // convert to 6-character hex string, if necessary
-  const fullHexColor = (() => {
-    if (hexColor.length === 4) {
-      return (
-        '#' +
-        hexColor
-          .replace('#', '')
-          .split('')
-          .reduce((acc, char) => (acc += char + char), '')
-      );
-    }
-
-    return hexColor;
-  })();
-
-  const rgbValues = {
-    red: parseInt(fullHexColor.slice(1, 3), 16) / 255,
-    green: parseInt(fullHexColor.slice(3, 5), 16) / 255,
-    blue: parseInt(fullHexColor.slice(-2), 16) / 255,
-  };
-
-  const allValues = Object.values(rgbValues);
-
-  const channelMax = Math.max(...allValues);
-  const channelMin = Math.min(...allValues);
-  const channelDelta = channelMax - channelMin;
-
-  const hslValues = {
-    hue: 0,
-    saturation: 0,
-    lightness: (channelMax + channelMin) / 2,
-  };
-
-  if (channelDelta !== 0) {
-    // calculate hue
-    if (channelMax === rgbValues.red) {
-      hslValues.hue = ((rgbValues.green - rgbValues.blue) / channelDelta) % 6;
-    } else if (channelMax === rgbValues.green) {
-      hslValues.hue = (rgbValues.blue - rgbValues.red) / channelDelta + 2;
-    } else {
-      hslValues.hue = (rgbValues.red - rgbValues.green) / channelDelta + 4;
-    }
-
-    // calculate saturation
-    hslValues.saturation = channelDelta / (1 - Math.abs(2 * hslValues.lightness - 1));
-  }
-
-  hslValues.hue = Math.round(hslValues.hue * 60);
-  hslValues.saturation = +(hslValues.saturation * 100).toFixed(0);
-  hslValues.lightness = +(hslValues.lightness * 100).toFixed(0);
-
-  // make negative hues positive
-  if (hslValues.hue < 0) {
-    hslValues.hue += 360;
-  }
-
-  return hslValues;
-}

package/src/legacy/utils/index.ts

@@ -1,5 +0,0 @@
-import * as colorUtils from './color';
-import * as stringUtils from './string';
-import * as numberUtils from './number';
-
-export { colorUtils, stringUtils, numberUtils };

package/src/legacy/utils/number.ts

@@ -1,29 +0,0 @@
-/**
- * Takes a number and formats it nicely.
- *
- * @example numberWithCommas(12345)
- * // returns 12,345
- */
-export function numberWithCommas(value: number): string {
-  return new Intl.NumberFormat(navigator.language || 'en-US').format(value);
-}
-
-/**
- * Takes a number and returns it, rounded up to the maximum decimal places specified.
- *
- * @example maxDecimalPlaces(0.1694915254237288, 2)
- * // returns 0.17
- *
- * @example maxDecimalPlaces(0.1694915254237288, 3)
- * // returns 0.169
- *
- * @example maxDecimalPlaces(12.902, 2)
- * // returns 12.9
- */
-export function maxDecimalPlaces(value: number, decimalPlaces: number): number {
-  return +value.toFixed(decimalPlaces);
-}
-
-export function formatConfidence(confidence: number): number {
-  return Math.min(Math.floor(confidence * 100), 99);
-}

package/src/legacy/utils/string.ts

@@ -1,87 +0,0 @@
-export const camelCaseToUpperUnderscore = (string: string) => {
-  return string
-    .replace(/([A-Z])/g, function ($1) {
-      return '_' + $1;
-    })
-    .toUpperCase();
-};
-
-export const camelCaseToSpaceUpper = (string: string) => {
-  return (
-    string
-      // insert a space before all caps
-      .replace(/([A-Z])/g, ' $1')
-      // uppercase the first character
-      .replace(/^./, function (str) {
-        return str.toUpperCase();
-      })
-  );
-};
-
-export const underscoreToCapitalize = (string: string) => {
-  return (
-    string
-      // replace all _ with spaces
-      .replace(/_/g, ' ')
-      // uppercase the first character
-      .replace(/^./, function (str) {
-        return str.toUpperCase();
-      })
-  );
-};
-
-export const snakeCaseToCamelCase = (string: string) => {
-  const parts = string.split('_').map((part, i) => {
-    if (i > 0) {
-      return part.replace(/^./, function (str) {
-        return str.toUpperCase();
-      });
-    } else {
-      return part;
-    }
-  });
-
-  return parts.join().replace(/,/g, '');
-};
-
-export function capitalize(string: string): string {
-  if (typeof string !== 'string') return '';
-
-  return string.slice(0, 1).toUpperCase() + string.slice(1).toLowerCase();
-}
-
-export function capitalizeFirstOnly(string: string): string {
-  if (typeof string !== 'string') return '';
-
-  return string.slice(0, 1).toUpperCase() + string.slice(1);
-}
-
-/**
- * Generates a random string of English alphabet characters. Defaults to a length of 8.
- */
-export function createRandomString(length?: number): string {
-  const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
-  let result = '';
-
-  for (let i = 0; i < (length || 8); i++) {
-    result += chars.charAt(Math.floor(Math.random() * chars.length));
-  }
-
-  return result;
-}
-
-export const maxLengthWithEllipse = (string: string, maxLength: number) => {
-  if (string.length <= maxLength) {
-    return string;
-  } else {
-    return string.slice(0, maxLength - 2).concat('...');
-  }
-};
-
-export const maxLengthWithMiddleEllipsis = (string: string, maxLength: number): string => {
-  const frontSegment = string.slice(0, Math.floor(maxLength / 2) - 2);
-  const endSegmentLength = string.length - (Math.floor(maxLength / 2) - 1);
-  const endSegment = string.slice(endSegmentLength, string.length);
-
-  return string.length <= maxLength ? string : `${frontSegment}...${endSegment}`;
-};

package/src/styles/assets/fonts/mulish/mulish.css

@@ -1,98 +0,0 @@
-/* cyrillic-ext */
-@font-face {
-  font-family: 'Mulish';
-  font-style: italic;
-  font-weight: 200 1000;
-  font-display: swap;
-  src: url('./a.woff2') format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-/* cyrillic */
-@font-face {
-  font-family: 'Mulish';
-  font-style: italic;
-  font-weight: 200 1000;
-  font-display: swap;
-  src: url('./a.woff2') format('woff2');
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-/* vietnamese */
-@font-face {
-  font-family: 'Mulish';
-  font-style: italic;
-  font-weight: 200 1000;
-  font-display: swap;
-  src: url('./a.woff2') format('woff2');
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0,
-    U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-}
-/* latin-ext */
-@font-face {
-  font-family: 'Mulish';
-  font-style: italic;
-  font-weight: 200 1000;
-  font-display: swap;
-  src: url('./a.woff2') format('woff2');
-  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
-    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: 'Mulish';
-  font-style: italic;
-  font-weight: 200 1000;
-  font-display: swap;
-  src: url('./b.woff2') format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
-    U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
-    U+FFFD;
-}
-/* cyrillic-ext */
-@font-face {
-  font-family: 'Mulish';
-  font-style: normal;
-  font-weight: 200 1000;
-  font-display: swap;
-  src: url('./c.woff2') format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-/* cyrillic */
-@font-face {
-  font-family: 'Mulish';
-  font-style: normal;
-  font-weight: 200 1000;
-  font-display: swap;
-  src: url('./c.woff2') format('woff2');
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-/* vietnamese */
-@font-face {
-  font-family: 'Mulish';
-  font-style: normal;
-  font-weight: 200 1000;
-  font-display: swap;
-  src: url('./c.woff2') format('woff2');
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0,
-    U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-}
-/* latin-ext */
-@font-face {
-  font-family: 'Mulish';
-  font-style: normal;
-  font-weight: 200 1000;
-  font-display: swap;
-  src: url('./c.woff2') format('woff2');
-  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
-    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: 'Mulish';
-  font-style: normal;
-  font-weight: 200 1000;
-  font-display: swap;
-  src: url('./d.woff2') format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
-    U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
-    U+FFFD;
-}