Merge pull request #444 from appuniversum/chore/deprecate-app-style-i…

…mport-paths Deprecate the `app/styles/*` import paths
appuniversum · Oct 12, 2023 · 8834b4b · 8834b4b
2 parents 43b07b4 + 57b0ebc
commit 8834b4b
Show file tree

Hide file tree

Showing 180 changed files with 8,258 additions and 85 deletions.
diff --git a/app/styles/_ember-appuniversum-deprecated.scss b/app/styles/_ember-appuniversum-deprecated.scss
@@ -0,0 +1,8 @@
+$-au-import-path-warning-already-shown: false;
+
+@mixin paths($import-path) {
+  @if not $-au-import-path-warning-already-shown {
+    $-au-import-path-warning-already-shown: true !global;
+    @warn "The `@import \"#{$import-path}\";` import path is deprecated. Use the new import paths instead: https://appuniversum.github.io/ember-appuniversum/?path=/story/outline-getting-started--page#customising-the-scss-for-your-project";
+  }
+}
diff --git a/app/styles/ember-appuniversum.scss b/app/styles/ember-appuniversum.scss
@@ -19,6 +19,9 @@
  * UTILITIES: Single function helper classes (namespace: '.au-u-...')
  */
 
+@use "./ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum");
+
 @import "ember-appuniversum/a-settings";
 @import "ember-appuniversum/a-tools";
 @import "ember-appuniversum/a-generic";

diff --git a/app/styles/ember-appuniversum/_a-components.scss b/app/styles/ember-appuniversum/_a-components.scss
@@ -4,6 +4,9 @@
    Style namespace: .au-c-...
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/a-components");
+
 @import "c-accordion";
 @import "c-alert";
 @import "c-app";

diff --git a/app/styles/ember-appuniversum/_a-elements.scss b/app/styles/ember-appuniversum/_a-elements.scss
@@ -4,4 +4,7 @@
    File namespace: _e-...
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/a-elements");
+
 @import "e-page";
diff --git a/app/styles/ember-appuniversum/_a-generic.scss b/app/styles/ember-appuniversum/_a-generic.scss
@@ -4,6 +4,9 @@
    File namespace: _g-...
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/a-generic");
+
 @import "g-reset";
 @import "g-box-sizing";
 @import "g-font";
diff --git a/app/styles/ember-appuniversum/_a-objects.scss b/app/styles/ember-appuniversum/_a-objects.scss
@@ -5,6 +5,9 @@
    Style namespace: .au-o-...
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/a-objects");
+
 @import "o-box";
 @import "o-flow";
 @import "o-grid";

diff --git a/app/styles/ember-appuniversum/_a-plugins.scss b/app/styles/ember-appuniversum/_a-plugins.scss
@@ -4,5 +4,8 @@
    File namespace: _p-...
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/a-plugins");
+
 @import "p-ember-power-select";
 @import "p-duet-datepicker";
diff --git a/app/styles/ember-appuniversum/_a-settings.scss b/app/styles/ember-appuniversum/_a-settings.scss
@@ -4,6 +4,9 @@
    File namespace: _s-...
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/a-settings");
+
 @import "s-colors.scss";
 @import "s-global";
 @import "s-utilities";

diff --git a/app/styles/ember-appuniversum/_a-tools.scss b/app/styles/ember-appuniversum/_a-tools.scss
@@ -4,5 +4,8 @@
    File namespace: _t-...
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/a-tools");
+
 @import "t-font-size";
 @import "t-sass-mq";
diff --git a/app/styles/ember-appuniversum/_a-utilities.scss b/app/styles/ember-appuniversum/_a-utilities.scss
@@ -5,6 +5,9 @@
    Style namespace: .au-u-...
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/a-utilities");
+
 @import "u-align-text";
 @import "u-background";
 @import "u-break-word";

