diff --git a/src/blocks/Media/__stories__/data.json b/src/blocks/Media/__stories__/data.json index b83ef9c02..142a1f4bb 100644 --- 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 index cdf464b68..db89424c9 100644 --- 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 index 38cfe902c..1e2f51c03 100644 --- 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 index eec10f08e..e75d39592 100644 --- 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 {