@spaced-out/ui-design-system 0.0.1-alpha.0 → 0.0.1-beta.0

package/.cspell/custom-words.txt

@@ -6,11 +6,15 @@ dismissable
 Fennimore
 flowtype
 fontawesome
+Gaurav
 Lipsey
 Neue
 Nishant
 OPACITYS
 partialformat
+premajor
+preminor
+prepatch
 rgba
 sbdocs
 testid

package/.github/workflows/publish_to_npm.yml

@@ -0,0 +1,70 @@
+name: Release Genesis to NPM
+on:
+  workflow_dispatch:
+    inputs:
+      release-type:
+        description: 'Release type (one of): patch, minor, major, prepatch, preminor, premajor, prerelease'
+        required: true
+jobs:
+  release:
+    runs-on: ubuntu-latest
+    steps:
+      # Checkout project repository
+      - name: Checkout
+        uses: actions/checkout@v2.3.4
+        with:
+          token: ${{ secrets.NPM_PUBLISH_USER_ACCESS_TOKEN }}
+
+      # Setup Node.js environment
+      - name: Setup Node.js
+        uses: actions/setup-node@v2
+        with:
+          registry-url: https://registry.npmjs.org/
+          node-version: '16'
+
+      # Install dependencies (required by Run tests step)
+      - name: Install dependencies
+        run: yarn install
+
+      # ToDo(Nishant): Activate this once we have tests ready. Tests
+      #- name: Run tests
+      #  run: yarn test
+
+      # Configure Git
+      - name: Git configuration
+        run: |
+          git config --global user.email "86281150+superrover@users.noreply.github.com"
+          git config --global user.name "Nishant Gaurav"
+
+      # Bump package version
+      # Use tag latest
+      - name: Bump release version
+        if: startsWith(github.event.inputs.release-type, 'pre') != true
+        run: |
+          yarn build:changelog -- --release-as $RELEASE_TYPE
+          echo "RELEASE_TAG=latest" >> $GITHUB_ENV
+        env:
+          RELEASE_TYPE: ${{ github.event.inputs.release-type }}
+
+      # Bump package pre-release version
+      # Use tag beta for pre-release versions
+      - name: Bump pre-release version
+        if: startsWith(github.event.inputs.release-type, 'pre')
+        run: |
+          yarn build:changelog -- --$RELEASE_TYPE beta
+          echo "RELEASE_TAG=beta" >> $GITHUB_ENV
+        env:
+          RELEASE_TYPE: ${{ github.event.inputs.release-type }}
+
+      # Push changes
+      - name: Push CHANGELOG.md and created release tag
+        run: |
+          git push
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      # Publish version to public repository
+      - name: Publish
+        run: yarn publish --verbose --access public --tag ${{ env.RELEASE_TAG }}
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### 0.0.1-beta.0 (2022-11-16)
+
+### [0.0.1-alpha.1](https://github.com/Spaced-Out/ui-design-system/compare/v0.0.1-alpha.0...v0.0.1-alpha.1) (2022-11-16)
+
+
+### Bug Fixes
+
+* revert babel change ([7ef81e9](https://github.com/Spaced-Out/ui-design-system/commit/7ef81e92a65a296f7eedebed0f3234038d63118c))
+
 ### [0.0.1-alpha.0](https://github.com/Spaced-Out/ui-design-system/compare/v0.0.0...v0.0.1-alpha.0) (2022-11-16)
 
 

package/babel.config.js

@@ -12,12 +12,7 @@ module.exports = {
         ],
       },
     ],
-    [
-      '@babel/preset-react',
-      {
-        runtime: 'automatic',
-      },
-    ],
+    '@babel/preset-react',
     '@babel/preset-flow',
   ],
   plugins: ['macros'],

package/lib/components/Button/Button.js

@@ -8,11 +8,10 @@ var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../utils/classify");
 var _Icon = require("../Icon");
 var _ButtonModule = _interopRequireDefault(require("./Button.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const BUTTON_TYPES = Object.freeze({
   primary: 'primary',
   secondary: 'secondary',
@@ -35,8 +34,7 @@ const UnstyledButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     className,
     ...props
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.js)("button", {
-    ...props,
+  return /*#__PURE__*/React.createElement("button", _extends({}, props, {
     className: className,
     ref: ref,
     role: "button",
@@ -48,7 +46,7 @@ const UnstyledButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
         onClick(event);
       }
     }
-  });
+  }));
 });
 exports.UnstyledButton = UnstyledButton;
 const Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
