@aurodesignsystem/auro-formkit 2.0.0-beta.3 → 2.0.0-beta.30

package/components/counter/src/styles/counter-button.scss

@@ -0,0 +1,83 @@
+// stylelint-disable selector-max-class
+
+// Import Auro Sass variables
+@import "@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables";
+
+// general WCSS imports
+@import "@aurodesignsystem/webcorestylesheets/src/breakpoints";
+@import "@aurodesignsystem/webcorestylesheets/src/core";
+@import "@aurodesignsystem/webcorestylesheets/src/animation";
+
+@import "@aurodesignsystem/design-tokens/dist/tokens/SCSSVariableMap";
+
+$auro-inset-spacing-options: lg;
+$auro-inset-directions: '--squish';
+
+@import "@aurodesignsystem/webcorestylesheets/src/utilityMixins/insetUtility";
+
+// adjust alignment for slotted SVG icon
+::slotted(svg) {
+  vertical-align: middle;
+}
+
+// Note: without this, events on a disabled element will still fire
+slot {
+  pointer-events: none;
+}
+
+.contentWrapper {
+  display: flex;
+  align-items: center;
+
+  span {
+      display: block;
+      height: var(--ds-size-300, $ds-size-300);
+  }
+}
+
+.auroButton {
+  position: relative;
+  display: inline-flex;
+  overflow: visible;
+  width: calc(var(--ds-size-50, $ds-size-50) + var(--ds-size-400, $ds-size-400));
+  height: calc(var(--ds-size-25, $ds-size-25) + var(--ds-size-400, $ds-size-400));
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  padding: var(--ds-auro-counter-control-padding);
+  border: none;
+  border-radius: var(--ds-auro-counter-control-border-radius);
+
+  // removes margins around button in Safari
+  margin: 0;
+  cursor: pointer;
+  gap: var(--ds-size-100, $ds-size-100);
+  line-height: unset;
+
+  // macOS / iOS agents
+  -webkit-touch-callout: none;
+  user-select: none;
+  white-space: nowrap;
+
+  // handle active state
+  &:active {
+    .contentWrapper {
+      transform: scale(0.95);
+    }
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    transform: unset;
+  }
+
+  &:focus-visible {
+    &:not(&:disabled) {
+        outline-offset: 0;
+        outline-style: solid;
+        outline-width: var(--ds-size-25, $ds-size-25);
+        transform: unset;
+    }
+  }
+
+}

package/components/counter/src/styles/counter-group-css.js

@@ -1,2 +1,2 @@
 import { css } from 'lit';
-export default css`:host{position:relative}`;
+export default css`:host{position:relative;display:block}[slot=trigger],::slotted([slot=valueText]){display:block;overflow:auto;text-overflow:ellipsis}[auro-dropdown]{display:block}`;

package/components/counter/src/styles/counter-group.css

@@ -1,4 +1,15 @@
-/* stylelint-disable no-descending-specificity, selector-max-attribute */
+/* stylelint-disable no-descending-specificity, selector-max-attribute, selector-nest-combinators */
 :host {
   position: relative;
+  display: block;
+}
+
+[slot=trigger], ::slotted([slot=valueText]) {
+  display: block;
+  overflow: auto;
+  text-overflow: ellipsis;
+}
+
+[auro-dropdown] {
+  display: block;
 }

package/components/counter/src/styles/counter-group.scss

@@ -10,8 +10,19 @@
 @import "@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables";
 @import '@aurodesignsystem/webcorestylesheets/src/breakpoints';
 
-/* stylelint-disable no-descending-specificity, selector-max-attribute */
+/* stylelint-disable no-descending-specificity, selector-max-attribute, selector-nest-combinators */
 
 :host {
   position: relative;
+  display: block;
+}
+
+[slot="trigger"], ::slotted([slot="valueText"]) {
+  display: block;
+  overflow: auto;
+  text-overflow: ellipsis;
+}
+
+[auro-dropdown] {
+  display: block;
 }

package/components/counter/src/styles/counter-wrapper-color-css.js

@@ -0,0 +1,2 @@
+import { css } from 'lit';
+export default css`:host ::slotted(*:not(:first-child)){border-color:var(--ds-color-border-divider-default, rgba(0, 0, 0, 0.12))}`;

package/components/counter/src/styles/counter-wrapper-color.css

@@ -0,0 +1,4 @@
+/* stylelint-disable no-descending-specificity, selector-max-attribute */
+:host ::slotted(*:not(:first-child)) {
+  border-color: var(--ds-color-border-divider-default, rgba(0, 0, 0, 0.12));
+}

