@mvf/external-components 3.32.3 → 3.35.0

package/Experiments/GOLD-1420/Molecules/NavBar/defaultProps.d.ts

@@ -1,6 +1,6 @@
 declare const defaultProps: {
     buttonDisabled: boolean;
-    buttonVariant: "contained" | "outlined";
+    buttonVariant: "outlined" | "contained";
     disabled: boolean;
     loading: boolean;
     onClickBack: () => void;

package/Experiments/GOLD-2170/Atoms/InfoButton/IInfoButtonProps.d.ts

@@ -0,0 +1,4 @@
+interface IInfoButtonProps {
+    onClick?: () => void;
+}
+export default IInfoButtonProps;

package/Experiments/GOLD-2170/Atoms/InfoButton/IInfoButtonProps.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IInfoButtonProps.js.map

package/Experiments/GOLD-2170/Atoms/InfoButton/IInfoButtonProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IInfoButtonProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-2170/Atoms/InfoButton/IInfoButtonProps.ts"],"names":[],"mappings":""}

package/Experiments/GOLD-2170/Atoms/InfoButton/InfoButton.d.ts

@@ -0,0 +1,8 @@
+/** @jsxImportSource @emotion/react */
+import { FunctionComponentWithDefaultProps } from '../../../../Helpers/React/FunctionComponentWithDefaultProps';
+import WithExperimentName from '../../../../@types/WithExperimentName';
+import IInfoButtonProps from './IInfoButtonProps';
+import defaultProps from './defaultProps';
+export type InfoButtonType = FunctionComponentWithDefaultProps<WithExperimentName<IInfoButtonProps>, typeof defaultProps>;
+declare const InfoButton: InfoButtonType;
+export default InfoButton;

package/Experiments/GOLD-2170/Atoms/InfoButton/InfoButton.js

@@ -0,0 +1,27 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var defaultProps_1 = __importDefault(require("./defaultProps"));
+var makeInfoButtonStyling_1 = __importDefault(require("./makeInfoButtonStyling"));
+var InfoButton = function (_a) {
+    var onClick = _a.onClick;
+    var styles = (0, makeInfoButtonStyling_1.default)();
+    return ((0, jsx_runtime_1.jsx)("button", __assign({ type: "button", css: styles.button, "aria-label": "More information about match calculation", onClick: onClick }, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ css: styles.icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "10" }), (0, jsx_runtime_1.jsx)("line", { x1: "12", y1: "16", x2: "12", y2: "12" }), (0, jsx_runtime_1.jsx)("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })] })) })));
+};
+InfoButton.defaultProps = defaultProps_1.default;
+exports.default = InfoButton;
+//# sourceMappingURL=InfoButton.js.map

package/Experiments/GOLD-2170/Atoms/InfoButton/InfoButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoButton.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-2170/Atoms/InfoButton/InfoButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAIA,gEAA0C;AAC1C,kFAA4D;AAO5D,IAAM,UAAU,GAAmB,UAAC,EAAW;QAAT,OAAO,aAAA;IAC3C,IAAM,MAAM,GAAG,IAAA,+BAAqB,GAAE,CAAC;IAEvC,OAAO,CACL,4CACE,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,MAAM,CAAC,MAAM,gBACP,0CAA0C,EACrD,OAAO,EAAE,OAAO,gBAEhB,0CACE,GAAG,EAAE,MAAM,CAAC,IAAI,EAChB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,iBAElB,mCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,EACjC,iCAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,EACxC,iCAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,GAAG,GAAG,KACrC,IACC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}

package/Experiments/GOLD-2170/Atoms/InfoButton/InfoButton.test.d.ts

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

package/Experiments/GOLD-2170/Atoms/InfoButton/InfoButton.test.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
+var InfoButton_1 = __importDefault(require("./InfoButton"));
+describe('<InfoButton />', function () {
+    it('should render the info button', function () {
+        var getByLabelText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(InfoButton_1.default, { experimentName: "GOLD-2170" })).getByLabelText;
+        expect(getByLabelText('More information about match calculation')).toBeInTheDocument();
+    });
+    it('should call onClick when button is clicked', function () {
+        var handleClick = jest.fn();
+        var getByLabelText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(InfoButton_1.default, { onClick: handleClick, experimentName: "GOLD-2170" })).getByLabelText;
+        getByLabelText('More information about match calculation').click();
+        expect(handleClick).toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=InfoButton.test.js.map

package/Experiments/GOLD-2170/Atoms/InfoButton/InfoButton.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoButton.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-2170/Atoms/InfoButton/InfoButton.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,sGAAgF;AAChF,4DAAsC;AAEtC,QAAQ,CAAC,gBAAgB,EAAE;IACzB,EAAE,CAAC,+BAA+B,EAAE;QAC1B,IAAA,cAAc,GAAK,IAAA,6BAAmB,EAC5C,uBAAC,oBAAU,IAAC,cAAc,EAAC,WAAW,GAAG,CAC1C,eAFqB,CAEpB;QACF,MAAM,CACJ,cAAc,CAAC,0CAA0C,CAAC,CAC3D,CAAC,iBAAiB,EAAE,CAAC;IACxB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE;QAC/C,IAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACtB,IAAA,cAAc,GAAK,IAAA,6BAAmB,EAC5C,uBAAC,oBAAU,IAAC,OAAO,EAAE,WAAW,EAAE,cAAc,EAAC,WAAW,GAAG,CAChE,eAFqB,CAEpB;QACF,cAAc,CAAC,0CAA0C,CAAC,CAAC,KAAK,EAAE,CAAC;QACnE,MAAM,CAAC,WAAW,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Experiments/GOLD-2170/Atoms/InfoButton/InfoButtonStory.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const InfoButtonStory: React.FunctionComponent;
+export default InfoButtonStory;

package/Experiments/GOLD-2170/Atoms/InfoButton/InfoButtonStory.js

@@ -0,0 +1,23 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var InfoButton_1 = __importDefault(require("./InfoButton"));
+var InfoButtonStory = function () {
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { padding: 20 } }, { children: (0, jsx_runtime_1.jsx)(InfoButton_1.default, { experimentName: "GOLD-2170" }) })));
+};
+exports.default = InfoButtonStory;
+//# sourceMappingURL=InfoButtonStory.js.map

