@memori.ai/memori-react 2.2.0 → 2.2.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 
 
+## [2.2.1](https://github.com/memori-ai/memori-react/compare/v2.2.0...v2.2.1) (2023-05-29)
+
+
+### Bug Fixes
+
+* add webkit prefix for backdrop filter ([5c57636](https://github.com/memori-ai/memori-react/commit/5c57636166a21e29fc05e3b8d0f349ea5625c1bb))
+* prevent vars not being loaded for portal roots with lt ([d11f9bc](https://github.com/memori-ai/memori-react/commit/d11f9bc08dc01b7a894bcef4e58cf7401ed2a425))
+* show blob on mobile totem ([558aba3](https://github.com/memori-ai/memori-react/commit/558aba3cc3e7105e0b40a7be8664b999a9a55982))
+
+
+### Maintenance
+
+* run prettier formatting ([416ad37](https://github.com/memori-ai/memori-react/commit/416ad379a9db6f971a7ccdaa99e199b4ad56ffc1))
+
+
+### Changes
+
+* defaults for mobile totem dont show settings button ([619e773](https://github.com/memori-ai/memori-react/commit/619e773408608827f4649c68a23387dbe405eba2))
+* defaults for mobile totem with controls on bottom + dont show send on enter menu ([a5a887c](https://github.com/memori-ai/memori-react/commit/a5a887cc1c092dbbcc1a87912df7f48435ca2351))
+
 ## [2.2.0](https://github.com/memori-ai/memori-react/compare/v2.1.0...v2.2.0) (2023-05-26)
 
 

package/dist/components/Avatar/Avatar.css

@@ -61,7 +61,6 @@
 }
 
 @media (max-width: 870px) {
-
     .memori--avatar-wrapper div,
     .memori--avatar-wrapper canvas,
     .memori--avatar-wrapper model-viewer {

package/dist/components/Blob/Blob.css

@@ -93,20 +93,25 @@
         filter: brightness(1);
         transform: scale(1);
     }
+
     15% {
         filter: brightness(1.1);
     }
+
     30% {
         filter: brightness(1);
         transform: scale(0.99);
     }
+
     50% {
         filter: brightness(1.05);
         transform: scale(1.01);
     }
+
     75% {
         filter: brightness(1.15);
     }
+
     100% {
         filter: brightness(1.1);
         transform: scale(0.99);
@@ -140,7 +145,7 @@
     object-fit: contain;
 }
 
-.memori-blob figure~.mainDiv {
+.memori-blob figure ~ .mainDiv {
     opacity: 0.2;
 }
 

package/dist/components/ChangeMode/ChangeMode.css

@@ -17,6 +17,6 @@
     border-top-left-radius: 0;
 }
 
-.memori--changeMode-instruct-radio-button[data-headlessui-state="checked"] button {
+.memori--changeMode-instruct-radio-button[data-headlessui-state='checked'] button {
     font-weight: 600;
 }

package/dist/components/Chat/Chat.css

@@ -12,6 +12,7 @@
     padding: calc(var(--memori-inner-content-pad) / 4) calc(var(--memori-inner-content-pad) / 2);
     border-radius: 10px;
     margin: 1rem 0;
+    -webkit-backdrop-filter: blur(10px);
     backdrop-filter: blur(10px);
     background-color: var(--memori-inner-bg);
 }
@@ -48,7 +49,7 @@
     border-top-right-radius: 3px;
 }
 
-.memori-chat--cover+.memori-chat--bubble-initial {
+.memori-chat--cover + .memori-chat--bubble-initial {
     display: none;
 }
 
@@ -102,7 +103,7 @@
     white-space: nowrap;
 }
 
-.memori-chat--context-tag+.memori-chat--context-tag {
+.memori-chat--context-tag + .memori-chat--context-tag {
     margin-top: 0.5rem;
 }
 

package/dist/components/ChatBubble/ChatBubble.css

@@ -64,7 +64,7 @@
     margin-bottom: 0;
 }
 
-.memori-chat--bubble p+p {
+.memori-chat--bubble p + p {
     margin-top: 0.5em;
 }
 

package/dist/components/ChatInputs/ChatInputs.css

@@ -11,11 +11,11 @@
     margin: 0;
 }
 
-.memori-chat-inputs .memori-upload-menu+.memori-send-on-enter-menu {
+.memori-chat-inputs .memori-upload-menu + .memori-send-on-enter-menu {
     margin-left: 0.33rem;
 }
 
 .memori-chat-inputs .memori--conversation-button {
     background: #fff;
     color: #000;
-}
+}

package/dist/components/ChatTextArea/ChatTextArea.css

@@ -40,7 +40,7 @@ textarea.memori-chat-textarea--input {
     border: none;
     background: #fff;
     color: #000;
-    font-family: "Exo 2", sans-serif;
+    font-family: 'Exo 2', sans-serif;
     resize: none;
 }
 
@@ -78,8 +78,12 @@ button.memori-chat-textarea--expand-button:focus {
     outline: none;
 }
 
-.memori-chat-textarea:not(.memori-chat-textarea--disabled) .memori-chat-textarea--inner:focus .memori-chat-textarea--expand-button,
-.memori-chat-textarea:not(.memori-chat-textarea--disabled) .memori-chat-textarea--inner:focus-within .memori-chat-textarea--expand-button {
+.memori-chat-textarea:not(.memori-chat-textarea--disabled)
+    .memori-chat-textarea--inner:focus
+    .memori-chat-textarea--expand-button,
+.memori-chat-textarea:not(.memori-chat-textarea--disabled)
+    .memori-chat-textarea--inner:focus-within
+    .memori-chat-textarea--expand-button {
     opacity: 1;
 }
 

package/dist/components/DateSelector/DateSelector.css

@@ -12,14 +12,15 @@
 .memori--date-selector__select-button {
     position: relative;
     width: 100%;
-    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;
 }
@@ -51,7 +52,7 @@
 
 @media (min-width: 640px) {
     .memori--date-selector__select-button {
-        font-size: .875rem;
+        font-size: 0.875rem;
         line-height: 1.25rem;
     }
 }
@@ -75,7 +76,7 @@
     bottom: 0;
     display: flex;
     align-items: center;
-    padding-right: .5rem;
+    padding-right: 0.5rem;
     pointer-events: none;
 }
 
@@ -92,32 +93,33 @@ ul.memori--date-selector__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--date-selector__select-options {
-        font-size: .875rem;
+        font-size: 0.875rem;
         line-height: 1.25rem;
     }
 }
 
 li.memori--date-selector__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;

package/dist/components/ExportHistoryButton/ExportHistoryButton.css

@@ -12,7 +12,7 @@
     text-align: left;
 }
 
-.memori-export-history-button--panel button+button {
+.memori-export-history-button--panel button + button {
     margin-left: 0.5rem;
 }
 

package/dist/components/FeedbackButtons/FeedbackButtons.css

@@ -21,9 +21,9 @@
 }
 
 .transition {
-    transition-duration: .15s;
+    transition-duration: 0.15s;
     transition-property: all;
-    transition-timing-function: cubic-bezier(.4,0,.2,1);
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .ease-out {
@@ -63,11 +63,11 @@
     top: calc(100% - 0.25rem);
     right: -2rem;
     width: 14rem;
-    border: 1px solid rgba(0,0,0,0.05);
+    border: 1px solid rgba(0, 0, 0, 0.05);
     border-radius: 0.375rem;
     margin-top: 0.5rem;
     background-color: #fff;
-    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06);
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
     outline: none;
     transform-origin: top right;
 }

package/dist/components/Header/Header.css

@@ -6,6 +6,7 @@
     padding: calc(var(--memori-inner-content-pad) / 4) calc(var(--memori-inner-content-pad) / 2);
     border-radius: 10px;
     margin-left: auto;
+    -webkit-backdrop-filter: blur(10px);
     backdrop-filter: blur(10px);
     background-color: var(--memori-inner-bg, #fff);
     text-align: right;
@@ -24,7 +25,7 @@
     justify-content: center;
 }
 
-.memori-header--button+.memori-header--button {
+.memori-header--button + .memori-header--button {
     margin-left: 0.25rem;
 }
 

package/dist/components/Header/Header.js

@@ -37,7 +37,7 @@ const Header = ({ className, memori, history, position, setShowPositionDrawer, s
                         document.exitFullscreen();
                         setFullScreen(false);
                     }
-                } })), showSpeaker && ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, shape: "circle", className: "memori-header--button", icon: speakerMuted ? (0, jsx_runtime_1.jsx)(SoundDeactivated_1.default, {}) : (0, jsx_runtime_1.jsx)(Sound_1.default, {}), onClick: () => setSpeakerMuted(!speakerMuted), title: t('widget.sound') || 'Sound' })), (0, jsx_runtime_1.jsx)(ExportHistoryButton_1.default, { history: history, memori: memori, className: "memori-header--button", disabled: !hasUserActivatedSpeak || history.length === 0 }), showSettings && ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, shape: "circle", className: "memori-header--button", icon: (0, jsx_runtime_1.jsx)(Setting_1.default, {}), onClick: () => setShowSettingsDrawer(true), title: t('widget.settings') || 'Settings' })), showShare && ((0, jsx_runtime_1.jsx)(ShareButton_1.default, { className: "memori-header--button", title: memori.name, showQrCode: true, align: "left" }))] }));
+                } })), showSpeaker && ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, shape: "circle", className: "memori-header--button", icon: speakerMuted ? (0, jsx_runtime_1.jsx)(SoundDeactivated_1.default, {}) : (0, jsx_runtime_1.jsx)(Sound_1.default, {}), onClick: () => setSpeakerMuted(!speakerMuted), title: t('widget.sound') || 'Sound' })), (0, jsx_runtime_1.jsx)(ExportHistoryButton_1.default, { history: history, memori: memori, className: "memori-header--button", disabled: !hasUserActivatedSpeak || history.length === 0 }), showSettings && ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, shape: "circle", className: "memori-header--button memori-header--button-settings", icon: (0, jsx_runtime_1.jsx)(Setting_1.default, {}), onClick: () => setShowSettingsDrawer(true), title: t('widget.settings') || 'Settings' })), showShare && ((0, jsx_runtime_1.jsx)(ShareButton_1.default, { className: "memori-header--button", title: memori.name, showQrCode: true, align: "left" }))] }));
 };
 exports.default = Header;
 //# sourceMappingURL=Header.js.map

