@snack-uikit/segmented-control 0.1.2-preview-b09d21bf.0 → 0.1.3

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.1.3 (2024-08-01)
+
+
+### Bug Fixes
+
+* **FF-0000:** add type button to Segment component ([025a480](https://github.com/cloud-ru-tech/snack-uikit/commit/025a4801a53e876eb3290e5e119c53c90e66fa45))
+
+
+
+
+
+## 0.1.2 (2024-07-19)
+
+### Only dependencies have been changed
+* [@snack-uikit/truncate-string@0.4.20](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/truncate-string/CHANGELOG.md)
+
+
+
+
+
 ## 0.1.1 (2024-06-27)
 
 ### Only dependencies have been changed

package/dist/helperComponents/Segment/Segment.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Segment as SegmentType, Size } from '../../types';
 type SegmentProps = SegmentType & {
     size: Size;

package/dist/helperComponents/Segment/Segment.js

@@ -16,6 +16,6 @@ export function Segment({ size, label, value, selected, onClick, disabled, icon,
             onSelectionUpdated(buttonRef.current);
         }
     }, [selected, buttonRef, onSelectionUpdated]);
-    const segment = (_jsxs("button", { ref: buttonRef, "data-test-id": `section-${value}`, "data-active": selected || undefined, "data-disabled": disabled || undefined, "data-layout": getLayout(icon, label), className: cn(styles.segment), onClick: onClick, "data-size": size, disabled: disabled, tabIndex: focusable ? 0 : -1, "aria-checked": selected, role: 'radio', children: [icon && _jsx("div", { className: styles.icon, children: icon }), label && _jsx(TruncateString, { className: styles.label, "data-size": size, text: label })] }));
+    const segment = (_jsxs("button", { ref: buttonRef, "data-test-id": `section-${value}`, "data-active": selected || undefined, "data-disabled": disabled || undefined, "data-layout": getLayout(icon, label), className: cn(styles.segment), onClick: onClick, "data-size": size, disabled: disabled, tabIndex: focusable ? 0 : -1, "aria-checked": selected, role: 'radio', type: 'button', children: [icon && _jsx("div", { className: styles.icon, children: icon }), label && _jsx(TruncateString, { className: styles.label, "data-size": size, text: label })] }));
     return renderWrapSegment ? renderWrapSegment(segment) : segment;
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Segmented Control",
-  "version": "0.1.2-preview-b09d21bf.0",
+  "version": "0.1.3",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -32,10 +32,10 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/truncate-string": "0.4.20-preview-b09d21bf.0",
+    "@snack-uikit/truncate-string": "0.4.20",
     "@snack-uikit/utils": "3.3.0",
     "classnames": "2.5.1",
     "uncontrollable": "8.0.4"
   },
-  "gitHead": "b51349c356c69cdff4fc4d4ff19374d66b82c015"
+  "gitHead": "64183b9ac908585aa89dc0e9b4fd168eceda0322"
 }

package/src/helperComponents/Segment/Segment.tsx

@@ -57,6 +57,7 @@ export function Segment({
       tabIndex={focusable ? 0 : -1}
       aria-checked={selected}
       role='radio'
+      type='button'
     >
       {icon && <div className={styles.icon}>{icon}</div>}
       {label && <TruncateString className={styles.label} data-size={size} text={label} />}