@terraware/web-components 3.5.15-rc.0 → 3.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/components/Textfield/Textfield.d.ts +1 -0
  2. package/components/Textfield/Textfield.d.ts.map +1 -1
  3. package/components/Textfield/Textfield.js +15 -11
  4. package/components/Textfield/TruncatedTextArea.d.ts +4 -3
  5. package/components/Textfield/TruncatedTextArea.d.ts.map +1 -1
  6. package/components/Textfield/TruncatedTextArea.js +12 -3
  7. package/components/Textfield/styles.scss +119 -0
  8. package/components/Tooltip/Tooltip.d.ts +6 -2
  9. package/components/Tooltip/Tooltip.d.ts.map +1 -1
  10. package/components/Tooltip/Tooltip.js +3 -2
  11. package/license-report.html +1 -1
  12. package/package.json +2 -2
  13. package/components/Markdown/index.d.ts +0 -8
  14. package/components/Markdown/index.d.ts.map +0 -1
  15. package/components/Markdown/index.js +0 -31
  16. package/components/Markdown/styles.scss +0 -127
package/components/Textfield/Textfield.d.ts CHANGED
@@ -9,6 +9,7 @@ export interface TruncateConfig {
9
9
  showMoreText: string;
10
10
  showLessText: string;
11
11
  showTextStyle?: Record<string, any>;
12
+ valueTextStyle?: Record<string, any>;
12
13
  alignment?: 'left' | 'right';
13
14
  }
14
15
  export interface Props {
package/components/Textfield/Textfield.d.ts.map CHANGED
@@ -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;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"}
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"}
package/components/Textfield/Textfield.js CHANGED
@@ -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"));
12
13
  var _utils = require("../../utils");
13
14
  var _Icon = _interopRequireDefault(require("../Icon/Icon"));
14
15
  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,21 +98,25 @@ function TextField(props) {
98
98
  }
99
99
  }
100
100
  const displayComponent = (0, _react.useMemo)(() => {
101
- if (!display || value === undefined) {
101
+ if (!display) {
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);
109
104
  if (type === 'textarea' && truncateConfig) {
110
105
  return /*#__PURE__*/_react.default.createElement(_TruncatedTextArea.default, {
111
- truncateConfig: truncateConfig
112
- }, component);
113
- } else {
114
- return component;
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()));
115
116
  }
117
+ return /*#__PURE__*/_react.default.createElement("p", {
118
+ className: "textfield-value--display".concat(preserveNewlines ? ' preserve-newlines' : '')
119
+ }, value);
116
120
  }, [display, markdown, preserveNewlines, truncateConfig, type, value]);
