@onepercentio/one-ui 0.1.2

package/dist/components/Avatar/Avatar.stories.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InitialImplementation = void 0;
+const react_1 = __importDefault(require("react"));
+const Avatar_1 = __importDefault(require("./Avatar"));
+exports.default = {
+    component: Avatar_1.default,
+    title: "Avatar"
+};
+const InitialImplementation = (args) => react_1.default.createElement(Avatar_1.default, Object.assign({}, args));
+exports.InitialImplementation = InitialImplementation;
+exports.InitialImplementation.args = {
+    name: "Put your name here",
+    size: 48
+};
+//# sourceMappingURL=Avatar.stories.js.map

package/dist/components/Avatar/Avatar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.stories.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,sDAA8B;AAE9B,kBAAe;IACX,SAAS,EAAE,gBAAM;IACjB,KAAK,EAAE,QAAQ;CAClB,CAAA;AAEM,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,8BAAC,gBAAM,oBAAK,IAAI,EAAG,CAAC;AAA3D,QAAA,qBAAqB,yBAAsC;AACxE,6BAAqB,CAAC,IAAI,GAAG;IACzB,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,EAAE;CACqC,CAAA"}

package/dist/components/Avatar/Avatar.test.d.ts

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

package/dist/components/Avatar/Avatar.test.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const Avatar_stories_1 = require("./Avatar.stories");
+function renderScreen(props) {
+    return (0, react_2.render)(react_1.default.createElement(Avatar_stories_1.InitialImplementation, Object.assign({}, props)));
+}
+it("Should show the image if provided", () => {
+    const MOCK_IMG = `data:base64//somebase64`;
+    const MOCK_NAME = "Francesco Silva";
+    const { container } = renderScreen({
+        name: MOCK_NAME,
+        imgSrc: MOCK_IMG,
+    });
+    expect(container.textContent).toBe("");
+    expect(container.querySelector("img").getAttribute("alt")).toEqual(MOCK_NAME);
+});
+it.each([
+    ["Murilo", "M"],
+    ["Murilo Oliveira de Araujo", "MA"],
+    ["Murilo Araujo", "MA"],
+    ["Francesco Espacio ", "FE"],
+    ["   This Is the Way  ", "TW"],
+    ["Mano Mano", "MM"],
+    ["Single", "S"],
+])("Should show the initials for the name %s as %s", (name, expectation) => {
+    const { container } = renderScreen({
+        name: name,
+    });
+    expect(container.textContent).toEqual(expectation);
+});
+//# sourceMappingURL=Avatar.test.js.map

package/dist/components/Avatar/Avatar.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.test.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAEhD,qDAAsE;AAEtE,SAAS,YAAY,CAAC,KAA6C;IACjE,OAAO,IAAA,cAAM,EAAC,8BAAC,sCAAS,oBAAK,KAAK,EAAI,CAAC,CAAC;AAC1C,CAAC;AAED,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;IAC3C,MAAM,QAAQ,GAAG,yBAAyB,CAAC;IAC3C,MAAM,SAAS,GAAG,iBAAiB,CAAC;IAEpC,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,CAAC;QACjC,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,QAAQ;KACjB,CAAC,CAAC;IAEH,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CACjE,SAAS,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,EAAE,CAAC,IAAI,CAAC;IACN,CAAC,QAAQ,EAAE,GAAG,CAAC;IACf,CAAC,2BAA2B,EAAE,IAAI,CAAC;IACnC,CAAC,eAAe,EAAE,IAAI,CAAC;IACvB,CAAC,oBAAoB,EAAE,IAAI,CAAC;IAC5B,CAAC,sBAAsB,EAAE,IAAI,CAAC;IAC9B,CAAC,WAAW,EAAE,IAAI,CAAC;IACnB,CAAC,QAAQ,EAAE,GAAG,CAAC;CAChB,CAAC,CAAC,gDAAgD,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE;IACzE,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,CAAC;QACjC,IAAI,EAAE,IAAI;KACX,CAAC,CAAC;IACH,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;AACrD,CAAC,CAAC,CAAC"}

package/dist/components/Avatar/index.d.ts

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

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

package/dist/components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":";;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA"}

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+/**
+ * A simple button with the new design
+ **/
+export default function Button({ children, variant, className, ...otherProps }: React.PropsWithChildren<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: "transparent" | "filled" | "outline";
+}>): JSX.Element;

