@twilio-paste/data-visualization-library - npm Package Compare versions

Comparing version 6.0.1 to 6.0.2

dist/index.debug.es.js

@@ -215,5 +215,11 @@ var __create = Object.create;
     tooltip: {
-      backgroundColor: context.backgroundColors.colorBackground,
+      backgroundColor: context.backgroundColors.colorBackgroundBodyInverse,
+      borderColor: context.borderColors.colorBorderInverse,
+      borderWidth: context.borderWidths.borderWidth10,
+      borderRadius: context.radii.borderRadius30.replace("px", ""),
+      padding: 12,
       style: {
-        color: context.textColors.colorText
+        fontFamily: context.fonts.fontFamilyText,
+        color: context.textColors.colorText,
+        fontSize: context.fontSizes.fontSize30
       }
@@ -220,0 +226,0 @@ },

dist/index.debug.js

@@ -229,5 +229,11 @@ "use strict";
     tooltip: {
-      backgroundColor: context.backgroundColors.colorBackground,
+      backgroundColor: context.backgroundColors.colorBackgroundBodyInverse,
+      borderColor: context.borderColors.colorBorderInverse,
+      borderWidth: context.borderWidths.borderWidth10,
+      borderRadius: context.radii.borderRadius30.replace("px", ""),
+      padding: 12,
       style: {
-        color: context.textColors.colorText
+        fontFamily: context.fonts.fontFamilyText,
+        color: context.textColors.colorText,
+        fontSize: context.fontSizes.fontSize30
       }
@@ -234,0 +240,0 @@ },

dist/index.es.js

 "use client";
