ui: Use top-level 'named index files' instead of in folder index files (#8274)

* Remove unused phrase-editor CSS

* Move index.scss files to top-level named files to make them more obvious

ui-v2/app/styles/app.scss

@@ -1,21 +1,17 @@
 @charset 'utf-8';
-@import 'base/reset/index';
-@import 'base/index';
-@import 'variables/index';
+
+/* all variables and custom queries including generic base variables */
+@import 'variables';
 
 /*TODO: Move this to its own local component*/
 @import 'ember-power-select';
 /**/
 
-@import 'base/components/index';
-@import 'components/index';
-@import 'core/typography';
-@import 'core/layout';
-
-@import 'routes/dc/settings/index';
-@import 'routes/dc/services/index';
-@import 'routes/dc/nodes/index';
-@import 'routes/dc/intention/index';
-@import 'routes/dc/kv/index';
-@import 'routes/dc/acls/index';
-@import 'routes/dc/acls/tokens/index';
+/* all components including generic base components */
+@import 'components';
+/* cascading typography */
+@import 'typography';
+/* layouts */
+@import 'layout';
+/* pinpoint individual overwrites for those 'just on this page' problems */
+@import 'routes';

ui-v2/app/styles/components.scss

@@ -0,0 +1,52 @@
+@import './base/components/index';
+
+/**/
+
+@import './components/card/index';
+@import './components/form-elements';
+@import './components/breadcrumbs';
+@import './components/anchors';
+@import './components/progress';
+@import './components/buttons';
+@import './components/composite-row';
+@import './components/secret-button';
+@import './components/tabs';
+@import './components/pill';
+@import './components/table';
+@import './components/tooltip';
+@import './components/tag-list';
+@import './components/healthcheck-output';
+@import './components/healthcheck-info';
+@import './components/healthchecked-resource';
+@import './components/freetext-filter';
+@import './components/filter-bar';
+@import './components/tomography-graph';
+@import './components/flash-message';
+@import './components/code-editor';
+@import './components/confirmation-dialog';
+@import './components/modal-dialog';
+@import './components/auth-form';
+@import './components/auth-modal';
+@import './components/notice';
+@import './components/oidc-select';
+@import './components/discovery-chain';
+@import './components/empty-state';
+@import './components/tabular-details';
+@import './components/tabular-collection';
+@import './components/list-collection';
+@import './components/grid-collection';
+@import './components/popover-select';
+@import './components/tooltip-panel';
+@import './components/menu-panel';
+@import './components/more-popover-menu';
+@import './components/confirmation-alert';
+@import './components/definition-table';
+
+/**/
+
+@import './components/brand-loader';
+@import './components/loader';
+@import './components/main-header-horizontal';
+@import './components/main-nav-horizontal';
+@import './components/app-view';
+@import './components/footer';

ui-v2/app/styles/components/index.scss

@@ -1,48 +0,0 @@
-@import './card/index';
-@import './form-elements';
-@import './breadcrumbs';
-@import './anchors';
-@import './progress';
-@import './buttons';
-@import './composite-row';
-@import './secret-button';
-@import './tabs';
-@import './pill';
-@import './table';
-@import './tooltip';
-@import './tag-list';
-@import './healthcheck-output';
-@import './healthcheck-info';
-@import './healthchecked-resource';
-@import './freetext-filter';
-@import './filter-bar';
-@import './tomography-graph';
-@import './flash-message';
-@import './code-editor';
-@import './confirmation-dialog';
-@import './modal-dialog';
-@import './auth-form';
-@import './auth-modal';
-@import './notice';
-@import './oidc-select';
-@import './discovery-chain';
-@import './empty-state';
-@import './tabular-details';
-@import './tabular-collection';
-@import './list-collection';
-@import './grid-collection';
-@import './popover-select';
-@import './tooltip-panel';
-@import './menu-panel';
-@import './more-popover-menu';
-@import './confirmation-alert';
-@import './definition-table';
-
-/**/
-
-@import './brand-loader';
-@import './loader';
-@import './main-header-horizontal';
-@import './main-nav-horizontal';
-@import './app-view';
-@import './footer';

ui-v2/app/styles/components/phrase-editor.scss

@@ -1,4 +0,0 @@
-@import './phrase-editor/index';
-.phrase-editor {
-  @extend %phrase-editor;
-}

ui-v2/app/styles/layout.scss

@@ -1,4 +1,4 @@
-@import '../layouts/index';
+@import 'layouts/index';
 
 // TODO: This shouldn't be done here, decide the best way to do this
 // %main-decoration ? %main-skin ? %content-skin ?

ui-v2/app/styles/routes.scss

@@ -0,0 +1,7 @@
+@import 'routes/dc/settings/index';
+@import 'routes/dc/services/index';
+@import 'routes/dc/nodes/index';
+@import 'routes/dc/intention/index';
+@import 'routes/dc/kv/index';
+@import 'routes/dc/acls/index';
+@import 'routes/dc/acls/tokens/index';

ui-v2/app/styles/typography.scss

@@ -41,7 +41,6 @@ pre code,
 %notice p,
 %flash-message p,
 %filter-bar input,
-%phrase-editor input,
 %tab-section p {
   @extend %p1;
 }

ui-v2/app/styles/variables.scss

@@ -0,0 +1,4 @@
+@import './base/reset/index';
+@import './base/index';
+@import './variables/custom-query';
+@import './variables/skin';