@turquoisehealth/pit-viper 2.234.4 → 2.234.5-dev.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.
Files changed (13) hide show
  1. package/_site/assets/css/pit-viper-a11y.css +31 -1
  2. package/_site/assets/css/pit-viper-consumer.css +31 -1
  3. package/_site/assets/css/pit-viper-v2-scoped.css +26 -1
  4. package/_site/assets/css/pit-viper-v2.css +31 -1
  5. package/_site/assets/css/pit-viper.css +31 -1
  6. package/package.json +1 -1
  7. package/pv-components/dist/stats/vue/visualizations/stats.html +1 -1
  8. package/pv-components/dist/vue/visualizations/components/charts/PvDataTableWithChart/PvDataTableWithChart.vue.d.ts +1 -0
  9. package/pv-components/dist/vue/visualizations/components/tables/PvDataTable/types.d.ts +2 -0
  10. package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs +1717 -1693
  11. package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs.map +1 -1
  12. package/pv-components/dist/web/pv-components.iife.js +1 -1
  13. package/pv-components/dist/web/pv-components.iife.js.map +1 -1
package/_site/assets/css/pit-viper-a11y.css CHANGED
@@ -114,7 +114,7 @@
114
114
  max-width: 100%;
115
115
  }
116
116
 
117
- [class*=pv-icon] {
117
+ [class*=pv-icon]:where(:not([class*=pv-icon-container])) {
118
118
  width: 1rem;
119
119
  aspect-ratio: 1;
120
120
  fill: currentColor;
@@ -149,6 +149,36 @@
149
149
  width: 4rem;
150
150
  }
151
151
 
152
+ [class*=pv-icon-container] {
153
+ display: inline-flex;
154
+ align-items: center;
155
+ justify-content: center;
156
+ padding: 0.25rem;
157
+ color: var(--color-text-body, #121313);
158
+ background-color: var(--background-secondary-lighten, #F0F2F2);
159
+ border-radius: 0.171875rem;
160
+ }
161
+
162
+ .pv-icon-container-orange {
163
+ color: var(--dataviz-3, #FF7A4E);
164
+ background-color: var(--dataviz-3-background, #FFF3ED);
165
+ }
166
+
167
+ .pv-icon-container-green {
168
+ color: var(--dataviz-7, #95C54C);
169
+ background-color: var(--dataviz-7-background, #F2F8EA);
170
+ }
171
+
172
+ .pv-icon-container-blue {
173
+ color: var(--dataviz-6, #7C8AF4);
174
+ background-color: var(--dataviz-6-background, #EDF5FE);
175
+ }
176
+
177
+ .pv-icon-container-pink {
178
+ color: var(--dataviz-4, #C97AEB);
179
+ background-color: var(--dataviz-4-background, #FCEDF3);
180
+ }
181
+
152
182
  [class*=pv-display] {
153
183
  font-family: "Inter", sans-serif;
154
184
  font-weight: 600;
package/_site/assets/css/pit-viper-consumer.css CHANGED
@@ -120,7 +120,7 @@
120
120
  max-width: 100%;
121
121
  }
122
122
 
123
- [class*=pv-icon] {
123
+ [class*=pv-icon]:where(:not([class*=pv-icon-container])) {
124
124
  width: 1rem;
125
125
  aspect-ratio: 1;
126
126
  fill: currentColor;
@@ -155,6 +155,36 @@
155
155
  width: 4rem;
156
156
  }
157
157
 
158
+ [class*=pv-icon-container] {
159
+ display: inline-flex;
160
+ align-items: center;
161
+ justify-content: center;
162
+ padding: 0.25rem;
163
+ color: var(--color-text-body, #1A3A39);
164
+ background-color: var(--background-secondary-lighten, #F0F2F2);
165
+ border-radius: 0.171875rem;
166
+ }
167
+
168
+ .pv-icon-container-orange {
169
+ color: var(--dataviz-3, #FF7A4E);
170
+ background-color: var(--dataviz-3-background, #FFF3ED);
171
+ }
172
+
173
+ .pv-icon-container-green {
174
+ color: var(--dataviz-7, #95C54C);
175
+ background-color: var(--dataviz-7-background, #F2F8EA);
176
+ }
177
+
178
+ .pv-icon-container-blue {
179
+ color: var(--dataviz-6, #7C8AF4);
180
+ background-color: var(--dataviz-6-background, #EDF5FE);
181
+ }
182
+
183
+ .pv-icon-container-pink {
184
+ color: var(--dataviz-4, #C97AEB);
185
+ background-color: var(--dataviz-4-background, #FCEDF3);
186
+ }
187
+
158
188
  [class*=pv-display] {
159
189
  font-family: "GT Standard L", sans-serif;
160
190
  font-weight: 600;
package/_site/assets/css/pit-viper-v2-scoped.css CHANGED
@@ -107,7 +107,7 @@
107
107
  .pv-v2 :where(img) {
108
108
  max-width: 100%;
109
109
  }
110
- .pv-v2 [class*=pv-icon] {
110
+ .pv-v2 [class*=pv-icon]:where(:not([class*=pv-icon-container])) {
111
111
  width: 1rem;
112
112
  aspect-ratio: 1;
113
113
  fill: currentColor;
@@ -134,6 +134,31 @@
134
134
  .pv-v2 .pv-icon-64 {
135
135
  width: 4rem;
136
136
  }
137
+ .pv-v2 [class*=pv-icon-container] {
138
+ display: inline-flex;
139
+ align-items: center;
140
+ justify-content: center;
141
+ padding: 0.25rem;
142
+ color: var(--color-text-body, #121313);
143
+ background-color: var(--background-secondary-lighten, #F0F2F2);
144
+ border-radius: 0.171875rem;
145
+ }
146
+ .pv-v2 .pv-icon-container-orange {
147
+ color: var(--dataviz-3, #FF7A4E);
148
+ background-color: var(--dataviz-3-background, #FFF3ED);
149
+ }
150
+ .pv-v2 .pv-icon-container-green {
151
+ color: var(--dataviz-7, #95C54C);
152
+ background-color: var(--dataviz-7-background, #F2F8EA);
153
+ }
154
+ .pv-v2 .pv-icon-container-blue {
155
+ color: var(--dataviz-6, #7C8AF4);
156
+ background-color: var(--dataviz-6-background, #EDF5FE);
157
+ }
158
+ .pv-v2 .pv-icon-container-pink {
159
+ color: var(--dataviz-4, #C97AEB);
160
+ background-color: var(--dataviz-4-background, #FCEDF3);
161
+ }
137
162
  .pv-v2 [class*=pv-display] {
138
163
  font-family: "Inter", sans-serif;
139
164
  font-weight: 600;
package/_site/assets/css/pit-viper-v2.css CHANGED
@@ -114,7 +114,7 @@
114
114
  max-width: 100%;
115
115
  }
116
116
 
117
- [class*=pv-icon] {
117
+ [class*=pv-icon]:where(:not([class*=pv-icon-container])) {
118
118
  width: 1rem;
119
119
  aspect-ratio: 1;
120
120
  fill: currentColor;
@@ -149,6 +149,36 @@
149
149
  width: 4rem;
150
150
  }
151
151
 
152
+ [class*=pv-icon-container] {
153
+ display: inline-flex;
154
+ align-items: center;
155
+ justify-content: center;
156
+ padding: 0.25rem;
157
+ color: var(--color-text-body, #121313);
158
+ background-color: var(--background-secondary-lighten, #F0F2F2);
159
+ border-radius: 0.171875rem;
160
+ }
161
+
162
+ .pv-icon-container-orange {
163
+ color: var(--dataviz-3, #FF7A4E);
164
+ background-color: var(--dataviz-3-background, #FFF3ED);
165
+ }
166
+
167
+ .pv-icon-container-green {
168
+ color: var(--dataviz-7, #95C54C);
169
+ background-color: var(--dataviz-7-background, #F2F8EA);
170
+ }
171
+
172
+ .pv-icon-container-blue {
173
+ color: var(--dataviz-6, #7C8AF4);
174
+ background-color: var(--dataviz-6-background, #EDF5FE);
175
+ }
176
+
177
+ .pv-icon-container-pink {
178
+ color: var(--dataviz-4, #C97AEB);
179
+ background-color: var(--dataviz-4-background, #FCEDF3);
180
+ }
181
+
152
182
  [class*=pv-display] {
153
183
  font-family: "Inter", sans-serif;
154
184
  font-weight: 600;
package/_site/assets/css/pit-viper.css CHANGED
@@ -119,7 +119,7 @@
119
119
  max-width: 100%;
120
120
  }
121
121
 
122
- [class*=pv-icon] {
122
+ [class*=pv-icon]:where(:not([class*=pv-icon-container])) {
123
123
  width: 1rem;
124
124
  aspect-ratio: 1;
125
125
  fill: currentColor;
@@ -154,6 +154,36 @@
154
154
  width: 4rem;
155
155
  }
156
156
 
157
+ [class*=pv-icon-container] {
158
+ display: inline-flex;
159
+ align-items: center;
160
+ justify-content: center;
161
+ padding: 0.25rem;
162
+ color: var(--color-text-body, #02363D);
163
+ background-color: var(--background-secondary-lighten, #F0F2F2);
164
+ border-radius: 0.171875rem;
165
+ }
166
+
167
+ .pv-icon-container-orange {
168
+ color: var(--dataviz-3, #FF7A4E);
169
+ background-color: var(--dataviz-3-background, #FFF3ED);
170
+ }
171
+
172
+ .pv-icon-container-green {
173
+ color: var(--dataviz-7, #95C54C);
174
+ background-color: var(--dataviz-7-background, #F2F8EA);
175
+ }
176
+
177
+ .pv-icon-container-blue {
178
+ color: var(--dataviz-6, #7C8AF4);
179
+ background-color: var(--dataviz-6-background, #EDF5FE);
180
+ }
181
+
182
+ .pv-icon-container-pink {
183
+ color: var(--dataviz-4, #C97AEB);
184
+ background-color: var(--dataviz-4-background, #FCEDF3);
185
+ }
186
+
157
187
  [class*=pv-display] {
158
188
  font-family: "Tiempos Headline", serif;
159
189
  font-weight: 600;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@turquoisehealth/pit-viper",
3
- "version": "2.234.4",
3
+ "version": "2.234.5-dev.0",
4
4
  "description": "Turquoise Health's design system.",
5
5
  "main": "README.md",
6
6
  "publishConfig": {