@memori.ai/memori-react 2.2.0 → 2.2.1

package/src/components/ui/Button.css

@@ -118,7 +118,7 @@
     line-height: 1;
 }
 
-.memori-button--icon svg[fill="none"] {
+.memori-button--icon svg[fill='none'] {
     fill: none;
 }
 

package/src/components/ui/Checkbox.css

@@ -1,5 +1,3 @@
-
-
 .memori-checkbox {
     display: inline-flex;
     box-sizing: border-box;

package/src/components/ui/Drawer.css

@@ -123,7 +123,7 @@
     background-color: #fff;
 }
 
-.memori-drawer--footer button+button {
+.memori-drawer--footer button + button {
     margin-left: 0.5em;
 }
 

package/src/components/ui/Modal.css

@@ -54,7 +54,7 @@
     margin-top: 1.5rem;
 }
 
-.memori-modal--footer button+button {
+.memori-modal--footer button + button {
     margin-left: 0.5em;
 }
 

package/src/components/ui/Select.css

@@ -7,14 +7,15 @@
     position: relative;
     width: 100%;
     min-height: 38px;
-    padding-top: .5rem;
+    padding-top: 0.5rem;
     padding-right: 2.5rem;
-    padding-bottom: .5rem;
-    padding-left: .75rem;
+    padding-bottom: 0.5rem;
+    padding-left: 0.75rem;
     border: 1px solid #e5e7eb;
-    border-radius: .5rem;
+    border-radius: 0.5rem;
     background: #fff;
-    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px;
+    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
+        rgba(0, 0, 0, 0.1) 0px 2px 4px -2px;
     cursor: pointer;
     text-align: left;
 }
@@ -46,7 +47,7 @@
 
 @media (min-width: 640px) {
     .memori-select--button {
-        font-size: .875rem;
+        font-size: 0.875rem;
         line-height: 1.25rem;
     }
 }
@@ -74,7 +75,7 @@
     bottom: 0;
     display: flex;
     align-items: center;
-    padding-right: .5rem;
+    padding-right: 0.5rem;
     pointer-events: none;
 }
 
@@ -91,32 +92,33 @@ ul.memori-select--options {
     width: 100%;
     max-width: min(18rem, 30%);
     max-height: 15rem;
-    padding-top: .25rem;
+    padding-top: 0.25rem;
     padding-right: 0;
-    padding-bottom: .25rem;
+    padding-bottom: 0.25rem;
     padding-left: 0;
-    border-radius: .375rem;
-    margin-top: .25rem;
+    border-radius: 0.375rem;
+    margin-top: 0.25rem;
     margin-right: 0;
     margin-bottom: 0;
     margin-left: 0;
     background: #fff;
-    box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
+    box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px,
+        rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
     list-style: none;
 }
 
 @media (min-width: 640px) {
     .memori-select--options {
-        font-size: .875rem;
+        font-size: 0.875rem;
         line-height: 1.25rem;
     }
 }
 
 li.memori-select--option {
     position: relative;
-    padding-top: .5rem;
+    padding-top: 0.5rem;
     padding-right: 1rem;
-    padding-bottom: .5rem;
+    padding-bottom: 0.5rem;
     padding-left: 1rem;
     color: rgb(17 24 39/1);
     cursor: pointer;
@@ -132,4 +134,3 @@ li.memori-select--option:focus {
     outline: 2px solid #63b3ed;
     outline-offset: 2px;
 }
-

package/src/components/ui/Tooltip.css

@@ -41,10 +41,10 @@
     border: 10px solid rgba(0, 0, 0, 0.8);
     border-color: transparent rgba(0, 0, 0, 0.8) transparent transparent;
     margin-left: -5px;
-    content: "";
+    content: '';
     opacity: 0;
     transform: translateY(-50%);
-    transition: .3s;
+    transition: 0.3s;
 }
 
 .memori-tooltip.memori-tooltip--align-left .memori-tooltip--content::before {
@@ -81,8 +81,10 @@
     opacity: 1;
 }
 
-.memori-tooltip.memori-tooltip--align-topRight:not(.memori-tooltip--disabled).memori-tooltip--visible .memori-tooltip--content,
-.memori-tooltip.memori-tooltip--align-topRight:not(.memori-tooltip--disabled):not(.memori-tooltip--visible):hover .memori-tooltip--content {
+.memori-tooltip.memori-tooltip--align-topRight:not(.memori-tooltip--disabled).memori-tooltip--visible
+    .memori-tooltip--content,
+.memori-tooltip.memori-tooltip--align-topRight:not(.memori-tooltip--disabled):not(.memori-tooltip--visible):hover
+    .memori-tooltip--content {
     transform: translateY(-150%) translateX(-33%);
 }
 
@@ -95,8 +97,10 @@
     margin-left: 5px;
 }
 
-.memori-tooltip.memori-tooltip--align-topLeft:not(.memori-tooltip--disabled).memori-tooltip--visible .memori-tooltip--content,
-.memori-tooltip.memori-tooltip--align-topLeft:not(.memori-tooltip--disabled):not(.memori-tooltip--visible):hover .memori-tooltip--content {
+.memori-tooltip.memori-tooltip--align-topLeft:not(.memori-tooltip--disabled).memori-tooltip--visible
+    .memori-tooltip--content,
+.memori-tooltip.memori-tooltip--align-topLeft:not(.memori-tooltip--disabled):not(.memori-tooltip--visible):hover
+    .memori-tooltip--content {
     transform: translateY(-150%) translateX(33%);
 }
 
@@ -108,4 +112,4 @@
 
 .memori-tooltip.memori-tooltip--disabled {
     cursor: not-allowed;
-}
+}

package/src/helpers/translations.ts

@@ -23,8 +23,9 @@ export const getTranslation = async (
   const isReservedKeyword = dialogKeywords.indexOf(text.toLowerCase()) > -1;
   const fromLanguage = isReservedKeyword ? 'IT' : from?.toUpperCase();
   const deeplResult = await fetch(
-    `${baseUrl ||
-      'https://app.twincreator.com'}/api/translate?text=${encodeURIComponent(
+    `${
+      baseUrl || 'https://app.twincreator.com'
+    }/api/translate?text=${encodeURIComponent(
       text
     )}&target_lang=${to.toUpperCase()}${
       fromLanguage ? `&source_lang=${fromLanguage}` : ''

package/src/styles.css

@@ -56,7 +56,7 @@
 
 memori-client,
 memori-client #root,
-memori-client+#headlessui-portal-root,
+memori-client ~ #headlessui-portal-root,
 body.sb-show-main #root,
 body.sb-show-main #headlessui-portal-root,
 #storybook-root,
@@ -84,4 +84,4 @@ body.sb-show-main #headlessui-portal-root,
     --memori-modal--width: 100%;
     --memori-modal--width--md: 80%;
     --memori-error-color: #ff4d4f;
-}
+}