package/components/counter/src/styles/counter-wrapper-color.scss

@@ -0,0 +1,19 @@
+// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license.
+// See LICENSE in the project root for license information.
+
+// ---------------------------------------------------------------------
+
+// layout styles - define any layout specifications for UI that is contained WITHIN the component
+// never define layout that would cause effect on element outside the scope of this component
+
+// Support for fallback values
+@import "@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables";
+@import '@aurodesignsystem/webcorestylesheets/src/breakpoints';
+
+/* stylelint-disable no-descending-specificity, selector-max-attribute */
+
+:host {
+  ::slotted(*:not(:first-child)) {
+    border-color: var(--ds-color-border-divider-default, $ds-color-border-divider-default);
+  }
+}

package/components/counter/src/styles/counter-wrapper-css.js

@@ -0,0 +1,2 @@
+import { css } from 'lit';
+export default css`:host{display:flex;flex-direction:column;gap:var(--ds-size-300, 1.5rem)}:host ::slotted(*:not(:first-child)){padding-top:var(--ds-size-300, 1.5rem);border-top-width:1px;border-top-style:solid}:host([isindropdown]){padding:var(--ds-size-300, 1.5rem)}`;

package/components/counter/src/styles/counter-wrapper.css

@@ -0,0 +1,15 @@
+/* stylelint-disable no-descending-specificity, selector-max-attribute, selector-nest-combinators */
+:host {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ds-size-300, 1.5rem);
+}
+:host ::slotted(*:not(:first-child)) {
+  padding-top: var(--ds-size-300, 1.5rem);
+  border-top-width: 1px;
+  border-top-style: solid;
+}
+
+:host([isindropdown]) {
+  padding: var(--ds-size-300, 1.5rem);
+}

package/components/counter/src/styles/counter-wrapper.scss

@@ -0,0 +1,29 @@
+// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license.
+// See LICENSE in the project root for license information.
+
+// ---------------------------------------------------------------------
+
+// layout styles - define any layout specifications for UI that is contained WITHIN the component
+// never define layout that would cause effect on element outside the scope of this component
+
+// Support for fallback values
+@import "@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables";
+@import '@aurodesignsystem/webcorestylesheets/src/breakpoints';
+
+/* stylelint-disable no-descending-specificity, selector-max-attribute, selector-nest-combinators */
+
+:host {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ds-size-300, $ds-size-300);
+
+  ::slotted(*:not(:first-child)) {
+    padding-top: var(--ds-size-300, $ds-size-300);
+    border-top-width: 1px;
+    border-top-style: solid;
+  }
+}
+
+:host([isindropdown]) {
+  padding: var(--ds-size-300, $ds-size-300);
+}

package/components/counter/src/styles/style-css.js

@@ -1,2 +1,2 @@
 import { css } from 'lit';
-export default css`:host{position:relative}`;
+export default css`.counter{display:flex;align-items:center;justify-content:space-between;column-gap:var(--ds-size-150, 0.75rem)}.content{display:flex;flex-flow:column}[name=description]::slotted(*){display:block;font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-size-200, 1rem)}.quantityWrapper{width:var(--ds-size-400, 2rem);height:calc(var(--ds-size-25, 0.125rem) + var(--ds-size-400, 2rem));align-content:center;cursor:default;font-size:var(--ds-size-250, 1.25rem);text-align:center}:host{position:relative}:host::part(counterControl){display:flex;line-height:0}:host::part(controlMinus){--ds-auro-counter-control-border-radius: var(--ds-size-500, 2.5rem) 0 0 var(--ds-size-500, 2.5rem);--ds-auro-counter-control-padding: var(--ds-size-50, 0.25rem) var(--ds-size-50, 0.25rem) var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem)}:host::part(controlPlus){--ds-auro-counter-control-border-radius: 0 var(--ds-size-500, 2.5rem) var(--ds-size-500, 2.5rem) 0;--ds-auro-counter-control-padding: var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem) var(--ds-size-50, 0.25rem) var(--ds-size-50, 0.25rem)}auro-counter-button{display:flex}`;

package/components/counter/src/styles/style.css

