@looker/design-tokens - npm Package Compare versions

Comparing version 0.7.36 to 0.8.0

lib/GlobalStyle/GlobalStyle.js

@@ -38,5 +38,5 @@ "use strict";
   } = _ref2;
-  return reset(theme.colors.palette.white);
+  return reset(theme.colors.background);
 }));
 exports.GlobalStyle = GlobalStyle;
 //# sourceMappingURL=GlobalStyle.js.map

lib/GlobalStyle/IE.js

@@ -25,3 +25,3 @@ "use strict";
   if (!isIE11) return null;
-  return _react.default.createElement("style", null, ieGlobalCSS(theme.fonts.brand, theme.colors.palette.white));
+  return _react.default.createElement("style", null, ieGlobalCSS(theme.fonts.brand, theme.colors.background));
 };
@@ -28,0 +28,0 @@

lib/index.d.ts

@@ -0,6 +1,9 @@
+import * as palette from './tokens/color/palette';
 export * from './system';
 export * from './theme';
 export * from './GlobalStyle';
-export { palette, radii, semanticColors } from './tokens';
+export { palette };
+export { prismTheme } from './prismTheme';
 export * from './customizeable_attributes';
-export * from './helpers/animations';
+export * from './utils/animations';
+export { generateThemeFromCoreColors } from './utils/theme';

lib/index.js

@@ -8,24 +8,23 @@ "use strict";
   palette: true,
-  radii: true,
-  semanticColors: true
+  prismTheme: true,
+  generateThemeFromCoreColors: true
 };