package/Experiments/GOLD-2170/Atoms/InfoButton/InfoButtonStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoButtonStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-2170/Atoms/InfoButton/InfoButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,4DAAsC;AAEtC,IAAM,eAAe,GAA4B;IAC/C,OAAO,CACL,yCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,gBACzB,uBAAC,oBAAU,IAAC,cAAc,EAAC,WAAW,GAAG,IACrC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/Experiments/GOLD-2170/Atoms/InfoButton/defaultProps.d.ts

@@ -0,0 +1,2 @@
+declare const defaultProps: {};
+export default defaultProps;

package/Experiments/GOLD-2170/Atoms/InfoButton/defaultProps.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var defaultProps = {};
+exports.default = defaultProps;
+//# sourceMappingURL=defaultProps.js.map

package/Experiments/GOLD-2170/Atoms/InfoButton/defaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-2170/Atoms/InfoButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG,EAAE,CAAC;AAExB,kBAAe,YAAY,CAAC"}

package/Experiments/GOLD-2170/Atoms/InfoButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from './InfoButton';

package/Experiments/GOLD-2170/Atoms/InfoButton/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var InfoButton_1 = require("./InfoButton");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(InfoButton_1).default; } });
+//# sourceMappingURL=index.js.map

package/Experiments/GOLD-2170/Atoms/InfoButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-2170/Atoms/InfoButton/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA"}

package/Experiments/GOLD-2170/Atoms/InfoButton/makeInfoButtonStyling.d.ts

@@ -0,0 +1,5 @@
+declare const makeInfoButtonStyling: () => {
+    button: import("@emotion/react").SerializedStyles;
+    icon: import("@emotion/react").SerializedStyles;
+};
+export default makeInfoButtonStyling;

