npm - @pedidopago/ui - Versions diffs - 1.7.21 → 1.7.23 - Mend

@pedidopago/ui 1.7.21 → 1.7.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (171) hide show

package/dist/components/Tag/styles.d.ts CHANGED Viewed

@@ -126,6 +126,174 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<{
                 gradient: string;
             };
         };
+        lightColors: {
+            body: {
+                light: string;
+                dark: string;
+            };
+            primary: {
+                alert: string;
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+                transparent: string;
+            };
+            secondary: {
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+            };
+            tertiary: {
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+            };
+            neutral: {
+                white: string;
+                neutral1: string;
+                neutral2: string;
+                neutral3: string;
+                neutral4: string;
+                neutral5: string;
+                neutral6: string;
+                black: string;
+            };
+            background: {
+                linear1: string;
+                linear2: string;
+                linear3: string;
+                light: string;
+            };
+            informative: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            success: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            success_secondary: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            warning: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            warning_secondary: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            error: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            critical: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+        };
+        darkColors: {
+            body: {
+                light: string;
+                dark: string;
+            };
+            primary: {
+                alert: string;
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+                transparent: string;
+            };
+            secondary: {
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+            };
+            tertiary: {
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+            };
+            neutral: {
+                white: string;
+                neutral1: string;
+                neutral2: string;
+                neutral3: string;
+                neutral4: string;
+                neutral5: string;
+                neutral6: string;
+                black: string;
+            };
+            background: {
+                linear1: string;
+                linear2: string;
+                linear3: string;
+                light: string;
+            };
+            informative: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            success: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            success_secondary: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            warning: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            warning_secondary: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            error: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            critical: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+        };
         space: {
             px: string;
             0.5: string;
@@ -414,6 +582,174 @@ export declare const Text: import("@emotion/styled").StyledComponent<{
                 gradient: string;
             };
         };
+        lightColors: {
+            body: {
+                light: string;
+                dark: string;
+            };
+            primary: {
+                alert: string;
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+                transparent: string;
+            };
+            secondary: {
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+            };
+            tertiary: {
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+            };
+            neutral: {
+                white: string;
+                neutral1: string;
+                neutral2: string;
+                neutral3: string;
+                neutral4: string;
+                neutral5: string;
+                neutral6: string;
+                black: string;
+            };
+            background: {
+                linear1: string;
+                linear2: string;
+                linear3: string;
+                light: string;
+            };
+            informative: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            success: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            success_secondary: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            warning: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            warning_secondary: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            error: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            critical: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+        };
+        darkColors: {
+            body: {
+                light: string;
+                dark: string;
+            };
+            primary: {
+                alert: string;
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+                transparent: string;
+            };
+            secondary: {
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+            };
+            tertiary: {
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+            };
+            neutral: {
+                white: string;
+                neutral1: string;
+                neutral2: string;
+                neutral3: string;
+                neutral4: string;
+                neutral5: string;
+                neutral6: string;
+                black: string;
+            };
+            background: {
+                linear1: string;
+                linear2: string;
+                linear3: string;
+                light: string;
+            };
+            informative: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            success: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            success_secondary: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            warning: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            warning_secondary: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            error: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            critical: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+        };
         space: {
             px: string;
             0.5: string;
@@ -703,6 +1039,174 @@ export declare const Close: import("@emotion/styled").StyledComponent<{
                 gradient: string;
             };
         };
