playbook_ui 14.5.0.pre.alpha.PLAY1486highchartscssdrivenPOC3950 → 14.5.0.pre.alpha.PLAY1486highchartscssdrivenPOC3954

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d722a0acf93dc0f92c6f6e00dc44fec3393f8e63699e6f35e50f646938115831
-  data.tar.gz: 0f5388ac958243c7efa786a0b6ae126785bc145ae63ec62be76caafb84d777f8
+  metadata.gz: 5daa365c41ed9327bba1499769eed256b0dad354cb6eb38a522723885329127b
+  data.tar.gz: ab0a8207ba8250f6cfd189c1dcd09706ea22e74485e458567490cf1db87a23a3
 SHA512:
-  metadata.gz: 0dc3916b423231f83311cd8475c7ac7b4a5d68da6cb2fa4c6f7a73921abe125e5e4b6cb5f2dd4111a6df35025900d4b2c19995f08adfd8a36673a9e714c15bf0
-  data.tar.gz: 858d2c04df67722139de459a406a31730794b3de4af970aaa9b185746ff1637020bf2efb3207ed24aa2e69d223f0868456d6a38b400e9b018d6b5efb58c5879c
+  metadata.gz: f34fff2a97be348639735790f39740bfc6a44113c7dccc99e7a5651bcb2babf3a1ca946c7a872929d00b53f800895ad79a1f64d0be63ab56914981af42682cbb
+  data.tar.gz: 6052de28664531556ce2ed71d373af06677c5c6100d3b1379d36ee7ca701a761f2f43ef1006993d6eb96f8040ad69f9b88221febdaf96cea2b552a62b235742d

data/app/pb_kits/playbook/pb_dashboard/{pbChartsDarkTheme.js → pbChartsDarkTheme.ts}

