@codacy/ui-components 0.62.8 → 0.62.10

package/lib/Panel/Panel.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { PanelProps } from './Panel.types';
+/**
+ * Description for Panel
+ */
+export declare const Panel: React.FC<PanelProps>;

package/lib/Panel/Panel.js

@@ -0,0 +1,16 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import React from 'react';
+import { StyledPanel } from './Panel.styles';
+/**
+ * Description for Panel
+ */
+
+export var Panel = function Panel(_ref) {
+  var children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(StyledPanel, Object.assign({
+    p: 5
+  }, props), children);
+};

package/lib/Panel/{styles.d.ts → Panel.styles.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { CodacyTheme } from '../theme';
 import { BoxProps } from '../Flexbox';
-declare const Panel: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("..").ColorProps & import("..").LayoutProps & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
+export declare const StyledPanel: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("..").ColorProps & import("..").LayoutProps & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
     fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, CodacyTheme> | undefined;
 }, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps> & {
     theme?: object | undefined;
@@ -10,4 +10,3 @@ declare const Panel: import("@emotion/styled-base").StyledComponent<Pick<import(
 } & Pick<BoxProps, "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "as" | keyof import("..").ColorProps | keyof import("..").LayoutProps | keyof import("..").SpaceProps | keyof import("..").BorderProps | keyof import("..").PositionProps | keyof import("..").ShadowProps | keyof import("..").FlexboxProps | keyof import("..").GridboxProps> & {
     theme?: object | undefined;
 }, BoxProps, CodacyTheme>;
-export { Panel };

package/lib/Panel/Panel.styles.js

@@ -0,0 +1,15 @@
+import _styled from "@emotion/styled-base";
+import { Box } from '../Flexbox';
+export var StyledPanel = /*#__PURE__*/_styled(Box, {
+  target: "epfbb5r0"
+})("background:", function (_ref) {
+  var theme = _ref.theme,
+      backgroundColor = _ref.backgroundColor;
+  return theme.colors[backgroundColor || 'background-primary'];
+}, ";border:1px solid ", function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.colors['ui-border'];
+}, ";border-radius:", function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.radii[1];
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYW5lbC9QYW5lbC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTZEIiwiZmlsZSI6Ii4uLy4uL3NyYy9QYW5lbC9QYW5lbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IENvZGFjeVRoZW1lLCBDb2xvciB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgQm94LCBCb3hQcm9wcyB9IGZyb20gJy4uL0ZsZXhib3gnXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYW5lbCA9IHN0eWxlZChCb3gpPEJveFByb3BzLCBDb2RhY3lUaGVtZT5gXG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUsIGJhY2tncm91bmRDb2xvciB9KSA9PiB0aGVtZS5jb2xvcnNbKGJhY2tncm91bmRDb2xvciB8fCAnYmFja2dyb3VuZC1wcmltYXJ5JykgYXMgQ29sb3JdfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ3VpLWJvcmRlciddfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsxXX07XG5gXG4iXX0= */"));

package/lib/Panel/Panel.types.d.ts

@@ -0,0 +1,4 @@
+import { BoxProps } from '../Flexbox';
+import { ContainerComponentProps } from '../types';
+export interface PanelProps extends BoxProps, ContainerComponentProps {
+}

package/lib/Panel/Panel.types.js

@@ -0,0 +1 @@
+export {};

package/lib/Panel/index.d.ts

@@ -1 +1,2 @@
-export * from './styles';
+export * from './Panel';
+export * from './Panel.types';

package/lib/Panel/index.js

@@ -1 +1,2 @@
-export * from './styles';
+export * from './Panel';
+export * from './Panel.types';

package/lib/theme/ColorSchemes/codacy.d.ts

@@ -29,6 +29,17 @@ export declare const baseColors: {
     'purple-700': string;
     'purple-800': string;
     'purple-900': string;
+    'magenta-99': string;
+    'magenta-95': string;
+    'magenta-90': string;
+    'magenta-80': string;
+    'magenta-70': string;
+    'magenta-60': string;
+    'magenta-50': string;
+    'magenta-40': string;
+    'magenta-30': string;
+    'magenta-20': string;
+    'magenta-10': string;
     'turquoise-700': string;
     'turquoise-600': string;
     'turquoise-500': string;
@@ -82,6 +93,17 @@ export declare const functionalColorsFx: (colors: {
     "purple-700": string;
     "purple-800": string;
     "purple-900": string;
+    "magenta-99": string;
+    "magenta-95": string;
+    "magenta-90": string;
+    "magenta-80": string;
+    "magenta-70": string;
+    "magenta-60": string;
+    "magenta-50": string;
+    "magenta-40": string;
+    "magenta-30": string;
+    "magenta-20": string;
+    "magenta-10": string;
     "turquoise-700": string;
     "turquoise-600": string;
     "turquoise-500": string;

package/lib/theme/ColorSchemes/codacy.js

@@ -34,6 +34,18 @@ export var baseColors = {
   'purple-700': '#5A239E',
   'purple-800': '#421A75',
   'purple-900': '#2A114B',
+  // MAGENTA
+  'magenta-99': '#fef2fc',
+  'magenta-95': '#fcc8e9',
+  'magenta-90': '#f99dd7',
+  'magenta-80': '#ed4aa5',
+  'magenta-70': '#d5348e',
+  'magenta-60': '#b72974',
+  'magenta-50': '#97215b',
+  'magenta-40': '#731b46',
+  'magenta-30': '#4e122e',
+  'magenta-20': '#2a0b19',
+  'magenta-10': '#17060d',
   // TURQUOISE
   'turquoise-700': '#176267',
   'turquoise-600': '#2E7D82',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codacy/ui-components",
-  "version": "0.62.8",
+  "version": "0.62.10",
   "description": "",
   "license": "ISC",
   "author": "",

package/lib/Panel/styles.js

@@ -1,21 +0,0 @@
-import _styled from "@emotion/styled-base";
-import { Box } from '../Flexbox';
-
-var Panel = /*#__PURE__*/_styled(Box, {
-  target: "en1xqt80"
-})("background:", function (_ref) {
-  var theme = _ref.theme,
-      backgroundColor = _ref.backgroundColor;
-  return theme.colors[backgroundColor || 'background-primary'];
-}, ";border:1px solid ", function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.colors['ui-border'];
-}, ";border-radius:", function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.radii[1];
-}, ";padding:", function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.space[5];
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYW5lbC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWdEIiwiZmlsZSI6Ii4uLy4uL3NyYy9QYW5lbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IENvZGFjeVRoZW1lLCBDb2xvciB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgQm94LCBCb3hQcm9wcyB9IGZyb20gJy4uL0ZsZXhib3gnXG5cbmNvbnN0IFBhbmVsID0gc3R5bGVkKEJveCk8Qm94UHJvcHMsIENvZGFjeVRoZW1lPmBcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSwgYmFja2dyb3VuZENvbG9yIH0pID0+IHRoZW1lLmNvbG9yc1soYmFja2dyb3VuZENvbG9yIHx8ICdiYWNrZ3JvdW5kLXByaW1hcnknKSBhcyBDb2xvcl19O1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1sndWktYm9yZGVyJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpWzFdfTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVs1XX07XG5gXG5cbmV4cG9ydCB7IFBhbmVsIH1cbiJdfQ== */"));
-
-export { Panel };