117
121
  return /*#__PURE__*/_react.default.createElement(_material.Box, {
118
122
  className: "textfield ".concat(className),
package/components/Textfield/TruncatedTextArea.d.ts CHANGED
@@ -1,10 +1,11 @@
1
- import { ReactNode } from 'react';
2
1
  import { TruncateConfig } from './Textfield';
3
2
  import './styles.scss';
4
3
  interface TruncatedTextAreaProps {
4
+ markdown?: boolean;
5
+ preserveNewlines?: boolean;
5
6
  truncateConfig: TruncateConfig;
6
- children: ReactNode;
7
+ value?: string | number;
7
8
  }
8
- declare const TruncatedTextArea: ({ truncateConfig, children }: TruncatedTextAreaProps) => import("react/jsx-runtime").JSX.Element;
9
+ declare const TruncatedTextArea: ({ markdown, preserveNewlines, truncateConfig, value }: TruncatedTextAreaProps) => import("react/jsx-runtime").JSX.Element;
9
10
  export default TruncatedTextArea;
10
11
  //# sourceMappingURL=TruncatedTextArea.d.ts.map
package/components/Textfield/TruncatedTextArea.d.ts.map CHANGED
@@ -1 +1 @@
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
+ {"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"}
package/components/Textfield/TruncatedTextArea.js CHANGED
@@ -1,5 +1,6 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
3
4
  var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
@@ -7,17 +8,21 @@ Object.defineProperty(exports, "__esModule", {
7
8
  exports.default = void 0;
8
9
  var _react = _interopRequireWildcard(require("react"));
9
10
  var _material = require("@mui/material");
11
+ var _markdownToJsx = _interopRequireDefault(require("markdown-to-jsx"));
10
12
  require("./styles.scss");
11
13
  const TruncatedTextArea = _ref => {
12
14
  let {
15
+ markdown,
16
+ preserveNewlines,
13
17
  truncateConfig,
14
- children
18
+ value
15
19
  } = _ref;
16
20
  const {
17
21
  maxHeight,
18
22
  showLessText,
19
23
  showMoreText,
20
24
  showTextStyle,
25
+ valueTextStyle,
21
26
  alignment = 'left'
22
27
  } = truncateConfig;
23
28
  const theme = (0, _material.useTheme)();
@@ -44,8 +49,12 @@ const TruncatedTextArea = _ref => {
44
49
  }
45
50
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
46
51
  ref: ref,
47
- style: divStyle
48
- }, children), needsTruncating && /*#__PURE__*/_react.default.createElement("div", {
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", {
49
58
  style: {
50
59
  width: '100%',
51
60
  textAlign: alignment
package/components/Textfield/styles.scss CHANGED
@@ -269,3 +269,122 @@
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
+ }
package/components/Tooltip/Tooltip.d.ts CHANGED
@@ -1,4 +1,8 @@
1
1
  /// <reference types="react" />
2
- import { TooltipProps } from '@mui/material';
3
- export default function Tooltip({ placement, title, children }: TooltipProps): JSX.Element;
2
+ import { SxProps, TooltipProps } from '@mui/material';
3
+ type CustomTooltipProps = TooltipProps & {
4
+ sx?: SxProps;
5
+ };
6
+ export default function Tooltip({ placement, sx, title, children }: CustomTooltipProps): JSX.Element;
7
+ export {};
4
8
  //# sourceMappingURL=Tooltip.d.ts.map
package/components/Tooltip/Tooltip.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAyB,YAAY,EAAY,MAAM,eAAe,CAAC;AAI9E,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,SAAuB,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAyCvG"}
1
+ {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAyB,OAAO,EAAE,YAAY,EAAY,MAAM,eAAe,CAAC;AAIvF,KAAK,kBAAkB,GAAG,YAAY,GAAG;IACvC,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,SAAuB,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA4CjH"}
package/components/Tooltip/Tooltip.js CHANGED
@@ -11,6 +11,7 @@ var _utils = require("../../utils");
11
11
  function Tooltip(_ref) {
12
12
  let {
13
13
  placement = 'top-start',
14
+ sx,
14
15
  title,
15
16
  children
16
17
  } = _ref;
@@ -33,7 +34,7 @@ function Tooltip(_ref) {
33
34
  onClose: handleTooltipClose,
34
35
  open: open,
35
36
  placement: placement,
36
- sx: {
37
+ sx: [{
37
38
  maxWidth: isMobile ? '342px' : '464px',
38
39
  '& .MuiTooltip-arrow': {
39
40
  color: theme.palette.TwClrBaseGray800
@@ -46,7 +47,7 @@ function Tooltip(_ref) {
46
47
  color: theme.palette.TwClrBaseWhite
47
48
  }
48
49
  }
49
- },
50
+ }, ...(Array.isArray(sx) ? sx : [sx])],
50
51
  title: title
51
52
  }, /*#__PURE__*/_react.default.createElement("span", {
52
53
  onClick: handleTooltipOpen
package/license-report.html CHANGED
@@ -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">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>
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>
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.5.15-rc.0",
3
+ "version": "3.6.0",
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
- "marked": "^16.2.1",
28
+ "markdown-to-jsx": "^7.7.13",
29
29
  "react": "^18.2.0",
30
30
  "react-dom": "^18.2.0",
31
31
  "react-intersection-observer": "^9.5.2",
package/components/Markdown/index.d.ts DELETED
@@ -1,8 +0,0 @@
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
package/components/Markdown/index.d.ts.map DELETED
@@ -1 +0,0 @@
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"}
package/components/Markdown/index.js DELETED
@@ -1,31 +0,0 @@
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
- }, html && /*#__PURE__*/_react.default.createElement("div", {
26
- dangerouslySetInnerHTML: {
27
- __html: html
28
- }
29
- }));
30
- };
31
- var _default = exports.default = Markdown;
package/components/Markdown/styles.scss DELETED
@@ -1,127 +0,0 @@
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
- font-family: $tw-fnt-base-body-01-regular-font-family;
12
- font-size: $tw-fnt-frm-fld-text-value-font-size;
13
- font-weight: $tw-fnt-frm-fld-text-value-font-weight;
14
- line-height: $tw-fnt-frm-fld-text-value-line-height;
15
- color: $tw-clr-txt;
16
- padding: $tw-spc-base-x-small 0;
17
- margin: 0;
18
-
19
- h1,
20
- h2,
21
- h3,
22
- h4,
23
- h5,
24
- h6 {
25
- font-weight: 600;
26
- margin: 1.5em 0 0.75em;
27
- line-height: 1.25;
28
- }
29
-
30
- h1 {
31
- font-size: $tw-fnt-base-headline-01-semi-bold-font-size;
32
- font-weight: $tw-fnt-base-headline-01-semi-bold-font-weight;
33
- line-height: $tw-fnt-base-headline-01-semi-bold-line-height;
34
- }
35
- h2 {
36
- font-size: $tw-fnt-base-headline-02-semi-bold-font-size;
37
- font-weight: $tw-fnt-base-headline-02-semi-bold-font-weight;
38
- line-height: $tw-fnt-base-headline-02-semi-bold-line-height;
39
- }
40
- h3 {
41
- font-size: $tw-fnt-base-headline-03-semi-bold-font-size;
42
- font-weight: $tw-fnt-base-headline-03-semi-bold-font-weight;
43
- line-height: $tw-fnt-base-headline-03-semi-bold-line-height;
44
- }
45
- h4 {
46
- font-size: $tw-fnt-base-headline-04-semi-bold-font-size;
47
- font-weight: $tw-fnt-base-headline-04-semi-bold-font-weight;
48
- line-height: $tw-fnt-base-headline-04-semi-bold-line-height;
49
- }
50
- h5 {
51
- font-size: $tw-fnt-base-headline-05-semi-bold-font-size;
52
- font-weight: $tw-fnt-base-headline-05-semi-bold-font-weight;
53
- line-height: $tw-fnt-base-headline-05-semi-bold-line-height;
54
- }
55
- h6 {
56
- font-size: $tw-fnt-base-headline-06-semi-bold-font-size;
57
- font-weight: $tw-fnt-base-headline-06-semi-bold-font-weight;
58
- line-height: $tw-fnt-base-headline-06-semi-bold-line-height;
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
- }
66
-
67
- a {
68
- color: $tw-clr-txt-brand;
69
- text-decoration: underline;
70
- &:hover {
71
- color: $tw-clr-txt-brand;
72
- }
73
- }
74
-
75
- code {
76
- font-family: 'Fira Code', monospace;
77
- background: $tw-clr-bg-secondary;
78
- color: $tw-clr-txt-secondary;
79
- }
80
-
81
- pre code {
82
- display: block;
83
- padding: 4px;
84
- overflow-x: auto;
85
- background: $tw-clr-bg-secondary;
86
- color: $tw-clr-txt-secondary;
87
- border-color: $tw-clr-brdr-secondary;
88
- border-radius: 8px;
89
- }
90
-
91
- table {
92
- width: 100%;
93
- border-collapse: collapse;
94
- }
95
-
96
- th,
97
- td {
98
- border: none;
99
- padding: 4px 8px;
100
- text-align: left;
101
- }
102
-
103
- thead {
104
- tr {
105
- background-color: $tw-clr-base-gray-050;
106
- }
107
- }
108
-
109
- tbody {
110
- tr {
111
- &:nth-child(odd) {
112
- background-color: $tw-clr-base-white;
113
- }
114
-
115
- &:nth-child(even) {
116
- background-color: $tw-clr-base-gray-050;
117
- }
118
- }
119
- }
120
-
121
- blockquote {
122
- border-left: 4px solid $tw-clr-brdr-brand;
123
- padding-left: 1em;
124
- margin: 1em 0;
125
- color: $tw-clr-txt-secondary;
126
- }
127
- }