@teamturing/react-kit 2.41.0 → 2.41.2

package/dist/core/ActionList/ActionListItem.d.ts

@@ -1,4 +1,4 @@
-import { ElementType, PropsWithChildren, ReactNode, MouseEvent as ReactMouseEvent, KeyboardEvent as ReactKeyboardEvent } from 'react';
+import { ElementType, PropsWithChildren, ReactNode, MouseEvent as ReactMouseEvent, KeyboardEvent as ReactKeyboardEvent, LiHTMLAttributes } from 'react';
 import { SxProp } from '../../utils/styled-system';
 type Props = {
     variant?: 'neutral' | 'danger';
@@ -9,7 +9,7 @@ type Props = {
     disabled?: boolean;
     selected?: boolean;
     onSelect?: (event: ReactMouseEvent<HTMLLIElement> | ReactKeyboardEvent<HTMLLIElement>) => void;
-} & SxProp;
-declare const ActionListItem: ({ variant, leadingVisual: LeadingVisual, trailingVisual: TrailingVisual, description, descriptionLayout, disabled, selected, onSelect: propOnSelect, children, sx, }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
+} & Pick<LiHTMLAttributes<HTMLLIElement>, 'onFocus' | 'onBlur'> & SxProp;
+declare const ActionListItem: ({ variant, leadingVisual: LeadingVisual, trailingVisual: TrailingVisual, description, descriptionLayout, disabled, selected, onSelect: propOnSelect, children, onFocus, onBlur, sx, }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
 export default ActionListItem;
 export type { Props as ActionListItemProps };

package/dist/core/ActionList/index.d.ts

@@ -16,7 +16,7 @@ type Props = {
 type ActionListContextValue = {} & Pick<Props, 'selectionVariant' | 'onSelect'>;
 declare const ActionListContext: import("react").Context<Pick<Props, "onSelect" | "selectionVariant">>;
 declare const _default: (({ selectionVariant, onSelect, ...props }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element) & {
-    Item: ({ variant, leadingVisual: LeadingVisual, trailingVisual: TrailingVisual, description, descriptionLayout, disabled, selected, onSelect: propOnSelect, children, sx, }: PropsWithChildren<ActionListItemProps>) => import("react/jsx-runtime").JSX.Element;
+    Item: ({ variant, leadingVisual: LeadingVisual, trailingVisual: TrailingVisual, description, descriptionLayout, disabled, selected, onSelect: propOnSelect, children, onFocus, onBlur, sx, }: PropsWithChildren<ActionListItemProps>) => import("react/jsx-runtime").JSX.Element;
     SectionDivider: ({ color, variant, width, sx }: ActionListSectionDividerProps) => import("react/jsx-runtime").JSX.Element;
     SectionHeader: ({ ...props }: PropsWithChildren<SxProp>) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/core/Grid/index.d.ts

@@ -1,5 +1,5 @@
 import { SpaceKey } from '@teamturing/token-studio';
-import { PropsWithChildren } from 'react';
+import { HTMLAttributes, PropsWithChildren } from 'react';
 import { ResponsiveValue } from 'styled-system';
 import { AsProp } from '../../utils/styled-system';
 import { ViewProps } from '../View';
@@ -7,16 +7,16 @@ type Props = {
     gapX?: ResponsiveValue<SpaceKey>;
     gapY?: ResponsiveValue<SpaceKey>;
     wrap?: ResponsiveValue<boolean>;
-} & Pick<ViewProps, 'alignItems' | 'justifyContent' | 'sx'> & AsProp;
+} & Pick<ViewProps, 'alignItems' | 'justifyContent' | 'sx'> & Pick<HTMLAttributes<HTMLDivElement>, 'className'> & AsProp;
 type UnitSizeType = 'min' | 'max' | number;
 type GridUnitProps = {
     size: ResponsiveValue<UnitSizeType>;
-} & Pick<ViewProps, 'order' | 'sx'> & AsProp;
+} & Pick<ViewProps, 'order' | 'sx'> & Pick<HTMLAttributes<HTMLDivElement>, 'className'> & AsProp;
 declare const _default: import("react").ForwardRefExoticComponent<{
     gapX?: ResponsiveValue<0 | 1 | 20 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 | 16 | 18 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 0.5 | 24 | 28 | 30 | 32 | 40 | 48 | 50 | 80> | undefined;
     gapY?: ResponsiveValue<0 | 1 | 20 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 | 16 | 18 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 0.5 | 24 | 28 | 30 | 32 | 40 | 48 | 50 | 80> | undefined;
     wrap?: ResponsiveValue<boolean> | undefined;
-} & Pick<ViewProps, "alignItems" | "justifyContent" | "sx"> & AsProp & {
+} & Pick<ViewProps, "alignItems" | "justifyContent" | "sx"> & Pick<HTMLAttributes<HTMLDivElement>, "className"> & AsProp & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>> & {
     Unit: ({ size, as, children, ...props }: PropsWithChildren<GridUnitProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/index.js

@@ -6925,6 +6925,8 @@ const ActionListItem = ({
   selected = false,
   onSelect: propOnSelect,
   children,
+  onFocus,
+  onBlur,
   sx
 }) => {
   const {
@@ -6958,6 +6960,8 @@ const ActionListItem = ({
     sx: sx,
     onClick: handleClick,
     onKeyDown: handleKeyDown,
+    onFocus: onFocus,
+    onBlur: onBlur,
     children: [!isNullable(selectionVariant) ? /*#__PURE__*/jsxRuntimeExports.jsx(View, {
       display: 'inline-flex',
       minWidth: 20,

package/esm/core/ActionList/ActionListItem.js

@@ -25,6 +25,8 @@ const ActionListItem = ({
   selected = false,
   onSelect: propOnSelect,
   children,
+  onFocus,
+  onBlur,
   sx
 }) => {
   const {
@@ -58,6 +60,8 @@ const ActionListItem = ({
     sx: sx,
     onClick: handleClick,
     onKeyDown: handleKeyDown,
+    onFocus: onFocus,
+    onBlur: onBlur,
     children: [!isNullable(selectionVariant) ? /*#__PURE__*/jsxRuntimeExports.jsx(View, {
       display: 'inline-flex',
       minWidth: 20,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.41.0",
+  "version": "2.41.2",
   "description": "React components, hooks for create teamturing web application",
   "author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
   "homepage": "https://github.com/weareteamturing/bombe#readme",
@@ -66,5 +66,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "ac4bfda6cfb14d28ea9924b4585cfd1c50ed3c5d"
+  "gitHead": "1c94452565da07dbabbccc743bc12fde947342cc"
 }