package/dist/components/Button/Button.js

@@ -0,0 +1,27 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Button_module_scss_1 = __importDefault(require("./Button.module.scss"));
+/**
+ * A simple button with the new design
+ **/
+function Button(_a) {
+    var { children, variant = "transparent", className = "" } = _a, otherProps = __rest(_a, ["children", "variant", "className"]);
+    return (react_1.default.createElement("button", Object.assign({ className: `${Button_module_scss_1.default.button} ${Button_module_scss_1.default[variant]} ${className}` }, otherProps), children));
+}
+exports.default = Button;
+//# sourceMappingURL=Button.js.map

package/dist/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8EAA0C;AAE1C;;IAEI;AACJ,SAAwB,MAAM,CAAC,EAS9B;QAT8B,EAC7B,QAAQ,EACR,OAAO,GAAG,aAAa,EACvB,SAAS,GAAG,EAAE,OAMf,EALI,UAAU,cAJgB,oCAK9B,CADc;IAMb,OAAO,CACL,wDACE,SAAS,EAAE,GAAG,4BAAM,CAAC,MAAM,IAAI,4BAAM,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,IACzD,UAAU,GAEb,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AAlBD,yBAkBC"}

package/dist/components/Button/Button.module.scss

@@ -0,0 +1,42 @@
+@import "../../assets/styles/variables.scss";
+
+.button {
+  cursor: pointer;
+  display: block;
+  min-width: $buttonMinWidth;
+  min-height: $buttonMinHeight;
+  padding: 16px;
+  border: none;
+  transition: color $fast;
+  color: $digitalBlue;
+  border-radius: 8px;
+  &:disabled {
+    cursor: initial;
+  }
+}
+
+///"transparent" | "filled" | "outline";
+
+.transparent {
+  background-color: transparent;
+  &:disabled {
+    color: $mediumGray;
+  }
+}
+
+.filled {
+  background-color: $buttonPrimaryBackgroundColor;
+  color: white;
+  border-width: 0px;
+  &:disabled {
+    color: $mediumGray;
+  }
+}
+
+.outline {
+  border: 1px solid $digitalBlue;
+  background-color: transparent;
+  &:disabled {
+    color: $mediumGray;
+  }
+}

package/dist/components/Button/Button.stories.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import Comp from ".";
+declare const _default: {
+    component: typeof Comp;
+    title: string;
+};
+export default _default;
+export declare const TodasVariacoes: () => JSX.Element[];
+export declare const Primary: (args: React.ComponentProps<typeof Comp>) => JSX.Element;

package/dist/components/Button/Button.stories.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = exports.TodasVariacoes = void 0;
+const react_1 = __importDefault(require("react"));
+const _1 = __importDefault(require("."));
+const Spacing_1 = __importDefault(require("../Spacing"));
+exports.default = {
+    component: _1.default,
+    title: "Botão",
+};
+const TodasVariacoes = () => {
+    const variantes = _1.default.__docgenInfo.props
+        .variant.type.value;
+    return variantes
+        .map((a) => JSON.parse(a.value))
+        .map((a) => (react_1.default.createElement("div", { style: {
+            width: "25%",
+            marginRight: 24,
+            display: "inline-flex",
+            flexDirection: "column",
+        } },
+        react_1.default.createElement("span", { style: { borderBottom: "2px solid black", marginBottom: 14 } },
+            "Tipo: ",
+            react_1.default.createElement("b", null, a)),
+        react_1.default.createElement(_1.default, { variant: a }, "Texto do exemplo"),
+        react_1.default.createElement(Spacing_1.default, { size: "large" }))));
+};
+exports.TodasVariacoes = TodasVariacoes;
+const Primary = (args) => (react_1.default.createElement(_1.default, Object.assign({}, args), "Um simples bot\u00E3o"));
+exports.Primary = Primary;
+//# sourceMappingURL=Button.stories.js.map

