@turquoisehealth/pit-viper 2.71.1-dev.4 → 2.72.0

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.
@@ -3247,6 +3247,30 @@
3247
3247
  color: var(--hover-color);
3248
3248
  text-decoration: underline;
3249
3249
  }
3250
+ .pv-v2 .pv-action-bar-container {
3251
+ display: flex;
3252
+ gap: 4px;
3253
+ justify-content: center;
3254
+ }
3255
+ .pv-v2 .pv-action-bar-container > div {
3256
+ display: flex;
3257
+ align-items: center;
3258
+ white-space: nowrap;
3259
+ justify-content: unset;
3260
+ gap: 0.5rem;
3261
+ background-color: #242626;
3262
+ color: #FFFFFF;
3263
+ padding: 0.5rem 0.75rem;
3264
+ box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
3265
+ border-radius: 8px;
3266
+ font-size: 0.75rem;
3267
+ line-height: 1.33333333;
3268
+ font-weight: 500;
3269
+ }
3270
+ .pv-v2 .pv-action-bar-container[data-style=white] > div {
3271
+ background-color: #FFFFFF;
3272
+ color: #121313;
3273
+ }
3250
3274
  .pv-v2 .pv-card {
3251
3275
  position: relative;
3252
3276
  border: 1px solid var(--card-border-color, #E3E7EA);
@@ -3514,6 +3514,33 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
3514
3514
  text-decoration: underline;
3515
3515
  }
3516
3516
 
3517
+ .pv-action-bar-container {
3518
+ display: flex;
3519
+ gap: 4px;
3520
+ justify-content: center;
3521
+ }
3522
+
3523
+ .pv-action-bar-container > div {
3524
+ display: flex;
3525
+ align-items: center;
3526
+ white-space: nowrap;
3527
+ justify-content: unset;
3528
+ gap: 0.5rem;
3529
+ background-color: #242626;
3530
+ color: #FFFFFF;
3531
+ padding: 0.5rem 0.75rem;
3532
+ box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
3533
+ border-radius: 8px;
3534
+ font-size: 0.75rem;
3535
+ line-height: 1.33333333;
3536
+ font-weight: 500;
3537
+ }
3538
+
3539
+ .pv-action-bar-container[data-style=white] > div {
3540
+ background-color: #FFFFFF;
3541
+ color: #121313;
3542
+ }
3543
+
3517
3544
  .pv-card {
3518
3545
  position: relative;
3519
3546
  border: 1px solid var(--card-border-color, #E3E7EA);
@@ -3519,6 +3519,33 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
3519
3519
  text-decoration: underline;
3520
3520
  }
3521
3521
 
3522
+ .pv-action-bar-container {
3523
+ display: flex;
3524
+ gap: 4px;
3525
+ justify-content: center;
3526
+ }
3527
+
3528
+ .pv-action-bar-container > div {
3529
+ display: flex;
3530
+ align-items: center;
3531
+ white-space: nowrap;
3532
+ justify-content: space-between;
3533
+ gap: 0.5rem;
3534
+ background-color: #02363D;
3535
+ color: #FFFFFF;
3536
+ padding: 0;
3537
+ box-shadow: 0 8px 32px rgba(2, 54, 61, 0.24);
3538
+ border-radius: 4px;
3539
+ font-size: 1.125rem;
3540
+ line-height: 1.55555555;
3541
+ font-weight: 500;
3542
+ }
3543
+
3544
+ .pv-action-bar-container[data-style=white] > div {
3545
+ background-color: #02363D;
3546
+ color: #02363D;
3547
+ }
3548
+
3522
3549
  .pv-card {
3523
3550
  position: relative;
3524
3551
  border: 1px solid var(--card-border-color, #DCDFE4);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@turquoisehealth/pit-viper",
3
- "version": "2.71.1-dev.4",
3
+ "version": "2.72.0",
4
4
  "description": "Turquoise Health's design system.",
5
5
  "main": "README.md",
6
6
  "publishConfig": {