@mvf/external-components 3.13.0 → 3.13.1-dev.0

package/Experiments/Example/Atoms/InputLabel/InputLabel.test.js

@@ -0,0 +1,29 @@
+"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 Input_1 = __importDefault(require("../Input/Input"));
+var FormControl_1 = __importDefault(require("../FormControl/FormControl"));
+var InputLabel_1 = __importDefault(require("./InputLabel"));
+describe('InputLabel', function () {
+    it('should display label', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsxs)(FormControl_1.default, __assign({ error: true }, { children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, { children: "Question" }), (0, jsx_runtime_1.jsx)(Input_1.default, { id: "2", error: true })] }))).getByText;
+        expect(getByText('Question')).toBeTruthy();
+    });
+});
+//# sourceMappingURL=InputLabel.test.js.map

package/Experiments/Example/Atoms/InputLabel/InputLabel.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputLabel.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/InputLabel/InputLabel.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,sGAAgF;AAChF,yDAAmC;AACnC,2EAAqD;AACrD,4DAAsC;AAEtC,QAAQ,CAAC,YAAY,EAAE;IACrB,EAAE,CAAC,sBAAsB,EAAE;QACjB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,wBAAC,qBAAW,aAAC,KAAK,EAAE,IAAI,iBACtB,uBAAC,oBAAU,2BAAsB,EACjC,uBAAC,eAAK,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,IAAI,GAAI,KACjB,CACf,UALgB,CAKf;QAEF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Experiments/Example/Atoms/InputLabel/InputLabelStory.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare type StoryType = React.FunctionComponent;
+declare const FormControlStory: StoryType;
+export default FormControlStory;

package/Experiments/Example/Atoms/InputLabel/InputLabelStory.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 Input_1 = __importDefault(require("../Input"));
+var FormControl_1 = __importDefault(require("../FormControl"));
+var InputLabel_1 = __importDefault(require("./InputLabel"));
+var FormControlStory = function () { return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '460px' } }, { children: (0, jsx_runtime_1.jsxs)(FormControl_1.default, { children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, __assign({ htmlFor: "my-input" }, { children: "Email address" })), (0, jsx_runtime_1.jsx)(Input_1.default, { id: "my-input" })] }) }))); };
+exports.default = FormControlStory;
+//# sourceMappingURL=InputLabelStory.js.map

package/Experiments/Example/Atoms/InputLabel/InputLabelStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputLabelStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/InputLabel/InputLabelStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,mDAA6B;AAC7B,+DAAyC;AACzC,4DAAsC;AAItC,IAAM,gBAAgB,GAAc,cAAM,OAAA,CACxC,yCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAC/B,wBAAC,qBAAW,eACV,uBAAC,oBAAU,aAAC,OAAO,EAAC,UAAU,mCAA2B,EACzD,uBAAC,eAAK,IAAC,EAAE,EAAC,UAAU,GAAG,IACX,IACV,CACP,EAPyC,CAOzC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/Experiments/Example/Atoms/InputLabel/defaultProps.d.ts

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

package/Experiments/Example/Atoms/InputLabel/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/Example/Atoms/InputLabel/defaultProps.js.map

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

package/Experiments/Example/Atoms/InputLabel/index.d.ts

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

package/Experiments/Example/Atoms/InputLabel/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 InputLabel_1 = require("./InputLabel");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(InputLabel_1).default; } });
+//# sourceMappingURL=index.js.map

package/Experiments/Example/Atoms/InputLabel/index.js.map

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

package/Experiments/Example/Atoms/InputLabel/makeInputLabelStyles.d.ts

@@ -0,0 +1,5 @@
+interface IInputStyleProps {
+    isAnswered?: boolean;
+}
+declare const makeInputLabelStyles: ({ isAnswered }: IInputStyleProps) => import("@emotion/utils").SerializedStyles;
+export default makeInputLabelStyles;

package/Experiments/Example/Atoms/InputLabel/makeInputLabelStyles.js

@@ -0,0 +1,33 @@
+"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 makeInputLabelStyles = function (_a) {
+    var _b;
+    var isAnswered = _a.isAnswered;
+    var theme = (0, react_1.useTheme)();
+    return (0, react_1.css)(__assign((_b = { zIndex: 1, pointerEvents: 'none', marginTop: '-2px', marginRight: theme.mvf.spacing.medium, fontSize: theme.mvf.fontSize.little }, _b[theme.breakpoints.up('mobileMedium')] = {
+        fontSize: theme.mvf.fontSize.small,
+    }, _b.marginLeft = theme.mvf.spacing.medium, _b.color = theme.mvf.palette.text.primaryTextColor, _b['&.Mui-error'] = {
+        color: theme.mvf.palette.status.error,
+    }, _b['&.Mui-focused:not(.Mui-error)'] = {
+        color: theme.mvf.palette.component.answerSelectedColor,
+    }, _b['&.MuiInputLabel-shrink'] = {
+        marginTop: '9px',
+        fontWeight: theme.mvf.typography.weight.thick,
+    }, _b), (isAnswered && {
+        color: theme.mvf.palette.component.answerSelectedColor,
+    })));
+};
+exports.default = makeInputLabelStyles;
+//# sourceMappingURL=makeInputLabelStyles.js.map

