@bundle-stats/ui 4.1.5-alpha.0 → 4.1.5-alpha.1

package/types/ui/dropdown/dropdown.d.ts

@@ -0,0 +1,45 @@
+export function Dropdown(props: any): any;
+export namespace Dropdown {
+    export namespace defaultProps {
+        const className: string;
+        const buttonClassName: string;
+        const label: null;
+        const ariaLabel: string;
+        const glyph: null;
+    }
+    export namespace propTypes {
+        const className_1: any;
+        export { className_1 as className };
+        const buttonClassName_1: any;
+        export { buttonClassName_1 as buttonClassName };
+        const label_1: any;
+        export { label_1 as label };
+        const ariaLabel_1: any;
+        export { ariaLabel_1 as ariaLabel };
+        const glyph_1: any;
+        export { glyph_1 as glyph };
+        export const children: any;
+    }
+    export { Item };
+}
+declare function Item({ className, isActive, ...restProps }: {
+    [x: string]: any;
+    className?: string | undefined;
+    isActive?: boolean | undefined;
+}): any;
+declare namespace Item {
+    export namespace propTypes_1 {
+        const className_2: any;
+        export { className_2 as className };
+        export const isActive: any;
+    }
+    export { propTypes_1 as propTypes };
+    export namespace defaultProps_1 {
+        const className_3: string;
+        export { className_3 as className };
+        const isActive_1: boolean;
+        export { isActive_1 as isActive };
+    }
+    export { defaultProps_1 as defaultProps };
+}
+export {};

package/types/ui/dropdown/index.d.ts

@@ -0,0 +1 @@
+export * from "./dropdown";

package/types/ui/empty-set/empty-set.d.ts

@@ -0,0 +1,15 @@
+export function EmptySet(props: any): any;
+export namespace EmptySet {
+    namespace propTypes {
+        const resources: any;
+        const filtered: any;
+        const handleResetFilters: any;
+        const handleViewAll: any;
+    }
+    namespace defaultProps {
+        const handleResetFilters_1: null;
+        export { handleResetFilters_1 as handleResetFilters };
+        const handleViewAll_1: null;
+        export { handleViewAll_1 as handleViewAll };
+    }
+}

package/types/ui/empty-set/index.d.ts

@@ -0,0 +1 @@
+export * from "./empty-set";

package/types/ui/file-name/file-name.d.ts

@@ -0,0 +1,20 @@
+export function FileName({ className, as: Component, name }: {
+    className: any;
+    as: any;
+    name: any;
+}): any;
+export namespace FileName {
+    namespace defaultProps {
+        const className: string;
+        const as: string;
+        const name: string;
+    }
+    namespace propTypes {
+        const className_1: any;
+        export { className_1 as className };
+        const as_1: any;
+        export { as_1 as as };
+        const name_1: any;
+        export { name_1 as name };
+    }
+}

package/types/ui/file-name/index.d.ts

@@ -0,0 +1 @@
+export { FileName } from "./file-name";

package/types/ui/filters/filters.d.ts

@@ -0,0 +1,13 @@
+export function Filters(props: any): any;
+export namespace Filters {
+    namespace defaultProps {
+        const className: string;
+    }
+    namespace propTypes {
+        const className_1: any;
+        export { className_1 as className };
+        export const values: any;
+        export const filters: any;
+        export const toggleFilter: any;
+    }
+}

package/types/ui/filters/filters.utils.d.ts

@@ -0,0 +1,6 @@
+export namespace LABELS {
+    const NONE: string;
+    const ALL: string;
+}
+export function getGroupFiltersLabelSuffix(filters: Array<any[]>): string;
+export function getInitialValues(key: any, filters: any): any;

package/types/ui/filters/index.d.ts

@@ -0,0 +1,11 @@
+export function Filters(props: any): any;
+export namespace Filters {
+    namespace defaultProps {
+        const onChange: null;
+    }
+    namespace propTypes {
+        export const filters: any;
+        const onChange_1: any;
+        export { onChange_1 as onChange };
+    }
+}