package/dist/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmD;AACnD,oEAA4B;AAM5B,kEAAkC;AAClC,2EAA2C;AAC3C,yFAAyD;AACzD,mEAAmC;AACnC,iDAA+C;AAC/C,6GAA6E;AAC7E,uEAAuC;AACvC,qFAAqD;AACrD,qFAAqD;AACrD,6EAA6C;AAC7C,uEAAuC;AAkBvC,MAAM,MAAM,GAAoB,CAAC,EAC/B,SAAS,EACT,MAAM,EACN,OAAO,EACP,QAAQ,EACR,qBAAqB,EACrB,qBAAqB,EACrB,YAAY,EACZ,eAAe,EACf,qBAAqB,GAAG,KAAK,EAC7B,SAAS,GAAG,IAAI,EAChB,YAAY,GAAG,IAAI,EACnB,WAAW,GAAG,IAAI,EAClB,UAAU,GAAG,KAAK,GACnB,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACtE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACpD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,iBAAiB,EAAE;YAC9B,sBAAsB,CAAC,IAAI,CAAC,CAAC;SAC9B;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,eAAe,EAAE,SAAS,CAAC,aAC3C,UAAU,IAAI,CACb,uBAAC,gBAAM,IACL,OAAO,QACP,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,IAAI,QAAQ,EAC9B,IAAI,EAAE,uBAAC,iBAAO,KAAG,EACjB,OAAO,EAAE,GAAG,EAAE;oBACZ,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;gBAC3B,CAAC,GACD,CACH,EACA,MAAM,CAAC,aAAa,IAAI,QAAQ,IAAI,CACnC,iCAAK,SAAS,EAAC,yBAAyB,aACtC,iCAAM,SAAS,EAAC,mCAAmC,YAChD,QAAQ,CAAC,SAAS,GACd,EACP,uBAAC,gBAAM,IACL,IAAI,EAAE,uBAAC,mBAAS,KAAG,EACnB,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,GAC1C,IACE,CACP,EACA,mBAAmB,IAAI,CACtB,uBAAC,gBAAM,IACL,OAAO,QACP,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,uBAAuB,EACjC,KAAK,EACH,UAAU;oBACR,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,iBAAiB;oBAC1C,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,kBAAkB,EAEhD,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,uBAAC,wBAAc,KAAG,CAAC,CAAC,CAAC,uBAAC,oBAAU,KAAG,EACtD,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE;wBAC/B,QAAQ,CAAC,eAAe,CAAC,iBAAiB,EAAE,CAAC;wBAC7C,aAAa,CAAC,IAAI,CAAC,CAAC;qBACrB;yBAAM,IAAI,QAAQ,CAAC,cAAc,EAAE;wBAClC,QAAQ,CAAC,cAAc,EAAE,CAAC;wBAC1B,aAAa,CAAC,KAAK,CAAC,CAAC;qBACtB;gBACH,CAAC,GACD,CACH,EACA,WAAW,IAAI,CACd,uBAAC,gBAAM,IACL,OAAO,QACP,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,uBAAuB,EACjC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,uBAAC,0BAAgB,KAAG,CAAC,CAAC,CAAC,uBAAC,eAAK,KAAG,EACrD,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,EAC7C,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,IAAI,OAAO,GACnC,CACH,EACD,uBAAC,6BAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,uBAAuB,EACjC,QAAQ,EAAE,CAAC,qBAAqB,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,GACxD,EACD,YAAY,IAAI,CACf,uBAAC,gBAAM,IACL,OAAO,QACP,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,sDAAsD,EAChE,IAAI,EAAE,uBAAC,iBAAO,KAAG,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAC1C,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,IAAI,UAAU,GACzC,CACH,EACA,SAAS,IAAI,CACZ,uBAAC,qBAAW,IACV,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,UAAU,QACV,KAAK,EAAC,MAAM,GACZ,CACH,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/dist/components/ImageUpload/ImageUpload.css