package/Experiments/GOLD-2170/Atoms/InfoButton/makeInfoButtonStyling.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("@emotion/react");
+var makeInfoButtonStyling = function () { return ({
+    button: (0, react_1.css)({
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: 24,
+        height: 24,
+        padding: 0,
+        border: 'none',
+        background: 'none',
+        color: '#6b7280',
+        cursor: 'pointer',
+        transition: 'color 200ms ease',
+        '&:hover': {
+            color: '#374151',
+        },
+    }),
+    icon: (0, react_1.css)({
+        width: 16,
+        height: 16,
+    }),
+}); };
+exports.default = makeInfoButtonStyling;
+//# sourceMappingURL=makeInfoButtonStyling.js.map

package/Experiments/GOLD-2170/Atoms/InfoButton/makeInfoButtonStyling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeInfoButtonStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-2170/Atoms/InfoButton/makeInfoButtonStyling.ts"],"names":[],"mappings":";;AAAA,wCAAqC;AAErC,IAAM,qBAAqB,GAAG,cAAM,OAAA,CAAC;IACnC,MAAM,EAAE,IAAA,WAAG,EAAC;QACV,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,kBAAkB;QAC9B,SAAS,EAAE;YACT,KAAK,EAAE,SAAS;SACjB;KACF,CAAC;IACF,IAAI,EAAE,IAAA,WAAG,EAAC;QACR,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX,CAAC;CACH,CAAC,EArBkC,CAqBlC,CAAC;AAEH,kBAAe,qBAAqB,CAAC"}

package/Experiments/GOLD-2170/Atoms/MeterBadge/IMeterBadgeProps.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+interface IMeterBadgeProps {
+    label: string;
+    value: string;
+    bg: string;
+    borderColor: string;
+    textColor: string;
+    dotColor?: string;
+    width?: string;
+    children?: ReactNode;
+}
+export default IMeterBadgeProps;

package/Experiments/GOLD-2170/Atoms/MeterBadge/IMeterBadgeProps.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IMeterBadgeProps.js.map

package/Experiments/GOLD-2170/Atoms/MeterBadge/IMeterBadgeProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IMeterBadgeProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-2170/Atoms/MeterBadge/IMeterBadgeProps.ts"],"names":[],"mappings":""}

package/Experiments/GOLD-2170/Atoms/MeterBadge/MeterBadge.d.ts

@@ -0,0 +1,8 @@
+/** @jsxImportSource @emotion/react */
+import { FunctionComponentWithDefaultProps } from '../../../../Helpers/React/FunctionComponentWithDefaultProps';
+import WithExperimentName from '../../../../@types/WithExperimentName';
+import IMeterBadgeProps from './IMeterBadgeProps';
+import defaultProps from './defaultProps';
+export type MeterBadgeType = FunctionComponentWithDefaultProps<WithExperimentName<IMeterBadgeProps>, typeof defaultProps>;
+declare const MeterBadge: MeterBadgeType;
+export default MeterBadge;

package/Experiments/GOLD-2170/Atoms/MeterBadge/MeterBadge.js

@@ -0,0 +1,27 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var defaultProps_1 = __importDefault(require("./defaultProps"));
+var makeMeterBadgeStyling_1 = __importDefault(require("./makeMeterBadgeStyling"));
+var MeterBadge = function (_a) {
+    var label = _a.label, value = _a.value, bg = _a.bg, borderColor = _a.borderColor, textColor = _a.textColor, dotColor = _a.dotColor, width = _a.width, children = _a.children;
+    var styles = (0, makeMeterBadgeStyling_1.default)(bg, borderColor, textColor, width);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: styles.container }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ css: styles.label }, { children: label })), (0, jsx_runtime_1.jsxs)("div", __assign({ css: styles.badgeWrapper }, { children: [children, (0, jsx_runtime_1.jsxs)("div", __assign({ css: styles.badge }, { children: [dotColor && ((0, jsx_runtime_1.jsx)("div", { css: styles.dot, style: { backgroundColor: dotColor } })), (0, jsx_runtime_1.jsx)("span", __assign({ css: styles.value }, { children: value }))] }))] }))] })));
+};
+MeterBadge.defaultProps = defaultProps_1.default;
+exports.default = MeterBadge;
+//# sourceMappingURL=MeterBadge.js.map

