@clickhouse/click-ui 0.0.175 → 0.0.176

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -37221,6 +37221,7 @@ const MultiSelectCheckboxItem = forwardRef(({
37221
37221
  onSelect: onSelectProp,
37222
37222
  separator,
37223
37223
  value = "",
37224
+ variant,
37224
37225
  ...props
37225
37226
  }, forwardedRef) => {
37226
37227
  const {
@@ -37267,9 +37268,9 @@ const MultiSelectCheckboxItem = forwardRef(({
37267
37268
  }, children: [
37268
37269
  /* @__PURE__ */ jsx(SvgImage, { name: icon, size: "sm" }),
37269
37270
  children
37270
- ] }), onClick: onChange }),
37271
- icon && iconDir === "end" && /* @__PURE__ */ jsx(IconWrapper$3, { icon, iconDir: "end", children: /* @__PURE__ */ jsx(Checkbox, { checked: isChecked, "data-testid": "multi-select-checkbox", disabled, label: label ?? children, onClick: onChange }) }),
37272
- !icon && /* @__PURE__ */ jsx(Checkbox, { checked: isChecked, "data-testid": "multi-select-checkbox", disabled, label: label ?? children, onClick: onChange })
37271
+ ] }), onClick: onChange, variant: variant ?? "default" }),
37272
+ icon && iconDir === "end" && /* @__PURE__ */ jsx(IconWrapper$3, { icon, iconDir: "end", children: /* @__PURE__ */ jsx(Checkbox, { checked: isChecked, "data-testid": "multi-select-checkbox", disabled, label: label ?? children, onClick: onChange, variant: variant ?? "default" }) }),
37273
+ !icon && /* @__PURE__ */ jsx(Checkbox, { checked: isChecked, "data-testid": "multi-select-checkbox", disabled, label: label ?? children, onClick: onChange, variant: variant ?? "default" })
37273
37274
  ] }),
37274
37275
  separator && /* @__PURE__ */ jsx(Separator, { size: "sm" })
37275
37276
  ] });
@@ -37237,6 +37237,7 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
37237
37237
  onSelect: onSelectProp,
37238
37238
  separator,
37239
37239
  value = "",
37240
+ variant,
37240
37241
  ...props
37241
37242
  }, forwardedRef) => {
37242
37243
  const {
@@ -37283,9 +37284,9 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
37283
37284
  }, children: [
37284
37285
  /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { name: icon, size: "sm" }),
37285
37286
  children
37286
- ] }), onClick: onChange }),
37287
- icon && iconDir === "end" && /* @__PURE__ */ jsxRuntime.jsx(IconWrapper$3, { icon, iconDir: "end", children: /* @__PURE__ */ jsxRuntime.jsx(Checkbox, { checked: isChecked, "data-testid": "multi-select-checkbox", disabled, label: label ?? children, onClick: onChange }) }),
37288
- !icon && /* @__PURE__ */ jsxRuntime.jsx(Checkbox, { checked: isChecked, "data-testid": "multi-select-checkbox", disabled, label: label ?? children, onClick: onChange })
37287
+ ] }), onClick: onChange, variant: variant ?? "default" }),
37288
+ icon && iconDir === "end" && /* @__PURE__ */ jsxRuntime.jsx(IconWrapper$3, { icon, iconDir: "end", children: /* @__PURE__ */ jsxRuntime.jsx(Checkbox, { checked: isChecked, "data-testid": "multi-select-checkbox", disabled, label: label ?? children, onClick: onChange, variant: variant ?? "default" }) }),
37289
+ !icon && /* @__PURE__ */ jsxRuntime.jsx(Checkbox, { checked: isChecked, "data-testid": "multi-select-checkbox", disabled, label: label ?? children, onClick: onChange, variant: variant ?? "default" })
37289
37290
  ] }),
37290
37291
  separator && /* @__PURE__ */ jsxRuntime.jsx(Separator, { size: "sm" })
37291
37292
  ] });
@@ -6,5 +6,5 @@ export interface CheckboxMultiSelectProps extends MultiSelectProps {
6
6
  export declare const CheckboxMultiSelect: {
7
7
  ({ value: valueProp, defaultValue, onSelect: onSelectProp, options, children, onOpenChange: onOpenChangeProp, selectLabel, ...props }: CheckboxMultiSelectProps): import("react/jsx-runtime").JSX.Element;
8
8
  Group: import('react').ForwardRefExoticComponent<import('./common/types').SelectGroupProps & import('react').RefAttributes<HTMLDivElement>>;
9
- Item: import('react').ForwardRefExoticComponent<import('./common/types').SelectItemProps & import('react').RefAttributes<HTMLDivElement>>;
9
+ Item: import('react').ForwardRefExoticComponent<import('./common/InternalSelect').MultiSelectCheckboxItemProps & import('react').RefAttributes<HTMLDivElement>>;
10
10
  };
@@ -1,6 +1,10 @@
1
1
  import { SelectContainerProps, SelectGroupProps, SelectItemProps } from './types';
2
+ import { CheckboxVariants } from '../..';
2
3
 
3
4
  export declare const InternalSelect: ({ label, children, orientation, dir, disabled, id, error, value: selectedValues, onChange, onSelect, open, onOpenChange, name, form, allowCreateOption, customText, options, sortable, placeholder, multiple, checkbox, selectLabel, showSearch, container, useFullWidthItems, itemCharacterLimit, ...props }: SelectContainerProps) => import("react/jsx-runtime").JSX.Element;
4
5
  export declare const SelectGroup: import('react').ForwardRefExoticComponent<SelectGroupProps & import('react').RefAttributes<HTMLDivElement>>;
5
6
  export declare const SelectItem: import('react').ForwardRefExoticComponent<SelectItemProps & import('react').RefAttributes<HTMLDivElement>>;
6
- export declare const MultiSelectCheckboxItem: import('react').ForwardRefExoticComponent<SelectItemProps & import('react').RefAttributes<HTMLDivElement>>;
7
+ export type MultiSelectCheckboxItemProps = SelectItemProps & {
8
+ variant?: CheckboxVariants;
9
+ };
10
+ export declare const MultiSelectCheckboxItem: import('react').ForwardRefExoticComponent<MultiSelectCheckboxItemProps & import('react').RefAttributes<HTMLDivElement>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clickhouse/click-ui",
3
- "version": "0.0.175",
3
+ "version": "0.0.176",
4
4
  "description": "Official ClickHouse design system react library",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",