package/dist/components/Button/Button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,yCAAqB;AACrB,yDAAiC;AAEjC,kBAAe;IACb,SAAS,EAAE,UAAI;IACf,KAAK,EAAE,OAAO;CACf,CAAC;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,SAAS,GAAyB,UAAY,CAAC,YAAY,CAAC,KAAK;SACpE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;IAEtB,OAAO,SAAS;SACb,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;SAC/B,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACV,uCACE,KAAK,EAAE;YACL,KAAK,EAAE,KAAK;YACZ,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,aAAa;YACtB,aAAa,EAAE,QAAQ;SACxB;QAED,wCAAM,KAAK,EAAE,EAAE,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,EAAE,EAAE;;YAC1D,yCAAI,CAAC,CAAK,CACX;QACP,8BAAC,UAAI,IAAC,OAAO,EAAE,CAAQ,uBAAyB;QAChD,8BAAC,iBAAO,IAAC,IAAI,EAAC,OAAO,GAAG,CACpB,CACP,CAAC,CAAC;AACP,CAAC,CAAC;AAtBW,QAAA,cAAc,kBAsBzB;AAEK,MAAM,OAAO,GAAG,CAAC,IAAuC,EAAE,EAAE,CAAC,CAClE,8BAAC,UAAI,oBAAK,IAAI,2BAAyB,CACxC,CAAC;AAFW,QAAA,OAAO,WAElB"}

package/dist/components/Button/Button.test.d.ts

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

package/dist/components/Button/Button.test.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const Button_1 = __importDefault(require("./Button"));
+function renderScreen(props) {
+    return (0, react_2.render)(react_1.default.createElement(Button_1.default, null));
+}
+it('Should at least render :)', () => {
+    renderScreen({});
+});
+//# sourceMappingURL=Button.test.js.map

package/dist/components/Button/Button.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../src/components/Button/Button.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAEhD,sDAAiC;AAEjC,SAAS,YAAY,CAAC,KAA6C;IACjE,OAAO,IAAA,cAAM,EAAC,8BAAC,gBAAS,OAAE,CAAC,CAAC;AAC9B,CAAC;AAED,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACjC,YAAY,CAAC,EAAE,CAAC,CAAC;AACrB,CAAC,CAAC,CAAA"}

package/dist/components/Button/index.d.ts

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

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

package/dist/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":";;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA"}

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from "react";
+/**
+ * A card layout that holds content
+ **/
+export default function Card({ children, className }: PropsWithChildren<{
+    className?: string;
+}>): JSX.Element;

package/dist/components/Card/Card.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Card_module_scss_1 = __importDefault(require("./Card.module.scss"));
+/**
+ * A card layout that holds content
+ **/
+function Card({ children, className = "" }) {
+    return react_1.default.createElement("div", { className: `${Card_module_scss_1.default.container} ${className}` }, children);
+}
+exports.default = Card;
+//# sourceMappingURL=Card.js.map

package/dist/components/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAiD;AACjD,0EAAwC;AAExC;;IAEI;AACJ,SAAwB,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAA2C;IAChG,OAAO,uCAAK,SAAS,EAAE,GAAG,0BAAM,CAAC,SAAS,IAAI,SAAS,EAAE,IAAG,QAAQ,CAAO,CAAC;AAC9E,CAAC;AAFD,uBAEC"}

package/dist/components/Card/Card.module.scss

@@ -0,0 +1,12 @@
+@import "../../assets/styles/index.scss";
+
+.container {
+  background: $mainBackgroundColor;
+  padding: 32px;
+  max-width: 640px;
+  width: 100%;
+  display: flex;
+  align-items: stretch;
+  flex-direction: column;
+  height: auto;
+}

package/dist/components/Card/Card.stories.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import Card from "./Card";
+declare const _default: {
+    component: typeof Card;
+    title: string;
+};
+export default _default;
+export declare const InitialImplementation: {
+    (...args: any): JSX.Element;
+    args: Partial<{
+        className?: string | undefined;
+    } & {
+        children?: React.ReactNode;
+    }>;
+};

package/dist/components/Card/Card.stories.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InitialImplementation = void 0;
+const react_1 = __importDefault(require("react"));
+const Card_1 = __importDefault(require("./Card"));
+exports.default = {
+    component: Card_1.default,
+    title: "Card"
+};
+const InitialImplementation = (...args) => react_1.default.createElement(Card_1.default, Object.assign({}, args));
+exports.InitialImplementation = InitialImplementation;
+exports.InitialImplementation.args = {};
+//# sourceMappingURL=Card.stories.js.map

