@memori.ai/memori-webcomponent 2.5.0 → 2.6.0

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
 
2
2
 
3
+ ## [2.6.0](https://github.com/memori-ai/memori-webcomponent/compare/v2.5.1...v2.6.0) (2023-06-20)
4
+
5
+
6
+ ### Features
7
+
8
+ * update memori-react ([248f82f](https://github.com/memori-ai/memori-webcomponent/commit/248f82fadb1eb0882be7ab3238d2a0303ea5494b))
9
+
10
+ ## [2.5.1](https://github.com/memori-ai/memori-webcomponent/compare/v2.5.0...v2.5.1) (2023-06-20)
11
+
12
+
13
+ ### Maintenance
14
+
15
+ * update memori-react ([a216ab6](https://github.com/memori-ai/memori-webcomponent/commit/a216ab67f30335cbb47202deebe6be6e87bfa6ca))
16
+
3
17
  ## [2.5.0](https://github.com/memori-ai/memori-webcomponent/compare/v2.4.2...v2.5.0) (2023-06-20)
4
18
 
5
19
 
package/README.md CHANGED
@@ -57,6 +57,38 @@ With this WebComponent that is slightly different, as the context is not passed
57
57
  <memori-client ... context="VAR1:VALUE1,VAR2:VALUE2" />
58
58
  ```
59
59
 
60
+ ## Styling
61
+
62
+ You can override the default styles of the Memori by customizing the following CSS custom properties:
63
+
64
+ ```css
65
+ memori-client,
66
+ #headlessui-portal-root,
67
+ .memori-widget {
68
+ --memori-primary: rgb(102, 103, 171);
69
+ --memori-primary-text: #fff;
70
+ --memori-inner-content-pad: 1rem;
71
+ --memori-inner-bg: transparent;
72
+ --memori-chat-bubble-bg: #ffffff60;
73
+ --memori-text-color: #000;
74
+ --memori-button-bg: #fff;
75
+ --memori-button-text: #000;
76
+ --memori-button-padding: 0.5rem 1.5rem;
77
+ --memori-button-border-color: #d9d9d9;
78
+ --memori-button-radius: 5px;
79
+ --memori-button-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
80
+ --memori-blur-background: 0px;
81
+ --memori-drawer--width: 100%;
82
+ --memori-drawer--width--md: 80%;
83
+ --memori-drawer--width--lg: 60%;
84
+ --memori-modal--width: 100%;
85
+ --memori-modal--width--md: 80%;
86
+ --memori-error-color: #ff4d4f;
87
+ }
88
+ ```
89
+
90
+ You can review the default styles in the [styles.css](https://github.com/memori-ai/memori-react/blob/main/src/styles.css) file.
91
+
60
92
  ## See also
61
93
 
62
94
  - [memori-api-client](https://github.com/memori-ai/memori-api-client) - API client for Memori