package/Experiments/GOLD-2170/Atoms/MeterBadge/MeterBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeterBadge.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-2170/Atoms/MeterBadge/MeterBadge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAIA,gEAA0C;AAC1C,kFAA4D;AAO5D,IAAM,UAAU,GAAmB,UAAC,EASnC;QARC,KAAK,WAAA,EACL,KAAK,WAAA,EACL,EAAE,QAAA,EACF,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA;IAER,IAAM,MAAM,GAAG,IAAA,+BAAqB,EAAC,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;IAExE,OAAO,CACL,0CAAK,GAAG,EAAE,MAAM,CAAC,SAAS,iBACxB,0CAAM,GAAG,EAAE,MAAM,CAAC,KAAK,gBAAG,KAAK,IAAQ,EACvC,0CAAK,GAAG,EAAE,MAAM,CAAC,YAAY,iBAC1B,QAAQ,EACT,0CAAK,GAAG,EAAE,MAAM,CAAC,KAAK,iBACnB,QAAQ,IAAI,CACX,gCAAK,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAI,CAC/D,EACD,0CAAM,GAAG,EAAE,MAAM,CAAC,KAAK,gBAAG,KAAK,IAAQ,KACnC,KACF,KACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}

package/Experiments/GOLD-2170/Atoms/MeterBadge/MeterBadge.test.d.ts

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

package/Experiments/GOLD-2170/Atoms/MeterBadge/MeterBadge.test.js

@@ -0,0 +1,46 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
+var MeterBadge_1 = __importDefault(require("./MeterBadge"));
+describe('<MeterBadge />', function () {
+    it('should display label and value', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(MeterBadge_1.default, { label: "Matches", value: "3", experimentName: "GOLD-2170" })).getByText;
+        expect(getByText('Matches')).toBeTruthy();
+        expect(getByText('3')).toBeTruthy();
+    });
+    it('should render with custom colors', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(MeterBadge_1.default, { label: "Confidence", value: "High", bg: "#673AB7", borderColor: "#673AB7", textColor: "#ffffff", experimentName: "GOLD-2170" })).getByText;
+        expect(getByText('High')).toBeTruthy();
+    });
+    it('should render dot when dotColor is provided', function () {
+        var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(MeterBadge_1.default, { label: "Confidence", value: "Fair", dotColor: "#f59e0b", experimentName: "GOLD-2170" })).container;
+        var dot = container.querySelector('div[style*="background-color"]');
+        expect(dot).toBeInTheDocument();
+    });
+    it('should not render dot when dotColor is omitted', function () {
+        var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(MeterBadge_1.default, { label: "Matches", value: "3", experimentName: "GOLD-2170" })).container;
+        var dot = container.querySelector('div[style*="background-color"]');
+        expect(dot).not.toBeInTheDocument();
+    });
+    it('should render children', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(MeterBadge_1.default, __assign({ label: "Confidence", value: "Medium", experimentName: "GOLD-2170" }, { children: (0, jsx_runtime_1.jsx)("div", { "data-testid": "child-element" }) }))).getByTestId;
+        expect(getByTestId('child-element')).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=MeterBadge.test.js.map

