@terraware/web-components 3.6.0 → 3.6.1

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.
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import './styles.scss';
3
+ export type MarkdownProps = {
4
+ value: string;
5
+ };
6
+ declare const Markdown: ({ value }: MarkdownProps) => JSX.Element;
7
+ export default Markdown;
8
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/index.tsx"],"names":[],"mappings":";AAIA,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,QAAQ,cAAe,aAAa,KAAG,WAa5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = void 0;
8
+ var _react = _interopRequireWildcard(require("react"));
9
+ var _marked = require("marked");
10
+ require("./styles.scss");
11
+ const Markdown = _ref => {
12
+ let {
13
+ value
14
+ } = _ref;
15
+ const [html, setHtml] = (0, _react.useState)();
16
+ const parseValue = (0, _react.useCallback)(async _value => {
17
+ const _html = await _marked.marked.parse(_value);
18
+ setHtml(_html);
19
+ }, []);
20
+ (0, _react.useEffect)(() => {
21
+ void parseValue(value);
22
+ }, [value]);
23
+ return /*#__PURE__*/_react.default.createElement("div", {
24
+ className: "markdown",
25
+ dangerouslySetInnerHTML: {
26
+ __html: html !== null && html !== void 0 ? html : ''
27
+ }
28
+ });
29
+ };
30
+ var _default = exports.default = Markdown;
@@ -0,0 +1,129 @@
1
+ @use 'sass:math';
2
+
3
+ @import '../../style-dictionary-dist/terraware.scss';
4
+
5
+ @font-face {
6
+ font-family: 'Inter';
7
+ src: local('Inter'), url(../../fonts/Inter.ttf) format('truetype');
8
+ }
9
+
10
+ .markdown {
11
+ display: flex;
12
+ flex-flow: column;
13
+ font-family: $tw-fnt-frm-fld-text-value-font-family;
14
+ color: $tw-clr-txt;
15
+ padding: $tw-spc-base-x-small 0;
16
+ margin: 0;
17
+
18
+ h1 {
19
+ font-size: $tw-fnt-base-headline-01-semi-bold-font-size;
20
+ font-weight: $tw-fnt-base-headline-01-semi-bold-font-weight;
21
+ line-height: $tw-fnt-base-headline-01-semi-bold-line-height;
22
+ padding: 0;
23
+ margin: 0;
24
+ }
25
+ h2 {
26
+ font-size: $tw-fnt-base-headline-02-semi-bold-font-size;
27
+ font-weight: $tw-fnt-base-headline-02-semi-bold-font-weight;
28
+ line-height: $tw-fnt-base-headline-02-semi-bold-line-height;
29
+ padding: 0;
30
+ margin: 0;
31
+ }
32
+ h3 {
33
+ font-size: $tw-fnt-base-headline-03-semi-bold-font-size;
34
+ font-weight: $tw-fnt-base-headline-03-semi-bold-font-weight;
35
+ line-height: $tw-fnt-base-headline-03-semi-bold-line-height;
36
+ padding: 0;
37
+ margin: 0;
38
+ }
39
+ h4 {
40
+ font-size: $tw-fnt-base-headline-04-semi-bold-font-size;
41
+ font-weight: $tw-fnt-base-headline-04-semi-bold-font-weight;
42
+ line-height: $tw-fnt-base-headline-04-semi-bold-line-height;
43
+ padding: 0;
44
+ margin: 0;
45
+ }
46
+ h5 {
47
+ font-size: $tw-fnt-base-headline-05-semi-bold-font-size;
48
+ font-weight: $tw-fnt-base-headline-05-semi-bold-font-weight;
49
+ line-height: $tw-fnt-base-headline-05-semi-bold-line-height;
50
+ padding: 0;
51
+ margin: 0;
52
+ }
53
+ h6 {
54
+ font-size: $tw-fnt-base-headline-06-semi-bold-font-size;
55
+ font-weight: $tw-fnt-base-headline-06-semi-bold-font-weight;
56
+ line-height: $tw-fnt-base-headline-06-semi-bold-line-height;
57
+ padding: 0;
58
+ margin: 0;
59
+ }
60
+
61
+ p {
62
+ font-size: $tw-fnt-frm-fld-text-value-font-size;
63
+ font-weight: $tw-fnt-frm-fld-text-value-font-weight;
64
+ line-height: $tw-fnt-frm-fld-text-value-line-height;
65
+ padding: 0;
66
+ margin: 0;
67
+ }
68
+
69
+ a {
70
+ color: $tw-clr-txt-brand;
71
+ text-decoration: underline;
72
+ &:hover {
73
+ color: $tw-clr-txt-brand;
74
+ }
75
+ }
76
+
77
+ code {
78
+ font-family: 'Fira Code', monospace;
79
+ background: $tw-clr-bg-secondary;
80
+ color: $tw-clr-txt-secondary;
81
+ }
82
+
83
+ pre code {
84
+ display: block;
85
+ padding: 4px;
86
+ overflow-x: auto;
87
+ background: $tw-clr-bg-secondary;
88
+ color: $tw-clr-txt-secondary;
89
+ border-color: $tw-clr-brdr-secondary;
90
+ border-radius: 8px;
91
+ }
92
+
93
+ table {
94
+ width: 100%;
95
+ border-collapse: collapse;
96
+ }
97
+
98
+ th,
99
+ td {
100
+ border: none;
101
+ padding: 4px 8px;
102
+ text-align: left;
103
+ }
104
+
105
+ thead {
106
+ tr {
107
+ background-color: $tw-clr-base-gray-050;
108
+ }
109
+ }
110
+
111
+ tbody {
112
+ tr {
113
+ &:nth-child(odd) {
114
+ background-color: $tw-clr-base-white;
115
+ }
116
+
117
+ &:nth-child(even) {
118
+ background-color: $tw-clr-base-gray-050;
119
+ }
120
+ }
121
+ }
122
+
123
+ blockquote {
124
+ border-left: 4px solid $tw-clr-brdr-brand;
125
+ padding-left: 1em;
126
+ margin: 1em 0;
127
+ color: $tw-clr-txt-secondary;
128
+ }
129
+ }
@@ -9,7 +9,6 @@ export interface TruncateConfig {
9
9
  showMoreText: string;
10
10
  showLessText: string;
11
11
  showTextStyle?: Record<string, any>;
12
- valueTextStyle?: Record<string, any>;
13
12
  alignment?: 'left' | 'right';
14
13
  }
