@aurodesignsystem/auro-formkit 1.6.0-beta.10

package/components/dropdown/src/styles/bibColors-css.js

@@ -0,0 +1,2 @@
+import { css } from 'lit';
+export default css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;

package/components/dropdown/src/styles/bibColors.css

@@ -0,0 +1,6 @@
+/* stylelint-disable no-descending-specificity */
+.container {
+  background-color: var(--ds-auro-dropdownbib-container-color);
+  box-shadow: var(--ds-auro-dropdownbib-boxshadow-color);
+  color: var(--ds-auro-dropdownbib-text-color);
+}

package/components/dropdown/src/styles/bibColors.scss

@@ -0,0 +1,18 @@
+// 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";
+
+/* stylelint-disable no-descending-specificity */
+
+.container {
+  background-color: var(--ds-auro-dropdownbib-container-color);
+  box-shadow: var(--ds-auro-dropdownbib-boxshadow-color);
+  color: var(--ds-auro-dropdownbib-text-color);
+}

package/components/dropdown/src/styles/bibStyles-css.js

@@ -0,0 +1,2 @@
+import { css } from 'lit';
+export default css`:host{position:absolute;z-index:var(--depth-tooltip, 400);display:none}.container{display:inline-block;overflow:auto;box-sizing:border-box;margin:var(--ds-size-50, 0.25rem) 0}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common]) .container,:host([inset]) .container{padding:var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}`;

package/components/dropdown/src/styles/bibStyles.css