-var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __commonJS=(cb,mod)=>function(){return mod||(0,cb[__getOwnPropNames(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports};var __copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod));var require_cjs=__commonJS({"../../../node_modules/deepmerge/dist/cjs.js"(exports,module){"use strict";var isMergeableObject=function(value){return isNonNullObject(value)&&!isSpecial(value)};function isNonNullObject(value){return!!value&&typeof value=="object"}function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return stringValue==="[object RegExp]"||stringValue==="[object Date]"||isReactElement(value)}var canUseSymbol=typeof Symbol=="function"&&Symbol.for,REACT_ELEMENT_TYPE=canUseSymbol?Symbol.for("react.element"):60103;function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}function emptyTarget(val){return Array.isArray(val)?[]:{}}function cloneUnlessOtherwiseSpecified(value,options){return options.clone!==!1&&options.isMergeableObject(value)?deepmerge(emptyTarget(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map(function(element){return cloneUnlessOtherwiseSpecified(element,options)})}function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return typeof customMerge=="function"?customMerge:deepmerge}function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter(function(symbol){return target.propertyIsEnumerable(symbol)}):[]}function getKeys(target){return Object.keys(target).concat(getEnumerableOwnPropertySymbols(target))}function propertyIsOnObject(object,property){try{return property in object}catch{return!1}}function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach(function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)}),getKeys(source).forEach(function(key){propertyIsUnsafe(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=getMergeFunction(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))}),destination}function deepmerge(target,source,options){options=options||{},options.arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source),targetIsArray=Array.isArray(target),sourceAndTargetTypesMatch=sourceIsArray===targetIsArray;return sourceAndTargetTypesMatch?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce(function(prev,next){return deepmerge(prev,next,options)},{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1}});var import_deepmerge=__toESM(require_cjs());import{ThemeContext}from"@twilio-paste/styling-library";import*as React from"react";var usePasteHighchartsTheme=options=>{if(options==null)throw new Error("[usePasteHighchartsTheme]: Must provide highcharts options into this function. Options are deepmerged against the theme and returned for usage.");let context=React.useContext(ThemeContext);if(!context)throw new Error("[usePasteHighchartsTheme]: must be used within the @twilio-paste/theme provider. https://paste.twilio.design/introduction/for-engineers/manual-installation#setting-up-the-theme-provider");let colors=React.useMemo(()=>{let collator=new Intl.Collator(void 0,{numeric:!0,sensitivity:"base"});return Object.keys(context.dataVisualization).sort((a,b)=>collator.compare(a,b)).map(name=>context.dataVisualization[name])},[context]);return(0,import_deepmerge.default)(options,{colors,chart:{backgroundColor:context.backgroundColors.colorBackgroundBody},title:{style:{color:context.textColors.colorText,font:`${context.fontWeights.fontWeightBold} ${context.fontSizes.fontSize40} ${context.fonts.fontFamilyText}`}},subtitle:{style:{color:context.textColors.colorTextWeak,font:`${context.fontSizes.fontSize20} ${context.fonts.fontFamilyText}`}},legend:{itemStyle:{font:`${context.fontSizes.fontSize10} ${context.fonts.fontFamilyText}`,color:context.textColors.colorText},itemHoverStyle:{color:context.textColors.colorTextWeak},title:{style:{color:context.textColors.colorText}}},xAxis:{lineColor:context.textColors.colorText,tickColor:context.textColors.colorText,labels:{style:{color:context.textColors.colorText,font:`${context.fontWeights.fontWeightMedium} ${context.fontSizes.fontSize10} ${context.fonts.fontFamilyText}`}},title:{style:{color:context.textColors.colorText,font:`${context.fontWeights.fontWeightSemibold} ${context.fontSizes.fontSize30} ${context.fonts.fontFamilyText}`}}},yAxis:{labels:{style:{color:context.textColors.colorText,font:`${context.fontWeights.fontWeightMedium} ${context.fontSizes.fontSize10} ${context.fonts.fontFamilyText}`}},title:{style:{color:context.textColors.colorText,font:`${context.fontWeights.fontWeightSemibold} ${context.fontSizes.fontSize30} ${context.fonts.fontFamilyText}`}}},labels:{style:{color:context.textColors.colorText}},tooltip:{backgroundColor:context.backgroundColors.colorBackground,style:{color:context.textColors.colorText}},credits:{style:{color:context.textColors.colorTextWeaker}},plotOptions:{series:{borderColor:"transparent"}}})};var applyPasteHighchartsModules=(highcharts,accessibilityModule,...rest)=>{if(highcharts===void 0)throw new Error("[applyPasteHighchartsModules]: Must provide highcharts into this function.");if(accessibilityModule===void 0)throw new Error('[applyPasteHighchartsModules]: Must provide accessibility module into this function. You can do this using `import HighchartsAccessibility Module from "highcharts/modules/accessibility"`');accessibilityModule(highcharts),rest.forEach(module=>module(highcharts))};export{applyPasteHighchartsModules,usePasteHighchartsTheme};
+var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __commonJS=(cb,mod)=>function(){return mod||(0,cb[__getOwnPropNames(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports};var __copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod));var require_cjs=__commonJS({"../../../node_modules/deepmerge/dist/cjs.js"(exports,module){"use strict";var isMergeableObject=function(value){return isNonNullObject(value)&&!isSpecial(value)};function isNonNullObject(value){return!!value&&typeof value=="object"}function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return stringValue==="[object RegExp]"||stringValue==="[object Date]"||isReactElement(value)}var canUseSymbol=typeof Symbol=="function"&&Symbol.for,REACT_ELEMENT_TYPE=canUseSymbol?Symbol.for("react.element"):60103;function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}function emptyTarget(val){return Array.isArray(val)?[]:{}}function cloneUnlessOtherwiseSpecified(value,options){return options.clone!==!1&&options.isMergeableObject(value)?deepmerge(emptyTarget(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map(function(element){return cloneUnlessOtherwiseSpecified(element,options)})}function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return typeof customMerge=="function"?customMerge:deepmerge}function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter(function(symbol){return target.propertyIsEnumerable(symbol)}):[]}function getKeys(target){return Object.keys(target).concat(getEnumerableOwnPropertySymbols(target))}function propertyIsOnObject(object,property){try{return property in object}catch{return!1}}function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach(function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)}),getKeys(source).forEach(function(key){propertyIsUnsafe(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=getMergeFunction(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))}),destination}function deepmerge(target,source,options){options=options||{},options.arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source),targetIsArray=Array.isArray(target),sourceAndTargetTypesMatch=sourceIsArray===targetIsArray;return sourceAndTargetTypesMatch?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce(function(prev,next){return deepmerge(prev,next,options)},{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1}});var import_deepmerge=__toESM(require_cjs());import{ThemeContext}from"@twilio-paste/styling-library";import*as React from"react";var usePasteHighchartsTheme=options=>{if(options==null)throw new Error("[usePasteHighchartsTheme]: Must provide highcharts options into this function. Options are deepmerged against the theme and returned for usage.");let context=React.useContext(ThemeContext);if(!context)throw new Error("[usePasteHighchartsTheme]: must be used within the @twilio-paste/theme provider. https://paste.twilio.design/introduction/for-engineers/manual-installation#setting-up-the-theme-provider");let colors=React.useMemo(()=>{let collator=new Intl.Collator(void 0,{numeric:!0,sensitivity:"base"});return Object.keys(context.dataVisualization).sort((a,b)=>collator.compare(a,b)).map(name=>context.dataVisualization[name])},[context]);return(0,import_deepmerge.default)(options,{colors,chart:{backgroundColor:context.backgroundColors.colorBackgroundBody},title:{style:{color:context.textColors.colorText,font:`${context.fontWeights.fontWeightBold} ${context.fontSizes.fontSize40} ${context.fonts.fontFamilyText}`}},subtitle:{style:{color:context.textColors.colorTextWeak,font:`${context.fontSizes.fontSize20} ${context.fonts.fontFamilyText}`}},legend:{itemStyle:{font:`${context.fontSizes.fontSize10} ${context.fonts.fontFamilyText}`,color:context.textColors.colorText},itemHoverStyle:{color:context.textColors.colorTextWeak},title:{style:{color:context.textColors.colorText}}},xAxis:{lineColor:context.textColors.colorText,tickColor:context.textColors.colorText,labels:{style:{color:context.textColors.colorText,font:`${context.fontWeights.fontWeightMedium} ${context.fontSizes.fontSize10} ${context.fonts.fontFamilyText}`}},title:{style:{color:context.textColors.colorText,font:`${context.fontWeights.fontWeightSemibold} ${context.fontSizes.fontSize30} ${context.fonts.fontFamilyText}`}}},yAxis:{labels:{style:{color:context.textColors.colorText,font:`${context.fontWeights.fontWeightMedium} ${context.fontSizes.fontSize10} ${context.fonts.fontFamilyText}`}},title:{style:{color:context.textColors.colorText,font:`${context.fontWeights.fontWeightSemibold} ${context.fontSizes.fontSize30} ${context.fonts.fontFamilyText}`}}},labels:{style:{color:context.textColors.colorText}},tooltip:{backgroundColor:context.backgroundColors.colorBackgroundBodyInverse,borderColor:context.borderColors.colorBorderInverse,borderWidth:context.borderWidths.borderWidth10,borderRadius:context.radii.borderRadius30.replace("px",""),padding:12,style:{fontFamily:context.fonts.fontFamilyText,color:context.textColors.colorText,fontSize:context.fontSizes.fontSize30}},credits:{style:{color:context.textColors.colorTextWeaker}},plotOptions:{series:{borderColor:"transparent"}}})};var applyPasteHighchartsModules=(highcharts,accessibilityModule,...rest)=>{if(highcharts===void 0)throw new Error("[applyPasteHighchartsModules]: Must provide highcharts into this function.");if(accessibilityModule===void 0)throw new Error('[applyPasteHighchartsModules]: Must provide accessibility module into this function. You can do this using `import HighchartsAccessibility Module from "highcharts/modules/accessibility"`');accessibilityModule(highcharts),rest.forEach(module=>module(highcharts))};export{applyPasteHighchartsModules,usePasteHighchartsTheme};

