Merge pull request #227 from hirotomoyamada/fix/bem/classname-number-…

…input-and-native-select Changed className NumberInput and NativeSelect
yamada-ui · Nov 7, 2023 · 8bbe644 · 8bbe644
2 parents 99a44d2 + 73abed8
commit 8bbe644
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 6 deletions.
diff --git a/.changeset/empty-ties-walk.md b/.changeset/empty-ties-walk.md
@@ -0,0 +1,5 @@
+---
+'@yamada-ui/number-input': patch
+---
+
+Changed `className` in `NumberInput`.
diff --git a/.changeset/old-insects-scream.md b/.changeset/old-insects-scream.md
@@ -0,0 +1,5 @@
+---
+'@yamada-ui/native-select': patch
+---
+
+Changed `className` in `NativeSelect`.
diff --git a/packages/components/native-select/src/native-select.tsx b/packages/components/native-select/src/native-select.tsx
@@ -156,7 +156,7 @@ export const NativeSelect = forwardRef<NativeSelectProps, 'select'>(
         >
           <ui.select
             ref={ref}
-            className={cx('ui-native-select-field', className)}
+            className={cx('ui-native-select__field', className)}
             __css={{
               paddingEnd: '2rem',
               h: h ?? height,
@@ -216,7 +216,7 @@ const NativeSelectIcon: FC<NativeSelectIconProps> = ({
 
   return (
     <ui.div
-      className={cx('ui-native-select-icon', className)}
+      className={cx('ui-native-select__icon', className)}
       __css={css}
       {...rest}
     >

diff --git a/packages/components/number-input/src/number-input.tsx b/packages/components/number-input/src/number-input.tsx
@@ -689,7 +689,7 @@ const NumberInputField = forwardRef<NumberInputFieldProps, 'input'>(
     return (
       <ui.input
         ref={ref}
-        className={cx('ui-number-input-field', className)}
+        className={cx('ui-number-input__field', className)}
         __css={css}
         {...rest}
       />
@@ -718,7 +718,7 @@ const NumberInputAddon = forwardRef<NumberInputAddonProps, 'div'>(
     return (
       <ui.div
         ref={ref}
-        className={cx('ui-number-input-addon', className)}
+        className={cx('ui-number-input__addon', className)}
         aria-hidden
         __css={css}
         {...rest}
@@ -751,7 +751,7 @@ const NumberIncrementStepper = forwardRef<NumberIncrementStepperProps, 'div'>(
 
     return (
       <Stepper
-        className={cx('ui-number-input-stepper', className)}
+        className={cx('ui-number-input__stepper--up', className)}
         {...getIncrementProps(rest, ref)}
         __css={css}
       >
@@ -771,7 +771,7 @@ const NumberDecrementStepper = forwardRef<NumberDecrementStepperProps, 'div'>(
 
     return (
       <Stepper
-        className={cx('ui-number-input-stepper', className)}
+        className={cx('ui-number-input__stepper--down', className)}
         {...getDecrementProps(rest, ref)}
         __css={css}
       >