w-design-system 0.0.83 → 0.0.85

package/dist/components/Input/stories.js

@@ -1,55 +0,0 @@
-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 { Input } from './index';
-import { useState } from 'react';
-import React from 'react';
-import { IconWrapper } from '../IconWrapper';
-import { editSVG } from '../../assets/icon';
-import { theme } from '../Themes';
-const meta = {
-    title: 'Components/Input',
-    component: Input,
-    tags: ['autodocs'],
-    argTypes: {
-        placeholder: { control: 'text' },
-        label: { control: 'text' },
-        value: { control: 'text' },
-        readonly: { control: 'boolean' },
-        disabled: { control: 'boolean' },
-        onChange: { action: 'change' },
-        onInput: { action: 'input' },
-        onKeyDown: { action: 'keydown' },
-        onKeyUp: { action: 'keyup' },
-    },
-};
-export default meta;
-export const Playground = {
-    args: {
-        label: 'Label',
-        placeholder: 'placeholder',
-    },
-};
-const ComponentWrapper = (_a) => {
-    var args = __rest(_a, []);
-    const [value, setValue] = useState('');
-    return React.createElement(Input, Object.assign({}, args, { value: value, onChange: e => setValue(e.target.value) }));
-};
-export const Default = {
-    render: args => React.createElement(ComponentWrapper, Object.assign({}, args)),
-};
-export const Disabled = {
-    render: args => React.createElement(ComponentWrapper, Object.assign({}, args, { placeholder: "Disabled", label: "Disabled", disabled: true })),
-};
-export const DisabledWithIcon = {
-    render: args => (React.createElement(ComponentWrapper, Object.assign({}, args, { iconLeft: React.createElement(IconWrapper, { src: editSVG, width: "20px", color: theme.colors.shade30 }), placeholder: "Disabled", label: "Disabled", disabled: true }))),
-};
-//# sourceMappingURL=stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/Input/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAEjC,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,QAAQ,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;QAC9B,OAAO,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;QAC5B,SAAS,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;QAChC,OAAO,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;KAC7B;CACF,CAAA;AAED,eAAe,IAAI,CAAA;AAGnB,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,aAAa;KAC3B;CACF,CAAA;AACD,MAAM,gBAAgB,GAAG,CAAC,EAAgB,EAAE,EAAE;QAAf,IAAI,cAAT,EAAW,CAAF;IACjC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAA;IAC9C,OAAO,oBAAC,KAAK,oBAAK,IAAI,IAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAA;AACnF,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAA2B;IAC7C,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,oBAAC,gBAAgB,oBAAK,IAAI,EAAI;CAC/C,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAA2B;IAC9C,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,oBAAC,gBAAgB,oBAAK,IAAI,IAAE,WAAW,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,UAAG;CAChG,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAA2B;IACtD,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CACd,oBAAC,gBAAgB,oBACX,IAAI,IACR,QAAQ,EAAE,oBAAC,WAAW,IAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,GAAI,EACjF,WAAW,EAAC,UAAU,EACtB,KAAK,EAAC,UAAU,EAChB,QAAQ,UACR,CACH;CACF,CAAA"}

package/dist/components/Input/styles.js

