@bundle-stats/ui 4.16.0-beta.6 → 4.16.0-beta.9

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 (21) hide show
  1. package/lib/components/preview-source/preview-source.js +1 -1
  2. package/lib/components/preview-source/preview-source.js.map +1 -1
  3. package/lib/components/preview-source/preview-source.module.css +2 -2
  4. package/lib/ui/tabs/tabs.module.css +1 -0
  5. package/lib/ui/textarea/textarea.js +2 -2
  6. package/lib/ui/textarea/textarea.js.map +1 -1
  7. package/lib/ui/textarea/textarea.module.css +0 -7
  8. package/lib-esm/components/preview-source/preview-source.js +1 -1
  9. package/lib-esm/components/preview-source/preview-source.js.map +1 -1
  10. package/lib-esm/components/preview-source/preview-source.module.css +2 -2
  11. package/lib-esm/ui/tabs/tabs.module.css +1 -0
  12. package/lib-esm/ui/textarea/textarea.js +2 -2
  13. package/lib-esm/ui/textarea/textarea.js.map +1 -1
  14. package/lib-esm/ui/textarea/textarea.module.css +0 -7
  15. package/package.json +3 -3
  16. package/src/components/preview-source/preview-source.module.css +2 -2
  17. package/src/components/preview-source/preview-source.tsx +1 -1
  18. package/src/ui/tabs/tabs.module.css +1 -0
  19. package/src/ui/textarea/textarea.module.css +0 -7
  20. package/src/ui/textarea/textarea.tsx +2 -8
  21. package/types/ui/textarea/textarea.d.ts +0 -1
package/lib/components/preview-source/preview-source.js CHANGED
@@ -22,7 +22,7 @@ const PreviewSource = (props) => {
22
22
  react_1.default.createElement(copy_to_clipboard_1.CopyToClipboard, { outline: true, size: "small", text: source }),
23
23
  download && (react_1.default.createElement(tooltip_1.Tooltip, { title: `Download ${download}`, className: preview_source_module_css_1.default.downloadTooltip },
24
24
  react_1.default.createElement(button_1.Button, { outline: true, rightGlyph: button_1.BUTTON_GLYPHS.DOWNLOAD, size: "small", as: "a", href: `data:application/json,${encodeURIComponent(source)}`, download: download }))))),
25
- react_1.default.createElement(textarea_1.Textarea, { previewSource: true, readOnly: true, rows: rows, defaultValue: source, className: preview_source_module_css_1.default.content })));
25
+ react_1.default.createElement(textarea_1.Textarea, { readOnly: true, rows: rows, defaultValue: source, className: preview_source_module_css_1.default.content })));
26
26
  };
27
27
  exports.PreviewSource = PreviewSource;
28
28
  //# sourceMappingURL=preview-source.js.map
