@scrabble-solver/scrabble-solver 2.11.0 → 2.11.2

package/src/state/types.ts

@@ -1,3 +1,21 @@
-import rootReducer from './rootReducer';
+import {
+  boardSlice,
+  cellFilterSlice,
+  dictionarySlice,
+  rackSlice,
+  resultsSlice,
+  settingsSlice,
+  solveSlice,
+  verifySlice,
+} from './slices';
 
-export type RootState = ReturnType<typeof rootReducer>;
+export type RootState = {
+  board: ReturnType<typeof boardSlice.reducer>;
+  cellFilter: ReturnType<typeof cellFilterSlice.reducer>;
+  dictionary: ReturnType<typeof dictionarySlice.reducer>;
+  rack: ReturnType<typeof rackSlice.reducer>;
+  results: ReturnType<typeof resultsSlice.reducer>;
+  settings: ReturnType<typeof settingsSlice.reducer>;
+  solve: ReturnType<typeof solveSlice.reducer>;
+  verify: ReturnType<typeof verifySlice.reducer>;
+};

package/src/styles/mixins.scss

@@ -12,6 +12,28 @@ $media-expressions: (
   touch: '(hover: none)',
 );
 
+@mixin scrollbars {
+  scrollbar-color: var(--scrollbar--thumb--color) var(--scrollbar--thumb--track);
+  scrollbar-width: auto;
+
+  &::-webkit-scrollbar {
+    width: var(--scrollbar--size);
+    background-color: var(--scrollbar--track--color);
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: var(--scrollbar--thumb--color);
+  }
+
+  &:hover {
+    scrollbar-color: var(--scrollbar--thumb--color--highlight) var(--scrollbar--track--color);
+
+    &::-webkit-scrollbar-thumb {
+      background-color: var(--scrollbar--thumb--color--highlight);
+    }
+  }
+}
+
 /**
  * It does not work when applied on input elements.
  */
@@ -21,7 +43,6 @@ $media-expressions: (
   position: relative;
 
   &::after {
-    content: '';
     position: absolute;
     top: 0;
     right: 0;
@@ -41,6 +62,7 @@ $media-expressions: (
     }
 
     &::after {
+      content: '';
       box-shadow: 0 0 0 var(--focus-effect--size) var(--color--focus);
     }
   }
@@ -129,6 +151,7 @@ $media-expressions: (
     &:nth-child(3) {
       input {
         left: -200%;
+        right: 0;
         clip-path: polygon((200% / 3) (100% / 3), 100% (100% / 3), 100% (200% / 3), (200% / 3) (200% / 3));
       }
     }
@@ -138,6 +161,7 @@ $media-expressions: (
     &:nth-last-child(3) {
       input {
         left: 0;
+        right: -200%;
         clip-path: polygon(0 (100% / 3), (100% / 3) (100% / 3), (100% / 3) (200% / 3), 0 (200% / 3));
       }
     }

package/src/styles/variables.scss

@@ -1,3 +1,5 @@
+@import 'styles/mixins';
+
 $easeOutSine: cubic-bezier(0.61, 1, 0.88, 1);
 
 :root {
@@ -8,7 +10,7 @@ $easeOutSine: cubic-bezier(0.61, 1, 0.88, 1);
   --border--width: 1px;
 
   --box-shadow: 0 0 var(--box-shadow--blur) var(--box-shadow--spread) var(--box-shadow--color);
-  --box-shadow--blur: 10px;
+  --box-shadow--blur: 8px;
   --box-shadow--color: rgba(0, 0, 0, 0.15);
   --box-shadow--spread: 1px;
   --box-shadow--null: 0 0 var(--box-shadow--blur) var(--box-shadow--spread) transparent;
@@ -39,6 +41,7 @@ $easeOutSine: cubic-bezier(0.61, 1, 0.88, 1);
   --color--success: #00a900;
   --color--warning: hsl(35, 90%, 60%);
   --color--primary: var(--color--violet);
+  --color--primary--light: var(--color--violet--light);
   --color--primary--opposite: var(--color--white);
 
   --color--bonus--character--1: var(--color--yellow--light);
@@ -74,6 +77,11 @@ $easeOutSine: cubic-bezier(0.61, 1, 0.88, 1);
   --spacing--xl: 40px;
   --spacing--xxl: 80px;
 
+  --scrollbar--size: 5px;
+  --scrollbar--thumb--color: var(--border--color);
+  --scrollbar--thumb--color--highlight: var(--color--foreground--secondary);
+  --scrollbar--track--color: transparent;
+
   --transition: all var(--transition--duration) var(--transition--easing);
   --transition--long: all var(--transition--duration--long) var(--transition--easing);
   --transition--duration: 100ms;
@@ -92,4 +100,12 @@ $easeOutSine: cubic-bezier(0.61, 1, 0.88, 1);
   --solver-column--width: 580px;
   --square-button--size: 32px;
   --text-input--height: 40px;
+
+  @include media('<s') {
+    --box-shadow--blur: 5px;
+  }
+
+  @include media('<xs') {
+    --box-shadow--blur: 3px;
+  }
 }

package/src/types/index.ts

@@ -2,6 +2,16 @@ export type Comparator<T> = (a: T, B: T) => number;
 
 export type Direction = 'horizontal' | 'vertical';
 
+export interface Point {
+  x: number;
+  y: number;
+}
+
+export interface Sort {
+  column: ResultColumn;
+  direction: SortDirection;
+}
+
 export enum SortDirection {
   Ascending = 'ascending',
   Descending = 'descending',
@@ -30,7 +40,6 @@ export enum ResultColumn {
   Word = 'word',
   WordsCount = 'words-count',
 }
-
 export type TranslationKey =
   | 'cell.filter-cell'
   | 'cell.set-blank'
@@ -78,7 +87,6 @@ export type TranslationKey =
   | 'rack.tile.location'
   | 'remaining-tiles'
   | 'results'
-  | 'results.empty-state.no-filtered-results'
   | 'results.empty-state.no-results'
   | 'results.empty-state.outdated'
   | 'results.empty-state.uninitialized'

package/.next/static/45ye7793DY705HOcuK9lJ/_buildManifest.js

@@ -1 +0,0 @@
-self.__BUILD_MANIFEST={__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":["static/css/a48caa6f57de6e98.css","static/chunks/pages/index-35d2c1c79a201ae2.js"],"/404":["static/chunks/pages/404-e0f30450e9920dc3.js"],"/_error":["static/chunks/pages/_error-54de1933a164a1ff.js"],sortedPages:["/","/404","/_app","/_error"]},self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();