@@ -65,8 +63,7 @@ const Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     size = 'medium',
     ...props
   } = _ref2;
-  return /*#__PURE__*/(0, _jsxRuntime.js)(UnstyledButton, {
-    ...props,
+  return /*#__PURE__*/React.createElement(UnstyledButton, _extends({}, props, {
     className: (0, _classify.classify)(_ButtonModule.default.button, {
       [_ButtonModule.default.primary]: type === 'primary',
       [_ButtonModule.default.secondary]: type === 'secondary',
@@ -82,39 +79,33 @@ const Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
       [_ButtonModule.default.withBothIcon]: !!(iconLeftName && iconRightName),
       [_ButtonModule.default.onlyIcon]: (iconLeftName || iconRightName) && !children
     }, classNames?.wrapper),
-    ref: ref,
-    children: /*#__PURE__*/(0, _jsxRuntime.js)("div", {
-      className: _ButtonModule.default.buttonRow,
-      children: !(iconLeftName || iconRightName) ? /*#__PURE__*/(0, _jsxRuntime.js)("div", {
-        className: _ButtonModule.default.textContainerCenter,
-        children: children
-      }) :
-      // has icon, but no child
-      children == null ? /*#__PURE__*/(0, _jsxRuntime.js)(_Icon.Icon, {
-        name: iconLeftName || iconRightName,
-        color: disabled ? 'disabled' : ButtonTypeToIconColorMap[type],
-        size: size === 'medium' ? 'medium' : 'small',
-        type: iconLeftType || iconRightType
-      }) :
-      // has icon _and_ child
-      (iconLeftName || iconRightName) && /*#__PURE__*/(0, _jsxRuntime.jss)(_jsxRuntime.Fragment, {
-        children: [iconLeftName && /*#__PURE__*/(0, _jsxRuntime.js)(_Icon.Icon, {
-          name: iconLeftName,
-          color: disabled ? 'disabled' : ButtonTypeToIconColorMap[type],
-          size: size === 'medium' ? 'medium' : 'small',
-          type: iconLeftType
-        }), /*#__PURE__*/(0, _jsxRuntime.js)("div", {
-          className: _ButtonModule.default.textContainerLeft,
-          children: children
-        }), iconRightName && /*#__PURE__*/(0, _jsxRuntime.js)(_Icon.Icon, {
-          name: iconRightName,
-          color: disabled ? 'disabled' : ButtonTypeToIconColorMap[type],
-          size: size === 'medium' ? 'medium' : 'small',
-          type: iconRightType
-        })]
-      })
-    })
-  });
+    ref: ref
+  }), /*#__PURE__*/React.createElement("div", {
+    className: _ButtonModule.default.buttonRow
+  }, !(iconLeftName || iconRightName) ? /*#__PURE__*/React.createElement("div", {
+    className: _ButtonModule.default.textContainerCenter
+  }, children) :
+  // has icon, but no child
+  children == null ? /*#__PURE__*/React.createElement(_Icon.Icon, {
+    name: iconLeftName || iconRightName,
+    color: disabled ? 'disabled' : ButtonTypeToIconColorMap[type],
+    size: size === 'medium' ? 'medium' : 'small',
+    type: iconLeftType || iconRightType
+  }) :
+  // has icon _and_ child
+  (iconLeftName || iconRightName) && /*#__PURE__*/React.createElement(React.Fragment, null, iconLeftName && /*#__PURE__*/React.createElement(_Icon.Icon, {
+    name: iconLeftName,
+    color: disabled ? 'disabled' : ButtonTypeToIconColorMap[type],
+    size: size === 'medium' ? 'medium' : 'small',
+    type: iconLeftType
+  }), /*#__PURE__*/React.createElement("div", {
+    className: _ButtonModule.default.textContainerLeft
+  }, children), iconRightName && /*#__PURE__*/React.createElement(_Icon.Icon, {
+    name: iconRightName,
+    color: disabled ? 'disabled' : ButtonTypeToIconColorMap[type],
+    size: size === 'medium' ? 'medium' : 'small',
+    type: iconRightType
+  }))));
 });
 exports.Button = Button;
 Button.name = Button.displayName = 'Button';

