@ssa-ui-kit/widgets 1.0.1 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssa-ui-kit/widgets",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "private": false,
@@ -29,7 +29,7 @@
     "js-tokens": "^4.0.0",
     "loose-envify": "^1.4.0",
     "scheduler": "^0.23.0",
-    "@ssa-ui-kit/core": "^1.0.2",
+    "@ssa-ui-kit/core": "^1.1.0",
     "@ssa-ui-kit/hooks": "^1.0.0",
     "@ssa-ui-kit/utils": "^1.0.0"
   },
@@ -40,7 +40,7 @@
   ],
   "devDependencies": {
     "@emotion/jest": "^11.11.0",
-    "@playwright/test": "^1.37.1",
+    "@playwright/test": "^1.48.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
     "@testing-library/jest-dom": "^5.16.5",
     "@types/testing-library__jest-dom": "^5.14.6",
@@ -57,8 +57,8 @@
     "@emotion/styled": "^11.10.5",
     "@nivo/core": "^0.83.0",
     "@nivo/line": "^0.83.0",
-    "@nivo/scales": "^0.83.0",
     "@nivo/pie": "^0.83.0",
+    "@nivo/scales": "^0.83.0",
     "react": "18.x",
     "react-dom": "18.x",
     "react-hook-form": "^7.46.1",

package/src/components/AccountBalance/AccountBalance.stories.tsx

@@ -75,3 +75,43 @@ Custom.args = {
     },
   ],
 };
+
+export const WithoutPaletteColors: StoryObj<typeof AccountBalance> = (
+  args: AccountBalanceProps,
+) => {
+  return (
+    <AccountBalance
+      {...args}
+      css={css`
+        ul li {
+          height: auto;
+        }
+      `}
+    />
+  );
+};
+
+WithoutPaletteColors.args = {
+  total: 48700.53569,
+  currency: 'USDT',
+  variant: 'withoutValueList',
+  chartColorPalette: ['#F7931A', '#50AF95'],
+  legendColorPalette: [
+    'linear-gradient(243.84deg, rgb(235, 117, 86), rgb(242, 136, 142))',
+    '#50AF95',
+  ],
+  data: [
+    {
+      id: 'BTC',
+      label: 'BTC',
+      value: 571.23,
+      legendValue: 12323,
+    },
+    {
+      id: 'LTC',
+      label: 'LTC',
+      value: 530.25,
+      legendValue: 12323,
+    },
+  ],
+};

package/src/components/AccountBalance/types.ts

@@ -8,7 +8,7 @@ interface WithTheme {
 type BalanceBase = {
   total: number | string;
   currency: string;
-  legendColorPalette?: Array<keyof MainColors>;
+  legendColorPalette?: Array<keyof MainColors | string>;
   chartColorPalette?: string[];
   variant?: 'valueList' | 'withoutValueList';
   data: Array<{

package/src/components/MealNutrients/MealNutrientsLineChart.tsx

@@ -39,7 +39,6 @@ export const MealNutrientsLineChart = ({ data, ...props }: LineSvgProps) => {
             return <MealNutrientsTooltip point={point} colorName={color} />;
           },
           theme: {
-            fontFamily: "'Manrope', sans-serif",
             axis: {
               ticks: {
                 text: {
@@ -56,6 +55,7 @@ export const MealNutrientsLineChart = ({ data, ...props }: LineSvgProps) => {
                 strokeDasharray: '8 8',
               },
             },
+            fontFamily: "'Manrope', sans-serif",
           },
         },
       ),

package/test-results/.last-run.json

@@ -0,0 +1,21 @@
+{
+  "status": "failed",
+  "failedTests": [
+    "e9b658dfa47cbcc923fa-5d8f192ca399a0e3af8d",
+    "e9b658dfa47cbcc923fa-fa2e3998b096c2a84a78",
+    "e9b658dfa47cbcc923fa-fd3540ef424862ee1613",
+    "e9b658dfa47cbcc923fa-593ad1271cc938aaa552",
+    "e9b658dfa47cbcc923fa-1bac0b243ac805b359d7",
+    "f842a66268b5977a58f7-a0c08d47595dd7f659fa",
+    "f842a66268b5977a58f7-4efdb0edbfec872edd6a",
+    "f842a66268b5977a58f7-6ef7b0ec18215b6dc2f4",
+    "f842a66268b5977a58f7-c42323a029ec8bb42609",
+    "f842a66268b5977a58f7-92d257b6c4ef385a908e",
+    "dc515447f22f49e5c441-5df2e440933bc5ee2b27",
+    "dc515447f22f49e5c441-2b56a90eb61ef7e0fd51",
+    "dc515447f22f49e5c441-4165392e40a58aa9249e",
+    "dc515447f22f49e5c441-20b74ff58c12bdb09590",
+    "dc515447f22f49e5c441-ff84682b66bfd613fd24",
+    "a2ee24e0f108a5cb0d28-bdfc5b569adaa00d522c"
+  ]
+}