@zenkigen-inc/component-ui 1.10.1 → 1.10.2

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.
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const isAsciiString: (str: string) => boolean;
3
2
  type Props = {
4
3
  size?: 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
@@ -1,7 +1,5 @@
1
1
  import type { PropsWithChildren } from 'react';
2
2
  export declare function Breadcrumb({ children }: PropsWithChildren): import("react").JSX.Element;
3
3
  export declare namespace Breadcrumb {
4
- var Item: ({ children }: {
5
- children?: import("react").ReactNode;
6
- }) => import("react").JSX.Element;
4
+ var Item: ({ children }: PropsWithChildren) => import("react").JSX.Element;
7
5
  }
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
1
  export declare const CheckedIcon: () => import("react").JSX.Element;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
1
  export declare const MinusIcon: () => import("react").JSX.Element;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  type Props = {
3
2
  value: number;
4
3
  isEditable?: boolean;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import type { IconName } from '@zenkigen-inc/component-icons';
3
2
  import { iconColors } from '@zenkigen-inc/component-theme';
4
3
  type Size = 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import type { IconName } from '@zenkigen-inc/component-icons';
3
2
  type Size = 'small' | 'medium' | 'large';
4
3
  type Variant = 'outline' | 'text';
package/dist/index.esm.js CHANGED
@@ -17,7 +17,7 @@ function _objectWithoutPropertiesLoose(r, e) {
17
17
  if (null == r) return {};
18
18
  var t = {};
19
19
  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
20
- if (e.indexOf(n) >= 0) continue;
20
+ if (e.includes(n)) continue;
21
21
  t[n] = r[n];
22
22
  }
23
23
  return t;
@@ -154,7 +154,7 @@ function Checkbox(_ref) {
154
154
  setIsMouseOver(false);
155
155
  }, []);
156
156
  var handleChange = useCallback(function (e) {
157
- !isDisabled && (onChange == null ? void 0 : onChange(e));
157
+ return !isDisabled && (onChange == null ? void 0 : onChange(e));
158
158
  }, [isDisabled, onChange]);
159
159
  var baseInputClasses = clsx$1('peer absolute z-[1] size-5 opacity-0', {
160
160
  'cursor-not-allowed': isDisabled,
@@ -31198,7 +31198,7 @@ function DropdownItem(_ref) {
31198
31198
  setIsVisible = _useContext.setIsVisible;
31199
31199
  var handleClickItem = function handleClickItem(event) {
31200
31200
  setIsVisible(false);
31201
- onClick && onClick(event);
31201
+ onClick == null || onClick(event);
31202
31202
  };
31203
31203
  var itemClasses = clsx$1('typography-label14regular flex h-8 w-full items-center px-3 hover:bg-hover02 active:bg-active02', focusVisible.inset, {
31204
31204
  'bg-uiBackground01 fill-icon01 text-interactive02': color === 'gray',
@@ -32148,7 +32148,7 @@ var Search = /*#__PURE__*/forwardRef(function (_ref, ref) {
32148
32148
  _ref$size = _ref.size,
32149
32149
  size = _ref$size === void 0 ? 'medium' : _ref$size,
32150
32150
  props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
32151
- var classes = clsx('flex items-center rounded-full border border-uiBorder02 focus-within:border-activeInput', {
32151
+ var classes = clsx('flex items-center rounded-full border border-uiBorder02 bg-uiBackground01 focus-within:border-activeInput', {
32152
32152
  'h-8 px-3': size === 'medium'
32153
32153
  }, {
32154
32154
  'h-10 px-4': size === 'large'
@@ -32563,7 +32563,7 @@ function Toast(_ref) {
32563
32563
  }
32564
32564
  }, [isAnimation, onClickClose]);
32565
32565
  var handleAnimationEnd = function handleAnimationEnd(e) {
32566
- window.getComputedStyle(e.currentTarget).opacity === '0' && onClickClose();
32566
+ return window.getComputedStyle(e.currentTarget).opacity === '0' && onClickClose();
32567
32567
  };
32568
32568
  var wrapperClasses = clsx$1('pointer-events-auto flex items-start gap-1 bg-white p-4 shadow-floatingShadow', (_clsx = {}, _clsx['animate-toast-in'] = isAnimation && !isRemoving, _clsx['animate-toast-out opacity-0'] = isAnimation && isRemoving, _clsx));
32569
32569
  var iconClasses = clsx$1('flex items-center', {