feat : className 컨벤션 수정

Author: flamecommit

package/src/ReactFullpage.css

@@ -61,17 +61,17 @@ html.react-fullpage__html *:has(.react-fullpage__wrapper) {
   z-index: 10;
   width: 8px;
 }
-.react-fullpage__scrollbar__sticker {
+.react-fullpage__scrollbar-sticker {
   position: sticky;
   top: 0;
   width: 100%;
 }
-.react-fullpage__scrollbar__container {
+.react-fullpage__scrollbar-container {
   overflow: hidden;
   position: relative;
   width: 100%;
 }
-.react-fullpage__scrollbar__handler {
+.react-fullpage__scrollbar-handler {
   border: none;
   border-radius: 4px;
   background: none;
@@ -84,6 +84,6 @@ html.react-fullpage__html *:has(.react-fullpage__wrapper) {
   background: rgba(0, 0, 0, 0.3);
   cursor: default;
 }
-.react-fullpage__scrollbar__handler.is-pressed {
+.react-fullpage__scrollbar-handler.is-pressed {
   background: rgba(0, 0, 0, 0.6);
 }

package/src/components/FullpageScrollbar.tsx

@@ -65,17 +65,17 @@ function FullpageScrollbar({ scrollHeight, scrollY, section }: IProps) {
       style={{ height: `${scrollHeight}px` }}
     >
       <div
-        className="react-fullpage__scrollbar__sticker"
+        className="react-fullpage__scrollbar-sticker"
         style={{ height: `${windowHeight}px` }}
       >
         <div
-          className="react-fullpage__scrollbar__container"
+          className="react-fullpage__scrollbar-container"
           style={{ height: `${windowHeight}px` }}
         >
           <button
             type="button"
             ref={handler}
-            className={`react-fullpage__scrollbar__handler ${
+            className={`react-fullpage__scrollbar-handler ${
               isMousePressed && 'is-pressed'
             }`}
             style={{ top: `${handlerTop}%`, height: `${handlerHeight}%` }}