@@ -17,7 +17,6 @@ const highchartsDarkTheme = {
   chart: {
     borderWidth: 0,
     borderRadius: 0,
-    plotBackgroundColor: undefined,
     plotShadow: false,
     plotBorderWidth: 0,
   },
@@ -59,8 +58,6 @@ const highchartsDarkTheme = {
     },
   },
   yAxis: {
-    alternateGridColor: undefined,
-    minorTickInterval: null,
     gridLineColor: colors.border_dark,
     minorGridLineColor: colors.border_dark,
     lineWidth: 0,
@@ -131,7 +128,6 @@ const highchartsDarkTheme = {
     series: {
       borderColor: colors.bg_dark_card,
       borderWidth: 2,
-      threshold: null,
     },
     // PIE STYLES
     pie: {
@@ -205,4 +201,4 @@ const highchartsDarkTheme = {
   },
 }
 
-export { highchartsDarkTheme }
+export default highchartsDarkTheme

data/app/pb_kits/playbook/pb_dashboard/{pbChartsLightTheme.js → pbChartsLightTheme.ts}

@@ -17,7 +17,6 @@ const highchartsTheme = {
   chart: {
     borderWidth: 0,
     borderRadius: 0,
-    plotBackgroundColor: undefined,
     plotShadow: false,
     plotBorderWidth: 0,
   },
@@ -59,8 +58,6 @@ const highchartsTheme = {
     },
   },
   yAxis: {
-    alternateGridColor: undefined,
-    minorTickInterval: null,
     gridLineColor: colors.border_light,
     minorGridLineColor: colors.border_light,
     lineWidth: 0,
@@ -128,9 +125,6 @@ const highchartsTheme = {
   },
 
   plotOptions: {
-    series: {
-      threshold: null,
-    },
     // PIE STYLES
     pie: {
       colors: [
@@ -204,4 +198,4 @@ const highchartsTheme = {
   },
 }
 
-export { highchartsTheme }
+export default highchartsTheme

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "14.5.0"
-  VERSION = "14.5.0.pre.alpha.PLAY1486highchartscssdrivenPOC3950"
+  VERSION = "14.5.0.pre.alpha.PLAY1486highchartscssdrivenPOC3954"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.5.0.pre.alpha.PLAY1486highchartscssdrivenPOC3950
+  version: 14.5.0.pre.alpha.PLAY1486highchartscssdrivenPOC3954
 platform: ruby
 authors:
 - Power UX
@@ -779,8 +779,8 @@ files:
 - app/pb_kits/playbook/pb_dashboard/_highcharts_theme.scss
 - app/pb_kits/playbook/pb_dashboard/commonSettings.js
 - app/pb_kits/playbook/pb_dashboard/pbChartsColorsHelper.ts
-- app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.js
-- app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.js
+- app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.ts
+- app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.ts
 - app/pb_kits/playbook/pb_dashboard/themeTypes.ts
 - app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.scss
 - app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.tsx
@@ -1765,7 +1765,6 @@ files:
 - app/pb_kits/playbook/pb_map/docs/example.yml
 - app/pb_kits/playbook/pb_map/docs/index.js
 - app/pb_kits/playbook/pb_map/map.test.jsx
-- app/pb_kits/playbook/pb_map/pbChartsLightTheme.js
 - app/pb_kits/playbook/pb_map/pbMapTheme.ts
 - app/pb_kits/playbook/pb_message/_message.scss
 - app/pb_kits/playbook/pb_message/_message.tsx

data/app/pb_kits/playbook/pb_map/pbChartsLightTheme.js

@@ -1,207 +0,0 @@
-import colors from '../tokens/exports/_colors.module.scss'
-import typography from '../tokens/exports/_typography.module.scss'
-
-const highchartsTheme = {
-  lang: {
-    thousandsSep: ',',
-  },
-  colors: [
-    colors.data_1,
-    colors.data_2,
-    colors.data_3,
-    colors.data_4,
-    colors.data_5,
-    colors.data_6,
-    colors.data_7,
-  ],
-  chart: {
-    borderWidth: 0,
-    borderRadius: 0,
-    plotBackgroundColor: undefined,
-    plotShadow: false,
-    plotBorderWidth: 0,
-  },
-  title: {
-    style: {
-      color: colors.text_lt_default,
-      fontFamily: typography.font_family_base,
-      fontWeight: typography.bold,
-      fontSize: typography.heading_3,
-    },
-  },
-  subtitle: {
-    style: {
-      fontFamily: typography.font_family_base,
-      color: colors.text_lt_light,
-      fontWeight: typography.regular,
-      fontSize: typography.text_base,
-    },
-  },
-  xAxis: {
-    gridLineWidth: 0,
-    lineColor: colors.border_light,
-    tickColor: colors.border_light,
-    labels: {
-      style: {
-        fontFamily: typography.font_family_base,
-        color: colors.text_lt_lighter,
-        fontWeight: typography.bold,
-        fontSize: typography.text_smaller,
-      },
-    },
-    title: {
-      style: {
-        color: colors.text_lt_default,
-        fontFamily: typography.font_family_base,
-        fontWeight: typography.regular,
-        fontSize: typography.heading_4,
-      },
-    },
-  },
-  yAxis: {
-    alternateGridColor: undefined,
-    minorTickInterval: null,
-    gridLineColor: colors.border_light,
-    minorGridLineColor: colors.border_light,
-    lineWidth: 0,
-    tickWidth: 0,
-    labels: {
-      style: {
-        fontFamily: typography.font_family_base,
-        color: colors.text_lt_lighter,
-        fontWeight: typography.bold,
-        fontSize: typography.text_smaller,
-      },
-    },
-    title: {
-      style: {
-        fontFamily: typography.font_family_base,
-        color: colors.text_lt_lighter,
-        fontWeight: typography.bold,
-        fontSize: typography.text_smaller,
-      },
-    },
-  },
-  legend: {
-    layout: 'horizontal',
-    align: 'center',
-    verticalAlign: 'bottom',
-    itemStyle: {
-      fontFamily: typography.font_family_base,
-      color: colors.text_lt_light,
-      fontWeight: typography.regular,
-      fontSize: typography.text_smaller,
-    },
-    itemHoverStyle: {
-      color: colors.text_lt_default,
-    },
-    itemHiddenStyle: {
-      color: colors.text_lt_lighter,
-    },
-  },
-  tooltip: {
-    backgroundColor: {
-      linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
-      stops: [
-        [0, colors.bg_dark],
-        [1, colors.bg_dark],
-      ],
-    },
-    shadow: false,
-    borderWidth: 0,
-    borderRadius: 10,
-    style: {
-      fontFamily: typography.font_family_base,
-      color: colors.text_dk_default,
-      fontWeight: typography.regular,
-      fontSize: typography.text_smaller,
-    },
-  },
-  // specific to gauge
-  // unfilled gauge color
-  pane: {
-    background: {
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment 
-      // @ts-ignore
-      borderColor: colors.border_light, 
-    },
-  },
-
-  plotOptions: {
-    series: {
-      threshold: null,
-    },
-    // PIE STYLES
-    pie: {
-      colors: [
-        colors.data_1,
-        colors.data_2,
-        colors.data_3,
-        colors.data_4,
-        colors.data_5,
-        colors.data_6,
-        colors.data_7,
-      ],
-      dataLabels: {
-        style: {
-          fontFamily: typography.font_family_base,
-          fontSize: typography.text_smaller,
-          color: colors.text_lt_light,
-          fontWeight: typography.regular,
-          textOutline: '2px $white',
-        },
-      },
-    },
-
-    // LINE CHART STYLES
-    line: {
-      dataLabels: {
-        color: '#CCC',
-      },
-      marker: {
-        lineColor: '#333',
-      },
-    },
-
-    //TREEMAP CHART STYLES
-    treemap: {
-      layoutAlgorithm: "squarified",
-      allowTraversingTree: false,
-      animationLimit: 1000,
-      colors: [
-        colors.data_1,
-        colors.data_2,
-        colors.data_3,
-        colors.data_4,
-        colors.data_5,
-        colors.data_6,
-        colors.data_7,
-        colors.data_8,
-      ],
-      dataLabels: {
-        enabled: true,
-        style: {
-          fontFamily: typography.font_family_base,
-          fontWeight: typography.bold,
-          fontSize: typography.heading_4,
-        },
-      },
-      levels: [
-        {
-          level: 1,
-          dataLabels: {
-            enabled: false,
-          },
-        },
-      ],
-      traverseUpButton: {
-        position: { y: -50 },
-      },
-    },
-  },
-  credits: {
-    enabled: false
-  },
-}
-
-export { highchartsTheme }