package/Experiments/GOLD-2170/Atoms/MeterBadge/MeterBadge.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeterBadge.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-2170/Atoms/MeterBadge/MeterBadge.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,sGAAgF;AAChF,4DAAsC;AAEtC,QAAQ,CAAC,gBAAgB,EAAE;IACzB,EAAE,CAAC,gCAAgC,EAAE;QAC3B,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,oBAAU,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,GAAG,EAAC,cAAc,EAAC,WAAW,GAAG,CACpE,UAFgB,CAEf;QACF,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QAC1C,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE;QAC7B,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,oBAAU,IACT,KAAK,EAAC,YAAY,EAClB,KAAK,EAAC,MAAM,EACZ,EAAE,EAAC,SAAS,EACZ,WAAW,EAAC,SAAS,EACrB,SAAS,EAAC,SAAS,EACnB,cAAc,EAAC,WAAW,GAC1B,CACH,UATgB,CASf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE;QACxC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,oBAAU,IACT,KAAK,EAAC,YAAY,EAClB,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAC,SAAS,EAClB,cAAc,EAAC,WAAW,GAC1B,CACH,UAPgB,CAOf;QACF,IAAM,GAAG,GAAG,SAAS,CAAC,aAAa,CAAC,gCAAgC,CAAC,CAAC;QACtE,MAAM,CAAC,GAAG,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE;QAC3C,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,oBAAU,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,GAAG,EAAC,cAAc,EAAC,WAAW,GAAG,CACpE,UAFgB,CAEf;QACF,IAAM,GAAG,GAAG,SAAS,CAAC,aAAa,CAAC,gCAAgC,CAAC,CAAC;QACtE,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE;QACnB,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,oBAAU,aAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,QAAQ,EAAC,cAAc,EAAC,WAAW,gBACtE,+CAAiB,eAAe,GAAG,IACxB,CACd,YAJkB,CAIjB;QACF,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Experiments/GOLD-2170/Atoms/MeterBadge/MeterBadgeStory.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+type MeterBadgeStoryType = React.FunctionComponent<{
+    label: string;
+    value: string;
+    bg: string;
+    borderColor: string;
+    textColor: string;
+    dotColor?: string;
+    width?: string;
+}>;
+declare const MeterBadgeStory: MeterBadgeStoryType;
+export default MeterBadgeStory;

package/Experiments/GOLD-2170/Atoms/MeterBadge/MeterBadgeStory.js

@@ -0,0 +1,23 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var MeterBadge_1 = __importDefault(require("./MeterBadge"));
+var MeterBadgeStory = function (args) {
+    return (0, jsx_runtime_1.jsx)(MeterBadge_1.default, __assign({}, args, { experimentName: "GOLD-2170" }));
+};
+exports.default = MeterBadgeStory;
+//# sourceMappingURL=MeterBadgeStory.js.map

package/Experiments/GOLD-2170/Atoms/MeterBadge/MeterBadgeStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeterBadgeStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-2170/Atoms/MeterBadge/MeterBadgeStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,4DAAsC;AAYtC,IAAM,eAAe,GAAwB,UAAC,IAAI;IAChD,OAAO,uBAAC,oBAAU,eAAK,IAAI,IAAE,cAAc,EAAC,WAAW,IAAG,CAAC;AAC7D,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/Experiments/GOLD-2170/Atoms/MeterBadge/defaultProps.d.ts

@@ -0,0 +1,8 @@
+declare const defaultProps: {
+    label: string;
+    value: string;
+    bg: string;
+    borderColor: string;
+    textColor: string;
+};
+export default defaultProps;

package/Experiments/GOLD-2170/Atoms/MeterBadge/defaultProps.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var defaultProps = {
+    label: '',
+    value: '-',
+    bg: '#fefefe',
+    borderColor: '#eeeeee',
+    textColor: '#525252',
+};
+exports.default = defaultProps;
+//# sourceMappingURL=defaultProps.js.map

package/Experiments/GOLD-2170/Atoms/MeterBadge/defaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-2170/Atoms/MeterBadge/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,GAAG;IACV,EAAE,EAAE,SAAS;IACb,WAAW,EAAE,SAAS;IACtB,SAAS,EAAE,SAAS;CACrB,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/Experiments/GOLD-2170/Atoms/MeterBadge/index.d.ts

@@ -0,0 +1 @@
+export { default } from './MeterBadge';

package/Experiments/GOLD-2170/Atoms/MeterBadge/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var MeterBadge_1 = require("./MeterBadge");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(MeterBadge_1).default; } });
+//# sourceMappingURL=index.js.map

package/Experiments/GOLD-2170/Atoms/MeterBadge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-2170/Atoms/MeterBadge/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA"}

package/Experiments/GOLD-2170/Atoms/MeterBadge/makeMeterBadgeStyling.d.ts