package/Experiments/Example/Atoms/InputLabel/makeInputLabelStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeInputLabelStyles.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/InputLabel/makeInputLabelStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAM/C,IAAM,oBAAoB,GAAG,UAAC,EAAgC;;QAA9B,UAAU,gBAAA;IACxC,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,OAAO,IAAA,WAAG,mBACR,MAAM,EAAE,CAAC,EACT,aAAa,EAAE,MAAM,EACrB,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EACrC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,OAClC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;QACtC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;KACnC,EACD,aAAU,GAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EACpC,QAAK,GAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAC9C,iBAAa,GAAE;QACb,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;KACtC,EACD,mCAA+B,GAAE;QAC/B,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;KACvD,EACD,4BAAwB,GAAE;QACxB,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK;KAC9C,OACE,CAAC,UAAU,IAAI;QAChB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;KACvD,CAAC,EACF,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}

package/Experiments/Example/Atoms/Text/ITextProps.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+interface ITextProps {
+    children: ReactNode;
+    id?: string;
+    align: 'center' | 'inherit' | 'justify' | 'left' | 'right';
+    variant: 'header' | 'note' | 'summary' | 'question' | 'text' | 'footer' | 'listItem' | 'tileItem' | 'contentWithList' | 'tickedList';
+}
+export default ITextProps;

package/Experiments/Example/Atoms/Text/ITextProps.js

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

package/Experiments/Example/Atoms/Text/ITextProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITextProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/Text/ITextProps.ts"],"names":[],"mappings":""}

package/Experiments/Example/Atoms/Text/Text.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponentWithDefaultProps } from '../../../../Helpers/React/FunctionComponentWithDefaultProps';
+import ITextProps from './ITextProps';
+import defaultProps from './defaultProps';
+import WithExperimentName from '../../../../@types/WithExperimentName';
+export declare type TextType = FunctionComponentWithDefaultProps<WithExperimentName<ITextProps>, typeof defaultProps>;
+declare const Text: TextType;
+export default Text;

package/Experiments/Example/Atoms/Text/Text.js

@@ -0,0 +1,41 @@
+"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 Typography_1 = __importDefault(require("@mui/material/Typography"));
+var defaultProps_1 = __importDefault(require("./defaultProps"));
+var makeTextStyling_1 = __importDefault(require("./makeTextStyling"));
+var Text = function (_a) {
+    var children = _a.children, id = _a.id, variant = _a.variant, align = _a.align;
+    var textStyles = (0, makeTextStyling_1.default)({ variant: variant });
+    var muiComponents = {
+        footer: 'p',
+        header: 'h5',
+        summary: 'span',
+        note: 'p',
+        question: 'h6',
+        text: 'p',
+        listItem: 'p',
+        tileItem: 'p',
+        contentWithList: 'span',
+        tickedList: 'span',
+    };
+    return ((0, jsx_runtime_1.jsx)(Typography_1.default, __assign({ "data-testid": "text", id: id, align: align, component: muiComponents[variant], css: textStyles }, { children: children })));
+};
+Text.defaultProps = defaultProps_1.default;
+exports.default = Text;
+//# sourceMappingURL=Text.js.map

package/Experiments/Example/Atoms/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wEAAkD;AAGlD,gEAA0C;AAC1C,sEAAgD;AAQhD,IAAM,IAAI,GAAa,UAAC,EAAgC;QAA9B,QAAQ,cAAA,EAAE,EAAE,QAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA;IACpD,IAAM,UAAU,GAAG,IAAA,yBAAe,EAAC,EAAE,OAAO,SAAA,EAAE,CAAC,CAAC;IAEhD,IAAM,aAAa,GAAG;QACpB,MAAM,EAAE,GAAY;QACpB,MAAM,EAAE,IAAa;QACrB,OAAO,EAAE,MAAe;QACxB,IAAI,EAAE,GAAY;QAClB,QAAQ,EAAE,IAAa;QACvB,IAAI,EAAE,GAAY;QAClB,QAAQ,EAAE,GAAY;QACtB,QAAQ,EAAE,GAAY;QACtB,eAAe,EAAE,MAAe;QAChC,UAAU,EAAE,MAAe;KAC5B,CAAC;IAEF,OAAO,CACL,uBAAC,oBAAU,4BACG,MAAM,EAClB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC,EACjC,GAAG,EAAE,UAAU,gBAEd,QAAQ,IACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEjC,kBAAe,IAAI,CAAC"}

