@memori.ai/memori-react 6.1.3 → 6.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/components/ui/Drawer.css +4 -2
  3. package/dist/components/ui/Drawer.js +1 -1
  4. package/dist/components/ui/Drawer.js.map +1 -1
  5. package/dist/styles.css +2 -2
  6. package/esm/components/ui/Drawer.css +4 -2
  7. package/esm/components/ui/Drawer.js +1 -1
  8. package/esm/components/ui/Drawer.js.map +1 -1
  9. package/esm/styles.css +2 -2
  10. package/package.json +1 -1
  11. package/src/components/ui/Drawer.css +4 -2
  12. package/src/components/ui/Drawer.tsx +2 -2
  13. package/src/styles.css +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
 
2
2
 
3
+ ## [6.1.4](https://github.com/memori-ai/memori-react/compare/v6.1.3...v6.1.4) (2024-03-28)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * drawer mobile width ([0973105](https://github.com/memori-ai/memori-react/commit/0973105012e00f3acff89d07d3c4660e9af4554b))
9
+
3
10
  ## [6.1.3](https://github.com/memori-ai/memori-react/compare/v6.1.2...v6.1.3) (2024-03-25)
4
11
 
5
12
 
package/dist/components/ui/Drawer.css CHANGED
@@ -33,6 +33,7 @@
33
33
  .memori-drawer--panel {
34
34
  position: relative;
35
35
  width: var(--memori-drawer--width, 100%);
36
+ max-width: 80vw;
36
37
  height: 100%;
37
38
  min-height: 100vh;
38
39
  box-sizing: border-box;
@@ -46,6 +47,7 @@
46
47
  @media (min-width: 768px) {
47
48
  .memori-drawer--panel {
48
49
  width: var(--memori-drawer--width--md, 80%);
50
+ max-width: none;
49
51
  padding-top: 1.5rem;
50
52
  padding-right: 2rem;
51
53
  padding-left: 2rem;
@@ -173,6 +175,6 @@ h2.memori-drawer--title {
173
175
  max-width: 0;
174
176
  }
175
177
 
176
- .max-w-100 {
177
- max-width: 100%;
178
+ .max-w-80 {
179
+ max-width: 80%;
178
180
  }
package/dist/components/ui/Drawer.js CHANGED
@@ -8,7 +8,7 @@ const Spin_1 = tslib_1.__importDefault(require("./Spin"));
8
8
  const Button_1 = tslib_1.__importDefault(require("./Button"));
9
9
  const Close_1 = tslib_1.__importDefault(require("../icons/Close"));
10
10
  const classnames_1 = tslib_1.__importDefault(require("classnames"));
11
- const Drawer = ({ open = false, onClose, className, title, description, children, footer, loading = false, side = 'right', closable = true, width = '100%', widthMd = '80%', widthLg = '60%', }) => ((0, jsx_runtime_1.jsx)(react_2.Transition, { appear: true, show: open, as: react_1.default.Fragment, children: (0, jsx_runtime_1.jsxs)(react_2.Dialog, { open: open, onClose: onClose, className: (0, classnames_1.default)('memori-drawer', className), children: [(0, jsx_runtime_1.jsx)(react_2.Transition.Child, { as: react_1.default.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "ease-in duration-200", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: (0, jsx_runtime_1.jsx)("div", { className: "memori-drawer--backdrop" }) }), (0, jsx_runtime_1.jsx)("div", { className: "memori-drawer--container", children: (0, jsx_runtime_1.jsx)("div", { className: "memori-drawer--container-scrollable", children: (0, jsx_runtime_1.jsx)(react_2.Transition.Child, { as: react_1.default.Fragment, enter: "ease-out duration-300", enterFrom: "max-w-0 opacity-0", enterTo: "max-w-100 opacity-100", leave: "ease-in duration-200", leaveFrom: "max-w-100 opacity-100", leaveTo: "max-w-0 opacity-0", children: (0, jsx_runtime_1.jsxs)(react_2.Dialog.Panel, { className: (0, classnames_1.default)('memori-drawer--panel', {
11
+ const Drawer = ({ open = false, onClose, className, title, description, children, footer, loading = false, side = 'right', closable = true, width = '100%', widthMd = '80%', widthLg = '60%', }) => ((0, jsx_runtime_1.jsx)(react_2.Transition, { appear: true, show: open, as: react_1.default.Fragment, children: (0, jsx_runtime_1.jsxs)(react_2.Dialog, { open: open, onClose: onClose, className: (0, classnames_1.default)('memori-drawer', className), children: [(0, jsx_runtime_1.jsx)(react_2.Transition.Child, { as: react_1.default.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "ease-in duration-200", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: (0, jsx_runtime_1.jsx)("div", { className: "memori-drawer--backdrop" }) }), (0, jsx_runtime_1.jsx)("div", { className: "memori-drawer--container", children: (0, jsx_runtime_1.jsx)("div", { className: "memori-drawer--container-scrollable", children: (0, jsx_runtime_1.jsx)(react_2.Transition.Child, { as: react_1.default.Fragment, enter: "ease-out duration-300", enterFrom: "max-w-0 opacity-0", enterTo: "max-w-80 opacity-100", leave: "ease-in duration-200", leaveFrom: "max-w-80 opacity-100", leaveTo: "max-w-0 opacity-0", children: (0, jsx_runtime_1.jsxs)(react_2.Dialog.Panel, { className: (0, classnames_1.default)('memori-drawer--panel', {
12
12
  'memori-drawer--panel-left': side === 'left',
13
13
  'memori-drawer--with-footer': !!footer,
14
14
  }), children: [(0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: {
package/dist/components/ui/Drawer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/ui/Drawer.tsx"],"names":[],"mappings":";;;;AAAA,0DAAkC;AAClC,6CAAuD;AACvD,0DAA0B;AAC1B,8DAA8B;AAC9B,mEAAmC;AACnC,oEAA4B;AAkB5B,MAAM,MAAM,GAAc,CAAC,EACzB,IAAI,GAAG,KAAK,EACZ,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,OAAO,EACd,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,GACT,EAAE,EAAE,CAAC,CACX,uBAAC,kBAAU,IAAC,MAAM,QAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,eAAK,CAAC,QAAQ,YAC/C,wBAAC,cAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,oBAAE,EAAC,eAAe,EAAE,SAAS,CAAC,aAEzC,uBAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAE,eAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW,YAEnB,gCAAK,SAAS,EAAC,yBAAyB,GAAG,GAC1B,EACnB,gCAAK,SAAS,EAAC,0BAA0B,YACvC,gCAAK,SAAS,EAAC,qCAAqC,YAClD,uBAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAE,eAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAC,uBAAuB,EAC/B,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAC,mBAAmB,YAE3B,wBAAC,cAAM,CAAC,KAAK,IACX,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE;gCACpC,2BAA2B,EAAE,IAAI,KAAK,MAAM;gCAC5C,4BAA4B,EAAE,CAAC,CAAC,MAAM;6BACvC,CAAC,aAEF,kCACE,uBAAuB,EAAE;wCACvB,MAAM,EAAE;;gDAEsB,KAAK;mDACF,OAAO;mDACP,OAAO;;mBAEvC;qCACF,GACD,EACD,QAAQ,IAAI,CACX,gCAAK,SAAS,EAAC,sBAAsB,YACnC,uBAAC,gBAAM,IACL,KAAK,EAAC,QAAQ,EACd,QAAQ,QACR,IAAI,EAAE,uBAAC,eAAK,KAAG,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAC7B,GACE,CACP,EACD,wBAAC,cAAI,IAAC,QAAQ,EAAE,OAAO,aACpB,KAAK,IAAI,CACR,uBAAC,cAAM,CAAC,KAAK,IAAC,SAAS,EAAC,sBAAsB,YAC3C,KAAK,GACO,CAChB,EACA,WAAW,IAAI,CACd,uBAAC,cAAM,CAAC,WAAW,IAAC,SAAS,EAAC,4BAA4B,YACvD,WAAW,GACO,CACtB,EAEA,QAAQ,EAER,MAAM,IAAI,CACT,gCAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAO,CACtD,IACI,IACM,GACE,GACf,GACF,IACC,GACE,CACd,CAAC;AAEF,kBAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/ui/Drawer.tsx"],"names":[],"mappings":";;;;AAAA,0DAAkC;AAClC,6CAAuD;AACvD,0DAA0B;AAC1B,8DAA8B;AAC9B,mEAAmC;AACnC,oEAA4B;AAkB5B,MAAM,MAAM,GAAc,CAAC,EACzB,IAAI,GAAG,KAAK,EACZ,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,OAAO,EACd,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,GACT,EAAE,EAAE,CAAC,CACX,uBAAC,kBAAU,IAAC,MAAM,QAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,eAAK,CAAC,QAAQ,YAC/C,wBAAC,cAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,oBAAE,EAAC,eAAe,EAAE,SAAS,CAAC,aAEzC,uBAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAE,eAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW,YAEnB,gCAAK,SAAS,EAAC,yBAAyB,GAAG,GAC1B,EACnB,gCAAK,SAAS,EAAC,0BAA0B,YACvC,gCAAK,SAAS,EAAC,qCAAqC,YAClD,uBAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAE,eAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAC,sBAAsB,EAC9B,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAC,mBAAmB,YAE3B,wBAAC,cAAM,CAAC,KAAK,IACX,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE;gCACpC,2BAA2B,EAAE,IAAI,KAAK,MAAM;gCAC5C,4BAA4B,EAAE,CAAC,CAAC,MAAM;6BACvC,CAAC,aAEF,kCACE,uBAAuB,EAAE;wCACvB,MAAM,EAAE;;gDAEsB,KAAK;mDACF,OAAO;mDACP,OAAO;;mBAEvC;qCACF,GACD,EACD,QAAQ,IAAI,CACX,gCAAK,SAAS,EAAC,sBAAsB,YACnC,uBAAC,gBAAM,IACL,KAAK,EAAC,QAAQ,EACd,QAAQ,QACR,IAAI,EAAE,uBAAC,eAAK,KAAG,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAC7B,GACE,CACP,EACD,wBAAC,cAAI,IAAC,QAAQ,EAAE,OAAO,aACpB,KAAK,IAAI,CACR,uBAAC,cAAM,CAAC,KAAK,IAAC,SAAS,EAAC,sBAAsB,YAC3C,KAAK,GACO,CAChB,EACA,WAAW,IAAI,CACd,uBAAC,cAAM,CAAC,WAAW,IAAC,SAAS,EAAC,4BAA4B,YACvD,WAAW,GACO,CACtB,EAEA,QAAQ,EAER,MAAM,IAAI,CACT,gCAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAO,CACtD,IACI,IACM,GACE,GACf,GACF,IACC,GACE,CACd,CAAC;AAEF,kBAAe,MAAM,CAAC"}
package/dist/styles.css CHANGED
@@ -82,10 +82,10 @@ body.sb-show-main #root,
82
82
  --memori-button-radius: 5px;
83
83
  --memori-button-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
84
84
  --memori-blur-background: 0px;
85
- --memori-drawer--width: 100%;
85
+ --memori-drawer--width: 80%;
86
86
  --memori-drawer--width--md: 80%;
87
87
  --memori-drawer--width--lg: 60%;
88
- --memori-modal--width: 100%;
88
+ --memori-modal--width: 80%;
89
89
  --memori-modal--width--md: 80%;
90
90
  --memori-error-color: #ff4d4f;
91
91
  --memori-warning-color: #faad14;
package/esm/components/ui/Drawer.css CHANGED
@@ -33,6 +33,7 @@
33
33
  .memori-drawer--panel {
34
34
  position: relative;
35
35
  width: var(--memori-drawer--width, 100%);
36
+ max-width: 80vw;
36
37
  height: 100%;
37
38
  min-height: 100vh;
38
39
  box-sizing: border-box;
@@ -46,6 +47,7 @@
46
47
  @media (min-width: 768px) {
47
48
  .memori-drawer--panel {
48
49
  width: var(--memori-drawer--width--md, 80%);
50
+ max-width: none;
49
51
  padding-top: 1.5rem;
50
52
  padding-right: 2rem;
51
53
  padding-left: 2rem;
@@ -173,6 +175,6 @@ h2.memori-drawer--title {
173
175
  max-width: 0;
174
176
  }
175
177
 
176
- .max-w-100 {
177
- max-width: 100%;
178
+ .max-w-80 {
179
+ max-width: 80%;
178
180
  }
package/esm/components/ui/Drawer.js CHANGED
@@ -5,7 +5,7 @@ import Spin from './Spin';
5
5
  import Button from './Button';
6
6
  import Close from '../icons/Close';
7
7
  import cx from 'classnames';
8
- const Drawer = ({ open = false, onClose, className, title, description, children, footer, loading = false, side = 'right', closable = true, width = '100%', widthMd = '80%', widthLg = '60%', }) => (_jsx(Transition, { appear: true, show: open, as: React.Fragment, children: _jsxs(Dialog, { open: open, onClose: onClose, className: cx('memori-drawer', className), children: [_jsx(Transition.Child, { as: React.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "ease-in duration-200", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: _jsx("div", { className: "memori-drawer--backdrop" }) }), _jsx("div", { className: "memori-drawer--container", children: _jsx("div", { className: "memori-drawer--container-scrollable", children: _jsx(Transition.Child, { as: React.Fragment, enter: "ease-out duration-300", enterFrom: "max-w-0 opacity-0", enterTo: "max-w-100 opacity-100", leave: "ease-in duration-200", leaveFrom: "max-w-100 opacity-100", leaveTo: "max-w-0 opacity-0", children: _jsxs(Dialog.Panel, { className: cx('memori-drawer--panel', {
8
+ const Drawer = ({ open = false, onClose, className, title, description, children, footer, loading = false, side = 'right', closable = true, width = '100%', widthMd = '80%', widthLg = '60%', }) => (_jsx(Transition, { appear: true, show: open, as: React.Fragment, children: _jsxs(Dialog, { open: open, onClose: onClose, className: cx('memori-drawer', className), children: [_jsx(Transition.Child, { as: React.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "ease-in duration-200", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: _jsx("div", { className: "memori-drawer--backdrop" }) }), _jsx("div", { className: "memori-drawer--container", children: _jsx("div", { className: "memori-drawer--container-scrollable", children: _jsx(Transition.Child, { as: React.Fragment, enter: "ease-out duration-300", enterFrom: "max-w-0 opacity-0", enterTo: "max-w-80 opacity-100", leave: "ease-in duration-200", leaveFrom: "max-w-80 opacity-100", leaveTo: "max-w-0 opacity-0", children: _jsxs(Dialog.Panel, { className: cx('memori-drawer--panel', {
9
9
  'memori-drawer--panel-left': side === 'left',
10
10
  'memori-drawer--with-footer': !!footer,
11
11
  }), children: [_jsx("style", { dangerouslySetInnerHTML: {
package/esm/components/ui/Drawer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/ui/Drawer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAkB5B,MAAM,MAAM,GAAc,CAAC,EACzB,IAAI,GAAG,KAAK,EACZ,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,OAAO,EACd,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,GACT,EAAE,EAAE,CAAC,CACX,KAAC,UAAU,IAAC,MAAM,QAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,QAAQ,YAC/C,MAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,aAEzC,KAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW,YAEnB,cAAK,SAAS,EAAC,yBAAyB,GAAG,GAC1B,EACnB,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qCAAqC,YAClD,KAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAC,uBAAuB,EAC/B,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAC,mBAAmB,YAE3B,MAAC,MAAM,CAAC,KAAK,IACX,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE;gCACpC,2BAA2B,EAAE,IAAI,KAAK,MAAM;gCAC5C,4BAA4B,EAAE,CAAC,CAAC,MAAM;6BACvC,CAAC,aAEF,gBACE,uBAAuB,EAAE;wCACvB,MAAM,EAAE;;gDAEsB,KAAK;mDACF,OAAO;mDACP,OAAO;;mBAEvC;qCACF,GACD,EACD,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,MAAM,IACL,KAAK,EAAC,QAAQ,EACd,QAAQ,QACR,IAAI,EAAE,KAAC,KAAK,KAAG,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAC7B,GACE,CACP,EACD,MAAC,IAAI,IAAC,QAAQ,EAAE,OAAO,aACpB,KAAK,IAAI,CACR,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,sBAAsB,YAC3C,KAAK,GACO,CAChB,EACA,WAAW,IAAI,CACd,KAAC,MAAM,CAAC,WAAW,IAAC,SAAS,EAAC,4BAA4B,YACvD,WAAW,GACO,CACtB,EAEA,QAAQ,EAER,MAAM,IAAI,CACT,cAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAO,CACtD,IACI,IACM,GACE,GACf,GACF,IACC,GACE,CACd,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/ui/Drawer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAkB5B,MAAM,MAAM,GAAc,CAAC,EACzB,IAAI,GAAG,KAAK,EACZ,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,OAAO,EACd,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,GACT,EAAE,EAAE,CAAC,CACX,KAAC,UAAU,IAAC,MAAM,QAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,QAAQ,YAC/C,MAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,aAEzC,KAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW,YAEnB,cAAK,SAAS,EAAC,yBAAyB,GAAG,GAC1B,EACnB,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qCAAqC,YAClD,KAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAC,sBAAsB,EAC9B,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAC,mBAAmB,YAE3B,MAAC,MAAM,CAAC,KAAK,IACX,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE;gCACpC,2BAA2B,EAAE,IAAI,KAAK,MAAM;gCAC5C,4BAA4B,EAAE,CAAC,CAAC,MAAM;6BACvC,CAAC,aAEF,gBACE,uBAAuB,EAAE;wCACvB,MAAM,EAAE;;gDAEsB,KAAK;mDACF,OAAO;mDACP,OAAO;;mBAEvC;qCACF,GACD,EACD,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,MAAM,IACL,KAAK,EAAC,QAAQ,EACd,QAAQ,QACR,IAAI,EAAE,KAAC,KAAK,KAAG,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAC7B,GACE,CACP,EACD,MAAC,IAAI,IAAC,QAAQ,EAAE,OAAO,aACpB,KAAK,IAAI,CACR,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,sBAAsB,YAC3C,KAAK,GACO,CAChB,EACA,WAAW,IAAI,CACd,KAAC,MAAM,CAAC,WAAW,IAAC,SAAS,EAAC,4BAA4B,YACvD,WAAW,GACO,CACtB,EAEA,QAAQ,EAER,MAAM,IAAI,CACT,cAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAO,CACtD,IACI,IACM,GACE,GACf,GACF,IACC,GACE,CACd,CAAC;AAEF,eAAe,MAAM,CAAC"}
package/esm/styles.css CHANGED
@@ -82,10 +82,10 @@ body.sb-show-main #root,
82
82
  --memori-button-radius: 5px;
83
83
  --memori-button-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
84
84
  --memori-blur-background: 0px;
85
- --memori-drawer--width: 100%;
85
+ --memori-drawer--width: 80%;
86
86
  --memori-drawer--width--md: 80%;
87
87
  --memori-drawer--width--lg: 60%;
88
- --memori-modal--width: 100%;
88
+ --memori-modal--width: 80%;
89
89
  --memori-modal--width--md: 80%;
90
90
  --memori-error-color: #ff4d4f;
91
91
  --memori-warning-color: #faad14;
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "6.1.3",
2
+ "version": "6.1.4",
3
3
  "name": "@memori.ai/memori-react",
4
4
  "author": "Memori Srl",
5
5
  "main": "dist/index.js",
package/src/components/ui/Drawer.css CHANGED
@@ -33,6 +33,7 @@
33
33
  .memori-drawer--panel {
34
34
  position: relative;
35
35
  width: var(--memori-drawer--width, 100%);
36
+ max-width: 80vw;
36
37
  height: 100%;
37
38
  min-height: 100vh;
38
39
  box-sizing: border-box;
@@ -46,6 +47,7 @@
46
47
  @media (min-width: 768px) {
47
48
  .memori-drawer--panel {
48
49
  width: var(--memori-drawer--width--md, 80%);
50
+ max-width: none;
49
51
  padding-top: 1.5rem;
50
52
  padding-right: 2rem;
51
53
  padding-left: 2rem;
@@ -173,6 +175,6 @@ h2.memori-drawer--title {
173
175
  max-width: 0;
174
176
  }
175
177
 
176
- .max-w-100 {
177
- max-width: 100%;
178
+ .max-w-80 {
179
+ max-width: 80%;
178
180
  }
package/src/components/ui/Drawer.tsx CHANGED
@@ -59,9 +59,9 @@ const Drawer: FC<Props> = ({
59
59
  as={React.Fragment}
60
60
  enter="ease-out duration-300"
61
61
  enterFrom="max-w-0 opacity-0"
62
- enterTo="max-w-100 opacity-100"
62
+ enterTo="max-w-80 opacity-100"
63
63
  leave="ease-in duration-200"
64
- leaveFrom="max-w-100 opacity-100"
64
+ leaveFrom="max-w-80 opacity-100"
65
65
  leaveTo="max-w-0 opacity-0"
66
66
  >
67
67
  <Dialog.Panel
package/src/styles.css CHANGED
@@ -82,10 +82,10 @@ body.sb-show-main #root,
82
82
  --memori-button-radius: 5px;
83
83
  --memori-button-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
84
84
  --memori-blur-background: 0px;
85
- --memori-drawer--width: 100%;
85
+ --memori-drawer--width: 80%;
86
86
  --memori-drawer--width--md: 80%;
87
87
  --memori-drawer--width--lg: 60%;
88
- --memori-modal--width: 100%;
88
+ --memori-modal--width: 80%;
89
89
  --memori-modal--width--md: 80%;
90
90
  --memori-error-color: #ff4d4f;
91
91
  --memori-warning-color: #faad14;