-Object.defineProperty(exports, "palette", {
+Object.defineProperty(exports, "prismTheme", {
   enumerable: true,
   get: function get() {
-    return _tokens.palette;
+    return _prismTheme.prismTheme;
   }
 });
-Object.defineProperty(exports, "radii", {
+Object.defineProperty(exports, "generateThemeFromCoreColors", {
   enumerable: true,
   get: function get() {
-    return _tokens.radii;
+    return _theme2.generateThemeFromCoreColors;
   }
 });
-Object.defineProperty(exports, "semanticColors", {
-  enumerable: true,
-  get: function get() {
-    return _tokens.semanticColors;
-  }
-});
+exports.palette = void 0;
 
+var palette = _interopRequireWildcard(require("./tokens/color/palette"));
+
+exports.palette = palette;
+
 var _system = require("./system");
@@ -70,3 +69,3 @@
 
-var _tokens = require("./tokens");
+var _prismTheme = require("./prismTheme");
 
@@ -86,3 +85,3 @@ var _customizeable_attributes = require("./customizeable_attributes");
 
-var _animations = require("./helpers/animations");
+var _animations = require("./utils/animations");
 
@@ -99,2 +98,8 @@ Object.keys(_animations).forEach(function (key) {
 });
+
+var _theme2 = require("./utils/theme");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 //# sourceMappingURL=index.js.map

lib/system/color/index.d.ts

@@ -0,3 +1,16 @@
+import { BlendColors } from './blends';
+import { StatefulColors } from './stateful';
+import { IntentColors, SurfaceColors } from './specifiable';
+export type { BlendColors } from './blends';
+export type { StatefulColors, StatefulColorChoices } from './stateful';
 export type { ColorProps } from 'styled-system';
-export { Palette } from './palette';
-export { SemanticColor, SemanticColors } from './semantic_colors';
+export interface CoreColors {
+    background: string;
+    text: string;
+    key: string;
+}
+export interface SpecifiableColors extends CoreColors, SurfaceColors, IntentColors {
+}
+export interface Colors extends SpecifiableColors, BlendColors, StatefulColors {
+}
+export { StatefulColor } from './stateful';

lib/system/color/index.js

@@ -6,24 +6,12 @@ "use strict";
 });
-Object.defineProperty(exports, "Palette", {
+Object.defineProperty(exports, "StatefulColor", {
   enumerable: true,
   get: function get() {
-    return _palette.Palette;
+    return _stateful.StatefulColor;
   }
 });
-Object.defineProperty(exports, "SemanticColor", {
-  enumerable: true,
-  get: function get() {
-    return _semantic_colors.SemanticColor;
-  }
-});
-Object.defineProperty(exports, "SemanticColors", {
-  enumerable: true,
-  get: function get() {
-    return _semantic_colors.SemanticColors;
-  }
-});
 
-var _palette = require("./palette");
+var _blends = require("./blends");
 
-var _semantic_colors = require("./semantic_colors");
+var _stateful = require("./stateful");
 //# sourceMappingURL=index.js.map

lib/system/color/palette.d.ts

 export interface Palette {
-    textInverted: string;
-    transparent: string;
     white: string;
-    primary500: string;
-    primary600: string;
-    primary700: string;
     charcoal000: string;
@@ -9,0 +4,0 @@ charcoal100: string;

lib/theme.d.ts

 import { InterpolationValue } from 'styled-components';
-import { Easings, FontFamilyChoices, FontSizeRamp, FontWeightRamp, LineHeightRamp, Palette, Radii, SemanticColors, Shadows, SpaceRamp, Transitions } from './system';
+import { Colors, Easings, FontFamilyChoices, FontSizeRamp, FontWeightRamp, LineHeightRamp, Radii, Shadows, SpaceRamp, Transitions } from './system';
+import { Palette } from './system/color/palette';
+export interface ThemeColors extends Colors {
+    palette: Palette;
+}
 export interface Theme {
     breakpoints: string[];
-    colors: {
-        palette: Palette;
-        semanticColors: SemanticColors;
-    };
+    colors: ThemeColors;
     easings: Easings;
@@ -10,0 +11,0 @@ fontSizes: FontSizeRamp;

lib/theme.js

@@ -10,8 +10,19 @@ "use strict";
 
+var palette = _interopRequireWildcard(require("./tokens/color/palette"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var theme = {
   breakpoints: _tokens.breakpoints,
-  colors: {
-    palette: _tokens.palette,
-    semanticColors: _tokens.semanticColors
-  },
+  colors: _objectSpread({
+    palette
+  }, _tokens.colors),
   easings: _tokens.easings,
@@ -18,0 +29,0 @@ fontSizes: _tokens.fontSizes,

lib/tokens/color/index.d.ts

@@ -1,2 +0,5 @@
-export * from './palette';
-export * from './semantic_colors';
+import { IntentColors } from '../../system/color/specifiable';
+import { CoreColors, Colors } from '../../system';
+export declare const defaultCoreColors: CoreColors;
+export declare const defaultIntentColors: IntentColors;
+export declare const colors: Colors;

lib/tokens/color/index.js

@@ -6,26 +6,37 @@ "use strict";
 });
+exports.colors = exports.defaultIntentColors = exports.defaultCoreColors = void 0;
 
+var _surface = require("../../utils/color/surface");
+
 var _palette = require("./palette");
 
-Object.keys(_palette).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _palette[key];
-    }
-  });
-});
+var _fallbacks = require("./fallbacks");
 
-var _semantic_colors = require("./semantic_colors");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-Object.keys(_semantic_colors).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _semantic_colors[key];
-    }
-  });
-});
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var defaultCoreColors = {
+  background: _palette.white,
+  text: _palette.charcoal800,
+  key: _palette.purple400
+};
+exports.defaultCoreColors = defaultCoreColors;
+var defaultIntentColors = {
+  link: _palette.blue600,
+  critical: _palette.red500,
+  warn: _palette.yellow500,
+  neutral: _palette.charcoal400,
+  positive: _palette.green500,
+  inform: _palette.blue500
+};
+exports.defaultIntentColors = defaultIntentColors;
+
+var specifiableColors = _objectSpread(_objectSpread(_objectSpread({}, defaultCoreColors), (0, _surface.generateSurfaceColors)(defaultCoreColors)), defaultIntentColors);
+
+var colors = _objectSpread(_objectSpread(_objectSpread({}, specifiableColors), _fallbacks.fallbackBlends), _fallbacks.fallbackStateful);
+
+exports.colors = colors;
 //# sourceMappingURL=index.js.map

lib/tokens/color/palette.d.ts

