@vectara/vectara-ui 9.8.2 → 9.8.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.
@@ -40,18 +40,25 @@ $textRhythm: $sizeM;
40
40
  }
41
41
 
42
42
  pre:not(:has(> code)),
43
- pre:not(:only-child),
44
43
  code {
45
44
  background-color: $colorLightShade;
46
45
  padding: $sizeXxxs $sizeXxs;
47
46
  }
48
47
 
49
48
  pre:has(> code) {
50
- padding: $sizeXs $sizeS !important;
49
+ display: block;
50
+ background-color: $colorLightShade;
51
+ padding: $sizeXs $sizeS;
51
52
  margin-bottom: $textRhythm;
52
53
  border-radius: $sizeXs;
53
54
  }
54
55
 
56
+ pre > code {
57
+ word-wrap: break-word;
58
+ word-break: break-word;
59
+ white-space: pre-wrap;
60
+ }
61
+
55
62
  p > pre:only-child,
56
63
  p > code:only-child {
57
64
  display: block;
@@ -101,6 +108,10 @@ $textRhythm: $sizeM;
101
108
  sup {
102
109
  vertical-align: super;
103
110
  }
111
+
112
+ & > :last-child {
113
+ margin-bottom: 0;
114
+ }
104
115
  }
105
116
 
106
117
  .vuiText--truncate {
@@ -4558,16 +4558,22 @@ h2.react-datepicker__current-month {
4558
4558
  margin-bottom: 16px;
4559
4559
  }
4560
4560
  .vuiText pre:not(:has(> code)),
4561
- .vuiText pre:not(:only-child),
4562
4561
  .vuiText code {
4563
4562
  background-color: #f1f4f6;
4564
4563
  padding: 2px 4px;
4565
4564
  }
4566
4565
  .vuiText pre:has(> code) {
4567
- padding: 8px 12px !important;
4566
+ display: block;
4567
+ background-color: #f1f4f6;
4568
+ padding: 8px 12px;
4568
4569
  margin-bottom: 16px;
4569
4570
  border-radius: 8px;
4570
4571
  }
4572
+ .vuiText pre > code {
4573
+ word-wrap: break-word;
4574
+ word-break: break-word;
4575
+ white-space: pre-wrap;
4576
+ }
4571
4577
  .vuiText p > pre:only-child,
4572
4578
  .vuiText p > code:only-child {
4573
4579
  display: block;
@@ -4610,6 +4616,9 @@ h2.react-datepicker__current-month {
4610
4616
  .vuiText sup {
4611
4617
  vertical-align: super;
4612
4618
  }
4619
+ .vuiText > :last-child {
4620
+ margin-bottom: 0;
4621
+ }
4613
4622
 
4614
4623
  .vuiText--truncate {
4615
4624
  overflow: hidden;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vectara/vectara-ui",
3
- "version": "9.8.2",
3
+ "version": "9.8.4",
4
4
  "homepage": "./",
5
5
  "description": "Vectara's design system, codified as a React and Sass component library",
6
6
  "author": "Vectara",