@spaced-out/ui-design-system 0.3.5 → 0.3.7

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 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.3.7](https://github.com/spaced-out/ui-design-system/compare/v0.3.6...v0.3.7) (2024-11-29)
+
+
+### Bug Fixes
+
+* fixes an incorrect propagation of className in ClickableIcon ([61a8008](https://github.com/spaced-out/ui-design-system/commit/61a800856b92eff12a6c0d9637863dc09e737253))
+
+### [0.3.6](https://github.com/spaced-out/ui-design-system/compare/v0.3.5...v0.3.6) (2024-11-27)
+
+
+### Bug Fixes
+
+* added role=group for weekdayPicker ([#294](https://github.com/spaced-out/ui-design-system/issues/294)) ([bf61f70](https://github.com/spaced-out/ui-design-system/commit/bf61f7034a557b7adee858be10f990aed93d6b50))
+
 ### [0.3.5](https://github.com/spaced-out/ui-design-system/compare/v0.3.4...v0.3.5) (2024-11-27)
 
 

package/lib/components/Icon/ClickableIcon.js

@@ -17,7 +17,6 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 const ClickableIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     size = 'medium',
-    className,
     ariaLabel,
     onClick,
     ...props
@@ -36,7 +35,7 @@ const ClickableIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       [_ClickableIconModule.default.small]: size === 'small',
       [_ClickableIconModule.default.medium]: size === 'medium',
       [_ClickableIconModule.default.large]: size === 'large'
-    }, className),
+    }),
     ref: ref
   }), /*#__PURE__*/React.createElement(_.Icon, _extends({
     size: size

package/lib/components/Icon/ClickableIcon.js.flow

@@ -17,10 +17,7 @@ export const ClickableIcon: React$AbstractComponent<
   IconProps,
   HTMLButtonElement,
 > = React.forwardRef<IconProps, HTMLButtonElement>(
-  (
-    {size = 'medium', className, ariaLabel, onClick, ...props}: IconProps,
-    ref,
-  ) => {
+  ({size = 'medium', ariaLabel, onClick, ...props}: IconProps, ref) => {
     const onKeyDownHandler = (e) => {
       if (e.key === 'Enter') {
         e.preventDefault();
@@ -33,15 +30,11 @@ export const ClickableIcon: React$AbstractComponent<
         onClick={onClick}
         onKeyDown={onKeyDownHandler}
         ariaLabel={ariaLabel}
-        className={classify(
-          css.button,
-          {
-            [css.small]: size === 'small',
-            [css.medium]: size === 'medium',
-            [css.large]: size === 'large',
-          },
-          className,
-        )}
+        className={classify(css.button, {
+          [css.small]: size === 'small',
+          [css.medium]: size === 'medium',
+          [css.large]: size === 'large',
+        })}
         ref={ref}
       >
         <Icon size={size} {...props} />

package/lib/components/WeekdayPicker/WeekdayPicker.js

@@ -115,7 +115,8 @@ const WeekdayPicker = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     className: (0, _classify.default)(_WeekdayPickerModule.default.weekdayPickerContainer, classNames.wrapper, {
       [_WeekdayPickerModule.default.weekdayReadOnly]: readOnly
     }),
-    "aria-label": ariaLabel
+    "aria-label": ariaLabel,
+    role: "group"
   }, !!label && /*#__PURE__*/React.createElement("div", {
     className: (0, _classify.default)(_WeekdayPickerModule.default.weekdayLabel, classNames.label)
   }, label), /*#__PURE__*/React.createElement("div", {

package/lib/components/WeekdayPicker/WeekdayPicker.js.flow

@@ -176,6 +176,7 @@ export const WeekdayPicker: React$AbstractComponent<
           [css.weekdayReadOnly]: readOnly,
         })}
         aria-label={ariaLabel}
+        role="group"
       >
         {!!label && (
           <div className={classify(css.weekdayLabel, classNames.label)}>

package/package.json

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