@alume/alume-design-system 4.13.21

package/dist/components/code-input/index.js

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

package/dist/components/disclaimer/disclaimer.component.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+declare type DisclaimerTypes = "warning" | "error" | "success";
+interface DisclaimerProps {
+    children?: React.ReactNode;
+    type?: DisclaimerTypes;
+    fontSize?: number;
+    marginTop?: string;
+}
+export declare const Disclaimer: React.FunctionComponent<DisclaimerProps>;
+export {};

package/dist/components/disclaimer/disclaimer.component.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { colors } from "../../constants";
+import { StyledTag } from "./disclaimer.styled";
+const { yellow, backgroundYellow, red, backgroundRed, darkGreen, backgroundGreen, } = colors;
+const colorByType = {
+    warning: { fontColor: yellow, backgroundColor: backgroundYellow },
+    error: { fontColor: red, backgroundColor: backgroundRed },
+    success: { fontColor: darkGreen, backgroundColor: backgroundGreen },
+};
+export const Disclaimer = ({ children, type = "warning", fontSize, marginTop, }) => {
+    return (React.createElement(StyledTag, { customColors: colorByType[type], fontSize: fontSize, marginTop: marginTop }, children));
+};

package/dist/components/disclaimer/disclaimer.styled.d.ts

@@ -0,0 +1,11 @@
+export interface DisclaimerColors {
+    fontColor: string;
+    backgroundColor: string;
+}
+interface StyledTagProps {
+    customColors?: DisclaimerColors;
+    fontSize?: number;
+    marginTop?: string;
+}
+export declare const StyledTag: import("styled-components").StyledComponent<"div", any, StyledTagProps, never>;
+export {};

package/dist/components/disclaimer/disclaimer.styled.js

@@ -0,0 +1,21 @@
+import styled from "styled-components";
+import { colors } from "../../constants";
+export const StyledTag = styled.div `
+  display: flex;
+  align-items: center;
+  width: auto;
+  margin: 12px 0;
+  border: none;
+  border-radius: 4px;
+
+  ${({ customColors, fontSize, marginTop }) => `
+      font-family: "AlumeLight", sans-serif;
+      font-size: ${fontSize ? `${fontSize}px` : "16px"}};
+      text-decoration: none;
+      line-height: 1.2rem;
+      color: ${customColors.fontColor || "white"};
+      background-color: ${customColors.backgroundColor || colors.green};
+      padding: 14px 24px;
+      margin-top: ${marginTop};
+    `};
+`;

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

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

package/dist/components/disclaimer/index.js

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

package/dist/components/dropzone/dropzone.component.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+export interface DropzoneChangeEvent {
+    target: {
+        name: string;
+        value: Array<File>;
+    };
+}
+interface DropzoneProps {
+    name: string;
+    value?: Array<File>;
+    onChange: (event: DropzoneChangeEvent) => void;
+    onDrop?: (files: Array<File>) => void;
+    onRemove?: (file: File) => void;
+    label?: string;
+    disabled?: boolean;
+    /** Accepted file formats. Eg.: "image/jpeg, image/png, .pdf" */
+    accept?: string;
+    multiple?: boolean;
+    maxFiles?: number;
+    /** Max file size in bytes */
+    maxSize?: number;
+    error?: string;
+    [key: string]: unknown;
+}
+export declare const Dropzone: React.FunctionComponent<DropzoneProps>;
+export {};

package/dist/components/dropzone/dropzone.component.js

