Update snapshots

Author: acelaya

src/utils/components/ColorPicker.tsx

@@ -1,9 +1,9 @@
 import { faPalette as colorIcon } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { isLightColor } from '@shlinkio/shlink-frontend-kit';
 import { Input } from '@shlinkio/shlink-frontend-kit/tailwind';
 import { clsx } from 'clsx';
 import { forwardRef } from 'react';
-import { isLightColor } from '../helpers/color';
 
 export type ColorPickerProps = {
   name: string;

src/utils/helpers/color.ts

@@ -2,18 +2,7 @@ import { rangeOf } from './index';
 
 const HEX_COLOR_LENGTH = 6;
 const HEX_DIGITS = '0123456789ABCDEF';
-const LIGHTNESS_BREAKPOINT = 128;
 
 export function buildRandomColor(): string {
   return `#${rangeOf(HEX_COLOR_LENGTH, () => HEX_DIGITS[Math.floor(Math.random() * HEX_DIGITS.length)]).join('')}`;
 }
-
-function perceivedLightness (r: number, g: number, b: number): number {
-  return Math.round(Math.sqrt(0.299 * r ** 2 + 0.587 * g ** 2 + 0.114 * b ** 2));
-}
-
-/** @deprecated. Use same symbol from @shlinkio/shlink-frontend-kit */
-export function isLightColor(colorHex: string): boolean {
-  const [r, g, b] = (colorHex.match(/../g) ?? []).map((hex) => parseInt(hex, 16) || 0);
-  return perceivedLightness(r, g, b) >= LIGHTNESS_BREAKPOINT;
-}

src/utils/services/ColorGenerator.ts

@@ -1,5 +1,6 @@
+import { isLightColor } from '@shlinkio/shlink-frontend-kit';
 import type { CSSProperties } from 'react';
-import { buildRandomColor, isLightColor } from '../helpers/color';
+import { buildRandomColor } from '../helpers/color';
 import type { TagColorsStorage } from './TagColorsStorage';
 
 const normalizeKey = (key: string) => key.toLowerCase().trim();

test/utils/components/__snapshots__/IconInput.test.tsx.snap

@@ -6,7 +6,7 @@ exports[`<IconInput /> > displays provided icon 1`] = `
     class="tw:relative"
   >
     <input
-      class="tw:w-full tw:focus-ring tw:px-3 tw:py-1.5 tw:rounded-md tw:border tw:border-lm-input-border tw:dark:border-dm-input-border tw:bg-lm-primary tw:dark:bg-dm-primary tw:group-[&]/card:bg-lm-input tw:group-[&]/card:dark:bg-dm-input tw:pr-11"
+      class="tw:outline-none tw:w-full tw:focus-ring tw:px-3 tw:py-1.5 tw:rounded-md tw:border tw:border-lm-input-border tw:dark:border-dm-input-border tw:bg-lm-primary tw:dark:bg-dm-primary tw:group-[&]/card:bg-lm-input tw:group-[&]/card:dark:bg-dm-input tw:pr-11"
     />
     <svg
       aria-hidden="true"
@@ -33,7 +33,7 @@ exports[`<IconInput /> > displays provided icon 2`] = `
     class="tw:relative"
   >
     <input
-      class="tw:w-full tw:focus-ring tw:px-3 tw:py-1.5 tw:rounded-md tw:border tw:border-lm-input-border tw:dark:border-dm-input-border tw:bg-lm-primary tw:dark:bg-dm-primary tw:group-[&]/card:bg-lm-input tw:group-[&]/card:dark:bg-dm-input tw:pr-11"
+      class="tw:outline-none tw:w-full tw:focus-ring tw:px-3 tw:py-1.5 tw:rounded-md tw:border tw:border-lm-input-border tw:dark:border-dm-input-border tw:bg-lm-primary tw:dark:bg-dm-primary tw:group-[&]/card:bg-lm-input tw:group-[&]/card:dark:bg-dm-input tw:pr-11"
     />
     <svg
       aria-hidden="true"
@@ -60,7 +60,7 @@ exports[`<IconInput /> > displays provided icon 3`] = `
     class="tw:relative"
   >
     <input
-      class="tw:w-full tw:focus-ring tw:px-3 tw:py-1.5 tw:rounded-md tw:border tw:border-lm-input-border tw:dark:border-dm-input-border tw:bg-lm-primary tw:dark:bg-dm-primary tw:group-[&]/card:bg-lm-input tw:group-[&]/card:dark:bg-dm-input tw:pr-11"
+      class="tw:outline-none tw:w-full tw:focus-ring tw:px-3 tw:py-1.5 tw:rounded-md tw:border tw:border-lm-input-border tw:dark:border-dm-input-border tw:bg-lm-primary tw:dark:bg-dm-primary tw:group-[&]/card:bg-lm-input tw:group-[&]/card:dark:bg-dm-input tw:pr-11"
     />
     <svg
       aria-hidden="true"

test/visits/helpers/__snapshots__/MapModal.test.tsx.snap

@@ -21,7 +21,7 @@ exports[`<MapModal /> > renders expected map 1`] = `
         </h5>
         <button
           aria-label="Close dialog"
-          class="tw:opacity-50 tw:highlight:opacity-80 tw:transition-opacity tw:rounded-md tw:focus-ring tw:cursor-pointer"
+          class="tw:rounded-md tw:focus-ring tw:cursor-pointer tw:opacity-50 tw:highlight:opacity-80 tw:transition-opacity"
           type="button"
         >
           <svg