package/lib/components/ButtonDropdown/ButtonDropdown.js

@@ -13,11 +13,10 @@ var _clickAway = require("../../utils/click-away");
 var _Button = require("../Button");
 var _Menu = require("../Menu");
 var _ButtonDropdownModule = _interopRequireDefault(require("./ButtonDropdown.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const ButtonDropdown = _ref => {
   let {
     anchorPosition = 'bottom-start',
@@ -40,50 +39,44 @@ const ButtonDropdown = _ref => {
     whileElementsMounted: _reactDom.autoUpdate,
     middleware: [(0, _reactDom.shift)(), (0, _reactDom.flip)(), (0, _reactDom.offset)(parseInt(_space.spaceXXSmall))]
   });
-  return /*#__PURE__*/(0, _jsxRuntime.js)(_clickAway.ClickAway, {
-    children: _ref2 => {
-      let {
-        isOpen,
-        onOpen,
-        cancelNext,
-        clickAway
-      } = _ref2;
-      return /*#__PURE__*/(0, _jsxRuntime.jss)("div", {
-        "data-testid": "ButtonDropdown",
-        className: (0, _classify.classify)(_ButtonDropdownModule.default.buttonDropdownContainer, classNames?.wrapper),
-        ref: menuBtnRef,
-        children: [/*#__PURE__*/(0, _jsxRuntime.js)(_Button.Button, {
-          ...props?.button,
-          iconRightName: props?.button.children ? isOpen ? 'caret-up' : 'caret-down' : props?.button.iconRightName,
-          iconRightType: props?.button.children ? 'solid' : props?.button.iconRightType,
-          disabled: disabled,
-          size: size,
-          ref: reference,
-          onClick: e => {
-            e.stopPropagation();
-            onOpen();
-          }
-        }), isOpen && props?.menu && /*#__PURE__*/(0, _jsxRuntime.js)("div", {
-          onClickCapture: cancelNext,
-          ref: floating,
-          style: {
-            display: 'flex',
-            position: strategy,
-            top: y ?? _space.spaceNone,
-            left: x ?? _space.spaceNone,
-            width: _size.sizeFluid
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.js)(_Menu.Menu, {
-            ...props.menu,
-            onSelect: option => {
-              onOptionSelect && onOptionSelect(option);
-              clickAway();
-            },
-            size: size
-          })
-        })]
-      });
-    }
+  return /*#__PURE__*/React.createElement(_clickAway.ClickAway, null, _ref2 => {
+    let {
+      isOpen,
+      onOpen,
+      cancelNext,
+      clickAway
+    } = _ref2;
+    return /*#__PURE__*/React.createElement("div", {
+      "data-testid": "ButtonDropdown",
+      className: (0, _classify.classify)(_ButtonDropdownModule.default.buttonDropdownContainer, classNames?.wrapper),
+      ref: menuBtnRef
+    }, /*#__PURE__*/React.createElement(_Button.Button, _extends({}, props?.button, {
+      iconRightName: props?.button.children ? isOpen ? 'caret-up' : 'caret-down' : props?.button.iconRightName,
+      iconRightType: props?.button.children ? 'solid' : props?.button.iconRightType,
+      disabled: disabled,
+      size: size,
+      ref: reference,
+      onClick: e => {
+        e.stopPropagation();
+        onOpen();
+      }
+    })), isOpen && props?.menu && /*#__PURE__*/React.createElement("div", {
+      onClickCapture: cancelNext,
+      ref: floating,
+      style: {
+        display: 'flex',
+        position: strategy,
+        top: y ?? _space.spaceNone,
+        left: x ?? _space.spaceNone,
+        width: _size.sizeFluid
+      }
+    }, /*#__PURE__*/React.createElement(_Menu.Menu, _extends({}, props.menu, {
+      onSelect: option => {
+        onOptionSelect && onOptionSelect(option);
+        clickAway();
+      },
+      size: size
+    }))));
   });
 };
 exports.ButtonDropdown = ButtonDropdown;

package/lib/components/Checkbox/Checkbox.js

@@ -9,7 +9,6 @@ var _classify = _interopRequireDefault(require("../../utils/classify"));
 var _Icon = require("../Icon");
 var _Text = require("../Text/Text");
 var _CheckboxModule = _interopRequireDefault(require("./Checkbox.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -50,50 +49,46 @@ const Checkbox = _ref => {
       checkboxInput.current.indeterminate = false;
     }
   }, [indeterminate]);
-  return /*#__PURE__*/(0, _jsxRuntime.jss)("label", {
+  return /*#__PURE__*/React.createElement("label", {
     "data-testid": "checkbox",
     className: (0, _classify.default)(_CheckboxModule.default.checkboxContainer, {
       [_CheckboxModule.default.disabled]: disabled,
       [_CheckboxModule.default.horizontalCheckbox]: align === 'horizontal-fixed',
       [_CheckboxModule.default.fluidCheckbox]: align === 'horizontal-fluid'
-    }, classNames?.wrapper),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jss)("span", {
-      className: (0, _classify.default)(_CheckboxModule.default.checkboxSquare, {
-        [_CheckboxModule.default.disabled]: disabled
-      }),
-      children: [/*#__PURE__*/(0, _jsxRuntime.js)("input", {
-        type: "checkbox",
-        value: value,
-        checked: checked,
-        ref: checkboxInput,
-        onChange: handleOnChange,
-        tabIndex: disabled ? '-1' : 0,
-        className: (0, _classify.default)(_CheckboxModule.default.inputCheckbox),
-        disabled: disabled,
-        name: name
-      }), /*#__PURE__*/(0, _jsxRuntime.jss)("span", {
-        className: (0, _classify.default)(_CheckboxModule.default.checkboxSquareInner, {
-          [_CheckboxModule.default.enabled]: !disabled && !error,
-          [_CheckboxModule.default.disabled]: disabled,
-          [_CheckboxModule.default.error]: error && !disabled
-        }),
-        children: [indeterminate && /*#__PURE__*/(0, _jsxRuntime.js)(_Icon.Icon, {
-          color: disabled ? 'disabled' : 'inversePrimary',
-          name: "hyphen",
-          size: "small",
-          type: "regular"
-        }), checked && !indeterminate && /*#__PURE__*/(0, _jsxRuntime.js)(_Icon.Icon, {
-          color: disabled ? 'disabled' : 'inversePrimary',
-          name: "check",
-          size: "small",
-          type: "regular"
-        })]
-      })]
-    }), React.Children.count(children) > 0 && /*#__PURE__*/(0, _jsxRuntime.js)(_Text.FormLabelMedium, {
-      color: "secondary",
-      className: (0, _classify.default)(_CheckboxModule.default.checkboxLabel, classNames?.label),
-      children: children
-    })]
-  });
+    }, classNames?.wrapper)
+  }, /*#__PURE__*/React.createElement("span", {
+    className: (0, _classify.default)(_CheckboxModule.default.checkboxSquare, {
+      [_CheckboxModule.default.disabled]: disabled
+    })
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    value: value,
+    checked: checked,
+    ref: checkboxInput,
+    onChange: handleOnChange,
+    tabIndex: disabled ? '-1' : 0,
+    className: (0, _classify.default)(_CheckboxModule.default.inputCheckbox),
+    disabled: disabled,
+    name: name
+  }), /*#__PURE__*/React.createElement("span", {
+    className: (0, _classify.default)(_CheckboxModule.default.checkboxSquareInner, {
+      [_CheckboxModule.default.enabled]: !disabled && !error,
+      [_CheckboxModule.default.disabled]: disabled,
+      [_CheckboxModule.default.error]: error && !disabled
+    })
+  }, indeterminate && /*#__PURE__*/React.createElement(_Icon.Icon, {
+    color: disabled ? 'disabled' : 'inversePrimary',
+    name: "hyphen",
+    size: "small",
+    type: "regular"
+  }), checked && !indeterminate && /*#__PURE__*/React.createElement(_Icon.Icon, {
+    color: disabled ? 'disabled' : 'inversePrimary',
+    name: "check",
+    size: "small",
+    type: "regular"
+  }))), React.Children.count(children) > 0 && /*#__PURE__*/React.createElement(_Text.FormLabelMedium, {
+    color: "secondary",
+    className: (0, _classify.default)(_CheckboxModule.default.checkboxLabel, classNames?.label)
+  }, children));
 };
 exports.Checkbox = Checkbox;

