@vectara/vectara-ui 9.2.4 → 9.2.6

package/lib/components/code/_index.scss

@@ -30,6 +30,8 @@
   font-family: "Roboto Mono", monospace;
   // Ensure PrismJS components wrap their lines.
   word-wrap: break-word !important;
+  // Ensure PrismJS components wrap their lines instead of making the container super-wide.
+  word-break: break-word !important;
   white-space: pre-wrap !important;
   font-size: $fontSizeSmall !important;
   color: $colorDarkShade !important;

package/lib/sassUtils/_typography.scss

@@ -9,7 +9,7 @@ $fontSizeXxLarge: 30px;
 $fontSizeXxxLarge: 40px;
 
 $colorText: $colorDarkerShade;
-$colorSubdued: $colorDarkShade;
+$colorSubdued: #6d7686;
 
 $fontWeightLight: 300;
 $fontWeightNormal: 400;

package/lib/styles/index.css

@@ -384,7 +384,7 @@ fieldset {
 
 .vuiAppSideNavCollapseButton {
   display: block;
-  color: #3f4551;
+  color: #6d7686;
   font-size: 14px;
   text-decoration: none;
   padding: 0 16px;
@@ -758,9 +758,9 @@ fieldset {
 }
 
 .vuiButtonPrimary--subdued {
-  color: #3f4551;
-  background-color: rgba(63, 69, 81, 0.1);
-  border: 1px solid rgba(63, 69, 81, 0.1);
+  color: #6d7686;
+  background-color: rgba(109, 118, 134, 0.1);
+  border: 1px solid rgba(109, 118, 134, 0.1);
 }
 .vuiButtonPrimary--subdued.vuiButtonPrimary-isSelected {
   box-shadow: inset rgba(50, 50, 93, 0.25) 0px 6px 8px -2px, inset rgba(0, 0, 0, 0.3) 0px 3px 4px -3px;
@@ -824,7 +824,7 @@ fieldset {
 
 .vuiButtonSecondary--subdued {
   border: 1px solid #e3e4f3;
-  color: #3f4551;
+  color: #6d7686;
 }
 .vuiButtonSecondary--subdued.vuiButtonSecondary-isSelected {
   box-shadow: inset rgba(0, 0, 0, 0.1) 0px 2px 2px;
@@ -885,10 +885,10 @@ fieldset {
 }
 
 .vuiButtonTertiary--subdued {
-  color: #3f4551;
+  color: #6d7686;
 }
 .vuiButtonTertiary--subdued.vuiButtonTertiary-isSelected {
-  background-color: rgba(63, 69, 81, 0.1);
+  background-color: rgba(109, 118, 134, 0.1);
 }
 
 .vuiIconButton {
@@ -965,14 +965,14 @@ fieldset {
 }
 
 .vuiIconButton--subdued {
-  color: #3f4551;
-  background-color: rgba(63, 69, 81, 0);
+  color: #6d7686;
+  background-color: rgba(109, 118, 134, 0);
 }
 .vuiIconButton--subdued:hover {
-  background-color: rgba(63, 69, 81, 0.1);
+  background-color: rgba(109, 118, 134, 0.1);
 }
 .vuiIconButton--subdued-isSelected {
-  background-color: rgba(63, 69, 81, 0.1);
+  background-color: rgba(109, 118, 134, 0.1);
 }
 
 .vuiIconButton--xs {
@@ -1345,6 +1345,7 @@ fieldset {
   color: #1c1d22;
   font-family: "Roboto Mono", monospace;
   word-wrap: break-word !important;
+  word-break: break-word !important;
   white-space: pre-wrap !important;
   font-size: 12px !important;
   color: #3f4551 !important;
@@ -2151,7 +2152,7 @@ h2.react-datepicker__current-month {
   margin: 4px;
 }
 .vuiDatePicker .react-datepicker__day-name {
-  color: #3f4551;
+  color: #6d7686;
 }
 .vuiDatePicker .react-datepicker__day {
   color: #1c1d22;
@@ -2645,7 +2646,7 @@ h2.react-datepicker__current-month {
 }
 
 .vuiSuperRadioButton__description {
-  color: #3f4551;
+  color: #6d7686;
 }
 
 .vuiTextArea {
@@ -2810,7 +2811,7 @@ h2.react-datepicker__current-month {
   color: #d22d2d;
 }
 .vuiIcon--default.vuiIcon--subdued .vuiIcon__inner {
-  color: #3f4551;
+  color: #6d7686;
 }
 .vuiIcon--default.vuiIcon--neutral .vuiIcon__inner {
   color: #1c1d22;
@@ -2854,7 +2855,7 @@ h2.react-datepicker__current-month {
   color: #ffffff;
 }
 .vuiIcon--enclosed.vuiIcon--subdued {
-  background-color: #3f4551;
+  background-color: #6d7686;
 }
 .vuiIcon--enclosed.vuiIcon--subdued .vuiIcon__inner {
   color: #ffffff;
@@ -2910,7 +2911,7 @@ h2.react-datepicker__current-month {
   background-color: #f1f4f6;
 }
 .vuiIcon--token.vuiIcon--subdued .vuiIcon__inner {
-  color: #3f4551;
+  color: #6d7686;
 }
 .vuiIcon--token.vuiIcon--neutral {
   background-color: #f1f4f6;
@@ -3015,7 +3016,7 @@ h2.react-datepicker__current-month {
   flex-direction: column;
   border-radius: 24px;
   background-color: #f1f4f6;
-  color: #3f4551;
+  color: #6d7686;
   font-weight: 600;
   line-height: 0;
   align-items: center;
@@ -3105,7 +3106,7 @@ h2.react-datepicker__current-month {
 }
 
 .vuiMenuItem__text {
-  color: #3f4551;
+  color: #6d7686;
   font-size: 12px;
   line-height: 1.4;
 }
@@ -3689,7 +3690,7 @@ h2.react-datepicker__current-month {
   top: 0;
   font-weight: 600;
   padding: 8px;
-  color: #3f4551;
+  color: #6d7686;
   padding: 4px 8px;
   width: 30px;
   text-align: center;
@@ -3986,7 +3987,7 @@ h2.react-datepicker__current-month {
 .vuiStep__titleText {
   font-weight: 500;
   line-height: 1.3;
-  color: #3f4551;
+  color: #6d7686;
 }
 .vuiStep__title--current .vuiStep__titleText {
   color: #045dda;
@@ -4323,7 +4324,7 @@ h2.react-datepicker__current-month {
   white-space: nowrap;
   flex-grow: 0;
   flex-shrink: 0;
-  color: #3f4551;
+  color: #6d7686;
   text-decoration: none;
   cursor: pointer;
 }
@@ -4776,7 +4777,7 @@ h2.react-datepicker__current-month {
 }
 
 .vuiTextColor--subdued {
-  color: #3f4551 !important;
+  color: #6d7686 !important;
 }
 
 .vuiTextColor--neutral {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vectara/vectara-ui",
-  "version": "9.2.4",
+  "version": "9.2.6",
   "homepage": "./",
   "description": "Vectara's design system, codified as a React and Sass component library",
   "author": "Vectara",