@eleventheye/asui 2.12.0 → 2.12.2

package/dist/aschart/donut/ASChartDonut.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ASChartDonut.d.ts","sourceRoot":"","sources":["../../../src/aschart/donut/ASChartDonut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAmFzD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqL7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ASChartDonut.d.ts","sourceRoot":"","sources":["../../../src/aschart/donut/ASChartDonut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAuFzD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyM7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/aschart/donut/ASChartDonut.js

@@ -132,6 +132,6 @@ const ASChartDonut = ({ className = '', value = 0, secondaryValue = -1, tertiary
         SecondaryDonut,
         PrimaryTrack,
     ]);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.DonutChart, { className: className, theme: theme, style: style, "$size": donutSize, children: [donutLabel && ((0, jsx_runtime_1.jsxs)(styles_1.DonutChartText, { theme: theme.chartdonut, "$size": size, children: [donutLabel, (0, jsx_runtime_1.jsx)(styles_1.DonutChartSubText, { theme: theme.chartdonut, "$size": size, children: donutSubLabel })] })), (0, jsx_runtime_1.jsxs)(styles_1.DonutChartSvg, { width: "100%", viewBox: "0 0 240 240", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleOuterTrack, { theme: theme.chartdonut, d: trackPath, strokeWidth: trackThickness, "$dasharray": trackDasharray, "$dashoffset": trackOffset + 1, fill: "none" }), (0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleInnerTrack, { theme: theme.chartdonut, d: trackPath, strokeWidth: trackThickness ? trackThickness - 2 : 8, "$dasharray": trackDasharray, "$dashoffset": trackOffset ? trackOffset + 3 : 8, fill: "none" }), (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("title", { children: "ASChartDonut" }), (0, jsx_runtime_1.jsx)(styles_1.DonutChartCircle, { "$offset": primaryPercentageValue, theme: theme.chartdonut, d: PrimaryDonut, strokeWidth: donutThickness, fill: "none" })] }), secondaryPercentageValue > -1 && ((0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleSecondary, { "$offset": secondaryPercentageValue, theme: theme.chartdonut, d: SecondaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" })), quaternaryPercentageValue > -1 && ((0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleTertiary, { "$offset": tertiaryPercentageValue, theme: theme.chartdonut, d: TertiaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" })), quaternaryPercentageValue > -1 && ((0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleQuaternary, { "$offset": quaternaryPercentageValue, theme: theme.chartdonut, d: QuaternaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" }))] })] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.DonutChart, { className: className, theme: theme, style: style, "$size": donutSize, children: [donutLabel && ((0, jsx_runtime_1.jsxs)(styles_1.DonutChartText, { theme: theme.chartdonut, "$size": size, children: [donutLabel, (0, jsx_runtime_1.jsx)(styles_1.DonutChartSubText, { theme: theme.chartdonut, "$size": size, children: donutSubLabel })] })), (0, jsx_runtime_1.jsxs)(styles_1.DonutChartSvg, { width: "100%", viewBox: "0 0 240 240", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleOuterTrack, { theme: theme.chartdonut, d: trackPath, strokeWidth: trackThickness, "$dasharray": trackDasharray, "$dashoffset": trackOffset + 1, fill: "none" }), (0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleInnerTrack, { theme: theme.chartdonut, d: trackPath, strokeWidth: trackThickness ? trackThickness - 2 : 8, "$dasharray": trackDasharray, "$dashoffset": trackOffset ? trackOffset + 3 : 8, fill: "none" }), (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("title", { children: "ASChartDonut" }), (0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleBorder, { "$alternateColors": true, "$offset": DonutDashArrayOffsets[0], theme: theme.chartdonut, d: PrimaryDonut, strokeWidth: donutThickness, fill: "none" }), (0, jsx_runtime_1.jsx)(styles_1.DonutChartCircle, { "$offset": primaryPercentageValue, theme: theme.chartdonut, d: PrimaryDonut, strokeWidth: donutThickness, fill: "none" })] }), secondaryValue > -1 && secondaryPercentageValue > -1 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleSecondaryBorder, { "$alternateColors": true, "$offset": DonutDashArrayOffsets[1], theme: theme.chartdonut, d: SecondaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" }), (0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleSecondary, { "$offset": secondaryPercentageValue, theme: theme.chartdonut, d: SecondaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" })] })), tertiaryValue > -1 && tertiaryPercentageValue > -1 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleTertiaryBorder, { "$alternateColors": true, "$offset": DonutDashArrayOffsets[2], theme: theme.chartdonut, d: TertiaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" }), (0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleTertiary, { "$offset": tertiaryPercentageValue, theme: theme.chartdonut, d: TertiaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" })] })), quaternaryValue > -1 && quaternaryPercentageValue > -1 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleQuaternaryBorder, { "$offset": DonutDashArrayOffsets[3], theme: theme.chartdonut, d: QuaternaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" }), (0, jsx_runtime_1.jsx)(styles_1.DonutChartCircleQuaternary, { "$offset": quaternaryPercentageValue, theme: theme.chartdonut, d: QuaternaryDonut, strokeWidth: (0, donutHelpers_1.getDonutThickness)(size), fill: "none" })] }))] })] }));
 };
 exports.default = ASChartDonut;

