@turquoisehealth/pit-viper 2.206.1 → 2.207.0

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

@@ -1932,6 +1932,30 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   font-size: 3rem;
 }
 
+.pv-avatar-group-md > li,
+.pv-avatar-group-md[data-more]:after {
+  width: 20px;
+  font-size: 0.4375rem;
+  letter-spacing: 0.7px;
+  background-size: 12px 12px;
+}
+
+.pv-avatar-group-lg > li,
+.pv-avatar-group-lg[data-more]:after {
+  width: 24px;
+  font-size: 0.6875rem;
+  letter-spacing: 0.11px;
+  background-size: 16px 16px;
+}
+
+.pv-avatar-group-xxl > li,
+.pv-avatar-group-xxl[data-more]:after {
+  width: 40px;
+  font-size: 0.875rem;
+  letter-spacing: 0.14px;
+  background-size: 20px 20px;
+}
+
 .pv-avatar-group {
   display: flex;
   align-items: center;
@@ -5212,16 +5236,6 @@ pv-sidebar {
   width: 64px;
 }
 
-.content-panel {
-  grid-area: content;
-  overflow-y: auto;
-  scroll-behavior: smooth;
-  scroll-padding: 1rem;
-  display: grid;
-  grid-template-rows: auto 1fr;
-  z-index: 5;
-}
-
 .sidebar-header {
   display: flex;
   align-items: center;

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

@@ -1938,6 +1938,30 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   font-size: 3rem;
 }
 
+.pv-avatar-group-md > li,
+.pv-avatar-group-md[data-more]:after {
+  width: 20px;
+  font-size: 0.4375rem;
+  letter-spacing: 0.7px;
+  background-size: 12px 12px;
+}
+
+.pv-avatar-group-lg > li,
+.pv-avatar-group-lg[data-more]:after {
+  width: 24px;
+  font-size: 0.6875rem;
+  letter-spacing: 0.11px;
+  background-size: 16px 16px;
+}
+
+.pv-avatar-group-xxl > li,
+.pv-avatar-group-xxl[data-more]:after {
+  width: 40px;
+  font-size: 0.875rem;
+  letter-spacing: 0.14px;
+  background-size: 20px 20px;
+}
+
 .pv-avatar-group {
   display: flex;
   align-items: center;

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

@@ -1776,6 +1776,27 @@
   width: 96px;
   font-size: 3rem;
 }
+.pv-v2 .pv-avatar-group-md > li,
+.pv-v2 .pv-avatar-group-md[data-more]:after {
+  width: 20px;
+  font-size: 0.4375rem;
+  letter-spacing: 0.7px;
+  background-size: 12px 12px;
+}
+.pv-v2 .pv-avatar-group-lg > li,
+.pv-v2 .pv-avatar-group-lg[data-more]:after {
+  width: 24px;
+  font-size: 0.6875rem;
+  letter-spacing: 0.11px;
+  background-size: 16px 16px;
+}
+.pv-v2 .pv-avatar-group-xxl > li,
+.pv-v2 .pv-avatar-group-xxl[data-more]:after {
+  width: 40px;
+  font-size: 0.875rem;
+  letter-spacing: 0.14px;
+  background-size: 20px 20px;
+}
 .pv-v2 .pv-avatar-group {
   display: flex;
   align-items: center;

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

@@ -1932,6 +1932,30 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   font-size: 3rem;
 }
 
+.pv-avatar-group-md > li,
+.pv-avatar-group-md[data-more]:after {
+  width: 20px;
+  font-size: 0.4375rem;
+  letter-spacing: 0.7px;
+  background-size: 12px 12px;
+}
+
+.pv-avatar-group-lg > li,
+.pv-avatar-group-lg[data-more]:after {
+  width: 24px;
+  font-size: 0.6875rem;
+  letter-spacing: 0.11px;
+  background-size: 16px 16px;
+}
+
+.pv-avatar-group-xxl > li,
+.pv-avatar-group-xxl[data-more]:after {
+  width: 40px;
+  font-size: 0.875rem;
+  letter-spacing: 0.14px;
+  background-size: 20px 20px;
+}
+
 .pv-avatar-group {
   display: flex;
   align-items: center;
@@ -4027,6 +4051,25 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   color: #121313;
 }
 
+pv-header [slot=left],
+pv-header [slot=right],
+#header-title,
+#header-actions {
+  --button-padding: var(--button-large-padding, calc(0.5rem - 1px) 0.75rem);
+  --button-gap: var(--button-large-gap, 0.5rem);
+  --button-small-padding: var(--button-large-padding, calc(0.5rem - 1px) 0.75rem);
+  --button-small-font-size: var(--button-font-size, 0.75rem);
+  --button-small-line-height: var(--button-line-height, 1.33333333);
+  --button-icon-only-padding: var(--button-large-icon-only-padding, calc(0.5rem - 1px));
+  --toggle-small-padding: var(--toggle-padding, calc(0.5rem - 1px) 0.75rem);
+}
+
+pv-header h3[slot=left].pv-heading-3,
+pv-header [slot=left] h3.pv-heading-3 {
+  font-size: var(--font-size-heading-2, 1rem);
+  line-height: var(--line-height-heading-2, 1.5);
+}
+
 .pv-card {
   position: relative;
   border: 1px solid var(--card-border-color, #E3E7EA);
@@ -5212,16 +5255,6 @@ pv-sidebar {
   width: 64px;
 }
 
-.content-panel {
-  grid-area: content;
-  overflow-y: auto;
-  scroll-behavior: smooth;
-  scroll-padding: 1rem;
-  display: grid;
-  grid-template-rows: auto 1fr;
-  z-index: 5;
-}
-
 .sidebar-header {
   display: flex;
   align-items: center;

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

@@ -1937,6 +1937,30 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
   font-size: 3rem;
 }
 
+.pv-avatar-group-md > li,
+.pv-avatar-group-md[data-more]:after {
+  width: 20px;
+  font-size: 0.4375rem;
+  letter-spacing: unset;
+  background-size: 100%;
+}
+
+.pv-avatar-group-lg > li,
+.pv-avatar-group-lg[data-more]:after {
+  width: 24px;
+  font-size: 0.6875rem;
+  letter-spacing: unset;
+  background-size: 100%;
+}
+
+.pv-avatar-group-xxl > li,
+.pv-avatar-group-xxl[data-more]:after {
+  width: 44px;
+  font-size: 0.875rem;
+  letter-spacing: unset;
+  background-size: 100%;
+}
+
 .pv-avatar-group {
   display: flex;
   align-items: center;

package/package.json

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