package/types/ui/horizontal-bar-chart/horizontal-bar-chart.d.ts

@@ -0,0 +1,14 @@
+export function HorizontalBarChart(props: any): any;
+export namespace HorizontalBarChart {
+    namespace defaultProps {
+        const className: string;
+        const maxValue: null;
+    }
+    namespace propTypes {
+        const className_1: any;
+        export { className_1 as className };
+        export const data: any;
+        const maxValue_1: any;
+        export { maxValue_1 as maxValue };
+    }
+}

package/types/ui/horizontal-bar-chart/index.d.ts

@@ -0,0 +1 @@
+export * from "./horizontal-bar-chart";

package/types/ui/hover-card/hover-card.d.ts

@@ -0,0 +1,26 @@
+export function HoverCard(props: any): any;
+export namespace HoverCard {
+    namespace propTypes {
+        const className: any;
+        const hoverCardClassName: any;
+        const anchorClassName: any;
+        const label: any;
+        const href: any;
+        const as: any;
+        const children: any;
+    }
+    namespace defaultProps {
+        const className_1: string;
+        export { className_1 as className };
+        const hoverCardClassName_1: string;
+        export { hoverCardClassName_1 as hoverCardClassName };
+        const anchorClassName_1: string;
+        export { anchorClassName_1 as anchorClassName };
+        const label_1: string;
+        export { label_1 as label };
+        const as_1: string;
+        export { as_1 as as };
+        const href_1: string;
+        export { href_1 as href };
+    }
+}

package/types/ui/hover-card/index.d.ts

@@ -0,0 +1 @@
+export * from "./hover-card";

package/types/ui/icon/icon.d.ts

@@ -0,0 +1,37 @@
+export function Icon(props: any): any;
+export namespace Icon {
+    export { ICONS };
+    export const SIZE_SMALL: string;
+    export const SIZE_MEDIUM: string;
+    export const SIZE_LARGE: string;
+    export const SIZES: string[];
+    export namespace defaultProps {
+        export const className: string;
+        export const as: string;
+        import size = Icon.SIZE_MEDIUM;
+        export { size };
+    }
+    export namespace propTypes {
+        const className_1: any;
+        export { className_1 as className };
+        export const glyph: any;
+        const as_1: any;
+        export { as_1 as as };
+        const size_1: any;
+        export { size_1 as size };
+    }
+}
+declare namespace ICONS {
+    const ARROW: string;
+    const ARROW_RIGHT_CIRLCE: string;
+    const CANCEL: string;
+    const CLOSE: string;
+    const CLOCK: string;
+    const COMMIT: string;
+    const FILTER: string;
+    const HELP: string;
+    const MENU: string;
+    const SORT: string;
+    const WARNING: string;
+}
+export {};

package/types/ui/icon/index.d.ts

@@ -0,0 +1 @@
+export * from "./icon";

package/types/ui/index.d.ts

@@ -0,0 +1,18 @@
+export { Alert } from "./alert";
+export { Container } from "./container";
+export { Dropdown } from "./dropdown";
+export { EmptySet } from "./empty-set";
+export { FileName } from "./file-name";
+export { Filters } from "./filters";
+export { HorizontalBarChart } from "./horizontal-bar-chart";
+export { HoverCard } from "./hover-card";
+export { Icon } from "./icon";
+export { Input } from "./input";
+export { Loader } from "./loader";
+export { Panels } from "./panels";
+export { Skeleton } from "./skeleton";
+export { SortDropdown } from "./sort-dropdown";
+export { Table } from "./table";
+export { Tabs } from "./tabs";
+export { Tag } from "./tag";
+export { Tooltip } from "./tooltip";

package/types/ui/input/index.d.ts

@@ -0,0 +1 @@
+export * from "./input";

package/types/ui/input/input.d.ts

@@ -0,0 +1,17 @@
+export function Input({ className, size, ...restProps }: {
+    [x: string]: any;
+    className: any;
+    size: any;
+}): any;
+export namespace Input {
+    namespace propTypes {
+        const className: any;
+        const size: any;
+    }
+    namespace defaultProps {
+        const className_1: string;
+        export { className_1 as className };
+        const size_1: string;
+        export { size_1 as size };
+    }
+}