package/lib/components/preview-source/preview-source.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"preview-source.js","sourceRoot":"","sources":["../../../src/components/preview-source/preview-source.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,4DAA4B;AAE5B,4CAAwD;AACxD,kEAA6D;AAC7D,0DAAsD;AACtD,8CAA2C;AAC3C,gDAA6C;AAC7C,4FAA8C;AAE9C,MAAM,YAAY,GAAG,EAAE,CAAC;AAgBjB,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,GAAG,YAAY,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE9F,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC;IACxB,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,mCAAG,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,IAAI,mCAAG,CAAC,OAAO,CAAC,CAAC;IAEtE,OAAO,CACL,uCAAK,SAAS,EAAE,aAAa,KAAM,SAAS;QACzC,MAAM,IAAI,CACT,8BAAC,4BAAY,IAAC,SAAS,EAAE,mCAAG,CAAC,OAAO;YAClC,8BAAC,mCAAe,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,MAAM,GAAI;YACrD,QAAQ,IAAI,CACX,8BAAC,iBAAO,IAAC,KAAK,EAAE,YAAY,QAAQ,EAAE,EAAE,SAAS,EAAE,mCAAG,CAAC,eAAe;gBACpE,8BAAC,eAAM,IACL,OAAO,QACP,UAAU,EAAE,sBAAa,CAAC,QAAQ,EAClC,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,yBAAyB,kBAAkB,CAAC,MAAM,CAAC,EAAE,EAC3D,QAAQ,EAAE,QAAQ,GAClB,CACM,CACX,CACY,CAChB;QACD,8BAAC,mBAAQ,IAAC,aAAa,QAAC,QAAQ,QAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,mCAAG,CAAC,OAAO,GAAI,CACzF,CACP,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,aAAa,iBA4BxB"}
1
+ {"version":3,"file":"preview-source.js","sourceRoot":"","sources":["../../../src/components/preview-source/preview-source.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,4DAA4B;AAE5B,4CAAwD;AACxD,kEAA6D;AAC7D,0DAAsD;AACtD,8CAA2C;AAC3C,gDAA6C;AAC7C,4FAA8C;AAE9C,MAAM,YAAY,GAAG,EAAE,CAAC;AAgBjB,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,GAAG,YAAY,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE9F,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC;IACxB,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,mCAAG,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,IAAI,mCAAG,CAAC,OAAO,CAAC,CAAC;IAEtE,OAAO,CACL,uCAAK,SAAS,EAAE,aAAa,KAAM,SAAS;QACzC,MAAM,IAAI,CACT,8BAAC,4BAAY,IAAC,SAAS,EAAE,mCAAG,CAAC,OAAO;YAClC,8BAAC,mCAAe,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,MAAM,GAAI;YACrD,QAAQ,IAAI,CACX,8BAAC,iBAAO,IAAC,KAAK,EAAE,YAAY,QAAQ,EAAE,EAAE,SAAS,EAAE,mCAAG,CAAC,eAAe;gBACpE,8BAAC,eAAM,IACL,OAAO,QACP,UAAU,EAAE,sBAAa,CAAC,QAAQ,EAClC,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,yBAAyB,kBAAkB,CAAC,MAAM,CAAC,EAAE,EAC3D,QAAQ,EAAE,QAAQ,GAClB,CACM,CACX,CACY,CAChB;QACD,8BAAC,mBAAQ,IAAC,QAAQ,QAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,mCAAG,CAAC,OAAO,GAAI,CAC3E,CACP,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,aAAa,iBA4BxB"}
package/lib/components/preview-source/preview-source.module.css CHANGED
@@ -30,11 +30,11 @@
30
30
  height: 100%;
31
31
  background: var(--color-highlight);
32
32
  color: var(--color-text);
33
+ font-family: var(--font-family-fixed);
33
34
  }
34
35
 
35
36
  /** Empty / loading state */
36
37
  .isEmpty .content {
37
38
  pointer-events: none;
38
- background: var(--skeleton-block-background);
39
- opacity: var(--skeleton-opacity);
39
+ background: var(--color-highlight);
40
40
  }
package/lib/ui/tabs/tabs.module.css CHANGED
@@ -10,6 +10,7 @@
10
10
  color: var(--color-text-ultra-light);
11
11
  font-weight: bold;
12
12
  text-decoration: none;
13
+ cursor: default;
13
14
  }
14
15
 
