@terraware/web-components 2.10.4 → 2.10.6-rc.0

package/components/Separator/index.d.ts

@@ -1,5 +1,6 @@
 declare const Separator: (props: {
     height?: string;
+    color?: string;
 }) => JSX.Element;
 export default Separator;
 //# sourceMappingURL=index.d.ts.map

package/components/Separator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/index.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,SAAS,UAAW;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,gBAW5C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/index.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,SAAS,UAAW;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,gBAW5D,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/components/Separator/index.js

@@ -14,7 +14,7 @@ var Separator = function Separator(props) {
       margin: _theme.default.spacing(0, 2),
       width: '1px',
       height: props.height || '32px',
-      backgroundColor: _theme.default.palette.TwClrBgTertiary
+      backgroundColor: props.color || _theme.default.palette.TwClrBrdrTertiary
     }
   });
 };

package/components/Textfield/Textfield.d.ts

@@ -3,6 +3,13 @@ import { IconName } from '../Icon/icons';
 import './styles.scss';
 type TextfieldType = 'text' | 'textarea' | 'number';
 type Handler = (value: unknown) => void;
+export interface TruncateConfig {
+    maxHeight: number;
+    showMoreText: string;
+    showLessText: string;
+    showTextStyle?: Record<string, any>;
+    valueTextStyle?: Record<string, any>;
+}
 export interface Props {
     autoFocus?: boolean;
     onChange?: Handler;
@@ -29,6 +36,7 @@ export interface Props {
     disabledCharacters?: string[];
     preserveNewlines?: boolean;
     required?: boolean;
+    truncateConfig?: TruncateConfig;
 }
 export default function TextField(props: Props): JSX.Element;
 export {};

package/components/Textfield/Textfield.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textfield.d.ts","sourceRoot":"","sources":["../../../src/components/Textfield/Textfield.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,eAAe,CAAC;AAIvB,KAAK,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC;AAEpD,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;AAExC,MAAM,WAAW,KAAK;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA+I3D"}
+{"version":3,"file":"Textfield.d.ts","sourceRoot":"","sources":["../../../src/components/Textfield/Textfield.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,eAAe,CAAC;AAKvB,KAAK,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC;AAEpD,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;AAExC,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,KAAK;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA4J3D"}

package/components/Textfield/Textfield.js

@@ -1,16 +1,18 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TextField;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
 require("./styles.scss");
 var _utils = require("../../utils");
 var _IconTooltip = _interopRequireDefault(require("../IconTooltip"));
+var _TruncatedTextArea = _interopRequireDefault(require("./TruncatedTextArea"));
 function TextField(props) {
   var value = props.value,
     autoFocus = props.autoFocus,
@@ -36,7 +38,8 @@ function TextField(props) {
     max = props.max,
     disabledCharacters = props.disabledCharacters,
     preserveNewlines = props.preserveNewlines,
-    required = props.required;
+    required = props.required,
+    truncateConfig = props.truncateConfig;
   var textfieldClass = (0, _classnames.default)({
     'textfield-value': true,
     'textfield-value--disabled': disabled,
@@ -85,6 +88,21 @@ function TextField(props) {
       typeProps.max = max;
     }
   }
+  var displayComponent = (0, _react.useMemo)(function () {
+    if (!display) {
+      return null;
+    }
+    if (type === 'textarea' && truncateConfig) {
+      return /*#__PURE__*/_react.default.createElement(_TruncatedTextArea.default, {
+        preserveNewlines: preserveNewlines,
+        truncateConfig: truncateConfig,
+        value: value
+      });
+    }
+    return /*#__PURE__*/_react.default.createElement("p", {
+      className: "textfield-value--display".concat(preserveNewlines ? ' preserve-newlines' : '')
+    }, value);
+  }, [display, preserveNewlines, truncateConfig, type, value]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "textfield ".concat(className)
   }, /*#__PURE__*/_react.default.createElement("label", {
@@ -120,9 +138,7 @@ function TextField(props) {
     onChange: textfieldOnChange,
     onBlur: onBlur,
     required: required
-  })), display && /*#__PURE__*/_react.default.createElement("p", {
-    className: "textfield-value--display".concat(preserveNewlines ? ' preserve-newlines' : '')
-  }, value), errorText && /*#__PURE__*/_react.default.createElement("div", {
+  })), displayComponent, errorText && /*#__PURE__*/_react.default.createElement("div", {
     className: "textfield-label-container"
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     name: "error",

package/components/Textfield/TruncatedTextArea.d.ts

@@ -0,0 +1,9 @@
+import { TruncateConfig } from './Textfield';
+interface TruncatedTextAreaProps {
+    preserveNewlines?: boolean;
+    truncateConfig: TruncateConfig;
+    value?: string | number;
+}
+declare const TruncatedTextArea: ({ preserveNewlines, truncateConfig, value }: TruncatedTextAreaProps) => JSX.Element;
+export default TruncatedTextArea;
+//# sourceMappingURL=TruncatedTextArea.d.ts.map

package/components/Textfield/TruncatedTextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TruncatedTextArea.d.ts","sourceRoot":"","sources":["../../../src/components/Textfield/TruncatedTextArea.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG7C,UAAU,sBAAsB;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,iBAAiB,gDAAiD,sBAAsB,gBAyD7F,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/components/Textfield/TruncatedTextArea.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _material = require("@mui/material");
+var TruncatedTextArea = function TruncatedTextArea(_ref) {
+  var preserveNewlines = _ref.preserveNewlines,
+    truncateConfig = _ref.truncateConfig,
+    value = _ref.value;
+  var maxHeight = truncateConfig.maxHeight,
+    showLessText = truncateConfig.showLessText,
+    showMoreText = truncateConfig.showMoreText,
+    showTextStyle = truncateConfig.showTextStyle,
+    valueTextStyle = truncateConfig.valueTextStyle;
+  var theme = (0, _material.useTheme)();
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    showAll = _useState2[0],
+    setShowAll = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    needsTruncating = _useState4[0],
+    setNeedsTruncating = _useState4[1];
+  var _useState5 = (0, _react.useState)(0),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    totalHeight = _useState6[0],
+    setTotalHeight = _useState6[1];
+  var ref = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    if (ref && ref.current && !totalHeight) {
+      var height = ref.current.clientHeight;
+      setTotalHeight(height);
+      setNeedsTruncating(height > maxHeight);
+    }
+  }, [maxHeight, ref, totalHeight]);
+  var toggleShowAll = function toggleShowAll() {
+    return setShowAll(function (prev) {
+      return !prev;
+    });
+  };
+  var textStyle = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, valueTextStyle), {}, {
+    margin: '8px 0',
+    padding: 0,
+    overflow: 'hidden',
+    width: '100%'
+  });
+  if (!showAll) {
+    textStyle.maxHeight = "".concat(maxHeight, "px");
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
+    ref: ref,
+    className: "textfield-value--display".concat(preserveNewlines ? ' preserve-newlines' : ''),
+    style: textStyle
+  }, value), needsTruncating && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.Link, {
+    component: "button",
+    onClick: toggleShowAll,
+    onBlur: toggleShowAll,
+    sx: {
+      color: theme.palette.TwClrTxtBrand,
+      textDecorationColor: "".concat(theme.palette.TwClrTxtBrand, "80")
+    }
+  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    sx: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, showTextStyle), {}, {
+      marginTop: '-3px'
+    })
+  }, showAll ? showLessText : showMoreText))));
+};
+var _default = TruncatedTextArea;
+exports.default = _default;

