fix: rename with-uikit-play-pause-button to with-play-pause-button

gravity-ui · Sep 29, 2023 · 02fdeb3 · 02fdeb3
1 parent bf2b932
commit 02fdeb3
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 11 deletions.
diff --git a/src/blocks/Media/__stories__/data.json b/src/blocks/Media/__stories__/data.json
@@ -129,7 +129,7 @@
             "ariaLabel": "Video accessible name example",
             "controls": "custom",
             "customControlsOptions": {
-              "type": "with-uikit-play-pause-button",
+              "type": "with-play-pause-button",
               "muteButtonShown": false,
               "backgroundShadowHidden": true,
               "positioning": "left"
@@ -152,7 +152,7 @@
             "ariaLabel": "Video accessible name example",
             "controls": "custom",
             "customControlsOptions": {
-              "type": "with-uikit-play-pause-button",
+              "type": "with-play-pause-button",
               "muteButtonShown": false,
               "backgroundShadowHidden": true,
               "positioning": "left"

diff --git a/src/components/ReactPlayer/CustomBarControls.scss b/src/components/ReactPlayer/CustomBarControls.scss
@@ -23,7 +23,7 @@ $withMuteControlWidth: 32px;
         }
 
         &_type {
-            &_with-uikit-play-pause-button {
+            &_with-play-pause-button {
                 gap: $indentXXXS;
                 padding: $indentXXXS;
             }
@@ -77,7 +77,7 @@ $withMuteControlWidth: 32px;
                 }
             }
 
-            &_with-uikit-play-pause-button {
+            &_with-play-pause-button {
                 width: $withUikitPlayPauseControlSize;
                 height: $withUikitPlayPauseControlSize;
                 border-radius: 50%;
@@ -96,7 +96,7 @@ $withMuteControlWidth: 32px;
 
     &__play-icon {
         &_type {
-            &_with-uikit-play-pause-button {
+            &_with-play-pause-button {
                 height: $withUikitPlayPauseControlIconSize;
                 width: $withUikitPlayPauseControlIconSize;
                 color: var(--g-color-base-neutral-heavy);
@@ -110,7 +110,7 @@ $withMuteControlWidth: 32px;
                 height: $withMuteControlHeight;
                 width: $withMuteControlWidth;
             }
-            &_with-uikit-play-pause-button {
+            &_with-play-pause-button {
                 height: $withUikitPlayPauseControlIconSize;
                 width: $withUikitPlayPauseControlIconSize;
                 color: var(--g-color-base-neutral-heavy);

diff --git a/src/components/ReactPlayer/CustomBarControls.tsx b/src/components/ReactPlayer/CustomBarControls.tsx
@@ -17,19 +17,19 @@ const b = block('CustomBarControls');
 
 const playIconsMap = {
     [CustomControlsType.WithMuteButton]: null,
-    [CustomControlsType.WithUiKitPlayPauseButton]: Play,
+    [CustomControlsType.WithPlayPauseButton]: Play,
 };
 const pauseIconsMap = {
     [CustomControlsType.WithMuteButton]: null,
-    [CustomControlsType.WithUiKitPlayPauseButton]: Pause,
+    [CustomControlsType.WithPlayPauseButton]: Pause,
 };
 const muteIconsMap = {
     [CustomControlsType.WithMuteButton]: Mute,
-    [CustomControlsType.WithUiKitPlayPauseButton]: VolumeLow,
+    [CustomControlsType.WithPlayPauseButton]: VolumeLow,
 };
 const unmuteIconsMap = {
     [CustomControlsType.WithMuteButton]: Unmute,
-    [CustomControlsType.WithUiKitPlayPauseButton]: VolumeXmark,
+    [CustomControlsType.WithPlayPauseButton]: VolumeXmark,
 };
 
 interface MuteConfigProps {

diff --git a/src/models/constructor-items/common.ts b/src/models/constructor-items/common.ts
@@ -36,7 +36,7 @@ export enum PlayButtonThemes {
 
 export enum CustomControlsType {
     WithMuteButton = 'with-mute-button',
-    WithUiKitPlayPauseButton = 'with-uikit-play-pause-button',
+    WithPlayPauseButton = 'with-play-pause-button',
 }
 
 export enum CustomControlsButtonPositioning {