@communitiesuk/svelte-component-library 0.1.19-beta.16 → 0.1.19-beta.17

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 (4) hide show
  1. package/dist/components/data-vis/axis/Ticks.svelte +1 -1
  2. package/dist/components/data-vis/histogram/Histogram.svelte +1 -1
  3. package/dist/components/data-vis/position-chart/PositionChart.svelte +29 -19
  4. package/package.json +1 -1
package/dist/components/data-vis/axis/Ticks.svelte CHANGED
@@ -195,7 +195,7 @@
195
195
  ? 5
196
196
  : orientation.position === 'top'
197
197
  ? -10
198
- : 23}
198
+ : fontSize * 1.5}
199
199
  )"
200
200
  font-size={fontSize}
201
201
  text-anchor={orientation.axis === "x"
package/dist/components/data-vis/histogram/Histogram.svelte CHANGED
@@ -220,7 +220,7 @@
220
220
  domain={[xTickMin, xTickMax]}
221
221
  range={useRange}
222
222
  values={dist}
223
- fontSize={14}
223
+ fontSize={13}
224
224
  {floor}
225
225
  {ceiling}
226
226
  {labelFormatter}
package/dist/components/data-vis/position-chart/PositionChart.svelte CHANGED
@@ -543,16 +543,24 @@
543
543
  ></path></g
544
544
  > -->
545
545
  <g
546
- fill="red"
547
- transform="translate({xScale()(average)},{chartHeight * 2.7})"
548
- ><text fill="#333333" font-size={14} text-anchor="middle">
549
- <tspan x="0" dy="-5">▲</tspan>
550
- <tspan x="0" dy="10">Average</tspan>
546
+ transform="translate({xScale()(average) + 2},{chartHeight *
547
+ 1.7})"
548
+ ><text
549
+ fill="#333333"
550
+ font-size={15}
551
+ text-anchor="middle"
552
+ font-weight="bold"
553
+ >
554
+ <tspan x="0" dy="15">▲</tspan>
555
+ <tspan x="0" dy="1">|</tspan>
556
+ <tspan font-family="GDS Transport" x="0" dy="13"
557
+ >Average</tspan
558
+ >
551
559
  </text></g
552
560
  >
553
561
  {/if}
554
562
  {#if showAxis}
555
- <g stroke="white" stroke-width="3" paint-order="stroke">
563
+ <g>
556
564
  <Axis
557
565
  bind:ticksArray={xTicks}
558
566
  {chartHeight}
@@ -561,7 +569,7 @@
561
569
  range={[0, chartWidth]}
562
570
  domain={[xTickMin, xTickMax]}
563
571
  values={dist}
564
- fontSize={14}
572
+ fontSize={13}
565
573
  {numberOfTicks}
566
574
  {floor}
567
575
  {ceiling}
@@ -657,7 +665,7 @@
657
665
  pointer-events={rowValue.pointerEvents}
658
666
  ></rect>
659
667
  <rect
660
- x={-rowValue.markerRadius}
668
+ x={0}
661
669
  y={-rowValue.markerRadius}
662
670
  width={rowValue.markerRadius * 2}
663
671
  height={rowValue.markerRadius * 2}
@@ -676,13 +684,12 @@
676
684
  pointer-events={rowValue.pointerEvents}
677
685
  ></rect>
678
686
  {:else if rowValue.shape === "line"}
679
- <rect
680
- x={-rowValue.markerRadius}
681
- y={-rowValue.markerRadius}
682
- width={rowValue.markerRadius / 10}
683
- height={rowValue.markerRadius * 2}
684
- rx="0"
685
- fill={rowValue.color === "inherit"
687
+ <line
688
+ x1={0}
689
+ x2={0}
690
+ y1={chartHeight / 2.4}
691
+ y2={-chartHeight / 2.4}
692
+ stroke={rowValue.color === "inherit"
686
693
  ? segmentColor(
687
694
  rowValue.value,
688
695
  newMin,
@@ -690,11 +697,10 @@
690
697
  activeColors,
691
698
  )
692
699
  : rowValue.color}
693
- stroke="black"
694
- stroke-width="3"
700
+ stroke-width={rowValue.markerRadius}
695
701
  opacity={rowValue.opacity}
696
702
  pointer-events={rowValue.pointerEvents}
697
- ></rect>
703
+ ></line>
698
704
  {:else}
699
705
  <circle
700
706
  r={rowValue.markerRadius * 1.1}
@@ -781,7 +787,7 @@
781
787
  {/if}
782
788
  {/each}
783
789
  {#if showArrows}
784
- <div class="data-row" aria-hidden="true">
790
+ <div class="data-row arrow" aria-hidden="true">
785
791
  {#if showLabel}
786
792
  <div
787
793
  class="label-container"
@@ -1141,6 +1147,10 @@
1141
1147
  padding: 0px 10px 0px 10px;
1142
1148
  }
1143
1149
 
1150
+ .data-row.arrow {
1151
+ padding: 0px;
1152
+ }
1153
+
1144
1154
  .icon-container {
1145
1155
  flex: 0 0 20px;
1146
1156
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@communitiesuk/svelte-component-library",
3
- "version": "0.1.19-beta.16",
3
+ "version": "0.1.19-beta.17",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/communitiesuk/mhclg_svelte_component_library.git"