package/Experiments/Example/Atoms/Text/Text.test.d.ts

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

package/Experiments/Example/Atoms/Text/Text.test.js

@@ -0,0 +1,26 @@
+"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 renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
+var Text_1 = __importDefault(require("./Text"));
+describe('<Text />', function () {
+    it('should display children', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Text_1.default, __assign({ variant: "note", id: 'id' }, { children: "test" }))).getByText;
+        expect(getByText('test')).toBeTruthy();
+    });
+});
+//# sourceMappingURL=Text.test.js.map

package/Experiments/Example/Atoms/Text/Text.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/Text/Text.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sGAAgF;AAChF,gDAA0B;AAE1B,QAAQ,CAAC,UAAU,EAAE;IACnB,EAAE,CAAC,yBAAyB,EAAE;QACpB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,cAAI,aAAC,OAAO,EAAC,MAAM,EAAC,EAAE,EAAE,IAAI,0BAEtB,CACR,UAJgB,CAIf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Experiments/Example/Atoms/Text/TextStory.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+declare type TextStoryType = React.FunctionComponent<{
+    text: string;
+    variant: 'header' | 'note' | 'summary' | 'question' | 'text' | 'footer' | 'listItem' | 'tileItem' | 'contentWithList';
+    align: 'center' | 'inherit' | 'justify' | 'left' | 'right';
+}>;
+declare const TextStory: TextStoryType;
+export default TextStory;

package/Experiments/Example/Atoms/Text/TextStory.js

@@ -0,0 +1,26 @@
+"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 Text_1 = __importDefault(require("./Text"));
+var TextStory = function (_a) {
+    var text = _a.text, variant = _a.variant, align = _a.align;
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: {
+            maxWidth: '500px',
+        } }, { children: (0, jsx_runtime_1.jsx)(Text_1.default, __assign({ variant: variant, id: "id", align: align }, { children: text })) })));
+};
+exports.default = TextStory;
+//# sourceMappingURL=TextStory.js.map

package/Experiments/Example/Atoms/Text/TextStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/Text/TextStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,gDAA0B;AAiB1B,IAAM,SAAS,GAAkB,UAAC,EAAwB;QAAtB,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAC7D,yCACE,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;SAClB,gBAED,uBAAC,cAAI,aAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,gBACzC,IAAI,IACA,IACH,CACP;AAV8D,CAU9D,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/Experiments/Example/Atoms/Text/defaultProps.d.ts

@@ -0,0 +1,4 @@
+declare const defaultProps: {
+    align: "inherit" | "left" | "right" | "center" | "justify";
+};
+export default defaultProps;

package/Experiments/Example/Atoms/Text/defaultProps.js

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

package/Experiments/Example/Atoms/Text/defaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/Text/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,KAAK,EAAE,QAA+D;CACvE,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/Experiments/Example/Atoms/Text/index.d.ts

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

package/Experiments/Example/Atoms/Text/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 Text_1 = require("./Text");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Text_1).default; } });
+//# sourceMappingURL=index.js.map

package/Experiments/Example/Atoms/Text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/Text/index.ts"],"names":[],"mappings":";;;;;;AAAA,+BAAiC;AAAxB,gHAAA,OAAO,OAAA"}

package/Experiments/Example/Atoms/Text/makeTextStyling.d.ts

@@ -0,0 +1,5 @@
+interface IStyleProps {
+    variant: 'header' | 'summary' | 'note' | 'question' | 'text' | 'footer' | 'listItem' | 'tileItem' | 'contentWithList' | 'tickedList';
+}
+declare const makeTextStyling: ({ variant }: IStyleProps) => import("@emotion/utils").SerializedStyles;
+export default makeTextStyling;

package/Experiments/Example/Atoms/Text/makeTextStyling.js

