@turquoisehealth/pit-viper 2.260.0 → 2.261.0

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

@@ -5873,14 +5873,17 @@ pv-data-grid.ag-theme-pv {
   border-bottom: 1px solid var(--color-border, #DCDFE4);
 }
 
-.ag-header-group-cell.pv-pivot-group {
+.ag-header-group-cell.pv-pivot-group,
+.pv-pivot-skeleton .pv-pivot-group {
+  border-left: 1px solid var(--color-border, #DCDFE4);
   border-radius: 6px 6px 0 0;
   overflow: hidden;
   --ag-header-cell-hover-background-color: transparent;
   --ag-header-cell-moving-background-color: transparent;
 }
 
-.ag-header-group-cell.pv-pivot-group::before {
+.ag-header-group-cell.pv-pivot-group::before,
+.pv-pivot-skeleton .pv-pivot-group::before {
   content: "";
   position: absolute;
   top: 0;
@@ -5890,12 +5893,49 @@ pv-data-grid.ag-theme-pv {
   background-color: var(--pv-pivot-group-color, transparent);
 }
 
+.pv-pivot-skeleton {
+  max-height: 100%;
+  overflow: hidden;
+}
+
+.pv-pivot-skeleton__row {
+  display: grid;
+}
+
+.pv-pivot-skeleton__tabs {
+  margin-inline: 1px;
+}
+
+.pv-pivot-skeleton__bar {
+  width: 60%;
+  height: 12px;
+  border-radius: 4px;
+  background-color: var(--p-skeleton-background, #F0F2F2);
+}
+
 .pv-data-table--pivot .ag-root-wrapper {
-  border-top-color: transparent;
-  border-left-color: transparent;
+  border-width: 0 1px 1px;
+  border-color: transparent;
   border-top-left-radius: 0;
 }
 
+.pv-data-table--pivot {
+  position: relative;
+}
+
+.pv-data-table--pivot::after {
+  --pv-pivot-hole: calc(var(--pv-pivot-corner-height) + 8px);
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: 2;
+  pointer-events: none;
+  border: solid var(--color-border, #DCDFE4);
+  border-width: 0 1px 1px;
+  border-radius: 0 8px 8px;
+  clip-path: polygon(0 100%, 0 var(--pv-pivot-hole), 2px var(--pv-pivot-hole), 2px 0, 100% 0, 100% 100%);
+}
+
 .pv-data-table--pivot .ag-header-group-cell-no-group,
 .pv-data-table--pivot .ag-header-group-cell-no-group:hover {
   background-color: transparent;
@@ -5910,35 +5950,29 @@ pv-data-grid.ag-theme-pv {
   border-top-left-radius: var(--ag-wrapper-border-radius, 8px);
 }
 
-.pv-data-table--pivot .ag-pinned-left-cols-container .ag-row-last {
-  border-bottom-left-radius: var(--ag-wrapper-border-radius, 8px);
-}
-
-.pv-data-table--pivot .ag-pinned-left-cols-container .ag-cell-last-left-pinned {
+.pv-data-table--pivot .ag-pinned-left-cols-container .ag-cell-last-left-pinned:not(.ag-cell-focus, .ag-cell-range-single-cell) {
   border-right-color: transparent !important;
 }
 
-.pv-data-table--pivot .ag-pinned-left-header .ag-header-cell,
-.pv-data-table--pivot .ag-pinned-left-cols-container .ag-row {
-  border-left: var(--ag-wrapper-border);
-}
-
 .ag-header-group-cell.pv-pivot-group--highlight {
   background-color: var(--color-background-accent, #F8F8FA);
 }
 
 .ag-header-cell.pv-pivot-column-header {
   background-color: var(--color-background-accent, #F8F8FA);
+  border-left: 1px solid var(--color-border, #DCDFE4);
 }
 
-.ag-header-cell.pv-pivot-column-header + .ag-header-cell.pv-pivot-column-header {
-  border-left: 1px solid var(--color-border, #DCDFE4);
+.pv-data-table--pivot .ag-center-cols-container .ag-cell {
+  background-image: linear-gradient(var(--color-border, #DCDFE4), var(--color-border, #DCDFE4));
+  background-position: left;
+  background-size: 1px 100%;
+  background-repeat: no-repeat;
+  background-origin: border-box;
 }
 
-.ag-header-group-cell.pv-pivot-group,
-.ag-header-cell.pv-pivot-group-start,
-.ag-cell.pv-pivot-group-start {
-  border-left: 1px solid var(--color-border, #DCDFE4);
+.pv-data-table--pivot .ag-row-last {
+  border-bottom-width: 0;
 }
 
 .pv-table-overlay {

package/package.json

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