@@ -1,86 +0,0 @@
-import styled from 'styled-components';
-import { theme } from '../Themes';
-export const InputWrapper = styled.div `
-  position: relative;
-  border-radius: 4px;
-`;
-export const StyledInput = styled.input `
-  width: 100%;
-
-  background-color: transparent;
-  border: none;
-  outline: none;
-
-  color: ${theme.colors.shade50};
-
-  font-family: ${theme.fonts.join(', ')};
-  font-size: ${theme.paragraph.medium};
-
-  &:active,
-  &:focus {
-    outline: none;
-    border: none;
-  }
-
-  &::placeholder {
-    color: ${theme.colors.shade30};
-    font-size: ${theme.paragraph.medium};
-    opacity: 1;
-  }
-
-  &:disabled {
-    background-color: transparent;
-    cursor: not-allowed;
-  }
-`;
-export const StyledLabel = styled.label `
-  position: absolute;
-  color: ${theme.colors.shade50};
-
-  box-sizing: content-box;
-  left: 15px;
-  top: -8px;
-  padding: 0 1px;
-
-  font-family: 'Nunito Sans', sans-serif;
-  font-size: ${theme.paragraph.small};
-  font-weight: 600;
-  text-wrap: nowrap;
-`;
-export const StyledInputContent = styled.div `
-  position: relative;
-
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-
-  box-sizing: content-box;
-  padding: 18px 16px 14px 16px;
-  height: 22px;
-  gap: 8px;
-  border-radius: 4px;
-
-  background-color: ${({ disabled }) => disabled ? theme.colors.shade10 : theme.colors.white};
-
-  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
-`;
-/**
- * O clip-path faz com que o elemento fique transparente na região do label
- * @see https://stackoverflow.com/questions/3742479/how-to-cut-a-hole-in-an-svg-rectangle
- * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d
- */
-export const StyledInputBorder = styled.div `
-  position: absolute;
-
-  box-sizing: content-box;
-  inset: 0px;
-  border-radius: 4px;
-  border: 1px solid ${theme.colors.shade20};
-  clip-rule: evenodd;
-  clip-path: path(
-    '${({ label, content }) => label.height !== 0 && label.width !== 0
-    ? `M ${content.x} ${content.y} l ${content.width} 0 l 0 ${content.height} l -${content.width} 0z M ${label.x} ${label.y} l 0 ${label.height} l ${label.width} 0 l 0 -${label.height}z`
-    : ''}'
-  );
-`;
-//# sourceMappingURL=styles.js.map

package/dist/components/Input/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAGjC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGrC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;WAO5B,KAAK,CAAC,MAAM,CAAC,OAAO;;iBAEd,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;eACxB,KAAK,CAAC,SAAS,CAAC,MAAM;;;;;;;;;aASxB,KAAK,CAAC,MAAM,CAAC,OAAO;iBAChB,KAAK,CAAC,SAAS,CAAC,MAAM;;;;;;;;CAQtC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;;WAE5B,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;;eAQhB,KAAK,CAAC,SAAS,CAAC,KAAK;;;CAGnC,CAAA;AAMD,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAyB;;;;;;;;;;;;;sBAa/C,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE,CAC5D,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;YAE5C,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;CAC5F,CAAA;AAOD;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;;;sBAM7C,KAAK,CAAC,MAAM,CAAC,OAAO;;;OAGnC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CACxB,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,KAAK,CAAC;IACrC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,MAAM,OAAO,CAAC,KAAK,UAAU,OAAO,CAAC,MAAM,OAAO,OAAO,CAAC,KAAK,SAAS,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,QAAQ,KAAK,CAAC,MAAM,MAAM,KAAK,CAAC,KAAK,WAAW,KAAK,CAAC,MAAM,GAAG;IACtL,CAAC,CAAC,EAAE;;CAEX,CAAA"}

package/dist/components/InputTag/index.js

