@spaced-out/ui-design-system 0.1.24 → 0.1.26

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 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.1.26](https://github.com/spaced-out/ui-design-system/compare/v0.1.25...v0.1.26) (2023-05-03)
+
+
+### Bug Fixes
+
+* buttontabs should support individual buttontab disabled property ([#110](https://github.com/spaced-out/ui-design-system/issues/110)) ([ca8a6f1](https://github.com/spaced-out/ui-design-system/commit/ca8a6f1d2d320d599becaf53641df266f15f120c))
+* toggle stopimmediatepropagation ([#109](https://github.com/spaced-out/ui-design-system/issues/109)) ([465b8f9](https://github.com/spaced-out/ui-design-system/commit/465b8f93160b0cef78c5376541e3774887ff577e))
+* updated docs for dropdown ([5c2eff8](https://github.com/spaced-out/ui-design-system/commit/5c2eff8d01375d86a734c00bf95003739f90e36e))
+
+### [0.1.25](https://github.com/spaced-out/ui-design-system/compare/v0.1.24...v0.1.25) (2023-04-26)
+
+
+### Bug Fixes
+
+* add scope for th tag in table ([#108](https://github.com/spaced-out/ui-design-system/issues/108)) ([9999628](https://github.com/spaced-out/ui-design-system/commit/99996287c7c6d41657983b75035f4e4ab3f78ecd))
+
 ### [0.1.24](https://github.com/spaced-out/ui-design-system/compare/v0.1.23...v0.1.24) (2023-04-26)
 
 

package/lib/components/ButtonTabs/ButtonTabs.js

@@ -23,11 +23,14 @@ const ButtonTabs = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   } = _ref;
   const childrenWithProps = React.Children.map(children, child => {
     if ( /*#__PURE__*/React.isValidElement(child)) {
+      const {
+        disabled: disabledChild
+      } = child.props;
       return /*#__PURE__*/React.cloneElement(child, {
         ...child.props,
         isFluid,
         size,
-        disabled,
+        disabled: disabledChild || disabled,
         selectedButtonTabId,
         onButtonTabSelect
       });

package/lib/components/ButtonTabs/ButtonTabs.js.flow

@@ -37,11 +37,12 @@ export const ButtonTabs: React$AbstractComponent<
   ): React.Node => {
     const childrenWithProps = React.Children.map(children, (child) => {
       if (React.isValidElement(child)) {
+        const {disabled: disabledChild} = child.props;
         return React.cloneElement(child, {
           ...child.props,
           isFluid,
           size,
-          disabled,
+          disabled: disabledChild || disabled,
           selectedButtonTabId,
           onButtonTabSelect,
         });

package/lib/components/Table/Table.module.css

@@ -180,8 +180,11 @@
   max-width: size60;
 }
 
-.defaultTable td:first-child,
-th:first-child {
+.defaultTable td:first-child {
+  padding-left: spaceMedium;
+}
+
+.defaultTable th:first-child {
   padding-left: spaceMedium;
 }
 

package/lib/components/Toggle/Toggle.js

@@ -34,7 +34,8 @@ const Toggle = /*#__PURE__*/React.forwardRef((_ref, forwardRef) => {
       });
     }
   };
-  const onWrapClickHandler = () => {
+  const onWrapClickHandler = e => {
+    e.nativeEvent.stopImmediatePropagation();
     toggleInput.current?.click();
   };
   React.useEffect(() => {

package/lib/components/Toggle/Toggle.js.flow

@@ -56,7 +56,8 @@ export const Toggle: React$AbstractComponent<ToggleProps, HTMLInputElement> =
         }
       };
 
-      const onWrapClickHandler = () => {
+      const onWrapClickHandler = (e) => {
+        e.nativeEvent.stopImmediatePropagation();
         toggleInput.current?.click();
       };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.1.24",
+  "version": "0.1.26",
   "main": "index.js",
   "description": "Sense UI components library",
   "author": {