@telia-ace/widget-conversation-flamingo 1.1.70-rc.18 → 1.1.70-rc.19

Sign up to get free protection for your applications and to get access to all the features.
Files changed (3) hide show
  1. package/index.js +8 -2
  2. package/index.mjs +8 -2
  3. package/package.json +2 -2
package/index.js CHANGED
@@ -872,8 +872,10 @@ Please report this to https://github.com/markedjs/marked.`,e){const i="<p>An err
872
872
  --input-text-color: var(--conversation-input-text-color, inherit);
873
873
  --conversation-input-bg: var(--conversation-input-bg-color, #fff);
874
874
 
875
- --toast-bg: #eb5185;
876
- --toast-text-color: white;
875
+ --toast-bg: #caeaff;
876
+ --toast-border: 1px solid #0078cb;
877
+
878
+ --toast-text-color: #000;
877
879
 
878
880
  --error-text-color: #eb5185;
879
881
 
@@ -957,6 +959,7 @@ Please report this to https://github.com/markedjs/marked.`,e){const i="<p>An err
957
959
  .conversation.conversation--has-toast .conversation-content {
958
960
  border-top-right-radius: 0;
959
961
  border-top-left-radius: 0;
962
+ padding-top: var(--spacing-md);
960
963
  }
961
964
  .conversation.disabled .conversation-bottom {
962
965
  --conversation-input-bg: rgba(255, 255, 255, 0.4);
@@ -1003,6 +1006,9 @@ Please report this to https://github.com/markedjs/marked.`,e){const i="<p>An err
1003
1006
  }
1004
1007
  .conversation__toast {
1005
1008
  background-color: var(--toast-bg);
1009
+ border: var(--toast-border);
1010
+ border-radius: var(--border-radius-sm);
1011
+ margin: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
1006
1012
  color: var(--toast-text-color);
1007
1013
  padding: var(--spacing-md);
1008
1014
  position: sticky;
package/index.mjs CHANGED
@@ -6372,8 +6372,10 @@ R.styles = [
6372
6372
  --input-text-color: var(--conversation-input-text-color, inherit);
6373
6373
  --conversation-input-bg: var(--conversation-input-bg-color, #fff);
6374
6374
 
6375
- --toast-bg: #eb5185;
6376
- --toast-text-color: white;
6375
+ --toast-bg: #caeaff;
6376
+ --toast-border: 1px solid #0078cb;
6377
+
6378
+ --toast-text-color: #000;
6377
6379
 
6378
6380
  --error-text-color: #eb5185;
6379
6381
 
@@ -6457,6 +6459,7 @@ R.styles = [
6457
6459
  .conversation.conversation--has-toast .conversation-content {
6458
6460
  border-top-right-radius: 0;
6459
6461
  border-top-left-radius: 0;
6462
+ padding-top: var(--spacing-md);
6460
6463
  }
6461
6464
  .conversation.disabled .conversation-bottom {
6462
6465
  --conversation-input-bg: rgba(255, 255, 255, 0.4);
@@ -6503,6 +6506,9 @@ R.styles = [
6503
6506
  }
6504
6507
  .conversation__toast {
6505
6508
  background-color: var(--toast-bg);
6509
+ border: var(--toast-border);
6510
+ border-radius: var(--border-radius-sm);
6511
+ margin: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
6506
6512
  color: var(--toast-text-color);
6507
6513
  padding: var(--spacing-md);
6508
6514
  position: sticky;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telia-ace/widget-conversation-flamingo",
3
- "version": "1.1.70-rc.18",
3
+ "version": "1.1.70-rc.19",
4
4
  "publishConfig": {
5
5
  "registry": "https://registry.npmjs.org"
6
6
  },
@@ -9,7 +9,7 @@
9
9
  "@lit-labs/motion": "^1.0.4",
10
10
  "@teliads/icons": "^8.4.0",
11
11
  "@teliads/components": "^22.1.1",
12
- "@telia-ace/widget-core-flamingo": "1.1.70-rc.18",
12
+ "@telia-ace/widget-core-flamingo": "1.1.70-rc.19",
13
13
  "lit-html": "^3.0.2",
14
14
  "rxjs": "^7.8.1",
15
15
  "marked": "^12.0.2"