@scrabble-solver/scrabble-solver 2.10.6 → 2.10.7

package/src/components/Solver/components/InsertButton/InsertButton.module.scss

@@ -0,0 +1,15 @@
+@import 'styles/mixins';
+
+.insertButton {
+  @include media('>=s') {
+    padding: var(--spacing--m) var(--spacing--xl);
+  }
+
+  @include media('<xs') {
+    padding: var(--spacing--m);
+  }
+}
+
+.icon {
+  transform: scale(1.5);
+}

package/src/components/Solver/components/{ApplyButton/ApplyButton.tsx → InsertButton/InsertButton.tsx}

@@ -1,20 +1,23 @@
+import classNames from 'classnames';
 import { FunctionComponent } from 'react';
 import { useDispatch } from 'react-redux';
 
 import { Check } from 'icons';
-import { resultsSlice, selectResultCandidate, useTypedSelector } from 'state';
+import { resultsSlice, selectAreResultsOutdated, selectResultCandidate, useTranslate, useTypedSelector } from 'state';
 
 import Button from '../../../Button';
 
-import styles from './ApplyButton.module.scss';
+import styles from './InsertButton.module.scss';
 
 interface Props {
   className?: string;
 }
 
-const ApplyButton: FunctionComponent<Props> = ({ className }) => {
+const InsertButton: FunctionComponent<Props> = ({ className }) => {
   const dispatch = useDispatch();
+  const translate = useTranslate();
   const resultCandidate = useTypedSelector(selectResultCandidate);
+  const isOutdated = useTypedSelector(selectAreResultsOutdated);
 
   const handleClick = () => {
     if (resultCandidate) {
@@ -24,8 +27,9 @@ const ApplyButton: FunctionComponent<Props> = ({ className }) => {
 
   return (
     <Button
-      className={className}
-      disabled={!resultCandidate}
+      aria-label={translate('results.insert')}
+      className={classNames(styles.insertButton, className)}
+      disabled={isOutdated || !resultCandidate}
       Icon={Check}
       iconClassName={styles.icon}
       type="submit"
@@ -35,4 +39,4 @@ const ApplyButton: FunctionComponent<Props> = ({ className }) => {
   );
 };
 
-export default ApplyButton;
+export default InsertButton;

package/src/components/Solver/components/InsertButton/index.ts

@@ -0,0 +1 @@
+export { default } from './InsertButton';

package/src/components/Solver/components/ResultCandidatePicker/ResultCandidatePicker.module.scss

@@ -4,22 +4,20 @@
   display: flex;
   align-items: center;
   gap: var(--spacing--l);
+
+  @include media('<xs') {
+    gap: var(--spacing--m);
+  }
 }
 
 .buttons {
   flex: 0 0 auto;
   display: flex;
   border-radius: var(--border--radius);
-  box-shadow: var(--box-shadow);
-
-  @include media('<xs') {
-    display: none;
-  }
 }
 
 .button {
   padding: var(--spacing--m);
-  box-shadow: none;
 
   &:focus-within {
     z-index: 1;
@@ -79,10 +77,20 @@
 
   [dir='ltr'] & {
     border-right: var(--border);
+
+    @include media('<xs') {
+      border-right: none;
+      padding-right: var(--spacing--xs);
+    }
   }
 
   [dir='rtl'] & {
     border-left: var(--border);
+
+    @include media('<xs') {
+      border-left: none;
+      padding-left: var(--spacing--xs);
+    }
   }
 }
 
@@ -92,6 +100,21 @@
   flex: 1;
   text-transform: uppercase;
   text-align: center;
+  white-space: pre-wrap;
+
+  [dir='ltr'] & {
+    @include media('<xs') {
+      padding: var(--spacing--m);
+      text-align: left;
+    }
+  }
+
+  [dir='rtl'] & {
+    @include media('<xs') {
+      padding: var(--spacing--m);
+      text-align: right;
+    }
+  }
 }
 
 .iconContainer {
@@ -115,6 +138,6 @@
   color: var(--color--inactive);
 }
 
-.apply {
+.insert {
   flex: 0 0 auto;
 }

package/src/components/Solver/components/ResultCandidatePicker/ResultCandidatePicker.tsx

@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { FunctionComponent, HTMLProps } from 'react';
+import { FunctionComponent, HTMLProps, MouseEventHandler } from 'react';
 import { useDispatch } from 'react-redux';
 
 import { ChevronDown, ChevronLeft, ChevronRight } from 'icons';
@@ -9,29 +9,31 @@ import {
   selectLocale,
   selectResultCandidate,
   selectSortedResults,
+  useTranslate,
   useTypedSelector,
 } from 'state';
 
 import Button from '../../../Button';
-import ApplyButton from '../ApplyButton';
+import InsertButton from '../InsertButton';
 
 import styles from './ResultCandidatePicker.module.scss';
 
-const ResultCandidatePicker: FunctionComponent<HTMLProps<HTMLDivElement>> = ({ className, ...props }) => {
+interface Props extends HTMLProps<HTMLDivElement> {
+  onResultClick: MouseEventHandler<HTMLButtonElement>;
+}
+
+const ResultCandidatePicker: FunctionComponent<Props> = ({ className, onResultClick, ...props }) => {
   const dispatch = useDispatch();
+  const translate = useTranslate();
   const locale = useTypedSelector(selectLocale);
   const isOutdated = useTypedSelector(selectAreResultsOutdated);
   const sortedResults = useTypedSelector(selectSortedResults);
   const results = sortedResults || [];
   const resultCandidate = useTypedSelector(selectResultCandidate);
-
-  if (!resultCandidate) {
-    return null;
-  }
-
-  const index = results.findIndex((result) => result.id === resultCandidate.id);
-  const isPreviousDisabled = index <= 0;
-  const isNextDisabled = index >= results.length - 1;
+  const index = resultCandidate ? results.findIndex((result) => result.id === resultCandidate.id) : -1;
+  const disabled = isOutdated || !resultCandidate;
+  const isPreviousDisabled = index <= 0 || disabled;
+  const isNextDisabled = index >= results.length - 1 || disabled;
 
   const handleNextClick = () => {
     if (!isNextDisabled) {
@@ -51,23 +53,44 @@ const ResultCandidatePicker: FunctionComponent<HTMLProps<HTMLDivElement>> = ({ c
     <div className={classNames(styles.resultCandidatePicker, className)} {...props}>
       <div className={styles.buttons}>
         <Button
+          aria-label={translate('common.previous')}
           className={styles.button}
           disabled={isPreviousDisabled}
           Icon={ChevronLeft}
           onClick={handlePreviousClick}
         />
-        <Button className={styles.button} disabled={isNextDisabled} Icon={ChevronRight} onClick={handleNextClick} />
+
+        <Button
+          aria-label={translate('common.next')}
+          className={styles.button}
+          disabled={isNextDisabled}
+          Icon={ChevronRight}
+          onClick={handleNextClick}
+        />
       </div>
 
-      <button className={styles.resultCandidate} disabled={isOutdated} type="button">
-        <div className={styles.points}>{resultCandidate.points.toLocaleString(locale)}</div>
-        <div className={styles.word}>{resultCandidate.word}</div>
+      <button
+        aria-label={translate('results')}
+        className={styles.resultCandidate}
+        disabled={disabled}
+        type="button"
+        onClick={onResultClick}
+      >
+        {resultCandidate && (
+          <>
+            <div className={styles.points}>{resultCandidate.points.toLocaleString(locale)}</div>
+            <div className={styles.word}>{resultCandidate.word}</div>
+          </>
+        )}
+
+        {!resultCandidate && <div className={styles.word}> </div>}
+
         <div className={styles.iconContainer}>
           <ChevronDown className={styles.icon} />
         </div>
       </button>
 
-      <ApplyButton className={styles.apply} />
+      <InsertButton className={styles.insert} />
     </div>
   );
 };

package/src/components/Solver/components/SolveButton/SolveButton.tsx

@@ -4,7 +4,14 @@ import { useDispatch } from 'react-redux';
 
 import { Search } from 'icons';
 import { noop } from 'lib';
-import { selectAreResultsOutdated, selectIsLoading, selectRack, solveSlice, useTypedSelector } from 'state';
+import {
+  selectAreResultsOutdated,
+  selectIsLoading,
+  selectRack,
+  solveSlice,
+  useTranslate,
+  useTypedSelector,
+} from 'state';
 
 import Button from '../../../Button';
 
@@ -17,6 +24,7 @@ interface Props {
 
 const SolveButton: FunctionComponent<Props> = ({ className, onClick = noop }) => {
   const dispatch = useDispatch();
+  const translate = useTranslate();
   const isLoading = useTypedSelector(selectIsLoading);
   const isOutdated = useTypedSelector(selectAreResultsOutdated);
   const rack = useTypedSelector(selectRack);
@@ -29,10 +37,12 @@ const SolveButton: FunctionComponent<Props> = ({ className, onClick = noop }) =>
 
   return (
     <Button
+      aria-label={translate('results.solve')}
       className={classNames(styles.solveButton, className)}
       disabled={isLoading || !isOutdated || !hasTiles}
       Icon={Search}
       iconClassName={styles.icon}
+      tooltip={translate('results.solve')}
       type="submit"
       variant="primary"
       onClick={handleClick}

package/src/components/Solver/components/index.ts

@@ -1,5 +1,4 @@
-export { default as ApplyButton } from './ApplyButton';
 export { default as EmptyState } from './EmptyState';
-export { default as MobileControls } from './MobileControls';
+export { default as InsertButton } from './InsertButton';
 export { default as ResultCandidatePicker } from './ResultCandidatePicker';
 export { default as SolveButton } from './SolveButton';

package/src/components/Tile/Tile.tsx

@@ -16,6 +16,7 @@ import { selectLocale, useTypedSelector } from 'state';
 import TilePure from './TilePure';
 
 interface Props {
+  'aria-label': string;
   autoFocus?: boolean;
   character?: string;
   className?: string;
@@ -35,6 +36,7 @@ interface Props {
 }
 
 const Tile: FunctionComponent<Props> = ({
+  'aria-label': ariaLabel,
   autoFocus,
   className,
   character = '',
@@ -75,6 +77,7 @@ const Tile: FunctionComponent<Props> = ({
 
   return (
     <TilePure
+      aria-label={ariaLabel}
       autoFocus={autoFocus}
       canShowPoints={canShowPoints}
       character={character}

package/src/components/Tile/TilePure.tsx

@@ -14,6 +14,7 @@ import { ExclamationSquareFill } from 'icons';
 import styles from './Tile.module.scss';
 
 interface Props {
+  'aria-label': string;
   autoFocus?: boolean;
   canShowPoints?: boolean;
   character?: string;
@@ -37,6 +38,7 @@ interface Props {
 }
 
 const TilePure: FunctionComponent<Props> = ({
+  'aria-label': ariaLabel,
   autoFocus,
   canShowPoints,
   character,
@@ -75,6 +77,7 @@ const TilePure: FunctionComponent<Props> = ({
     style={style}
   >
     <input
+      aria-label={ariaLabel}
       autoCapitalize="none"
       autoComplete="off"
       autoCorrect="off"

package/src/components/Tooltip/useTooltip.tsx

@@ -12,7 +12,7 @@ import {
 import { usePopper } from 'react-popper';
 import { useMountedState, useRafLoop } from 'react-use';
 
-import { usePortal, useUniqueId } from 'hooks';
+import { useIsTouchDevice, usePortal, useUniqueId } from 'hooks';
 import { noop } from 'lib';
 
 import { MODIFIERS } from './constants';
@@ -36,11 +36,13 @@ interface TriggerProps {
   onMouseOver?: MouseEventHandler;
 }
 
+// eslint-disable-next-line max-statements
 const useTooltip = (
   tooltip: ReactNode,
   { className, placement = 'top', onBlur = noop, onFocus = noop, onMouseOut = noop, onMouseOver = noop }: Props = {},
 ): TriggerProps => {
   const id = useUniqueId();
+  const isTouchDevice = useIsTouchDevice();
   const isEnabled = Boolean(tooltip) || tooltip === 0;
   const isMounted = useMountedState();
   const [isShown, setIsShown] = useState<boolean>(false);
@@ -90,7 +92,7 @@ const useTooltip = (
     [onMouseOver],
   );
 
-  const triggerProps = useMemo(
+  const mouseTriggerProps = useMemo(
     () => ({
       ...ariaAttributes,
       ref: setReferenceElement,
@@ -102,6 +104,16 @@ const useTooltip = (
     [ariaAttributes, handleBlur, handleFocus, handleMouseOut, handleMouseOver],
   );
 
+  const touchTriggerProps = useMemo(
+    () => ({
+      ...ariaAttributes,
+      ref: setReferenceElement,
+    }),
+    [ariaAttributes],
+  );
+
+  const triggerProps = isTouchDevice ? touchTriggerProps : mouseTriggerProps;
+
   useRafLoop(() => {
     if (isMounted() && update) {
       update();

package/src/components/index.ts

@@ -5,6 +5,7 @@ export { default as Checkbox } from './Checkbox';
 export { default as Dictionary } from './Dictionary';
 export { default as DictionaryInput } from './DictionaryInput';
 export { default as EmptyState } from './EmptyState';
+export { default as IconButton } from './IconButton';
 export { default as Key } from './Key';
 export { default as Loading } from './Loading';
 export { default as Logo } from './Logo';
@@ -21,7 +22,6 @@ export { default as ResultsInput } from './ResultsInput';
 export { default as Sizer } from './Sizer';
 export { default as Solver } from './Solver';
 export { default as SplashScreen } from './SplashScreen';
-export { default as SquareButton } from './SquareButton';
 export { default as SvgFontCss } from './SvgFontCss';
 export { default as SvgFontFix } from './SvgFontFix';
 export { default as Tile } from './Tile';

package/src/i18n/de.json

@@ -2,13 +2,16 @@
   "cell.filter-cell": "Zielort - klicken zum Wechseln",
   "cell.set-blank": "Als Blanko markieren",
   "cell.set-not-blank": "Nicht als Blanko markieren",
+  "cell.tile.location": "Brett: Stein ({{x}}, {{y}})",
   "cell.toggle-direction": "Schreibrichtung - klicken zum Wechseln",
   "common.blanks": "Blankos",
   "common.clear": "Löschen",
   "common.close": "Schließen",
   "common.consonants": "Konsonanten",
   "common.loading": "Laden",
+  "common.next": "Weiter",
   "common.points": "Punkte",
+  "common.previous": "Zurück",
   "common.tiles": "Steine",
   "common.two-letter-tiles": "Zwei-Buchstaben",
   "common.vowels": "Vokale",
@@ -37,6 +40,7 @@
   "keyMap.rack.insert-blank": "Blanko hinzufügen (Leertaste)",
   "menu": "Menü",
   "rack.placeholder": "Steine…",
+  "rack.tile.location": "Ablage: Stein ({{index}})",
   "remaining-tiles": "Restliche Steine",
   "results": "Ergebnisse",
   "results.empty-state.no-filtered-results": "Keine Ergebnisse für diese Anfrage.",
@@ -44,6 +48,7 @@
   "results.empty-state.outdated": "Ergebnisse sind alt. Klicken zum Aktualisieren.",
   "results.empty-state.uninitialized": "Wörter die aus deinen Buchstaben generiert wurden erscheinen hier.",
   "results.input.placeholder": "Suchergebnisse... (RegExp)",
+  "results.insert": "Hinzufügen",
   "results.solve": "Lösen",
   "settings": "Einstellungen",
   "settings.autoGroupTiles": "Restliche Steine gruppieren",

package/src/i18n/en.json

@@ -2,13 +2,16 @@
   "cell.filter-cell": "Target destination - click to toggle",
   "cell.set-blank": "Mark it a blank",
   "cell.set-not-blank": "Mark it not a blank",
+  "cell.tile.location": "Board: tile ({{x}}, {{y}})",
   "cell.toggle-direction": "Typing direction - click to toggle",
   "common.blanks": "Blanks",
   "common.clear": "Clear",
   "common.close": "Close",
   "common.consonants": "Consonants",
   "common.loading": "Loading",
+  "common.next": "Next",
   "common.points": "Points",
+  "common.previous": "Previous",
   "common.tiles": "Tiles",
   "common.two-letter-tiles": "Two-letter",
   "common.vowels": "Vowels",
@@ -37,6 +40,7 @@
   "keyMap.rack.insert-blank": "Insert blank (spacebar)",
   "menu": "Menu",
   "rack.placeholder": "Letters",
+  "rack.tile.location": "Rack: tile ({{index}})",
   "remaining-tiles": "Remaining tiles",
   "results": "Results",
   "results.empty-state.no-filtered-results": "No result matches this query.",
@@ -44,6 +48,7 @@
   "results.empty-state.outdated": "Results are outdated. Click below to update.",
   "results.empty-state.uninitialized": "Words generated from your letters will be shown here.",
   "results.input.placeholder": "Search results... (RegExp)",
+  "results.insert": "Insert",
   "results.solve": "Solve",
   "settings": "Settings",
   "settings.autoGroupTiles": "Group remaining tiles",

package/src/i18n/es.json

@@ -2,13 +2,16 @@
   "cell.filter-cell": "Destino objetivo: haga clic para alternar",
   "cell.set-blank": "Marcar como en blanco",
   "cell.set-not-blank": "Marcar como no en blanco",
+  "cell.tile.location": "Tablero: espacio ({{x}}, {{y}})",
   "cell.toggle-direction": "Dirección de escritura: haga clic para alternar",
   "common.blanks": "Blancos",
   "common.clear": "Borrar",
   "common.close": "Cerrar",
   "common.consonants": "Consonantes",
   "common.loading": "Cargando",
+  "common.next": "Siguiente",
   "common.points": "Puntos",
+  "common.previous": "Anterior",
   "common.tiles": "Longitud",
   "common.two-letter-tiles": "Dos letras",
   "common.vowels": "Vocales",
@@ -37,6 +40,7 @@
   "keyMap.rack.insert-blank": "Insertar espacio en blanco (barra espaciadora)",
   "menu": "Menú",
   "rack.placeholder": "Letras…",
+  "rack.tile.location": "Estante: espacio ({{index}})",
   "remaining-tiles": "Casillas restantes",
   "results": "Resultados",
   "results.empty-state.no-filtered-results": "Ningún resultado coincide con esta consulta.",
@@ -44,6 +48,7 @@
   "results.empty-state.outdated": "Los resultados están desactualizados. Haga clic a continuación para actualizar.",
   "results.empty-state.uninitialized": "Aquí se mostrarán las palabras generadas a partir de sus letras.",
   "results.input.placeholder": "Busque una solución... (RegExp)",
+  "results.insert": "Insertar",
   "results.solve": "Resolver",
   "settings": "Configuración",
   "settings.autoGroupTiles": "Agrupar casillas restantes",

package/src/i18n/fa.json

@@ -3,12 +3,15 @@
   "cell.set-blank": "علامت گذاری به عنوان خالی",
   "cell.set-not-blank": "علامت گذاری به عنوان غیر خالی",
   "cell.toggle-direction": "جهت تایپ - کلیک برای تغییر",
+  "cell.tile.location": "({{x}}، {{y}}) کاشی: صفحه",
   "common.blanks": "خالی",
   "common.clear": "پاک کردن",
   "common.close": "بستن",
   "common.consonants": "حروف صامت",
   "common.loading": "در حال بارگزاری",
+  "common.next": "بعدی",
   "common.points": "امتیازات",
+  "common.previous": "قبلی",
   "common.tiles": "کاشی ها",
   "common.two-letter-tiles": "دو حرفی",
   "common.vowels": "حروف مصوت",
@@ -37,6 +40,7 @@
   "keyMap.rack.insert-blank": "وارد کردن کاشی خالی (دکمه اسپیس)",
   "menu": "منو",
   "rack.placeholder": "لیستحرف",
+  "rack.tile.location": "({{index}}) کاشی: طاقچه",
   "remaining-tiles": "کاشی های باقی مانده",
   "results": "نتایج",
   "results.empty-state.no-filtered-results": "پاسخی یافت نشد.",
@@ -44,6 +48,7 @@
   "results.empty-state.outdated": "نتایج به روز نیستند، برای بروز رسانی کلیک کنید.",
   "results.empty-state.uninitialized": "کلمات تولید شده از حروف شما اینجا نمایش داده خواهد شد.",
   "results.input.placeholder": "جستجو در نتایج (RegExp)",
+  "results.insert": "وارد کردن",
   "results.solve": "حل کن",
   "settings": "تنظیمات",
   "settings.autoGroupTiles": "کاشی های باقی مانده ی طاقچه را کنار هم قرار بده",

package/src/i18n/fr.json

@@ -2,13 +2,16 @@
   "cell.filter-cell": "Destination cible - cliquer pour changer",
   "cell.set-blank": "Marquer comme vide",
   "cell.set-not-blank": "Marquer comme non vide",
+  "cell.tile.location": "Plateau: la case ({{x}}, {{y}})",
   "cell.toggle-direction": "Direction d'écriture - cliquer pour changer",
   "common.blanks": "Cases vides",
   "common.clear": "Effacer",
   "common.close": "Fermer",
   "common.consonants": "Consonnes",
   "common.loading": "Chargement",
+  "common.next": "Suivant",
   "common.points": "Points",
+  "common.previous": "Précédent",
   "common.tiles": "Cases",
   "common.two-letter-tiles": "Deux lettres",
   "common.vowels": "Voyelles",
@@ -37,6 +40,7 @@
   "keyMap.rack.insert-blank": "Inserer une case vide (spacebar)",
   "menu": "Menu",
   "rack.placeholder": "Lettres",
+  "rack.tile.location": "Chevalet: la case ({{index}})",
   "remaining-tiles": "Cases restantes",
   "results": "Résultats",
   "results.empty-state.no-filtered-results": "Aucun résultat ne correspond à cette requête",
@@ -44,6 +48,7 @@
   "results.empty-state.outdated": "Les résultats sont dépassé. Cliquer ci-dessous pour mettre à jour.",
   "results.empty-state.uninitialized": "Les mots générés à partir de vos lettres seront affichés ici.",
   "results.input.placeholder": "Rechercher les résultats... (RegExp)",
+  "results.insert": "Inserer",
   "results.solve": "Résoudre",
   "settings": "Options",
   "settings.autoGroupTiles": "Grouper les cases restantes",

package/src/i18n/pl.json

@@ -2,13 +2,16 @@
   "cell.filter-cell": "Miejsce docelowe - kliknij aby zmienić",
   "cell.set-blank": "Oznacz jako blank",
   "cell.set-not-blank": "Oznacz jako nie blank",
+  "cell.tile.location": "Plansza: płytka ({{x}}, {{y}})",
   "cell.toggle-direction": "Kierunek wpisywania - kliknij aby zmienić",
   "common.blanks": "Blanki",
   "common.clear": "Wyczyść",
   "common.close": "Zamknij",
   "common.consonants": "Spółgłoski",
   "common.loading": "Ładowanie",
+  "common.next": "Następne",
   "common.points": "Punkty",
+  "common.previous": "Poprzednie",
   "common.tiles": "Płytki",
   "common.two-letter-tiles": "Dwuliterowe",
   "common.vowels": "Samogłoski",
@@ -37,6 +40,7 @@
   "keyMap.rack.insert-blank": "Wstaw blanka (spacja)",
   "menu": "Menu",
   "rack.placeholder": "Literki",
+  "rack.tile.location": "Stojak: płytka ({{index}})",
   "remaining-tiles": "Pozostałe płytki",
   "results": "Wyniki",
   "results.empty-state.no-filtered-results": "Żaden wynik nie pasuje do tej kwerendy.",
@@ -44,6 +48,7 @@
   "results.empty-state.outdated": "Wyniki są nieaktualne. Kliknij poniżej, aby zaktualizować.",
   "results.empty-state.uninitialized": "Tu zostaną wyświetlone słowa wygenerowane z Twoich liter.",
   "results.input.placeholder": "Szukaj rozwiązania... (RegExp)",
+  "results.insert": "Wstaw",
   "results.solve": "Rozwiąż",
   "settings": "Opcje",
   "settings.autoGroupTiles": "Grupuj pozostałe płytki",

package/src/icons/ArrowDown.svg

@@ -1,4 +1,4 @@
 <!-- https://icons.getbootstrap.com/icons/arrow-down/ -->
 <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z" fill="currentColor" fill-rule="evenodd" />
+  <path d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z" fill="currentColor" />
 </svg>

package/src/icons/ArrowLeft.svg

@@ -1,4 +1,4 @@
 <!-- https://icons.getbootstrap.com/icons/arrow-left/ -->
 <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z" fill="currentColor" fill-rule="evenodd" />
+  <path d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z" fill="currentColor" />
 </svg>

package/src/icons/ArrowRight.svg

@@ -1,4 +1,4 @@
 <!-- https://icons.getbootstrap.com/icons/arrow-right/ -->
 <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" fill="currentColor" fill-rule="evenodd" />
+  <path d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" fill="currentColor" />
 </svg>

package/src/icons/ArrowUp.svg

@@ -1,4 +1,4 @@
 <!-- https://icons.getbootstrap.com/icons/arrow-up/ -->
 <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5z" fill="currentColor" fill-rule="evenodd" />
+  <path d="M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5z" fill="currentColor" />
 </svg>

package/src/icons/ChevronDown.svg

@@ -1,4 +1,4 @@
 <!-- https://icons.getbootstrap.com/icons/chevron-down/ -->
 <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" fill="currentColor" />
+  <path d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" fill="currentColor" />
 </svg>

package/src/icons/ChevronLeft.svg

@@ -1,4 +1,4 @@
 <!-- https://icons.getbootstrap.com/icons/chevron-left/ -->
 <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" fill="currentColor" fill-rule="evenodd" />
+  <path d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" fill="currentColor" />
 </svg>

package/src/icons/ChevronRight.svg

@@ -1,4 +1,4 @@
 <!-- https://icons.getbootstrap.com/icons/chevron-right/ -->
 <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" fill="currentColor" fill-rule="evenodd" />
+  <path d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" fill="currentColor" />
 </svg>

package/src/icons/List.svg

@@ -1,4 +1,4 @@
 <!-- https://icons.getbootstrap.com/icons/list/ -->
 <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" >
-  <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z" fill="currentColor" />
+  <path d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z" fill="currentColor" />
 </svg>