+        lightColors: {
+            body: {
+                light: string;
+                dark: string;
+            };
+            primary: {
+                alert: string;
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+                transparent: string;
+            };
+            secondary: {
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+            };
+            tertiary: {
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+            };
+            neutral: {
+                white: string;
+                neutral1: string;
+                neutral2: string;
+                neutral3: string;
+                neutral4: string;
+                neutral5: string;
+                neutral6: string;
+                black: string;
+            };
+            background: {
+                linear1: string;
+                linear2: string;
+                linear3: string;
+                light: string;
+            };
+            informative: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            success: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            success_secondary: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            warning: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            warning_secondary: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            error: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            critical: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+        };
+        darkColors: {
+            body: {
+                light: string;
+                dark: string;
+            };
+            primary: {
+                alert: string;
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+                transparent: string;
+            };
+            secondary: {
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+            };
+            tertiary: {
+                disabled: string;
+                default: string;
+                hover: string;
+                focus: string;
+            };
+            neutral: {
+                white: string;
+                neutral1: string;
+                neutral2: string;
+                neutral3: string;
+                neutral4: string;
+                neutral5: string;
+                neutral6: string;
+                black: string;
+            };
+            background: {
+                linear1: string;
+                linear2: string;
+                linear3: string;
+                light: string;
+            };
+            informative: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            success: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            success_secondary: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            warning: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            warning_secondary: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            error: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+            critical: {
+                default: string;
+                blurred: string;
+                dark: string;
+                gradient: string;
+            };
+        };
         space: {
             px: string;
             0.5: string;

package/dist/components/Tag/styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,OAAO;;;;;;aAGT,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yGAkBhB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAGN,OAAO;~~2GASjB~~,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qHA2BjB,CAAC"}
1	+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,OAAO;;;;;;aAGT,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yGAgBhB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAGN,OAAO;2GAQjB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qHA0BjB,CAAC"}

package/dist/components/Tag/styles.js CHANGED Viewed

@@ -15,20 +15,20 @@ var Wrapper = _styled.default.div(_templateObject || (_templateObject = _taggedT
     overtoneHue = _ref.overtoneHue,
     padding = _ref.padding,
     variant = _ref.variant;
-  return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding: ", ";\n    background-color: ", ";\n    color: ", ";\n    border-radius: ", ";\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    height: fit-content;\n    cursor: pointer;\n  "])), padding, fillColor || (theme.colorMode === 'dark' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral1), overtoneHue || (theme.colorMode === 'dark' ? theme.colors.neutral.white : theme.colors.neutral.neutral5), variant === 'square' ? '6px' : '80px');
+  return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding: ", ";\n    background-color: ", ";\n    color: ", ";\n    border-radius: ", ";\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    height: fit-content;\n    cursor: pointer;\n  "])), padding, fillColor || theme.colors.neutral.neutral1, overtoneHue || theme.colors.neutral.neutral5, variant === 'square' ? '6px' : '80px');
 });
 exports.Wrapper = Wrapper;
 var Text = _styled.default.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
   var theme = _ref2.theme,
     overtoneHue = _ref2.overtoneHue,
     isLarge = _ref2.isLarge;
-  return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    color: ", ";\n    font-size: ", ";\n    line-height: 1;\n    margin-right: 10px;\n  "])), overtoneHue || (theme.colorMode === 'dark' ? theme.colors.neutral.white : theme.colors.neutral.neutral5), isLarge ? '16px' : theme.fontSizes.xxs);
+  return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    color: ", ";\n    font-size: ", ";\n    line-height: 1;\n    margin-right: 10px;\n  "])), overtoneHue || theme.colors.neutral.neutral5, isLarge ? '16px' : theme.fontSizes.xxs);
 });
 exports.Text = Text;
 var Close = _styled.default.button(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
   var theme = _ref3.theme,
     overtoneHue = _ref3.overtoneHue,
     fillColor = _ref3.fillColor;
-  return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    background: transparent;\n    color: ", ";\n    outline: 0;\n    border: none;\n    border-radius: 50%;\n    padding: 10px 0;\n    padding: 2px;\n    ", "\n  "])), overtoneHue || (theme.colorMode === 'dark' ? theme.colors.neutral.white : theme.colors.neutral.neutral5), fillColor ? (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n          &:active {\n            background-color: ", ";\n            filter: saturate(0.6);\n          }\n        "])), fillColor) : (0, _react.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n          &:active {\n            background-color: ", ";\n          }\n        "])), theme.colors.neutral.neutral2));
+  return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    background: transparent;\n    color: ", ";\n    outline: 0;\n    border: none;\n    border-radius: 50%;\n    padding: 10px 0;\n    padding: 2px;\n    ", "\n  "])), overtoneHue || theme.colors.neutral.neutral5, fillColor ? (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n          &:active {\n            background-color: ", ";\n            filter: saturate(0.6);\n          }\n        "])), fillColor) : (0, _react.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n          &:active {\n            background-color: ", ";\n          }\n        "])), theme.colors.neutral.neutral2));
 });
 exports.Close = Close;