@@ -0,0 +1,65 @@
+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;
+};
+import React, { useState } from "react";
+import { useDropzone } from "react-dropzone";
+import { DropzoneContainer, DropzoneItem, DropzoneLabel, ErrorMessage, } from "./dropzone.styled";
+import { TrashIcon } from "../../assets/icons";
+import { PhantonIconButton } from "../button";
+const TEN_MEGABYTES_IN_BYTES = 10000000;
+export const Dropzone = (_a) => {
+    var { name, value = [], onChange, onDrop, onRemove, label = "", disabled = false, accept = "image/jpeg, image/png, .pdf", multiple = false, maxFiles = 1, maxSize = TEN_MEGABYTES_IN_BYTES, error } = _a, otherProps = __rest(_a, ["name", "value", "onChange", "onDrop", "onRemove", "label", "disabled", "accept", "multiple", "maxFiles", "maxSize", "error"]);
+    const [hasRejectedFilesMessage, setHasRejectedFilesMessage] = useState();
+    const handleFilesChange = (currentFiles) => {
+        const changeEvent = {
+            target: {
+                name,
+                value: currentFiles,
+            },
+        };
+        onChange && onChange(changeEvent);
+    };
+    const handleDrop = (acceptedFiles, rejectedFiles) => {
+        setHasRejectedFilesMessage((rejectedFiles === null || rejectedFiles === void 0 ? void 0 : rejectedFiles.length)
+            ? `Alguns arquivos não foram adicionados. Verifique se todos os arquivos tem menos de ${(maxSize / 1000000).toFixed(0)}Mb`
+            : undefined);
+        handleFilesChange([...value, ...acceptedFiles]);
+        onDrop && onDrop(acceptedFiles);
+    };
+    const removeFileByIndex = (fileIndex) => {
+        const newFilesList = [...value];
+        const [removedFile] = newFilesList.splice(fileIndex, 1);
+        handleFilesChange(newFilesList);
+        onRemove && onRemove(removedFile);
+    };
+    const { getRootProps, getInputProps } = useDropzone({
+        onDrop: handleDrop,
+        multiple,
+        maxFiles,
+        maxSize,
+        accept,
+        disabled,
+    });
+    return (React.createElement(React.Fragment, null,
+        React.createElement(DropzoneContainer, Object.assign({}, getRootProps(Object.assign({ name, value }, otherProps)), { isDisabled: disabled, id: name }),
+            React.createElement("input", Object.assign({}, getInputProps(), { name: name })),
+            React.createElement(DropzoneItem, null, label),
+            Array.isArray(value) &&
+                value.map((file, index) => (React.createElement(DropzoneItem, { key: index },
+                    React.createElement(DropzoneLabel, null, file.name),
+                    React.createElement(PhantonIconButton, { onClick: (event) => {
+                            event.preventDefault();
+                            event.stopPropagation();
+                            removeFileByIndex(index);
+                        } },
+                        React.createElement(TrashIcon, null)))))),
+        React.createElement(ErrorMessage, null, hasRejectedFilesMessage || error)));
+};

package/dist/components/dropzone/dropzone.styled.d.ts

@@ -0,0 +1,9 @@
+interface DropzoneContainerProps {
+    isDisabled?: boolean;
+    id: string;
+}
+export declare const DropzoneContainer: import("styled-components").StyledComponent<"div", any, DropzoneContainerProps, never>;
+export declare const DropzoneItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DropzoneLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
+export declare const ErrorMessage: import("styled-components").StyledComponent<"label", any, {}, never>;
+export {};

package/dist/components/dropzone/dropzone.styled.js