15
16
  .item::after {
package/lib/ui/textarea/textarea.js CHANGED
@@ -8,8 +8,8 @@ const react_1 = __importDefault(require("react"));
8
8
  const classnames_1 = __importDefault(require("classnames"));
9
9
  const textarea_module_css_1 = __importDefault(require("./textarea.module.css"));
10
10
  const Textarea = (props) => {
11
- const { className = '', previewSource = false, size = '', ...restProps } = props;
12
- const rootClassName = (0, classnames_1.default)(textarea_module_css_1.default.root, previewSource && textarea_module_css_1.default.previewSource, size && textarea_module_css_1.default[size], className);
11
+ const { className = '', size = '', ...restProps } = props;
12
+ const rootClassName = (0, classnames_1.default)(textarea_module_css_1.default.root, size && textarea_module_css_1.default[size], className);
13
13
  return react_1.default.createElement("textarea", { className: rootClassName, ...restProps });
14
14
  };
15
15
  exports.Textarea = Textarea;
package/lib/ui/textarea/textarea.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/ui/textarea/textarea.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,4DAA4B;AAE5B,gFAAwC;AAOjC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,aAAa,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEjF,MAAM,aAAa,GAAG,IAAA,oBAAE,EACtB,6BAAG,CAAC,IAAI,EACR,aAAa,IAAI,6BAAG,CAAC,aAAa,EAClC,IAAI,IAAI,6BAAG,CAAC,IAAI,CAAC,EACjB,SAAS,CACV,CAAC;IAEF,OAAO,4CAAU,SAAS,EAAE,aAAa,KAAM,SAAS,GAAI,CAAC;AAC/D,CAAC,CAAC;AAXW,QAAA,QAAQ,YAWnB"}
1
+ {"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/ui/textarea/textarea.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,4DAA4B;AAE5B,gFAAwC;AAMjC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE1D,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,6BAAG,CAAC,IAAI,EAAE,IAAI,IAAI,6BAAG,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,CAAC;IAEjE,OAAO,4CAAU,SAAS,EAAE,aAAa,KAAM,SAAS,GAAI,CAAC;AAC/D,CAAC,CAAC;AANW,QAAA,QAAQ,YAMnB"}
package/lib/ui/textarea/textarea.module.css CHANGED
@@ -36,13 +36,6 @@
36
36
  color: var(--color-text-light);
37
37
  }
38
38
 
39
- /**
40
- * Source variation
41
- */
42
- .previewSource {
43
- font-family: var(--font-family-fixed);
44
- }
45
-
46
39
  /** Size modifier */
47
40
  /* default - medium */
48
41
  .root {
package/lib-esm/components/preview-source/preview-source.js CHANGED
@@ -16,6 +16,6 @@ export const PreviewSource = (props) => {
16
16
  React.createElement(CopyToClipboard, { outline: true, size: "small", text: source }),
17
17
  download && (React.createElement(Tooltip, { title: `Download ${download}`, className: css.downloadTooltip },
18
18
  React.createElement(Button, { outline: true, rightGlyph: BUTTON_GLYPHS.DOWNLOAD, size: "small", as: "a", href: `data:application/json,${encodeURIComponent(source)}`, download: download }))))),
19
- React.createElement(Textarea, { previewSource: true, readOnly: true, rows: rows, defaultValue: source, className: css.content })));
19
+ React.createElement(Textarea, { readOnly: true, rows: rows, defaultValue: source, className: css.content })));
20
20
  };
21
21
  //# sourceMappingURL=preview-source.js.map
package/lib-esm/components/preview-source/preview-source.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"preview-source.js","sourceRoot":"","sources":["../../../src/components/preview-source/preview-source.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,GAAG,MAAM,6BAA6B,CAAC;AAE9C,MAAM,YAAY,GAAG,EAAE,CAAC;AAgBxB,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,GAAG,YAAY,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE9F,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC;IACxB,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC;IAEtE,OAAO,CACL,6BAAK,SAAS,EAAE,aAAa,KAAM,SAAS;QACzC,MAAM,IAAI,CACT,oBAAC,YAAY,IAAC,SAAS,EAAE,GAAG,CAAC,OAAO;YAClC,oBAAC,eAAe,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,MAAM,GAAI;YACrD,QAAQ,IAAI,CACX,oBAAC,OAAO,IAAC,KAAK,EAAE,YAAY,QAAQ,EAAE,EAAE,SAAS,EAAE,GAAG,CAAC,eAAe;gBACpE,oBAAC,MAAM,IACL,OAAO,QACP,UAAU,EAAE,aAAa,CAAC,QAAQ,EAClC,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,yBAAyB,kBAAkB,CAAC,MAAM,CAAC,EAAE,EAC3D,QAAQ,EAAE,QAAQ,GAClB,CACM,CACX,CACY,CAChB;QACD,oBAAC,QAAQ,IAAC,aAAa,QAAC,QAAQ,QAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,CAAC,OAAO,GAAI,CACzF,CACP,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"preview-source.js","sourceRoot":"","sources":["../../../src/components/preview-source/preview-source.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,GAAG,MAAM,6BAA6B,CAAC;AAE9C,MAAM,YAAY,GAAG,EAAE,CAAC;AAgBxB,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,GAAG,YAAY,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE9F,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC;IACxB,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC;IAEtE,OAAO,CACL,6BAAK,SAAS,EAAE,aAAa,KAAM,SAAS;QACzC,MAAM,IAAI,CACT,oBAAC,YAAY,IAAC,SAAS,EAAE,GAAG,CAAC,OAAO;YAClC,oBAAC,eAAe,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,MAAM,GAAI;YACrD,QAAQ,IAAI,CACX,oBAAC,OAAO,IAAC,KAAK,EAAE,YAAY,QAAQ,EAAE,EAAE,SAAS,EAAE,GAAG,CAAC,eAAe;gBACpE,oBAAC,MAAM,IACL,OAAO,QACP,UAAU,EAAE,aAAa,CAAC,QAAQ,EAClC,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,yBAAyB,kBAAkB,CAAC,MAAM,CAAC,EAAE,EAC3D,QAAQ,EAAE,QAAQ,GAClB,CACM,CACX,CACY,CAChB;QACD,oBAAC,QAAQ,IAAC,QAAQ,QAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,CAAC,OAAO,GAAI,CAC3E,CACP,CAAC;AACJ,CAAC,CAAC"}
package/lib-esm/components/preview-source/preview-source.module.css CHANGED
@@ -30,11 +30,11 @@
30
30
  height: 100%;
31
31
  background: var(--color-highlight);
32
32
  color: var(--color-text);
33
+ font-family: var(--font-family-fixed);
33
34
  }