package/dist/components/TextAreaInput/styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextAreaInput/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,OAAO;;;gIAOnB,CAAC;AAEF,eAAO,MAAM,KAAK;;;yIAiBjB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;~~kJA8IpB~~,CAAC;AAEF,eAAO,MAAM,UAAU;;;kIAKtB,CAAC"}
1	+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextAreaInput/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,OAAO;;;gIAOnB,CAAC;AAEF,eAAO,MAAM,KAAK;;;yIAiBjB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;kJAmGpB,CAAC;AAEF,eAAO,MAAM,UAAU;;;kIAKtB,CAAC"}

package/dist/components/TextAreaInput/styles.js CHANGED Viewed

@@ -24,21 +24,18 @@ var TextArea = _styled.default.textarea(_templateObject5 || (_templateObject5 =
   var theme = _ref3.theme,
     alert = _ref3.alert,
     isInvalid = _ref3.isInvalid;
-  return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 20px;\n    border-radius: ", ";\n    border-width: 2px;\n    border-style: solid;\n    border-color: ", ";\n    color: ", ";\n    line-height: 1.4;\n    background-color: transparent;\n    font-family: inherit;\n    font-size: ", ";\n    font-weight: ", ";\n    outline: none;\n    resize: none;\n\n    &::placeholder {\n      color: ", ";\n    }\n\n    &:hover {\n      color: ", ";\n      border-color: ", ";\n    }\n\n    &:focus {\n      color: ", ";\n      border-color: ", ";\n      background-color: ", ";\n      ", "\n    }\n\n    &:hover + label {\n      color: ", ";\n    }\n\n    &:focus + label {\n      color: ", ";\n    }\n\n    & + label {\n      color: ", ";\n    }\n\n    &[disabled] {\n      background-color: ", ";\n\n      &::placeholder {\n        color: ", ";\n      }\n\n      & + label {\n        color: ", ";\n      }\n\n      &:hover {\n        border-color: ", ";\n      }\n    }\n  "])), theme.borderRadius.default, theme.colorMode === 'light' ? theme.colors.tertiary.default : theme.colors.tertiary.focus, theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.white, theme.fontSizes.xs, theme.fontWeight['500'], theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral3, theme.colorMode === 'light' ? theme.colors.neutral.black : theme.colors.neutral.neutral1, theme.colors.primary.hover, theme.colorMode === 'light' ? theme.colors.neutral.black : theme.colors.neutral.neutral1, theme.colors.primary.hover, theme.colorMode === 'light' ? theme.colors.neutral.white : theme.colors.neutral.black, !isInvalid && "\n        box-shadow: 0 0 0 2px ".concat(theme.colors.primary.disabled, ";\n      "), theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral3, theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral3, theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral3, theme.colorMode === 'light' ? theme.colors.tertiary.disabled : theme.colors.neutral.neutral6, theme.colorMode === 'light' ? theme.colors.tertiary.hover : theme.colors.tertiary.focus, theme.colorMode === 'light' ? theme.colors.tertiary.hover : theme.colors.tertiary.focus, theme.colorMode === 'light' ? theme.colors.tertiary.default : theme.colors.tertiary.focus);
+  return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 20px;\n    border-radius: ", ";\n    border: 2px solid ", ";\n    color: ", ";\n    line-height: 1.4;\n    background-color: transparent;\n    font-family: inherit;\n    font-size: ", ";\n    font-weight: ", ";\n    outline: none;\n    resize: none;\n    transition: all ease 0.2s;\n\n    &::placeholder {\n      color: ", ";\n    }\n\n    &:not(:disabled):hover {\n      color: ", ";\n      border-color: ", ";\n    }\n\n    &:focus {\n      color: ", ";\n      border-color: ", ";\n      background-color: ", ";\n      ", "\n    }\n\n    &:hover + label {\n      color: ", ";\n    }\n\n    &:focus + label {\n      color: ", ";\n    }\n\n    & + label {\n      color: ", ";\n    }\n\n    &[disabled] {\n      background-color: ", ";\n\n      &::placeholder {\n        color: ", ";\n      }\n\n      & + label {\n        color: ", ";\n      }\n    }\n  "])), theme.borderRadius.default, alert ? theme.colors[alert].default : theme.colors.neutral.neutral2, theme.colors.neutral.neutral5, theme.fontSizes.xs, theme.fontWeight['500'], theme.colors.neutral.neutral5, theme.colors.neutral.black, theme.colors.primary.hover, theme.colors.neutral.black, theme.colors.primary.hover, theme.colors.neutral.white, !isInvalid && "\n        box-shadow: 0 0 0 2px ".concat(theme.colors.primary.disabled, ";\n      "), theme.colors.neutral.neutral5, theme.colors.neutral.neutral5, theme.colors.neutral.neutral5, theme.colors.neutral.neutral1, theme.colors.tertiary.hover, theme.colors.neutral.neutral3);
 }, function (_ref4) {
   var isInvalid = _ref4.isInvalid,
     _ref4$alert = _ref4.alert,
     alert = _ref4$alert === void 0 ? 'informative' : _ref4$alert,
     theme = _ref4.theme;
-  return isInvalid && (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      border-color: ", ";\n      box-shadow: 0 0 0 3px ", ";\n\n      &:hover,\n      &:focus {\n        border-color: ", ";\n        background-color: ", ";\n      }\n\n      &::placeholder {\n        color: ", ";\n      }\n    "])), theme.colors[alert].default, theme.colors[alert].blurred, theme.colors[alert].default, theme.colorMode === 'light' ? theme.colors.neutral.white : theme.colors.neutral.black, theme.colors.neutral.black);
+  return isInvalid && (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      border-color: ", ";\n      box-shadow: 0 0 0 3px ", ";\n\n      &:hover,\n      &:focus {\n        border-color: ", ";\n        background-color: ", ";\n      }\n\n      &::placeholder {\n        color: ", ";\n      }\n    "])), theme.colors[alert].default, theme.colors[alert].blurred, theme.colors[alert].default, theme.colors.neutral.white, theme.colors.neutral.black);
 }, function (_ref5) {
   var placeholder = _ref5.placeholder,
     hasValueOnInput = _ref5.hasValueOnInput,
     theme = _ref5.theme;
-  return !placeholder && !hasValueOnInput ? (0, _react.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n          &:focus + label {\n            padding: 0px 8px;\n            background-color: ", ";\n            top: -6px;\n            left: 16px;\n            color: ", ";\n          }\n        "])), theme.colorMode === 'light' ? theme.colors.neutral.white : theme.colors.neutral.black, theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral3) : (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n          & + label {\n            padding: 0px 8px;\n            background-color: ", ";\n             top: -6px;\n            left: 16px;\n            bottom: auto;\n            color: ", ";\n        "])), theme.colorMode === 'light' ? theme.colors.neutral.white : theme.colors.neutral.black, {
-    dark: theme.colors.neutral.neutral1,
-    light: theme.colors.neutral.neutral4
-  }[theme.colorMode]);
+  return !placeholder && !hasValueOnInput ? (0, _react.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n          &:focus + label {\n            padding: 0px 8px;\n            background-color: ", ";\n            top: -6px;\n            left: 16px;\n            color: ", ";\n          }\n        "])), theme.colors.neutral.white, theme.colors.neutral.neutral5) : (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n          & + label {\n            padding: 0px 8px;\n            background-color: ", ";\n             top: -6px;\n            left: 16px;\n            bottom: auto;\n            color: ", ";\n        "])), theme.colors.neutral.white, theme.colors.neutral.neutral4);
 });
 exports.TextArea = TextArea;
 var HelperText = _styled.default.span(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  color: ", ";\n  font-weight: ", ";\n  padding-left: 20px;\n"])), function (_ref6) {

package/dist/components/Thumbnail/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Thumbnail/index.tsx"],"names":[],"mappings":";~~AAeA~~,OAAO,EAAc,eAAe,EAAE,MAAM,SAAS,CAAC;AAEtD,wBAAgB,SAAS,CAAC,EACxB,GAAG,EACH,GAAG,EACH,cAAkB,EAClB,KAAK,EACL,WAAW,EACX,IAAW,EACX,QAAQ,EACR,aAAa,GACd,EAAE,eAAe,~~eAyHjB~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Thumbnail/index.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAc,eAAe,EAAE,MAAM,SAAS,CAAC;AAEtD,wBAAgB,SAAS,CAAC,EACxB,GAAG,EACH,GAAG,EACH,cAAkB,EAClB,KAAK,EACL,WAAW,EACX,IAAW,EACX,QAAQ,EACR,aAAa,GACd,EAAE,eAAe,eAiFjB"}