@appquality/unguess-design-system 2.12.35 → 2.12.37

package/.github/workflows/storybook.yml

@@ -5,7 +5,7 @@ name: Publish storybook
 # The event that will trigger the action
 on:
   push:
-    branches: [master]
+    branches: [develop]
   # pull_request:
   #  branches: [master]
   # Allows you to run this workflow manually from the Actions tab
@@ -28,7 +28,7 @@ jobs:
         uses: actions/setup-node@v2
         with:
           node-version: "14"
-          
+
       - name: Publish storybook
         id: storybook
         run: |

package/CHANGELOG.md

@@ -1,3 +1,30 @@
+# v2.12.37 (Thu Nov 24 2022)
+
+#### 🐛 Bug Fix
+
+- Pull request develop master [#113](https://github.com/AppQuality/unguess-design-system/pull/113) ([@d-beezee](https://github.com/d-beezee) [@marcbon](https://github.com/marcbon))
+- feat(charts): export charts colors [#112](https://github.com/AppQuality/unguess-design-system/pull/112) ([@marcbon](https://github.com/marcbon))
+- ci: Use develop branch for storybook publish [#111](https://github.com/AppQuality/unguess-design-system/pull/111) ([@d-beezee](https://github.com/d-beezee))
+
+#### Authors: 2
+
+- [@d-beezee](https://github.com/d-beezee)
+- Marco Bonomo ([@marcbon](https://github.com/marcbon))
+
+---
+
+# v2.12.36 (Mon Nov 21 2022)
+
+#### ⚠️ Pushed to `master`
+
+- feat(bullet chart): adjust margins ([@iacopolea](https://github.com/iacopolea))
+
+#### Authors: 1
+
+- Iacopo Leardini ([@iacopolea](https://github.com/iacopolea))
+
+---
+
 # v2.12.35 (Mon Nov 21 2022)
 
 #### 🐛 Bug Fix

package/build/index.d.ts

@@ -21,6 +21,7 @@ export * from "./stories/charts/halfPie";
 export * from "./stories/charts/stream";
 export * from "./stories/charts/sunburst";
 export * from "./stories/charts/waffle";
+export { CHARTS_COLOR_PALETTE } from "./stories/theme/charts";
 export * from "./stories/close";
 export * from "./stories/counter";
 export * from "./stories/drawers";

package/build/index.js

@@ -1076,7 +1076,7 @@ var DEFAULT_CHARTS_THEME = {
         tableCellValue: {},
     },
 };
-var chartColors = {
+var CHARTS_COLOR_PALETTE = {
     darkPine: "#02807A",
     lightGrey: theme.palette.grey[200],
     darkGrey: theme.palette.grey[600],
@@ -1091,25 +1091,42 @@ var chartColors = {
     sky: "#3392CE",
 };
 var CHARTS_COLOR_SCHEME_MONO = [
-    chartColors.darkPine,
-    chartColors.lightGrey,
+    CHARTS_COLOR_PALETTE.darkPine,
+    CHARTS_COLOR_PALETTE.lightGrey,
+];
+[
+    CHARTS_COLOR_PALETTE.mattone,
+    CHARTS_COLOR_PALETTE.gubbioLight,
+    CHARTS_COLOR_PALETTE.blueRoyal,
+    CHARTS_COLOR_PALETTE.darkPine,
+    CHARTS_COLOR_PALETTE.lightGrey,
 ];
 var CHARTS_COLOR_SCHEME_CATEGORICAL_5 = [
-    chartColors.greenLight,
-    chartColors.blue,
-    chartColors.fucsia,
-    chartColors.violet,
-    chartColors.orchidea, // Orchidea 300
+    CHARTS_COLOR_PALETTE.greenLight,
+    CHARTS_COLOR_PALETTE.blue,
+    CHARTS_COLOR_PALETTE.fucsia,
+    CHARTS_COLOR_PALETTE.violet,
+    CHARTS_COLOR_PALETTE.orchidea, // Orchidea 300
 ];
 var CHARTS_COLOR_SCHEME_CATEGORICAL_8_A = [
-    chartColors.darkPine,
-    chartColors.fucsia,
-    chartColors.violet,
-    chartColors.greenLight,
-    chartColors.mattone,
-    chartColors.sky,
-    chartColors.orchidea,
-    chartColors.blue, // Blue 900
+    CHARTS_COLOR_PALETTE.darkPine,
+    CHARTS_COLOR_PALETTE.fucsia,
+    CHARTS_COLOR_PALETTE.violet,
+    CHARTS_COLOR_PALETTE.greenLight,
+    CHARTS_COLOR_PALETTE.mattone,
+    CHARTS_COLOR_PALETTE.sky,
+    CHARTS_COLOR_PALETTE.orchidea,
+    CHARTS_COLOR_PALETTE.blue, // Blue 900
+];
+[
+    CHARTS_COLOR_PALETTE.sky,
+    CHARTS_COLOR_PALETTE.orchidea,
+    CHARTS_COLOR_PALETTE.blue,
+    CHARTS_COLOR_PALETTE.darkPine,
+    CHARTS_COLOR_PALETTE.fucsia,
+    CHARTS_COLOR_PALETTE.violet,
+    CHARTS_COLOR_PALETTE.greenLight,
+    CHARTS_COLOR_PALETTE.mattone, // Mattone 900
 ];
 
 var ChartContainer = styled__default["default"].div(templateObject_1$16 || (templateObject_1$16 = __makeTemplateObject(["\n  height: ", ";\n  width: ", ";\n"], ["\n  height: ", ";\n  width: ", ";\n"])), function (_a) {
@@ -1133,7 +1150,7 @@ var CustomBulletChartMarkers = function (_a) {
 
 var CustomMeasure = function (_a) {
     var x = _a.x, y = _a.y, width = _a.width, height = _a.height;
-    return (jsxRuntime.jsx("rect", { x: x + 2, y: y + 2, width: width - 4, height: height - 4, fill: chartColors.darkGrey }));
+    return (jsxRuntime.jsx("rect", { x: x + 2, y: y + 2, width: width - 4, height: height - 4, fill: CHARTS_COLOR_PALETTE.darkGrey }));
 };
 
 var CustomTooltip = function (_a) {
@@ -1144,7 +1161,7 @@ var CustomTooltip = function (_a) {
 var UgBulletChart = styled__default["default"](bullet.ResponsiveBullet)(templateObject_1$15 || (templateObject_1$15 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n"], ["\n  width: 100%;\n  height: 100%;\n"])));
 var BulletChart = function (_a) {
     var width = _a.width, height = _a.height, ranges = _a.ranges, values = _a.values;
-    return (jsxRuntime.jsx(ChartContainer, __assign({ width: width, height: height, id: "ciolla" }, { children: jsxRuntime.jsx(UgBulletChart, { theme: DEFAULT_CHARTS_THEME, data: [
+    return (jsxRuntime.jsx(ChartContainer, __assign({ width: width, height: height }, { children: jsxRuntime.jsx(UgBulletChart, { theme: DEFAULT_CHARTS_THEME, data: [
                 {
                     id: "",
                     title: "",
@@ -1152,10 +1169,10 @@ var BulletChart = function (_a) {
                     measures: values,
                     markers: values,
                 },
-            ], measureComponent: CustomMeasure, markerColors: chartColors.darkPine, markerComponent: function (_a) {
+            ], measureComponent: CustomMeasure, markerColors: CHARTS_COLOR_PALETTE.darkPine, markerComponent: function (_a) {
                 _a.size; var markerProps = __rest(_a, ["size"]);
                 return (jsxRuntime.jsx(CustomBulletChartMarkers, __assign({}, markerProps, { size: 4 })));
-            }, tooltip: CustomTooltip, rangeColors: chartColors.lightGrey, rangeBorderColor: "white", rangeBorderWidth: 2, margin: { top: 0, right: 0, bottom: -1, left: 0 } }) })));
+            }, tooltip: CustomTooltip, rangeColors: CHARTS_COLOR_PALETTE.lightGrey, rangeBorderColor: "white", rangeBorderWidth: 2, margin: { top: 0, right: 5, bottom: -1, left: 0 } }) })));
 };
 var templateObject_1$15;
 
@@ -3482,6 +3499,7 @@ exports.Breadcrumb = Breadcrumb;
 exports.BulletChart = BulletChart;
 exports.Button = Button;
 exports.ButtonGroup = ButtonGroup;
+exports.CHARTS_COLOR_PALETTE = CHARTS_COLOR_PALETTE;
 exports.CampaignCard = CampaignCard;
 exports.Caption = Caption;
 exports.Card = Card;

package/build/stories/theme/charts.d.ts

@@ -2,7 +2,7 @@ import { CompleteTheme } from "@nivo/core";
 interface UnguessChartsTheme extends CompleteTheme {
 }
 export declare const DEFAULT_CHARTS_THEME: UnguessChartsTheme;
-export declare const chartColors: {
+export declare const CHARTS_COLOR_PALETTE: {
     darkPine: string;
     lightGrey: string;
     darkGrey: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "2.12.35",
+  "version": "2.12.37",
   "dependencies": {
     "@nivo/bar": "^0.80.0",
     "@nivo/bullet": "^0.80.0",