package/types/ui/loader/index.d.ts

@@ -0,0 +1 @@
+export * from "./loader";

package/types/ui/loader/loader.d.ts

@@ -0,0 +1,22 @@
+export function Loader({ className, size, ...restProps }: {
+    [x: string]: any;
+    className: any;
+    size: any;
+}): any;
+export namespace Loader {
+    const SIZE_SMALL: string;
+    const SIZE_MEDIUM: string;
+    const SIZE_LARGE: string;
+    const SIZES: string[];
+    namespace defaultProps {
+        export const className: string;
+        import size = Loader.SIZE_MEDIUM;
+        export { size };
+    }
+    namespace propTypes {
+        const className_1: any;
+        export { className_1 as className };
+        const size_1: any;
+        export { size_1 as size };
+    }
+}

package/types/ui/panels/index.d.ts

@@ -0,0 +1 @@
+export { Panels } from "./panels";

package/types/ui/panels/panels.d.ts

@@ -0,0 +1,17 @@
+export function Panels({ className, children, ...restProps }: {
+    [x: string]: any;
+    className: any;
+    children: any;
+}): any;
+export namespace Panels {
+    namespace defaultProps {
+        const className: string;
+        const children: null;
+    }
+    namespace propTypes {
+        const className_1: any;
+        export { className_1 as className };
+        const children_1: any;
+        export { children_1 as children };
+    }
+}

package/types/ui/skeleton/index.d.ts

@@ -0,0 +1 @@
+export * from "./skeleton";

package/types/ui/skeleton/skeleton.d.ts

@@ -0,0 +1,16 @@
+export function Skeleton(props: any): any;
+export namespace Skeleton {
+    namespace propTypes {
+        const className: any;
+        const as: any;
+        const block: any;
+    }
+    namespace defaultProps {
+        const className_1: string;
+        export { className_1 as className };
+        const as_1: string;
+        export { as_1 as as };
+        const block_1: boolean;
+        export { block_1 as block };
+    }
+}

package/types/ui/sort-dropdown/index.d.ts

@@ -0,0 +1 @@
+export * from "./sort-dropdown";

package/types/ui/sort-dropdown/sort-dropdown.d.ts

@@ -0,0 +1,23 @@
+export function SortDropdown(props: any): any;
+export namespace SortDropdown {
+    namespace defaultProps {
+        const className: string;
+        const label: string;
+        function onChange(): void;
+        const field: string;
+        const direction: string;
+    }
+    namespace propTypes {
+        const className_1: any;
+        export { className_1 as className };
+        const label_1: any;
+        export { label_1 as label };
+        export const fields: any;
+        const onChange_1: any;
+        export { onChange_1 as onChange };
+        const field_1: any;
+        export { field_1 as field };
+        const direction_1: any;
+        export { direction_1 as direction };
+    }
+}

package/types/ui/table/index.d.ts

@@ -0,0 +1 @@
+export * from "./table";

package/types/ui/table/table.d.ts

@@ -0,0 +1,33 @@
+export function Table({ className, emptyMessage, compact, outline, children }: {
+    className: any;
+    emptyMessage: any;
+    compact: any;
+    outline: any;
+    children: any;
+}): any;
+export namespace Table {
+    const THead: string;
+    const TBody: string;
+    const Tr: string;
+    const Th: string;
+    const Td: string;
+    namespace defaultProps {
+        const className: string;
+        const emptyMessage: string;
+        const children: null;
+        const compact: boolean;
+        const outline: boolean;
+    }
+    namespace propTypes {
+        const className_1: any;
+        export { className_1 as className };
+        const emptyMessage_1: any;
+        export { emptyMessage_1 as emptyMessage };
+        const compact_1: any;
+        export { compact_1 as compact };
+        const outline_1: any;
+        export { outline_1 as outline };
+        const children_1: any;
+        export { children_1 as children };
+    }
+}