@@ -1,4 +1,46 @@
-/* stylelint-disable no-descending-specificity, selector-max-attribute */
+.counter {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  column-gap: var(--ds-size-150, 0.75rem);
+}
+
+.content {
+  display: flex;
+  flex-flow: column;
+}
+
+[name=description]::slotted(*) {
+  display: block;
+  font-size: var(--ds-text-body-size-xs, 0.75rem);
+  line-height: var(--ds-size-200, 1rem);
+}
+
+.quantityWrapper {
+  width: var(--ds-size-400, 2rem);
+  height: calc(var(--ds-size-25, 0.125rem) + var(--ds-size-400, 2rem));
+  align-content: center;
+  cursor: default;
+  font-size: var(--ds-size-250, 1.25rem);
+  text-align: center;
+}
+
 :host {
   position: relative;
 }
+:host::part(counterControl) {
+  display: flex;
+  line-height: 0;
+}
+:host::part(controlMinus) {
+  --ds-auro-counter-control-border-radius: var(--ds-size-500, 2.5rem) 0 0 var(--ds-size-500, 2.5rem);
+  --ds-auro-counter-control-padding: var(--ds-size-50, 0.25rem) var(--ds-size-50, 0.25rem) var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem);
+}
+:host::part(controlPlus) {
+  --ds-auro-counter-control-border-radius: 0 var(--ds-size-500, 2.5rem) var(--ds-size-500, 2.5rem) 0;
+  --ds-auro-counter-control-padding: var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem) var(--ds-size-50, 0.25rem) var(--ds-size-50, 0.25rem);
+}
+
+auro-counter-button {
+  display: flex;
+}

package/components/counter/src/styles/style.scss

@@ -10,8 +10,54 @@
 @import "@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables";
 @import '@aurodesignsystem/webcorestylesheets/src/breakpoints';
 
-/* stylelint-disable no-descending-specificity, selector-max-attribute */
+.counter {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  column-gap: var(--ds-size-150, $ds-size-150);
+}
+
+.content {
+  display: flex;
+  flex-flow: column;  
+}
+
+[name="description"] {
+  &::slotted(*) {
+    display: block;
+    font-size: var(--ds-text-body-size-xs, $ds-text-body-size-xs);
+    line-height: var(--ds-size-200, $ds-size-200);
+  }
+}
+
+.quantityWrapper {
+  width: var(--ds-size-400, $ds-size-400);
+  height: calc(var(--ds-size-25, $ds-size-25) + var(--ds-size-400, $ds-size-400));
+  align-content: center;
+  cursor: default;
+  font-size: var(--ds-size-250, $ds-size-250);
+  text-align: center;
+}
 
