@turquoisehealth/pit-viper 2.257.0 → 2.258.1

package/_site/assets/css/pit-viper.css

@@ -1608,15 +1608,17 @@ div:has(> .pv-input-text[data-prefix="$"]):after {
   content: "$";
   left: 0.75rem;
 }
-div:has(> .pv-input-text[data-prefix="$"]) .pv-input-text {
-  padding-inline-start: calc(0.75rem + 1.5ch);
-}
 
 div:has(> .pv-input-text[data-suffix="%"]):after {
   content: "%";
   right: 0.75rem;
 }
-div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
+
+div > .pv-input-text.pv-input-text[data-prefix="$"] {
+  padding-inline-start: calc(0.75rem + 1.5ch);
+}
+
+div > .pv-input-text.pv-input-text[data-suffix="%"] {
   padding-inline-end: calc(0.75rem + 1.5ch);
 }
 
@@ -6165,6 +6167,57 @@ pv-data-grid.ag-theme-pv {
   border: 1px solid var(--banner-tertiary-border-color, transparent);
 }
 
+.pv-banner-universal,
+.pv-banner-ai {
+  background-color: var(--banner-universal-background-color, #F3F1EB);
+  border: 1px solid var(--banner-universal-border-color, #E7E7E7);
+}
+
+.pv-banner-ai {
+  border-radius: 999px;
+}
+
+[class*=pv-banner-accent-] {
+  position: relative;
+}
+
+[class*=pv-banner-accent-]::before {
+  content: "";
+  position: absolute;
+  top: 0.75rem;
+  bottom: 0.75rem;
+  left: -1px;
+  width: var(--banner-accent-width, 4px);
+  border-radius: 0 var(--banner-accent-width, 4px) var(--banner-accent-width, 4px) 0;
+  background-color: var(--banner-accent-color);
+}
+
+.pv-banner-accent-blue {
+  --banner-accent-color: var(--shape-blue, #4D9FF2);
+}
+
+.pv-banner-accent-purple {
+  --banner-accent-color: var(--shape-purple, #DD8EFF);
+}
+
+.pv-banner-accent-red {
+  --banner-accent-color: var(--shape-error, #FA6E42);
+}
+
+.pv-banner-accent-yellow {
+  --banner-accent-color: var(--shape-warning, #FCB510);
+}
+
+.pv-banner-accent-green {
+  --banner-accent-color: var(--shape-success, #9DD549);
+}
+
+.pv-banner-marketing {
+  background-color: var(--banner-universal-background-color, #F3F1EB);
+  background-image: var(--banner-marketing-background-image, linear-gradient(90deg, rgba(168, 230, 225, 0) 35%, rgba(168, 230, 225, 0.5) 65%, rgba(168, 230, 225, 0.75) 78%, rgba(168, 230, 225, 0.9) 78%, rgba(168, 230, 225, 0.7) 100%));
+  border: 1px solid var(--banner-universal-border-color, #E7E7E7);
+}
+
 [class*=pv-toggle] {
   cursor: pointer;
   display: flex;
@@ -6784,18 +6837,10 @@ body:has(> .pv-layout-primary) {
 > [data-layout=left-sidebar] > :where([data-layout=left-sidebar][data-hidden])) {
   --left-size: var(--min-size) !important;
 }
-.pv-layout-two-sidebar:has(> [data-layout=left-sidebar][data-hidden],
-> [data-layout=left-sidebar] > :where([data-layout=left-sidebar][data-hidden])) > [data-layout=left-sidebar] svg.pv-trigger-icon {
-  transform: rotate(180deg);
-}
 .pv-layout-two-sidebar:has(> [data-layout=right-sidebar][data-hidden],
 > [data-layout=right-sidebar] > :where([data-layout=right-sidebar][data-hidden])) {
   --right-size: var(--min-size) !important;
 }
-.pv-layout-two-sidebar:has(> [data-layout=right-sidebar][data-hidden],
-> [data-layout=right-sidebar] > :where([data-layout=right-sidebar][data-hidden])) > [data-layout=right-sidebar] svg.pv-trigger-icon {
-  transform: rotate(180deg);
-}
 .pv-layout-two-sidebar:has(> [data-layout=left-sidebar][data-hidden],
 > [data-layout=left-sidebar] > :where([data-layout=left-sidebar][data-hidden])):has(> [data-layout=right-sidebar][data-hidden],
 > [data-layout=right-sidebar] > :where([data-layout=right-sidebar][data-hidden])) {
@@ -6845,6 +6890,13 @@ body:has(> .pv-layout-primary) {
   display: none;
 }
 
+.pv-layout-two-sidebar > [data-layout=left-sidebar][data-hidden] svg.pv-trigger-icon,
+.pv-layout-two-sidebar > [data-layout=right-sidebar][data-hidden] svg.pv-trigger-icon,
+.pv-layout-two-sidebar > [data-layout=left-sidebar] > [data-layout=left-sidebar][data-hidden] svg.pv-trigger-icon,
+.pv-layout-two-sidebar > [data-layout=right-sidebar] > [data-layout=right-sidebar][data-hidden] svg.pv-trigger-icon {
+  transform: rotate(180deg);
+}
+
 .pv-surface-brand {
   background-color: var(--color-background-brand, #02363D);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turquoisehealth/pit-viper",
-  "version": "2.257.0",
+  "version": "2.258.1",
   "description": "Turquoise Health's design system.",
   "main": "README.md",
   "publishConfig": {