use kebab case for SCSS files

src/scss/_ads.scss

@@ -2,8 +2,8 @@
 
 // sass-lint:disable nesting-depth
 .#{$prefix}-ui-ads {
-  @import 'components/ads/adskipbutton';
-  @import 'components/ads/adstatusoverlay';
+  @import 'components/ads/ad-skip-button';
+  @import 'components/ads/ad-status-overlay';
 
   .#{$prefix}-ui-seekbar {
     .#{$prefix}-seekbar,

src/scss/bitmovinplayer-ui.scss

@@ -1,56 +1,56 @@
 @import 'variables';
 @import 'mixins';
-@import 'components/buttons/subtitletogglebutton';
+@import 'components/buttons/subtitle-toggle-button';
 @import 'components/component';
 @import 'components/container';
 @import 'components/uicontainer';
-@import 'components/controlbar';
+@import 'components/control-bar';
 @import 'components/buttons/button';
-@import 'components/buttons/playbacktogglebutton';
-@import 'components/buttons/quickseekbutton';
-@import 'components/buttons/fullscreentogglebutton';
-@import 'components/buttons/vrtogglebutton';
-@import 'components/buttons/volumetogglebutton';
-@import 'components/buttons/ecomodetogglebutton';
-@import 'components/seekbar/seekbar';
+@import 'components/buttons/playback-toggle-button';
+@import 'components/buttons/quick-seek-button';
+@import 'components/buttons/fullscreen-toggle-button';
+@import 'components/buttons/vr-toggle-button';
+@import 'components/buttons/volume-toggle-button';
+@import 'components/buttons/eco-mode-toggle-button';
+@import 'components/seekbar/seek-bar';
 @import 'components/watermark';
-@import 'components/buttons/hugeplaybacktogglebutton';
+@import 'components/buttons/huge-playback-toggle-button';
 @import 'components/labels/label';
-@import 'components/settings/settingspanel';
-@import 'components/settings/settingspanelpage';
-@import 'components/settings/settingspanelitem';
-@import 'components/settings/settingspanelpageopenbutton';
-@import 'components/settings/settingspanelpagebackbutton';
-@import 'components/settings/settingstogglebutton';
-@import 'components/settings/selectbox';
-@import 'components/lists/listbox';
-@import 'components/labels/seekbarlabel';
-@import 'components/seekbar/volumeslider';
-@import 'components/overlays/subtitleoverlay';
-@import 'components/overlays/subtitleoverlay-cea608';
-@import 'components/buttons/volumecontrolbutton';
-@import 'components/buttons/casttogglebutton';
-@import 'components/overlays/caststatusoverlay';
-@import 'components/overlays/errormessageoverlay';
-@import 'components/titlebar';
-@import 'components/overlays/recommendationoverlay';
-@import 'components/overlays/clickoverlay';
-@import 'components/buttons/hugereplaybutton';
-@import 'components/buttons/replaybutton';
-@import 'components/labels/playbacktimelabel';
-@import 'components/overlays/bufferingoverlay';
-@import 'components/overlays/playbacktoggleoverlay';
-@import 'components/buttons/closebutton';
-@import 'components/buttons/airplaytogglebutton';
-@import 'components/buttons/pictureinpicturetogglebutton';
+@import 'components/settings/settings-panel';
+@import 'components/settings/settings-panel-page';
+@import 'components/settings/settings-panel-item';
+@import 'components/settings/settings-panel-page-open-button';
+@import 'components/settings/settings-panel-page-back-button';
+@import 'components/settings/settings-toggle-button';
+@import 'components/settings/select-box';
+@import 'components/lists/list-box';
+@import 'components/labels/seek-bar-label';
+@import 'components/seekbar/volume-slider';
+@import 'components/overlays/subtitle-overlay';
+@import 'components/overlays/subtitle-overlay-cea608';
+@import 'components/buttons/volume-control-button';
+@import 'components/buttons/cast-toggle-button';
+@import 'components/overlays/cast-status-overlay';
+@import 'components/overlays/error-message-overlay';
+@import 'components/title-bar';
+@import 'components/overlays/recommendation-overlay';
+@import 'components/overlays/click-overlay';
+@import 'components/buttons/huge-replay-button';
+@import 'components/buttons/replay-button';
+@import 'components/labels/playback-time-label';
+@import 'components/overlays/buffering-overlay';
+@import 'components/overlays/playback-toggle-overlay';
+@import 'components/buttons/close-button';
+@import 'components/buttons/airplay-toggle-button';
+@import 'components/buttons/picture-in-picture-toggle-button';
 @import 'components/spacer';
-@import 'components/settings/subtitlesettings/subtitlesettings';
-@import 'components/buttons/subtitlesettingspaneltogglebutton';
-@import 'components/overlays/touchcontroloverlay';
-@import 'components/buttons/smallcenteredplaybacktogglebutton';
+@import 'components/settings/subtitlesettings/subtitle-settings';
+@import 'components/buttons/subtitle-settings-panel-toggle-button';
+@import 'components/overlays/touch-control-overlay';
+@import 'components/buttons/small-centered-playback-toggle-button';
 @import 'ads';
 @import 'cast-receiver';
-@import 'smallscreen';
+@import 'small-screen';
 @import 'tv';
 
 // sass-lint:disable nesting-depth

src/scss/components/seekbar/_volumeslider.scss → src/scss/components/seekbar/_volume-slider.scss

@@ -1,6 +1,6 @@
 @import '../../variables';
 @import '../../mixins';
-@import 'seekbar';
+@import 'seek-bar';
 
 .#{$prefix}-ui-volumeslider {
   @extend %ui-seekbar;

src/scss/components/settings/subtitlesettings/_subtitle-settings.scss

@@ -0,0 +1,2 @@
+@import 'subtitle-settings-reset-button';
+@import 'subtitle-overlay-settings';