@@ -0,0 +1,238 @@
+"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");
+/**
+ * getTickIconSvg:
+ * Generates a data URL for an SVG tick icon with a customizable fill color.
+ *
+ * @param {string} color - The color to be used for the fill of the SVG tick icon.
+ * @returns {string} A base64-encoded data URL representing the tick icon SVG, which can be used as a background image in CSS.
+ *
+ * The function creates an SVG string representing a tick (checkmark) icon, with the fill color dynamically set based on the input `color` parameter.
+ * The SVG is then converted to a base64-encoded data URL that can be used in CSS as a background image.
+ */
+var getTickIconSvg = function (color) {
+    var tickIconSvg = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"".concat(color, "\">\n      <path d=\"M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z\"/>\n    </svg>");
+    var tickIconSvgBase64 = Buffer.from(tickIconSvg).toString('base64');
+    return "url(data:image/svg+xml;base64,".concat(tickIconSvgBase64, ")");
+};
+var makeTextStyling = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var variant = _a.variant;
+    var _o = (0, react_1.useTheme)(), mvf = _o.mvf, breakpoints = _o.breakpoints;
+    var lineHeight = mvf.lineHeight, palette = mvf.palette, fontSize = mvf.fontSize, typography = mvf.typography, spacing = mvf.spacing;
+    var weight = typography.weight;
+    return (0, react_1.css)(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({ fontFamily: typography.fontFamily, letterSpacing: 'inherit' }, (variant === 'footer' && (_b = {
+            fontSize: fontSize.tiny
+        },
+        _b[breakpoints.up('tabletSmall')] = {
+            fontSize: fontSize.little,
+        },
+        _b.color = palette.text.secondaryTextColor,
+        _b.textAlign = 'left',
+        _b.lineHeight = lineHeight.small,
+        _b))), (variant === 'header' && (_c = {
+            fontSize: fontSize.small
+        },
+        _c[breakpoints.up('mobileMedium')] = {
+            fontSize: fontSize.compact,
+        },
+        _c[breakpoints.up('tabletSmall')] = {
+            fontSize: fontSize.medium,
+        },
+        _c[breakpoints.up('tabletMedium')] = {
+            fontSize: fontSize.swoll,
+        },
+        _c[breakpoints.up('desktopSmall')] = {
+            fontSize: fontSize.large,
+        },
+        _c[breakpoints.up('desktopMedium')] = {
+            fontSize: fontSize.big,
+        },
+        _c.fontWeight = typography.weight.thick,
+        _c))), (variant === 'summary' && (_d = {
+            fontSize: fontSize.mini
+        },
+        _d[breakpoints.up('mobileMedium')] = {
+            fontSize: fontSize.small,
+        },
+        _d[breakpoints.up('tabletSmall')] = {
+            fontSize: fontSize.compact,
+        },
+        _d.lineHeight = lineHeight.small,
+        _d.textAlign = 'left',
+        _d.whiteSpace = 'pre-line',
+        _d['& ol'] = {
+            counterReset: 'li',
+            listStyleType: 'none',
+            paddingLeft: '0px',
+            marginTop: '0px',
+            '& li': {
+                position: 'relative',
+                padding: '20px 0 0 35px',
+                '&::before': {
+                    counterIncrement: 'li',
+                    content: 'counter(li)',
+                    border: "2px solid ".concat(palette.component.answerSelectedColor),
+                    fontWeight: 'bold',
+                    borderRadius: '50%',
+                    position: 'absolute',
+                    height: '20px',
+                    width: '20px',
+                    left: '0',
+                    top: '18px',
+                    textAlign: 'center',
+                    color: palette.component.answerSelectedColor,
+                },
+            },
+        },
+        _d))), (variant === 'note' && (_e = {
+            fontSize: fontSize.little
+        },
+        _e[breakpoints.up('tabletSmall')] = {
+            fontSize: fontSize.mini,
+        },
+        _e[breakpoints.up('desktopSmall')] = {
+            fontSize: fontSize.small,
+        },
+        _e.backgroundColor = palette.background.secondaryBackgroundColor,
+        _e.color = palette.text.secondaryTextColor,
+        _e.paddingLeft = spacing.medium,
+        _e.paddingRight = spacing.medium,
+        _e.paddingTop = spacing.tiny,
+        _e.paddingBottom = spacing.tiny,
+        _e.borderRadius = 4,
+        _e))), (variant === 'question' && (_f = {
+            fontSize: fontSize.medium
+        },
+        _f[breakpoints.up('mobileMedium')] = {
+            fontSize: fontSize.hefty,
+        },
+        _f[breakpoints.up('tabletSmall')] = {
+            fontSize: fontSize.swoll,
+        },
+        _f[breakpoints.up('tabletMedium')] = {
+            fontSize: fontSize.large,
+        },
+        _f[breakpoints.up('desktopSmall')] = {
+            fontSize: fontSize.big,
+        },
+        _f[breakpoints.up('desktopMedium')] = {
+            fontSize: fontSize.huge,
+        },
+        _f.fontWeight = typography.weight.thick,
+        _f))), (variant === 'listItem' && (_g = {
+            wordBreak: 'break-word',
+            fontSize: fontSize.mini
+        },
+        _g[breakpoints.up('mobileMedium')] = {
+            fontSize: fontSize.small,
+        },
+        _g[breakpoints.up('tabletSmall')] = {
+            fontSize: fontSize.compact,
+        },
+        _g.lineHeight = lineHeight.small,
+        _g.padding = spacing.tiny,
+        _g.fontWeight = typography.weight.thick,
+        _g))), (variant === 'tileItem' && (_h = {
+            fontSize: fontSize.mini,
+            wordBreak: 'break-word'
+        },
+        _h[breakpoints.up('mobileMedium')] = {
+            fontSize: fontSize.small,
+        },
+        _h[breakpoints.up('tabletSmall')] = {
+            fontSize: fontSize.compact,
+        },
+        _h[breakpoints.up('desktopMedium')] = {
+            fontSize: fontSize.medium,
+        },
+        _h.textAlign = 'center',
+        _h.margin = spacing.tiny,
+        _h.lineHeight = lineHeight.small,
+        _h.wordWrap = 'break-word',
+        _h.fontWeight = typography.weight.thick,
+        _h))), (variant === 'text' && (_j = {
+            fontSize: fontSize.mini
+        },
+        _j[breakpoints.up('mobileMedium')] = {
+            fontSize: fontSize.small,
+        },
+        _j[breakpoints.up('tabletSmall')] = {
+            fontSize: fontSize.compact,
+        },
+        _j.color = palette.text.secondaryTextColor,
+        _j.lineHeight = lineHeight.small,
+        _j))), (variant === 'contentWithList' && (_k = {
+            fontSize: fontSize.little
+        },
+        _k[breakpoints.up('tabletSmall')] = {
+            fontSize: fontSize.mini,
+        },
+        _k[breakpoints.up('desktopSmall')] = {
+            fontSize: fontSize.small,
+        },
+        _k.backgroundColor = palette.background.secondaryBackgroundColor,
+        _k.color = palette.text.secondaryTextColor,
+        _k.paddingLeft = spacing.medium,
+        _k.paddingRight = spacing.medium,
+        _k.paddingTop = spacing.tiny,
+        _k.paddingBottom = spacing.tiny,
+        _k.borderRadius = 4,
+        _k.textAlign = 'center',
+        _k['& span, & ol, & ul'] = {
+            backgroundColor: 'inherit',
+            display: 'block',
+        },
+        _k['& ol, & ul'] = {
+            paddingLeft: '0px',
+            marginTop: '0px',
+            listStylePosition: 'inside',
+        },
+        _k['& li'] = {
+            margin: '0',
+        },
+        _k.margin = 0,
+        _k.padding = 0,
+        _k))), (variant === 'tickedList' && {
+        color: palette.text.primaryTextColor,
+        fontSize: fontSize.medium,
+        fontWeight: weight.thick,
+        '& li': (_l = {
+                listStyleType: 'none',
+                paddingLeft: 33,
+                lineHeight: lineHeight.medium,
+                fontWeight: weight.medium,
+                fontSize: fontSize.compact
+            },
+            _l[breakpoints.up('tabletSmall')] = {
+                fontSize: fontSize.medium,
+                fontWeight: weight.thick,
+            },
+            _l.background = "".concat(getTickIconSvg(palette.component.answerSelectedColor), " no-repeat left 3px"),
+            _l.backgroundSize = '20px 20px',
+            _l),
+        '& ul': (_m = {
+                margin: '0 auto',
+                width: 'fit-content'
+            },
+            _m[breakpoints.up('tabletSmall')] = {
+                width: '100%',
+            },
+            _m.padding = 0,
+            _m),
+    })));
+};
+exports.default = makeTextStyling;
+//# sourceMappingURL=makeTextStyling.js.map

package/Experiments/Example/Atoms/Text/makeTextStyling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeTextStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/Text/makeTextStyling.ts"],"names":[],"mappings":"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"}

package/Experiments/Example/Molecules/CheckBox/CheckBox.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponentWithDefaultProps } from '../../../../Helpers/React/FunctionComponentWithDefaultProps';
+import ICheckboxProps from './ICheckboxProps';
+import defaultProps from './defaultProps';
+import WithExperimentName from '../../../../@types/WithExperimentName';
+export declare type CheckBoxType = FunctionComponentWithDefaultProps<WithExperimentName<ICheckboxProps>, typeof defaultProps>;
+declare const CheckBox: CheckBoxType;
+export default CheckBox;