@shopify/polaris-viz - npm Package Compare versions

Comparing version 0.0.9 to 0.0.10

CHANGELOG.md

 # Changelog
 
+## [0.0.10] - 2020-06-17
+
+### Changed
+
+- `<LineChart />` uses tighter y-axis label spacing
+
 ## [0.0.9] - 2020-06-08
@@ -4,0 +10,0 @@

index.es.js

 import React, { useMemo, useState, useEffect, useRef, useLayoutEffect } from 'react';
 import { useDebouncedCallback } from 'use-debounce';
 import { line, area } from 'd3-shape';
+import tokens, { colorSkyDark, colorSky, colorInkLighter, spacingTight, spacingExtraTight, spacingLoose, colorPurpleDark, colorBlue, colorTeal } from '@shopify/polaris-tokens';
 import { scaleLinear } from 'd3-scale';
-import tokens, { colorSky, colorInkLighter, spacingLoose, colorSkyDark, spacingTight, spacingExtraTight, colorPurpleDark, colorBlue, colorTeal } from '@shopify/polaris-tokens';
 import { useSpring, animated } from 'react-spring';
@@ -10,2 +10,26 @@ import { sum } from 'd3-array';
 
+function YAxis(_a) {
+  var ticks = _a.ticks,
+      drawableWidth = _a.drawableWidth;
+  return React.createElement("g", null, ticks.map(function (_a) {
+    var value = _a.value,
+        formattedValue = _a.formattedValue,
+        yOffset = _a.yOffset;
+    return React.createElement("g", {
+      key: value,
+      transform: "translate(0," + yOffset + ")"
+    }, React.createElement("line", {
+      x2: drawableWidth,
+      stroke: value === 0 ? colorSkyDark : colorSky
+    }), React.createElement("text", {
+      fill: colorInkLighter,
+      style: {
+        fontSize: '12px',
+        textAnchor: 'end',
+        transform: "translateX(-" + spacingTight + ") translateY(" + spacingExtraTight + ")"
+      }
+    }, formattedValue));
+  }));
+}
+
 function isMouseEvent(event) {
@@ -47,18 +71,4 @@ return event.nativeEvent instanceof MouseEvent;
 
-function yAxisMinMax(series) {
-  var minY = Infinity;
-  var maxY = -Infinity;
-  series.forEach(function (_a) {
-    var data = _a.data;
-    data.forEach(function (_a) {
-      var y = _a.y;
-      minY = Math.min(minY, y);
-      maxY = Math.max(maxY, y);
-    });
-  });
-  return [minY, maxY];
-}
-
 var Y_SCALE_PADDING = 1.1;
-var MIN_Y_LABEL_SPACE = 80;
+var MIN_Y_LABEL_SPACE = 50;
 var CROSSHAIR_WIDTH = 5;
@@ -91,2 +101,16 @@ var SPACING_TIGHT = 8;
 
+function yAxisMinMax(series) {
+  var minY = Infinity;
+  var maxY = -Infinity;
+  series.forEach(function (_a) {
+    var data = _a.data;
+    data.forEach(function (_a) {
+      var y = _a.y;
+      minY = Math.min(minY, y);
+      maxY = Math.max(maxY, y);
+    });
+  });
+  return [minY, maxY];
+}
+
 function useYScale(_a) {
@@ -304,9 +328,7 @@ var drawableHeight = _a.drawableHeight,
 var styles$1 = {
-  "Container": "PolarisViz-LineChart-Tooltip__Container",
-  "SeriesName": "PolarisViz-LineChart-Tooltip__SeriesName",
-  "Value": "PolarisViz-LineChart-Tooltip__Value"
+  "Container": "PolarisViz-TooltipContainer__Container"
 };
 
 var TOOLTIP_MARGIN = 10;
-function Tooltip(_a) {
+function TooltipContainer(_a) {
   var _this = this;
@@ -317,5 +339,5 @@
       currentY = _a.currentY,
-      formatYAxisValue = _a.formatYAxisValue,
-      series = _a.series,
-      chartDimensions = _a.chartDimensions;
+      chartDimensions = _a.chartDimensions,
+      children = _a.children,
+      margin = _a.margin;
   var tooltipRef = useRef(null);
@@ -345,4 +367,4 @@
 
-              chartLeftBound = Margin.Left;
-              chartRightBound = chartDimensions.width - Margin.Right;
+              chartLeftBound = margin.Left;
+              chartRightBound = chartDimensions.width - margin.Right;
               naturalLeftBound = currentX - tooltipDimensions.width - TOOLTIP_MARGIN;
@@ -378,3 +400,3 @@ hasSpaceToLeft = naturalLeftBound > chartLeftBound;
               , next({
-                translate: [xTranslation, Math.max(Margin.Top, currentY - tooltipDimensions.height - TOOLTIP_MARGIN), 0],
+                translate: [xTranslation, Math.max(margin.Top, currentY - tooltipDimensions.height - TOOLTIP_MARGIN), 0],
                 opacity: 1,
@@ -416,2 +438,23 @@ immediate: shouldRenderImmediate
     ref: tooltipRef
+  }, children);
+}
+
+var styles$2 = {
+  "SeriesName": "PolarisViz-LineChart-Tooltip__SeriesName",
+  "Value": "PolarisViz-LineChart-Tooltip__Value"
+};
+
+function Tooltip(_a) {
+  var activePointIndex = _a.activePointIndex,
+      currentX = _a.currentX,
+      currentY = _a.currentY,
+      formatYAxisValue = _a.formatYAxisValue,
+      series = _a.series,
+      chartDimensions = _a.chartDimensions;
+  return React.createElement(TooltipContainer, {
+    activePointIndex: activePointIndex,
+    currentX: currentX,
+    currentY: currentY,
+    chartDimensions: chartDimensions,
+    margin: Margin
   }, series.map(function (_a) {
@@ -440,5 +483,5 @@ var name = _a.name,
     }), React.createElement("p", {
-      className: styles$1.SeriesName
+      className: styles$2.SeriesName
     }, name), React.createElement("p", {
-      className: styles$1.Value
+      className: styles$2.Value
     }, formattedYValue));
@@ -508,27 +551,3 @@ }));
 
-function YAxis(_a) {
-  var ticks = _a.ticks,
-      drawableWidth = _a.drawableWidth;
-  return React.createElement("g", null, ticks.map(function (_a) {
-    var value = _a.value,
-        formattedValue = _a.formattedValue,
-        yOffset = _a.yOffset;
-    return React.createElement("g", {
-      key: value,
-      transform: "translate(0," + yOffset + ")"
-    }, React.createElement("line", {
-      x2: drawableWidth,
-      stroke: value === 0 ? colorSkyDark : colorSky
-    }), React.createElement("text", {
-      fill: colorInkLighter,
-      style: {
-        fontSize: '12px',
-        textAnchor: 'end',
-        transform: "translateX(-" + spacingTight + ") translateY(" + spacingExtraTight + ")"
-      }
-    }, formattedValue));
-  }));
-}
-
-var styles$2 = {
+var styles$3 = {
   "Container": "PolarisViz-Chart__Container"
@@ -610,3 +629,3 @@ };
   return React.createElement("div", {
-    className: styles$2.Container
+    className: styles$3.Container
   }, React.createElement("svg", {
@@ -718,3 +737,3 @@ width: "100%",
 
-var styles$3 = {
+var styles$4 = {
   "Container": "PolarisViz-NormalizedStackedBar-BarLabel__Container",
@@ -731,3 +750,3 @@ "LabelColor": "PolarisViz-NormalizedStackedBar-BarLabel__LabelColor",
   return React.createElement("div", {
-    className: styles$3.Container
+    className: styles$4.Container
   }, React.createElement("div", {
@@ -737,11 +756,11 @@ style: {
     },
-    className: styles$3.LabelColor
+    className: styles$4.LabelColor
   }), React.createElement("div", {
-    className: styles$3.Label
+    className: styles$4.Label
   }, React.createElement("strong", null, label), React.createElement("div", {
-    className: styles$3.Value
+    className: styles$4.Value
   }, value)));
 }
 
-var styles$4 = {
+var styles$5 = {
   "Segment": "PolarisViz-NormalizedStackedBar-BarSegment__Segment",
@@ -764,3 +783,3 @@ "horizontal-small": "PolarisViz-NormalizedStackedBar-BarSegment__horizontal--small",
   return React.createElement("div", {
-    className: classNames(styles$4.Segment, styles$4[orientation + "-" + size]),
+    className: classNames(styles$5.Segment, styles$5[orientation + "-" + size]),
     style: {
@@ -786,3 +805,3 @@ flex: "0 0 " + safeScale + "%",
 
-var styles$5 = {
+var styles$6 = {
   "Container": "PolarisViz-NormalizedStackedBar__Container",
@@ -831,7 +850,7 @@ "VerticalContainer": "PolarisViz-NormalizedStackedBar__VerticalContainer",
   return React.createElement("div", {
-    className: classNames(styles$5.Container, isVertical ? styles$5.VerticalContainer : styles$5.HorizontalContainer),
+    className: classNames(styles$6.Container, isVertical ? styles$6.VerticalContainer : styles$6.HorizontalContainer),
     "aria-label": accessibilityLabel,
     role: "img"
   }, React.createElement("div", {
-    className: isVertical ? styles$5.VerticalLabelContainer : styles$5.HorizontailLabelContainer
+    className: isVertical ? styles$6.VerticalLabelContainer : styles$6.HorizontailLabelContainer
   }, slicedData.map(function (_a, index) {
@@ -847,3 +866,3 @@ var label = _a.label,
   })), React.createElement("div", {
-    className: classNames(styles$5.BarContainer, isVertical ? styles$5.VerticalBarContainer : styles$5.HorizontalBarContainer)
+    className: classNames(styles$6.BarContainer, isVertical ? styles$6.VerticalBarContainer : styles$6.HorizontalBarContainer)
   }, slicedData.map(function (_a, index) {
@@ -888,3 +907,3 @@ var value = _a.value,
 
-var styles$6 = {
+var styles$7 = {
   "VisuallyHidden": "PolarisViz-Sparkline__VisuallyHidden"
@@ -992,3 +1011,3 @@ };
   }, accessibilityLabel ? React.createElement("span", {
-    className: styles$6.VisuallyHidden
+    className: styles$7.VisuallyHidden
   }, accessibilityLabel) : null, React.createElement("svg", {
@@ -995,0 +1014,0 @@ "aria-hidden": true,

index.js

@@ -11,5 +11,5 @@ 'use strict';
 var d3Shape = require('d3-shape');
-var d3Scale = require('d3-scale');
 var tokens = require('@shopify/polaris-tokens');
 var tokens__default = _interopDefault(tokens);
+var d3Scale = require('d3-scale');
 var reactSpring = require('react-spring');
@@ -19,2 +19,26 @@ var d3Array = require('d3-array');
 
+function YAxis(_a) {
+  var ticks = _a.ticks,
+      drawableWidth = _a.drawableWidth;
+  return React__default.createElement("g", null, ticks.map(function (_a) {
+    var value = _a.value,
+        formattedValue = _a.formattedValue,
+        yOffset = _a.yOffset;
+    return React__default.createElement("g", {
+      key: value,
+      transform: "translate(0," + yOffset + ")"
+    }, React__default.createElement("line", {
+      x2: drawableWidth,
+      stroke: value === 0 ? tokens.colorSkyDark : tokens.colorSky
+    }), React__default.createElement("text", {
+      fill: tokens.colorInkLighter,
+      style: {
+        fontSize: '12px',
+        textAnchor: 'end',
+        transform: "translateX(-" + tokens.spacingTight + ") translateY(" + tokens.spacingExtraTight + ")"
+      }
+    }, formattedValue));
+  }));
+}
+
 function isMouseEvent(event) {
@@ -56,18 +80,4 @@ return event.nativeEvent instanceof MouseEvent;
 
-function yAxisMinMax(series) {
-  var minY = Infinity;
-  var maxY = -Infinity;
-  series.forEach(function (_a) {
-    var data = _a.data;
-    data.forEach(function (_a) {
-      var y = _a.y;
-      minY = Math.min(minY, y);
-      maxY = Math.max(maxY, y);
-    });
-  });
-  return [minY, maxY];
-}
-
 var Y_SCALE_PADDING = 1.1;
-var MIN_Y_LABEL_SPACE = 80;
+var MIN_Y_LABEL_SPACE = 50;
 var CROSSHAIR_WIDTH = 5;
@@ -100,2 +110,16 @@ var SPACING_TIGHT = 8;
 
+function yAxisMinMax(series) {
+  var minY = Infinity;
+  var maxY = -Infinity;
+  series.forEach(function (_a) {
+    var data = _a.data;
+    data.forEach(function (_a) {
+      var y = _a.y;
+      minY = Math.min(minY, y);
+      maxY = Math.max(maxY, y);
+    });
+  });
+  return [minY, maxY];
+}
+
 function useYScale(_a) {
@@ -313,9 +337,7 @@ var drawableHeight = _a.drawableHeight,
 var styles$1 = {
-  "Container": "PolarisViz-LineChart-Tooltip__Container",
-  "SeriesName": "PolarisViz-LineChart-Tooltip__SeriesName",
-  "Value": "PolarisViz-LineChart-Tooltip__Value"
+  "Container": "PolarisViz-TooltipContainer__Container"
 };
 
 var TOOLTIP_MARGIN = 10;
-function Tooltip(_a) {
+function TooltipContainer(_a) {
   var _this = this;
@@ -326,5 +348,5 @@
       currentY = _a.currentY,
-      formatYAxisValue = _a.formatYAxisValue,
-      series = _a.series,
-      chartDimensions = _a.chartDimensions;
+      chartDimensions = _a.chartDimensions,
+      children = _a.children,
+      margin = _a.margin;
   var tooltipRef = React.useRef(null);
@@ -354,4 +376,4 @@
 
-              chartLeftBound = Margin.Left;
-              chartRightBound = chartDimensions.width - Margin.Right;
+              chartLeftBound = margin.Left;
+              chartRightBound = chartDimensions.width - margin.Right;
               naturalLeftBound = currentX - tooltipDimensions.width - TOOLTIP_MARGIN;
@@ -387,3 +409,3 @@ hasSpaceToLeft = naturalLeftBound > chartLeftBound;
               , next({
-                translate: [xTranslation, Math.max(Margin.Top, currentY - tooltipDimensions.height - TOOLTIP_MARGIN), 0],
+                translate: [xTranslation, Math.max(margin.Top, currentY - tooltipDimensions.height - TOOLTIP_MARGIN), 0],
                 opacity: 1,
@@ -425,2 +447,23 @@ immediate: shouldRenderImmediate
     ref: tooltipRef
+  }, children);
+}
+
+var styles$2 = {
+  "SeriesName": "PolarisViz-LineChart-Tooltip__SeriesName",
+  "Value": "PolarisViz-LineChart-Tooltip__Value"
+};
+
+function Tooltip(_a) {
+  var activePointIndex = _a.activePointIndex,
+      currentX = _a.currentX,
+      currentY = _a.currentY,
+      formatYAxisValue = _a.formatYAxisValue,
+      series = _a.series,
+      chartDimensions = _a.chartDimensions;
+  return React__default.createElement(TooltipContainer, {
+    activePointIndex: activePointIndex,
+    currentX: currentX,
+    currentY: currentY,
+    chartDimensions: chartDimensions,
+    margin: Margin
   }, series.map(function (_a) {
@@ -449,5 +492,5 @@ var name = _a.name,
     }), React__default.createElement("p", {
-      className: styles$1.SeriesName
+      className: styles$2.SeriesName
     }, name), React__default.createElement("p", {
-      className: styles$1.Value
+      className: styles$2.Value
     }, formattedYValue));
@@ -517,27 +560,3 @@ }));
 
-function YAxis(_a) {
-  var ticks = _a.ticks,
-      drawableWidth = _a.drawableWidth;
-  return React__default.createElement("g", null, ticks.map(function (_a) {
-    var value = _a.value,
-        formattedValue = _a.formattedValue,
-        yOffset = _a.yOffset;
-    return React__default.createElement("g", {
-      key: value,
-      transform: "translate(0," + yOffset + ")"
-    }, React__default.createElement("line", {
-      x2: drawableWidth,
-      stroke: value === 0 ? tokens.colorSkyDark : tokens.colorSky
-    }), React__default.createElement("text", {
-      fill: tokens.colorInkLighter,
-      style: {
-        fontSize: '12px',
-        textAnchor: 'end',
-        transform: "translateX(-" + tokens.spacingTight + ") translateY(" + tokens.spacingExtraTight + ")"
-      }
-    }, formattedValue));
-  }));
-}
-
-var styles$2 = {
+var styles$3 = {
   "Container": "PolarisViz-Chart__Container"
@@ -619,3 +638,3 @@ };
   return React__default.createElement("div", {
-    className: styles$2.Container
+    className: styles$3.Container
   }, React__default.createElement("svg", {
@@ -727,3 +746,3 @@ width: "100%",
 
-var styles$3 = {
+var styles$4 = {
   "Container": "PolarisViz-NormalizedStackedBar-BarLabel__Container",
@@ -740,3 +759,3 @@ "LabelColor": "PolarisViz-NormalizedStackedBar-BarLabel__LabelColor",
   return React__default.createElement("div", {
-    className: styles$3.Container
+    className: styles$4.Container
   }, React__default.createElement("div", {
@@ -746,11 +765,11 @@ style: {
     },
-    className: styles$3.LabelColor
+    className: styles$4.LabelColor
   }), React__default.createElement("div", {
-    className: styles$3.Label
+    className: styles$4.Label
   }, React__default.createElement("strong", null, label), React__default.createElement("div", {
-    className: styles$3.Value
+    className: styles$4.Value
   }, value)));
 }
 
-var styles$4 = {
+var styles$5 = {
   "Segment": "PolarisViz-NormalizedStackedBar-BarSegment__Segment",
@@ -773,3 +792,3 @@ "horizontal-small": "PolarisViz-NormalizedStackedBar-BarSegment__horizontal--small",
   return React__default.createElement("div", {
-    className: cssUtilities.classNames(styles$4.Segment, styles$4[orientation + "-" + size]),
+    className: cssUtilities.classNames(styles$5.Segment, styles$5[orientation + "-" + size]),
     style: {
@@ -795,3 +814,3 @@ flex: "0 0 " + safeScale + "%",
 
-var styles$5 = {
+var styles$6 = {
   "Container": "PolarisViz-NormalizedStackedBar__Container",
@@ -840,7 +859,7 @@ "VerticalContainer": "PolarisViz-NormalizedStackedBar__VerticalContainer",
   return React__default.createElement("div", {
-    className: cssUtilities.classNames(styles$5.Container, isVertical ? styles$5.VerticalContainer : styles$5.HorizontalContainer),
+    className: cssUtilities.classNames(styles$6.Container, isVertical ? styles$6.VerticalContainer : styles$6.HorizontalContainer),
     "aria-label": accessibilityLabel,
     role: "img"
   }, React__default.createElement("div", {
-    className: isVertical ? styles$5.VerticalLabelContainer : styles$5.HorizontailLabelContainer
+    className: isVertical ? styles$6.VerticalLabelContainer : styles$6.HorizontailLabelContainer
   }, slicedData.map(function (_a, index) {
@@ -856,3 +875,3 @@ var label = _a.label,
   })), React__default.createElement("div", {
-    className: cssUtilities.classNames(styles$5.BarContainer, isVertical ? styles$5.VerticalBarContainer : styles$5.HorizontalBarContainer)
+    className: cssUtilities.classNames(styles$6.BarContainer, isVertical ? styles$6.VerticalBarContainer : styles$6.HorizontalBarContainer)
   }, slicedData.map(function (_a, index) {
@@ -897,3 +916,3 @@ var value = _a.value,
 
-var styles$6 = {
+var styles$7 = {
   "VisuallyHidden": "PolarisViz-Sparkline__VisuallyHidden"
@@ -1001,3 +1020,3 @@ };
   }, accessibilityLabel ? React__default.createElement("span", {
-    className: styles$6.VisuallyHidden
+    className: styles$7.VisuallyHidden
   }, accessibilityLabel) : null, React__default.createElement("svg", {
@@ -1004,0 +1023,0 @@ "aria-hidden": true,

package.json

 {
   "name": "@shopify/polaris-viz",
   "description": "Shopify’s viz component library",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "private": false,
@@ -6,0 +6,0 @@ "license": "SEE LICENSE IN LICENSE.md",

types/components/index.d.ts

 export { LineChart } from './LineChart';
 export { NormalizedStackedBar } from './NormalizedStackedBar';
 export { Sparkline } from './Sparkline';
+export { YAxis } from './YAxis';
+export { TooltipContainer } from './TooltipContainer';

types/components/LineChart/components/index.d.ts

@@ -6,2 +6,1 @@ export { Crosshair } from './Crosshair';
 export { XAxis } from './XAxis';
-export { YAxis } from './YAxis';

types/components/LineChart/constants.d.ts

 export declare const Y_SCALE_PADDING = 1.1;
-export declare const MIN_Y_LABEL_SPACE = 80;
+export declare const MIN_Y_LABEL_SPACE = 50;
 export declare const CROSSHAIR_WIDTH = 5;
@@ -4,0 +4,0 @@ export declare const SPACING_TIGHT = 8;

types/components/LineChart/utilities/index.d.ts

@@ -1,2 +0,1 @@
-export { eventPoint } from './event-point';
 export { yAxisMinMax } from './y-axis-min-max';

types/components/NormalizedStackedBar/utilities.d.ts

 import { Color } from 'types';
 import { ColorScheme } from './types';
-export declare function getColorPalette(colors: ColorScheme): string[] | ("rgb(0, 111, 187)" | "rgb(80, 36, 143)" | "rgb(196, 205, 213)" | "rgb(71, 193, 191)")[];
-export declare function getTokensFromColors(colors: Color[]): ("rgb(223, 227, 232)" | "rgb(0, 0, 0)" | "rgb(0, 111, 187)" | "rgb(8, 78, 138)" | "rgb(0, 20, 41)" | "rgb(180, 225, 250)" | "rgb(235, 245, 250)" | "rgb(62, 78, 87)" | "rgb(80, 184, 60)" | "rgb(16, 128, 67)" | "rgb(23, 54, 48)" | "rgb(187, 229, 179)" | "rgb(227, 241, 223)" | "rgb(65, 79, 62)" | "rgb(92, 106, 196)" | "rgb(32, 46, 120)" | "rgb(0, 6, 57)" | "rgb(179, 188, 245)" | "rgb(244, 245, 250)" | "rgb(62, 65, 85)" | "rgb(33, 43, 54)" | "rgb(69, 79, 91)" | "rgb(99, 115, 129)" | "rgb(145, 158, 171)" | "rgb(244, 147, 66)" | "rgb(192, 87, 23)" | "rgb(74, 21, 4)" | "rgb(255, 197, 139)" | "rgb(252, 235, 219)" | "rgb(89, 68, 48)" | "rgb(156, 106, 222)" | "rgb(80, 36, 143)" | "rgb(35, 0, 81)" | "rgb(227, 208, 255)" | "rgb(246, 240, 253)" | "rgb(80, 73, 90)" | "rgb(222, 54, 24)" | "rgb(191, 7, 17)" | "rgb(51, 1, 1)" | "rgb(254, 173, 154)" | "rgb(251, 234, 229)" | "rgb(88, 60, 53)" | "rgb(196, 205, 213)" | "rgb(244, 246, 248)" | "rgb(249, 250, 251)" | "rgb(71, 193, 191)" | "rgb(0, 132, 142)" | "rgb(0, 49, 53)" | "rgb(183, 236, 236)" | "rgb(224, 245, 245)" | "rgb(64, 83, 82)" | "rgb(255, 255, 255)" | "rgb(238, 194, 0)" | "rgb(138, 97, 22)" | "rgb(87, 59, 0)" | "rgb(255, 234, 138)" | "rgb(252, 241, 205)")[];
+export declare function getColorPalette(colors: ColorScheme): string[] | ("rgb(196, 205, 213)" | "rgb(0, 111, 187)" | "rgb(80, 36, 143)" | "rgb(71, 193, 191)")[];
+export declare function getTokensFromColors(colors: Color[]): ("rgb(196, 205, 213)" | "rgb(223, 227, 232)" | "rgb(99, 115, 129)" | "rgb(0, 0, 0)" | "rgb(0, 111, 187)" | "rgb(8, 78, 138)" | "rgb(0, 20, 41)" | "rgb(180, 225, 250)" | "rgb(235, 245, 250)" | "rgb(62, 78, 87)" | "rgb(80, 184, 60)" | "rgb(16, 128, 67)" | "rgb(23, 54, 48)" | "rgb(187, 229, 179)" | "rgb(227, 241, 223)" | "rgb(65, 79, 62)" | "rgb(92, 106, 196)" | "rgb(32, 46, 120)" | "rgb(0, 6, 57)" | "rgb(179, 188, 245)" | "rgb(244, 245, 250)" | "rgb(62, 65, 85)" | "rgb(33, 43, 54)" | "rgb(69, 79, 91)" | "rgb(145, 158, 171)" | "rgb(244, 147, 66)" | "rgb(192, 87, 23)" | "rgb(74, 21, 4)" | "rgb(255, 197, 139)" | "rgb(252, 235, 219)" | "rgb(89, 68, 48)" | "rgb(156, 106, 222)" | "rgb(80, 36, 143)" | "rgb(35, 0, 81)" | "rgb(227, 208, 255)" | "rgb(246, 240, 253)" | "rgb(80, 73, 90)" | "rgb(222, 54, 24)" | "rgb(191, 7, 17)" | "rgb(51, 1, 1)" | "rgb(254, 173, 154)" | "rgb(251, 234, 229)" | "rgb(88, 60, 53)" | "rgb(244, 246, 248)" | "rgb(249, 250, 251)" | "rgb(71, 193, 191)" | "rgb(0, 132, 142)" | "rgb(0, 49, 53)" | "rgb(183, 236, 236)" | "rgb(224, 245, 245)" | "rgb(64, 83, 82)" | "rgb(255, 255, 255)" | "rgb(238, 194, 0)" | "rgb(138, 97, 22)" | "rgb(87, 59, 0)" | "rgb(255, 234, 138)" | "rgb(252, 241, 205)")[];

types/utilities/index.d.ts

@@ -1,2 +0,1 @@
-export { isMouseEvent } from './is-mouse-event';
-export { isTouchEvent } from './is-touch-event';
+export { eventPoint } from './event-point';

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

127497

increased by1.75%

Number of package files

122

increased by4.27%

Lines of code

2229

increased by2.29%

No dependency changes