npm - nhsuk-tools-chart-components-react - Versions diffs - 1.1.5 → 1.1.7 - Mend

nhsuk-tools-chart-components-react 1.1.5 → 1.1.7

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 (3) hide show

package/dist/cjs/bundle.css CHANGED Viewed

@@ -15,6 +15,19 @@
   margin-bottom: 3px;
 }
+.nhsuk-bar-slider-graph {
+  position: relative;
+  outline: 1px solid black;
+  margin-top: 20px;
+  display: flex;
+  height: 28px;
+}
+@media (min-width: 320px) and (max-width: 641px) {
+  .nhsuk-bar-slider-graph {
+    height: 24px;
+  }
+}
 .nhsuk-bar-slider-arrow-marker {
   position: absolute;
   height: 16px;
@@ -59,19 +72,6 @@
   margin-right: 2px;
 }
-.nhsuk-bar-slider-graph {
-  position: relative;
-  outline: 1px solid black;
-  margin-top: 20px;
-  display: flex;
-  height: 28px;
-}
-@media (min-width: 320px) and (max-width: 641px) {
-  .nhsuk-bar-slider-graph {
-    height: 24px;
-  }
-}
 .nhsuk-bmi-classification-underweight, .nhsuk-bmi-legend-key-classification-underweight {
   background: #330072;
 }
@@ -88,17 +88,14 @@
   background: repeating-linear-gradient(45deg, #da5147, #da5147 4.5px, #d5281b 4.5px, #d5281b 9px);
 }
