@codacy/ui-components 0.65.16 → 0.65.17

package/lib/StepNumber/StepNumber.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BoxProps } from '../Flexbox';
+import { StepNumberProps } from './types';
+export declare const StepNumber: React.FC<StepNumberProps & BoxProps>;

package/lib/StepNumber/StepNumber.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StepNumber = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _Flexbox = require("../Flexbox");
+var _styles = require("./styles");
+var _Icons = require("../Icons");
+var _Icon = require("../Icon");
+var _Typography = require("../Typography");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["num", "complete", "numberColor", "backgroundColor"];
+var StepNumber = exports.StepNumber = function StepNumber(_ref) {
+  var num = _ref.num,
+    complete = _ref.complete,
+    numberColor = _ref.numberColor,
+    backgroundColor = _ref.backgroundColor,
+    other = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Flexbox.Box, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), {}, {
+    flexShrink: 0,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepNumberOrb, {
+      role: "step-number-orb",
+      complete: complete,
+      color: backgroundColor,
+      children: complete ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        icon: _Icons.CheckIcon,
+        color: "brand-primary",
+        size: "md"
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.Caption, {
+        color: numberColor || 'complementary',
+        size: "lg",
+        fontWeight: "bold",
+        height: "1.315rem",
+        children: num
+      })
+    })
+  }));
+};

package/lib/StepNumber/index.d.ts

@@ -0,0 +1 @@
+export * from './StepNumber';

package/lib/StepNumber/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _StepNumber = require("./StepNumber");
+Object.keys(_StepNumber).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _StepNumber[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _StepNumber[key];
+    }
+  });
+});

package/lib/StepNumber/styles.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Color } from '../theme';
+export declare const StepNumberOrb: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & 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, import("../theme").CodacyTheme> | undefined;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & import("..").FlexboxProps & {
+    complete?: boolean | undefined;
+    color?: Color | undefined;
+}, {}, {}>;

package/lib/StepNumber/styles.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StepNumberOrb = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _Flexbox = require("../Flexbox");
+var StepNumberOrb = exports.StepNumberOrb = /*#__PURE__*/(0, _base["default"])(_Flexbox.Flex, process.env.NODE_ENV === "production" ? {
+  target: "e1aru2qp0"
+} : {
+  target: "e1aru2qp0",
+  label: "codacy"
+})("width:", function (_ref) {
+  var theme = _ref.theme;
+  return theme.space[6];
+}, ";height:", function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.space[6];
+}, ";flex-shrink:0;border-radius:50%;background-color:", function (_ref3) {
+  var theme = _ref3.theme,
+    complete = _ref3.complete,
+    color = _ref3.color;
+  return theme.colors[complete ? 'blue-50' : color ? color : 'blue-100'];
+}, ";justify-content:center;align-items:center;transform:", function (_ref4) {
+  var complete = _ref4.complete;
+  return complete ? 'translateY(0.125rem)' : undefined;
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9TdGVwTnVtYmVyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJZ0YiLCJmaWxlIjoiLi4vLi4vc3JjL1N0ZXBOdW1iZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IENvbG9yIH0gZnJvbSAnLi4vdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBTdGVwTnVtYmVyT3JiID0gc3R5bGVkKEZsZXgpPHsgY29tcGxldGU/OiBib29sZWFuOyBjb2xvcj86IENvbG9yIH0+YFxuICB3aWR0aDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVs2XX07XG4gIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVs2XX07XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIGNvbXBsZXRlLCBjb2xvciB9KSA9PiB0aGVtZS5jb2xvcnNbY29tcGxldGUgPyAnYmx1ZS01MCcgOiBjb2xvciA/IGNvbG9yIDogJ2JsdWUtMTAwJ119O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAvLyBmaXggbWlzYWxpZ25tZW50IG9mIGJhc2VsaW5lIGZvciBjaGVjayBpY29uXG4gIHRyYW5zZm9ybTogJHsoeyBjb21wbGV0ZSB9KSA9PiAoY29tcGxldGUgPyAndHJhbnNsYXRlWSgwLjEyNXJlbSknIDogdW5kZWZpbmVkKX07XG5gXG4iXX0= */"));

package/lib/StepNumber/types.d.ts

@@ -0,0 +1,9 @@
+import { FlexProps } from 'styled-system';
+import { Color, FunctionalColor } from '../theme';
+import { TextColor } from '../Typography';
+export interface StepNumberProps extends FlexProps {
+    num?: number;
+    complete?: boolean;
+    numberColor?: TextColor | FunctionalColor;
+    backgroundColor?: Color;
+}

package/lib/StepNumber/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/package.json

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