@@ -11,7 +11,7 @@ legend.helper p {
     margin-bottom: 0;
 }
 
-.memori--upload  .ant-upload-list-picture-card-container,
+.memori--upload .ant-upload-list-picture-card-container,
 .memori--upload .ant-upload.ant-upload-select-picture-card {
     width: auto;
     min-width: 100px;
@@ -88,8 +88,7 @@ legend.helper p {
     text-align: center;
 }
 
-.memori--list-item-wrapper .ant-upload-list-item-error
-.ant-upload-list-item-name {
+.memori--list-item-wrapper .ant-upload-list-item-error .ant-upload-list-item-name {
     position: static;
     margin: 0 0 1rem;
 }

package/dist/components/MediaWidget/MediaItemWidget.css

@@ -94,6 +94,7 @@ a.memori-media-item--link {
 .memori-media-item--modal .memori-modal--panel {
     width: 75vw;
     height: 85vh;
+    -webkit-backdrop-filter: blur(var(--memori-blur-background, 10px));
     backdrop-filter: blur(var(--memori-blur-background, 10px));
     background: rgba(0, 0, 0, 0.25);
 }
@@ -121,6 +122,7 @@ a.memori-media-item--link {
     position: absolute;
     bottom: 0;
     width: 100%;
+    -webkit-backdrop-filter: blur(var(--memori-blur-background, 5px));
     backdrop-filter: blur(var(--memori-blur-background, 5px));
     background: rgba(255, 255, 255, 0.5);
     color: #000;

package/dist/components/MediaWidget/MediaWidget.css

@@ -32,7 +32,7 @@
     margin-bottom: 0.5rem;
 }
 
-.memori-media--hints li+li {
+.memori-media--hints li + li {
     margin-left: 0.5rem;
 }
 

package/dist/components/MemoriWidget/MemoriWidget.css

@@ -121,7 +121,6 @@
     filter: blur(var(--memori-blur-background, 0));
 }
 
-
 .memori--powered-by {
     position: absolute;
     z-index: 1000;
@@ -176,7 +175,7 @@
     font-size: 1rem;
 }
 
-.memori--conversation-button+.memori--conversation-button {
+.memori--conversation-button + .memori--conversation-button {
     margin-left: 0.33rem;
 }
 

package/dist/components/MicrophoneButton/MicrophoneButton.css

@@ -1,5 +1,11 @@
-.memori-mic-btn-tooltip.memori-tooltip.memori-tooltip--align-topLeft:not(.memori-tooltip--disabled).memori-tooltip--visible .memori-tooltip--content,
-.memori-mic-btn-tooltip.memori-tooltip.memori-tooltip--align-topLeft:not(.memori-tooltip--disabled):not(.memori-tooltip--visible):hover .memori-tooltip--content {
+.memori-mic-btn-tooltip.memori-tooltip.memori-tooltip--align-topLeft:not(
+        .memori-tooltip--disabled
+    ).memori-tooltip--visible
+    .memori-tooltip--content,
+.memori-mic-btn-tooltip.memori-tooltip.memori-tooltip--align-topLeft:not(.memori-tooltip--disabled):not(
+        .memori-tooltip--visible
+    ):hover
+    .memori-tooltip--content {
     touch-action: none;
     transform: translateY(-180%) translateX(27%);
     -webkit-user-select: none;
@@ -78,7 +84,7 @@
     border-radius: 50%;
     animation: micBtnActivePulse 2s infinite;
     background: var(--memori-primary);
-    content: "";
+    content: '';
     opacity: 0.2;
 }
 
@@ -98,4 +104,4 @@
 
 .memori-chat-inputs--mic.memori-chat-inputs--mic--listening svg {
     color: red !important;
-}
+}

package/dist/components/StartPanel/StartPanel.css

@@ -23,6 +23,7 @@
     padding: var(--memori-inner-content-pad, 0);
     border-radius: 10px;
     margin-top: 2rem;
+    -webkit-backdrop-filter: blur(10px);
     backdrop-filter: blur(10px);
     background-color: var(--memori-inner-bg, transparent);
     color: var(--memori-text-color, rgba(0, 0, 0, 0.85)) !important;
@@ -68,7 +69,6 @@
     box-shadow: 0 0 5px rgba(50, 50, 50, 0.3);
 }
 
-
 .memori--avatar img {
     width: 100%;
     height: 100%;

package/dist/components/layouts/totem.css

@@ -10,8 +10,6 @@
     display: flex;
     height: 100%;
     flex-direction: column;
-
-    /* --memori-text-color: #fff; */
 }
 
 .memori-totem-layout--header {
@@ -31,6 +29,22 @@
     width: 100%;
 }
 
+.memori-totem-layout--avatar .memori--blob-container {
+    display: block;
+}
+
+@media (max-width: 480px) {
+    .memori-totem-layout--avatar .memori--blob-container {
+        display: block;
+    }
+}
+
+@media (max-width: 870px) {
+    .memori-totem-layout--avatar .memori--blob-container {
+        display: block;
+    }
+}
+
 .memori-totem-layout .memori-header {
     position: relative;
     z-index: 100;
@@ -97,6 +111,27 @@
     margin: 0 auto;
 }
 
+@media (max-width: 870px) {
+    .memori-totem-layout--controls .memori--start-panel,
+    .memori-totem-layout--controls .memori-chat--wrapper {
+        width: 100%;
+    }
+
+    .memori-totem-layout--controls .memori-chat--wrapper {
+        padding: 0;
+    }
+}
+
+@media (max-width: 480px) {
+    .memori-send-on-enter-menu {
+        display: none;
+    }
+
+    .memori-header--button-settings {
+        display: none;
+    }
+}
+
 .memori-totem-layout .memori--avatar-toggle {
     display: none;
     width: 100%;
@@ -113,14 +148,20 @@
     background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(200, 200, 200, 0.8));
 }
 
-.memori-widget.memori-controls-center .memori-totem-layout--controls {
-    position: absolute;
-    top: 40%;
-    width: 100%;
+@media (min-width: 481px) {
+    .memori-widget.memori-controls-center .memori-totem-layout--controls {
+        position: absolute;
+        top: 40%;
+        width: 100%;
+    }
 }
 
-.memori-widget.memori-layout-totem.memori--hide-emissions .memori-totem-layout--controls .memori-chat--bubble-container:not(.memori-chat--bubble-from-user),
-.memori-widget.memori-layout-totem.memori--hide-emissions.memori--with-speechkey .memori-totem-layout--controls .memori-chat--bubble-container:not(.memori-chat--bubble-from-user) {
+.memori-widget.memori-layout-totem.memori--hide-emissions
+    .memori-totem-layout--controls
+    .memori-chat--bubble-container:not(.memori-chat--bubble-from-user),
+.memori-widget.memori-layout-totem.memori--hide-emissions.memori--with-speechkey
+    .memori-totem-layout--controls
+    .memori-chat--bubble-container:not(.memori-chat--bubble-from-user) {
     display: none;
 }
 

package/dist/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/dist/components/ui/Checkbox.css

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

package/dist/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/dist/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/dist/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;
 }
-