flipper-ui 0.34.5 → 0.34.7

package/core/surfaces/step-card/step-card-panel.js

@@ -17,7 +17,7 @@ var _styles = require("./styles");
 var _theme = require("../../../theme");
 var _theme$colors = _theme.theme.colors,
   feedback = _theme$colors.feedback,
-  grays = _theme$colors.grays;
+  gray = _theme$colors.gray;
 var StepCardPanel = exports.StepCardPanel = function StepCardPanel(props) {
   var title = props.title,
     summary = props.summary,
@@ -45,19 +45,19 @@ var StepCardPanel = exports.StepCardPanel = function StepCardPanel(props) {
     "data-testid": "step-card-title-icon",
     style: {
       fontSize: 40,
-      color: percentage === 100 ? feedback.success : grays.g3
+      color: percentage === 100 ? feedback.success : gray[600]
     }
   }), /*#__PURE__*/_react["default"].createElement(_styles.TitleContainer, null, /*#__PURE__*/_react["default"].createElement(_typography["default"], (0, _extends2["default"])({
     variant: "h6",
     style: {
-      color: grays.g1,
+      color: gray[800],
       fontSize: 24,
       textAlign: 'center'
     }
   }, titleProps), title), subTitle && /*#__PURE__*/_react["default"].createElement(_typography["default"], (0, _extends2["default"])({
     variant: "h6",
     style: {
-      color: grays.g3,
+      color: gray[600],
       textAlign: 'center'
     }
   }, titleProps), subTitle))), /*#__PURE__*/_react["default"].createElement(_styles.StepCardColumn, {
@@ -85,7 +85,7 @@ var StepCardPanel = exports.StepCardPanel = function StepCardPanel(props) {
       width: '100%',
       height: '16px',
       borderRadius: 10,
-      backgroundColor: grays.g5
+      backgroundColor: gray[400]
     }
   }, summaryLinearProgressBarProps))))), showBottomPercentage && /*#__PURE__*/_react["default"].createElement(_styles.StepCardRow, {
     fullWidth: fullWidth,
@@ -97,7 +97,7 @@ var StepCardPanel = exports.StepCardPanel = function StepCardPanel(props) {
     style: {
       height: '16px',
       width: '100%',
-      backgroundColor: grays.g5
+      backgroundColor: gray[400]
     }
   }, linearProgressBarProps))));
 };

package/index.d.ts

@@ -37,6 +37,7 @@ export { default as ValidationDialog } from './core/feedback/validation-dialog/'
 export { default as AddButton } from './core/inputs/add-button';
 export { default as Button } from './core/inputs/button';
 export { default as Checkbox } from './core/inputs/checkbox';
+export { default as ChipField } from './core/inputs/chip-field';
 export { default as DateTime } from './core/inputs/date-time';
 export { default as IconButton } from './core/inputs/icon-button';
 export { default as InputAdornment } from './core/inputs/input-adornment';

package/index.js

@@ -41,6 +41,7 @@ var _exportNames = {
   AddButton: true,
   Button: true,
   Checkbox: true,
+  ChipField: true,
   DateTime: true,
   IconButton: true,
   InputAdornment: true,
@@ -139,6 +140,12 @@ Object.defineProperty(exports, "Chip", {
     return _chip["default"];
   }
 });
