@turquoisehealth/pit-viper 2.234.2 → 2.234.3

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.
package/README.md CHANGED
@@ -9,10 +9,13 @@ Pit Viper has 2 main components:
9
9
  - The Pit Viper Component Library (PV Components)
10
10
 
11
11
  ### Running Pit Viper Locally
12
+
13
+ **Prerequisites:** Node.js >= 24 and [pnpm](https://pnpm.io/) are required. This repo uses pnpm workspaces. Run `./scripts/check-deps.sh` to check for these; on macOS with Homebrew it can prompt to `brew install` anything missing.
14
+
12
15
  1. Clone this repo.
13
- 2. Run `npm install` to install all necessary packages.
14
- 3. Run `npm run start` and you should see Pit Viper in http://localhost:8080/. Any updates will automatically update and refresh in the browser.
15
- 4. If you are using the Pit Viper component library, run `npm run build:pv-components` to build the component lib documentation and serve a static version of it via 11ty.
16
+ 2. Run `pnpm install` to install all necessary packages.
17
+ 3. Run `pnpm run start` and you should see Pit Viper in http://localhost:8080/. Any updates will automatically update and refresh in the browser.
18
+ 4. If you are using the Pit Viper component library, run `pnpm run storybook` in another terminal to serve the full component documentation (embedded within the 11ty pages), then go to http://localhost:8080/pv-components.
16
19
 
17
20
  To develop locally (CSS or components), read the [Notion documentation](https://www.notion.so/turquoisehealth/Develop-w-Pit-Viper-Locally-f2c2ce234c934525a18172504f704080).
18
21
 
@@ -5116,13 +5116,13 @@ pv-data-grid.ag-theme-pv {
5116
5116
  .pv-stepper-active {
5117
5117
  width: 32px;
5118
5118
  border-radius: 4px;
5119
- background-color: #BAC4C3;
5119
+ background-color: var(--stepper-active-background-color, #BAC4C3);
5120
5120
  }
5121
5121
 
5122
5122
  .pv-stepper-inactive {
5123
5123
  width: 8px;
5124
5124
  border-radius: 50%;
5125
- background-color: #E0E5E4;
5125
+ background-color: var(--stepper-inactive-background-color, #E0E5E4);
5126
5126
  }
5127
5127
 
5128
5128
  .pv-step-list {
@@ -5122,13 +5122,13 @@ pv-data-grid.ag-theme-pv {
5122
5122
  .pv-stepper-active {
5123
5123
  width: 32px;
5124
5124
  border-radius: 4px;
5125
- background-color: #BAC4C3;
5125
+ background-color: var(--stepper-active-background-color, #BAC4C3);
5126
5126
  }
5127
5127
 
5128
5128
  .pv-stepper-inactive {
5129
5129
  width: 8px;
5130
5130
  border-radius: 50%;
5131
- background-color: #E0E5E4;
5131
+ background-color: var(--stepper-inactive-background-color, #E0E5E4);
5132
5132
  }
5133
5133
 
5134
5134
  .pv-step-list {
@@ -4681,12 +4681,12 @@
4681
4681
  .pv-v2 .pv-stepper-active {
4682
4682
  width: 32px;
4683
4683
  border-radius: 4px;
4684
- background-color: #BAC4C3;
4684
+ background-color: var(--stepper-active-background-color, #BAC4C3);
4685
4685
  }
4686
4686
  .pv-v2 .pv-stepper-inactive {
4687
4687
  width: 8px;
4688
4688
  border-radius: 50%;
4689
- background-color: #E0E5E4;
4689
+ background-color: var(--stepper-inactive-background-color, #E0E5E4);
4690
4690
  }
4691
4691
  .pv-v2 .pv-step-list {
4692
4692
  list-style: none;
@@ -5138,13 +5138,13 @@ pv-data-grid.ag-theme-pv {
5138
5138
  .pv-stepper-active {
5139
5139
  width: 32px;
5140
5140
  border-radius: 4px;
5141
- background-color: #BAC4C3;
5141
+ background-color: var(--stepper-active-background-color, #BAC4C3);
5142
5142
  }
5143
5143
 
5144
5144
  .pv-stepper-inactive {
5145
5145
  width: 8px;
5146
5146
  border-radius: 50%;
5147
- background-color: #E0E5E4;
5147
+ background-color: var(--stepper-inactive-background-color, #E0E5E4);
5148
5148
  }
5149
5149
 
5150
5150
  .pv-step-list {
@@ -5121,13 +5121,13 @@ pv-data-grid.ag-theme-pv {
5121
5121
  .pv-stepper-active {
5122
5122
  width: 32px;
5123
5123
  border-radius: 4px;
5124
- background-color: #BAC4C3;
5124
+ background-color: var(--stepper-active-background-color, #BAC4C3);
5125
5125
  }
5126
5126
 
5127
5127
  .pv-stepper-inactive {
5128
5128
  width: 8px;
5129
5129
  border-radius: 50%;
5130
- background-color: #E0E5E4;
5130
+ background-color: var(--stepper-inactive-background-color, #E0E5E4);
5131
5131
  }
5132
5132
 
5133
5133
  .pv-step-list {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@turquoisehealth/pit-viper",
3
- "version": "2.234.2",
3
+ "version": "2.234.3",
4
4
  "description": "Turquoise Health's design system.",
5
5
  "main": "README.md",
6
6
  "publishConfig": {