@@ -0,0 +1,9 @@
+declare const makeMeterBadgeStyling: (bg: string, borderColor: string, textColor: string, width?: string) => {
+    container: import("@emotion/react").SerializedStyles;
+    label: import("@emotion/react").SerializedStyles;
+    badgeWrapper: import("@emotion/react").SerializedStyles;
+    badge: import("@emotion/react").SerializedStyles;
+    value: import("@emotion/react").SerializedStyles;
+    dot: import("@emotion/react").SerializedStyles;
+};
+export default makeMeterBadgeStyling;

package/Experiments/GOLD-2170/Atoms/MeterBadge/makeMeterBadgeStyling.js

@@ -0,0 +1,59 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("@emotion/react");
+var makeMeterBadgeStyling = function (bg, borderColor, textColor, width) { return ({
+    container: (0, react_1.css)(__assign({ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 2, fontFamily: "'Arial', sans-serif" }, (width && { width: width, flexShrink: 0 }))),
+    label: (0, react_1.css)({
+        fontSize: 12,
+        fontWeight: 400,
+        lineHeight: '16px',
+        color: '#525252',
+    }),
+    badgeWrapper: (0, react_1.css)({
+        position: 'relative',
+    }),
+    badge: (0, react_1.css)({
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'center',
+        padding: '2px 8px',
+        gap: 4,
+        width: width || 'fit-content',
+        maxWidth: width || 'none',
+        height: 20,
+        boxSizing: 'border-box',
+        border: "1px solid ".concat(borderColor),
+        borderRadius: 8,
+        backgroundColor: bg,
+        transition: 'all 500ms ease',
+        overflow: 'hidden',
+    }),
+    value: (0, react_1.css)({
+        fontSize: 12,
+        fontWeight: 600,
+        lineHeight: '24px',
+        whiteSpace: 'nowrap',
+        color: textColor,
+        transition: 'all 500ms ease',
+    }),
+    dot: (0, react_1.css)({
+        width: 8,
+        height: 8,
+        borderRadius: '50%',
+        transition: 'all 500ms ease',
+    }),
+}); };
+exports.default = makeMeterBadgeStyling;
+//# sourceMappingURL=makeMeterBadgeStyling.js.map

package/Experiments/GOLD-2170/Atoms/MeterBadge/makeMeterBadgeStyling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeMeterBadgeStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-2170/Atoms/MeterBadge/makeMeterBadgeStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAAqC;AAErC,IAAM,qBAAqB,GAAG,UAC5B,EAAU,EACV,WAAmB,EACnB,SAAiB,EACjB,KAAc,IACX,OAAA,CAAC;IACJ,SAAS,EAAE,IAAA,WAAG,aACZ,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,QAAiB,EAChC,UAAU,EAAE,QAAQ,EACpB,GAAG,EAAE,CAAC,EACN,UAAU,EAAE,qBAAqB,IAC9B,CAAC,KAAK,IAAI,EAAE,KAAK,OAAA,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,EACtC;IACF,KAAK,EAAE,IAAA,WAAG,EAAC;QACT,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,SAAS;KACjB,CAAC;IACF,YAAY,EAAE,IAAA,WAAG,EAAC;QAChB,QAAQ,EAAE,UAAmB;KAC9B,CAAC;IACF,KAAK,EAAE,IAAA,WAAG,EAAC;QACT,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAc;QAC7B,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,SAAS;QAClB,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,KAAK,IAAI,aAAa;QAC7B,QAAQ,EAAE,KAAK,IAAI,MAAM;QACzB,MAAM,EAAE,EAAE;QACV,SAAS,EAAE,YAAqB;QAChC,MAAM,EAAE,oBAAa,WAAW,CAAE;QAClC,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,EAAE;QACnB,UAAU,EAAE,gBAAgB;QAC5B,QAAQ,EAAE,QAAQ;KACnB,CAAC;IACF,KAAK,EAAE,IAAA,WAAG,EAAC;QACT,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,QAAiB;QAC7B,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,gBAAgB;KAC7B,CAAC;IACF,GAAG,EAAE,IAAA,WAAG,EAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,YAAY,EAAE,KAAK;QACnB,UAAU,EAAE,gBAAgB;KAC7B,CAAC;CACH,CAAC,EAjDG,CAiDH,CAAC;AAEH,kBAAe,qBAAqB,CAAC"}