-.nhsuk-bmi-graph {
-  position: relative;
-  outline: 1px solid black;
-  display: flex;
-  height: 28px;
-  margin-bottom: nhsuk-spacing(4);
+.nhsuk-bmi-legend-key-classification-obese {
+  border-bottom: none;
+  box-shadow: none;
 }
-@media (min-width: 320px) and (max-width: 641px) {
-  .nhsuk-bmi-graph {
-    height: 24px;
-  }
+.nhsuk-bmi-legend-key-marker {
+  border-bottom: none;
+  box-shadow: none;
 }
 .nhsuk-bmi-classification-underweight, .nhsuk-bmi-legend-key-classification-underweight {
@@ -117,14 +114,17 @@
   background: repeating-linear-gradient(45deg, #da5147, #da5147 4.5px, #d5281b 4.5px, #d5281b 9px);
 }
-.nhsuk-bmi-legend-key-classification-obese {
-  border-bottom: none;
-  box-shadow: none;
+.nhsuk-bmi-graph {
+  position: relative;
+  outline: 1px solid black;
+  display: flex;
+  height: 28px;
+  margin-bottom: nhsuk-spacing(4);
 }
-.nhsuk-bmi-legend-key-marker {
-  border-bottom: none;
-  box-shadow: none;
+@media (min-width: 320px) and (max-width: 641px) {
+  .nhsuk-bmi-graph {
+    height: 24px;
+  }
 }
 .nhsuk-bmi-chart-marker {
@@ -300,6 +300,28 @@
   box-shadow: none;
 }
+.nhsuk-bp-graph-marker {
+  position: absolute;
+  z-index: 6;
+  height: 24px;
+  width: 24px;
+  margin: 0 0 -12px -12px;
+}
+@media (max-width: 320px) {
+  .nhsuk-bp-graph-marker {
+    height: 20px;
+    width: 20px;
+    margin: 0 0 -10px -10px;
+  }
+}
+@media (min-width: 320px) and (max-width: 641px) {
+  .nhsuk-bp-graph-marker {
+    height: 22px;
+    width: 22px;
+    margin: 0 0 -11px -11px;
+  }
+}
 .nhsuk-bp-diastolic-axis-marker, .nhsuk-bp-systolic-axis-marker {
   position: absolute;
   outline: 0.5px solid black;
@@ -411,42 +433,45 @@
   z-index: 0;
 }
-.nhsuk-cbmi-classification-healthy, .nhsuk-cbmi-legend-key-classification-healthy {
-  background: repeating-linear-gradient(-45deg, #30b4ab, #30b4ab 4.5px, #00a499 4.5px, #00a499 9px);
-}
-.nhsuk-cbmi-classification-overweight, .nhsuk-cbmi-legend-key-classification-overweight {
-  background: #ffb81c;
-}
-.nhsuk-cbmi-classification-underweight, .nhsuk-cbmi-legend-key-classification-underweight {
-  background: #330072;
+.nhsuk-bp-graph-cell {
+  flex-grow: 1;
+  border-bottom: 1px solid white;
+  border-left: 1px solid white;
+  background: transparent;
+  z-index: 4;
 }
-.nhsuk-cbmi-legend-key-classification-overweight {
+.nhsuk-bp-first-in-column {
   border-bottom: none;
-  box-shadow: none;
 }
-.nhsuk-cbmi-legend-key, .nhsuk-cbmi-legend-key-classification-underweight, .nhsuk-cbmi-legend-key-classification-healthy, .nhsuk-cbmi-legend-key-classification-overweight {
-  border-bottom: 2px solid white;
-  margin-bottom: 2px;
+.nhsuk-bp-first-in-row {
+  border-left: none;
 }
-.nhsuk-cbmi-legend-marker {
-  margin-bottom: 2px;
+.nhsuk-cbmi-classification-healthy, .nhsuk-cbmi-legend-key-classification-healthy {
+  background: repeating-linear-gradient(-45deg, #30b4ab, #30b4ab 4.5px, #00a499 4.5px, #00a499 9px);
 }
-.nhsuk-cbmi-classification-underweight-heading {
-  border-left: 8px solid #330072;
+.nhsuk-cbmi-classification-overweight, .nhsuk-cbmi-legend-key-classification-overweight {
+  background: #ffb81c;
 }
-.nhsuk-cbmi-classification-healthy-heading {
-  border-left: 8px solid #30b4ab;
+.nhsuk-cbmi-classification-underweight, .nhsuk-cbmi-legend-key-classification-underweight {
+  background: #330072;
 }
-.nhsuk-cbmi-classification-overweight-heading {
-  border-left: 8px solid #ffb81c;
+.nhsuk-cbmi-graph {
+  position: relative;
+  outline: 1px solid black;
+  margin-top: 20px;
+  display: flex;
+  height: 28px;
+}
+@media (min-width: 320px) and (max-width: 641px) {
+  .nhsuk-cbmi-graph {
+    height: 24px;
+  }
 }
 .nhsuk-cbmi-classification-healthy, .nhsuk-cbmi-legend-key-classification-healthy {
@@ -496,39 +521,41 @@
   background: #330072;
 }
-.nhsuk-cbmi-classification-overweight, .nhsuk-cbmi-classification-healthy, .nhsuk-cbmi-classification-underweight {
-  position: absolute;
-  bottom: 0%;
-  outline: 1px solid black;
-  height: 28px;
+.nhsuk-cbmi-legend-key-classification-overweight {
+  border-bottom: none;
+  box-shadow: none;
 }
-@media (min-width: 320px) and (max-width: 641px) {
-  .nhsuk-cbmi-classification-overweight, .nhsuk-cbmi-classification-healthy, .nhsuk-cbmi-classification-underweight {
-    height: 24px;
-  }
+.nhsuk-cbmi-legend-key, .nhsuk-cbmi-legend-key-classification-underweight, .nhsuk-cbmi-legend-key-classification-healthy, .nhsuk-cbmi-legend-key-classification-overweight {
+  border-bottom: 2px solid white;
+  margin-bottom: 2px;
 }
-.nhsuk-cbmi-classification-underweight {
-  z-index: 3;
+.nhsuk-cbmi-legend-marker {
+  margin-bottom: 2px;
 }
-.nhsuk-cbmi-classification-healthy {
-  z-index: 2;
+.nhsuk-cbmi-classification-underweight-heading {
+  border-left: 8px solid #330072;
 }
-.nhsuk-cbmi-classification-overweight {
-  z-index: 1;
+.nhsuk-cbmi-classification-healthy-heading {
+  border-left: 8px solid #30b4ab;
+}
+.nhsuk-cbmi-classification-overweight-heading {
+  border-left: 8px solid #ffb81c;
 }
-.nhsuk-cbmi-legend-key-classification-healthy, .nhsuk-cbmi-classification-healthy {
+.nhsuk-cbmi-classification-healthy, .nhsuk-cbmi-legend-key-classification-healthy {
   background: repeating-linear-gradient(-45deg, #30b4ab, #30b4ab 4.5px, #00a499 4.5px, #00a499 9px);
 }
-.nhsuk-cbmi-legend-key-classification-overweight, .nhsuk-cbmi-classification-overweight {
+.nhsuk-cbmi-classification-overweight, .nhsuk-cbmi-legend-key-classification-overweight {
   background: #ffb81c;
 }
-.nhsuk-cbmi-legend-key-classification-underweight, .nhsuk-cbmi-classification-underweight {
+.nhsuk-cbmi-classification-underweight, .nhsuk-cbmi-legend-key-classification-underweight {
   background: #330072;
 }
@@ -591,65 +618,38 @@
   }
 }
-.nhsuk-bp-graph-marker {
-  position: absolute;
-  z-index: 6;
-  height: 24px;
-  width: 24px;
-  margin: 0 0 -12px -12px;
-}
-@media (max-width: 320px) {
-  .nhsuk-bp-graph-marker {
-    height: 20px;
-    width: 20px;
-    margin: 0 0 -10px -10px;
-  }
-}
-@media (min-width: 320px) and (max-width: 641px) {
-  .nhsuk-bp-graph-marker {
-    height: 22px;
-    width: 22px;
-    margin: 0 0 -11px -11px;
-  }
-}
-.nhsuk-cbmi-legend-key-classification-healthy, .nhsuk-cbmi-classification-healthy {
+.nhsuk-cbmi-classification-healthy, .nhsuk-cbmi-legend-key-classification-healthy {
   background: repeating-linear-gradient(-45deg, #30b4ab, #30b4ab 4.5px, #00a499 4.5px, #00a499 9px);
 }
-.nhsuk-cbmi-legend-key-classification-overweight, .nhsuk-cbmi-classification-overweight {
+.nhsuk-cbmi-classification-overweight, .nhsuk-cbmi-legend-key-classification-overweight {
   background: #ffb81c;
 }
-.nhsuk-cbmi-legend-key-classification-underweight, .nhsuk-cbmi-classification-underweight {
+.nhsuk-cbmi-classification-underweight, .nhsuk-cbmi-legend-key-classification-underweight {
   background: #330072;
 }
-.nhsuk-cbmi-graph {
-  position: relative;
+.nhsuk-cbmi-classification-overweight, .nhsuk-cbmi-classification-healthy, .nhsuk-cbmi-classification-underweight {
+  position: absolute;
+  bottom: 0%;
   outline: 1px solid black;
-  margin-top: 20px;
-  display: flex;
   height: 28px;
 }
 @media (min-width: 320px) and (max-width: 641px) {
-  .nhsuk-cbmi-graph {
+  .nhsuk-cbmi-classification-overweight, .nhsuk-cbmi-classification-healthy, .nhsuk-cbmi-classification-underweight {
     height: 24px;
   }
 }
-.nhsuk-bp-graph-cell {
-  flex-grow: 1;
-  border-bottom: 1px solid white;
-  border-left: 1px solid white;
-  background: transparent;
-  z-index: 4;
+.nhsuk-cbmi-classification-underweight {
+  z-index: 3;
 }
-.nhsuk-bp-first-in-column {
-  border-bottom: none;
+.nhsuk-cbmi-classification-healthy {
+  z-index: 2;
 }
-.nhsuk-bp-first-in-row {
-  border-left: none;
+.nhsuk-cbmi-classification-overweight {
+  z-index: 1;
 }

package/dist/esm/bundle.css CHANGED Viewed

@@ -15,6 +15,19 @@
   margin-bottom: 3px;
 }
+.nhsuk-bar-slider-graph {
+  position: relative;
+  outline: 1px solid black;
+  margin-top: 20px;
+  display: flex;
+  height: 28px;
+}
+@media (min-width: 320px) and (max-width: 641px) {
+  .nhsuk-bar-slider-graph {
+    height: 24px;
+  }
+}
 .nhsuk-bar-slider-arrow-marker {
   position: absolute;
   height: 16px;
@@ -59,19 +72,6 @@
   margin-right: 2px;
 }
-.nhsuk-bar-slider-graph {
-  position: relative;
-  outline: 1px solid black;
-  margin-top: 20px;
-  display: flex;
-  height: 28px;
-}
-@media (min-width: 320px) and (max-width: 641px) {
-  .nhsuk-bar-slider-graph {
-    height: 24px;
-  }
-}
 .nhsuk-bmi-classification-underweight, .nhsuk-bmi-legend-key-classification-underweight {
   background: #330072;
 }
@@ -524,6 +524,41 @@
   background: #330072;
 }
+.nhsuk-cbmi-axis-marker {
+  border: 1px solid black;
+  position: absolute;
+  bottom: -5px;
+  margin-left: -0.5px;
+  box-shadow: 0px 0px white inset, 1px 0px white, -1px 0px white;
+  z-index: 100;
+  height: 33px;
+}
+@media (min-width: 320px) and (max-width: 641px) {
+  .nhsuk-cbmi-axis-marker {
+    height: 29px;
+  }
+}
+.nhsuk-cbmi-axis-marker-label {
+  position: absolute;
+  bottom: -25px;
+  left: -10px;
+  width: 20px;
+  text-align: center;
+}
+.nhsuk-cbmi-classification-healthy, .nhsuk-cbmi-legend-key-classification-healthy {
+  background: repeating-linear-gradient(-45deg, #30b4ab, #30b4ab 4.5px, #00a499 4.5px, #00a499 9px);
+}
+.nhsuk-cbmi-classification-overweight, .nhsuk-cbmi-legend-key-classification-overweight {
+  background: #ffb81c;
+}
+.nhsuk-cbmi-classification-underweight, .nhsuk-cbmi-legend-key-classification-underweight {
+  background: #330072;
+}
 .nhsuk-cbmi-chart-arrow-marker {
   position: absolute;
   z-index: 4;
@@ -595,41 +630,6 @@
   background: #330072;
 }
-.nhsuk-cbmi-axis-marker {
-  border: 1px solid black;
-  position: absolute;
-  bottom: -5px;
-  margin-left: -0.5px;
-  box-shadow: 0px 0px white inset, 1px 0px white, -1px 0px white;
-  z-index: 100;
-  height: 33px;
-}
-@media (min-width: 320px) and (max-width: 641px) {
-  .nhsuk-cbmi-axis-marker {
-    height: 29px;
-  }
-}
-.nhsuk-cbmi-axis-marker-label {
-  position: absolute;
-  bottom: -25px;
-  left: -10px;
-  width: 20px;
-  text-align: center;
-}
-.nhsuk-cbmi-classification-healthy, .nhsuk-cbmi-legend-key-classification-healthy {
-  background: repeating-linear-gradient(-45deg, #30b4ab, #30b4ab 4.5px, #00a499 4.5px, #00a499 9px);
-}
-.nhsuk-cbmi-classification-overweight, .nhsuk-cbmi-legend-key-classification-overweight {
-  background: #ffb81c;
-}
-.nhsuk-cbmi-classification-underweight, .nhsuk-cbmi-legend-key-classification-underweight {
-  background: #330072;
-}
 .nhsuk-cbmi-classification-overweight, .nhsuk-cbmi-classification-healthy, .nhsuk-cbmi-classification-underweight {
   position: absolute;
   bottom: 0%;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "nhsuk-tools-chart-components-react",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "description": "",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",