package/types/ui/tabs/index.d.ts

@@ -0,0 +1 @@
+export { Tabs } from "./tabs";

package/types/ui/tabs/tabs.d.ts

@@ -0,0 +1,40 @@
+export function Tabs({ className, ...restProps }: {
+    [x: string]: any;
+    className: any;
+}): any;
+export namespace Tabs {
+    export namespace defaultProps {
+        const className: string;
+    }
+    export namespace propTypes {
+        const className_1: any;
+        export { className_1 as className };
+        export const children: any;
+    }
+    export { Item };
+}
+declare function Item({ isTabActive, as: Component, className, ...restProps }: {
+    [x: string]: any;
+    isTabActive: any;
+    as: any;
+    className: any;
+}): any;
+declare namespace Item {
+    export namespace defaultProps_1 {
+        export const isTabActive: boolean;
+        const className_2: string;
+        export { className_2 as className };
+        export const as: string;
+    }
+    export { defaultProps_1 as defaultProps };
+    export namespace propTypes_1 {
+        const isTabActive_1: any;
+        export { isTabActive_1 as isTabActive };
+        const className_3: any;
+        export { className_3 as className };
+        const as_1: any;
+        export { as_1 as as };
+    }
+    export { propTypes_1 as propTypes };
+}
+export {};

package/types/ui/tag/index.d.ts

@@ -0,0 +1 @@
+export * from "./tag";

package/types/ui/tag/tag.d.ts

@@ -0,0 +1,33 @@
+export namespace KINDS {
+    const DEFAULT: string;
+    const SUCCESS: string;
+    const INFO: string;
+    const WARNING: string;
+    const DANGER: string;
+}
+export namespace SIZES {
+    const SMALL: string;
+    const MEDIUM: string;
+    const LARGE: string;
+}
+export function Tag(props: any): any;
+export namespace Tag {
+    export namespace propTypes {
+        const className: any;
+        const as: any;
+        const kind: any;
+        const size: any;
+    }
+    export namespace defaultProps {
+        const className_1: string;
+        export { className_1 as className };
+        const as_1: string;
+        export { as_1 as as };
+        import kind_1 = KINDS.DEFAULT;
+        export { kind_1 as kind };
+        import size_1 = SIZES.MEDIUM;
+        export { size_1 as size };
+    }
+    export { KINDS };
+    export { SIZES };
+}

package/types/ui/toolbar/index.d.ts

@@ -0,0 +1 @@
+export * from "./toolbar";

package/types/ui/toolbar/toolbar.d.ts

@@ -0,0 +1,14 @@
+export function Toolbar(props: any): any;
+export namespace Toolbar {
+    namespace propTypes {
+        const className: any;
+        const children: any;
+        const renderActions: any;
+    }
+    namespace defaultProps {
+        const className_1: string;
+        export { className_1 as className };
+        const renderActions_1: null;
+        export { renderActions_1 as renderActions };
+    }
+}

package/types/ui/tooltip/index.d.ts

@@ -0,0 +1 @@
+export * from "./tooltip";

package/types/ui/tooltip/tooltip.d.ts

@@ -0,0 +1,26 @@
+export function Tooltip(props: any): any;
+export namespace Tooltip {
+    namespace defaultProps {
+        const className: string;
+        const tooltipClassName: string;
+        const title: string;
+        const as: string;
+        const containerRef: null;
+        const darkMode: boolean;
+    }
+    namespace propTypes {
+        const className_1: any;
+        export { className_1 as className };
+        const tooltipClassName_1: any;
+        export { tooltipClassName_1 as tooltipClassName };
+        const title_1: any;
+        export { title_1 as title };
+        export const children: any;
+        const as_1: any;
+        export { as_1 as as };
+        const containerRef_1: any;
+        export { containerRef_1 as containerRef };
+        const darkMode_1: any;
+        export { darkMode_1 as darkMode };
+    }
+}

package/types/utils.d.ts

@@ -0,0 +1,2 @@
+export function getColors(count?: number): string[];
+export function getRenderChildWithClassName(className: any): (child: any) => any;