package/lib/components/Checkbox/CheckboxGroup.js

@@ -8,7 +8,6 @@ var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
 var _Text = require("../Text/Text.js");
 var _CheckboxGroupModule = _interopRequireDefault(require("./CheckboxGroup.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -66,20 +65,17 @@ const CheckboxGroup = _ref => {
     }
     return child;
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jss)("div", {
-    className: (0, _classify.default)(_CheckboxGroupModule.default.checkboxGroupContainer, classNames?.wrapper),
-    children: [/*#__PURE__*/(0, _jsxRuntime.js)("div", {
-      className: (0, _classify.default)({
-        [_CheckboxGroupModule.default.vertical]: align === 'vertical',
-        [_CheckboxGroupModule.default.horizontal]: align === 'horizontal-fixed',
-        [_CheckboxGroupModule.default.horizontalFluid]: align === 'horizontal-fluid'
-      }, classNames?.checkboxGroup),
-      children: childrenWithProps
-    }), error && /*#__PURE__*/(0, _jsxRuntime.js)(_Text.BodySmall, {
-      className: (0, _classify.default)(classNames?.errorText),
-      color: "danger",
-      children: errorText
-    })]
-  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _classify.default)(_CheckboxGroupModule.default.checkboxGroupContainer, classNames?.wrapper)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: (0, _classify.default)({
+      [_CheckboxGroupModule.default.vertical]: align === 'vertical',
+      [_CheckboxGroupModule.default.horizontal]: align === 'horizontal-fixed',
+      [_CheckboxGroupModule.default.horizontalFluid]: align === 'horizontal-fluid'
+    }, classNames?.checkboxGroup)
+  }, childrenWithProps), error && /*#__PURE__*/React.createElement(_Text.BodySmall, {
+    className: (0, _classify.default)(classNames?.errorText),
+    color: "danger"
+  }, errorText));
 };
 exports.CheckboxGroup = CheckboxGroup;