@@ -1,2 +0,61 @@
-import { Palette } from '../../system';
-export declare const palette: Palette;
+export declare const white = "#FFFFFF";
+export declare const charcoal000 = "#FBFBFC";
+export declare const charcoal100 = "#F5F6F7";
+export declare const charcoal200 = "#DEE1E5";
+export declare const charcoal300 = "#C1C6CC";
+export declare const charcoal400 = "#939BA5";
+export declare const charcoal500 = "#707781";
+export declare const charcoal600 = "#4C535B";
+export declare const charcoal700 = "#343C42";
+export declare const charcoal800 = "#262D33";
+export declare const charcoal900 = "#262D33";
+export declare const purple000 = "#F3F2FF";
+export declare const purple100 = "#E8E5FF";
+export declare const purple200 = "#BFB2FF";
+export declare const purple300 = "#9785F2";
+export declare const purple400 = "#6C43E0";
+export declare const purple500 = "#4F2ABA";
+export declare const purple600 = "#412399";
+export declare const purple700 = "#341C7A";
+export declare const purple800 = "#291661";
+export declare const purple900 = "#1E1047";
+export declare const blue000 = "#f7fcff";
+export declare const blue100 = "#e0f2ff";
+export declare const blue200 = "#bfe3ff";
+export declare const blue300 = "#6fbcf7";
+export declare const blue400 = "#49a9f2";
+export declare const blue500 = "#0087e1";
+export declare const blue600 = "#0059b2";
+export declare const blue700 = "#00418c";
+export declare const blue800 = "#0f2f66";
+export declare const blue900 = "#08284d";
+export declare const green000 = "#f2fff5";
+export declare const green100 = "#e0ffe7";
+export declare const green200 = "#b4fac2";
+export declare const green300 = "#67e591";
+export declare const green400 = "#33cc73";
+export declare const green500 = "#24b25f";
+export declare const green600 = "#0e8c42";
+export declare const green700 = "#0b6b38";
+export declare const green800 = "#08522d";
+export declare const green900 = "#06381f";
+export declare const yellow000 = "#FFF7E8";
+export declare const yellow100 = "#FFEBC4";
+export declare const yellow200 = "#FFDB96";
+export declare const yellow300 = "#FFCA62";
+export declare const yellow400 = "#FFB72B";
+export declare const yellow500 = "#FFA800";
+export declare const yellow600 = "#EF9E00";
+export declare const yellow700 = "#CC8600";
+export declare const yellow800 = "#A56D00";
+export declare const yellow900 = "#724B00";
+export declare const red000 = "#FFF2F4";
+export declare const red100 = "#FFE5E9";
+export declare const red200 = "#FFB8C1";
+export declare const red300 = "#FF667A";
+export declare const red400 = "#ED3B53";
+export declare const red500 = "#CC1F36";
+export declare const red600 = "#B2121F";
+export declare const red700 = "#990F14";
+export declare const red800 = "#730B0F";
+export declare const red900 = "#52080B";

lib/tokens/color/palette.js

@@ -6,72 +6,125 @@ "use strict";
 });