+Object.defineProperty(exports, "ChipField", {
+  enumerable: true,
+  get: function get() {
+    return _chipField["default"];
+  }
+});
 Object.defineProperty(exports, "Collapse", {
   enumerable: true,
   get: function get() {
@@ -505,6 +512,7 @@ var _validationDialog = _interopRequireDefault(require("./core/feedback/validati
 var _addButton = _interopRequireDefault(require("./core/inputs/add-button"));
 var _button = _interopRequireDefault(require("./core/inputs/button"));
 var _checkbox = _interopRequireDefault(require("./core/inputs/checkbox"));
+var _chipField = _interopRequireDefault(require("./core/inputs/chip-field"));
 var _dateTime = _interopRequireDefault(require("./core/inputs/date-time"));
 var _iconButton = _interopRequireDefault(require("./core/inputs/icon-button"));
 var _inputAdornment = _interopRequireDefault(require("./core/inputs/input-adornment"));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.34.5",
+    "version": "0.34.7",
     "description": "React UI based on the @mui/material toolkit for the web",
     "main": "dist/index.js",
     "author": "NG",
@@ -10,9 +10,6 @@
         "type": "git",
         "url": "https://github.com/nginformatica/flipper-ui.git"
     },
-    "resolutions": {
-        "wrap-ansi": "7.0.0"
-    },
     "scripts": {
         "start": "storybook dev -p 6006",
         "build": "yarn clean && yarn build:ts && yarn build:babel",
@@ -33,52 +30,52 @@
         "test": "jest --verbose --silent --passWithNoTests --noStackTrace --runInBand --updateSnapshot"
     },
     "dependencies": {
-        "@emotion/react": "11.13.0",
+        "@emotion/react": "11.13.3",
         "@emotion/styled": "11.13.0",
-        "@mui/icons-material": "5.16.6",
-        "@mui/material": "5.16.6",
-        "@mui/styles": "5.16.6",
-        "@mui/x-date-pickers": "7.12.0",
+        "@mui/icons-material": "6.1.2",
+        "@mui/material": "6.1.2",
+        "@mui/styles": "6.1.2",
+        "@mui/system": "6.1.2",
+        "@mui/x-date-pickers": "7.18.0",
         "date-fns": "2.30.0",
         "ramda": "0.30.1",
-        "react-loading-skeleton": "3.4.0",
-        "react-number-format": "5.4.0",
+        "react-loading-skeleton": "3.5.0",
+        "react-number-format": "5.4.2",
         "sprintf-js": "1.1.3",
         "uuid": "10.0.0"
     },
     "devDependencies": {
-        "@babel/cli": "7.24.8",
-        "@babel/core": "7.25.2",
-        "@babel/plugin-transform-runtime": "7.24.7",
-        "@babel/preset-env": "7.25.3",
-        "@babel/preset-typescript": "7.24.7",
-        "@faker-js/faker": "8.4.1",
+        "@babel/cli": "7.25.7",
+        "@babel/core": "7.25.7",
+        "@babel/plugin-transform-runtime": "7.25.7",
+        "@babel/preset-env": "7.25.7",
+        "@babel/preset-typescript": "7.25.7",
+        "@faker-js/faker": "9.0.3",
         "@storybook/addon-essentials": "7.6.17",
-        "@storybook/addon-styling-webpack": "1.0.0",
         "@storybook/react": "7.6.17",
         "@storybook/react-webpack5": "7.6.17",
-        "@stylistic/eslint-plugin": "2.6.1",
+        "@stylistic/eslint-plugin": "2.8.0",
         "@testing-library/dom": "10.4.0",
-        "@testing-library/jest-dom": "6.4.8",
-        "@testing-library/react": "16.0.0",
+        "@testing-library/jest-dom": "6.5.0",
+        "@testing-library/react": "16.0.1",
         "@testing-library/user-event": "14.5.2",
-        "@types/jest": "29.5.12",
-        "@types/node": "22.1.0",
-        "@types/ramda": "0.30.1",
-        "@types/react": "18.3.3",
+        "@types/jest": "29.5.13",
+        "@types/node": "22.7.4",
+        "@types/ramda": "0.30.2",
+        "@types/react": "18.3.11",
         "@types/sprintf-js": "1.1.4",
         "@types/uuid": "10.0.0",
-        "@typescript-eslint/eslint-plugin": "8.0.0",
-        "@typescript-eslint/parser": "8.0.0",
-        "babel-loader": "9.1.3",
+        "@typescript-eslint/eslint-plugin": "8.8.0",
+        "@typescript-eslint/parser": "8.8.0",
+        "babel-loader": "9.2.1",
         "babel-plugin-import": "1.13.8",
         "babel-plugin-module-resolver": "5.0.2",
         "eslint": "8.57.0",
         "eslint-config-prettier": "9.1.0",
-        "eslint-import-resolver-typescript": "3.6.1",
-        "eslint-plugin-import": "2.29.1",
+        "eslint-import-resolver-typescript": "3.6.3",
+        "eslint-plugin-import": "2.31.0",
         "eslint-plugin-prettier": "5.2.1",
-        "eslint-plugin-react": "7.35.0",
+        "eslint-plugin-react": "7.37.1",
         "eslint-plugin-react-hooks": "4.6.2",
         "fs-extra": "11.2.0",
         "identity-obj-proxy": "3.0.0",
@@ -88,11 +85,11 @@
         "react": "18.3.1",
         "react-dom": "18.3.1",
         "storybook": "7.6.17",
-        "styled-components": "6.1.12",
-        "ts-jest": "29.2.4",
+        "styled-components": "6.1.13",
+        "ts-jest": "29.2.5",
         "ts-loader": "9.5.1",
-        "typescript": "5.5.4",
-        "webpack": "5.93.0"
+        "typescript": "5.6.2",
+        "webpack": "5.95.0"
     },
     "peerDependencies": {
         "react": "^17.0.0 || ^18.0.0",

package/test/util.js

@@ -50,7 +50,7 @@ function drag(_x) {
   return _drag.apply(this, arguments);
 }
 function _drag() {
-  _drag = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(element) {
+  _drag = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(element) {
     var _ref,
       inTo,
       delta,

package/theme/colors.d.ts

@@ -1,60 +1,65 @@
-import type { Priority, Feedback, Criticality, Graphically } from './presets';
 declare const _default: {
+    red: Record<number, string>;
+    pink: Record<number, string>;
+    lightPink: Record<number, string>;
+    purple: Record<number, string>;
+    indigo: Record<number, string>;
+    darkBlue: Record<number, string>;
+    blue: Record<number, string>;
+    lightBlue: Record<number, string>;
+    lightTeal: Record<number, string>;
+    teal: Record<number, string>;
+    green: Record<number, string>;
+    lightGreen: Record<number, string>;
+    amber: Record<number, string>;
+    orange: Record<number, string>;
+    deepOrange: Record<number, string>;
+    brown: Record<number, string>;
+    lightBrown: Record<number, string>;
+    gray: Record<number, string>;
+    neutral: Record<number, string>;
+    action: {
+        cancel: string;
+        confirm: string;
+    };
     primary: {
+        light: string;
         main: string;
         dark: string;
-        light: string;
-        contrast: string;
     };
     secondary: {
+        light: string;
         main: string;
         dark: string;
-        light: string;
-        contrast: string;
     };
-    app: {
-        border: string;
-        background: {
-            main: string;
-            lighter: string;
+    criticality: {
+        low: string;
+        medium: string;
+        high: string;
+    };
+    priority: {
+        main: {
+            neutral: string;
+            minimal: string;
+            low: string;
+            medium: string;
+            high: string;
+            critical: string;
         };
-        text: {
-            main: string;
-            light: string;
-            disabled: string;
+        light: {
+            neutral: string;
+            minimal: string;
+            low: string;
+            medium: string;
+            high: string;
+            critical: string;
         };
     };
-    priority: Record<Priority, {
-        main: string;
-        light: string;
-    }>;
-    feedback: Record<Feedback, string>;
-    graphic: Record<Graphically, {
-        main: string;
-        light: string;
-    }>;
-    criticality: Record<Criticality, string>;
-    neutral: {
-        black: string;
-        white: string;
-        transparent: string;
-    };
-    grays: {
-        g0: string;
-        g1: string;
-        g2: string;
-        g3: string;
-        g4: string;
-        g5: string;
-        g6: string;
-        g7: string;
-        g8: string;
-        g9: string;
-    };
-    action: {
-        confirm: string;
-        cancel: string;
-        neutral: string;
+    feedback: {
+        danger: string;
+        warning: string;
+        success: string;
+        info: string;
     };
 };
 export default _default;