rio-assist-widget 0.1.7 → 0.1.8

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 (4) hide show
  1. package/dist/rio-assist.js +19 -13
  2. package/package.json +1 -1
  3. package/src/components/conversations-panel/conversations-panel.styles.ts +18 -12
  4. package/src/components/mini-panel/mini-panel.template.ts +1 -1
package/dist/rio-assist.js CHANGED
@@ -706,6 +706,7 @@
706
706
  flex-direction: column;
707
707
  gap: 8px;
708
708
  min-height: 0;
709
+ box-sizing: border-box;
709
710
  }
710
711
 
711
712
  .conversation-list-wrapper {
@@ -723,15 +724,21 @@
723
724
  .conversations-panel--sidebar .conversation-list {
724
725
  width: 100%;
725
726
  padding-left: 16px;
726
- padding-right: 20px;
727
+ padding-right: 14px;
727
728
  overflow-y: auto;
728
729
  min-height: 0;
730
+ scrollbar-width: none;
731
+ }
732
+
733
+ .conversations-panel--sidebar .conversation-list::-webkit-scrollbar {
734
+ width: 0;
735
+ height: 0;
729
736
  }
730
737
 
731
738
  .conversation-scrollbar {
732
739
  position: absolute;
733
740
  top: 8px;
734
- right: 6px;
741
+ right: 8px;
735
742
  width: 8px;
736
743
  height: calc(100% - 8px);
737
744
  border-radius: 999px;
@@ -859,27 +866,26 @@
859
866
 
860
867
  .new-conversation-cta__button {
861
868
  width: 100%;
862
- height: 44px;
863
- border-radius: 10px;
869
+ height: 34px;
870
+ border-radius: 4px;
864
871
  border: 1px solid #30b4c0;
865
872
  background: #fff;
866
- color: #008b9a;
873
+ color: #30b4c0;
867
874
  font-family: 'Source Sans Pro', 'Inter', sans-serif;
868
- font-size: 15px;
869
- font-weight: 600;
875
+ font-size: 14px;
876
+ font-weight: 500;
870
877
  display: inline-flex;
871
878
  align-items: center;
872
879
  justify-content: center;
873
- gap: 10px;
874
- padding: 10px 14px;
875
- box-shadow: 0 8px 18px rgba(0, 0, 0, 0.04);
880
+ gap: 8px;
881
+ padding: 8px 12px;
876
882
  cursor: pointer;
877
883
  transition: opacity 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
878
884
  }
879
885
 
880
886
  .new-conversation-cta__button img {
881
- width: 18px;
882
- height: 18px;
887
+ width: 24px;
888
+ height: 24px;
883
889
  }
884
890
 
885
891
  .new-conversation-cta__button:disabled,
@@ -1048,7 +1054,7 @@
1048
1054
  `)}
1049
1055
  ${n.isLoading?u`
1050
1056
  <div class="message message--assistant typing">
1051
- <span>IA está respondendo...</span>
1057
+ <span>Rio Insight está respondendo...</span>
1052
1058
  </div>
1053
1059
  `:null}
1054
1060
  </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rio-assist-widget",
3
- "version": "0.1.7",
3
+ "version": "0.1.8",
4
4
  "description": "Web Component do painel lateral Rio Insight, pronto para ser embutido em qualquer projeto.",
5
5
  "type": "module",
6
6
  "scripts": {
package/src/components/conversations-panel/conversations-panel.styles.ts CHANGED
@@ -108,6 +108,7 @@ export const conversationsPanelStyles = css`
108
108
  flex-direction: column;
109
109
  gap: 8px;
110
110
  min-height: 0;
111
+ box-sizing: border-box;
111
112
  }
112
113
 
113
114
  .conversation-list-wrapper {
@@ -125,15 +126,21 @@ export const conversationsPanelStyles = css`
125
126
  .conversations-panel--sidebar .conversation-list {
126
127
  width: 100%;
127
128
  padding-left: 16px;
128
- padding-right: 20px;
129
+ padding-right: 14px;
129
130
  overflow-y: auto;
130
131
  min-height: 0;
132
+ scrollbar-width: none;
133
+ }
134
+
135
+ .conversations-panel--sidebar .conversation-list::-webkit-scrollbar {
136
+ width: 0;
137
+ height: 0;
131
138
  }
132
139
 
133
140
  .conversation-scrollbar {
134
141
  position: absolute;
135
142
  top: 8px;
136
- right: 6px;
143
+ right: 8px;
137
144
  width: 8px;
138
145
  height: calc(100% - 8px);
139
146
  border-radius: 999px;
@@ -261,27 +268,26 @@ export const conversationsPanelStyles = css`
261
268
 
262
269
  .new-conversation-cta__button {
263
270
  width: 100%;
264
- height: 44px;
265
- border-radius: 10px;
271
+ height: 34px;
272
+ border-radius: 4px;
266
273
  border: 1px solid #30b4c0;
267
274
  background: #fff;
268
- color: #008b9a;
275
+ color: #30b4c0;
269
276
  font-family: 'Source Sans Pro', 'Inter', sans-serif;
270
- font-size: 15px;
271
- font-weight: 600;
277
+ font-size: 14px;
278
+ font-weight: 500;
272
279
  display: inline-flex;
273
280
  align-items: center;
274
281
  justify-content: center;
275
- gap: 10px;
276
- padding: 10px 14px;
277
- box-shadow: 0 8px 18px rgba(0, 0, 0, 0.04);
282
+ gap: 8px;
283
+ padding: 8px 12px;
278
284
  cursor: pointer;
279
285
  transition: opacity 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
280
286
  }
281
287
 
282
288
  .new-conversation-cta__button img {
283
- width: 18px;
284
- height: 18px;
289
+ width: 24px;
290
+ height: 24px;
285
291
  }
286
292
 
287
293
  .new-conversation-cta__button:disabled,
package/src/components/mini-panel/mini-panel.template.ts CHANGED
@@ -43,7 +43,7 @@ export const renderChatSurface = (component: RioAssistWidget) => {
43
43
  ${component.isLoading
44
44
  ? html`
45
45
  <div class="message message--assistant typing">
46
- <span>IA está respondendo...</span>
46
+ <span>Rio Insight está respondendo...</span>
47
47
  </div>
48
48
  `
49
49
  : null}