package/Experiments/GOLD-2170/Atoms/MeterProgressBar/IMeterProgressBarProps.d.ts

@@ -0,0 +1,6 @@
+interface IMeterProgressBarProps {
+    progress: number;
+    barColor: string;
+    trackColor?: string;
+}
+export default IMeterProgressBarProps;

package/Experiments/GOLD-2170/Atoms/MeterProgressBar/IMeterProgressBarProps.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IMeterProgressBarProps.js.map

package/Experiments/GOLD-2170/Atoms/MeterProgressBar/IMeterProgressBarProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IMeterProgressBarProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-2170/Atoms/MeterProgressBar/IMeterProgressBarProps.ts"],"names":[],"mappings":""}

package/Experiments/GOLD-2170/Atoms/MeterProgressBar/MeterProgressBar.d.ts

@@ -0,0 +1,8 @@
+/** @jsxImportSource @emotion/react */
+import { FunctionComponentWithDefaultProps } from '../../../../Helpers/React/FunctionComponentWithDefaultProps';
+import WithExperimentName from '../../../../@types/WithExperimentName';
+import IMeterProgressBarProps from './IMeterProgressBarProps';
+import defaultProps from './defaultProps';
+export type MeterProgressBarType = FunctionComponentWithDefaultProps<WithExperimentName<IMeterProgressBarProps>, typeof defaultProps>;
+declare const MeterProgressBar: MeterProgressBarType;
+export default MeterProgressBar;

package/Experiments/GOLD-2170/Atoms/MeterProgressBar/MeterProgressBar.js

@@ -0,0 +1,27 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var defaultProps_1 = __importDefault(require("./defaultProps"));
+var makeMeterProgressBarStyling_1 = __importDefault(require("./makeMeterProgressBarStyling"));
+var MeterProgressBar = function (_a) {
+    var progress = _a.progress, barColor = _a.barColor, trackColor = _a.trackColor;
+    var styles = (0, makeMeterProgressBarStyling_1.default)(progress, barColor, trackColor);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ css: styles.track }, { children: (0, jsx_runtime_1.jsx)("div", { css: styles.bar }) })));
+};
+MeterProgressBar.defaultProps = defaultProps_1.default;
+exports.default = MeterProgressBar;
+//# sourceMappingURL=MeterProgressBar.js.map

package/Experiments/GOLD-2170/Atoms/MeterProgressBar/MeterProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeterProgressBar.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-2170/Atoms/MeterProgressBar/MeterProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAIA,gEAA0C;AAC1C,8FAAwE;AAOxE,IAAM,gBAAgB,GAAyB,UAAC,EAI/C;QAHC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA;IAEV,IAAM,MAAM,GAAG,IAAA,qCAA2B,EAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;IAE3E,OAAO,CACL,yCAAK,GAAG,EAAE,MAAM,CAAC,KAAK,gBACpB,gCAAK,GAAG,EAAE,MAAM,CAAC,GAAG,GAAI,IACpB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,YAAY,GAAG,sBAAY,CAAC;AAE7C,kBAAe,gBAAgB,CAAC"}

package/Experiments/GOLD-2170/Atoms/MeterProgressBar/MeterProgressBar.test.d.ts

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