34
35
 
35
36
  /** Empty / loading state */
36
37
  .isEmpty .content {
37
38
  pointer-events: none;
38
- background: var(--skeleton-block-background);
39
- opacity: var(--skeleton-opacity);
39
+ background: var(--color-highlight);
40
40
  }
package/lib-esm/ui/tabs/tabs.module.css CHANGED
@@ -10,6 +10,7 @@
10
10
  color: var(--color-text-ultra-light);
11
11
  font-weight: bold;
12
12
  text-decoration: none;
13
+ cursor: default;
13
14
  }
14
15
 
15
16
  .item::after {
package/lib-esm/ui/textarea/textarea.js CHANGED
@@ -2,8 +2,8 @@ import React from 'react';
2
2
  import cx from 'classnames';
3
3
  import css from './textarea.module.css';
4
4
  export const Textarea = (props) => {
5
- const { className = '', previewSource = false, size = '', ...restProps } = props;
6
- const rootClassName = cx(css.root, previewSource && css.previewSource, size && css[size], className);
5
+ const { className = '', size = '', ...restProps } = props;
6
+ const rootClassName = cx(css.root, size && css[size], className);
7
7
  return React.createElement("textarea", { className: rootClassName, ...restProps });
8
8
  };
9
9
  //# sourceMappingURL=textarea.js.map
package/lib-esm/ui/textarea/textarea.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/ui/textarea/textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,uBAAuB,CAAC;AAOxC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,aAAa,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEjF,MAAM,aAAa,GAAG,EAAE,CACtB,GAAG,CAAC,IAAI,EACR,aAAa,IAAI,GAAG,CAAC,aAAa,EAClC,IAAI,IAAI,GAAG,CAAC,IAAI,CAAC,EACjB,SAAS,CACV,CAAC;IAEF,OAAO,kCAAU,SAAS,EAAE,aAAa,KAAM,SAAS,GAAI,CAAC;AAC/D,CAAC,CAAC"}
1
+ {"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/ui/textarea/textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,uBAAuB,CAAC;AAMxC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE1D,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,IAAI,GAAG,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,CAAC;IAEjE,OAAO,kCAAU,SAAS,EAAE,aAAa,KAAM,SAAS,GAAI,CAAC;AAC/D,CAAC,CAAC"}
package/lib-esm/ui/textarea/textarea.module.css CHANGED
@@ -36,13 +36,6 @@
36
36
  color: var(--color-text-light);
37
37
  }
38
38
 
39
- /**
40
- * Source variation
41
- */
42
- .previewSource {
43
- font-family: var(--font-family-fixed);
44
- }
45
-
46
39
  /** Size modifier */
47
40
  /* default - medium */
