From c7a30683159e1a9bd2510f780f341ca2664c5fcd Mon Sep 17 00:00:00 2001
From: Andrej Sharapov <an.sharapov90@ya.ru>
Date: Thu, 21 Jul 2022 20:01:56 +0300
Subject: [PATCH] update for v0.0.2

---
 src/shadows.js | 664 ++++++++++++++++++++++++-------------------------
 1 file changed, 332 insertions(+), 332 deletions(-)

diff --git a/src/shadows.js b/src/shadows.js
index 57b9a61..c626d77 100644
--- a/src/shadows.js
+++ b/src/shadows.js
@@ -1,95 +1,95 @@
 export const baseShadow = {
   id: "-1",
-  offsetX: "0",
+  inset: false,
+  offsetX: 0,
   offsetY: "0.125rem",
   blur: "0.5rem",
-  spread: "0",
+  spread: 0,
   color: "0 0 0",
   opacity: 8,
-  inset: false,
 };
 
 export const listShadows = [
   {
     id: "0",
+    inset: false,
     offsetX: 0,
     offsetY: 0,
     blur: 0,
     spread: 0,
     color: "0 0 0",
     opacity: 0,
-    inset: false,
   },
   {
     id: "1",
+    inset: false,
     offsetX: 0,
     offsetY: 0,
-    blur: "1.25rem",
+    blur: "20px",
     spread: 0,
-    color: "0 0 0",
+    color: "150 150 150",
     opacity: 10,
-    inset: false,
   },
   {
     id: "2",
+    inset: false,
     offsetX: 0,
-    offsetY: "1.25rem",
-    blur: "3.75rem",
-    spread: "-0.625rem",
+    offsetY: "20px",
+    blur: "60px",
+    spread: "-10px",
     color: "0 0 0",
     opacity: 10,
-    inset: false,
   },
   {
     id: "3",
+    inset: false,
     offsetX: 0,
-    offsetY: "0.375rem",
-    blur: "0.5rem",
-    spread: "0",
+    offsetY: "6px",
+    blur: "9px",
+    spread: 0,
     color: "0 0 0",
-    opacity: 10,
-    inset: false,
+    opacity: 9,
   },
   {
     id: "4",
+    inset: false,
     offsetX: 0,
-    offsetY: "0.375rem",
-    blur: "1.25rem",
+    offsetY: "5px",
+    blur: "20px",
     spread: 0,
     color: "0 0 0",
     opacity: 10,
-    inset: false,
   },
   {
     id: "5",
-    offsetX: "0",
-    offsetY: "0.25rem",
-    blur: "0.75rem",
-    spread: "0.125rem",
+    inset: false,
+    offsetX: 0,
+    offsetY: "3px",
+    blur: "13px",
+    spread: "1px",
     color: "0 0 0",
     opacity: 12,
-    inset: false,
   },
   {
     id: "6",
     multiple: [
       {
+        inset: false,
         offsetX: 0,
-        offsetY: "1rem",
-        blur: "2rem",
+        offsetY: "15px",
+        blur: "35px",
         spread: 0,
         color: "0 0 0",
         opacity: 10,
-        inset: false,
       },
       {
+        inset: false,
         offsetX: 0,
-        offsetY: "0.25rem",
-        blur: "0.75rem",
+        offsetY: "3px",
+        blur: "10px",
         spread: 0,
         color: "0 0 0",
         opacity: 7,
-        inset: false,
       },
     ],
   },
@@ -97,178 +97,178 @@ export const listShadows = [
     id: "7",
     multiple: [
       {
+        inset: false,
         offsetX: 0,
         offsetY: 0,
-        blur: "0.125rem",
+        blur: "1px",
         spread: 0,
-        color: "0 0 0",
+        color: "57 70 78",
         opacity: 15,
-        inset: false,
       },
       {
+        inset: false,
         offsetX: 0,
-        offsetY: "1.25rem",
-        blur: "3.5rem",
-        spread: "-0.5rem",
-        color: "0 0 0",
+        offsetY: "20px",
+        blur: "55px",
+        spread: "-8px",
+        color: "57 70 78",
         opacity: 25,
-        inset: false,
       },
     ],
   },
   {
     id: "8",
+    inset: false,
     offsetX: 0,
-    offsetY: "1rem",
-    blur: "2.75rem",
-    spread: "-0.75rem",
+    offsetY: "15px",
+    blur: "45px",
+    spread: "-9px",
     color: "0 0 0",
     opacity: 25,
-    inset: false,
   },
   {
     id: "9",
-    offsetX: "0.125rem",
-    offsetY: "0.125rem",
-    blur: "0.125rem",
+    inset: false,
+    offsetX: "1px",
+    offsetY: "1px",
+    blur: "1px",
     spread: 0,
     color: "0 0 0",
     opacity: 6,
-    inset: false,
   },
   {
     id: "10",
+    inset: false,
     offsetX: 0,
-    offsetY: "0.125rem",
-    blur: "0.375rem",
+    offsetY: "2px",
+    blur: "6px",
     spread: 0,
     color: "0 0 0",
     opacity: 40,
-    inset: false,
   },
   {
     id: "11",
+    inset: false,
     offsetX: 0,
-    offsetY: "0.375rem",
-    blur: "1rem",
+    offsetY: "6px",
+    blur: "16px",
     spread: 0,
     color: "0 0 0",
     opacity: 30,
-    inset: false,
   },
   {
     id: "12",
     multiple: [
       {
+        inset: false,
         offsetX: 0,
-        offsetY: "1rem",
-        blur: "2.375rem",
-        spread: "-0.75rem",
-        color: "0 0 0",
+        offsetY: "16px",
+        blur: "38px",
+        spread: "-12px",
+        color: "62 57 107",
         opacity: 36,
-        inset: false,
       },
       {
+        inset: false,
         offsetX: 0,
-        offsetY: ".25rem",
-        blur: "1.5625rem",
+        offsetY: "4px",
+        blur: "25px",
         spread: 0,
-        color: "0 0 0",
+        color: "62 57 107",
         opacity: 12,
-        inset: false,
       },
       {
+        inset: false,
         offsetX: 0,
-        offsetY: ".5rem",
-        blur: ".625rem",
-        spread: "-0.375rem",
-        color: "0 0 0",
+        offsetY: "8px",
+        blur: "10px",
+        spread: "-5px",
+        color: "62 57 107",
         opacity: 20,
-        inset: false,
       },
     ],
   },
   {
     id: "13",
+    inset: false,
     offsetX: 0,
-    offsetY: "-1rem",
-    blur: "0.375rem",
-    spread: "-0.75rem",
+    offsetY: "-15px",
+    blur: "5px",
+    spread: "-12px",
     color: "0 0 0",
     opacity: 20,
-    inset: false,
   },
   {
     id: "14",
+    inset: false,
     offsetX: 0,
-    offsetY: "-0.375rem",
-    blur: "0.5rem",
+    offsetY: "-6px",
+    blur: "9px",
     spread: 0,
     color: "0 0 0",
-    opacity: 10,
-    inset: false,
+    opacity: 9,
   },
   {
     id: "15",
+    inset: false,
     offsetX: 0,
-    offsetY: "-1.25rem",
-    blur: "3.75rem",
-    spread: "-0.75rem",
+    offsetY: "-20px",
+    blur: "60px",
+    spread: "-10px",
     color: "0 0 0",
     opacity: 10,
-    inset: false,
   },
   {
     id: "16",
+    inset: false,
     offsetX: 0,
-    offsetY: "-3.125rem",
-    blur: "6.25rem",
-    spread: "-1.875rem",
-    color: "0 0 0",
+    offsetY: "-50px",
+    blur: "100px",
+    spread: "-30px",
+    color: "16 36 94",
     opacity: 25,
-    inset: false,
   },
   {
     id: "17",
+    inset: false,
     offsetX: 0,
-    offsetY: "-1rem",
-    blur: "1.5rem",
+    offsetY: "-16px",
+    blur: "24px",
     spread: 0,
-    color: "0 0 0",
+    color: "112 128 175",
     opacity: 20,
-    inset: false,
   },
   {
     id: "18",
     multiple: [
       {
         offsetX: 0,
-        offsetY: "-1rem",
-        blur: "2rem",
+        offsetY: "16px",
+        blur: "32px",
         spread: 0,
-        color: "0 0 0",
+        color: "72 76 89",
         opacity: 28,
       },
       {
         offsetX: 0,
         offsetY: 0,
+        inset: false,
         blur: 0,
         spread: 0,
         color: "transparent",
         opacity: 0,
       },
     ],
-    inset: false,
   },
   {
     id: "19",
     multiple: [
       {
         offsetX: 0,
-        offsetY: "1rem",
-        blur: "2rem",
+        offsetY: "-16px",
+        blur: "32px",
         spread: 0,
-        color: "0 0 0",
+        color: "72 76 89",
         opacity: 28,
       },
       {
@@ -283,185 +283,185 @@ export const listShadows = [
   },
   {
     id: "20",
+    inset: false,
     offsetX: 0,
-    offsetY: "-2rem",
-    blur: "2.5rem",
+    offsetY: "-30px",
+    blur: "40px",
     spread: 0,
-    color: "0 0 0",
+    color: "16 36 94",
     opacity: 20,
-    inset: false,
   },
   {
     id: "21",
-    offsetX: "0.375rem",
-    offsetY: "0.375rem",
+    inset: false,
+    offsetX: "5px",
+    offsetY: "5px",
     blur: 0,
     spread: 0,
     color: "0 0 0",
     opacity: 5,
-    inset: false,
   },
   {
     id: "22",
-    offsetX: "-0.375rem",
-    offsetY: "0.375rem",
+    inset: false,
+    offsetX: "-5px",
+    offsetY: "5px",
     blur: 0,
     spread: 0,
     color: "0 0 0",
     opacity: 5,
-    inset: false,
   },
   {
     id: "23",
-    offsetX: "0.375rem",
-    offsetY: "-0.375rem",
+    inset: false,
+    offsetX: "5px",
+    offsetY: "-5px",
     blur: 0,
     spread: 0,
     color: "0 0 0",
     opacity: 0,
-    inset: false,
   },
   {
     id: "24",
-    offsetX: "-0.375rem",
-    offsetY: "-0.375rem",
+    inset: false,
+    offsetX: "-5px",
+    offsetY: "-5px",
     blur: 0,
     spread: 0,
     color: "0 0 0",
     opacity: 0,
-    inset: false,
   },
   {
     id: "25",
-    offsetX: "0.125rem",
-    offsetY: "0.125rem",
-    blur: "0.25rem",
+    inset: false,
+    offsetX: "2px",
+    offsetY: "2px",
+    blur: "4px",
     spread: 0,
-    color: "0 0 0",
+    color: "72 76 89",
     opacity: 20,
-    inset: false,
   },
   {
     id: "26",
-    offsetX: "-0.125rem",
-    offsetY: "0.125rem",
-    blur: "0.25rem",
+    inset: false,
+    offsetX: "-2px",
+    offsetY: "2px",
+    blur: "4px",
     spread: 0,
-    color: "0 0 0",
+    color: "72 76 89",
     opacity: 20,
-    inset: false,
   },
   {
     id: "27",
-    offsetX: "0.125rem",
-    offsetY: "-0.125rem",
-    blur: "0.25rem",
+    inset: false,
+    offsetX: "2px",
+    offsetY: "-2px",
+    blur: "4px",
     spread: 0,
-    color: "0 0 0",
+    color: "72 76 89",
     opacity: 20,
-    inset: false,
   },
   {
     id: "28",
-    offsetX: "-0.125rem",
-    offsetY: "-0.125rem",
-    blur: "0.25rem",
+    inset: false,
+    offsetX: "-2px",
+    offsetY: "-2px",
+    blur: "4px",
     spread: 0,
-    color: "0 0 0",
+    color: "72 76 89",
     opacity: 20,
-    inset: false,
   },
   {
     id: "29",
-    offsetX: "0.125rem",
-    offsetY: "0.25rem",
-    blur: "0.375rem",
-    spread: 0,
-    color: "0 0 0",
-    opacity: 14,
     inset: false,
+    offsetX: "2px",
+    offsetY: "4px",
+    blur: "6px",
+    spread: "1px",
+    color: "50 50 50",
+    opacity: 14,
   },
   {
     id: "30",
-    offsetX: "-0.125rem",
-    offsetY: "0.25rem",
-    blur: "0.375rem",
-    spread: 0,
-    color: "0 0 0",
-    opacity: 14,
     inset: false,
+    offsetX: "-2px",
+    offsetY: "4px",
+    blur: "6px",
+    spread: "1px",
+    color: "50 50 50",
+    opacity: 14,
   },
   {
     id: "31",
-    offsetX: "0.125rem",
-    offsetY: "-0.25rem",
-    blur: "0.375rem",
-    spread: 0,
-    color: "0 0 0",
-    opacity: 14,
     inset: false,
+    offsetX: "2px",
+    offsetY: "-4px",
+    blur: "6px",
+    spread: "1px",
+    color: "50 50 50",
+    opacity: 14,
   },
   {
     id: "32",
-    offsetX: "-0.125rem",
-    offsetY: "-0.25rem",
-    blur: "0.375rem",
-    spread: 0,
-    color: "0 0 0",
-    opacity: 14,
     inset: false,
+    offsetX: "-2px",
+    offsetY: "-4px",
+    blur: "6px",
+    spread: "1px",
+    color: "50 50 50",
+    opacity: 14,
   },
   {
     id: "33",
-    offsetX: "1rem",
-    offsetY: "1rem",
-    blur: "0.25rem",
-    spread: "-0.25rem",
+    inset: false,
+    offsetX: "15px",
+    offsetY: "15px",
+    blur: "5px",
+    spread: "-5px",
     color: "0 0 0",
     opacity: 20,
-    inset: false,
   },
   {
     id: "34",
-    offsetX: "-1rem",
-    offsetY: "1rem",
-    blur: "0.25rem",
-    spread: "-0.25rem",
+    inset: false,
+    offsetX: "-15px",
+    offsetY: "15px",
+    blur: "5px",
+    spread: "-5px",
     color: "0 0 0",
     opacity: 20,
-    inset: false,
   },
   {
     id: "35",
-    offsetX: "1rem",
-    offsetY: "-1rem",
-    blur: "0.25rem",
-    spread: "-0.25rem",
+    inset: false,
+    offsetX: "15px",
+    offsetY: "-15px",
+    blur: "5px",
+    spread: "-5px",
     color: "0 0 0",
     opacity: 20,
-    inset: false,
   },
   {
     id: "36",
-    offsetX: "-1rem",
-    offsetY: "-1rem",
-    blur: "0.25rem",
-    spread: "-0.25rem",
+    inset: false,
+    offsetX: "-15px",
+    offsetY: "-15px",
+    blur: "5px",
+    spread: "-5px",
     color: "0 0 0",
     opacity: 20,
-    inset: false,
   },
   {
     id: "37",
     multiple: [
       {
-        offsetX: "0.75rem",
-        offsetY: "0.75rem",
-        blur: "2rem",
+        inset: false,
+        offsetX: "10px",
+        offsetY: "10px",
+        blur: "32px",
         spread: 0,
-        color: "0 0 0",
+        color: "62 57 107",
         opacity: 28,
-        inset: false,
       },
       {
         offsetX: 0,
@@ -477,13 +477,13 @@ export const listShadows = [
     id: "38",
     multiple: [
       {
-        offsetX: "-0.75rem",
-        offsetY: "0.75rem",
-        blur: "2rem",
+        inset: false,
+        offsetX: "-10px",
+        offsetY: "10px",
+        blur: "32px",
         spread: 0,
-        color: "0 0 0",
+        color: "62 57 107",
         opacity: 28,
-        inset: false,
       },
       {
         offsetX: 0,
@@ -499,13 +499,13 @@ export const listShadows = [
     id: "39",
     multiple: [
       {
-        offsetX: "0.75rem",
-        offsetY: "-0.75rem",
-        blur: "2rem",
+        inset: false,
+        offsetX: "10px",
+        offsetY: "-10px",
+        blur: "32px",
         spread: 0,
-        color: "0 0 0",
+        color: "62 57 107",
         opacity: 28,
-        inset: false,
       },
       {
         offsetX: 0,
@@ -521,13 +521,13 @@ export const listShadows = [
     id: "40",
     multiple: [
       {
-        offsetX: "-0.75rem",
-        offsetY: "-0.75rem",
-        blur: "2rem",
+        inset: false,
+        offsetX: "-10px",
+        offsetY: "-10px",
+        blur: "32px",
         spread: 0,
-        color: "0 0 0",
+        color: "62 57 107",
         opacity: 28,
-        inset: false,
       },
       {
         offsetX: 0,
@@ -543,31 +543,31 @@ export const listShadows = [
     id: "41",
     multiple: [
       {
-        offsetX: "0.125rem",
-        offsetY: "0.125rem",
-        blur: "0.375rem",
+        inset: false,
+        offsetX: "1px",
+        offsetY: "1px",
+        blur: "5px",
         spread: 0,
-        color: "0 0 0",
+        color: "26 26 67",
         opacity: 5,
-        inset: false,
       },
       {
-        offsetX: "2.375rem",
-        offsetY: "3.875rem",
-        blur: "7.875rem",
-        spread: "-1.5rem",
-        color: "0 0 0",
-        opacity: 50,
         inset: false,
+        offsetX: "39px",
+        offsetY: "63px",
+        blur: "125px",
+        spread: "-25px",
+        color: "50 50 93",
+        opacity: 50,
       },
       {
-        offsetX: "1.5rem",
-        offsetY: "2.375rem",
-        blur: "4.75rem",
-        spread: "-2.25rem",
+        inset: false,
+        offsetX: "24px",
+        offsetY: "38px",
+        blur: "75px",
+        spread: "-38px",
         color: "0 0 0",
         opacity: 30,
-        inset: false,
       },
     ],
   },
@@ -575,95 +575,95 @@ export const listShadows = [
     id: "42",
     multiple: [
       {
-        offsetX: "0.125rem",
-        offsetY: "0.125rem",
-        blur: "0.375rem",
+        inset: false,
+        offsetX: "1px",
+        offsetY: "1px",
+        blur: "5px",
         spread: 0,
-        color: "0 0 0",
+        color: "26 26 67",
         opacity: 5,
-        inset: false,
       },
       {
-        offsetX: "-2.375rem",
-        offsetY: "3.875rem",
-        blur: "7.875rem",
-        spread: "-1.5rem",
-        color: "0 0 0",
-        opacity: 50,
         inset: false,
+        offsetX: "-39px",
+        offsetY: "63px",
+        blur: "125px",
+        spread: "-25px",
+        color: "50 50 93",
+        opacity: 50,
       },
       {
-        offsetX: "1.5rem",
-        offsetY: "2.375rem",
-        blur: "4.75rem",
-        spread: "-2.25rem",
+        inset: false,
+        offsetX: "24px",
+        offsetY: "38px",
+        blur: "75px",
+        spread: "-38px",
         color: "0 0 0",
         opacity: 30,
-        inset: false,
       },
     ],
   },
   {
     id: "43",
+    inset: false,
     offsetX: 0,
-    offsetY: "1rem",
-    blur: "0.25rem",
-    spread: "-0.75rem",
+    offsetY: "15px",
+    blur: "5px",
+    spread: "-12px",
     color: "0 0 0",
     opacity: 20,
-    inset: false,
   },
   {
     id: "44",
+    inset: false,
     offsetX: 0,
-    offsetY: "3rem",
-    blur: "6rem",
-    spread: "-2rem",
-    color: "0 0 0",
+    offsetY: "50px",
+    blur: "100px",
+    spread: "-30px",
+    color: "16 36 94",
     opacity: 25,
-    inset: false,
   },
   {
     id: "45",
+    inset: false,
     offsetX: 0,
-    offsetY: "0.5rem",
-    blur: "1rem",
+    offsetY: "8px",
+    blur: "16px",
     spread: 0,
     color: "0 0 0",
     opacity: 5,
-    inset: false,
   },
   {
     id: "46",
+    inset: false,
     offsetX: 0,
-    offsetY: "0.375rem",
-    blur: "0.5rem",
+    offsetY: "6px",
+    blur: "9px",
     spread: 0,
     color: "0 0 0",
-    opacity: 10,
-    inset: false,
+    opacity: 9,
   },
   {
     id: "47",
+    inset: false,
     offsetX: 0,
-    offsetY: "1rem",
-    blur: "1.5rem",
+    offsetY: "16px",
+    blur: "24px",
     spread: 0,
-    color: "0 0 0",
+    color: "112 128 175",
     opacity: 20,
-    inset: false,
   },
   {
     id: "48",
     multiple: [
       {
+        inset: false,
         offsetX: 0,
-        offsetY: "1rem",
-        blur: "2rem",
+        offsetY: "16px",
+        blur: "32px",
         spread: 0,
-        color: "0 0 0",
+        color: "72 76 89",
         opacity: 28,
-        inset: false,
       },
       {
         offsetX: 0,
@@ -677,111 +677,111 @@ export const listShadows = [
   },
   {
     id: "49",
+    inset: false,
     offsetX: 0,
-    offsetY: "2rem",
-    blur: "2.5rem",
+    offsetY: "30px",
+    blur: "40px",
     spread: 0,
-    color: "0 0 0",
+    color: "16 36 94",
     opacity: 20,
-    inset: false,
   },
   {
     id: "50",
+    inset: false,
     offsetX: 0,
     offsetY: 0,
-    blur: "4.25rem",
-    spread: "0.375rem",
+    blur: "70px",
+    spread: "6px",
     color: "0 0 0",
     opacity: 12,
-    inset: false,
   },
   {
     id: "51",
-    offsetX: "0.25rem",
-    offsetY: "2rem",
-    blur: "5.375rem",
-    spread: "1.5rem",
+    inset: false,
+    offsetX: "5px",
+    offsetY: "31px",
+    blur: "85px",
+    spread: "23px",
     color: "0 0 0",
     opacity: 7,
-    inset: false,
   },
   {
     id: "52",
-    offsetX: "2rem",
-    offsetY: "4.25rem",
-    blur: "4.25rem",
-    spread: "2.5rem",
+    inset: false,
+    offsetX: "30px",
+    offsetY: "70px",
+    blur: "70px",
+    spread: "40px",
     color: "0 0 0",
     opacity: 5,
-    inset: false,
   },
   {
     id: "53",
+    inset: false,
     offsetX: 0,
-    offsetY: "2rem",
-    blur: "3rem",
-    spread: "1.5rem",
+    offsetY: "30px",
+    blur: "48px",
+    spread: "22px",
     color: "0 0 0",
     opacity: 7,
-    inset: false,
   },
   {
     id: "54",
-    offsetX: "-2.625rem",
-    offsetY: "3.25rem",
-    blur: "4.25rem",
-    spread: "0.25rem",
+    inset: false,
+    offsetX: "-41px",
+    offsetY: "51px",
+    blur: "68px",
+    spread: "5px",
     color: "0 0 0",
     opacity: 6,
-    inset: false,
   },
   {
     id: "55",
-    offsetX: "2.625rem",
-    offsetY: "3.25rem",
-    blur: "4.25rem",
-    spread: "0.25rem",
+    inset: false,
+    offsetX: "41px",
+    offsetY: "51px",
+    blur: "68px",
+    spread: "5px",
     color: "0 0 0",
     opacity: 6,
-    inset: false,
   },
   {
     id: "56",
-    offsetX: "-6rem",
-    offsetY: "6rem",
-    blur: "5.375rem",
-    spread: "1.5rem",
+    inset: false,
+    offsetX: "-100px",
+    offsetY: "100px",
+    blur: "85px",
+    spread: "23px",
     color: "0 0 0",
     opacity: 7,
-    inset: false,
   },
   {
     id: "57",
-    offsetX: "6rem",
-    offsetY: "6rem",
-    blur: "5.375rem",
-    spread: "1.5rem",
+    inset: false,
+    offsetX: "100px",
+    offsetY: "100px",
+    blur: "85px",
+    spread: "23px",
     color: "0 0 0",
     opacity: 7,
-    inset: false,
   },
   {
     id: "58",
     multiple: [
       {
-        offsetX: "0.375rem",
+        inset: false,
+        offsetX: "5px",
         offsetY: 0,
-        blur: "0.75rem",
-        spread: "0.625rem",
+        blur: "12px",
+        spread: "-10px",
         color: "0 0 0",
         opacity: 25,
-        inset: false,
       },
       {
-        offsetX: "-0.375rem",
+        offsetX: "-5px",
         offsetY: 0,
-        blur: "0.75rem",
-        spread: "0.625rem",
+        blur: "12px",
+        spread: "-10px",
         color: "0 0 0",
         opacity: 25,
       },
@@ -791,19 +791,19 @@ export const listShadows = [
     id: "59",
     multiple: [
       {
-        offsetX: "0.375rem",
+        offsetX: "6px",
         offsetY: 0,
-        blur: "0.75rem",
-        spread: "-0.5rem",
-        color: "0 0 0",
+        blur: "12px",
+        spread: "-8px",
+        color: "50 50 50",
         opacity: 45,
       },
       {
-        offsetX: "-0.375rem",
+        offsetX: "-6px",
         offsetY: 0,
-        blur: "0.75rem",
-        spread: "0.5rem",
-        color: "0 0 0",
+        blur: "12px",
+        spread: "-8px",
+        color: "50 50 50",
         opacity: 45,
       },
     ],
@@ -815,16 +815,16 @@ export const listShadows = [
         offsetX: "6px",
         offsetY: 0,
         blur: "12px",
-        spread: "-8px",
-        color: "0 0 0",
+        spread: "-7px",
+        color: "50 50 50",
         opacity: 75,
       },
       {
         offsetX: "-6px",
         offsetY: 0,
         blur: "12px",
-        spread: "-8px",
-        color: "0 0 0",
+        spread: "-7px",
+        color: "50 50 50",
         opacity: 75,
       },
     ],
@@ -835,17 +835,17 @@ export const listShadows = [
       {
         offsetX: "-20px",
         offsetY: 0,
-        blur: "48px",
-        spread: "-24px",
-        color: "0 0 0",
+        blur: "50px",
+        spread: "-25px",
+        color: "50 50 50",
         opacity: 65,
       },
       {
-        offsetX: "20px ",
+        offsetX: "20px",
         offsetY: 0,
-        blur: "48px",
-        spread: "-24px",
-        color: "0 0 0",
+        blur: "50px",
+        spread: "-25px",
+        color: "50 50 50",
         opacity: 65,
       },
     ],
@@ -856,17 +856,17 @@ export const listShadows = [
       {
         offsetX: "20px",
         offsetY: 0,
-        blur: "24px",
-        spread: "-16px",
-        color: "0 0 0",
+        blur: "25px",
+        spread: "-15px",
+        color: "50 50 50",
         opacity: 35,
       },
       {
         offsetX: "-20px",
         offsetY: 0,
-        blur: "24px",
-        spread: "-16px",
-        color: "0 0 0",
+        blur: "25px",
+        spread: "-15px",
+        color: "50 50 50",
         opacity: 35,
       },
     ],
@@ -876,18 +876,18 @@ export const listShadows = [
     multiple: [
       {
         offsetX: 0,
-        offsetY: "12px",
-        blur: "32px",
+        offsetY: "11px",
+        blur: "30px",
         spread: "-20px",
-        color: "0 0 0",
+        color: "51 51 51",
         opacity: 51,
       },
       {
         offsetX: 0,
         offsetY: "-12px",
-        blur: "32px",
+        blur: "30px",
         spread: "-20px",
-        color: "0 0 0",
+        color: "51 51 51",
         opacity: 51,
       },
     ],
@@ -897,18 +897,18 @@ export const listShadows = [
     multiple: [
       {
         offsetX: 0,
-        offsetY: "12px",
+        offsetY: "11px",
         blur: "8px",
         spread: "-10px",
-        color: "0 0 0",
+        color: "51 51 51",
         opacity: 51,
       },
       {
         offsetX: 0,
-        offsetY: "-12px",
+        offsetY: "-11px",
         blur: "8px",
         spread: "-10px",
-        color: "0 0 0",
+        color: "51 51 51",
         opacity: 51,
       },
     ],