-exports.palette = void 0;
-var palette = {
-  textInverted: '#FFFFFF',
-  transparent: 'transparent',
-  white: '#FFFFFF',
-  primary500: '#4F2ABA',
-  primary600: '#412399',
-  primary700: '#341C7A',
-  charcoal000: '#FBFBFC',
-  charcoal100: '#F5F6F7',
-  charcoal200: '#DEE1E5',
-  charcoal300: '#C1C6CC',
-  charcoal400: '#939BA5',
-  charcoal500: '#707781',
-  charcoal600: '#4C535B',
-  charcoal700: '#343C42',
-  charcoal800: '#262D33',
-  charcoal900: '#262D33',
-  purple000: '#F3F2FF',
-  purple100: '#E8E5FF',
-  purple200: '#BFB2FF',
-  purple300: '#9785F2',
-  purple400: '#6C43E0',
-  purple500: '#4F2ABA',
-  purple600: '#412399',
-  purple700: '#341C7A',
-  purple800: '#291661',
-  purple900: '#1E1047',
-  blue000: '#f7fcff',
-  blue100: '#e0f2ff',
-  blue200: '#bfe3ff',
-  blue300: '#6fbcf7',
-  blue400: '#49a9f2',
-  blue500: '#0087e1',
-  blue600: '#0059b2',
-  blue700: '#00418c',
-  blue800: '#0f2f66',
-  blue900: '#08284d',
-  green000: '#f2fff5',
-  green100: '#e0ffe7',
-  green200: '#b4fac2',
-  green300: '#67e591',
-  green400: '#33cc73',
-  green500: '#24b25f',
-  green600: '#0e8c42',
-  green700: '#0b6b38',
-  green800: '#08522d',
-  green900: '#06381f',
-  yellow000: '#FFF7E8',
-  yellow100: '#FFEBC4',
-  yellow200: '#FFDB96',
-  yellow300: '#FFCA62',
-  yellow400: '#FFB72B',
-  yellow500: '#FFA800',
-  yellow600: '#EF9E00',
-  yellow700: '#CC8600',
-  yellow800: '#A56D00',
-  yellow900: '#724B00',
-  red000: '#FFF2F4',
-  red100: '#FFE5E9',
-  red200: '#FFB8C1',
-  red300: '#FF667A',
-  red400: '#ED3B53',
-  red500: '#CC1F36',
-  red600: '#B2121F',
-  red700: '#990F14',
-  red800: '#730B0F',
-  red900: '#52080B'
-};
-exports.palette = palette;
+exports.red900 = exports.red800 = exports.red700 = exports.red600 = exports.red500 = exports.red400 = exports.red300 = exports.red200 = exports.red100 = exports.red000 = exports.yellow900 = exports.yellow800 = exports.yellow700 = exports.yellow600 = exports.yellow500 = exports.yellow400 = exports.yellow300 = exports.yellow200 = exports.yellow100 = exports.yellow000 = exports.green900 = exports.green800 = exports.green700 = exports.green600 = exports.green500 = exports.green400 = exports.green300 = exports.green200 = exports.green100 = exports.green000 = exports.blue900 = exports.blue800 = exports.blue700 = exports.blue600 = exports.blue500 = exports.blue400 = exports.blue300 = exports.blue200 = exports.blue100 = exports.blue000 = exports.purple900 = exports.purple800 = exports.purple700 = exports.purple600 = exports.purple500 = exports.purple400 = exports.purple300 = exports.purple200 = exports.purple100 = exports.purple000 = exports.charcoal900 = exports.charcoal800 = exports.charcoal700 = exports.charcoal600 = exports.charcoal500 = exports.charcoal400 = exports.charcoal300 = exports.charcoal200 = exports.charcoal100 = exports.charcoal000 = exports.white = void 0;
+var white = '#FFFFFF';
+exports.white = white;
+var charcoal000 = '#FBFBFC';
+exports.charcoal000 = charcoal000;
+var charcoal100 = '#F5F6F7';
+exports.charcoal100 = charcoal100;
+var charcoal200 = '#DEE1E5';
+exports.charcoal200 = charcoal200;
+var charcoal300 = '#C1C6CC';
+exports.charcoal300 = charcoal300;
+var charcoal400 = '#939BA5';
+exports.charcoal400 = charcoal400;
+var charcoal500 = '#707781';
+exports.charcoal500 = charcoal500;
+var charcoal600 = '#4C535B';
+exports.charcoal600 = charcoal600;
+var charcoal700 = '#343C42';
+exports.charcoal700 = charcoal700;
+var charcoal800 = '#262D33';
+exports.charcoal800 = charcoal800;
+var charcoal900 = '#262D33';
+exports.charcoal900 = charcoal900;
+var purple000 = '#F3F2FF';
+exports.purple000 = purple000;
+var purple100 = '#E8E5FF';
+exports.purple100 = purple100;
+var purple200 = '#BFB2FF';
+exports.purple200 = purple200;
+var purple300 = '#9785F2';
+exports.purple300 = purple300;
+var purple400 = '#6C43E0';
+exports.purple400 = purple400;
+var purple500 = '#4F2ABA';
+exports.purple500 = purple500;
+var purple600 = '#412399';
+exports.purple600 = purple600;
+var purple700 = '#341C7A';
+exports.purple700 = purple700;
+var purple800 = '#291661';
+exports.purple800 = purple800;
+var purple900 = '#1E1047';
+exports.purple900 = purple900;
+var blue000 = '#f7fcff';
+exports.blue000 = blue000;
+var blue100 = '#e0f2ff';
+exports.blue100 = blue100;
+var blue200 = '#bfe3ff';
+exports.blue200 = blue200;
+var blue300 = '#6fbcf7';
+exports.blue300 = blue300;
+var blue400 = '#49a9f2';
+exports.blue400 = blue400;
+var blue500 = '#0087e1';
+exports.blue500 = blue500;
+var blue600 = '#0059b2';
+exports.blue600 = blue600;
+var blue700 = '#00418c';
+exports.blue700 = blue700;
+var blue800 = '#0f2f66';
+exports.blue800 = blue800;
+var blue900 = '#08284d';
+exports.blue900 = blue900;
+var green000 = '#f2fff5';
+exports.green000 = green000;
+var green100 = '#e0ffe7';
+exports.green100 = green100;
+var green200 = '#b4fac2';
+exports.green200 = green200;
+var green300 = '#67e591';
+exports.green300 = green300;
+var green400 = '#33cc73';
+exports.green400 = green400;
+var green500 = '#24b25f';
+exports.green500 = green500;
+var green600 = '#0e8c42';
+exports.green600 = green600;
+var green700 = '#0b6b38';
+exports.green700 = green700;
+var green800 = '#08522d';
+exports.green800 = green800;
+var green900 = '#06381f';
+exports.green900 = green900;
+var yellow000 = '#FFF7E8';
+exports.yellow000 = yellow000;
+var yellow100 = '#FFEBC4';
+exports.yellow100 = yellow100;
+var yellow200 = '#FFDB96';
+exports.yellow200 = yellow200;
+var yellow300 = '#FFCA62';
+exports.yellow300 = yellow300;
+var yellow400 = '#FFB72B';
+exports.yellow400 = yellow400;
+var yellow500 = '#FFA800';
+exports.yellow500 = yellow500;
+var yellow600 = '#EF9E00';
+exports.yellow600 = yellow600;
+var yellow700 = '#CC8600';
+exports.yellow700 = yellow700;
+var yellow800 = '#A56D00';
+exports.yellow800 = yellow800;
+var yellow900 = '#724B00';
+exports.yellow900 = yellow900;
+var red000 = '#FFF2F4';
+exports.red000 = red000;
+var red100 = '#FFE5E9';
+exports.red100 = red100;
+var red200 = '#FFB8C1';
+exports.red200 = red200;
+var red300 = '#FF667A';
+exports.red300 = red300;
+var red400 = '#ED3B53';
+exports.red400 = red400;
+var red500 = '#CC1F36';
+exports.red500 = red500;
+var red600 = '#B2121F';
+exports.red600 = red600;
+var red700 = '#990F14';
+exports.red700 = red700;
+var red800 = '#730B0F';
+exports.red800 = red800;
+var red900 = '#52080B';
+exports.red900 = red900;
 //# sourceMappingURL=palette.js.map

package.json

 {
   "name": "@looker/design-tokens",
   "license": "MIT",
-  "version": "0.7.36",
+  "version": "0.8.0",
   "main": "lib/index.js",
@@ -25,6 +25,7 @@ "types": "lib/index.d.ts",
   "devDependencies": {
-    "@types/lodash": "^4.14.151",
+    "@types/lodash": "^4.14.152",
     "@types/styled-components": "^4.4.1",
     "csstype": "^2.6.10",
     "lodash": "^4.17.15",
+    "prism-react-renderer": "^1.1.1",
     "react": "^16.13.1",
@@ -39,3 +40,3 @@ "react-dom": "^16.13.1",
   },
-  "gitHead": "a72ded5fbfae372f6d86f7e12d1c3597a6e87e00"
+  "gitHead": "c8b06334a706bc61f16384f09546c12ffa346cf8"
 }

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

173348

increased by44.87%

Number of package files

162

increased by22.73%

Lines of code

1786

increased by35.41%

Worsened metrics

Dev dependency count

8

increased by14.29%

No dependency changes