package/Experiments/GOLD-2170/Atoms/MeterProgressBar/MeterProgressBar.test.js

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
+var MeterProgressBar_1 = __importDefault(require("./MeterProgressBar"));
+var makeMeterProgressBarStyling_1 = __importDefault(require("./makeMeterProgressBarStyling"));
+describe('<MeterProgressBar />', function () {
+    it('should render the progress bar', function () {
+        var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(MeterProgressBar_1.default, { progress: 60, barColor: "#ff9900", experimentName: "GOLD-2170" })).container;
+        expect(container.firstChild).toBeTruthy();
+    });
+    it('should render with zero progress', function () {
+        var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(MeterProgressBar_1.default, { progress: 0, barColor: "#ff9900", experimentName: "GOLD-2170" })).container;
+        expect(container.firstChild).toBeTruthy();
+    });
+    it('should render with full progress', function () {
+        var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(MeterProgressBar_1.default, { progress: 100, barColor: "#673AB7", experimentName: "GOLD-2170" })).container;
+        expect(container.firstChild).toBeTruthy();
+    });
+    it('should render with custom track color', function () {
+        var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(MeterProgressBar_1.default, { progress: 50, barColor: "#73b44b", trackColor: "#f0f0f0", experimentName: "GOLD-2170" })).container;
+        expect(container.firstChild).toBeTruthy();
+    });
+});
+describe('makeMeterProgressBarStyling', function () {
+    it('sets bar width to the progress value', function () {
+        var bar = (0, makeMeterProgressBarStyling_1.default)(60, '#ff9900').bar;
+        expect(bar.styles).toContain('width:60%');
+    });
+    it('caps bar width at 95% when progress is 100', function () {
+        var bar = (0, makeMeterProgressBarStyling_1.default)(100, '#ff9900').bar;
+        expect(bar.styles).toContain('width:95%');
+    });
+    it('clamps bar width to 0% for negative progress', function () {
+        var bar = (0, makeMeterProgressBarStyling_1.default)(-10, '#ff9900').bar;
+        expect(bar.styles).toContain('width:0%');
+    });
+});
+//# sourceMappingURL=MeterProgressBar.test.js.map

package/Experiments/GOLD-2170/Atoms/MeterProgressBar/MeterProgressBar.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeterProgressBar.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/GOLD-2170/Atoms/MeterProgressBar/MeterProgressBar.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,sGAAgF;AAChF,wEAAkD;AAClD,8FAAwE;AAExE,QAAQ,CAAC,sBAAsB,EAAE;IAC/B,EAAE,CAAC,gCAAgC,EAAE;QAC3B,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,0BAAgB,IACf,QAAQ,EAAE,EAAE,EACZ,QAAQ,EAAC,SAAS,EAClB,cAAc,EAAC,WAAW,GAC1B,CACH,UANgB,CAMf;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,UAAU,EAAE,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE;QAC7B,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,0BAAgB,IACf,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAC,SAAS,EAClB,cAAc,EAAC,WAAW,GAC1B,CACH,UANgB,CAMf;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,UAAU,EAAE,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE;QAC7B,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,0BAAgB,IACf,QAAQ,EAAE,GAAG,EACb,QAAQ,EAAC,SAAS,EAClB,cAAc,EAAC,WAAW,GAC1B,CACH,UANgB,CAMf;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,UAAU,EAAE,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE;QAClC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,0BAAgB,IACf,QAAQ,EAAE,EAAE,EACZ,QAAQ,EAAC,SAAS,EAClB,UAAU,EAAC,SAAS,EACpB,cAAc,EAAC,WAAW,GAC1B,CACH,UAPgB,CAOf;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,UAAU,EAAE,CAAC;IAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,6BAA6B,EAAE;IACtC,EAAE,CAAC,sCAAsC,EAAE;QACjC,IAAA,GAAG,GAAK,IAAA,qCAA2B,EAAC,EAAE,EAAE,SAAS,CAAC,IAA/C,CAAgD;QAC3D,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE;QACvC,IAAA,GAAG,GAAK,IAAA,qCAA2B,EAAC,GAAG,EAAE,SAAS,CAAC,IAAhD,CAAiD;QAC5D,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE;QACzC,IAAA,GAAG,GAAK,IAAA,qCAA2B,EAAC,CAAC,EAAE,EAAE,SAAS,CAAC,IAAhD,CAAiD;QAC5D,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Experiments/GOLD-2170/Atoms/MeterProgressBar/MeterProgressBarStory.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+type MeterProgressBarStoryType = React.FunctionComponent<{
+    progress: number;
+    barColor: string;
+    trackColor: string;
+}>;
+declare const MeterProgressBarStory: MeterProgressBarStoryType;
+export default MeterProgressBarStory;