48
41
  .root {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bundle-stats/ui",
3
- "version": "4.16.0-beta.6",
3
+ "version": "4.16.0-beta.9",
4
4
  "description": "UI components for BundleStats projects.",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-esm/index.js",
@@ -74,7 +74,7 @@
74
74
  "react-router-dom": "^5.0.0"
75
75
  },
76
76
  "dependencies": {
77
- "@bundle-stats/utils": "^4.16.0-beta.6",
77
+ "@bundle-stats/utils": "^4.16.0-beta.9",
78
78
  "ariakit": "2.0.0-next.44",
79
79
  "d3": "7.9.0",
80
80
  "modern-css-reset": "1.4.0",
@@ -82,5 +82,5 @@
82
82
  "snarkdown": "2.0.0",
83
83
  "use-query-params": "2.2.1"
84
84
  },
85
- "gitHead": "2e5295e4329374f72f3524580f414f4e2d2510e0"
85
+ "gitHead": "c22057d22c2553d7325d281b5f32da598a4cb386"
86
86
  }
package/src/components/preview-source/preview-source.module.css CHANGED
@@ -30,11 +30,11 @@
30
30
  height: 100%;
31
31
  background: var(--color-highlight);
32
32
  color: var(--color-text);
33
+ font-family: var(--font-family-fixed);
33
34
  }
34
35
 
35
36
  /** Empty / loading state */
36
37
  .isEmpty .content {
37
38
  pointer-events: none;
38
- background: var(--skeleton-block-background);
39
- opacity: var(--skeleton-opacity);
39
+ background: var(--color-highlight);
40
40
  }
package/src/components/preview-source/preview-source.tsx CHANGED
@@ -50,7 +50,7 @@ export const PreviewSource = (props: PreviewSourceProps) => {
50
50
  )}
51
51
  </ControlGroup>
52
52
  )}
53
- <Textarea previewSource readOnly rows={rows} defaultValue={source} className={css.content} />
53
+ <Textarea readOnly rows={rows} defaultValue={source} className={css.content} />
54
54
  </div>
55
55
  );
56
56
  };
package/src/ui/tabs/tabs.module.css CHANGED
@@ -10,6 +10,7 @@
10
10
  color: var(--color-text-ultra-light);
11
11
  font-weight: bold;
12
12
  text-decoration: none;
13
+ cursor: default;
13
14
  }
14
15
 
15
16
  .item::after {
package/src/ui/textarea/textarea.module.css CHANGED
@@ -36,13 +36,6 @@
36
36
  color: var(--color-text-light);
37
37
  }
38
38
 
39
- /**
40
- * Source variation
41
- */
42
- .previewSource {
43
- font-family: var(--font-family-fixed);
44
- }
45
-
46
39
  /** Size modifier */
47
40
  /* default - medium */
48
41
  .root {
package/src/ui/textarea/textarea.tsx CHANGED
@@ -5,19 +5,13 @@ import cx from 'classnames';
5
5
  import css from './textarea.module.css';
6
6
 
7
7
  export type TextareaProps = {
8
- previewSource?: boolean;
9
8
  size?: 'small' | 'medium' | 'large';
10
9
  } & ComponentProps<'textarea'>;
11
10
 
12
11
  export const Textarea = (props: TextareaProps) => {
13
- const { className = '', previewSource = false, size = '', ...restProps } = props;
12
+ const { className = '', size = '', ...restProps } = props;
14
13
 
15
- const rootClassName = cx(
16
- css.root,
17
- previewSource && css.previewSource,
18
- size && css[size],
19
- className,
20
- );
14
+ const rootClassName = cx(css.root, size && css[size], className);
21
15
 
22
16
  return <textarea className={rootClassName} {...restProps} />;
23
17
  };
package/types/ui/textarea/textarea.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  import type { ComponentProps } from 'react';
2
2
  import React from 'react';
3
3
  export type TextareaProps = {
4
- previewSource?: boolean;
5
4
  size?: 'small' | 'medium' | 'large';
6
5
  } & ComponentProps<'textarea'>;
7
6
  export declare const Textarea: (props: TextareaProps) => React.JSX.Element;