npm - @turquoisehealth/pit-viper - Versions diffs - 2.196.1 → 2.197.1 - Mend

@turquoisehealth/pit-viper 2.196.1 → 2.197.1

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.

Files changed (168) hide show

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

@@ -2293,14 +2293,13 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 .pv-notification {
   --bg-color: white;
   position: relative;
-  color: currentColor;
 }
 .pv-notification:after {
   content: "";
   display: block;
   width: 8px;
   height: 8px;
-  background-color: #FFEFEB;
+  background-color: #FF471A;
   border: 2px solid var(--bg-color);
   border-radius: 50%;
   position: absolute;
@@ -5067,6 +5066,190 @@ body:has(.pv-layout-primary) {
   padding: 1rem 0.5rem;
 }
+pv-sidebar {
+  display: block;
+}
+.sidebar-layout {
+  --layout-primary-sidebar-background-color: #02363D;
+  --layout-primary-sidebar-text-color: #FFFFFF;
+  --nav-list-background-color: var(--layout-primary-sidebar-background-color);
+  --nav-list-text-color: var(--layout-primary-sidebar-text-color);
+  --nav-list-hover-background-color: #0d5256;
+  --nav-list-hover-text-color: var(--layout-primary-sidebar-text-color);
+  --nav-list-active-background-color: #02363D;
+  --nav-list-active-text-color: var(--layout-primary-sidebar-text-color);
+  --nav-list-pressed-background-color: #02363D;
+  --nav-list-pressed-text-color: var(--layout-primary-sidebar-text-color);
+  --nav-list-font-size: 0.875rem;
+  --nav-list-font-weight: 600;
+  --nav-list-line-height: 1.375;
+  --nav-list-details-padding: 2px;
+  --nav-list-details-margin: -2px;
+  --nav-list-gap: 0;
+  --nav-list-group-border-open: transparent;
+  --nav-list-group-border-active: transparent;
+  --nav-list-group-padding: 0.5rem 1rem;
+  --nav-list-group-margin: 1.25rem;
+  --accordion-background-color: transparent;
+  --accordion-border: none;
+  --accordion-content-padding: 0;
+  display: grid;
+  grid-template-columns: 64px 1fr;
+  grid-template-areas: "sidebar content";
+  flex: 1;
+  min-height: 0;
+  height: 100%;
+  transition: grid-template-columns 0.3s ease-in-out;
+  font-family: var(--layout-primary-sidebar-font-family, "Inter", sans-serif);
+}
+.sidebar-layout.is-expanded {
+  grid-template-columns: 260px 1fr;
+}
+.sidebar-layout.is-expanded .sidebar-panel {
+  width: 260px;
+}
+.sidebar-layout.is-expanded .sidebar-toggle {
+  opacity: 1;
+  pointer-events: auto;
+}
+.sidebar-layout.is-floating .sidebar-panel {
+  width: 260px;
+  position: absolute;
+  box-shadow: 0px 16px 28px -8px rgba(0, 0, 0, 0.25), 0px 12px 20px 0px rgba(0, 0, 0, 0.25), 0px 0px 1px 0px rgba(0, 0, 0, 0.35);
+}
+.sidebar-layout.is-floating .sidebar-toggle {
+  opacity: 1;
+  pointer-events: auto;
+}
+.sidebar-layout .pv-nav-list span {
+  display: block;
+}
+.sidebar-layout.is-collapsed:not(.is-floating) .pv-nav-list span {
+  display: none;
+}
+.sidebar-layout.is-collapsed:not(.is-floating) .pv-nav-container summary,
+.sidebar-layout.is-collapsed:not(.is-floating) .pv-nav-list summary {
+  background-image: none !important;
+}
+.sidebar-layout.is-collapsed:not(.is-floating) [data-sidebar-expanded-content] {
+  display: none !important;
+}
+.sidebar-layout.is-collapsed:not(.is-floating) .pv-nav-container {
+  width: 64px;
+}
+.sidebar-layout.is-collapsed:not(.is-floating) .nested-nav {
+  display: none;
+}
+.sidebar-layout.is-collapsed:not(.is-floating) [data-grid-area=sidebar] > footer {
+  padding: 1rem 0.5rem;
+}
+.sidebar-layout.is-collapsed:not(.is-floating) .pv-avatar {
+  margin-inline: auto;
+}
+.sidebar-layout .pv-popover-menu[data-active] .pv-popover,
+.sidebar-layout .pv-popover-menu[data-active]:focus-within .pv-popover {
+  display: initial;
+  visibility: initial;
+  opacity: 100%;
+}
+.sidebar-layout .pv-nav-list details[open] {
+  border-block: 1px solid transparent;
+}
+.sidebar-layout .pv-nav-list,
+.sidebar-layout .pv-nav-list a,
+.sidebar-layout .pv-nav-list summary {
+  color: var(--layout-primary-sidebar-text-color) !important;
+}
+.sidebar-layout .pv-nav-list-item {
+  border-radius: 0.5rem !important;
+}
+.sidebar-layout .nested-nav li a {
+  border-radius: 0 0.5rem 0.5rem 0 !important;
+  border-left: 1px solid var(--stroke-accordion-border-left);
+}
+.sidebar-layout summary {
+  border-radius: 0.5rem !important;
+}
+.sidebar-panel {
+  grid-area: sidebar;
+  background-color: var(--layout-primary-sidebar-background-color);
+  color: var(--layout-primary-sidebar-text-color);
+  box-shadow: var(--layout-primary-sidebar-shadow, none);
+  border-inline-end: 1px solid var(--layout-primary-sidebar-border-color, transparent);
+  display: grid;
+  grid-template-rows: auto 1fr;
+  position: sticky;
+  top: 0;
+  height: 100%;
+  z-index: 10;
+  overflow: hidden;
+  transition: width 0.3s ease-in-out;
+  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;
+  padding: 0.75rem 1rem;
+  margin-block-end: 0.75rem;
+  min-width: 0;
+}
+.sidebar-header-content {
+  flex: 1;
+  min-width: 0;
+}
+.sidebar-toggle {
+  flex-shrink: 0;
+  color: var(--layout-primary-sidebar-toggle-color, #6e8081) !important;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.15s;
+}
+.sidebar-layout-primary {
+  --layout-primary-sidebar-background-color: #01262B;
+  --layout-primary-sidebar-text-color: #FFFFFF;
+  --layout-primary-sidebar-border-color: transparent;
+  --layout-primary-sidebar-shadow: none;
+  --layout-primary-sidebar-toggle-color: #4B595C;
+  --nav-list-hover-background-color: #0D5256;
+  --nav-list-active-background-color: #02363D;
+  --nav-list-pressed-background-color: #02363D;
+  --nav-list-pressed-text-color: main-pressed;
+  --stroke-accordion-border-left: rgba(227,231,234,0.20);
+}
+.sidebar-layout-secondary {
+  --layout-primary-sidebar-background-color: #FFFFFF;
+  --layout-primary-sidebar-text-color: #121313;
+  --layout-primary-sidebar-border-color: #8F939E;
+  --layout-primary-sidebar-shadow: -2px 0px 10px -1px rgba(0, 0, 0, 0.04) inset;
+  --layout-primary-sidebar-toggle-color: #4B595C;
+  --nav-list-hover-background-color: #E8F2F4;
+  --nav-list-hover-text-color: #0D5256;
+  --nav-list-active-background-color: #E8EBEB;
+  --nav-list-active-text-color: #13595D;
+  --nav-list-pressed-background-color: #C7D8DB;
+  --nav-list-pressed-text-color: #02363D;
+  --nav-list-active-page-icon-color: #121313;
+  --nav-list-hover-text-color: #121313;
+  --stroke-accordion-border-left: #8F939E;
+}
 .pv-layout-sidebar {
   --sidebar-width: 300px;
   min-height: 100%;
@@ -5242,6 +5425,10 @@ body:has(.pv-layout-primary) {
   background-color: var(--color-background-brand-accent, #E8F2F4);
 }
+.pv-surface-neutral-warm {
+  background-color: var(--color-background-neutral-warm, #F8F7F1);
+}
 .pv-surface-inverse {
   background-color: var(--color-background-inverse, #242626);
 }

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

@@ -2299,14 +2299,13 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 .pv-notification {
   --bg-color: white;
   position: relative;
-  color: currentColor;
 }
 .pv-notification:after {
   content: "";
   display: block;
   width: 8px;
   height: 8px;
-  background-color: #FFEFEB;
+  background-color: #FF471A;
   border: 2px solid var(--bg-color);
   border-radius: 50%;
   position: absolute;
@@ -5248,6 +5247,10 @@ body:has(.pv-layout-primary) {
   background-color: var(--color-background-brand-accent, #F8F7F1);
 }
+.pv-surface-neutral-warm {
+  background-color: var(--color-background-neutral-warm, #F8F7F1);
+}
 .pv-surface-inverse {
   background-color: var(--color-background-inverse, #242626);
 }

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

@@ -2109,14 +2109,13 @@
 .pv-v2 .pv-notification {
   --bg-color: white;
   position: relative;
-  color: currentColor;
 }
 .pv-v2 .pv-notification:after {
   content: "";
   display: block;
   width: 8px;
   height: 8px;
-  background-color: #FFEFEB;
+  background-color: #FF471A;
   border: 2px solid var(--bg-color);
   border-radius: 50%;
   position: absolute;
@@ -4803,6 +4802,9 @@
 .pv-v2 .pv-surface-brand-accent {
   background-color: var(--color-background-brand-accent, #E8F2F4);
 }
+.pv-v2 .pv-surface-neutral-warm {
+  background-color: var(--color-background-neutral-warm, #F8F7F1);
+}
 .pv-v2 .pv-surface-inverse {
   background-color: var(--color-background-inverse, #242626);
 }

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

@@ -2293,14 +2293,13 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 .pv-notification {
   --bg-color: white;
   position: relative;
-  color: currentColor;
 }
 .pv-notification:after {
   content: "";
   display: block;
   width: 8px;
   height: 8px;
-  background-color: #FFEFEB;
+  background-color: #FF471A;
   border: 2px solid var(--bg-color);
   border-radius: 50%;
   position: absolute;
@@ -5067,6 +5066,190 @@ body:has(.pv-layout-primary) {
   padding: 1rem 0.5rem;
 }
+pv-sidebar {
+  display: block;
+}
+.sidebar-layout {
+  --layout-primary-sidebar-background-color: #02363D;
+  --layout-primary-sidebar-text-color: #FFFFFF;
+  --nav-list-background-color: var(--layout-primary-sidebar-background-color);
+  --nav-list-text-color: var(--layout-primary-sidebar-text-color);
+  --nav-list-hover-background-color: #0d5256;
+  --nav-list-hover-text-color: var(--layout-primary-sidebar-text-color);
+  --nav-list-active-background-color: #02363D;
+  --nav-list-active-text-color: var(--layout-primary-sidebar-text-color);
+  --nav-list-pressed-background-color: #02363D;
+  --nav-list-pressed-text-color: var(--layout-primary-sidebar-text-color);
+  --nav-list-font-size: 0.75rem;
+  --nav-list-font-weight: 600;
+  --nav-list-line-height: 1.1428571;
+  --nav-list-details-padding: 2px;
+  --nav-list-details-margin: -2px;
+  --nav-list-gap: 0;
+  --nav-list-group-border-open: transparent;
+  --nav-list-group-border-active: transparent;
+  --nav-list-group-padding: 0.5rem 1rem;
+  --nav-list-group-margin: 1.25rem;
+  --accordion-background-color: transparent;
+  --accordion-border: none;
+  --accordion-content-padding: 0;
+  display: grid;
+  grid-template-columns: 64px 1fr;
+  grid-template-areas: "sidebar content";
+  flex: 1;
+  min-height: 0;
+  height: 100%;
+  transition: grid-template-columns 0.3s ease-in-out;
+  font-family: var(--layout-primary-sidebar-font-family, "Inter", sans-serif);
+}
+.sidebar-layout.is-expanded {
+  grid-template-columns: 260px 1fr;
+}
+.sidebar-layout.is-expanded .sidebar-panel {
+  width: 260px;
+}
+.sidebar-layout.is-expanded .sidebar-toggle {
+  opacity: 1;
+  pointer-events: auto;
+}
+.sidebar-layout.is-floating .sidebar-panel {
+  width: 260px;
+  position: absolute;
+  box-shadow: 0px 16px 28px -8px rgba(0, 0, 0, 0.25), 0px 12px 20px 0px rgba(0, 0, 0, 0.25), 0px 0px 1px 0px rgba(0, 0, 0, 0.35);
+}
+.sidebar-layout.is-floating .sidebar-toggle {
+  opacity: 1;
+  pointer-events: auto;
+}
+.sidebar-layout .pv-nav-list span {
+  display: block;
+}
+.sidebar-layout.is-collapsed:not(.is-floating) .pv-nav-list span {
+  display: none;
+}
+.sidebar-layout.is-collapsed:not(.is-floating) .pv-nav-container summary,
+.sidebar-layout.is-collapsed:not(.is-floating) .pv-nav-list summary {
+  background-image: none !important;
+}
+.sidebar-layout.is-collapsed:not(.is-floating) [data-sidebar-expanded-content] {
+  display: none !important;
+}
+.sidebar-layout.is-collapsed:not(.is-floating) .pv-nav-container {
+  width: 64px;
+}
+.sidebar-layout.is-collapsed:not(.is-floating) .nested-nav {
+  display: none;
+}
+.sidebar-layout.is-collapsed:not(.is-floating) [data-grid-area=sidebar] > footer {
+  padding: 1rem 0.5rem;
+}
+.sidebar-layout.is-collapsed:not(.is-floating) .pv-avatar {
+  margin-inline: auto;
+}
+.sidebar-layout .pv-popover-menu[data-active] .pv-popover,
+.sidebar-layout .pv-popover-menu[data-active]:focus-within .pv-popover {
+  display: initial;
+  visibility: initial;
+  opacity: 100%;
+}
+.sidebar-layout .pv-nav-list details[open] {
+  border-block: 1px solid transparent;
+}
+.sidebar-layout .pv-nav-list,
+.sidebar-layout .pv-nav-list a,
+.sidebar-layout .pv-nav-list summary {
+  color: var(--layout-primary-sidebar-text-color) !important;
+}
+.sidebar-layout .pv-nav-list-item {
+  border-radius: 0.5rem !important;
+}
+.sidebar-layout .nested-nav li a {
+  border-radius: 0 0.5rem 0.5rem 0 !important;
+  border-left: 1px solid var(--stroke-accordion-border-left);
+}
+.sidebar-layout summary {
+  border-radius: 0.5rem !important;
+}
+.sidebar-panel {
+  grid-area: sidebar;
+  background-color: var(--layout-primary-sidebar-background-color);
+  color: var(--layout-primary-sidebar-text-color);
+  box-shadow: var(--layout-primary-sidebar-shadow, none);
+  border-inline-end: 1px solid var(--layout-primary-sidebar-border-color, transparent);
+  display: grid;
+  grid-template-rows: auto 1fr;
+  position: sticky;
+  top: 0;
+  height: 100%;
+  z-index: 10;
+  overflow: hidden;
+  transition: width 0.3s ease-in-out;
+  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;
+  padding: 0.75rem 1rem;
+  margin-block-end: 0.75rem;
+  min-width: 0;
+}
+.sidebar-header-content {
+  flex: 1;
+  min-width: 0;
+}
+.sidebar-toggle {
+  flex-shrink: 0;
+  color: var(--layout-primary-sidebar-toggle-color, #6e8081) !important;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.15s;
+}
+.sidebar-layout-primary {
+  --layout-primary-sidebar-background-color: #01262B;
+  --layout-primary-sidebar-text-color: #FFFFFF;
+  --layout-primary-sidebar-border-color: transparent;
+  --layout-primary-sidebar-shadow: none;
+  --layout-primary-sidebar-toggle-color: #6E8081;
+  --nav-list-hover-background-color: #0D5256;
+  --nav-list-active-background-color: #02363D;
+  --nav-list-pressed-background-color: #02363D;
+  --nav-list-pressed-text-color: main-pressed;
+  --stroke-accordion-border-left: rgba(227,231,234,0.20);
+}
+.sidebar-layout-secondary {
+  --layout-primary-sidebar-background-color: #FFFFFF;
+  --layout-primary-sidebar-text-color: #121313;
+  --layout-primary-sidebar-border-color: #E3E7EA;
+  --layout-primary-sidebar-shadow: -2px 0px 10px -1px rgba(0, 0, 0, 0.04) inset;
+  --layout-primary-sidebar-toggle-color: #4B595C;
+  --nav-list-hover-background-color: #E8F2F4;
+  --nav-list-hover-text-color: #0D5256;
+  --nav-list-active-background-color: #E8EBEB;
+  --nav-list-active-text-color: #16696D;
+  --nav-list-pressed-background-color: #C7D8DB;
+  --nav-list-pressed-text-color: #02363D;
+  --nav-list-active-page-icon-color: #121313;
+  --nav-list-hover-text-color: #121313;
+  --stroke-accordion-border-left: #D2D8DC;
+}
 .pv-layout-sidebar {
   --sidebar-width: 300px;
   min-height: 100%;
@@ -5242,6 +5425,10 @@ body:has(.pv-layout-primary) {
   background-color: var(--color-background-brand-accent, #E8F2F4);
 }
+.pv-surface-neutral-warm {
+  background-color: var(--color-background-neutral-warm, #F8F7F1);
+}
 .pv-surface-inverse {
   background-color: var(--color-background-inverse, #242626);
 }

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

@@ -2298,14 +2298,13 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 .pv-notification {
   --bg-color: white;
   position: relative;
-  color: currentColor;
 }
 .pv-notification:after {
   content: "";
   display: block;
   width: 8px;
   height: 8px;
-  background-color: #A2191F;
+  background-color: #FF471A;
   border: 2px solid var(--bg-color);
   border-radius: 50%;
   position: absolute;
@@ -5247,6 +5246,10 @@ body:has(.pv-layout-primary) {
   background-color: var(--color-background-brand-accent, #F3FCFB);
 }
+.pv-surface-neutral-warm {
+  background-color: var(--color-background-neutral-warm, #F8F7F1);
+}
 .pv-surface-inverse {
   background-color: var(--color-background-inverse, #242626);
 }