@@ -0,0 +1,43 @@
+import styled from "styled-components";
+import { colors } from "../../constants";
+export const DropzoneContainer = styled.div `
+  border: 1px solid ${colors.cardBorderGrey};
+  border-radius: 8px;
+  padding: 16px 24px;
+  cursor: pointer;
+
+  &:focus {
+    outline: none;
+  }
+
+  ${({ isDisabled }) => isDisabled &&
+    `
+    cursor: initial;
+    > span {
+      color: ${colors.grey};
+    }
+  `}
+`;
+export const DropzoneItem = styled.div `
+  display: flex;
+  justify-content: space-between;
+  color: ${colors.textGreen};
+  width: 100%;
+
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  &:not(:last-child) {
+    margin-bottom: 10px;
+  }
+`;
+export const DropzoneLabel = styled.label `
+  max-width: calc(100% - 43px);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+export const ErrorMessage = styled.label `
+  color: ${colors.red};
+  font-size: 12px;
+`;

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

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

package/dist/components/dropzone/index.js

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

package/dist/components/feedback-input/feedbackInput.component.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface FeedbackInputProps {
+    value?: number;
+    name: string;
+    onChange: (event: any) => void;
+}
+export declare const FeedbackInput: React.FunctionComponent<FeedbackInputProps>;
+export {};

package/dist/components/feedback-input/feedbackInput.component.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { FeedbackInputContainer, ScoreButton } from "./feedbackInput.styled";
+export const FeedbackInput = ({ value, name, onChange, }) => {
+    const handleScoreButtonClick = (value) => {
+        const event = {
+            target: {
+                name,
+                value,
+            },
+        };
+        onChange && onChange(event);
+    };
+    const scoreItems = new Array(10)
+        .fill(undefined)
+        .map((_item, index) => index + 1);
+    return (React.createElement(FeedbackInputContainer, null, scoreItems.map((item) => (React.createElement(ScoreButton, { key: item, type: "button", active: value === item, onClick: () => handleScoreButtonClick(item) }, item)))));
+};

package/dist/components/feedback-input/feedbackInput.styled.d.ts

@@ -0,0 +1,6 @@
+interface ScoreButtonProps {
+    active: boolean;
+}
+export declare const ScoreButton: import("styled-components").StyledComponent<"button", any, ScoreButtonProps, never>;
+export declare const FeedbackInputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

package/dist/components/feedback-input/feedbackInput.styled.js

@@ -0,0 +1,22 @@
+import styled from "styled-components";
+import { colors } from "../../constants";
+export const ScoreButton = styled.button `
+  border: 0;
+  border-radius: 50%;
+  font-size: 14px;
+  width: 28px;
+  height: 28px;
+  line-height: 14px;
+  color: ${colors.textGreen};
+  cursor: pointer;
+  background-color: ${({ active }) => active ? colors.lightGrey : colors.softGrey};
+
+  &:hover {
+    background-color: ${colors.lightGrey};
+  }
+`;
+export const FeedbackInputContainer = styled.div `
+  display: flex;
+  justify-content: space-between;
+  gap: 6px;
+`;

package/dist/components/feedback-input/index.d.ts

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

package/dist/components/feedback-input/index.js

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

package/dist/components/floating-footer/floatingFooter.styled.d.ts

@@ -0,0 +1 @@
+export declare const FloatingFooter: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/floating-footer/floatingFooter.styled.js

@@ -0,0 +1,9 @@
+import styled from "styled-components";
+export const FloatingFooter = styled.div `
+  position: fixed;
+  bottom: 0;
+  left: 0;
+
+  width: 100%;
+  width: -webkit-fill-available;
+`;

package/dist/components/floating-footer/index.d.ts

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

package/dist/components/floating-footer/index.js

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

package/dist/components/grid/grid.component.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { StyledGridItemProps } from "./grid.styled";
+declare type Proportion = "1/2" | "2/2";
+interface GridItemProps extends StyledGridItemProps {
+    proportion?: Proportion;
+}
+declare type GridType = {
+    Item: React.FunctionComponent<GridItemProps>;
+};
+export declare const Grid: React.FunctionComponent & GridType;
+export {};

package/dist/components/grid/grid.component.js

@@ -0,0 +1,39 @@
+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;
+};
+import React from "react";
+import { StyledGridContainer, StyledGridItem, } from "./grid.styled";
+export const Grid = ({ children }) => {
+    return React.createElement(StyledGridContainer, null, children);
+};
+const defaultGridItemConfig = {
+    alignment: "start",
+    startCol: { xs: 1, md: 1, lg: 3, xl: 4 },
+    span: { xs: 4, md: 12, lg: 8, xl: 6 },
+};
+const gridItemConfigByProportion = {
+    "1/2": {
+        startCol: { xs: 1, md: 1, lg: 3, xl: 4 },
+        span: { xs: 4, md: 6, lg: 4, xl: 3 },
+    },
+    "2/2": {
+        startCol: { xs: 1, md: 7, lg: 7, xl: 7 },
+        span: { xs: 4, md: 6, lg: 4, xl: 3 },
+    },
+};
+const Item = (_a) => {
+    var { proportion } = _a, otherProps = __rest(_a, ["proportion"]);
+    const configuration = proportion
+        ? gridItemConfigByProportion[proportion]
+        : defaultGridItemConfig;
+    return React.createElement(StyledGridItem, Object.assign({}, configuration, otherProps));
+};
+Grid.Item = Item;

package/dist/components/grid/grid.styled.d.ts

@@ -0,0 +1,22 @@
+export declare const StyledGridContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare type SmallSpan = 1 | 2 | 3 | 4;
+declare type LargeSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+interface GridSpan {
+    xs?: SmallSpan;
+    md?: LargeSpan;
+    lg?: LargeSpan;
+    xl?: LargeSpan;
+}
+interface StartCol {
+    xs?: SmallSpan;
+    md?: LargeSpan;
+    lg?: LargeSpan;
+    xl?: LargeSpan;
+}
+export interface StyledGridItemProps {
+    span?: GridSpan;
+    startCol?: StartCol;
+    alignment?: "start" | "end" | "center" | "stretch";
+}
+export declare const StyledGridItem: import("styled-components").StyledComponent<"div", any, StyledGridItemProps, never>;
+export {};

package/dist/components/grid/grid.styled.js

@@ -0,0 +1,38 @@
+import styled from "styled-components";
+import { breakpoints } from "../../constants";
+export const StyledGridContainer = styled.div `
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  column-gap: 24px;
+
+  width: 100%;
+  padding: 0 24px;
+
+  @media only screen and (min-width: ${breakpoints.md}) {
+    grid-template-columns: repeat(12, 1fr);
+  }
+`;
+export const StyledGridItem = styled.div `
+  width: 100%;
+  justify-self: ${({ alignment }) => alignment || "stretch"};
+
+  @media only screen and (min-width: ${breakpoints.xs}) {
+    grid-column: ${({ startCol }) => ((startCol === null || startCol === void 0 ? void 0 : startCol.xs) ? `${startCol === null || startCol === void 0 ? void 0 : startCol.xs} /` : "")}
+      span ${({ span }) => (span === null || span === void 0 ? void 0 : span.xs) || 4};
+  }
+
+  @media only screen and (min-width: ${breakpoints.md}) {
+    grid-column: ${({ startCol }) => ((startCol === null || startCol === void 0 ? void 0 : startCol.md) ? `${startCol === null || startCol === void 0 ? void 0 : startCol.md} /` : "")}
+      span ${({ span }) => (span === null || span === void 0 ? void 0 : span.md) || 12};
+  }
+
+  @media only screen and (min-width: ${breakpoints.lg}) {
+    grid-column: ${({ startCol }) => ((startCol === null || startCol === void 0 ? void 0 : startCol.lg) ? `${startCol === null || startCol === void 0 ? void 0 : startCol.lg} /` : "")}
+      span ${({ span }) => (span === null || span === void 0 ? void 0 : span.lg) || 12};
+  }
+
+  @media only screen and (min-width: ${breakpoints.xl}) {
+    grid-column: ${({ startCol }) => ((startCol === null || startCol === void 0 ? void 0 : startCol.xl) ? `${startCol === null || startCol === void 0 ? void 0 : startCol.xl} /` : "")}
+      span ${({ span }) => (span === null || span === void 0 ? void 0 : span.xl) || 12};
+  }
+`;

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

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

package/dist/components/grid/index.js

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

package/dist/components/horizontal-timeline/horizontalTimeline.component.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { HorizontalTimelineBarProps, HorizontalTimelineNodeProps } from "./horizontalTimeline.styled";
+declare type HorizontalTimelineType = {
+    Bar: React.FunctionComponent<HorizontalTimelineBarProps>;
+    Node: React.FunctionComponent<HorizontalTimelineNodeProps>;
+};
+export declare const HorizontalTimeline: React.FunctionComponent & HorizontalTimelineType;
+export {};

package/dist/components/horizontal-timeline/horizontalTimeline.component.js

@@ -0,0 +1,26 @@
+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;
+};
+import React from "react";
+import { StyledHorizontalTimelineContainer, StyledHorizontalTimelineBar, StyledHorizontalTimelineInternalBar, StyledHorizontalTimelineNode, } from "./horizontalTimeline.styled";
+export const HorizontalTimeline = ({ children }) => {
+    return (React.createElement(StyledHorizontalTimelineContainer, null, children));
+};
+const Bar = (_a) => {
+    var { percentage } = _a, props = __rest(_a, ["percentage"]);
+    return (React.createElement(StyledHorizontalTimelineBar, Object.assign({}, props),
+        React.createElement(StyledHorizontalTimelineInternalBar, { percentage: percentage })));
+};
+HorizontalTimeline.Bar = Bar;
+const Node = (props) => {
+    return React.createElement(StyledHorizontalTimelineNode, Object.assign({}, props));
+};
+HorizontalTimeline.Node = Node;

package/dist/components/horizontal-timeline/horizontalTimeline.styled.d.ts

@@ -0,0 +1,10 @@
+export declare const StyledHorizontalTimelineContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHorizontalTimelineBar: import("styled-components").StyledComponent<"div", any, {}, never>;
+export interface HorizontalTimelineBarProps {
+    percentage?: number;
+}
+export declare const StyledHorizontalTimelineInternalBar: import("styled-components").StyledComponent<"div", any, HorizontalTimelineBarProps, never>;
+export interface HorizontalTimelineNodeProps {
+    active?: boolean;
+}
+export declare const StyledHorizontalTimelineNode: import("styled-components").StyledComponent<"div", any, HorizontalTimelineNodeProps, never>;

package/dist/components/horizontal-timeline/horizontalTimeline.styled.js

@@ -0,0 +1,43 @@
+import styled from "styled-components";
+import { colors } from "../../constants";
+export const StyledHorizontalTimelineContainer = styled.div `
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+`;
+export const StyledHorizontalTimelineBar = styled.div `
+  width: 100%;
+  height: 2px;
+  background-color: ${colors.timelineGrey};
+`;
+export const StyledHorizontalTimelineInternalBar = styled.div `
+  width: ${({ percentage }) => percentage || 0}%;
+  height: 100%;
+  background-color: ${colors.darkGreen};
+`;
+export const StyledHorizontalTimelineNode = styled.div `
+  width: 24px;
+  min-width: 24px;
+  max-width: 24px;
+  height: 24px;
+  margin: 0 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  color: ${colors.textGreen};
+  background-color: ${({ active }) => (active ? colors.aqua : "transparent")};
+
+  &:first-child {
+    margin-left: 0;
+  }
+
+  &:last-child {
+    margin-right: 0;
+  }
+
+  & svg {
+    height: 24px;
+    width: 24px;
+  }
+`;

package/dist/components/horizontal-timeline/index.d.ts

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

package/dist/components/horizontal-timeline/index.js

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

package/dist/components/index.d.ts

@@ -0,0 +1,27 @@
+export * from "./button";
+export * from "./text-input";
+export * from "./grid";
+export * from "./horizontal-timeline";
+export * from "./large-selector";
+export * from "./floating-footer";
+export * from "./checkbox";
+export * from "./select";
+export * from "./typography";
+export * from "./link";
+export * from "./tooltip";
+export * from "./modal";
+export * from "./card";
+export * from "./vertical-timeline";
+export * from "./dropzone";
+export * from "./radio";
+export * from "./autocomplete-input";
+export * from "./code-input";
+export * from "./disclaimer";
+export * from "./loading";
+export * from "./range-input";
+export * from "./text-area-input";
+export * from "./table";
+export * from "./page-title";
+export * from "./list";
+export * from "./multiselect";
+export * from "./feedback-input";

package/dist/components/index.js

@@ -0,0 +1,27 @@
+export * from "./button";
+export * from "./text-input";
+export * from "./grid";
+export * from "./horizontal-timeline";
+export * from "./large-selector";
+export * from "./floating-footer";
+export * from "./checkbox";
+export * from "./select";
+export * from "./typography";
+export * from "./link";
+export * from "./tooltip";
+export * from "./modal";
+export * from "./card";
+export * from "./vertical-timeline";
+export * from "./dropzone";
+export * from "./radio";
+export * from "./autocomplete-input";
+export * from "./code-input";
+export * from "./disclaimer";
+export * from "./loading";
+export * from "./range-input";
+export * from "./text-area-input";
+export * from "./table";
+export * from "./page-title";
+export * from "./list";
+export * from "./multiselect";
+export * from "./feedback-input";

package/dist/components/large-selector/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./largeSelector.component";
+export * from "./largeSelector.styled";

package/dist/components/large-selector/index.js

@@ -0,0 +1,2 @@
+export * from "./largeSelector.component";
+export * from "./largeSelector.styled";

package/dist/components/large-selector/largeSelector.component.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { StyledLargeSelectorItemProps } from "./largeSelector.styled";
+declare type LargeSelectorType = {
+    Item: React.FunctionComponent<StyledLargeSelectorItemProps>;
+};
+export declare const LargeSelector: React.FunctionComponent & LargeSelectorType;
+export {};

package/dist/components/large-selector/largeSelector.component.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { LargeSelectorContainer, StyledLargeSelectorItem, } from "./largeSelector.styled";
+export const LargeSelector = ({ children, }) => {
+    return React.createElement(LargeSelectorContainer, null, children);
+};
+const Item = (props) => {
+    return React.createElement(StyledLargeSelectorItem, Object.assign({}, props));
+};
+LargeSelector.Item = Item;

package/dist/components/large-selector/largeSelector.styled.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const LargeSelectorContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export interface StyledLargeSelectorItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    isSelected?: boolean;
+}
+export declare const StyledLargeSelectorItem: import("styled-components").StyledComponent<"button", any, StyledLargeSelectorItemProps, never>;