@aurodesignsystem/auro-formkit 2.0.0-beta.42 → 2.0.0-beta.44

package/components/input/src/styles/notificationIcons.css

@@ -1,84 +0,0 @@
-/* stylelint-disable  selector-max-attribute, max-nesting-depth, selector-max-class, selector-max-combinators, selector-max-compound-selectors */
-.typeIcon {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-.typeIcon [auro-icon] {
-  --ds-auro-icon-size: var(--ds-size-300, 1.5rem);
-  height: var(--ds-size-300, 1.5rem);
-  margin-right: var(--ds-size-100, 0.5rem);
-}
-
-.notificationIcons {
-  display: flex;
-  flex-direction: row;
-  padding-right: var(--ds-size-100, 0.5rem);
-}
-
-:host([bordered]) .typeIcon {
-  padding-left: var(--ds-size-100, 0.5rem);
-}
-:host([bordered]) .notificationIcons {
-  align-items: center;
-}
-
-.notification:not(:first-of-type) {
-  margin-left: var(--ds-size-100, 0.5rem);
-}
-
-.alertNotification {
-  width: calc(var(--ds-size-300, 1.5rem) + var(--ds-size-25, 0.125rem));
-  height: calc(var(--ds-size-300, 1.5rem) + var(--ds-size-25, 0.125rem));
-}
-
-.passwordBtn {
-  width: calc(var(--ds-size-300, 1.5rem));
-  height: calc(var(--ds-size-300, 1.5rem));
-}
-
-.notificationBtn {
-  display: block;
-  width: var(--ds-size-300, 1.5rem);
-  height: var(--ds-size-300, 1.5rem);
-  padding: 0;
-  border: 0;
-  background: unset;
-  cursor: pointer;
-}
-.notificationBtn [auro-icon] {
-  display: block;
-  height: var(--ds-size-300, 1.5rem);
-  --ds-auro-icon-size: var(--ds-size-300, 1.5rem);
-}
-.notificationBtn [auro-icon][hidden] {
-  display: none;
-}
-
-:host(:not([bordered])) .typeIcon,
-:host(:not([bordered])) .notificationIcons {
-  align-items: flex-end;
-  padding-bottom: var(--ds-size-50, 0.25rem);
-}
-
-.clearBtn {
-  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-  overflow: hidden;
-  width: 0;
-  opacity: 0;
-}
-
-:host .wrapper:hover .clearBtn, :host .wrapper:focus-within .clearBtn {
-  width: calc(var(--ds-size-200, 1rem) + var(--ds-size-25, 0.125rem));
-  height: calc(var(--ds-size-200, 1rem) + var(--ds-size-25, 0.125rem));
-  opacity: 1;
-}
-
-:host(:focus-within[type=password]) .notificationIcons[hasValue] .alertNotification {
-  overflow: hidden;
-  width: 0;
-  height: 0;
-  padding: 0;
-  margin: 0;
-  visibility: hidden;
-}

package/components/input/src/styles/notificationIcons.scss

@@ -1,109 +0,0 @@
-@import '@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables';
-@import 'mixins';
-
-/* stylelint-disable  selector-max-attribute, max-nesting-depth, selector-max-class, selector-max-combinators, selector-max-compound-selectors */
-
-.typeIcon {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-
-  [auro-icon] {
-    --ds-auro-icon-size: var(--ds-size-300, #{$ds-size-300});
-    
-    height: var(--ds-size-300, $ds-size-300);
-    margin-right: var(--ds-size-100, $ds-size-100);
-  }
-}
-
-.notificationIcons {
-  display: flex;
-  flex-direction: row;
-  padding-right: var(--ds-size-100, $ds-size-100);
-}
-
-:host([bordered]) {
-  .typeIcon {
-    padding-left: var(--ds-size-100, $ds-size-100);
-  }
-
-  .notificationIcons {
-    align-items: center;
-  }
-}
-
-.notification {
-  &:not(:first-of-type) {
-    margin-left: var(--ds-size-100, $ds-size-100);
-  }
-}
-
-.alertNotification {
-  width: calc(var(--ds-size-300, $ds-size-300) + var(--ds-size-25, $ds-size-25)); 
-  height: calc(var(--ds-size-300, $ds-size-300) + var(--ds-size-25, $ds-size-25));
-}
-
-.passwordBtn {
-  width: calc(var(--ds-size-300, $ds-size-300));
-  height: calc(var(--ds-size-300, $ds-size-300));
-}
-
-.notificationBtn {
-  display: block;
-  width: var(--ds-size-300, $ds-size-300);
-  height: var(--ds-size-300, $ds-size-300);
-  padding: 0;
-  border: 0;
-  background: unset;
-  cursor: pointer;
-
-  [auro-icon] {
-    display: block;
-    height: var(--ds-size-300, $ds-size-300);
-
-    --ds-auro-icon-size: var(--ds-size-300, #{$ds-size-300});
-
-    &[hidden] {
-      display: none;
-    }
-  }
-}
-
-:host(:not([bordered])) {
-  .typeIcon,
-  .notificationIcons {
-    align-items: flex-end;
-    padding-bottom: var(--ds-size-50, $ds-size-50);
-  }
-}
-
-.clearBtn {
-  @include transition-animation;
-
-  overflow: hidden;
-  width: 0;
-  opacity: 0;
-}
-
-:host {
-  .wrapper {
-    &:hover,
-    &:focus-within {
-      .clearBtn {
-        width: calc(var(--ds-size-200, $ds-size-200) + var(--ds-size-25, $ds-size-25)); 
-        height: calc(var(--ds-size-200, $ds-size-200) + var(--ds-size-25, $ds-size-25));
-        opacity: 1;
-      }
-    }
-  }
-}
-
-:host(:focus-within[type="password"]) {
-  .notificationIcons {
-    &[hasValue] {
-      .alertNotification {
-        @include hidden-notification;
-      }
-    }
-  }
-}

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

@@ -1,2 +0,0 @@
-import { css } from 'lit';
-export default css`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.typeIcon{display:flex;flex-direction:row;align-items:center}.typeIcon [auro-icon]{--ds-auro-icon-size: var(--ds-size-300, 1.5rem);height:var(--ds-size-300, 1.5rem);margin-right:var(--ds-size-100, 0.5rem)}.notificationIcons{display:flex;flex-direction:row;padding-right:var(--ds-size-100, 0.5rem)}:host([bordered]) .typeIcon{padding-left:var(--ds-size-100, 0.5rem)}:host([bordered]) .notificationIcons{align-items:center}.notification:not(:first-of-type){margin-left:var(--ds-size-100, 0.5rem)}.alertNotification{width:calc(var(--ds-size-300, 1.5rem) + var(--ds-size-25, 0.125rem));height:calc(var(--ds-size-300, 1.5rem) + var(--ds-size-25, 0.125rem))}.passwordBtn{width:calc(var(--ds-size-300, 1.5rem));height:calc(var(--ds-size-300, 1.5rem))}.notificationBtn{display:block;width:var(--ds-size-300, 1.5rem);height:var(--ds-size-300, 1.5rem);padding:0;border:0;background:unset;cursor:pointer}.notificationBtn [auro-icon]{display:block;height:var(--ds-size-300, 1.5rem);--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}.notificationBtn [auro-icon][hidden]{display:none}:host(:not([bordered])) .typeIcon,:host(:not([bordered])) .notificationIcons{align-items:flex-end;padding-bottom:var(--ds-size-50, 0.25rem)}.clearBtn{transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);overflow:hidden;width:0;opacity:0}:host .wrapper:hover .clearBtn,:host .wrapper:focus-within .clearBtn{width:calc(var(--ds-size-200, 1rem) + var(--ds-size-25, 0.125rem));height:calc(var(--ds-size-200, 1rem) + var(--ds-size-25, 0.125rem));opacity:1}:host(:focus-within[type=password]) .notificationIcons[hasValue] .alertNotification{overflow:hidden;width:0;height:0;padding:0;margin:0;visibility:hidden}input{border:unset}.wrapper{position:relative;overflow:hidden;border-style:solid}:host(:not([bordered],[borderless])) .wrapper{border-width:1px 0}:host([bordered]) .wrapper{border-width:1px;border-radius:var(--ds-border-radius, 0.375rem)}:host(:not([borderless])) .wrapper:focus-within:before{position:absolute;display:block;border-bottom-width:1px;border-bottom-style:solid;content:"";inset:0;pointer-events:none}:host([validity]:not([validity=valid])) .wrapper:before{border-bottom:0}label{transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);position:absolute;overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}:host(:not([bordered])) label{top:calc(100% - var(--ds-size-25, 0.125rem));transform:translateY(-100%)}:host(:not([bordered])) label.withIcon{left:var(--ds-size-400, 2rem)}:host([bordered]) label{top:50%;transform:translateY(-50%)}:host([bordered]) label.withIcon{left:var(--ds-size-500, 2.5rem)}:host([bordered]) label:not(label.withIcon){left:var(--ds-size-100, 0.5rem)}:host .wrapper:focus-within label{top:var(--ds-size-100, 0.5rem);font-size:var(--ds-text-body-size-xs, 0.75rem);transform:unset}:host label.withValue{top:var(--ds-size-100, 0.5rem);font-size:var(--ds-text-body-size-xs, 0.75rem);transform:unset}:host([activeLabel]) .wrapper label{top:var(--ds-size-100, 0.5rem);font-size:var(--ds-text-body-size-xs, 0.75rem);transform:unset}:host{position:relative;display:block}.wrapper{display:flex;flex-direction:row}.main{display:flex;flex-direction:row;position:relative;flex:1}input{transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);position:relative;overflow:hidden;min-height:var(--ds-size-700, 3.5rem);max-height:var(--ds-size-700, 3.5rem);flex:1;padding:var(--ds-size-400, 2rem) 0 var(--ds-size-50, 0.25rem);margin:0;font-family:var(--ds-font-family-default, "AS Circular", Helvetica Neue, Arial, sans-serif);font-size:var(--ds-size-200, 1rem);outline:none;text-overflow:ellipsis;white-space:nowrap}input::-ms-reveal,input::-ms-clear{display:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-moz-appearance:textfield;appearance:textfield}input:disabled{background:none;pointer-events:none}:host([bordered]) input{padding:var(--ds-size-400, 2rem) 0 var(--ds-size-100, 0.5rem)}`;

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

@@ -1,283 +0,0 @@
-/* stylelint-disable */
-/* stylelint-disable
-  selector-max-class,
-  scss/selector-no-redundant-nesting-selector,
-  max-nesting-depth,
-  selector-max-combinators,
-  selector-max-compound-selectors,
-  no-descending-specificity,
-  at-rule-no-unknown,
-  selector-no-qualifying-type,
-  declaration-block-no-redundant-longhand-properties,
-  declaration-no-important
-*/
-*, *:before, *:after {
-  box-sizing: border-box;
-}
-@media (prefers-reduced-motion: reduce) {
-  *, *:before, *:after {
-    animation-duration: 0.01ms !important;
-    animation-iteration-count: 1 !important;
-    transition-duration: 0.01ms !important;
-  }
-}
-*:focus-visible {
-  outline: 0;
-}
-*:focus-visible {
-  outline: 0;
-}
-
-:focus:not(:focus-visible) {
-  outline: 3px solid transparent;
-}
-
-.util_displayInline {
-  display: inline;
-}
-
-.util_displayInlineBlock {
-  display: inline-block;
-}
-
-.util_displayBlock, :host {
-  display: block;
-}
-
-.util_displayFlex {
-  display: flex;
-}
-
-.util_displayHidden, :host([hidden]:not(:focus):not(:active)) {
-  display: none;
-}
-
-.util_displayHiddenVisually, :host([hiddenVisually]:not(:focus):not(:active)) {
-  position: absolute;
-  overflow: hidden;
-  clip: rect(1px, 1px, 1px, 1px);
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  border: 0;
-}
-
-/* stylelint-disable  selector-max-attribute, max-nesting-depth, selector-max-class, selector-max-combinators, selector-max-compound-selectors */
-.typeIcon {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-.typeIcon [auro-icon] {
-  --ds-auro-icon-size: var(--ds-size-300, 1.5rem);
-  height: var(--ds-size-300, 1.5rem);
-  margin-right: var(--ds-size-100, 0.5rem);
-}
-
-.notificationIcons {
-  display: flex;
-  flex-direction: row;
-  padding-right: var(--ds-size-100, 0.5rem);
-}
-
-:host([bordered]) .typeIcon {
-  padding-left: var(--ds-size-100, 0.5rem);
-}
-:host([bordered]) .notificationIcons {
-  align-items: center;
-}
-
-.notification:not(:first-of-type) {
-  margin-left: var(--ds-size-100, 0.5rem);
-}
-
-.alertNotification {
-  width: calc(var(--ds-size-300, 1.5rem) + var(--ds-size-25, 0.125rem));
-  height: calc(var(--ds-size-300, 1.5rem) + var(--ds-size-25, 0.125rem));
-}
-
-.passwordBtn {
-  width: calc(var(--ds-size-300, 1.5rem));
-  height: calc(var(--ds-size-300, 1.5rem));
-}
-
-.notificationBtn {
-  display: block;
-  width: var(--ds-size-300, 1.5rem);
-  height: var(--ds-size-300, 1.5rem);
-  padding: 0;
-  border: 0;
-  background: unset;
-  cursor: pointer;
-}
-.notificationBtn [auro-icon] {
-  display: block;
-  height: var(--ds-size-300, 1.5rem);
-  --ds-auro-icon-size: var(--ds-size-300, 1.5rem);
-}
-.notificationBtn [auro-icon][hidden] {
-  display: none;
-}
-
-:host(:not([bordered])) .typeIcon,
-:host(:not([bordered])) .notificationIcons {
-  align-items: flex-end;
-  padding-bottom: var(--ds-size-50, 0.25rem);
-}
-
-.clearBtn {
-  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-  overflow: hidden;
-  width: 0;
-  opacity: 0;
-}
-
-:host .wrapper:hover .clearBtn, :host .wrapper:focus-within .clearBtn {
-  width: calc(var(--ds-size-200, 1rem) + var(--ds-size-25, 0.125rem));
-  height: calc(var(--ds-size-200, 1rem) + var(--ds-size-25, 0.125rem));
-  opacity: 1;
-}
-
-:host(:focus-within[type=password]) .notificationIcons[hasValue] .alertNotification {
-  overflow: hidden;
-  width: 0;
-  height: 0;
-  padding: 0;
-  margin: 0;
-  visibility: hidden;
-}
-
-/* stylelint-disable no-duplicate-selectors, max-nesting-depth, no-descending-specificity */
-input {
-  border: unset;
-}
-
-.wrapper {
-  position: relative;
-  overflow: hidden;
-  border-style: solid;
-}
-
-:host(:not([bordered], [borderless])) .wrapper {
-  border-width: 1px 0;
-}
-
-:host([bordered]) .wrapper {
-  border-width: 1px;
-  border-radius: var(--ds-border-radius, 0.375rem);
-}
-
-:host(:not([borderless])) .wrapper:focus-within:before {
-  position: absolute;
-  display: block;
-  /* stylelint-disable declaration-block-no-redundant-longhand-properties */
-  border-bottom-width: 1px;
-  border-bottom-style: solid;
-  /* stylelint-enable declaration-block-no-redundant-longhand-properties */
-  content: "";
-  inset: 0;
-  pointer-events: none;
-}
-
-:host([validity]:not([validity=valid])) .wrapper:before {
-  border-bottom: 0;
-}
-
-/* stylelint-disable no-duplicate-selectors, max-nesting-depth, no-descending-specificity, selector-max-combinators, selector-max-compound-selectors, selector-no-qualifying-type */
-label {
-  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-  position: absolute;
-  overflow: hidden;
-  pointer-events: none;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-:host(:not([bordered])) label {
-  top: calc(100% - var(--ds-size-25, 0.125rem));
-  transform: translateY(-100%);
-}
-:host(:not([bordered])) label.withIcon {
-  left: var(--ds-size-400, 2rem);
-}
-
-:host([bordered]) label {
-  top: 50%;
-  transform: translateY(-50%);
-}
-:host([bordered]) label.withIcon {
-  left: var(--ds-size-500, 2.5rem);
-}
-:host([bordered]) label:not(label.withIcon) {
-  left: var(--ds-size-100, 0.5rem);
-}
-
-:host .wrapper:focus-within label {
-  top: var(--ds-size-100, 0.5rem);
-  font-size: var(--ds-text-body-size-xs, 0.75rem);
-  transform: unset;
-}
-:host label.withValue {
-  top: var(--ds-size-100, 0.5rem);
-  font-size: var(--ds-text-body-size-xs, 0.75rem);
-  transform: unset;
-}
-
-:host([activeLabel]) .wrapper label {
-  top: var(--ds-size-100, 0.5rem);
-  font-size: var(--ds-text-body-size-xs, 0.75rem);
-  transform: unset;
-}
-
-:host {
-  position: relative;
-  display: block;
-}
-
-.wrapper {
-  display: flex;
-  flex-direction: row;
-}
-
-.main {
-  display: flex;
-  flex-direction: row;
-  position: relative;
-  flex: 1;
-}
-
-/* stylelint-disable property-no-vendor-prefix, selector-no-qualifying-type */
-input {
-  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-  position: relative;
-  overflow: hidden;
-  min-height: var(--ds-size-700, 3.5rem);
-  max-height: var(--ds-size-700, 3.5rem);
-  flex: 1;
-  padding: var(--ds-size-400, 2rem) 0 var(--ds-size-50, 0.25rem);
-  margin: 0;
-  font-family: var(--ds-font-family-default, "AS Circular", Helvetica Neue, Arial, sans-serif);
-  font-size: var(--ds-size-200, 1rem);
-  outline: none;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-input::-ms-reveal, input::-ms-clear {
-  display: none;
-}
-input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-  margin: 0;
-  -webkit-appearance: none;
-}
-input[type=number] {
-  -moz-appearance: textfield; /* For older versions of Firefox */
-  appearance: textfield; /* Standard property */
-}
-input:disabled {
-  background: none;
-  pointer-events: none;
-}
-
-:host([bordered]) input {
-  padding: var(--ds-size-400, 2rem) 0 var(--ds-size-100, 0.5rem);
-}

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

@@ -1,52 +0,0 @@
-/* stylelint-disable */
-
-/* stylelint-disable
-  selector-max-class,
-  scss/selector-no-redundant-nesting-selector,
-  max-nesting-depth,
-  selector-max-combinators,
-  selector-max-compound-selectors,
-  no-descending-specificity,
-  at-rule-no-unknown,
-  selector-no-qualifying-type,
-  declaration-block-no-redundant-longhand-properties,
-  declaration-no-important
-*/
-
-// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
-// See LICENSE in the project root for license information.
-
-// ---------------------------------------------------------------------
-
-// Import Auro tokens
-@import '@aurodesignsystem/webcorestylesheets/src/core';
-
-// Support for fallback values
-@import '@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables';
-
-// Support for auroElement styles
-@import '@aurodesignsystem/webcorestylesheets/dist/auroElement/auroElement';
-
-@import './notificationIcons';
-@import './borders';
-@import './label';
-
-// container styles - defines the look of the outer custom component
-:host {
-  position: relative;
-  display: block;
-}
-
-.wrapper {
-  display: flex;
-  flex-direction: row;
-}
-
-.main {
-  display: flex;
-  flex-direction: row;
-  position: relative;
-  flex: 1;
-}
-
-@import './input';

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

@@ -1,2 +0,0 @@
-import { css } from 'lit';
-export default css`:host{--ds-auro-input-border-color: var(--ds-color-border-secondary-default, #939fad);--ds-auro-input-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-input-caret-color: var(--ds-color-text-ui-focus-default, #2c67b5);--ds-auro-input-label-text-color: var(--ds-color-text-tertiary-default, #6a717c);--ds-auro-input-placeholder-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-input-text-color: var(--ds-color-text-primary-default, #2a2a2a)}`;

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

@@ -1,8 +0,0 @@
-:host {
-  --ds-auro-input-border-color: var(--ds-color-border-secondary-default, #939fad);
-  --ds-auro-input-container-color: var(--ds-color-container-primary-default, #ffffff);
-  --ds-auro-input-caret-color: var(--ds-color-text-ui-focus-default, #2c67b5);
-  --ds-auro-input-label-text-color: var(--ds-color-text-tertiary-default, #6a717c);
-  --ds-auro-input-placeholder-text-color: var(--ds-color-text-primary-default, #2a2a2a);
-  --ds-auro-input-text-color: var(--ds-color-text-primary-default, #2a2a2a);
-}

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

@@ -1,10 +0,0 @@
-@import '@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables';
-
-:host {
-  --ds-auro-input-border-color: var(--ds-color-border-secondary-default, #{$ds-color-border-secondary-default});
-  --ds-auro-input-container-color: var(--ds-color-container-primary-default, #{$ds-color-container-primary-default});
-  --ds-auro-input-caret-color: var(--ds-color-text-ui-focus-default, #{$ds-color-text-ui-focus-default});
-  --ds-auro-input-label-text-color: var(--ds-color-text-tertiary-default, #{$ds-color-text-tertiary-default});
-  --ds-auro-input-placeholder-text-color: var(--ds-color-text-primary-default, #{$ds-color-text-primary-default});
-  --ds-auro-input-text-color: var(--ds-color-text-primary-default, #{$ds-color-text-primary-default});
-}

package/components/menu/.stylelintrc.json

@@ -1,3 +0,0 @@
-{
-  "extends": "@auro-formkit/config/stylelint"
-}

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

@@ -1,86 +0,0 @@
-
-> @aurodesignsystem/auro-menu@4.1.4 build:sass
-> sass --no-source-map --load-path=../../node_modules "./src/styles/:./src/styles/"
-
-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
-
-  ╷
-8 │ @import '@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables';
-  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-  ╵
-    src/styles/color-menuoption.scss 8:9  root stylesheet
-
-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
-
-  ╷
-9 │ @import '@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables';
-  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-  ╵
-    src/styles/style-menu.scss 9:9  root stylesheet
-
-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
-
-   ╷
-10 │ @import '@aurodesignsystem/design-tokens/dist/tokens/SassCustomProperties';
-   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-   ╵
-    src/styles/style-menu.scss 10:9  root stylesheet
-
-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
-
-   ╷
-11 │ @import '@aurodesignsystem/webcorestylesheets/src/core';
-   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-   ╵
-    src/styles/style-menu.scss 11:9  root stylesheet
-
-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
-
-  ╷
-5 │ @import 'libSupport/manageScope';
-  │         ^^^^^^^^^^^^^^^^^^^^^^^^
-  ╵
-    @aurodesignsystem/webcorestylesheets/src/_core.scss 5:9  @import
-    src/styles/style-menu.scss 11:9                          root stylesheet
-
-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
-
-  ╷
-8 │ @import '@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables';
-  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-  ╵
-    src/styles/style-menuoption.scss 8:9  root stylesheet
-
-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
-
-  ╷
-9 │ @import '@aurodesignsystem/webcorestylesheets/src/breakpoints';
-  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-  ╵
-    src/styles/style-menuoption.scss 9:9  root stylesheet
-
-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
-
-  ╷
-6 │ @import './libSupport/deprecated';
-  │         ^^^^^^^^^^^^^^^^^^^^^^^^^
-  ╵
-    @aurodesignsystem/webcorestylesheets/src/_breakpoints.scss 6:9  @import
-    src/styles/style-menuoption.scss 9:9                            root stylesheet
-

package/components/menu/.turbo/turbo-build$colon$version.log

@@ -1,7 +0,0 @@
-
-> @aurodesignsystem/auro-menu@4.1.4 build:version
-> node ./src/scripts/version.mjs
-
-Found package.json at: /home/runner/work/auro-formkit/auro-formkit/node_modules/@aurodesignsystem/auro-icon/package.json
-Writing version file to: ./src/iconVersion.js
-Successfully wrote version file for @aurodesignsystem/auro-icon