package/dist/aschart/donut/styles.d.ts

@@ -15,10 +15,15 @@ export type ASChartDonutCircleProps = {
     theme: ASChartDonutTheme;
     $offset: number;
     $dasharray?: number;
+    $alternateColors?: boolean;
 };
+export declare const DonutChartCircleBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGPathElement>, ASChartDonutCircleProps>> & string;
 export declare const DonutChartCircle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGPathElement>, ASChartDonutCircleProps>> & string;
+export declare const DonutChartCircleSecondaryBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGPathElement>, ASChartDonutCircleProps>> & string;
 export declare const DonutChartCircleSecondary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGPathElement>, ASChartDonutCircleProps>> & string;
+export declare const DonutChartCircleTertiaryBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGPathElement>, ASChartDonutCircleProps>> & string;
 export declare const DonutChartCircleTertiary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGPathElement>, ASChartDonutCircleProps>> & string;
+export declare const DonutChartCircleQuaternaryBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGPathElement>, ASChartDonutCircleProps>> & string;
 export declare const DonutChartCircleQuaternary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGPathElement>, ASChartDonutCircleProps>> & string;
 export type DonutChartThemeProps = {
     theme: ASChartDonutTheme;

package/dist/aschart/donut/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/aschart/donut/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE/E,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,UAAU,4PAMtB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB,CAAC;AACF,eAAO,MAAM,cAAc,gQAe1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,gQAkB7B,CAAC;AAEF,eAAO,MAAM,aAAa,mKAEzB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,iBAAiB,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAGF,eAAO,MAAM,gBAAgB,mMAM5B,CAAC;AAEF,eAAO,MAAM,yBAAyB,mMAMrC,CAAC;AAEF,eAAO,MAAM,wBAAwB,mMAMpC,CAAC;AAEF,eAAO,MAAM,0BAA0B,mMAMtC,CAAC;AAKF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,iBAAiB,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,eAAO,MAAM,0BAA0B,gMAItC,CAAC;AAEF,eAAO,MAAM,0BAA0B,gMAMtC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/aschart/donut/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE/E,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,UAAU,4PAMtB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB,CAAC;AACF,eAAO,MAAM,cAAc,gQAe1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,gQAkB7B,CAAC;AAEF,eAAO,MAAM,aAAa,mKAEzB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,iBAAiB,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAGF,eAAO,MAAM,sBAAsB,mMAKlC,CAAC;AACF,eAAO,MAAM,gBAAgB,mMAM5B,CAAC;AAEF,eAAO,MAAM,+BAA+B,mMAK3C,CAAC;AACF,eAAO,MAAM,yBAAyB,mMAMrC,CAAC;AAEF,eAAO,MAAM,8BAA8B,mMAK1C,CAAC;AACF,eAAO,MAAM,wBAAwB,mMAMpC,CAAC;AAEF,eAAO,MAAM,gCAAgC,mMAK5C,CAAC;AACF,eAAO,MAAM,0BAA0B,mMAMtC,CAAC;AAKF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,iBAAiB,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,eAAO,MAAM,0BAA0B,gMAItC,CAAC;AAEF,eAAO,MAAM,0BAA0B,gMAMtC,CAAC"}

package/dist/aschart/donut/styles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DonutChartCircleOuterTrack = exports.DonutChartCircleInnerTrack = exports.DonutChartCircleQuaternary = exports.DonutChartCircleTertiary = exports.DonutChartCircleSecondary = exports.DonutChartCircle = exports.DonutChartSvg = exports.DonutChartSubText = exports.DonutChartText = exports.DonutChart = void 0;
+exports.DonutChartCircleOuterTrack = exports.DonutChartCircleInnerTrack = exports.DonutChartCircleQuaternary = exports.DonutChartCircleQuaternaryBorder = exports.DonutChartCircleTertiary = exports.DonutChartCircleTertiaryBorder = exports.DonutChartCircleSecondary = exports.DonutChartCircleSecondaryBorder = exports.DonutChartCircle = exports.DonutChartCircleBorder = exports.DonutChartSvg = exports.DonutChartSubText = exports.DonutChartText = exports.DonutChart = void 0;
 const tslib_1 = require("tslib");
 const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
 exports.DonutChart = styled_components_1.default.div `
@@ -43,6 +43,12 @@ exports.DonutChartSubText = styled_components_1.default.span `
 exports.DonutChartSvg = styled_components_1.default.svg `
   transform: rotate(-225deg) scaleY(-1);
 `;
+exports.DonutChartCircleBorder = styled_components_1.default.path `
+  stroke-dasharray: 500;
+  stroke-dashoffset: 500;
+  stroke-dashoffset: ${({ $offset }) => $offset};
+  stroke: ${({ theme, $alternateColors }) => ($alternateColors ? '#ffffff00' : `${theme.chartdonutColor}30`)};
+`;
 exports.DonutChartCircle = styled_components_1.default.path `
   stroke-dasharray: 500;
   stroke-dashoffset: 500;
@@ -50,6 +56,12 @@ exports.DonutChartCircle = styled_components_1.default.path `
   stroke-dashoffset: ${({ $offset }) => $offset};
   stroke: ${({ theme }) => theme.chartdonutColor};
 `;
+exports.DonutChartCircleSecondaryBorder = styled_components_1.default.path `
+  stroke-dasharray: 500;
+  stroke-dashoffset: 500;
+  stroke-dashoffset: ${({ $offset }) => $offset};
+  stroke: ${({ theme, $alternateColors }) => ($alternateColors ? '#ffffff30' : `${theme.chartdonutSecondaryColor}30`)};
+`;
 exports.DonutChartCircleSecondary = styled_components_1.default.path `
   stroke-dasharray: 500;
   stroke-dashoffset: 500;
@@ -57,6 +69,12 @@ exports.DonutChartCircleSecondary = styled_components_1.default.path `
   stroke-dashoffset: ${({ $offset }) => $offset};
   stroke: ${({ theme }) => theme.chartdonutSecondaryColor};
 `;
+exports.DonutChartCircleTertiaryBorder = styled_components_1.default.path `
+  stroke-dasharray: 500;
+  stroke-dashoffset: 500;
+  stroke-dashoffset: ${({ $offset }) => $offset};
+  stroke: ${({ theme, $alternateColors }) => ($alternateColors ? '#ffffff00' : `${theme.chartdonutTertiaryColor}30`)};
+`;
 exports.DonutChartCircleTertiary = styled_components_1.default.path `
   stroke-dasharray: 500;
   stroke-dashoffset: 500;
@@ -64,6 +82,12 @@ exports.DonutChartCircleTertiary = styled_components_1.default.path `
   stroke-dashoffset: ${({ $offset }) => $offset};
   stroke: ${({ theme }) => theme.chartdonutTertiaryColor};
 `;
+exports.DonutChartCircleQuaternaryBorder = styled_components_1.default.path `
+  stroke-dasharray: 500;
+  stroke-dashoffset: 500;
+  stroke-dashoffset: ${({ $offset }) => $offset};
+  stroke: ${({ theme, $alternateColors }) => ($alternateColors ? '#ffffff30' : `${theme.chartdonutQuaternaryColor}30`)};
+`;
 exports.DonutChartCircleQuaternary = styled_components_1.default.path `
   stroke-dasharray: 500;
   stroke-dashoffset: 500;
@@ -72,14 +96,14 @@ exports.DonutChartCircleQuaternary = styled_components_1.default.path `
   stroke: ${({ theme }) => theme.chartdonutQuaternaryColor};
 `;
 exports.DonutChartCircleInnerTrack = styled_components_1.default.path `
-  stroke-dasharray: ${({ $dasharray }) => $dasharray}; //502;
-  stroke-dashoffset: ${({ $dashoffset }) => $dashoffset}; //126;
+  stroke-dasharray: ${({ $dasharray }) => $dasharray};
+  stroke-dashoffset: ${({ $dashoffset }) => $dashoffset};
   stroke: ${({ theme }) => theme.chartdonutInnerTrackColor};
 `;
 exports.DonutChartCircleOuterTrack = styled_components_1.default.path `
   rotate: 1deg;
-  stroke-dasharray: ${({ $dasharray }) => ($dasharray ? $dasharray + 1 : 503)}; //503;
-  stroke-dashoffset: ${({ $dashoffset }) => ($dashoffset ? $dashoffset + 1 : 126 - 2)}; // 124;
+  stroke-dasharray: ${({ $dasharray }) => ($dasharray ? $dasharray + 1 : 503)};
+  stroke-dashoffset: ${({ $dashoffset }) => ($dashoffset ? $dashoffset + 1 : 126 - 2)};
   stroke: ${({ theme }) => theme.chartdonutOuterTrackColor};
   transform-origin: center;
 `;

package/dist/astheme/ASThemeDefault.js

@@ -214,7 +214,7 @@ const ASThemeDefault = {
             [ASUI_types_1.ComponentSize.Medium]: '-43px',
             [ASUI_types_1.ComponentSize.Small]: '-40px',
         },
-        chartdonutColor: colors.yellowAlpha90,
+        chartdonutColor: colors.mainGold,
         chartdonutInnerTrackColor: colors.mainGray81,
         chartdonutOuterTrackColor: colors.mainGray99,
         chartdonutTransitionDuration: '2s',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eleventheye/asui",
-  "version": "2.12.0",
+  "version": "2.12.2",
   "private": false,
   "description": "AS UI React Library by eleventheye (another one!)",
   "keywords": [