15
14
  export interface Props {
@@ -1 +1 @@
1
- {"version":3,"file":"Textfield.d.ts","sourceRoot":"","sources":["../../../src/components/Textfield/Textfield.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAO,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAM3D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGzC,OAAO,eAAe,CAAC;AAEvB,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;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,KAAK;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACjD,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,IAAI,EAAE,aAAa,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAuL3D"}
1
+ {"version":3,"file":"Textfield.d.ts","sourceRoot":"","sources":["../../../src/components/Textfield/Textfield.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAO,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAK3D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAIzC,OAAO,eAAe,CAAC;AAEvB,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,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,KAAK;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACjD,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,IAAI,EAAE,aAAa,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA4K3D"}
@@ -9,10 +9,10 @@ exports.default = TextField;
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _material = require("@mui/material");
11
11
  var _classnames = _interopRequireDefault(require("classnames"));
12
- var _markdownToJsx = _interopRequireDefault(require("markdown-to-jsx"));
13
12
  var _utils = require("../../utils");
14
13
  var _Icon = _interopRequireDefault(require("../Icon/Icon"));
15
14
  var _IconTooltip = _interopRequireDefault(require("../IconTooltip"));
15
+ var _Markdown = _interopRequireDefault(require("../Markdown"));
16
16
  var _TruncatedTextArea = _interopRequireDefault(require("./TruncatedTextArea"));
17
17
  require("./styles.scss");
18
18
  function TextField(props) {
@@ -98,25 +98,21 @@ function TextField(props) {
98
98
  }
99
99
  }
100
100
  const displayComponent = (0, _react.useMemo)(() => {
101
- if (!display) {
101
+ if (!display || value === undefined) {
102
102
  return null;
103
103
  }
104
+ const component = markdown ? /*#__PURE__*/_react.default.createElement(_Markdown.default, {
105
+ value: value.toString()
106
+ }) : /*#__PURE__*/_react.default.createElement("p", {
107
+ className: "textfield-value--display".concat(preserveNewlines ? ' preserve-newlines' : '')
108
+ }, value);
104
109
  if (type === 'textarea' && truncateConfig) {
105
110
  return /*#__PURE__*/_react.default.createElement(_TruncatedTextArea.default, {
106
- markdown: markdown,
107
- preserveNewlines: preserveNewlines,
108
- truncateConfig: truncateConfig,
109
- value: value
110
- });
111
- }
112
- if (markdown) {
113
- return value !== undefined && /*#__PURE__*/_react.default.createElement("div", {
114
- className: "textfield-display-markdown"
115
- }, /*#__PURE__*/_react.default.createElement(_markdownToJsx.default, null, value.toString()));
111
+ truncateConfig: truncateConfig
112
+ }, component);
113
+ } else {
114
+ return component;
116
115
  }
117
- return /*#__PURE__*/_react.default.createElement("p", {
118
- className: "textfield-value--display".concat(preserveNewlines ? ' preserve-newlines' : '')
119
- }, value);
120
116
  }, [display, markdown, preserveNewlines, truncateConfig, type, value]);
121
117
  return /*#__PURE__*/_react.default.createElement(_material.Box, {
122
118
  className: "textfield ".concat(className),
@@ -1,11 +1,10 @@
1
+ import { ReactNode } from 'react';
1
2
  import { TruncateConfig } from './Textfield';
2
3
  import './styles.scss';
3
4
  interface TruncatedTextAreaProps {
4
- markdown?: boolean;
5
- preserveNewlines?: boolean;
6
5
  truncateConfig: TruncateConfig;
7
- value?: string | number;
6
+ children: ReactNode;
8
7
  }
9
- declare const TruncatedTextArea: ({ markdown, preserveNewlines, truncateConfig, value }: TruncatedTextAreaProps) => import("react/jsx-runtime").JSX.Element;
8
+ declare const TruncatedTextArea: ({ truncateConfig, children }: TruncatedTextAreaProps) => import("react/jsx-runtime").JSX.Element;
10
9
  export default TruncatedTextArea;
11
10
  //# sourceMappingURL=TruncatedTextArea.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TruncatedTextArea.d.ts","sourceRoot":"","sources":["../../../src/components/Textfield/TruncatedTextArea.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,eAAe,CAAC;AAEvB,UAAU,sBAAsB;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,iBAAiB,0DAA2D,sBAAsB,4CA6DvG,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
1
+ {"version":3,"file":"TruncatedTextArea.d.ts","sourceRoot":"","sources":["../../../src/components/Textfield/TruncatedTextArea.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAItE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,eAAe,CAAC;AAEvB,UAAU,sBAAsB;IAC9B,cAAc,EAAE,cAAc,CAAC;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,QAAA,MAAM,iBAAiB,iCAAkC,sBAAsB,4CAoD9E,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
@@ -1,6 +1,5 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
3
  var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
@@ -8,21 +7,17 @@ Object.defineProperty(exports, "__esModule", {
8
7
  exports.default = void 0;
9
8
  var _react = _interopRequireWildcard(require("react"));
10
9
  var _material = require("@mui/material");
11
- var _markdownToJsx = _interopRequireDefault(require("markdown-to-jsx"));
12
10
  require("./styles.scss");
13
11
  const TruncatedTextArea = _ref => {
14
12
  let {
15
- markdown,
16
- preserveNewlines,
17
13
  truncateConfig,
18
- value
14
+ children
19
15
  } = _ref;
20
16
  const {
21
17
  maxHeight,
22
18
  showLessText,
23
19
  showMoreText,
24
20
  showTextStyle,
25
- valueTextStyle,
26
21
  alignment = 'left'
27
22
  } = truncateConfig;
28
23
  const theme = (0, _material.useTheme)();
@@ -49,12 +44,8 @@ const TruncatedTextArea = _ref => {
49
44
  }
50
45
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
51
46
  ref: ref,
52
- style: divStyle,
53
- className: markdown ? 'textfield-display-markdown' : undefined
54
- }, markdown ? value !== undefined && /*#__PURE__*/_react.default.createElement(_markdownToJsx.default, null, value.toString()) : /*#__PURE__*/_react.default.createElement("p", {
55
- className: "textfield-value--display".concat(preserveNewlines ? ' preserve-newlines' : ''),
56
- style: valueTextStyle
57
- }, value)), needsTruncating && /*#__PURE__*/_react.default.createElement("div", {
47
+ style: divStyle
48
+ }, children), needsTruncating && /*#__PURE__*/_react.default.createElement("div", {
58
49
  style: {
59
50
  width: '100%',
60
51
  textAlign: alignment
@@ -269,122 +269,3 @@
269
269
  }
270
270
  }
271
271
  }
272
-
273
- .textfield-display-markdown {
274
- font-family: $tw-fnt-base-body-01-regular-font-family;
275
- font-size: $tw-fnt-frm-fld-text-value-font-size;
276
- font-weight: $tw-fnt-frm-fld-text-value-font-weight;
277
- line-height: $tw-fnt-frm-fld-text-value-line-height;
278
- color: $tw-clr-txt;
279
- padding: $tw-spc-base-x-small 0;
280
- margin: 0;
281
-
282
- h1,
283
- h2,
284
- h3,
285
- h4,
286
- h5,
287
- h6 {
288
- font-weight: 600;
289
- margin: 1.5em 0 0.75em;
290
- line-height: 1.25;
291
- }
292
-
293
- h1 {
294
- font-size: $tw-fnt-base-headline-01-semi-bold-font-size;
295
- font-weight: $tw-fnt-base-headline-01-semi-bold-font-weight;
296
- line-height: $tw-fnt-base-headline-01-semi-bold-line-height;
297
- }
298
- h2 {
299
- font-size: $tw-fnt-base-headline-02-semi-bold-font-size;
300
- font-weight: $tw-fnt-base-headline-02-semi-bold-font-weight;
301
- line-height: $tw-fnt-base-headline-02-semi-bold-line-height;
302
- }
303
- h3 {
304
- font-size: $tw-fnt-base-headline-03-semi-bold-font-size;
305
- font-weight: $tw-fnt-base-headline-03-semi-bold-font-weight;
306
- line-height: $tw-fnt-base-headline-03-semi-bold-line-height;
307
- }
308
- h4 {
309
- font-size: $tw-fnt-base-headline-04-semi-bold-font-size;
310
- font-weight: $tw-fnt-base-headline-04-semi-bold-font-weight;
311
- line-height: $tw-fnt-base-headline-04-semi-bold-line-height;
312
- }
313
- h5 {
314
- font-size: $tw-fnt-base-headline-05-semi-bold-font-size;
315
- font-weight: $tw-fnt-base-headline-05-semi-bold-font-weight;
316
- line-height: $tw-fnt-base-headline-05-semi-bold-line-height;
317
- }
318
- h6 {
319
- font-size: $tw-fnt-base-headline-06-semi-bold-font-size;
320
- font-weight: $tw-fnt-base-headline-06-semi-bold-font-weight;
321
- line-height: $tw-fnt-base-headline-06-semi-bold-line-height;
322
- }
323
-
324
- p {
325
- font-size: $tw-fnt-frm-fld-text-value-font-size;
326
- font-weight: $tw-fnt-frm-fld-text-value-font-weight;
327
- line-height: $tw-fnt-frm-fld-text-value-line-height;
328
- }
329
-
330
- a {
331
- color: $tw-clr-txt-brand;
332
- text-decoration: underline;
333
- &:hover {
334
- color: $tw-clr-txt-brand;
335
- }
336
- }
337
-
338
- code {
339
- font-family: 'Fira Code', monospace;
340
- background: $tw-clr-bg-secondary;
341
- color: $tw-clr-txt-secondary;
342
- }
343
-
344
- pre code {
345
- display: block;
346
- padding: 4px;
347
- overflow-x: auto;
348
- background: $tw-clr-bg-secondary;
349
- color: $tw-clr-txt-secondary;
350
- border-color: $tw-clr-brdr-secondary;
351
- border-radius: 8px;
352
- }
353
-
354
- table {
355
- width: 100%;
356
- border-collapse: collapse;
357
- }
358
-
359
- th,
360
- td {
361
- border: none;
362
- padding: 4px;
363
- text-align: left;
364
- }
365
-
366
- thead {
367
- tr {
368
- background-color: $tw-clr-base-gray-050;
369
- }
370
- }
371
-
372
- tbody {
373
- tr {
374
- &:nth-child(odd) {
375
- background-color: $tw-clr-base-white;
376
- }
377
-
378
- &:nth-child(even) {
379
- background-color: $tw-clr-base-gray-050;
380
- }
381
- }
382
- }
383
-
384
- blockquote {
385
- border-left: 4px solid $tw-clr-brdr-brand;
386
- padding-left: 1em;
387
- margin: 1em 0;
388
- color: $tw-clr-txt-secondary;
389
- }
390
- }
@@ -45,6 +45,6 @@ th, td {
45
45
  padding: 15px;
46
46
  }
47
47
  </style>
48
- <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">@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.3.1</td><td class="string">6.1.0</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.14.0</td><td class="string">11.11.4</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.14.1</td><td class="string">11.11.5</td><td class="string">^11.11.3</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">6.5.0</td><td class="string">6.5.0</td><td class="string">^6.0.0</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">6.0.1-beta.36</td><td class="string">6.0.1-beta.36</td><td class="string">^6.0.1-beta.36</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">6.5.0</td><td class="string">6.5.0</td><td class="string">^6.0.0</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">7.29.4</td><td class="string">7.22.0</td><td class="string">^7.22.0</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.5.1</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">geojson</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">http://github.com/caseycesari/geojson.js.git</td><td class="string">0.5.0</td><td class="string">0.5.0</td><td class="string">^0.5.0</td><td class="string">Casey Cesari</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.7.1</td><td class="string">3.4.4</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">markdown-to-jsx</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/quantizor/markdown-to-jsx.git</td><td class="string">7.7.13</td><td class="string">7.7.13</td><td class="string">^7.7.13</td><td class="string">Evan Jacobs <x@quantizor.dev></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">18.3.1</td><td class="string">18.3.1</td><td class="string">^18.2.0</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">18.3.1</td><td class="string">18.3.1</td><td class="string">^18.2.0</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.16.0</td><td class="string">9.10.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.6</td><td class="string">2.8.5</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.92.0</td><td class="string">1.77.2</td><td class="string">^1.75.0</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">tslint</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">https://github.com/palantir/tslint.git</td><td class="string">6.1.3</td><td class="string">6.1.3</td><td class="string">^6.1.3</td><td class="string">n/a</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.5.2</td><td class="string">^3.5.2</td><td class="string">Philip Walton philip@philipwalton.com http://philipwalton.com</td></tr></tbody></table>
48
+ <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">@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.3.1</td><td class="string">6.1.0</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.14.0</td><td class="string">11.11.4</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.14.1</td><td class="string">11.11.5</td><td class="string">^11.11.3</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">6.5.0</td><td class="string">6.5.0</td><td class="string">^6.0.0</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">6.0.1-beta.36</td><td class="string">6.0.1-beta.36</td><td class="string">^6.0.1-beta.36</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">6.5.0</td><td class="string">6.5.0</td><td class="string">^6.0.0</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">7.29.4</td><td class="string">7.22.0</td><td class="string">^7.22.0</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.5.1</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">geojson</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">http://github.com/caseycesari/geojson.js.git</td><td class="string">0.5.0</td><td class="string">0.5.0</td><td class="string">^0.5.0</td><td class="string">Casey Cesari</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.7.1</td><td class="string">3.4.4</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">marked</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/markedjs/marked.git</td><td class="string">16.2.1</td><td class="string">16.2.1</td><td class="string">^16.2.1</td><td class="string">Christopher Jeffrey</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">18.3.1</td><td class="string">18.3.1</td><td class="string">^18.2.0</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">18.3.1</td><td class="string">18.3.1</td><td class="string">^18.2.0</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.16.0</td><td class="string">9.10.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.6</td><td class="string">2.8.5</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.92.0</td><td class="string">1.77.2</td><td class="string">^1.75.0</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">tslint</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">https://github.com/palantir/tslint.git</td><td class="string">6.1.3</td><td class="string">6.1.3</td><td class="string">^6.1.3</td><td class="string">n/a</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.5.2</td><td class="string">^3.5.2</td><td class="string">Philip Walton philip@philipwalton.com http://philipwalton.com</td></tr></tbody></table>
49
49
  </body>
50
50
  </html>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@terraware/web-components",
3
- "version": "3.6.0",
3
+ "version": "3.6.1",
4
4
  "author": "Terraformation Inc.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -25,7 +25,7 @@
25
25
  "classnames": "^2.3.2",
26
26
  "geojson": "^0.5.0",
27
27
  "luxon": "^3.3.0",
28
- "markdown-to-jsx": "^7.7.13",
28
+ "marked": "^16.2.1",
29
29
  "react": "^18.2.0",
30
30
  "react-dom": "^18.2.0",
31
31
  "react-intersection-observer": "^9.5.2",