@@ -1,124 +0,0 @@
-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, { useCallback, useEffect, useId, useRef, useState } from 'react';
-import { InputWrapper, StyledInput, StyledInputBorder, StyledInputContent, StyledLabel } from './styles';
-import { Paragraph } from '../Paragraph';
-import { theme } from '../Themes';
-import { IconWrapper } from '../IconWrapper';
-import { addSVG } from '../../assets/icon';
-export const InputTag = (_a) => {
-    var { label, readonly, disabled, leftIcon, rightIcon, tags, setTags, placeholder } = _a, props = __rest(_a, ["label", "readonly", "disabled", "leftIcon", "rightIcon", "tags", "setTags", "placeholder"]);
-    const id = useId();
-    const contentRef = useRef(null);
-    const labelRef = useRef(null);
-    const inputRef = useRef(null);
-    const [inputValue, setInputValue] = useState('');
-    const [labelPosition, setLabelPosition] = useState({
-        x: 0,
-        y: 0,
-        width: 0,
-        height: 0,
-    });
-    const [contentPosition, setContentPosition] = useState({
-        x: 0,
-        y: 0,
-        width: 0,
-        height: 0,
-    });
-    const updatePositions = useCallback(() => {
-        const margin = 30;
-        const marginLabel = 4;
-        if (contentRef.current) {
-            setContentPosition({
-                x: contentRef.current.offsetLeft - margin,
-                y: contentRef.current.offsetTop - margin,
-                width: contentRef.current.offsetWidth + margin * 2,
-                height: contentRef.current.offsetHeight + margin * 2,
-            });
-        }
-        if (labelRef.current) {
-            setLabelPosition({
-                x: labelRef.current.offsetLeft - marginLabel,
-                y: labelRef.current.offsetTop - marginLabel,
-                width: labelRef.current.offsetWidth + marginLabel * 2,
-                height: labelRef.current.offsetHeight + marginLabel * 2,
-            });
-        }
-    }, []);
-    useEffect(() => {
-        const handler = () => updatePositions();
-        let resizeObserver = null;
-        if (ResizeObserver) {
-            resizeObserver = new ResizeObserver(handler);
-            if (contentRef.current) {
-                resizeObserver.observe(contentRef.current);
-            }
-            if (labelRef.current) {
-                resizeObserver.observe(labelRef.current);
-            }
-        }
-        else {
-            window.addEventListener('resize', handler);
-        }
-        return () => {
-            if (resizeObserver) {
-                resizeObserver.disconnect();
-            }
-            else {
-                window.removeEventListener('resize', handler);
-            }
-        };
-    }, [updatePositions]);
-    useEffect(() => {
-        updatePositions();
-    }, [label, updatePositions]);
-    const addTag = (e) => {
-        var _a;
-        if (e)
-            e.stopPropagation();
-        if (inputValue.trim() && !tags.includes(inputValue.trim())) {
-            setTags([...tags, inputValue.trim()]);
-            setInputValue('');
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-    };
-    const removeTag = (tagToRemove) => {
-        setTags(tags.filter(tag => tag !== tagToRemove));
-    };
-    const handleContainerClick = (event) => {
-        var _a;
-        let element = event.target;
-        if (element.tagName !== "INPUT") {
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(InputWrapper, Object.assign({}, props),
-            React.createElement(StyledInputContent, { disabled: disabled, ref: contentRef, onClick: e => handleContainerClick(e) },
-                React.createElement(StyledInputBorder, { content: contentPosition, label: labelPosition }),
-                React.createElement(StyledLabel, { htmlFor: id, ref: labelRef }, label),
-                leftIcon,
-                React.createElement(StyledInput, { id: id, disabled: disabled, ref: inputRef, value: inputValue, onChange: e => setInputValue(e.target.value), placeholder: placeholder, onKeyDown: e => {
-                        if (e.key === 'Enter') {
-                            e.preventDefault();
-                            addTag();
-                        }
-                    }, readOnly: readonly }),
-                React.createElement(React.Fragment, null,
-                    rightIcon,
-                    React.createElement("button", { className: 'button-action', onClick: e => addTag(e) },
-                        React.createElement(IconWrapper, { src: addSVG, width: "24px", height: "24px", color: theme.colors.shade30 })))),
-            React.createElement("div", { className: 'container-input-tag' }, tags.map((tag, index) => (React.createElement("div", { className: 'wrapper-tag', key: index },
-                React.createElement(Paragraph, { color: theme.colors.cyan30 }, tag),
-                React.createElement("button", { className: "wrapper-tag-button", onClick: () => removeTag(tag) }, "x"))))))));
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InputTag/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/InputTag/stories.js

@@ -1,25 +0,0 @@
-import { InputTag } from './index';
-import React, { useState } from 'react';
-const meta = {
-    title: 'Components/InputTag',
-    component: InputTag,
-    argTypes: {
-        placeholder: { control: 'text' },
-        label: { control: 'text' },
-        readonly: { control: 'boolean' },
-        disabled: { control: 'boolean' },
-    },
-};
-export default meta;
-const Template = (args) => {
-    const [tags, setTags] = useState(['Tag1', 'Tag2']);
-    return React.createElement(InputTag, Object.assign({}, args, { tags: tags, setTags: setTags }));
-};
-export const Playground = {
-    render: args => React.createElement(Template, Object.assign({}, args)),
-    args: {
-        label: 'Label',
-        placeholder: 'Digite uma tag',
-    },
-};
-//# sourceMappingURL=stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/InputTag/stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACjC;CACF,CAAA;AAED,eAAe,IAAI,CAAA;AAGnB,MAAM,QAAQ,GAAG,CAAC,IAAS,EAAE,EAAE;IAC7B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IAE5D,OAAO,oBAAC,QAAQ,oBAAK,IAAI,IAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IAAI,CAAA;AAC7D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,oBAAC,QAAQ,oBAAK,IAAI,EAAI;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,gBAAgB;KAC9B;CACF,CAAA"}

package/dist/components/InputTag/styles.js

@@ -1,146 +0,0 @@
-import styled from 'styled-components';
-import { theme } from '../Themes';
-export const InputWrapper = styled.div `
-  position: relative;
-  border-radius: 4px;
-  .button-action {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 36px;
-    width: 36px;
-    min-width: 36px;
-    border-radius: 100%;
-    border: none;
-    cursor: pointer;
-    opacity: 0.8;
-    cursor: pointer;
-    margin-right: -8px;
-    background-color: transparent;
-  }
-
-
-  .button-action:hover svg path {
-    fill: ${theme.colors.cyan20};
-  }
-
-  .button-action:hover {
-    background: ${theme.colors.cyan10};
-  }
-  .button-action:active {
-    background: ${theme.colors.cyan15};
-  }
-
-  .container-input-tag {
-    display: flex;
-    gap: 8px;
-    margin-top: 8px;
-    flex-wrap: wrap;
-
-    button {
-      background: none;
-      border: none;
-      cursor: pointer;
-      display: flex;
-      justify-content: center;
-      gap: 8px;
-
-      p {
-        margin-top: 2px;
-      }
-    }
-
-    .wrapper-tag {
-      background: ${theme.colors.cyan10};
-      display: flex;
-      align-items: center;
-      flex-wrap: nowrap;
-      border-radius: 4px;
-      padding: 0 0 0 8px;
-    }
-    .wrapper-tag-button {
-      padding: 8px 10px;
-      color: ${theme.colors.shade40};
-    }
-  }
-`;
-export const StyledInput = styled.input `
-  width: 100%;
-
-  background-color: transparent;
-  border: none;
-  outline: none;
-
-  color: ${theme.colors.shade50};
-
-  font-family: ${theme.fonts.join(', ')};
-  font-size: ${theme.paragraph.medium};
-
-  &:active,
-  &:focus {
-    outline: none;
-    border: none;
-  }
-
-  &::placeholder {
-    color: ${theme.colors.shade30};
-    font-size: ${theme.paragraph.medium};
-    opacity: 1;
-  }
-
-  &:disabled {
-    background-color: transparent;
-    cursor: not-allowed;
-  }
-`;
-export const StyledLabel = styled.label `
-  position: absolute;
-  color: ${theme.colors.shade50};
-
-  box-sizing: content-box;
-  left: 15px;
-  top: -8px;
-  padding: 0 1px;
-
-  font-family: 'Nunito Sans', sans-serif;
-  font-size: ${theme.paragraph.small};
-  font-weight: 600;
-  text-wrap: nowrap;
-`;
-export const StyledInputContent = styled.div `
-  position: relative;
-
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-
-  box-sizing: content-box;
-  padding: 18px 16px 14px 16px;
-  height: 22px;
-  gap: 8px;
-  border-radius: 4px;
-
-  background-color: ${({ disabled }) => disabled ? theme.colors.shade10 : theme.colors.white};
-
-  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
-`;
-/**
- * O clip-path faz com que o elemento fique transparente na região do label
- * @see https://stackoverflow.com/questions/3742479/how-to-cut-a-hole-in-an-svg-rectangle
- * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d
- */
-export const StyledInputBorder = styled.div `
-  position: absolute;
-
-  box-sizing: content-box;
-  inset: 0px;
-  border-radius: 4px;
-  border: 1px solid ${theme.colors.shade20};
-  clip-rule: evenodd;
-  clip-path: path(
-    '${({ label, content }) => label.height !== 0 && label.width !== 0
-    ? `M ${content.x} ${content.y} l ${content.width} 0 l 0 ${content.height} l -${content.width} 0z M ${label.x} ${label.y} l 0 ${label.height} l ${label.width} 0 l 0 -${label.height}z`
-    : ''}'
-  );
-`;
-//# sourceMappingURL=styles.js.map

package/dist/components/InputTag/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/InputTag/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAGjC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;YAqB1B,KAAK,CAAC,MAAM,CAAC,MAAM;;;;kBAIb,KAAK,CAAC,MAAM,CAAC,MAAM;;;kBAGnB,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;;;;oBAuBjB,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;;;;eASxB,KAAK,CAAC,MAAM,CAAC,OAAO;;;CAGlC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;WAO5B,KAAK,CAAC,MAAM,CAAC,OAAO;;iBAEd,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;eACxB,KAAK,CAAC,SAAS,CAAC,MAAM;;;;;;;;;aASxB,KAAK,CAAC,MAAM,CAAC,OAAO;iBAChB,KAAK,CAAC,SAAS,CAAC,MAAM;;;;;;;;CAQtC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;;WAE5B,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;;eAQhB,KAAK,CAAC,SAAS,CAAC,KAAK;;;CAGnC,CAAA;AAMD,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAyB;;;;;;;;;;;;;sBAa/C,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE,CAC5D,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;YAE5C,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;CAC5F,CAAA;AAOD;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;;;sBAM7C,KAAK,CAAC,MAAM,CAAC,OAAO;;;OAGnC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CACxB,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,KAAK,CAAC;IACrC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,MAAM,OAAO,CAAC,KAAK,UAAU,OAAO,CAAC,MAAM,OAAO,OAAO,CAAC,KAAK,SAAS,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,QAAQ,KAAK,CAAC,MAAM,MAAM,KAAK,CAAC,KAAK,WAAW,KAAK,CAAC,MAAM,GAAG;IACtL,CAAC,CAAC,EAAE;;CAEX,CAAA"}

package/dist/components/Loading/index.js

@@ -1,50 +0,0 @@
-import React from 'react';
-import styled, { keyframes } from 'styled-components';
-import spinSVG from '../../assets/icon/spin.svg';
-import { Paragraph } from '../Paragraph';
-import { theme } from '../Themes';
-// Animação de rotação
-const spinAnimation = keyframes `
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
-`;
-// Estilos para o wrapper de tela cheia
-const FullScreenWrapper = styled.div `
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: rgb(164, 162, 162);
-  z-index: 9999;
-`;
-// Estilos para o wrapper do contêiner
-const ContainerWrapper = styled.div ``;
-// Estilos para o wrapper do conteúdo
-const ContainerWrapperStyles = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  gap: 16px;
-`;
-// Estilos para a imagem de loading
-const LoadingImage = styled.img `
-  width: ${({ size }) => (size === 'small' ? '30px' : size === 'medium' ? '50px' : '70px')};
-  height: ${({ size }) => (size === 'small' ? '30px' : size === 'medium' ? '50px' : '70px')};
-  animation: ${spinAnimation} 2s linear infinite;
-`;
-// Componente de loading em tela cheia
-export const FullScreenLoading = ({ size = 'medium' }) => (React.createElement(FullScreenWrapper, null,
-    React.createElement(ContainerWrapperStyles, null,
-        React.createElement(LoadingImage, { src: spinSVG, alt: "loading", size: size }),
-        React.createElement(Paragraph, { color: theme.colors.shade40, size: "x-small" }, "CARREGANDO"))));
-// Componente de loading no contêiner
-export const ContainerLoading = ({ size = 'medium' }) => (React.createElement(ContainerWrapper, null,
-    React.createElement(ContainerWrapperStyles, null,
-        React.createElement(LoadingImage, { src: spinSVG, alt: "loading", size: size }),
-        React.createElement(Paragraph, { color: theme.colors.shade30, size: "x-small" }, "CARREGANDO"))));
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Loading/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,OAAO,MAAM,4BAA4B,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAEjC,sBAAsB;AACtB,MAAM,aAAa,GAAG,SAAS,CAAA;;;CAG9B,CAAA;AAED,uCAAuC;AACvC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;CAWnC,CAAA;AAED,sCAAsC;AACtC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAA;AAErC,qCAAqC;AACrC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMxC,CAAA;AAED,mCAAmC;AACnC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAwC;WAC5D,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;YAC9E,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;eAC5E,aAAa;CAC3B,CAAA;AAOD,sCAAsC;AACtC,MAAM,CAAC,MAAM,iBAAiB,GAA2B,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,EAAE,EAAE,CAAC,CAChF,oBAAC,iBAAiB;IAChB,oBAAC,sBAAsB;QACrB,oBAAC,YAAY,IAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,GAAI;QACxD,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,EAAC,SAAS,iBAE1C,CACW,CACP,CACrB,CAAA;AAED,qCAAqC;AACrC,MAAM,CAAC,MAAM,gBAAgB,GAA2B,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC/E,oBAAC,gBAAgB;IACf,oBAAC,sBAAsB;QACrB,oBAAC,YAAY,IAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,GAAI;QACxD,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,EAAC,SAAS,iBAE1C,CACW,CACR,CACpB,CAAA"}

package/dist/components/Loading/stories.js

@@ -1,46 +0,0 @@
-import { FullScreenLoading, ContainerLoading } from './index';
-import React from 'react';
-import CardStories from '../CardStories';
-const meta = {
-    title: 'Components/Loading',
-    component: FullScreenLoading,
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-    argTypes: {
-        size: {
-            control: { type: 'select', options: ['small', 'medium', 'large'] },
-            description: 'Select the size of the loading spinner',
-        },
-    },
-};
-export default meta;
-export const FullScreenSmall = {
-    args: {
-        size: 'small',
-    },
-};
-export const FullScreenMedium = {
-    args: {
-        size: 'medium',
-    },
-};
-export const FullScreenLarge = {
-    args: {
-        size: 'large',
-    },
-};
-export const ContainerSmall = {
-    render: () => (React.createElement(CardStories, { title: "Loading", subTitle: "small" },
-        React.createElement(ContainerLoading, { size: "small" }))),
-};
-export const ContainerMedium = {
-    render: () => (React.createElement(CardStories, { title: "Loading", subTitle: "medium" },
-        React.createElement(ContainerLoading, { size: "medium" }))),
-};
-export const ContainerLarge = {
-    render: () => (React.createElement(CardStories, { title: "Loading", subTitle: "large" },
-        React.createElement(ContainerLoading, { size: "large" }))),
-};
-//# sourceMappingURL=stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/Loading/stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,gBAAgB,CAAA;AAExC,MAAM,IAAI,GAAmC;IAC3C,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,iBAAiB;IAC5B,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE;YAClE,WAAW,EAAE,wCAAwC;SACtD;KACF;CACuC,CAAA;AAE1C,eAAe,IAAI,CAAA;AAGnB,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;KACd;CACF,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;KACf;CACF,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;KACd;CACF,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,oBAAC,WAAW,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO;QAC3C,oBAAC,gBAAgB,IAAC,IAAI,EAAC,OAAO,GAAG,CACrB,CACf;CACF,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,oBAAC,WAAW,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ;QAC5C,oBAAC,gBAAgB,IAAC,IAAI,EAAC,QAAQ,GAAG,CACtB,CACf;CACF,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,oBAAC,WAAW,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO;QAC3C,oBAAC,gBAAgB,IAAC,IAAI,EAAC,OAAO,GAAG,CACrB,CACf;CACF,CAAA"}

package/dist/components/Modal/index.js

@@ -1,31 +0,0 @@
-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 ReactDOM from 'react-dom';
-import { closeSVG } from '../../assets/icon';
-import { theme } from '../Themes';
-import { Title } from '../Title';
-import { IconWrapper } from '../IconWrapper';
-import { ModalContainer, Overlay } from './styles';
-const { colors: { cyan50, shade30 }, } = theme;
-export const Modal = (_a) => {
-    var { title, children, onClose, footer } = _a, props = __rest(_a, ["title", "children", "onClose", "footer"]);
-    return ReactDOM.createPortal(React.createElement(React.Fragment, null,
-        React.createElement(Overlay, { onClick: onClose }),
-        React.createElement(ModalContainer, Object.assign({}, props),
-            React.createElement("div", { className: 'modalHeader' },
-                React.createElement(Title, { size: 'medium', bold: true, color: cyan50 }, title),
-                React.createElement(IconWrapper, { src: closeSVG, width: '14px', height: '14px', color: shade30, onClick: onClose })),
-            React.createElement("div", { className: 'modalContainer' }, children),
-            React.createElement("div", { className: 'modalFooter' }, footer))), document.body);
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAClD,MAAM,EACJ,MAAM,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAC5B,GAAG,KAAK,CAAA;AAET,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAA8C,EAAE,EAAE;QAAlD,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAY,EAAP,KAAK,cAA5C,0CAA8C,CAAF;IACtF,OAAO,QAAQ,CAAC,YAAY,CAC1B;QACE,oBAAC,OAAO,IAAC,OAAO,EAAE,OAAO,GAAI;QAC7B,oBAAC,cAAc,oBAAK,KAAK;YACvB,6BAAK,SAAS,EAAE,aAAa;gBAC3B,oBAAC,KAAK,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,QAAC,KAAK,EAAE,MAAM,IACtC,KAAK,CACA;gBACR,oBAAC,WAAW,IAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,CAC3F;YACN,6BAAK,SAAS,EAAE,gBAAgB,IAAG,QAAQ,CAAO;YAClD,6BAAK,SAAS,EAAE,aAAa,IAAG,MAAM,CAAO,CAC9B,CAChB,EACH,QAAQ,CAAC,IAAI,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/components/Modal/stories.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import { useState } from 'react';
-import { Modal } from './index';
-import { Paragraph } from '../Paragraph';
-import { Button } from '../Button';
-const meta = {
-    title: 'Components/Modal',
-    component: Modal,
-};
-export default meta;
-export const Playground = {
-    render: () => {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        const [isOpen, setIsOpen] = useState(false);
-        return (React.createElement(React.Fragment, null,
-            React.createElement(Button, { onClick: () => setIsOpen(true) }, "Open Modal"),
-            isOpen && (React.createElement(Modal, { title: 'Modal Title', onClose: () => setIsOpen(false), footer: React.createElement(React.Fragment, null,
-                    React.createElement(Button, { onClick: () => setIsOpen(true), variant: 'gray' }, "Cancelar"),
-                    React.createElement(Button, { onClick: () => setIsOpen(true) }, "Open Modal")) },
-                React.createElement(Paragraph, { size: 'medium', heavyBod: true }, "Modal Title"),
-                React.createElement(Paragraph, null, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.")))));
-    },
-};
-//# sourceMappingURL=stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/Modal/stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;CACY,CAAA;AAE9B,eAAe,IAAI,CAAA;AAInB,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,MAAM,EAAE,GAAG,EAAE;QACX,sDAAsD;QACtD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;QAE3C,OAAO,CACL;YACE,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,iBAAqB;YAC1D,MAAM,IAAI,CACT,oBAAC,KAAK,IACJ,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAC/B,MAAM,EACJ;oBACE,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,MAAM,eAE9C;oBACT,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,iBAAqB,CAC1D;gBAGL,oBAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,wBAEvB;gBACZ,oBAAC,SAAS,ykBAOE,CACN,CACT,CACA,CACJ,CAAA;IACH,CAAC;CACF,CAAA"}