package/dist/components/Card/Card.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../src/components/Card/Card.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,kDAA0B;AAE1B,kBAAe;IACX,SAAS,EAAE,cAAI;IACf,KAAK,EAAE,MAAM;CAChB,CAAA;AAEM,MAAM,qBAAqB,GAAG,CAAC,GAAG,IAAS,EAAE,EAAE,CAAC,8BAAC,cAAI,oBAAK,IAAI,EAAG,CAAC;AAA5D,QAAA,qBAAqB,yBAAuC;AACzE,6BAAqB,CAAC,IAAI,GAAG,EAAgD,CAAA"}

package/dist/components/Card/index.d.ts

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

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

package/dist/components/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+BAAiC;AAAxB,gHAAA,OAAO,OAAA"}

package/dist/components/CheckBox/CheckBox.d.ts

@@ -0,0 +1,11 @@
+import React, { PropsWithChildren } from "react";
+/**
+ * A simple checkbox with nissan guidelines
+ **/
+export default function CheckBox({ checked, onToggle, label, className, size, ...props }: PropsWithChildren<{
+    checked: boolean;
+    onToggle: (checked: boolean) => void;
+    label: React.ReactNode;
+    className?: string;
+    size?: number;
+}> & React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>): JSX.Element;

package/dist/components/CheckBox/CheckBox.js

@@ -0,0 +1,32 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const CheckBox_module_scss_1 = __importDefault(require("./CheckBox.module.scss"));
+/**
+ * A simple checkbox with nissan guidelines
+ **/
+function CheckBox(_a) {
+    var { checked, onToggle, label, className = "", size = undefined } = _a, props = __rest(_a, ["checked", "onToggle", "label", "className", "size"]);
+    return (react_1.default.createElement("span", { className: `${CheckBox_module_scss_1.default.container} ${className}`, style: { fontSize: size } },
+        react_1.default.createElement("span", Object.assign({}, props, { onClick: (e) => {
+                onToggle(!checked);
+                e.preventDefault();
+            }, className: checked ? CheckBox_module_scss_1.default.checked : "" })),
+        label));
+}
+exports.default = CheckBox;
+//# sourceMappingURL=CheckBox.js.map

package/dist/components/CheckBox/CheckBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAiD;AACjD,kFAA4C;AAE5C;;IAEI;AACJ,SAAwB,QAAQ,CAAC,EAiB9B;QAjB8B,EAC/B,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,SAAS,OAYf,EAXE,KAAK,cANuB,qDAOhC,CADS;IAYR,OAAO,CACL,wCACE,SAAS,EAAE,GAAG,8BAAM,CAAC,SAAS,IAAI,SAAS,EAAE,EAC7C,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;QAEzB,wDACM,KAAK,IACT,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;gBACnB,CAAC,CAAC,cAAc,EAAE,CAAC;YACrB,CAAC,EACD,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,8BAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IACxC;QACD,KAAK,CACD,CACR,CAAC;AACJ,CAAC;AAlCD,2BAkCC"}

package/dist/components/CheckBox/CheckBox.module.scss

@@ -0,0 +1,25 @@
+@import "../../assets/styles/index.scss";
+
+.container {
+  display: flex;
+  line-height: 1.5em;
+  vertical-align: middle;
+
+  > span:first-child {
+    visibility: visible;
+    width: 1.5em;
+    height: 1.5em;
+    border-radius: 0.45em;
+    background-image: url("../../assets/img/svg/checkbox.svg");
+    background-color: transparent;
+    transition: background-color 250ms, border 250ms, box-shadow 250ms;
+    border: 1px solid rgb(40, 43, 53);
+    box-shadow: 0px 0px 0px -4px $digitalBlue;
+    margin-right: 0.45em;
+  }
+  > span:first-child.checked {
+    background-color: $digitalBlue;
+    border: 1px solid $digitalBlue;
+    box-shadow: 0px 0px 12px -4px $digitalBlue;
+  }
+}

package/dist/components/CheckBox/CheckBox.stories.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import CheckBox from "./CheckBox";
+declare const _default: {
+    title: string;
+    component: typeof CheckBox;
+};
+export default _default;
+export declare const Primary: {
+    (args: any): JSX.Element;
+    args: Partial<{
+        checked: boolean;
+        onToggle: (checked: boolean) => void;
+        label: React.ReactNode;
+        className?: string | undefined;
+        size?: number | undefined;
+    } & {
+        children?: React.ReactNode;
+    } & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement>>;
+};
+export declare const SynergyTextAndCheckbox: (args: any) => JSX.Element[];