package/lib/app/app.stories.js

@@ -1,102 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@storybook/react");
-var _utils = require("@bundle-stats/utils");
-var _jobCurrent = _interopRequireDefault(require("../../../../fixtures/job.current.json"));
-var _jobBaseline = _interopRequireDefault(require("../../../../fixtures/job.baseline.json"));
-var _ = require(".");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-var CURRENT_SOURCE = {
-  webpack: _objectSpread({
-    builtAt: _jobCurrent["default"].builtAt,
-    hash: _jobCurrent["default"].hash
-  }, _jobCurrent["default"].rawData.webpack)
-};
-var BASELINE_SOURCE = {
-  webpack: _objectSpread({
-    builtAt: _jobBaseline["default"].builtAt,
-    hash: _jobBaseline["default"].hash
-  }, _jobBaseline["default"].rawData.webpack)
-};
-var JOBS = (0, _utils.createJobs)([CURRENT_SOURCE, BASELINE_SOURCE], {
-  webpack: {
-    budgets: [{
-      metric: 'totalSizeByTypeALL',
-      value: 1024 * 1024
-    }]
-  }
-});
-var NO_BASELINE_JOBS = (0, _utils.createJobs)([CURRENT_SOURCE]);
-var MULTIPLE_JOBS = (0, _utils.createJobs)([CURRENT_SOURCE, BASELINE_SOURCE, {
-  webpack: _objectSpread(_objectSpread({
-    builtAt: _jobBaseline["default"].builtAt,
-    hash: 'aaaa1111'
-  }, _jobBaseline["default"].rawData.webpack), {}, {
-    assets: _jobBaseline["default"].rawData.webpack.assets.filter(function (asset) {
-      return asset.name.match(/.(css|js)$/);
-    }),
-    modules: _jobBaseline["default"].rawData.webpack.modules.slice(0, 100)
-  })
-}]);
-var _JOBS = _slicedToArray(JOBS, 2),
-  CURRENT_JOB = _JOBS[0],
-  BASELINE_JOB = _JOBS[1];
-var EMPTY_BASELINE = (0, _utils.createJobs)([{
-  webpack: _jobCurrent["default"].rawData.webpack
-}, {
-  webpack: null
-}]);
-var stories = (0, _react2.storiesOf)('App', module);
-stories.addDecorator(function (storyFn) {
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      margin: '-1rem'
-    }
-  }, storyFn());
-});
-stories.add('default', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.App, {
-    jobs: [CURRENT_JOB, BASELINE_JOB],
-    version: "1.0"
-  });
-});
-stories.add('no insights', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.App, {
-    jobs: [_objectSpread(_objectSpread({}, CURRENT_JOB), {}, {
-      insights: undefined
-    }), BASELINE_JOB]
-  });
-});
-stories.add('no baseline', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.App, {
-    jobs: NO_BASELINE_JOBS,
-    version: "1.0"
-  });
-});
-stories.add('empty baseline', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.App, {
-    jobs: EMPTY_BASELINE,
-    version: "1.0"
-  });
-});
-stories.add('multiple baselines', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.App, {
-    jobs: MULTIPLE_JOBS,
-    version: "1.0"
-  });
-});
-stories.add('empty', function () {
-  return /*#__PURE__*/_react["default"].createElement(_.App, {
-    verison: "1.0"
-  });
-});

package/lib/assets/icons/arrow-right-circle.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right-circle"><circle cx="12" cy="12" r="10"></circle><polyline points="12 16 16 12 12 8"></polyline><line x1="8" y1="12" x2="16" y2="12"></line></svg>

package/lib/assets/icons/arrow.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down"><line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline></svg>

package/lib/assets/icons/cancel.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-circle"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>

package/lib/assets/icons/clock.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>

package/lib/assets/icons/close.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-circle"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>

package/lib/assets/icons/commit.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-commit"><circle cx="12" cy="12" r="4"></circle><line x1="1.05" y1="12" x2="7" y2="12"></line><line x1="17.01" y1="12" x2="22.96" y2="12"></line></svg>