@terraware/web-components 2.0.44 → 2.0.46

package/components/Autocomplete/Autocomplete.d.ts

@@ -18,10 +18,11 @@ export interface Props {
     hideClearIcon?: boolean;
     isEqual?: (option: ValueType, value: ValueType) => void;
     placeholder?: string;
+    errorText?: string;
 }
 export declare type DropdownItem = {
     label: string;
     value: string;
 };
-export default function Autocomplete({ id, label, values, onChange, selected, freeSolo, disabled, className, hideClearIcon, isEqual, placeholder, }: Props): JSX.Element;
+export default function Autocomplete({ id, label, values, onChange, selected, freeSolo, disabled, className, hideClearIcon, isEqual, placeholder, errorText, }: Props): JSX.Element;
 //# sourceMappingURL=Autocomplete.d.ts.map

package/components/Autocomplete/Autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AAGA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,eAAe,CAAC;AAEvB,oBAAY,MAAM,GAAG;IACnB,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAExC,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACjD,QAAQ,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,oBAAY,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,EAAE,EACF,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,aAAa,EACb,OAAO,EACP,WAAW,GACZ,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAgErB"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AAGA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,eAAe,CAAC;AAEvB,oBAAY,MAAM,GAAG;IACnB,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAExC,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACjD,QAAQ,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,oBAAY,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,EAAE,EACF,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,aAAa,EACb,OAAO,EACP,WAAW,EACX,SAAS,GACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAwErB"}

package/components/Autocomplete/Autocomplete.js

@@ -28,7 +28,8 @@ function Autocomplete(_ref) {
       className = _ref.className,
       hideClearIcon = _ref.hideClearIcon,
       isEqual = _ref.isEqual,
-      placeholder = _ref.placeholder;
+      placeholder = _ref.placeholder,
+      errorText = _ref.errorText;
 
   var onChangeHandler = function onChangeHandler(event, value) {
     if (event) {
@@ -50,7 +51,14 @@ function Autocomplete(_ref) {
       variant: "outlined",
       size: "small",
       placeholder: placeholder
-    })));
+    })), errorText && /*#__PURE__*/_react.default.createElement("div", {
+      className: "textfield-label-container"
+    }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      name: "error",
+      className: "textfield-error-text--icon"
+    }), /*#__PURE__*/_react.default.createElement("label", {
+      className: "textfield-error-text"
+    }, errorText)));
   };
 
   var optionalArgs = {};

package/components/Autocomplete/styles.scss

@@ -86,4 +86,28 @@
       }
     }
   }
+
+  .textfield-label-container {
+    display: flex;
+    width: 100%;
+    margin-top: $tw-spc-base-xx-small;
+  }
+
+  .textfield-error-text {
+    font-family: $tw-fnt-frm-fld-error-text-font-family;
+    font-size: $tw-fnt-frm-fld-error-text-font-size;
+    font-weight: $tw-fnt-frm-fld-error-text-font-weight;
+    line-height: $tw-fnt-frm-fld-error-text-line-height;
+    color: $tw-clr-txt-danger;
+    display: block;
+    width: 100%;
+    max-width: 100%;
+
+    &--icon {
+      fill: $tw-clr-icn-danger;
+      width: $tw-fnt-frm-fld-error-text-line-height;
+      height: $tw-fnt-frm-fld-error-text-line-height;
+      margin-right: $tw-spc-base-x-small;
+    }
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@terraware/web-components",
-  "version": "2.0.44",
+  "version": "2.0.46",
   "author": "Terraformation Inc.",
   "license": "Apache-2.0",
   "repository": {

package/style-dictionary-dist2/TerrawareTheme2.js

@@ -110,7 +110,7 @@ var TerrawareTheme2 = {
     "TwClrBgTertiaryActive": "#B2AB93",
     "TwClrBgTertiaryHover": "linear-gradient(rgb(178 171 147 / 50%), rgb(178 171 147 / 50%)), linear-gradient(#CBC6B7, #CBC6B7)",
     "TwClrBrdr": "#333025",
-    "TwClrBrdrActive": "linear-gradient(rgb(70 88 170 / 50%), rgb(70 88 170 / 50%)), linear-gradient(#6172BE, #6172BE)",
+    "TwClrBrdrActive": "mix(#4658AA, #6172BE, 50%)",
     "TwClrBrdrFocus": "#4658AA",
     "TwClrBrdrHover": "#6172BE",
     "TwClrBrdrSecondary": "#7F775B",

package/style-dictionary-dist2/terraware.scss

@@ -99,7 +99,7 @@ $tw-clr-bg-tertiary: #CBC6B7;
 $tw-clr-bg-tertiary-active: #B2AB93;
 $tw-clr-bg-tertiary-hover: linear-gradient(rgba(#B2AB93, 0.5), rgba(#B2AB93, 0.5)), linear-gradient(#CBC6B7, #CBC6B7);
 $tw-clr-brdr: #333025;
-$tw-clr-brdr-active: linear-gradient(rgba(#4658AA, 0.5), rgba(#4658AA, 0.5)), linear-gradient(#6172BE, #6172BE);
+$tw-clr-brdr-active: mix(#4658AA, #6172BE, 50%);
 $tw-clr-brdr-focus: #4658AA;
 $tw-clr-brdr-hover: #6172BE;
 $tw-clr-brdr-secondary: #7F775B;