diff --git a/app/styles/ember-appuniversum/_c-accordion.scss b/app/styles/ember-appuniversum/_c-accordion.scss
@@ -5,6 +5,9 @@
 /* Variables
    ========================================================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-accordion");
+
 $au-accordion-spacing: $au-unit !default;
 
 /* Component

diff --git a/app/styles/ember-appuniversum/_c-alert.scss b/app/styles/ember-appuniversum/_c-alert.scss
@@ -2,6 +2,9 @@
    #ALERT
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-alert");
+
 /* Variables
    ========================================================================== */
 

diff --git a/app/styles/ember-appuniversum/_c-app.scss b/app/styles/ember-appuniversum/_c-app.scss
@@ -3,6 +3,9 @@
    Global app container
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-app");
+
 .au-c-app {
   display: flex;
   flex-direction: column;

diff --git a/app/styles/ember-appuniversum/_c-badge.scss b/app/styles/ember-appuniversum/_c-badge.scss
@@ -2,6 +2,9 @@
    #BADGE
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-badge");
+
 /* Variables
    ========================================================================== */
 

diff --git a/app/styles/ember-appuniversum/_c-body-container.scss b/app/styles/ember-appuniversum/_c-body-container.scss
@@ -2,6 +2,9 @@
   #BODY CONTAINER
   ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-body-container");
+
 .au-c-body-container {
   display: flex;
   flex-direction: column;

diff --git a/app/styles/ember-appuniversum/_c-brand.scss b/app/styles/ember-appuniversum/_c-brand.scss
@@ -2,6 +2,9 @@
    #BRAND
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-brand");
+
 /* Variables
    ========================================================================== */
 

diff --git a/app/styles/ember-appuniversum/_c-button-group.scss b/app/styles/ember-appuniversum/_c-button-group.scss
@@ -2,6 +2,9 @@
    #BUTTON-GROUP
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-button-group");
+
 .au-c-button-group {
   display: flex;
   align-items: center;

diff --git a/app/styles/ember-appuniversum/_c-button.scss b/app/styles/ember-appuniversum/_c-button.scss
@@ -2,6 +2,9 @@
    #BUTTONS
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-button");
+
 /* Variables
    ========================================================================== */
 

diff --git a/app/styles/ember-appuniversum/_c-card.scss b/app/styles/ember-appuniversum/_c-card.scss
@@ -2,6 +2,9 @@
    #CARD
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-card");
+
 /* Variables
    ========================================================================== */
 

diff --git a/app/styles/ember-appuniversum/_c-content-header.scss b/app/styles/ember-appuniversum/_c-content-header.scss
@@ -2,6 +2,9 @@
    #CONTENT HEADER
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-content-header");
+
 /* Component
    ========================================================================== */
 

diff --git a/app/styles/ember-appuniversum/_c-content.scss b/app/styles/ember-appuniversum/_c-content.scss
@@ -2,6 +2,9 @@
    #CONTENT
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-content");
+
 /* Variables
    ========================================================================== */
 

diff --git a/app/styles/ember-appuniversum/_c-control-group.scss b/app/styles/ember-appuniversum/_c-control-group.scss
@@ -2,6 +2,9 @@
    #Control group
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-control-group");
+
 /* Component
    ========================================================================== */
 

diff --git a/app/styles/ember-appuniversum/_c-control.scss b/app/styles/ember-appuniversum/_c-control.scss
@@ -3,6 +3,9 @@
    https://github.com/mdo/wtf-forms/blob/master/wtf-forms.css
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-control");
+
 /* Variables
    ========================================================================== */
 

diff --git a/app/styles/ember-appuniversum/_c-data-table.scss b/app/styles/ember-appuniversum/_c-data-table.scss
@@ -2,6 +2,9 @@
    #DATA TABLE (DRAFT)
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-data-table");
+
 .au-c-data-table {
   position: relative;
   display: flex;

diff --git a/app/styles/ember-appuniversum/_c-dropdown.scss b/app/styles/ember-appuniversum/_c-dropdown.scss
@@ -2,6 +2,9 @@
    #DROPDOWN
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-dropdown");
+
 /* Variables
    ========================================================================== */
 

diff --git a/app/styles/ember-appuniversum/_c-fieldset.scss b/app/styles/ember-appuniversum/_c-fieldset.scss
@@ -2,6 +2,9 @@
    #Fieldset
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-fieldset");
+
 /* Component
   ========================================================================== */
 

diff --git a/app/styles/ember-appuniversum/_c-file-card.scss b/app/styles/ember-appuniversum/_c-file-card.scss
@@ -2,6 +2,9 @@
    #FILE CARD
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-file-card");
+
 /* Variables
    ========================================================================== */
 

diff --git a/app/styles/ember-appuniversum/_c-file-upload.scss b/app/styles/ember-appuniversum/_c-file-upload.scss
@@ -2,6 +2,9 @@
    #FILE UPLOAD
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-file-upload");
+
 .au-c-file-upload-box {
   border: 0.1rem solid var(--au-gray-200);
   background-color: var(--au-white);

diff --git a/app/styles/ember-appuniversum/_c-form-row.scss b/app/styles/ember-appuniversum/_c-form-row.scss
@@ -2,6 +2,9 @@
    #FORM-ROW
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-form-row");
+
 /* Variables
    ========================================================================== */
 

diff --git a/app/styles/ember-appuniversum/_c-form.scss b/app/styles/ember-appuniversum/_c-form.scss
@@ -2,6 +2,9 @@
    #FORM
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-form");
+
 /* Variables
    ========================================================================== */
 

diff --git a/app/styles/ember-appuniversum/_c-heading.scss b/app/styles/ember-appuniversum/_c-heading.scss
@@ -2,6 +2,9 @@
    #HEADINGS
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-heading");
+
 /* Variables
    ========================================================================== */
 

diff --git a/app/styles/ember-appuniversum/_c-help-text.scss b/app/styles/ember-appuniversum/_c-help-text.scss
@@ -2,6 +2,9 @@
    #HELP TEXT
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-help-text");
+
 /* Variables
    ========================================================================== */
 

diff --git a/app/styles/ember-appuniversum/_c-hr.scss b/app/styles/ember-appuniversum/_c-hr.scss
@@ -2,6 +2,9 @@
    #Horizontal Ruler
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-hr");
+
 /* Variables
    ========================================================================== */
 

diff --git a/app/styles/ember-appuniversum/_c-icon.scss b/app/styles/ember-appuniversum/_c-icon.scss
@@ -2,6 +2,9 @@
    #ICONS
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-icon");
+
 /* Variables
    ========================================================================== */
 

diff --git a/app/styles/ember-appuniversum/_c-input.scss b/app/styles/ember-appuniversum/_c-input.scss
@@ -2,6 +2,9 @@
    #INPUT
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-input");
+
 /* Variables
    ========================================================================== */
 

diff --git a/app/styles/ember-appuniversum/_c-label.scss b/app/styles/ember-appuniversum/_c-label.scss
@@ -2,6 +2,9 @@
    #LABELS
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-label");
+
 /* Variables
    ========================================================================== */
 

diff --git a/app/styles/ember-appuniversum/_c-link.scss b/app/styles/ember-appuniversum/_c-link.scss
@@ -2,6 +2,9 @@
    #LINKS
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-link");
+
 /* Variables
    ========================================================================== */
 

diff --git a/app/styles/ember-appuniversum/_c-list-horizontal.scss b/app/styles/ember-appuniversum/_c-list-horizontal.scss
@@ -2,6 +2,9 @@
    #LIST HORIZONTAL
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-list-horizontal");
+
 /* Variables
    ========================================================================== */
 

diff --git a/app/styles/ember-appuniversum/_c-list-navigation.scss b/app/styles/ember-appuniversum/_c-list-navigation.scss
@@ -2,6 +2,9 @@
    #LIST NAVIGATION
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-list-navigation");
+
 /* Variables
    ========================================================================== */
 

diff --git a/app/styles/ember-appuniversum/_c-list.scss b/app/styles/ember-appuniversum/_c-list.scss
@@ -2,6 +2,9 @@
    #LIST
    ================================== */
 
+@use "../ember-appuniversum-deprecated" as deprecated;
+@include deprecated.paths("ember-appuniversum/c-list");
+
 /* Component
   ========================================================================== */