package/lib/components/CircularLoader/CircularLoader.js

@@ -8,7 +8,6 @@ var React = _interopRequireWildcard(require("react"));
 var COLORS = _interopRequireWildcard(require("../../styles/variables/_color.js"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
 var _CircularLoaderModule = _interopRequireDefault(require("./CircularLoader.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -19,26 +18,24 @@ const CircularLoader = _ref => {
     className,
     colorToken = 'colorFillPrimary'
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.js)("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: (0, _classify.default)(_CircularLoaderModule.default.container, {
       [_CircularLoaderModule.default.mediumContainer]: size === 'medium',
       [_CircularLoaderModule.default.smallContainer]: size === 'small'
-    }, className),
-    children: /*#__PURE__*/(0, _jsxRuntime.jss)("div", {
-      className: _CircularLoaderModule.default.spinLoader,
-      "aria-hidden": "true",
-      children: [/*#__PURE__*/(0, _jsxRuntime.js)("div", {
-        className: _CircularLoaderModule.default.outerCircle,
-        style: {
-          '--color': COLORS[colorToken]
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.js)("div", {
-        className: _CircularLoaderModule.default.ellipse,
-        style: {
-          '--color': COLORS[colorToken]
-        }
-      })]
-    })
-  });
+    }, className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _CircularLoaderModule.default.spinLoader,
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _CircularLoaderModule.default.outerCircle,
+    style: {
+      '--color': COLORS[colorToken]
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: _CircularLoaderModule.default.ellipse,
+    style: {
+      '--color': COLORS[colorToken]
+    }
+  })));
 };
 exports.CircularLoader = CircularLoader;

package/lib/components/CodeBlock.js

@@ -6,21 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.CodeBlock = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactCodeBlocks = require("react-code-blocks");
-var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-// $FlowFixMe[untyped-import]
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const CodeBlock = _ref => {
   let {
     children,
     ...props
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.js)(_reactCodeBlocks.CodeBlock, {
+  return /*#__PURE__*/React.createElement(_reactCodeBlocks.CodeBlock, _extends({
     text: children,
-    showLineNumbers: false,
-    ...props
-  });
+    showLineNumbers: false
+  }, props));
 };
 exports.CodeBlock = CodeBlock;