flipper-ui 0.30.8 → 0.30.9

package/core/data-display/chapter/index.d.ts

@@ -1,6 +1,6 @@
-import type { TypographyProps } from '@material-ui/core/Typography';
 import React, { CSSProperties } from 'react';
 import { DefaultProps } from '../../types';
+import type { TypographyProps } from '@material-ui/core/Typography';
 export interface LineProps extends DefaultProps {
     /**
      * If true, the avatar will have a primary color background.

package/core/data-display/chapter/index.js

@@ -12,12 +12,12 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _typography = _interopRequireDefault(require("../typography"));
-var _nginformaticaStyleguide = require("nginformatica-styleguide");
+var _theme = require("../../../theme");
 var _excluded = ["padding", "margin", "style", "childrenStyle", "children", "variant", "primary"];
 var _templateObject, _templateObject2;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var grays = _nginformaticaStyleguide.theme.colors.grays;
+var grays = _theme.theme.colors.grays;
 var StyledLine = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    height: 1px;\n    flex: 1;\n    min-height: 0.75px;\n    max-height: 3px;\n    align-self: center;\n    background-color: ", ";\n"])), function (props) {
   return props.primary ? grays.g4 : grays.g6;
 });

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

@@ -6,15 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StepCardDetails = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
 var _List = _interopRequireDefault(require("@material-ui/core/List"));
 var _AccordionDetails = _interopRequireDefault(require("@material-ui/core/AccordionDetails"));
-var _nginformaticaStyleguide = require("nginformatica-styleguide");
-var _react = _interopRequireDefault(require("react"));
 var _icons = require("../../../icons");
 var _iconButton = _interopRequireDefault(require("../../inputs/icon-button"));
 var _typography = _interopRequireDefault(require("../../data-display/typography"));
 var _styles = require("./styles");
-var _theme$colors = _nginformaticaStyleguide.theme.colors,
+var _theme = require("../../../theme");
+var _theme$colors = _theme.theme.colors,
   feedback = _theme$colors.feedback,
   grays = _theme$colors.grays;
 var DONE_COLOR = feedback.success;

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

@@ -6,15 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StepCardPanel = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
 var _LinearProgress = _interopRequireDefault(require("@material-ui/core/LinearProgress"));
 var _AccordionSummary = _interopRequireDefault(require("@material-ui/core/AccordionSummary"));
-var _nginformaticaStyleguide = require("nginformatica-styleguide");
-var _react = _interopRequireDefault(require("react"));
 var _sprintfJs = require("sprintf-js");
 var _icons = require("../../../icons");
 var _typography = _interopRequireDefault(require("../../data-display/typography"));
 var _styles = require("./styles");
-var _theme$colors = _nginformaticaStyleguide.theme.colors,
+var _theme = require("../../../theme");
+var _theme$colors = _theme.theme.colors,
   feedback = _theme$colors.feedback,
   grays = _theme$colors.grays;
 var DONE_COLOR = feedback.success;

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

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TitleContainer = exports.StepContainer = exports.StepCardRow = exports.StepCardColumn = exports.NormalProgressContainer = exports.ListItemContainer = exports.Container = exports.BarWrapper = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
-var _nginformaticaStyleguide = require("nginformatica-styleguide");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
+var _theme = require("../../../theme");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 var Container = exports.Container = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    width: 100%;\n    max-width: ", ";\n    ", "\n"])), function (props) {
   return props.fullWidth ? '100%' : '1100px';
@@ -35,4 +35,4 @@ var StepCardColumn = exports.StepCardColumn = _styledComponents["default"].div(_
 var ListItemContainer = exports.ListItemContainer = _styledComponents["default"].li(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    height: 30px;\n    margin: 16px 0;\n\n    svg:first-child {\n        margin-right: 16px;\n    }\n"])));
 var TitleContainer = exports.TitleContainer = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n    h6:first-child {\n        padding-inline: 20px;\n    }\n\n    span {\n        margin-left: 20px;\n    }\n"])));
 var NormalProgressContainer = exports.NormalProgressContainer = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n\n    h6:first-child {\n        margin-bottom: 8px;\n    }\n"])));
-var BarWrapper = exports.BarWrapper = (0, _styledComponents["default"])(_Box["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n    width: 100%;\n\n    & .barColorPrimary {\n        background-color: ", ";\n    }\n"])), _nginformaticaStyleguide.theme.colors.feedback.success);
+var BarWrapper = exports.BarWrapper = (0, _styledComponents["default"])(_Box["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n    width: 100%;\n\n    & .barColorPrimary {\n        background-color: ", ";\n    }\n"])), _theme.theme.colors.feedback.success);

package/experimental/breadcrumbs/index.js

@@ -7,16 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = exports.Breadcrumbs = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _addIndex = _interopRequireDefault(require("ramda/es/addIndex"));
 var _map = _interopRequireDefault(require("ramda/es/map"));
 var _icons = require("../../icons");
-var _nginformaticaStyleguide = require("nginformatica-styleguide");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _ = require("../..");
+var _theme = require("../../theme");
 var imap = (0, _addIndex["default"])(_map["default"]);
 var LinkStyled = _styledComponents["default"].a({
   textDecoration: 'none',
-  color: _nginformaticaStyleguide.theme.colors.primary.main,
+  color: _theme.theme.colors.primary.main,
   ':hover': {
     textDecoration: 'underline'
   }

package/experimental/dialog/dialog.js

@@ -7,19 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = exports.DialogV2 = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _ = require("../..");
 var _react = _interopRequireDefault(require("react"));
-var _nginformaticaStyleguide = require("nginformatica-styleguide");
+var _ = require("../..");
+var _theme = require("../../theme");
 var _excluded = ["open", "title", "titleAction", "text", "primaryButtonColor", "primaryButtonName", "primaryButtonText", "secondaryButtonText", "secondaryButtonName", "snippet", "content", "PaperProps", "omitActionButtons", "primaryButtonAction", "secondaryButtonAction", "onClose"];
-var ACTION_REMOVE = _nginformaticaStyleguide.theme.colors.action.cancel;
-var PRIMARY_DARK = _nginformaticaStyleguide.theme.colors.primary.main;
-var theme = {
+var _theme$colors = _theme.theme.colors,
+  action = _theme$colors.action,
+  primary = _theme$colors.primary;
+var themeDialog = {
   palette: {
     primary: {
-      main: PRIMARY_DARK
+      main: primary.main
     },
     secondary: {
-      main: ACTION_REMOVE
+      main: action.cancel
     },
     typography: {
       useNextVariants: true
@@ -46,7 +47,7 @@ var DialogV2 = exports.DialogV2 = function DialogV2(props) {
     otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var haveSecondaryButton = secondaryButtonText && secondaryButtonAction;
   return /*#__PURE__*/_react["default"].createElement(_.ThemeProviderFlipper, {
-    options: theme
+    options: themeDialog
   }, /*#__PURE__*/_react["default"].createElement(_.Dialog, (0, _extends2["default"])({}, otherProps, {
     open: open,
     titleAction: titleAction,

package/experimental/sidebar/index.js

@@ -9,20 +9,20 @@ exports["default"] = exports.Sidebar = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _ = require("../..");
 var _react = _interopRequireWildcard(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _nginformaticaStyleguide = require("nginformatica-styleguide");
+var _ = require("../..");
 var _times = _interopRequireDefault(require("ramda/es/times"));
 var _map = _interopRequireDefault(require("ramda/es/map"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _material = require("@mui/material");
+var _theme = require("../../theme");
 var _excluded = ["options", "loading", "handleGoTo", "extraOptions", "top"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var StyledFlipperSidebar = (0, _styledComponents["default"])(_.Sidebar)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    & > div {\n        border-right: 1px solid ", ";\n    }\n"])), _nginformaticaStyleguide.theme.colors.grays.g6);
+var StyledFlipperSidebar = (0, _styledComponents["default"])(_.Sidebar)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    & > div {\n        border-right: 1px solid ", ";\n    }\n"])), _theme.theme.colors.grays.g6);
 var MenuItem = (0, _styledComponents["default"])(_.ListItem)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    &&& {\n        & div {\n            padding: 0;\n        }\n    }\n"])));
-var Link = _styledComponents["default"].a(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    color: ", ";\n    text-decoration: none;\n"])), _nginformaticaStyleguide.theme.colors.primary.main);
+var Link = _styledComponents["default"].a(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    color: ", ";\n    text-decoration: none;\n"])), _theme.theme.colors.primary.main);
 var PaperBar = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    flex-direction: column;\n    display: flex;\n    justify-content: space-between;\n    flex: 1;\n    padding-bottom: 16px;\n"])));
 var LABEL_TIMEOUT = 300;
 var renderSkeleton = function renderSkeleton(index) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flipper-ui",
-  "version": "0.30.8",
+  "version": "0.30.9",
   "description": "",
   "main": "dist/index.js",
   "homepage": "https://flipper-ui.ngi.com.br/",
@@ -47,7 +47,6 @@
     "faker": "5.5.3",
     "material-table": "1.69.3",
     "material-ui-chip-input": "2.0.0-beta.2",
-    "nginformatica-styleguide": "1.0.2",
     "ramda": "0.25.0",
     "react-loading-skeleton": "3.3.1",
     "react-number-format": "4.4.1",