dist/index.js

 "use client";
-"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __commonJS=(cb,mod)=>function(){return mod||(0,cb[__getOwnPropNames(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports};var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var require_cjs=__commonJS({"../../../node_modules/deepmerge/dist/cjs.js"(exports,module2){"use strict";var isMergeableObject=function(value){return isNonNullObject(value)&&!isSpecial(value)};function isNonNullObject(value){return!!value&&typeof value=="object"}function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return stringValue==="[object RegExp]"||stringValue==="[object Date]"||isReactElement(value)}var canUseSymbol=typeof Symbol=="function"&&Symbol.for,REACT_ELEMENT_TYPE=canUseSymbol?Symbol.for("react.element"):60103;function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}function emptyTarget(val){return Array.isArray(val)?[]:{}}function cloneUnlessOtherwiseSpecified(value,options){return options.clone!==!1&&options.isMergeableObject(value)?deepmerge(emptyTarget(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map(function(element){return cloneUnlessOtherwiseSpecified(element,options)})}function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return typeof customMerge=="function"?customMerge:deepmerge}function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter(function(symbol){return target.propertyIsEnumerable(symbol)}):[]}function getKeys(target){return Object.keys(target).concat(getEnumerableOwnPropertySymbols(target))}function propertyIsOnObject(object,property){try{return property in object}catch{return!1}}function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach(function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)}),getKeys(source).forEach(function(key){propertyIsUnsafe(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=getMergeFunction(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))}),destination}function deepmerge(target,source,options){options=options||{},options.arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source),targetIsArray=Array.isArray(target),sourceAndTargetTypesMatch=sourceIsArray===targetIsArray;return sourceAndTargetTypesMatch?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce(function(prev,next){return deepmerge(prev,next,options)},{})};var deepmerge_1=deepmerge;module2.exports=deepmerge_1}});var src_exports={};__export(src_exports,{applyPasteHighchartsModules:()=>applyPasteHighchartsModules,usePasteHighchartsTheme:()=>usePasteHighchartsTheme});module.exports=__toCommonJS(src_exports);var import_styling_library=require("@twilio-paste/styling-library"),import_deepmerge=__toESM(require_cjs()),React=__toESM(require("react")),usePasteHighchartsTheme=options=>{if(options==null)throw new Error("[usePasteHighchartsTheme]: Must provide highcharts options into this function. Options are deepmerged against the theme and returned for usage.");let context=React.useContext(import_styling_library.ThemeContext);if(!context)throw new Error("[usePasteHighchartsTheme]: must be used within the @twilio-paste/theme provider. https://paste.twilio.design/introduction/for-engineers/manual-installation#setting-up-the-theme-provider");let colors=React.useMemo(()=>{let collator=new Intl.Collator(void 0,{numeric:!0,sensitivity:"base"});return Object.keys(context.dataVisualization).sort((a,b)=>collator.compare(a,b)).map(name=>context.dataVisualization[name])},[context]);return(0,import_deepmerge.default)(options,{colors,chart:{backgroundColor:context.backgroundColors.colorBackgroundBody},title:{style:{color:context.textColors.colorText,font:`${context.fontWeights.fontWeightBold} ${context.fontSizes.fontSize40} ${context.fonts.fontFamilyText}`}},subtitle:{style:{color:context.textColors.colorTextWeak,font:`${context.fontSizes.fontSize20} ${context.fonts.fontFamilyText}`}},legend:{itemStyle:{font:`${context.fontSizes.fontSize10} ${context.fonts.fontFamilyText}`,color:context.textColors.colorText},itemHoverStyle:{color:context.textColors.colorTextWeak},title:{style:{color:context.textColors.colorText}}},xAxis:{lineColor:context.textColors.colorText,tickColor:context.textColors.colorText,labels:{style:{color:context.textColors.colorText,font:`${context.fontWeights.fontWeightMedium} ${context.fontSizes.fontSize10} ${context.fonts.fontFamilyText}`}},title:{style:{color:context.textColors.colorText,font:`${context.fontWeights.fontWeightSemibold} ${context.fontSizes.fontSize30} ${context.fonts.fontFamilyText}`}}},yAxis:{labels:{style:{color:context.textColors.colorText,font:`${context.fontWeights.fontWeightMedium} ${context.fontSizes.fontSize10} ${context.fonts.fontFamilyText}`}},title:{style:{color:context.textColors.colorText,font:`${context.fontWeights.fontWeightSemibold} ${context.fontSizes.fontSize30} ${context.fonts.fontFamilyText}`}}},labels:{style:{color:context.textColors.colorText}},tooltip:{backgroundColor:context.backgroundColors.colorBackground,style:{color:context.textColors.colorText}},credits:{style:{color:context.textColors.colorTextWeaker}},plotOptions:{series:{borderColor:"transparent"}}})};var applyPasteHighchartsModules=(highcharts,accessibilityModule,...rest)=>{if(highcharts===void 0)throw new Error("[applyPasteHighchartsModules]: Must provide highcharts into this function.");if(accessibilityModule===void 0)throw new Error('[applyPasteHighchartsModules]: Must provide accessibility module into this function. You can do this using `import HighchartsAccessibility Module from "highcharts/modules/accessibility"`');accessibilityModule(highcharts),rest.forEach(module2=>module2(highcharts))};
+"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __commonJS=(cb,mod)=>function(){return mod||(0,cb[__getOwnPropNames(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports};var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var require_cjs=__commonJS({"../../../node_modules/deepmerge/dist/cjs.js"(exports,module2){"use strict";var isMergeableObject=function(value){return isNonNullObject(value)&&!isSpecial(value)};function isNonNullObject(value){return!!value&&typeof value=="object"}function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return stringValue==="[object RegExp]"||stringValue==="[object Date]"||isReactElement(value)}var canUseSymbol=typeof Symbol=="function"&&Symbol.for,REACT_ELEMENT_TYPE=canUseSymbol?Symbol.for("react.element"):60103;function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}function emptyTarget(val){return Array.isArray(val)?[]:{}}function cloneUnlessOtherwiseSpecified(value,options){return options.clone!==!1&&options.isMergeableObject(value)?deepmerge(emptyTarget(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map(function(element){return cloneUnlessOtherwiseSpecified(element,options)})}function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return typeof customMerge=="function"?customMerge:deepmerge}function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter(function(symbol){return target.propertyIsEnumerable(symbol)}):[]}function getKeys(target){return Object.keys(target).concat(getEnumerableOwnPropertySymbols(target))}function propertyIsOnObject(object,property){try{return property in object}catch{return!1}}function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach(function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)}),getKeys(source).forEach(function(key){propertyIsUnsafe(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=getMergeFunction(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))}),destination}function deepmerge(target,source,options){options=options||{},options.arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source),targetIsArray=Array.isArray(target),sourceAndTargetTypesMatch=sourceIsArray===targetIsArray;return sourceAndTargetTypesMatch?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce(function(prev,next){return deepmerge(prev,next,options)},{})};var deepmerge_1=deepmerge;module2.exports=deepmerge_1}});var src_exports={};__export(src_exports,{applyPasteHighchartsModules:()=>applyPasteHighchartsModules,usePasteHighchartsTheme:()=>usePasteHighchartsTheme});module.exports=__toCommonJS(src_exports);var import_styling_library=require("@twilio-paste/styling-library"),import_deepmerge=__toESM(require_cjs()),React=__toESM(require("react")),usePasteHighchartsTheme=options=>{if(options==null)throw new Error("[usePasteHighchartsTheme]: Must provide highcharts options into this function. Options are deepmerged against the theme and returned for usage.");let context=React.useContext(import_styling_library.ThemeContext);if(!context)throw new Error("[usePasteHighchartsTheme]: must be used within the @twilio-paste/theme provider. https://paste.twilio.design/introduction/for-engineers/manual-installation#setting-up-the-theme-provider");let colors=React.useMemo(()=>{let collator=new Intl.Collator(void 0,{numeric:!0,sensitivity:"base"});return Object.keys(context.dataVisualization).sort((a,b)=>collator.compare(a,b)).map(name=>context.dataVisualization[name])},[context]);return(0,import_deepmerge.default)(options,{colors,chart:{backgroundColor:context.backgroundColors.colorBackgroundBody},title:{style:{color:context.textColors.colorText,font:`${context.fontWeights.fontWeightBold} ${context.fontSizes.fontSize40} ${context.fonts.fontFamilyText}`}},subtitle:{style:{color:context.textColors.colorTextWeak,font:`${context.fontSizes.fontSize20} ${context.fonts.fontFamilyText}`}},legend:{itemStyle:{font:`${context.fontSizes.fontSize10} ${context.fonts.fontFamilyText}`,color:context.textColors.colorText},itemHoverStyle:{color:context.textColors.colorTextWeak},title:{style:{color:context.textColors.colorText}}},xAxis:{lineColor:context.textColors.colorText,tickColor:context.textColors.colorText,labels:{style:{color:context.textColors.colorText,font:`${context.fontWeights.fontWeightMedium} ${context.fontSizes.fontSize10} ${context.fonts.fontFamilyText}`}},title:{style:{color:context.textColors.colorText,font:`${context.fontWeights.fontWeightSemibold} ${context.fontSizes.fontSize30} ${context.fonts.fontFamilyText}`}}},yAxis:{labels:{style:{color:context.textColors.colorText,font:`${context.fontWeights.fontWeightMedium} ${context.fontSizes.fontSize10} ${context.fonts.fontFamilyText}`}},title:{style:{color:context.textColors.colorText,font:`${context.fontWeights.fontWeightSemibold} ${context.fontSizes.fontSize30} ${context.fonts.fontFamilyText}`}}},labels:{style:{color:context.textColors.colorText}},tooltip:{backgroundColor:context.backgroundColors.colorBackgroundBodyInverse,borderColor:context.borderColors.colorBorderInverse,borderWidth:context.borderWidths.borderWidth10,borderRadius:context.radii.borderRadius30.replace("px",""),padding:12,style:{fontFamily:context.fonts.fontFamilyText,color:context.textColors.colorText,fontSize:context.fontSizes.fontSize30}},credits:{style:{color:context.textColors.colorTextWeaker}},plotOptions:{series:{borderColor:"transparent"}}})};var applyPasteHighchartsModules=(highcharts,accessibilityModule,...rest)=>{if(highcharts===void 0)throw new Error("[applyPasteHighchartsModules]: Must provide highcharts into this function.");if(accessibilityModule===void 0)throw new Error('[applyPasteHighchartsModules]: Must provide accessibility module into this function. You can do this using `import HighchartsAccessibility Module from "highcharts/modules/accessibility"`');accessibilityModule(highcharts),rest.forEach(module2=>module2(highcharts))};

package.json

 {
   "name": "@twilio-paste/data-visualization-library",
-  "version": "6.0.1",
+  "version": "6.0.2",
   "category": "library",
@@ -45,3 +45,3 @@ "status": "production",
     "@twilio-paste/color-contrast-utils": "^5.0.0",
-    "@twilio-paste/design-tokens": "^10.8.0",
+    "@twilio-paste/design-tokens": "^10.14.1",
     "@twilio-paste/styling-library": "^4.0.1",
@@ -48,0 +48,0 @@ "@twilio-paste/theme": "^12.0.1",

No alert changes

Improved metrics

Total package byte prevSize

148777

0.77%

Lines of code

588

2.44%

No dependency changes