package/license-report.html

@@ -45,6 +45,6 @@ th, td {
     padding: 15px;
 }
 </style>
-<table><thead><tr><th class="string">department</th><th class="string">related to</th><th class="string">name</th><th class="string">license period</th><th class="string">material / not material</th><th class="string">license type</th><th class="string">link</th><th class="string">remote version</th><th class="string">installed version</th><th class="string">defined version</th><th class="string">author</th></tr></thead><tbody><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@date-io/date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.17.0</td><td class="string">2.15.0</td><td class="string">^2.14.0</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@date-io/moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.17.0</td><td class="string">2.16.1</td><td class="string">^2.16.1</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/core</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">6.1.0</td><td class="string">6.0.7</td><td class="string">^6.0.7</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/sortable</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">7.0.2</td><td class="string">7.0.2</td><td class="string">^7.0.2</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.11.4</td><td class="string">11.11.3</td><td class="string">^11.11.3</td><td class="string">Emotion Contributors</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/styled</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.11.0</td><td class="string">11.11.0</td><td class="string">^11.11.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/icons-material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.15.13</td><td class="string">5.15.3</td><td class="string">^5.15.3</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/lab</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.0.0-alpha.168</td><td class="string">5.0.0-alpha.159</td><td class="string">^5.0.0-alpha.159</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.15.13</td><td class="string">5.15.3</td><td class="string">^5.15.3</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/styles</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.15.13</td><td class="string">5.15.3</td><td class="string">^5.15.3</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/x-date-pickers</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/mui-x.git</td><td class="string">5.0.20</td><td class="string">5.0.20</td><td class="string">^5.0.20</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">classnames</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/JedWatson/classnames.git</td><td class="string">2.5.1</td><td class="string">2.3.2</td><td class="string">^2.3.2</td><td class="string">Jed Watson</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/date-fns/date-fns.git</td><td class="string">2.30.0</td><td class="string">2.29.3</td><td class="string">^2.29.3</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">luxon</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/luxon.git</td><td class="string">3.4.4</td><td class="string">3.3.0</td><td class="string">^3.3.0</td><td class="string">Isaac Cambron</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/moment.git</td><td class="string">2.30.1</td><td class="string">2.29.4</td><td class="string">^2.29.4</td><td class="string">Iskren Ivov Chernev <iskren.chernev@gmail.com> (https://github.com/ichernev)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">moment-timezone</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/moment-timezone.git</td><td class="string">0.5.45</td><td class="string">0.5.43</td><td class="string">^0.5.43</td><td class="string">Tim Wood <washwithcare@gmail.com> (http://timwoodcreates.com/)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-dom</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-intersection-observer</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/thebuilder/react-intersection-observer.git</td><td class="string">9.8.1</td><td class="string">9.5.2</td><td class="string">^9.5.2</td><td class="string">Daniel Schmidt</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-multi-carousel</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/YIZHUANG/react-multi-carousel.git</td><td class="string">2.8.4</td><td class="string">2.8.3</td><td class="string">^2.8.2</td><td class="string">YI ZHUANG https://github.com/YIZHUANG</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-responsive</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/contra/react-responsive.git</td><td class="string">9.0.2</td><td class="string">9.0.2</td><td class="string">^9.0.2</td><td class="string">Contra <yo@contra.io> (https://contra.io)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-sortable-hoc</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/react-sortable-hoc.git</td><td class="string">2.0.0</td><td class="string">2.0.0</td><td class="string">^2.0.0</td><td class="string">Clauderic Demers me@ced.io</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">sass</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/sass/dart-sass.git</td><td class="string">1.72.0</td><td class="string">1.57.1</td><td class="string">^1.57.1</td><td class="string">Natalie Weizenbaum nweiz@google.com https://github.com/nex3</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">tinycolor2</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/bgrins/TinyColor.git</td><td class="string">1.6.0</td><td class="string">1.6.0</td><td class="string">^1.6.0</td><td class="string">Brian Grinstead <briangrinstead@gmail.com> (http://briangrinstead.com)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">web-vitals</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">git+https://github.com/GoogleChrome/web-vitals.git</td><td class="string">3.5.2</td><td class="string">3.3.0</td><td class="string">^3.3.0</td><td class="string">Philip Walton philip@philipwalton.com http://philipwalton.com</td></tr></tbody></table>
+<table><thead><tr><th class="string">department</th><th class="string">related to</th><th class="string">name</th><th class="string">license period</th><th class="string">material / not material</th><th class="string">license type</th><th class="string">link</th><th class="string">remote version</th><th class="string">installed version</th><th class="string">defined version</th><th class="string">author</th></tr></thead><tbody><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@date-io/date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.17.0</td><td class="string">2.15.0</td><td class="string">^2.14.0</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@date-io/moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.17.0</td><td class="string">2.16.1</td><td class="string">^2.16.1</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/core</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">6.1.0</td><td class="string">6.0.7</td><td class="string">^6.0.7</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/sortable</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">7.0.2</td><td class="string">7.0.2</td><td class="string">^7.0.2</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.11.4</td><td class="string">11.11.3</td><td class="string">^11.11.3</td><td class="string">Emotion Contributors</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/styled</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.11.0</td><td class="string">11.11.0</td><td class="string">^11.11.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/icons-material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.15.14</td><td class="string">5.15.3</td><td class="string">^5.15.3</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/lab</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.0.0-alpha.169</td><td class="string">5.0.0-alpha.159</td><td class="string">^5.0.0-alpha.159</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.15.14</td><td class="string">5.15.3</td><td class="string">^5.15.3</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/styles</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.15.14</td><td class="string">5.15.3</td><td class="string">^5.15.3</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/x-date-pickers</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/mui-x.git</td><td class="string">5.0.20</td><td class="string">5.0.20</td><td class="string">^5.0.20</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">classnames</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/JedWatson/classnames.git</td><td class="string">2.5.1</td><td class="string">2.3.2</td><td class="string">^2.3.2</td><td class="string">Jed Watson</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/date-fns/date-fns.git</td><td class="string">2.30.0</td><td class="string">2.29.3</td><td class="string">^2.29.3</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">luxon</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/luxon.git</td><td class="string">3.4.4</td><td class="string">3.3.0</td><td class="string">^3.3.0</td><td class="string">Isaac Cambron</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/moment.git</td><td class="string">2.30.1</td><td class="string">2.29.4</td><td class="string">^2.29.4</td><td class="string">Iskren Ivov Chernev <iskren.chernev@gmail.com> (https://github.com/ichernev)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">moment-timezone</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/moment-timezone.git</td><td class="string">0.5.45</td><td class="string">0.5.43</td><td class="string">^0.5.43</td><td class="string">Tim Wood <washwithcare@gmail.com> (http://timwoodcreates.com/)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-dom</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-intersection-observer</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/thebuilder/react-intersection-observer.git</td><td class="string">9.8.1</td><td class="string">9.5.2</td><td class="string">^9.5.2</td><td class="string">Daniel Schmidt</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-multi-carousel</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/YIZHUANG/react-multi-carousel.git</td><td class="string">2.8.4</td><td class="string">2.8.3</td><td class="string">^2.8.2</td><td class="string">YI ZHUANG https://github.com/YIZHUANG</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-responsive</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/contra/react-responsive.git</td><td class="string">9.0.2</td><td class="string">9.0.2</td><td class="string">^9.0.2</td><td class="string">Contra <yo@contra.io> (https://contra.io)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-sortable-hoc</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/react-sortable-hoc.git</td><td class="string">2.0.0</td><td class="string">2.0.0</td><td class="string">^2.0.0</td><td class="string">Clauderic Demers me@ced.io</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">sass</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/sass/dart-sass.git</td><td class="string">1.72.0</td><td class="string">1.57.1</td><td class="string">^1.57.1</td><td class="string">Natalie Weizenbaum nweiz@google.com https://github.com/nex3</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">tinycolor2</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/bgrins/TinyColor.git</td><td class="string">1.6.0</td><td class="string">1.6.0</td><td class="string">^1.6.0</td><td class="string">Brian Grinstead <briangrinstead@gmail.com> (http://briangrinstead.com)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">web-vitals</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">git+https://github.com/GoogleChrome/web-vitals.git</td><td class="string">3.5.2</td><td class="string">3.3.0</td><td class="string">^3.3.0</td><td class="string">Philip Walton philip@philipwalton.com http://philipwalton.com</td></tr></tbody></table>
 </body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@terraware/web-components",
-  "version": "2.10.4",
+  "version": "2.10.6-rc.0",
   "author": "Terraformation Inc.",
   "license": "Apache-2.0",
   "repository": {

package/stories/Separator.stories.d.ts

@@ -2,6 +2,7 @@ declare const _default: {
     title: string;
     component: (props: {
         height?: string | undefined;
+        color?: string | undefined;
     }) => JSX.Element;
 };
 export default _default;

package/stories/Separator.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Separator.stories.tsx"],"names":[],"mappings":";;;;;;AAIA,wBAGE;AAIF,eAAO,MAAM,OAAO;YAFY,MAAM;EAEE,CAAC"}
+{"version":3,"file":"Separator.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Separator.stories.tsx"],"names":[],"mappings":";;;;;;;AAIA,wBAGE;AAIF,eAAO,MAAM,OAAO;YAFY,MAAM;EAEE,CAAC"}

package/stories/TextfieldNew.stories.d.ts

@@ -27,5 +27,6 @@ export default _default;
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TextFieldProps>;
 export declare const WithTooltip: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TextFieldProps>;
 export declare const TextArea: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TextFieldProps>;
+export declare const TextAreaWithTruncate: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TextFieldProps>;
 export declare const NumberField: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TextFieldProps>;
 //# sourceMappingURL=TextfieldNew.stories.d.ts.map

package/stories/TextfieldNew.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextfieldNew.stories.d.ts","sourceRoot":"","sources":["../../src/stories/TextfieldNew.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,SAAS,EAAE,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;AAEvF,wBAiBE;AA4BF,eAAO,MAAM,OAAO,+GAAoB,CAAC;AAEzC,eAAO,MAAM,WAAW,+GAAoB,CAAC;AAE7C,eAAO,MAAM,QAAQ,+GAAoB,CAAC;AAE1C,eAAO,MAAM,WAAW,+GAA0B,CAAC"}
+{"version":3,"file":"TextfieldNew.stories.d.ts","sourceRoot":"","sources":["../../src/stories/TextfieldNew.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,SAAS,EAAE,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;AAEvF,wBAiBE;AA4BF,eAAO,MAAM,OAAO,+GAAoB,CAAC;AAEzC,eAAO,MAAM,WAAW,+GAAoB,CAAC;AAE7C,eAAO,MAAM,QAAQ,+GAAoB,CAAC;AAE1C,eAAO,MAAM,oBAAoB,+GAAoB,CAAC;AAEtD,eAAO,MAAM,WAAW,+GAA0B,CAAC"}