@snack-uikit/chips 0.27.14 → 0.27.16-preview-d40db86a.0

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.27.15 (2025-07-10)
+
+### Only dependencies have been changed
+* [@snack-uikit/calendar@0.12.15](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/calendar/CHANGELOG.md)
+* [@snack-uikit/icons@0.27.2](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/icons/CHANGELOG.md)
+* [@snack-uikit/list@0.31.4](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/list/CHANGELOG.md)
+* [@snack-uikit/tooltip@0.18.1](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/tooltip/CHANGELOG.md)
+* [@snack-uikit/truncate-string@0.6.24](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/truncate-string/CHANGELOG.md)
+
+
+
+
+
 ## 0.27.14 (2025-07-10)
 
 ### Only dependencies have been changed

package/README.md

@@ -114,6 +114,7 @@ import { PlaceholderSVG } from '@snack-uikit/icons';
 | tabIndex | `number` | - | HTML tab index |
 | truncateVariant | "end" \| "middle" | middle | Вариант обрезания лейбла |
 | size | enum Size: `"xs"`, `"s"`, `"m"`, `"l"` | s | Размер |
+| customBorderRadius | `string \| number` | - |  |
 ## ChipChoice.Custom
 ### Props
 | name | type | default value | description |

package/dist/cjs/components/ChipToggle/ChipToggle.d.ts

@@ -8,6 +8,7 @@ export type ChipToggleProps = WithSupportProps<BaseChipProps & {
     size?: Size;
     /** Колбек смены значения */
     onChange(checked: boolean, e: ChangeEvent<HTMLInputElement>): void;
+    customBorderRadius?: string | number;
 }>;
 /** Чип с состоянием выбран/не выбран */