-:host {
+:host{
   position: relative;
+
+  &::part(counterControl) {
+    display: flex;
+    line-height: 0;
+  }
+
+  &::part(controlMinus) {
+    --ds-auro-counter-control-border-radius: var(--ds-size-500, #{$ds-size-500}) 0 0 var(--ds-size-500, #{$ds-size-500});
+    --ds-auro-counter-control-padding: var(--ds-size-50, #{$ds-size-50}) var(--ds-size-50, #{$ds-size-50}) var(--ds-size-50, #{$ds-size-50}) var(--ds-size-100, #{$ds-size-100});
+  }
+
+  &::part(controlPlus) {
+    --ds-auro-counter-control-border-radius: 0 var(--ds-size-500, #{$ds-size-500}) var(--ds-size-500, #{$ds-size-500}) 0;
+    --ds-auro-counter-control-padding: var(--ds-size-50, #{$ds-size-50}) var(--ds-size-100, #{$ds-size-100}) var(--ds-size-50, #{$ds-size-50}) var(--ds-size-50, #{$ds-size-50});
+  }
+}
+
+auro-counter-button {
+  display: flex;
 }

package/components/counter/src/styles/tokens-css.js

@@ -0,0 +1,2 @@
+import { css } from 'lit';
+export default css`:host{--ds-auro-counter-text-default: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-counter-text-secondary: var(--ds-color-text-secondary-default, #525252);--ds-auro-counter-text-disabled: var(--ds-color-text-ui-disabled-default, #adadad);--ds-auro-counter-control-ui-active: var(--ds-color-ui-active-default, #054687);--ds-auro-counter-control-ui-hover: var(--ds-color-ui-hover-default, #054687);--ds-auro-counter-control-ui-disabled: var(--ds-color-ui-disabled-default, rgba(0, 116, 200, 0.2));--ds-auro-counter-control-ui-bkg: var(--ds-color-ui-bkg-default-default, rgba(0, 0, 0, 0.03));--ds-auro-counter-control-line-height: var(--ds-text-body-size-sm, 0.875rem);--ds-auro-counter-icon-color-default: var(--ds-color-ui-default-default, #0074c8)}`;

package/components/counter/src/styles/tokens.css

@@ -0,0 +1,11 @@
+:host {
+  --ds-auro-counter-text-default: var(--ds-color-text-primary-default, #2a2a2a);
+  --ds-auro-counter-text-secondary: var(--ds-color-text-secondary-default, #525252);
+  --ds-auro-counter-text-disabled: var(--ds-color-text-ui-disabled-default, #adadad);
+  --ds-auro-counter-control-ui-active: var(--ds-color-ui-active-default, #054687);
+  --ds-auro-counter-control-ui-hover: var(--ds-color-ui-hover-default, #054687);
+  --ds-auro-counter-control-ui-disabled: var(--ds-color-ui-disabled-default, rgba(0, 116, 200, 0.2));
+  --ds-auro-counter-control-ui-bkg: var(--ds-color-ui-bkg-default-default, rgba(0, 0, 0, 0.03));
+  --ds-auro-counter-control-line-height: var(--ds-text-body-size-sm, 0.875rem);
+  --ds-auro-counter-icon-color-default: var(--ds-color-ui-default-default, #0074c8);
+}

package/components/counter/src/styles/tokens.scss

@@ -0,0 +1,24 @@
+// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license.
+// See LICENSE in the project root for license information.
+
+// ---------------------------------------------------------------------
+
+// layout styles - define any layout specifications for UI that is contained WITHIN the component
+// never define layout that would cause effect on element outside the scope of this component
+
+// Support for fallback values
+@import "@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables";
+@import '@aurodesignsystem/webcorestylesheets/src/breakpoints';
+
+
+:host {
+  --ds-auro-counter-text-default: var(--ds-color-text-primary-default, #{$ds-color-text-primary-default});
+  --ds-auro-counter-text-secondary: var(--ds-color-text-secondary-default, #{$ds-color-text-secondary-default});
+  --ds-auro-counter-text-disabled: var(--ds-color-text-ui-disabled-default, #{$ds-color-text-ui-disabled-default});;
+  --ds-auro-counter-control-ui-active: var(--ds-color-ui-active-default, #{$ds-color-ui-active-default});
+  --ds-auro-counter-control-ui-hover: var(--ds-color-ui-hover-default, #{$ds-color-ui-hover-default});
+  --ds-auro-counter-control-ui-disabled: var(--ds-color-ui-disabled-default, #{$ds-color-ui-disabled-default});
+  --ds-auro-counter-control-ui-bkg: var(--ds-color-ui-bkg-default-default, #{$ds-color-ui-bkg-default-default});
+  --ds-auro-counter-control-line-height: var(--ds-text-body-size-sm, #{$ds-text-body-size-sm});
+  --ds-auro-counter-icon-color-default: var(--ds-color-ui-default-default, #{$ds-color-ui-default-default});
+}

package/components/datepicker/.turbo/turbo-build$colon$sass.log

@@ -1,8 +1,8 @@
 
-> @auro-formkit/auro-datepicker@3.2.0 build:sass
+> @aurodesignsystem/auro-datepicker@3.2.0 build:sass
 > sass --no-source-map --load-path=../../node_modules "./src/styles/:./src/styles/"
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -12,7 +12,7 @@ More info and automated migrator: https://sass-lang.com/d/import
   ╵
     src/styles/color-calendar.scss 6:9  root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -22,7 +22,7 @@ More info and automated migrator: https://sass-lang.com/d/import
   ╵
     src/styles/color-calendar.scss 7:9  root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -33,7 +33,7 @@ More info and automated migrator: https://sass-lang.com/d/import
     @aurodesignsystem/webcorestylesheets/src/_breakpoints.scss 6:9  @import
     src/styles/color-calendar.scss 7:9                              root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -43,7 +43,7 @@ More info and automated migrator: https://sass-lang.com/d/import
   ╵
     src/styles/color-cell.scss 8:9  root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -53,7 +53,7 @@ More info and automated migrator: https://sass-lang.com/d/import
   ╵
     src/styles/color-cell.scss 9:9  root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -64,7 +64,7 @@ More info and automated migrator: https://sass-lang.com/d/import
     @aurodesignsystem/webcorestylesheets/src/_breakpoints.scss 6:9  @import
     src/styles/color-cell.scss 8:9                                  root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -74,7 +74,7 @@ More info and automated migrator: https://sass-lang.com/d/import
   ╵
     src/styles/color-month.scss 7:9  root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -84,7 +84,7 @@ More info and automated migrator: https://sass-lang.com/d/import
   ╵
     src/styles/color-month.scss 9:9  root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -94,7 +94,7 @@ More info and automated migrator: https://sass-lang.com/d/import
    ╵
     src/styles/color-month.scss 10:9  root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -105,7 +105,7 @@ More info and automated migrator: https://sass-lang.com/d/import
     @aurodesignsystem/webcorestylesheets/src/_breakpoints.scss 6:9  @import
     src/styles/color-month.scss 9:9                                 root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -116,7 +116,7 @@ More info and automated migrator: https://sass-lang.com/d/import
     @aurodesignsystem/webcorestylesheets/src/_core.scss 5:9  @import
     src/styles/color-month.scss 10:9                         root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -126,7 +126,7 @@ More info and automated migrator: https://sass-lang.com/d/import
   ╵
     src/styles/color.scss 6:9  root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -136,7 +136,7 @@ More info and automated migrator: https://sass-lang.com/d/import
   ╵
     src/styles/color.scss 8:9  root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -146,7 +146,7 @@ More info and automated migrator: https://sass-lang.com/d/import
   ╵
     src/styles/color.scss 9:9  root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -157,7 +157,7 @@ More info and automated migrator: https://sass-lang.com/d/import
     @aurodesignsystem/webcorestylesheets/src/_breakpoints.scss 6:9  @import
     src/styles/color.scss 8:9                                       root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -171,7 +171,7 @@ More info and automated migrator: https://sass-lang.com/d/import
 WARNING: 1 repetitive deprecation warnings omitted.
 Run in verbose mode to see all warnings.
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -181,7 +181,7 @@ More info and automated migrator: https://sass-lang.com/d/import
   ╵
     src/styles/style-auro-calendar-cell.scss 6:9  root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -191,7 +191,7 @@ More info and automated migrator: https://sass-lang.com/d/import
   ╵
     src/styles/style-auro-calendar-cell.scss 7:9  root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -202,7 +202,7 @@ More info and automated migrator: https://sass-lang.com/d/import
     @aurodesignsystem/webcorestylesheets/src/_breakpoints.scss 6:9  @import
     src/styles/style-auro-calendar-cell.scss 6:9                    root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -212,7 +212,7 @@ More info and automated migrator: https://sass-lang.com/d/import
   ╵
     src/styles/style-auro-calendar-month.scss 7:9  root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -222,7 +222,7 @@ More info and automated migrator: https://sass-lang.com/d/import
   ╵
     src/styles/style-auro-calendar-month.scss 9:9  root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -232,7 +232,7 @@ More info and automated migrator: https://sass-lang.com/d/import
    ╵
     src/styles/style-auro-calendar-month.scss 10:9  root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -243,7 +243,7 @@ More info and automated migrator: https://sass-lang.com/d/import
     @aurodesignsystem/webcorestylesheets/src/_breakpoints.scss 6:9  @import
     src/styles/style-auro-calendar-month.scss 9:9                   root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -254,7 +254,7 @@ More info and automated migrator: https://sass-lang.com/d/import
     @aurodesignsystem/webcorestylesheets/src/_core.scss 5:9  @import
     src/styles/style-auro-calendar-month.scss 10:9           root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -264,7 +264,7 @@ More info and automated migrator: https://sass-lang.com/d/import
   ╵
     src/styles/style-auro-calendar.scss 6:9  root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -274,7 +274,7 @@ More info and automated migrator: https://sass-lang.com/d/import
   ╵
     src/styles/style-auro-calendar.scss 7:9  root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -285,7 +285,7 @@ More info and automated migrator: https://sass-lang.com/d/import
     @aurodesignsystem/webcorestylesheets/src/_breakpoints.scss 6:9  @import
     src/styles/style-auro-calendar.scss 7:9                         root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -295,7 +295,7 @@ More info and automated migrator: https://sass-lang.com/d/import
   ╵
     src/styles/style.scss 6:9  root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -305,7 +305,7 @@ More info and automated migrator: https://sass-lang.com/d/import
   ╵
     src/styles/style.scss 8:9  root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -315,7 +315,7 @@ More info and automated migrator: https://sass-lang.com/d/import
   ╵
     src/styles/style.scss 9:9  root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -326,7 +326,7 @@ More info and automated migrator: https://sass-lang.com/d/import
     @aurodesignsystem/webcorestylesheets/src/_breakpoints.scss 6:9  @import
     src/styles/style.scss 8:9                                       root stylesheet
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import
 
@@ -340,7 +340,7 @@ More info and automated migrator: https://sass-lang.com/d/import
 WARNING: 1 repetitive deprecation warnings omitted.
 Run in verbose mode to see all warnings.
 
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 
 More info and automated migrator: https://sass-lang.com/d/import