@channel.io/snippet - npm Package Compare versions

Comparing version 0.2.4 to 0.2.5

build/cjs.js

@@ -214,2 +214,4 @@ 'use strict';
 
+var initialInputValues = {};
+
 function FormProvider(_ref) {
@@ -221,3 +223,3 @@ var _ref$submitting = _ref.submitting,
 
-  var _useState = React.useState({}),
+  var _useState = React.useState(initialInputValues),
       _useState2 = _slicedToArray(_useState, 2),
@@ -243,6 +245,6 @@ values = _useState2[0],
   var submit = React.useCallback(function (componentId) {
-    if (onSubmit) {
-      onSubmit(valuesRef.current, componentId);
-    }
-  }, [onSubmit]);
+    return onSubmit ? Promise.resolve(onSubmit(valuesRef.current, componentId)).then(function () {
+      return updateValues(initialInputValues);
+    }) : Promise.resolve();
+  }, [onSubmit, updateValues]);
   var value = React.useMemo(function () {
@@ -564,2 +566,24 @@ return {
 
+function _templateObject2$2() {
+  var data = _taggedTemplateLiteral(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"]);
+
+  _templateObject2$2 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject$4() {
+  var data = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"]);
+
+  _templateObject$4 = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+var absoluteCenter = styled.css(_templateObject$4());
+var ellipsis = styled.css(_templateObject2$2());
+
 function _templateObject9() {
@@ -576,3 +600,3 @@ var data = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 13px;\n  font-weight: bold;\n  line-height: 18px;\n  margin-top: 4px;\n  margin-left: 5px;\n"]);
 function _templateObject8() {
-  var data = _taggedTemplateLiteral(["\n  background-color: ", ";\n  height: 32px;\n  padding: 7px 16px;\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: normal;\n  cursor: pointer;\n\n  &:hover {\n    background-color: ", ";\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  background-color: ", ";\n  height: 32px;\n  padding: 7px 16px;\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: normal;\n  cursor: pointer;\n  ", "\n\n  &:hover {\n    background-color: ", ";\n  }\n"]);
 
@@ -607,3 +631,3 @@ _templateObject8 = function _templateObject8() {
 function _templateObject5() {
-  var data = _taggedTemplateLiteral(["\n  width: 100%;\n  background-color: ", ";\n  padding: 8px 0;\n  position: absolute;\n  max-height: 345px;\n  overflow-y: auto;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px 0 ", ", 0 0 0 1px ", ";\n  ", "\n"]);
+  var data = _taggedTemplateLiteral(["\n  width: 100%;\n  background-color: ", ";\n  padding: 8px 0;\n  position: absolute;\n  z-index: 10;\n  max-height: 345px;\n  overflow-y: auto;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px 0 ", ", 0 0 0 1px ", ";\n  ", "\n"]);
 
@@ -637,6 +661,6 @@ _templateObject5 = function _templateObject5() {
 
-function _templateObject2$2() {
+function _templateObject2$3() {
   var data = _taggedTemplateLiteral(["\n  margin: 0 14px;\n"]);
 
-  _templateObject2$2 = function _templateObject2() {
+  _templateObject2$3 = function _templateObject2() {
     return data;
@@ -648,6 +672,6 @@ };
 
-function _templateObject$4() {
+function _templateObject$5() {
   var data = _taggedTemplateLiteral(["\n  position: relative;\n  margin-bottom: 8px;\n"]);
 
-  _templateObject$4 = function _templateObject() {
+  _templateObject$5 = function _templateObject() {
     return data;
@@ -658,4 +682,4 @@ };
 }
-var Wrapper$2 = styled__default.div(_templateObject$4());
-var Content = styled__default.div(_templateObject2$2());
+var Wrapper$2 = styled__default.div(_templateObject$5());
+var Content = styled__default.div(_templateObject2$3());
 var Select = styled__default.div(_templateObject3$1(), function (props) {
@@ -680,3 +704,3 @@ return props.disabled ? Colors$1.Grey200 : Colors$1.White;
   return props.selected ? Colors$1.Grey200 : Colors$1.White;
-}, Colors$1.Grey200);
+}, ellipsis, Colors$1.Grey200);
 var Error = styled__default.span(_templateObject9(), Colors$1.Orange400);
@@ -874,6 +898,6 @@
 
-function _templateObject2$3() {
+function _templateObject2$4() {
   var data = _taggedTemplateLiteral(["\n  display: block;\n  color: ", ";\n  font-size: 13px;\n  font-weight: bold;\n  line-height: 18px;\n  margin-bottom: 3px;\n  margin-left: ", "px;\n"]);
 
-  _templateObject2$3 = function _templateObject2() {
+  _templateObject2$4 = function _templateObject2() {
     return data;
@@ -885,6 +909,6 @@ };
 
-function _templateObject$5() {
+function _templateObject$6() {
   var data = _taggedTemplateLiteral(["\n  padding: 0 14px;\n  margin-bottom: 6px;\n"]);
 
-  _templateObject$5 = function _templateObject() {
+  _templateObject$6 = function _templateObject() {
     return data;
@@ -896,4 +920,4 @@ };
 var TEXT_LEFT_MARGIN = 3;
-var Wrapper$3 = styled__default.div(_templateObject$5());
-var Label$2 = styled__default.label(_templateObject2$3(), Colors$1.Grey900, TEXT_LEFT_MARGIN);
+var Wrapper$3 = styled__default.div(_templateObject$6());
+var Label$2 = styled__default.label(_templateObject2$4(), Colors$1.Grey900, TEXT_LEFT_MARGIN);
 var Input = styled__default.input(_templateObject3$2(), function (props) {
@@ -957,3 +981,3 @@ return props.hasError ? Colors$1.Orange200 : Colors$1.Grey300;
 
-    return undefined;
+    return '';
   }, [values, id, value]);
@@ -976,6 +1000,6 @@ var handleOnChange = React.useCallback(function (event) {
 
-function _templateObject2$4() {
+function _templateObject2$5() {
   var data = _taggedTemplateLiteral(["\n  display: block;\n  width: 100%;\n  height: auto;\n  border-radius: 5px;\n  overflow: hidden;\n"]);
 
-  _templateObject2$4 = function _templateObject2() {
+  _templateObject2$5 = function _templateObject2() {
     return data;
@@ -987,6 +1011,6 @@ };
 
-function _templateObject$6() {
+function _templateObject$7() {
   var data = _taggedTemplateLiteral(["\n  padding: 0 14px;\n  margin: 6px 0;\n"]);
 
-  _templateObject$6 = function _templateObject() {
+  _templateObject$7 = function _templateObject() {
     return data;
@@ -997,4 +1021,4 @@ };
 }
-var Wrapper$4 = styled__default.div(_templateObject$6());
-var Image = styled__default.img(_templateObject2$4());
+var Wrapper$4 = styled__default.div(_templateObject$7());
+var Image = styled__default.img(_templateObject2$5());
 
@@ -1037,6 +1061,6 @@ /* External dependencies */
 
-function _templateObject2$5() {
+function _templateObject2$6() {
   var data = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 5px 14px;\n"]);
 
-  _templateObject2$5 = function _templateObject2() {
+  _templateObject2$6 = function _templateObject2() {
     return data;
@@ -1048,6 +1072,6 @@ };
 
-function _templateObject$7() {
+function _templateObject$8() {
   var data = _taggedTemplateLiteral(["\n  margin-bottom: 6px;\n"]);
 
-  _templateObject$7 = function _templateObject() {
+  _templateObject$8 = function _templateObject() {
     return data;
@@ -1058,4 +1082,4 @@ };
 }
-var Wrapper$5 = styled__default.div(_templateObject$7());
-var Item = styled__default.div(_templateObject2$5());
+var Wrapper$5 = styled__default.div(_templateObject$8());
+var Item = styled__default.div(_templateObject2$6());
 var Key = styled__default.span(_templateObject3$3(), Colors$1.Grey500);
@@ -1121,6 +1145,6 @@ var Value = styled__default.span(_templateObject4$3(), Colors$1.Grey900);
 
-function _templateObject2$6() {
+function _templateObject2$7() {
   var data = _taggedTemplateLiteral(["\n  flex: 1 1 auto;\n"]);
 
-  _templateObject2$6 = function _templateObject2() {
+  _templateObject2$7 = function _templateObject2() {
     return data;
@@ -1132,6 +1156,6 @@ };
 
-function _templateObject$8() {
+function _templateObject$9() {
   var data = _taggedTemplateLiteral(["\n  display: flex;\n  padding: 7px 14px;\n  transition: background-color ease-in-out .15s;\n  cursor: ", ";\n\n  &:hover {\n    background-color: ", ";\n  }\n"]);
 
-  _templateObject$8 = function _templateObject() {
+  _templateObject$9 = function _templateObject() {
     return data;
@@ -1161,6 +1185,6 @@ };
 
-var Wrapper$6 = styled__default.div(_templateObject$8(), function (props) {
+var Wrapper$6 = styled__default.div(_templateObject$9(), function (props) {
   return getWrapperCursor(props);
 }, Colors$1.Grey200);
-var Content$1 = styled__default.div(_templateObject2$6());
+var Content$1 = styled__default.div(_templateObject2$7());
 /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */
@@ -1239,6 +1263,6 @@
 
-function _templateObject$9() {
+function _templateObject$a() {
   var data = _taggedTemplateLiteral(["\n  margin-bottom: 6px;\n"]);
 
-  _templateObject$9 = function _templateObject() {
+  _templateObject$a = function _templateObject() {
     return data;
@@ -1249,3 +1273,3 @@ };
 }
-var Wrapper$7 = styled__default.div(_templateObject$9());
+var Wrapper$7 = styled__default.div(_templateObject$a());
 
@@ -1274,6 +1298,6 @@ function List(_ref) {
 
-function _templateObject$a() {
+function _templateObject$b() {
   var data = _taggedTemplateLiteral(["\n  width: 100%;\n  height: ", ";\n"]);
 
-  _templateObject$a = function _templateObject() {
+  _templateObject$b = function _templateObject() {
     return data;
@@ -1304,3 +1328,3 @@ };
 
-var Spacer = styled__default.div(_templateObject$a(), function (props) {
+var Spacer = styled__default.div(_templateObject$b(), function (props) {
   return getHeight(props.size);
@@ -1324,3 +1348,3 @@ });
   TextColors["Success"] = "success";
-  TextColors["Highlited"] = "highlited";
+  TextColors["Highlighted"] = "highlighted";
   TextColors["Warning"] = "warning";
@@ -1341,6 +1365,6 @@ })(TextColors || (TextColors = {}));
 
-function _templateObject$b() {
+function _templateObject$c() {
   var data = _taggedTemplateLiteral(["\n  font-size: ", "px;\n  font-weight: ", ";\n  color: ", ";\n  white-space: pre-line;\n  text-align: ", ";\n  padding: 0 14px;\n  margin-top: ", "px;\n  margin-bottom: ", "px;\n"]);
 
-  _templateObject$b = function _templateObject() {
+  _templateObject$c = function _templateObject() {
     return data;
@@ -1384,3 +1408,3 @@ };
 
-    case TextColors$1.Highlited:
+    case TextColors$1.Highlighted:
       return Colors$1.Cobalt400;
@@ -1428,3 +1452,3 @@
 
-var Text = styled__default.div(_templateObject$b(), function (props) {
+var Text = styled__default.div(_templateObject$c(), function (props) {
   return getFontSize(props.textStyle);
@@ -1531,24 +1555,2 @@ }, function (props) {
 
-function _templateObject2$7() {
-  var data = _taggedTemplateLiteral(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"]);
-
-  _templateObject2$7 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject$c() {
-  var data = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"]);
-
-  _templateObject$c = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-var absoluteCenter = styled.css(_templateObject$c());
-var ellipsis = styled.css(_templateObject2$7());
-
 function _templateObject4$5() {
@@ -1555,0 +1557,0 @@ var data = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  height: ", "px;\n  padding: 5px 6px;\n\n  &:not(:first-child) {\n    ", " {\n      &::before {\n        ", "\n        top: 0;\n        width: 2px;\n        height: ", "px;\n        background-color: ", ";\n        content: '';\n      }\n    }\n  }\n"]);

build/components/Text/TextColors.d.ts

@@ -5,5 +5,5 @@ declare enum TextColors {
     Success = "success",
-    Highlited = "highlited",
+    Highlighted = "highlighted",
     Warning = "warning"
 }
 export default TextColors;

build/containers/FormProvider/FormProvider.d.ts

@@ -7,5 +7,5 @@ import { PropsWithChildren } from 'react';
     submitting?: boolean;
-    onSubmit?: (values: InputValues, componentId: string) => void;
+    onSubmit?: (values: InputValues, componentId: string) => void | Promise<void>;
 }
 declare function FormProvider({ submitting, onSubmit, children, }: PropsWithChildren<FormProviderProps>): JSX.Element;
 export default FormProvider;

build/containers/Main/Main.d.ts

@@ -12,3 +12,3 @@ import { ReactElement } from 'react';
     submitting?: boolean;
-    onSubmit?: (values: InputValues, componentId: string) => void;
+    onSubmit?: (values: InputValues, componentId: string) => void | Promise<void>;
     layout: Item[];
@@ -15,0 +15,0 @@ }

build/esm.js

@@ -208,2 +208,4 @@ import React, { createContext, useRef, useState, useCallback, useMemo, useContext, useReducer, useEffect } from 'react';
 
+var initialInputValues = {};
+
 function FormProvider(_ref) {
@@ -215,3 +217,3 @@ var _ref$submitting = _ref.submitting,
 
-  var _useState = useState({}),
+  var _useState = useState(initialInputValues),
       _useState2 = _slicedToArray(_useState, 2),
@@ -237,6 +239,6 @@ values = _useState2[0],
   var submit = useCallback(function (componentId) {
-    if (onSubmit) {
-      onSubmit(valuesRef.current, componentId);
-    }
-  }, [onSubmit]);
+    return onSubmit ? Promise.resolve(onSubmit(valuesRef.current, componentId)).then(function () {
+      return updateValues(initialInputValues);
+    }) : Promise.resolve();
+  }, [onSubmit, updateValues]);
   var value = useMemo(function () {
@@ -558,2 +560,24 @@ return {
 
+function _templateObject2$2() {
+  var data = _taggedTemplateLiteral(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"]);
+
+  _templateObject2$2 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject$4() {
+  var data = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"]);
+
+  _templateObject$4 = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+var absoluteCenter = css(_templateObject$4());
+var ellipsis = css(_templateObject2$2());
+
 function _templateObject9() {
@@ -570,3 +594,3 @@ var data = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 13px;\n  font-weight: bold;\n  line-height: 18px;\n  margin-top: 4px;\n  margin-left: 5px;\n"]);
 function _templateObject8() {
-  var data = _taggedTemplateLiteral(["\n  background-color: ", ";\n  height: 32px;\n  padding: 7px 16px;\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: normal;\n  cursor: pointer;\n\n  &:hover {\n    background-color: ", ";\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  background-color: ", ";\n  height: 32px;\n  padding: 7px 16px;\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: normal;\n  cursor: pointer;\n  ", "\n\n  &:hover {\n    background-color: ", ";\n  }\n"]);
 
@@ -601,3 +625,3 @@ _templateObject8 = function _templateObject8() {
 function _templateObject5() {
-  var data = _taggedTemplateLiteral(["\n  width: 100%;\n  background-color: ", ";\n  padding: 8px 0;\n  position: absolute;\n  max-height: 345px;\n  overflow-y: auto;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px 0 ", ", 0 0 0 1px ", ";\n  ", "\n"]);
+  var data = _taggedTemplateLiteral(["\n  width: 100%;\n  background-color: ", ";\n  padding: 8px 0;\n  position: absolute;\n  z-index: 10;\n  max-height: 345px;\n  overflow-y: auto;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px 0 ", ", 0 0 0 1px ", ";\n  ", "\n"]);
 
@@ -631,6 +655,6 @@ _templateObject5 = function _templateObject5() {
 
-function _templateObject2$2() {
+function _templateObject2$3() {
   var data = _taggedTemplateLiteral(["\n  margin: 0 14px;\n"]);
 
-  _templateObject2$2 = function _templateObject2() {
+  _templateObject2$3 = function _templateObject2() {
     return data;
@@ -642,6 +666,6 @@ };
 
-function _templateObject$4() {
+function _templateObject$5() {
   var data = _taggedTemplateLiteral(["\n  position: relative;\n  margin-bottom: 8px;\n"]);
 
-  _templateObject$4 = function _templateObject() {
+  _templateObject$5 = function _templateObject() {
     return data;
@@ -652,4 +676,4 @@ };
 }
-var Wrapper$2 = styled.div(_templateObject$4());
-var Content = styled.div(_templateObject2$2());
+var Wrapper$2 = styled.div(_templateObject$5());
+var Content = styled.div(_templateObject2$3());
 var Select = styled.div(_templateObject3$1(), function (props) {
@@ -674,3 +698,3 @@ return props.disabled ? Colors$1.Grey200 : Colors$1.White;
   return props.selected ? Colors$1.Grey200 : Colors$1.White;
-}, Colors$1.Grey200);
+}, ellipsis, Colors$1.Grey200);
 var Error = styled.span(_templateObject9(), Colors$1.Orange400);
@@ -868,6 +892,6 @@
 
-function _templateObject2$3() {
+function _templateObject2$4() {
   var data = _taggedTemplateLiteral(["\n  display: block;\n  color: ", ";\n  font-size: 13px;\n  font-weight: bold;\n  line-height: 18px;\n  margin-bottom: 3px;\n  margin-left: ", "px;\n"]);
 
-  _templateObject2$3 = function _templateObject2() {
+  _templateObject2$4 = function _templateObject2() {
     return data;
@@ -879,6 +903,6 @@ };
 
-function _templateObject$5() {
+function _templateObject$6() {
   var data = _taggedTemplateLiteral(["\n  padding: 0 14px;\n  margin-bottom: 6px;\n"]);
 
-  _templateObject$5 = function _templateObject() {
+  _templateObject$6 = function _templateObject() {
     return data;
@@ -890,4 +914,4 @@ };
 var TEXT_LEFT_MARGIN = 3;
-var Wrapper$3 = styled.div(_templateObject$5());
-var Label$2 = styled.label(_templateObject2$3(), Colors$1.Grey900, TEXT_LEFT_MARGIN);
+var Wrapper$3 = styled.div(_templateObject$6());
+var Label$2 = styled.label(_templateObject2$4(), Colors$1.Grey900, TEXT_LEFT_MARGIN);
 var Input = styled.input(_templateObject3$2(), function (props) {
@@ -951,3 +975,3 @@ return props.hasError ? Colors$1.Orange200 : Colors$1.Grey300;
 
-    return undefined;
+    return '';
   }, [values, id, value]);
@@ -970,6 +994,6 @@ var handleOnChange = useCallback(function (event) {
 
-function _templateObject2$4() {
+function _templateObject2$5() {
   var data = _taggedTemplateLiteral(["\n  display: block;\n  width: 100%;\n  height: auto;\n  border-radius: 5px;\n  overflow: hidden;\n"]);
 
-  _templateObject2$4 = function _templateObject2() {
+  _templateObject2$5 = function _templateObject2() {
     return data;
@@ -981,6 +1005,6 @@ };
 
-function _templateObject$6() {
+function _templateObject$7() {
   var data = _taggedTemplateLiteral(["\n  padding: 0 14px;\n  margin: 6px 0;\n"]);
 
-  _templateObject$6 = function _templateObject() {
+  _templateObject$7 = function _templateObject() {
     return data;
@@ -991,4 +1015,4 @@ };
 }
-var Wrapper$4 = styled.div(_templateObject$6());
-var Image = styled.img(_templateObject2$4());
+var Wrapper$4 = styled.div(_templateObject$7());
+var Image = styled.img(_templateObject2$5());
 
@@ -1031,6 +1055,6 @@ /* External dependencies */
 
-function _templateObject2$5() {
+function _templateObject2$6() {
   var data = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 5px 14px;\n"]);
 
-  _templateObject2$5 = function _templateObject2() {
+  _templateObject2$6 = function _templateObject2() {
     return data;
@@ -1042,6 +1066,6 @@ };
 
-function _templateObject$7() {
+function _templateObject$8() {
   var data = _taggedTemplateLiteral(["\n  margin-bottom: 6px;\n"]);
 
-  _templateObject$7 = function _templateObject() {
+  _templateObject$8 = function _templateObject() {
     return data;
@@ -1052,4 +1076,4 @@ };
 }
-var Wrapper$5 = styled.div(_templateObject$7());
-var Item = styled.div(_templateObject2$5());
+var Wrapper$5 = styled.div(_templateObject$8());
+var Item = styled.div(_templateObject2$6());
 var Key = styled.span(_templateObject3$3(), Colors$1.Grey500);
@@ -1115,6 +1139,6 @@ var Value = styled.span(_templateObject4$3(), Colors$1.Grey900);
 
-function _templateObject2$6() {
+function _templateObject2$7() {
   var data = _taggedTemplateLiteral(["\n  flex: 1 1 auto;\n"]);
 
-  _templateObject2$6 = function _templateObject2() {
+  _templateObject2$7 = function _templateObject2() {
     return data;
@@ -1126,6 +1150,6 @@ };
 
-function _templateObject$8() {
+function _templateObject$9() {
   var data = _taggedTemplateLiteral(["\n  display: flex;\n  padding: 7px 14px;\n  transition: background-color ease-in-out .15s;\n  cursor: ", ";\n\n  &:hover {\n    background-color: ", ";\n  }\n"]);
 
-  _templateObject$8 = function _templateObject() {
+  _templateObject$9 = function _templateObject() {
     return data;
@@ -1155,6 +1179,6 @@ };
 
-var Wrapper$6 = styled.div(_templateObject$8(), function (props) {
+var Wrapper$6 = styled.div(_templateObject$9(), function (props) {
   return getWrapperCursor(props);
 }, Colors$1.Grey200);
-var Content$1 = styled.div(_templateObject2$6());
+var Content$1 = styled.div(_templateObject2$7());
 /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */
@@ -1233,6 +1257,6 @@
 
-function _templateObject$9() {
+function _templateObject$a() {
   var data = _taggedTemplateLiteral(["\n  margin-bottom: 6px;\n"]);
 
-  _templateObject$9 = function _templateObject() {
+  _templateObject$a = function _templateObject() {
     return data;
@@ -1243,3 +1267,3 @@ };
 }
-var Wrapper$7 = styled.div(_templateObject$9());
+var Wrapper$7 = styled.div(_templateObject$a());
 
@@ -1268,6 +1292,6 @@ function List(_ref) {
 
-function _templateObject$a() {
+function _templateObject$b() {
   var data = _taggedTemplateLiteral(["\n  width: 100%;\n  height: ", ";\n"]);
 
-  _templateObject$a = function _templateObject() {
+  _templateObject$b = function _templateObject() {
     return data;
@@ -1298,3 +1322,3 @@ };
 
-var Spacer = styled.div(_templateObject$a(), function (props) {
+var Spacer = styled.div(_templateObject$b(), function (props) {
   return getHeight(props.size);
@@ -1318,3 +1342,3 @@ });
   TextColors["Success"] = "success";
-  TextColors["Highlited"] = "highlited";
+  TextColors["Highlighted"] = "highlighted";
   TextColors["Warning"] = "warning";
@@ -1335,6 +1359,6 @@ })(TextColors || (TextColors = {}));
 
-function _templateObject$b() {
+function _templateObject$c() {
   var data = _taggedTemplateLiteral(["\n  font-size: ", "px;\n  font-weight: ", ";\n  color: ", ";\n  white-space: pre-line;\n  text-align: ", ";\n  padding: 0 14px;\n  margin-top: ", "px;\n  margin-bottom: ", "px;\n"]);
 
-  _templateObject$b = function _templateObject() {
+  _templateObject$c = function _templateObject() {
     return data;
@@ -1378,3 +1402,3 @@ };
 
-    case TextColors$1.Highlited:
+    case TextColors$1.Highlighted:
       return Colors$1.Cobalt400;
@@ -1422,3 +1446,3 @@
 
-var Text = styled.div(_templateObject$b(), function (props) {
+var Text = styled.div(_templateObject$c(), function (props) {
   return getFontSize(props.textStyle);
@@ -1525,24 +1549,2 @@ }, function (props) {
 
-function _templateObject2$7() {
-  var data = _taggedTemplateLiteral(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"]);
-
-  _templateObject2$7 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject$c() {
-  var data = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"]);
-
-  _templateObject$c = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-var absoluteCenter = css(_templateObject$c());
-var ellipsis = css(_templateObject2$7());
-
 function _templateObject4$5() {
@@ -1549,0 +1551,0 @@ var data = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  height: ", "px;\n  padding: 5px 6px;\n\n  &:not(:first-child) {\n    ", " {\n      &::before {\n        ", "\n        top: 0;\n        width: 2px;\n        height: ", "px;\n        background-color: ", ";\n        content: '';\n      }\n    }\n  }\n"]);

package.json

 {
   "name": "@channel.io/snippet",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "channel.io snippet components",
@@ -5,0 +5,0 @@ "main": "build/cjs.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

375381

increased by0.38%

Lines of code

6011

increased by0.03%

No dependency changes