@@ -0,0 +1,48 @@
+/* stylelint-disable no-descending-specificity, selector-max-attribute */
+:host {
+  position: absolute;
+  z-index: var(--depth-tooltip, 400);
+  display: none;
+}
+
+.container {
+  display: inline-block;
+  overflow: auto;
+  box-sizing: border-box;
+  margin: var(--ds-size-50, 0.25rem) 0;
+}
+
+:host([isfullscreen]) {
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+:host([isfullscreen]) .container {
+  width: 100dvw;
+  max-width: none;
+  height: 100dvh;
+  max-height: none;
+  border-radius: unset;
+  margin-top: 0;
+  box-shadow: unset;
+}
+
+:host([data-show]) {
+  display: flex;
+}
+
+:host([common]:not([isfullscreen])) .container,
+:host([rounded]:not([isfullscreen])) .container {
+  border-radius: var(--ds-border-radius, 0.375rem);
+}
+
+:host([common]) .container,
+:host([inset]) .container {
+  padding: var(--ds-size-50, 0.25rem) var(--ds-size-100, 0.5rem);
+}
+
+:host([common][isfullscreen]) .container,
+:host([rounded][isfullscreen]) .container {
+  border-radius: unset;
+  box-shadow: unset;
+}

package/components/dropdown/src/styles/bibStyles.scss

@@ -0,0 +1,67 @@
+// 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";
+
+/* stylelint-disable no-descending-specificity, selector-max-attribute */
+
+:host {
+  position: absolute;
+  z-index: var(--depth-tooltip, $ds-depth-tooltip);
+  display: none;
+}
+
+.container {
+  display: inline-block;
+  overflow: auto;
+  box-sizing: border-box;
+  margin: var(--ds-size-50, $ds-size-50) 0;
+}
+
+:host([isfullscreen]) {
+ position: fixed;
+ top: 0;
+ left: 0;
+
+ .container {
+    width: 100dvw;
+    max-width: none;
+    height: 100dvh;
+    max-height: none;
+    border-radius: unset;
+    margin-top: 0;
+    box-shadow: unset;
+ }
+}
+
+:host([data-show]) {
+  display: flex;
+}
+
+:host([common]:not([isfullscreen])),
+:host([rounded]:not([isfullscreen])) {
+  .container {
+    border-radius: var(--ds-border-radius, $ds-border-radius);
+  }
+}
+
+:host([common]),
+:host([inset]) {
+  .container {
+    padding: var(--ds-size-50, $ds-size-50) var(--ds-size-100, $ds-size-100);
+  }
+}
+
+:host([common][isfullscreen]),
+:host([rounded][isfullscreen]) {
+  .container {
+    border-radius: unset;
+    box-shadow: unset;
+  }
+}

package/components/dropdown/src/styles/color-css.js

@@ -0,0 +1,2 @@
+import { css } from 'lit';
+export default css`.label{color:var(--ds-auro-dropdown-label-text-color)}.trigger{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-container-color);color:var(--ds-auro-dropdown-trigger-text-color)}.trigger:focus-within,.trigger:active{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-active-default, #0074c8)}.trigger:focus-within:not(:active){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5);outline:1px solid var(--ds-color-border-ui-focus-default, #2c67b5)}.trigger:hover{--ds-auro-dropdown-trigger-container-color: var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03))}.helpText{color:var(--ds-auro-dropdown-help-text-color)}:host([disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-color-text-ui-disabled-default, #adadad);--ds-auro-dropdown-label-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}:host([common]),:host([bordered]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-primary-default, #585e67)}:host([common]) .trigger:active,:host([common]) .trigger:focus-within,:host([bordered]) .trigger:active,:host([bordered]) .trigger:focus-within{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5)}:host([error]){--ds-auro-dropdown-help-text-color: var(--ds-color-text-error-default, #cc1816);--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-error-default, #cc1816)}:host([error]) .trigger{outline:solid 1px var(--ds-auro-dropdown-trigger-border-color)}:host([error]) .trigger:focus-within,:host([error]) .trigger:active{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-active-default, #0074c8)}:host([error]) .trigger:active{box-shadow:none;outline:none}:host([disabled][common]),:host([disabled][bordered]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-disabled-default, #adadad)}`;

package/components/dropdown/src/styles/color.css

@@ -0,0 +1,59 @@
+/* stylelint-disable no-descending-specificity, declaration-empty-line-before */
+.label {
+  color: var(--ds-auro-dropdown-label-text-color);
+}
+
+.trigger {
+  border-color: var(--ds-auro-dropdown-trigger-border-color);
+  background-color: var(--ds-auro-dropdown-trigger-container-color);
+  color: var(--ds-auro-dropdown-trigger-text-color);
+}
+.trigger:focus-within, .trigger:active {
+  --ds-auro-dropdown-trigger-border-color: var(--ds-color-border-active-default, #0074c8);
+}
+.trigger:focus-within:not(:active) {
+  --ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5);
+  outline: 1px solid var(--ds-color-border-ui-focus-default, #2c67b5);
+}
+.trigger:hover {
+  --ds-auro-dropdown-trigger-container-color: var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03));
+}
+
+.helpText {
+  color: var(--ds-auro-dropdown-help-text-color);
+}
+
+:host([disabled]) {
+  --ds-auro-dropdown-trigger-text-color: var(--ds-color-text-ui-disabled-default, #adadad);
+  --ds-auro-dropdown-label-text-color: var(--ds-color-text-ui-disabled-default, #adadad);
+}
+
+:host([common]),
+:host([bordered]) {
+  --ds-auro-dropdown-trigger-border-color: var(--ds-color-border-primary-default, #585e67);
+}
+:host([common]) .trigger:active, :host([common]) .trigger:focus-within,
+:host([bordered]) .trigger:active,
+:host([bordered]) .trigger:focus-within {
+  --ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5);
+}
+
+:host([error]) {
+  --ds-auro-dropdown-help-text-color: var(--ds-color-text-error-default, #cc1816);
+  --ds-auro-dropdown-trigger-border-color: var(--ds-color-border-error-default, #cc1816);
+}
+:host([error]) .trigger {
+  outline: solid 1px var(--ds-auro-dropdown-trigger-border-color);
+}
+:host([error]) .trigger:focus-within, :host([error]) .trigger:active {
+  --ds-auro-dropdown-trigger-border-color: var(--ds-color-border-active-default, #0074c8);
+}
+:host([error]) .trigger:active {
+  box-shadow: none;
+  outline: none;
+}
+
+:host([disabled][common]),
+:host([disabled][bordered]) {
+  --ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-disabled-default, #adadad);
+}

package/components/dropdown/src/styles/color.scss

@@ -0,0 +1,79 @@
+// See LICENSE in the project root for license information.
+
+// ---------------------------------------------------------------------
+
+// Support for fallback values
+@import '@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables';
+
+/* stylelint-disable no-descending-specificity, declaration-empty-line-before */
+
+.label {
+  color: var(--ds-auro-dropdown-label-text-color);
+}
+
+.trigger {
+  border-color: var(--ds-auro-dropdown-trigger-border-color);
+  background-color: var(--ds-auro-dropdown-trigger-container-color);
+  color: var(--ds-auro-dropdown-trigger-text-color);
+
+  &:focus-within,
+  &:active {
+    --ds-auro-dropdown-trigger-border-color: var(--ds-color-border-active-default, #{$ds-color-border-active-default});
+  }
+
+  &:focus-within {
+    &:not(:active) {
+      --ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #{$ds-color-border-ui-focus-default});
+      outline: 1px solid var(--ds-color-border-ui-focus-default, #{$ds-color-border-ui-focus-default});
+    }
+  }
+
+  &:hover {
+    --ds-auro-dropdown-trigger-container-color: var(--ds-color-container-ui-secondary-hover-default, #{$ds-color-container-ui-secondary-hover-default});
+  }
+}
+
+.helpText {
+  color: var(--ds-auro-dropdown-help-text-color);
+}
+
+:host([disabled]) {
+  --ds-auro-dropdown-trigger-text-color: var(--ds-color-text-ui-disabled-default, #{$ds-color-text-ui-disabled-default});
+  --ds-auro-dropdown-label-text-color: var(--ds-color-text-ui-disabled-default, #{$ds-color-text-ui-disabled-default});
+}
+
+:host([common]),
+:host([bordered]) {
+  --ds-auro-dropdown-trigger-border-color: var(--ds-color-border-primary-default, #{$ds-color-border-primary-default});
+
+  .trigger {
+    &:active,
+    &:focus-within {
+      --ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #{$ds-color-border-ui-focus-default});
+    }
+  }
+}
+
+:host([error]) {
+  --ds-auro-dropdown-help-text-color: var(--ds-color-text-error-default, #{$ds-color-text-error-default});
+  --ds-auro-dropdown-trigger-border-color: var(--ds-color-border-error-default, #{$ds-color-border-error-default});
+
+  .trigger {
+    outline: solid 1px var(--ds-auro-dropdown-trigger-border-color);
+
+    &:focus-within,
+    &:active {
+      --ds-auro-dropdown-trigger-border-color: var(--ds-color-border-active-default, #{$ds-color-border-active-default});
+    }
+
+    &:active {
+      box-shadow: none;
+      outline: none;
+    }
+  }
+}
+
+:host([disabled][common]),
+:host([disabled][bordered]) {
+  --ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-disabled-default, #{$ds-color-border-ui-disabled-default});
+}

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

@@ -0,0 +1,2 @@
+import { css } from 'lit';
+export default css`:host{position:relative;display:inline-block;max-width:100%}:host([fluid]){display:block}#bibSizer{position:absolute;z-index:-1;opacity:0;pointer-events:none}.label{font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem);white-space:normal}.trigger{position:relative;display:flex;align-items:center;border-width:1px;border-style:solid}@media(hover: hover){.trigger:hover{cursor:pointer}}.triggerContentWrapper{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}#showStateIcon{display:flex;overflow:hidden;height:100%;align-items:center;margin-left:var(--ds-size-100, 0.5rem)}#showStateIcon [auro-icon]{height:var(--ds-size-300, 1.5rem);line-height:var(--ds-size-300, 1.5rem)}#showStateIcon[data-expanded=true] [auro-icon]{transform:rotate(-180deg)}.helpText{margin-top:var(--ds-size-50, 0.25rem);font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem)}:host([matchwidth]) #bibSizer{width:100%}:host([disabled]){pointer-events:none}:host([inset]) .trigger{padding:var(--ds-size-150, 0.75rem) var(--ds-size-200, 1rem)}:host([common]) .trigger,:host([inset][bordered]) .trigger{padding:var(--ds-size-200, 1rem) var(--ds-size-150, 0.75rem)}:host([common]) .trigger,:host([rounded]) .trigger{border-radius:var(--ds-border-radius, 0.375rem)}`;

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

@@ -0,0 +1,88 @@
+/* stylelint-disable no-descending-specificity, selector-max-attribute */
+:host {
+  position: relative;
+  display: inline-block;
+  max-width: 100%;
+}
+
+:host([fluid]) {
+  display: block;
+}
+
+#bibSizer {
+  position: absolute;
+  z-index: -1;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.label {
+  font-size: var(--ds-text-body-size-xs, 0.75rem);
+  line-height: var(--ds-text-body-size-default, 1rem);
+  white-space: normal;
+}
+
+.trigger {
+  position: relative;
+  display: flex;
+  align-items: center;
+  border-width: 1px;
+  border-style: solid;
+}
+
+@media (hover: hover) {
+  .trigger:hover {
+    cursor: pointer;
+  }
+}
+.triggerContentWrapper {
+  overflow: hidden;
+  flex: 1;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* stylelint-disable selector-id-pattern */
+#showStateIcon {
+  display: flex;
+  overflow: hidden;
+  height: 100%;
+  align-items: center;
+  margin-left: var(--ds-size-100, 0.5rem);
+}
+#showStateIcon [auro-icon] {
+  height: var(--ds-size-300, 1.5rem);
+  line-height: var(--ds-size-300, 1.5rem);
+}
+#showStateIcon[data-expanded=true] [auro-icon] {
+  transform: rotate(-180deg);
+}
+
+/* stylelint-enable selector-id-pattern */
+.helpText {
+  margin-top: var(--ds-size-50, 0.25rem);
+  font-size: var(--ds-text-body-size-xs, 0.75rem);
+  line-height: var(--ds-text-body-size-default, 1rem);
+}
+
+:host([matchwidth]) #bibSizer {
+  width: 100%;
+}
+
+:host([disabled]) {
+  pointer-events: none;
+}
+
+:host([inset]) .trigger {
+  padding: var(--ds-size-150, 0.75rem) var(--ds-size-200, 1rem);
+}
+
+:host([common]) .trigger,
+:host([inset][bordered]) .trigger {
+  padding: var(--ds-size-200, 1rem) var(--ds-size-150, 0.75rem);
+}
+
+:host([common]) .trigger,
+:host([rounded]) .trigger {
+  border-radius: var(--ds-border-radius, 0.375rem);
+}

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

@@ -0,0 +1,117 @@
+// 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 {
+  position: relative;
+  display: inline-block; 
+  max-width: 100%;
+}
+
+:host([fluid]) {
+  display: block;
+}
+
+#bibSizer {
+  position: absolute;
+  z-index: -1;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.label {
+  font-size: var(--ds-text-body-size-xs, $ds-text-body-size-xs);
+  line-height: var(--ds-text-body-size-default, $ds-text-body-size-default);
+  white-space: normal;
+}
+
+.trigger {
+  position: relative;
+  display: flex;
+  align-items: center;
+  border-width: 1px;
+  border-style: solid;
+}
+
+@media (hover: hover) {
+  .trigger {
+    &:hover {
+      cursor: pointer;
+    }
+  }
+}
+
+.triggerContentWrapper {
+  overflow: hidden;
+  flex: 1;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+
+/* stylelint-disable selector-id-pattern */
+#showStateIcon {
+  display: flex;
+  overflow: hidden;
+  height: 100%;
+  align-items: center;
+  margin-left: var(--ds-size-100, $ds-size-100);
+
+  [auro-icon] {
+    height: var(--ds-size-300, $ds-size-300);
+    line-height: var(--ds-size-300, $ds-size-300);
+  }
+
+  &[data-expanded='true'] {
+    [auro-icon] {
+      transform: rotate(-180deg);
+    }
+  }
+}
+/* stylelint-enable selector-id-pattern */
+
+.helpText {
+  margin-top: var(--ds-size-50, $ds-size-50);
+  font-size: var(--ds-text-body-size-xs, $ds-text-body-size-xs);
+  line-height: var(--ds-text-body-size-default, $ds-text-body-size-default);
+}
+
+:host([matchwidth]) {
+  #bibSizer {
+    width: 100%;
+  }
+}
+
+:host([disabled]) {
+  pointer-events: none;
+}
+
+:host([inset]) {
+  .trigger {
+    padding: var(--ds-size-150, $ds-size-150) var(--ds-size-200, $ds-size-200);
+  }
+}
+
+:host([common]),
+:host([inset][bordered]) {
+  .trigger {
+    padding: var(--ds-size-200, $ds-size-200) var(--ds-size-150, $ds-size-150);
+  }
+}
+
+:host([common]),
+:host([rounded]) {
+  .trigger {
+    border-radius: var(--ds-border-radius, $ds-border-radius);
+  }
+}

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

@@ -0,0 +1,2 @@
+import { css } from 'lit';
+export default css`:host{--ds-auro-dropdown-help-text-color: var(--ds-color-text-secondary-default, #525252);--ds-auro-dropdown-label-text-color: var(--ds-color-text-secondary-default, #525252);--ds-auro-dropdown-popover-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdown-popover-border-color: transparent;--ds-auro-dropdown-popover-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-dropdown-trigger-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdown-trigger-border-color: transparent;--ds-auro-dropdown-trigger-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-dropdownbib-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdownbib-text-color: var(--ds-color-text-primary-default, #2a2a2a)}`;

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

@@ -0,0 +1,13 @@
+:host {
+  --ds-auro-dropdown-help-text-color: var(--ds-color-text-secondary-default, #525252);
+  --ds-auro-dropdown-label-text-color: var(--ds-color-text-secondary-default, #525252);
+  --ds-auro-dropdown-popover-container-color: var(--ds-color-container-primary-default, #ffffff);
+  --ds-auro-dropdown-popover-border-color: transparent;
+  --ds-auro-dropdown-popover-text-color: var(--ds-color-text-primary-default, #2a2a2a);
+  --ds-auro-dropdown-trigger-container-color: var(--ds-color-container-primary-default, #ffffff);
+  --ds-auro-dropdown-trigger-border-color: transparent;
+  --ds-auro-dropdown-trigger-text-color: var(--ds-color-text-primary-default, #2a2a2a);
+  --ds-auro-dropdownbib-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));
+  --ds-auro-dropdownbib-container-color: var(--ds-color-container-primary-default, #ffffff);
+  --ds-auro-dropdownbib-text-color: var(--ds-color-text-primary-default, #2a2a2a);
+}

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

@@ -0,0 +1,15 @@
+@import '@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables';
+
+:host {
+  --ds-auro-dropdown-help-text-color: var(--ds-color-text-secondary-default, #{$ds-color-text-secondary-default});
+  --ds-auro-dropdown-label-text-color: var(--ds-color-text-secondary-default, #{$ds-color-text-secondary-default});
+  --ds-auro-dropdown-popover-container-color: var(--ds-color-container-primary-default, #{$ds-color-container-primary-default});
+  --ds-auro-dropdown-popover-border-color: transparent;
+  --ds-auro-dropdown-popover-text-color: var(--ds-color-text-primary-default, #{$ds-color-text-primary-default});
+  --ds-auro-dropdown-trigger-container-color: var(--ds-color-container-primary-default, #{$ds-color-container-primary-default});
+  --ds-auro-dropdown-trigger-border-color: transparent;
+  --ds-auro-dropdown-trigger-text-color: var(--ds-color-text-primary-default, #{$ds-color-text-primary-default});
+  --ds-auro-dropdownbib-boxshadow-color: var(--ds-elevation-200, #{$ds-elevation-200});
+  --ds-auro-dropdownbib-container-color: var(--ds-color-container-primary-default, #{$ds-color-container-primary-default});
+  --ds-auro-dropdownbib-text-color: var(--ds-color-text-primary-default, #{$ds-color-text-primary-default});
+}

package/components/form/.stylelintrc.json

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

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

@@ -0,0 +1,57 @@
+
+> @auro-formkit/auro-form@1.0.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.
+
+More info and automated migrator: https://sass-lang.com/d/import
+
+  ╷
+7 │ @import '@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables';
+  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+  ╵
+    src/styles/style.scss 7:9  root stylesheet
+
+DEPRECATION WARNING: 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/SCSSVariableMap';
+  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+  ╵
+    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.
+
+More info and automated migrator: https://sass-lang.com/d/import
+
+   ╷
+11 │ @import '@aurodesignsystem/webcorestylesheets/src/breakpoints';
+   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+   ╵
+    src/styles/style.scss 11:9  root stylesheet
+
+DEPRECATION WARNING: 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 │ @import '@aurodesignsystem/webcorestylesheets/src/core';
+   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+   ╵
+    src/styles/style.scss 12:9  root stylesheet
+
+DEPRECATION WARNING: 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
+
+   ╷
+13 │ @import '@aurodesignsystem/webcorestylesheets/src/animation';
+   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+   ╵
+    src/styles/style.scss 13:9  root stylesheet
+
+WARNING: 3 repetitive deprecation warnings omitted.
+Run in verbose mode to see all warnings.
+

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

@@ -0,0 +1,4 @@
+
+> @auro-formkit/auro-form@1.0.0 build:version
+> node ./src/scripts/version.mjs
+