timvir 0.2.0 → 0.2.2

package/blocks/Arbitrary/index.js

@@ -18,27 +18,36 @@ import { useImmer } from 'use-immer';
  * @returns the combined, space separated class names that can be applied directly to the class attribute
  */
 const cx = function cx() {
-  const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
+  const presentClassNames = Array.prototype.slice // eslint-disable-next-line prefer-rest-params
+  .call(arguments).filter(Boolean);
   const atomicClasses = {};
   const nonAtomicClasses = [];
-
-  for (const className of presentClassNames) {
+  presentClassNames.forEach(arg => {
     // className could be the output of a previous cx call, so split by ' ' first
-    const individualClassNames = className.split(' ');
-
-    for (const className of individualClassNames) {
+    const individualClassNames = arg ? arg.split(' ') : [];
+    individualClassNames.forEach(className => {
       if (className.startsWith('atm_')) {
         const [, keyHash] = className.split('_');
         atomicClasses[keyHash] = className;
       } else {
         nonAtomicClasses.push(className);
       }
+    });
+  });
+  const result = []; // eslint-disable-next-line no-restricted-syntax
+
+  for (const keyHash in atomicClasses) {
+    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
+      result.push(atomicClasses[keyHash]);
     }
   }
 
-  return [...Object.values(atomicClasses), ...nonAtomicClasses].join(' ');
+  result.push(...nonAtomicClasses);
+  return result.join(' ');
 };
 
+var cx$1 = cx;
+
 const bytesToHex = (() => {
   const s = Array.from({
     length: 256
@@ -151,7 +160,7 @@ function Arbitrary(props, ref) {
     value: value
   }, /*#__PURE__*/React.createElement(Root, {
     ref: ref,
-    className: cx(classes.root, className),
+    className: cx$1(classes.root, className),
     ...rest
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.controls

package/blocks/Code/index.js

@@ -20,27 +20,36 @@ import { useImmer } from 'use-immer';
  * @returns the combined, space separated class names that can be applied directly to the class attribute
  */
 const cx = function cx() {
-  const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
+  const presentClassNames = Array.prototype.slice // eslint-disable-next-line prefer-rest-params
+  .call(arguments).filter(Boolean);
   const atomicClasses = {};
   const nonAtomicClasses = [];
-
-  for (const className of presentClassNames) {
+  presentClassNames.forEach(arg => {
     // className could be the output of a previous cx call, so split by ' ' first
-    const individualClassNames = className.split(' ');
-
-    for (const className of individualClassNames) {
+    const individualClassNames = arg ? arg.split(' ') : [];
+    individualClassNames.forEach(className => {
       if (className.startsWith('atm_')) {
         const [, keyHash] = className.split('_');
         atomicClasses[keyHash] = className;
       } else {
         nonAtomicClasses.push(className);
       }
+    });
+  });
+  const result = []; // eslint-disable-next-line no-restricted-syntax
+
+  for (const keyHash in atomicClasses) {
+    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
+      result.push(atomicClasses[keyHash]);
     }
   }
 
-  return [...Object.values(atomicClasses), ...nonAtomicClasses].join(' ');
+  result.push(...nonAtomicClasses);
+  return result.join(' ');
 };
 
+var cx$1 = cx;
+
 var theme = "tac6gx6";
 
 /**
@@ -77,7 +86,7 @@ function Code(props, ref) {
   });
   return /*#__PURE__*/React.createElement(Root, {
     ref: ref,
-    className: cx(classes.root, fullWidth && Page.fullWidth),
+    className: cx$1(classes.root, fullWidth && Page.fullWidth),
     ...rest
   }, /*#__PURE__*/React.createElement(Highlight, { ...defaultProps,
     code: children.trim(),
@@ -90,7 +99,7 @@ function Code(props, ref) {
     getLineProps,
     getTokenProps
   }) => /*#__PURE__*/React.createElement("pre", {
-    className: cx(className, theme, classes.code, fullWidth && classes.fullWidth),
+    className: cx$1(className, theme, classes.code, fullWidth && classes.fullWidth),
     style: style
   }, /*#__PURE__*/React.createElement("div", {
     className: "d1513p2s",
@@ -112,7 +121,7 @@ function Code(props, ref) {
         draft.copiedToClipboard = true;
       });
     },
-    className: cx("b157mkz", state.mouseOver && "b10oxtfo")
+    className: cx$1("b157mkz", state.mouseOver && "b10oxtfo")
   }, /*#__PURE__*/React.createElement("svg", {
     width: 48,
     height: 48,
@@ -125,7 +134,7 @@ function Code(props, ref) {
   }) : /*#__PURE__*/React.createElement(Icons.Copy, {
     size: "16px"
   })), /*#__PURE__*/React.createElement("div", {
-    className: cx(fullWidth ? "d17pltln" : "d793q8f")
+    className: cx$1(fullWidth ? "d17pltln" : "d793q8f")
   }, tokens.map((line, i) => {
     const {
       className,
@@ -137,7 +146,7 @@ function Code(props, ref) {
     return /*#__PURE__*/React.createElement("div", {
       key: i,
       ...lineProps,
-      className: cx(className, classes.line, isHighlightedLine(i + 1) && classes.highlightedLine)
+      className: cx$1(className, classes.line, isHighlightedLine(i + 1) && classes.highlightedLine)
     }, line.map((token, key) => /*#__PURE__*/React.createElement("span", {
       key: key,
       ...getTokenProps({

package/blocks/ColorBar/index.js

@@ -17,27 +17,36 @@ import * as React from 'react';
  * @returns the combined, space separated class names that can be applied directly to the class attribute
  */
 const cx = function cx() {
-  const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
+  const presentClassNames = Array.prototype.slice // eslint-disable-next-line prefer-rest-params
+  .call(arguments).filter(Boolean);
   const atomicClasses = {};
   const nonAtomicClasses = [];
-
-  for (const className of presentClassNames) {
+  presentClassNames.forEach(arg => {
     // className could be the output of a previous cx call, so split by ' ' first
-    const individualClassNames = className.split(' ');
-
-    for (const className of individualClassNames) {
+    const individualClassNames = arg ? arg.split(' ') : [];
+    individualClassNames.forEach(className => {
       if (className.startsWith('atm_')) {
         const [, keyHash] = className.split('_');
         atomicClasses[keyHash] = className;
       } else {
         nonAtomicClasses.push(className);
       }
+    });
+  });
+  const result = []; // eslint-disable-next-line no-restricted-syntax
+
+  for (const keyHash in atomicClasses) {
+    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
+      result.push(atomicClasses[keyHash]);
     }
   }
 
-  return [...Object.values(atomicClasses), ...nonAtomicClasses].join(' ');
+  result.push(...nonAtomicClasses);
+  return result.join(' ');
 };
 
+var cx$1 = cx;
+
 /**
  * The underlying DOM element which is rendered by this component.
  */
@@ -56,7 +65,7 @@ function ColorBar(props, ref) {
   const [selected, setSelected] = React.useState(undefined);
   return /*#__PURE__*/React.createElement(Root, {
     ref: ref,
-    className: cx(className, classes.root, selected && tweaks.selected),
+    className: cx$1(className, classes.root, selected && tweaks.selected),
     ...rest
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.bar,

package/blocks/ColorBook/index.js

@@ -15,27 +15,36 @@ import * as React from 'react';
  * @returns the combined, space separated class names that can be applied directly to the class attribute
  */
 const cx = function cx() {
-  const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
+  const presentClassNames = Array.prototype.slice // eslint-disable-next-line prefer-rest-params
+  .call(arguments).filter(Boolean);
   const atomicClasses = {};
   const nonAtomicClasses = [];
-
-  for (const className of presentClassNames) {
+  presentClassNames.forEach(arg => {
     // className could be the output of a previous cx call, so split by ' ' first
-    const individualClassNames = className.split(' ');
-
-    for (const className of individualClassNames) {
+    const individualClassNames = arg ? arg.split(' ') : [];
+    individualClassNames.forEach(className => {
       if (className.startsWith('atm_')) {
         const [, keyHash] = className.split('_');
         atomicClasses[keyHash] = className;
       } else {
         nonAtomicClasses.push(className);
       }
+    });
+  });
+  const result = []; // eslint-disable-next-line no-restricted-syntax
+
+  for (const keyHash in atomicClasses) {
+    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
+      result.push(atomicClasses[keyHash]);
     }
   }
 
-  return [...Object.values(atomicClasses), ...nonAtomicClasses].join(' ');
+  result.push(...nonAtomicClasses);
+  return result.join(' ');
 };
 
+var cx$1 = cx;
+
 /**
  * The underlying DOM element which is rendered by this component.
  */
@@ -53,7 +62,7 @@ function ColorBook(props, ref) {
   return /*#__PURE__*/React.createElement(Root, {
     ref: ref,
     ...rest,
-    className: cx(className, "rmv2wrl")
+    className: cx$1(className, "rmv2wrl")
   }, chapters.map(({
     name,
     values
@@ -63,7 +72,7 @@ function ColorBook(props, ref) {
       gridColumn: i + 1
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: cx(chapter, i === selectedChapter && activeChapter),
+    className: cx$1(chapter, i === selectedChapter && activeChapter),
     onClick: () => {
       if (onSelectChapter) {
         onSelectChapter(i);
@@ -76,7 +85,7 @@ function ColorBook(props, ref) {
     },
     className: "d1l94wnr"
   }))), name && /*#__PURE__*/React.createElement("div", {
-    className: cx("d1uopbb", i === selectedChapter && "d1vwzhoa")
+    className: cx$1("d1uopbb", i === selectedChapter && "d1vwzhoa")
   }, name))));
 }
 

package/blocks/Cover/index.js

@@ -16,27 +16,36 @@ import { fullWidth } from 'timvir/core';
  * @returns the combined, space separated class names that can be applied directly to the class attribute
  */
 const cx = function cx() {
-  const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
+  const presentClassNames = Array.prototype.slice // eslint-disable-next-line prefer-rest-params
+  .call(arguments).filter(Boolean);
   const atomicClasses = {};
   const nonAtomicClasses = [];
-
-  for (const className of presentClassNames) {
+  presentClassNames.forEach(arg => {
     // className could be the output of a previous cx call, so split by ' ' first
-    const individualClassNames = className.split(' ');
-
-    for (const className of individualClassNames) {
+    const individualClassNames = arg ? arg.split(' ') : [];
+    individualClassNames.forEach(className => {
       if (className.startsWith('atm_')) {
         const [, keyHash] = className.split('_');
         atomicClasses[keyHash] = className;
       } else {
         nonAtomicClasses.push(className);
       }
+    });
+  });
+  const result = []; // eslint-disable-next-line no-restricted-syntax
+
+  for (const keyHash in atomicClasses) {
+    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
+      result.push(atomicClasses[keyHash]);
     }
   }
 
-  return [...Object.values(atomicClasses), ...nonAtomicClasses].join(' ');
+  result.push(...nonAtomicClasses);
+  return result.join(' ');
 };
 
+var cx$1 = cx;
+
 /**
  * The underlying DOM element which is rendered by this component.
  */
@@ -53,7 +62,7 @@ function Cover(props, ref) {
   } = props;
   return /*#__PURE__*/React.createElement(Root, {
     ref: ref,
-    className: cx(className, fullWidth),
+    className: cx$1(className, fullWidth),
     ...rest
   }, /*#__PURE__*/React.createElement("picture", null, sources.map((p, i) => /*#__PURE__*/React.createElement("source", {
     key: i,

package/blocks/Exhibit/index.js

@@ -17,27 +17,36 @@ import * as React from 'react';
  * @returns the combined, space separated class names that can be applied directly to the class attribute
  */
 const cx = function cx() {
-  const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
+  const presentClassNames = Array.prototype.slice // eslint-disable-next-line prefer-rest-params
+  .call(arguments).filter(Boolean);
   const atomicClasses = {};
   const nonAtomicClasses = [];
-
-  for (const className of presentClassNames) {
+  presentClassNames.forEach(arg => {
     // className could be the output of a previous cx call, so split by ' ' first
-    const individualClassNames = className.split(' ');
-
-    for (const className of individualClassNames) {
+    const individualClassNames = arg ? arg.split(' ') : [];
+    individualClassNames.forEach(className => {
       if (className.startsWith('atm_')) {
         const [, keyHash] = className.split('_');
         atomicClasses[keyHash] = className;
       } else {
         nonAtomicClasses.push(className);
       }
+    });
+  });
+  const result = []; // eslint-disable-next-line no-restricted-syntax
+
+  for (const keyHash in atomicClasses) {
+    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
+      result.push(atomicClasses[keyHash]);
     }
   }
 
-  return [...Object.values(atomicClasses), ...nonAtomicClasses].join(' ');
+  result.push(...nonAtomicClasses);
+  return result.join(' ');
 };
 
+var cx$1 = cx;
+
 /**
  * The underlying DOM element which is rendered by this component.
  */
@@ -62,7 +71,7 @@ function Exhibit(props, ref) {
   } = block.props;
   return /*#__PURE__*/React.createElement(React.Fragment, null, title && /*#__PURE__*/React.createElement(components.h3, null, title), /*#__PURE__*/React.createElement(Root, {
     ref: ref,
-    className: cx(className, classes.root),
+    className: cx$1(className, classes.root),
     style: { ...style,
       [cssVariables.bleed]: typeof bleed === "number" ? `${bleed}px` : bleed
     },

package/blocks/Font/index.js

@@ -17,27 +17,36 @@ import * as Icons from 'react-feather';
  * @returns the combined, space separated class names that can be applied directly to the class attribute
  */
 const cx = function cx() {
-  const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
+  const presentClassNames = Array.prototype.slice // eslint-disable-next-line prefer-rest-params
+  .call(arguments).filter(Boolean);
   const atomicClasses = {};
   const nonAtomicClasses = [];
-
-  for (const className of presentClassNames) {
+  presentClassNames.forEach(arg => {
     // className could be the output of a previous cx call, so split by ' ' first
-    const individualClassNames = className.split(' ');
-
-    for (const className of individualClassNames) {
+    const individualClassNames = arg ? arg.split(' ') : [];
+    individualClassNames.forEach(className => {
       if (className.startsWith('atm_')) {
         const [, keyHash] = className.split('_');
         atomicClasses[keyHash] = className;
       } else {
         nonAtomicClasses.push(className);
       }
+    });
+  });
+  const result = []; // eslint-disable-next-line no-restricted-syntax
+
+  for (const keyHash in atomicClasses) {
+    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
+      result.push(atomicClasses[keyHash]);
     }
   }
 
-  return [...Object.values(atomicClasses), ...nonAtomicClasses].join(' ');
+  result.push(...nonAtomicClasses);
+  return result.join(' ');
 };
 
+var cx$1 = cx;
+
 /**
  * The underlying DOM element which is rendered by this component.
  */
@@ -82,7 +91,7 @@ function Font(props, ref) {
   }, [name, contentRef]);
   return /*#__PURE__*/React.createElement(Root, {
     ref: ref,
-    className: cx(className, "rc7ivp5"),
+    className: cx$1(className, "rc7ivp5"),
     ...rest
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.meta
@@ -131,7 +140,7 @@ function Font(props, ref) {
     ref: setContentRef,
     contentEditable: true,
     spellCheck: "false",
-    className: cx(font.className, "dx3nfmc"),
+    className: cx$1(font.className, "dx3nfmc"),
     style: font.style
   }, children || "The quick brown fox jumps over the lazy dog"))));
 }

package/blocks/Grid/index.js

@@ -15,27 +15,36 @@ import * as React from 'react';
  * @returns the combined, space separated class names that can be applied directly to the class attribute
  */
 const cx = function cx() {
-  const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
+  const presentClassNames = Array.prototype.slice // eslint-disable-next-line prefer-rest-params
+  .call(arguments).filter(Boolean);
   const atomicClasses = {};
   const nonAtomicClasses = [];
-
-  for (const className of presentClassNames) {
+  presentClassNames.forEach(arg => {
     // className could be the output of a previous cx call, so split by ' ' first
-    const individualClassNames = className.split(' ');
-
-    for (const className of individualClassNames) {
+    const individualClassNames = arg ? arg.split(' ') : [];
+    individualClassNames.forEach(className => {
       if (className.startsWith('atm_')) {
         const [, keyHash] = className.split('_');
         atomicClasses[keyHash] = className;
       } else {
         nonAtomicClasses.push(className);
       }
+    });
+  });
+  const result = []; // eslint-disable-next-line no-restricted-syntax
+
+  for (const keyHash in atomicClasses) {
+    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
+      result.push(atomicClasses[keyHash]);
     }
   }
 
-  return [...Object.values(atomicClasses), ...nonAtomicClasses].join(' ');
+  result.push(...nonAtomicClasses);
+  return result.join(' ');
 };
 
+var cx$1 = cx;
+
 /**
  * The underlying DOM element which is rendered by this component.
  */
@@ -50,7 +59,7 @@ function Grid(props, ref) {
   } = props;
   return /*#__PURE__*/React.createElement(Root, {
     ref: ref,
-    className: cx(className, classes.root),
+    className: cx$1(className, classes.root),
     ...rest
   }, children);
 }

package/blocks/Icon/index.js

@@ -16,27 +16,36 @@ import * as React from 'react';
  * @returns the combined, space separated class names that can be applied directly to the class attribute
  */
 const cx = function cx() {
-  const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
+  const presentClassNames = Array.prototype.slice // eslint-disable-next-line prefer-rest-params
+  .call(arguments).filter(Boolean);
   const atomicClasses = {};
   const nonAtomicClasses = [];
-
-  for (const className of presentClassNames) {
+  presentClassNames.forEach(arg => {
     // className could be the output of a previous cx call, so split by ' ' first
-    const individualClassNames = className.split(' ');
-
-    for (const className of individualClassNames) {
+    const individualClassNames = arg ? arg.split(' ') : [];
+    individualClassNames.forEach(className => {
       if (className.startsWith('atm_')) {
         const [, keyHash] = className.split('_');
         atomicClasses[keyHash] = className;
       } else {
         nonAtomicClasses.push(className);
       }
+    });
+  });
+  const result = []; // eslint-disable-next-line no-restricted-syntax
+
+  for (const keyHash in atomicClasses) {
+    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
+      result.push(atomicClasses[keyHash]);
     }
   }
 
-  return [...Object.values(atomicClasses), ...nonAtomicClasses].join(' ');
+  result.push(...nonAtomicClasses);
+  return result.join(' ');
 };
 
+var cx$1 = cx;
+
 const Root$1 = "div";
 const classes$1 = {
   backdrop: "b1a0xzv7",
@@ -144,7 +153,7 @@ function Icon(props, ref) {
   const width = roe === null || roe === void 0 ? void 0 : roe.contentRect.width;
   return /*#__PURE__*/React.createElement(Root, {
     ref: ref,
-    className: cx(className, "r1k0w618"),
+    className: cx$1(className, "r1k0w618"),
     ...rest
   }, /*#__PURE__*/React.createElement("div", {
     ref: roRef

package/blocks/Message/index.js

@@ -16,27 +16,36 @@ import * as Icons from 'react-feather';
  * @returns the combined, space separated class names that can be applied directly to the class attribute
  */
 const cx = function cx() {
-  const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
+  const presentClassNames = Array.prototype.slice // eslint-disable-next-line prefer-rest-params
+  .call(arguments).filter(Boolean);
   const atomicClasses = {};
   const nonAtomicClasses = [];
-
-  for (const className of presentClassNames) {
+  presentClassNames.forEach(arg => {
     // className could be the output of a previous cx call, so split by ' ' first
-    const individualClassNames = className.split(' ');
-
-    for (const className of individualClassNames) {
+    const individualClassNames = arg ? arg.split(' ') : [];
+    individualClassNames.forEach(className => {
       if (className.startsWith('atm_')) {
         const [, keyHash] = className.split('_');
         atomicClasses[keyHash] = className;
       } else {
         nonAtomicClasses.push(className);
       }
+    });
+  });
+  const result = []; // eslint-disable-next-line no-restricted-syntax
+
+  for (const keyHash in atomicClasses) {
+    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
+      result.push(atomicClasses[keyHash]);
     }
   }
 
-  return [...Object.values(atomicClasses), ...nonAtomicClasses].join(' ');
+  result.push(...nonAtomicClasses);
+  return result.join(' ');
 };
 
+var cx$1 = cx;
+
 /**
  * The underlying DOM element which is rendered by this component.
  */
@@ -52,7 +61,7 @@ function Message(props, ref) {
   } = props;
   return /*#__PURE__*/React.createElement(Root, {
     ref: ref,
-    className: cx(className, "r1ssql2z", variant !== undefined && variantStyles[variant]),
+    className: cx$1(className, "r1ssql2z", variant !== undefined && variantStyles[variant]),
     ...rest
   }, variant && /*#__PURE__*/React.createElement("div", {
     className: icon

package/blocks/Swatch/index.js

@@ -16,27 +16,36 @@ import * as React from 'react';
  * @returns the combined, space separated class names that can be applied directly to the class attribute
  */
 const cx = function cx() {
-  const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
+  const presentClassNames = Array.prototype.slice // eslint-disable-next-line prefer-rest-params
+  .call(arguments).filter(Boolean);
   const atomicClasses = {};
   const nonAtomicClasses = [];
-
-  for (const className of presentClassNames) {
+  presentClassNames.forEach(arg => {
     // className could be the output of a previous cx call, so split by ' ' first
-    const individualClassNames = className.split(' ');
-
-    for (const className of individualClassNames) {
+    const individualClassNames = arg ? arg.split(' ') : [];
+    individualClassNames.forEach(className => {
       if (className.startsWith('atm_')) {
         const [, keyHash] = className.split('_');
         atomicClasses[keyHash] = className;
       } else {
         nonAtomicClasses.push(className);
       }
+    });
+  });
+  const result = []; // eslint-disable-next-line no-restricted-syntax
+
+  for (const keyHash in atomicClasses) {
+    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
+      result.push(atomicClasses[keyHash]);
     }
   }
 
-  return [...Object.values(atomicClasses), ...nonAtomicClasses].join(' ');
+  result.push(...nonAtomicClasses);
+  return result.join(' ');
 };
 
+var cx$1 = cx;
+
 /**
  * The underlying DOM element which is rendered by this component.
  */
@@ -66,7 +75,7 @@ function Swatch(props, ref) {
     style: {
       height: ancestry ? 48 : 36
     },
-    className: cx(className, "r19bcggb"),
+    className: cx$1(className, "r19bcggb"),
     onClick: ev => {
       navigator.clipboard.writeText(value);
       setLabel("Copied to clipboard");