package/dist/components/CheckBox/CheckBox.stories.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SynergyTextAndCheckbox = exports.Primary = void 0;
+const react_1 = __importDefault(require("react"));
+const storybookUtils_1 = require("../../storybookUtils");
+const Text_1 = __importDefault(require("../Text"));
+const CheckBox_1 = __importDefault(require("./CheckBox"));
+exports.default = {
+    title: CheckBox_1.default.name,
+    component: CheckBox_1.default,
+};
+const Primary = (args) => react_1.default.createElement(CheckBox_1.default, Object.assign({}, args));
+exports.Primary = Primary;
+exports.Primary.args = {
+    label: "Some example text",
+    size: 120,
+};
+const SynergyTextAndCheckbox = (args) => {
+    const variants = (0, storybookUtils_1.extractAllPossibilitiesFromEnumProp)(Text_1.default, "type");
+    return variants.map((type) => {
+        return (react_1.default.createElement(storybookUtils_1.SideBySideContainer, { exampleName: `Checkbox com text type=${type}` },
+            react_1.default.createElement(Text_1.default, { type: type },
+                react_1.default.createElement(CheckBox_1.default, Object.assign({ label: type, checked: Math.random() >= 0.5 }, args)))));
+    });
+};
+exports.SynergyTextAndCheckbox = SynergyTextAndCheckbox;
+//# sourceMappingURL=CheckBox.stories.js.map

package/dist/components/CheckBox/CheckBox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.stories.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBox.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA8C;AAC9C,yDAG8B;AAC9B,mDAA2B;AAC3B,0DAAkC;AAElC,kBAAe;IACb,KAAK,EAAE,kBAAQ,CAAC,IAAI;IACpB,SAAS,EAAE,kBAAQ;CACpB,CAAC;AAEK,MAAM,OAAO,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,8BAAC,kBAAQ,oBAAK,IAAI,EAAI,CAAC;AAAhD,QAAA,OAAO,WAAyC;AAC7D,eAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,mBAAmB;IAC1B,IAAI,EAAE,GAAG;CACkC,CAAC;AAEvC,MAAM,sBAAsB,GAAG,CAAC,IAAS,EAAE,EAAE;IAClD,MAAM,QAAQ,GAAG,IAAA,oDAAmC,EAAC,cAAI,EAAE,MAAM,CAAC,CAAC;IAEnE,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAC3B,OAAO,CACL,8BAAC,oCAAmB,IAAC,WAAW,EAAE,0BAA0B,IAAI,EAAE;YAChE,8BAAC,cAAI,IAAC,IAAI,EAAE,IAAI;gBACd,8BAAC,kBAAQ,kBAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,GAAG,IAAM,IAAI,EAAI,CAC7D,CACa,CACvB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAZW,QAAA,sBAAsB,0BAYjC"}

package/dist/components/CheckBox/index.d.ts

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

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

package/dist/components/CheckBox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CheckBox/index.tsx"],"names":[],"mappings":";;;;;;AAAA,uCAAqC;AAA5B,oHAAA,OAAO,OAAA"}

package/dist/components/Collapsable/Collapsable.d.ts

@@ -0,0 +1,33 @@
+import React, { HTMLAttributes, PropsWithChildren } from "react";
+/**
+ * Wrapps some content on a collapsable header
+ **/
+export default function Collapsable({ children, title, className, onToggleOpen, open, id, mode, contentClassName, onContentClick, ...props }: PropsWithChildren<{
+    title: React.ReactNode;
+    className?: string;
+    contentClassName?: string;
+    onToggleOpen: (isOpen: boolean) => void;
+    open: boolean;
+    id?: string | undefined;
+    /** This will define if the content will be floating under the title or will expand all the container as one */
+    mode?: "block" | "float";
+    "data-testid"?: string;
+    onContentClick?: HTMLAttributes<HTMLInputElement>['onClick'];
+}>): JSX.Element;
+declare class _CollapsableInterface {
+    _id: string;
+    constructor(id: string);
+    _getElements(): {
+        header: HTMLElement | null;
+        content: HTMLElement | null;
+    };
+    open(onOpened: () => void): void;
+    getElement(type: "header" | "content"): HTMLDivElement | null;
+}
+/**
+ * A helper function for interacting with collapsables without a reference
+ * @param id
+ * @returns
+ */
+export declare function CollapsableInterface(id: string): _CollapsableInterface;
+export {};