-export declare function ChipToggle({ icon, size, label, checked, disabled, loading, onChange, className, tabIndex, truncateVariant, ...rest }: ChipToggleProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChipToggle({ icon, size, label, checked, disabled, loading, onChange, className, tabIndex, truncateVariant, customBorderRadius, ...rest }: ChipToggleProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/ChipToggle/ChipToggle.js

@@ -36,9 +36,10 @@ function ChipToggle(_a) {
       onChange,
       className,
       tabIndex = 0,
-      truncateVariant = 'middle'
+      truncateVariant = 'middle',
+      customBorderRadius
     } = _a,
-    rest = __rest(_a, ["icon", "size", "label", "checked", "disabled", "loading", "onChange", "className", "tabIndex", "truncateVariant"]);
+    rest = __rest(_a, ["icon", "size", "label", "checked", "disabled", "loading", "onChange", "className", "tabIndex", "truncateVariant", "customBorderRadius"]);
   const variant = icon && size !== constants_1.SIZE.Xs ? constants_1.VARIANT.IconBefore : constants_1.VARIANT.LabelOnly;
   const spinnerSize = size === constants_1.SIZE.Xs ? 'xs' : 's';
   const handleChange = e => {
@@ -64,6 +65,9 @@ function ChipToggle(_a) {
       className: styles_module_scss_1.default.toggleChipInput
     }), (0, jsx_runtime_1.jsxs)("span", {
       className: styles_module_scss_1.default.toggleChipContent,
+      style: customBorderRadius ? {
+        borderRadius: customBorderRadius
+      } : undefined,
       children: [variant === constants_1.VARIANT.IconBefore && !loading && (0, jsx_runtime_1.jsx)("span", {
         className: styles_module_scss_1.default.icon,
         "data-test-id": constants_1.CHIP_TOGGLE_TEST_IDS.icon,

package/dist/esm/components/ChipToggle/ChipToggle.d.ts

@@ -8,6 +8,7 @@ export type ChipToggleProps = WithSupportProps<BaseChipProps & {
     size?: Size;
     /** Колбек смены значения */
     onChange(checked: boolean, e: ChangeEvent<HTMLInputElement>): void;
+    customBorderRadius?: string | number;
 }>;
 /** Чип с состоянием выбран/не выбран */
-export declare function ChipToggle({ icon, size, label, checked, disabled, loading, onChange, className, tabIndex, truncateVariant, ...rest }: ChipToggleProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChipToggle({ icon, size, label, checked, disabled, loading, onChange, className, tabIndex, truncateVariant, customBorderRadius, ...rest }: ChipToggleProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/ChipToggle/ChipToggle.js

@@ -18,7 +18,7 @@ import { CHIP_TOGGLE_TEST_IDS, SIZE, VARIANT } from '../../constants';
 import styles from './styles.module.css';
 /** Чип с состоянием выбран/не выбран */
 export function ChipToggle(_a) {
-    var { icon, size = SIZE.S, label, checked, disabled, loading, onChange, className, tabIndex = 0, truncateVariant = 'middle' } = _a, rest = __rest(_a, ["icon", "size", "label", "checked", "disabled", "loading", "onChange", "className", "tabIndex", "truncateVariant"]);
+    var { icon, size = SIZE.S, label, checked, disabled, loading, onChange, className, tabIndex = 0, truncateVariant = 'middle', customBorderRadius } = _a, rest = __rest(_a, ["icon", "size", "label", "checked", "disabled", "loading", "onChange", "className", "tabIndex", "truncateVariant", "customBorderRadius"]);
     const variant = icon && size !== SIZE.Xs ? VARIANT.IconBefore : VARIANT.LabelOnly;
     const spinnerSize = size === SIZE.Xs ? 'xs' : 's';
     const handleChange = e => {
@@ -27,5 +27,5 @@ export function ChipToggle(_a) {
         }
         onChange === null || onChange === void 0 ? void 0 : onChange(!checked, e);
     };
-    return (_jsxs("label", Object.assign({}, extractSupportProps(rest), { "data-size": size, "data-loading": loading || undefined, "data-disabled": (!loading && disabled) || undefined, "data-variant": variant, "data-checked": checked || undefined, className: cn(styles.toggleChip, className), children: [_jsx("input", { "data-test-id": CHIP_TOGGLE_TEST_IDS.input, type: 'checkbox', checked: checked, onChange: handleChange, disabled: !loading && disabled, tabIndex: disabled ? -1 : tabIndex, className: styles.toggleChipInput }), _jsxs("span", { className: styles.toggleChipContent, children: [variant === VARIANT.IconBefore && !loading && (_jsx("span", { className: styles.icon, "data-test-id": CHIP_TOGGLE_TEST_IDS.icon, children: icon })), loading && (_jsx("span", { className: styles.spinner, "data-test-id": CHIP_TOGGLE_TEST_IDS.spinner, children: _jsx(Sun, { size: spinnerSize }) })), _jsx("span", { className: cn(styles.labelLayout, styles.label), "data-test-id": CHIP_TOGGLE_TEST_IDS.label, children: _jsx(TruncateString, { text: label, variant: truncateVariant }) })] })] })));
+    return (_jsxs("label", Object.assign({}, extractSupportProps(rest), { "data-size": size, "data-loading": loading || undefined, "data-disabled": (!loading && disabled) || undefined, "data-variant": variant, "data-checked": checked || undefined, className: cn(styles.toggleChip, className), children: [_jsx("input", { "data-test-id": CHIP_TOGGLE_TEST_IDS.input, type: 'checkbox', checked: checked, onChange: handleChange, disabled: !loading && disabled, tabIndex: disabled ? -1 : tabIndex, className: styles.toggleChipInput }), _jsxs("span", { className: styles.toggleChipContent, style: customBorderRadius ? { borderRadius: customBorderRadius } : undefined, children: [variant === VARIANT.IconBefore && !loading && (_jsx("span", { className: styles.icon, "data-test-id": CHIP_TOGGLE_TEST_IDS.icon, children: icon })), loading && (_jsx("span", { className: styles.spinner, "data-test-id": CHIP_TOGGLE_TEST_IDS.spinner, children: _jsx(Sun, { size: spinnerSize }) })), _jsx("span", { className: cn(styles.labelLayout, styles.label), "data-test-id": CHIP_TOGGLE_TEST_IDS.label, children: _jsx(TruncateString, { text: label, variant: truncateVariant }) })] })] })));
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Chips",
-  "version": "0.27.14",
+  "version": "0.27.16-preview-d40db86a.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -37,14 +37,14 @@
   "scripts": {},
   "dependencies": {
     "@snack-uikit/button": "0.19.13",
-    "@snack-uikit/calendar": "0.12.14",
+    "@snack-uikit/calendar": "0.12.15",
     "@snack-uikit/divider": "3.2.7",
     "@snack-uikit/dropdown": "0.5.0",
-    "@snack-uikit/icons": "0.27.1",
-    "@snack-uikit/list": "0.31.3",
+    "@snack-uikit/icons": "0.27.2",
+    "@snack-uikit/list": "0.31.4",
     "@snack-uikit/loaders": "0.9.6",
-    "@snack-uikit/tooltip": "0.18.0",
-    "@snack-uikit/truncate-string": "0.6.23",
+    "@snack-uikit/tooltip": "0.18.1",
+    "@snack-uikit/truncate-string": "0.6.24",
     "@snack-uikit/utils": "3.9.0",
     "classnames": "2.5.1",
     "fuzzy-search": "3.2.1",
@@ -57,5 +57,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "a52f1e048d51eb120078ce84b5cc497a8f35c133"
+  "gitHead": "7096dc003719b443e788abc684aa9e1292bf7bea"
 }

package/src/components/ChipToggle/ChipToggle.tsx

@@ -17,6 +17,7 @@ export type ChipToggleProps = WithSupportProps<
     size?: Size;
     /** Колбек смены значения */
     onChange(checked: boolean, e: ChangeEvent<HTMLInputElement>): void;
+    customBorderRadius?: string | number;
   }
 >;
 
@@ -32,6 +33,7 @@ export function ChipToggle({
   className,
   tabIndex = 0,
   truncateVariant = 'middle',
+  customBorderRadius,
   ...rest
 }: ChipToggleProps) {
   const variant = icon && size !== SIZE.Xs ? VARIANT.IconBefore : VARIANT.LabelOnly;
@@ -65,7 +67,10 @@ export function ChipToggle({
         className={styles.toggleChipInput}
       />
 
-      <span className={styles.toggleChipContent}>
+      <span
+        className={styles.toggleChipContent}
+        style={customBorderRadius ? { borderRadius: customBorderRadius } : undefined}
+      >
         {variant === VARIANT.IconBefore && !loading && (
           <span className={styles.icon} data-test-id={CHIP_TOGGLE_TEST_IDS.icon}>
             {icon}