@turquoisehealth/pit-viper 2.257.0 → 2.258.0

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

@@ -6182,6 +6182,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, #F9633A);
+}
+
+.pv-banner-accent-yellow {
+  --banner-accent-color: var(--shape-warning, #FCAC11);
+}
+
+.pv-banner-accent-green {
+  --banner-accent-color: var(--shape-success, #92CF40);
+}
+
+.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;

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

@@ -6182,6 +6182,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;

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

@@ -6166,6 +6166,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;

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

@@ -5566,6 +5566,47 @@
   background-color: var(--banner-tertiary-background-color, #F7F8F8);
   border: 1px solid var(--banner-tertiary-border-color, transparent);
 }
+.pv-v2 .pv-banner-universal,
+.pv-v2 .pv-banner-ai {
+  background-color: var(--banner-universal-background-color, #F3F1EB);
+  border: 1px solid var(--banner-universal-border-color, #E7E7E7);
+}
+.pv-v2 .pv-banner-ai {
+  border-radius: 999px;
+}
+.pv-v2 [class*=pv-banner-accent-] {
+  position: relative;
+}
+.pv-v2 [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-v2 .pv-banner-accent-blue {
+  --banner-accent-color: var(--shape-blue, #4D9FF2);
+}
+.pv-v2 .pv-banner-accent-purple {
+  --banner-accent-color: var(--shape-purple, #DD8EFF);
+}
+.pv-v2 .pv-banner-accent-red {
+  --banner-accent-color: var(--shape-error, #FA6E42);
+}
+.pv-v2 .pv-banner-accent-yellow {
+  --banner-accent-color: var(--shape-warning, #FCB510);
+}
+.pv-v2 .pv-banner-accent-green {
+  --banner-accent-color: var(--shape-success, #9DD549);
+}
+.pv-v2 .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);
+}
 .pv-v2 [class*=pv-toggle] {
   cursor: pointer;
   display: flex;

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

@@ -6182,6 +6182,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;

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

@@ -6182,6 +6182,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;

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

@@ -6165,6 +6165,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;

package/package.json

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