@aurodesignsystem/auro-formkit 1.6.0-beta.10

package/components/combobox/src/index.js

@@ -0,0 +1,6 @@
+import { AuroCombobox } from './auro-combobox.js';
+
+AuroCombobox.register();
+
+// Enable TypeScript support
+export { AuroCombobox };

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

@@ -0,0 +1,2 @@
+import { css } from 'lit';
+export default css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}[auro-input]{min-height:var(--ds-size-700, 3.5rem);max-height:var(--ds-size-700, 3.5rem)}[auro-input]::part(iconContainer){top:0;display:flex;height:100%;align-items:center}[auro-input]::part(accentIcon){transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1)}[auro-input]::part(helpText){display:none}[auro-input]::part(wrapper){border-width:0 !important;box-shadow:unset !important;outline:unset !important;--ds-auro-input-border-color: transparent;--ds-auro-input-container-color: transparent}:host combobox-dropdown::part(trigger){padding-right:var(--ds-size-150, 0.75rem)}`;

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

@@ -0,0 +1,60 @@
+/* stylelint-disable max-nesting-depth */
+.util_displayInline {
+  display: inline;
+}
+
+.util_displayInlineBlock {
+  display: inline-block;
+}
+
+.util_displayBlock {
+  display: block;
+}
+
+.util_displayFlex {
+  display: flex;
+}
+
+.util_displayHidden {
+  display: none;
+}
+
+.util_displayHiddenVisually {
+  position: absolute;
+  overflow: hidden;
+  clip: rect(1px, 1px, 1px, 1px);
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  border: 0;
+}
+
+[auro-input] {
+  min-height: var(--ds-size-700, 3.5rem);
+  max-height: var(--ds-size-700, 3.5rem);
+}
+[auro-input]::part(iconContainer) {
+  top: 0;
+  display: flex;
+  height: 100%;
+  align-items: center;
+}
+[auro-input]::part(accentIcon) {
+  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
+}
+[auro-input]::part(helpText) {
+  display: none;
+}
+[auro-input]::part(wrapper) {
+  /* stylelint-disable declaration-no-important */
+  border-width: 0 !important;
+  box-shadow: unset !important;
+  outline: unset !important;
+  /* stylelint-enable declaration-no-important */
+  --ds-auro-input-border-color: transparent;
+  --ds-auro-input-container-color: transparent;
+}
+
+:host combobox-dropdown::part(trigger) {
+  padding-right: var(--ds-size-150, 0.75rem);
+}

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

@@ -0,0 +1,46 @@
+// Copyright (c) 2022 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
+// See LICENSE in the project root for license information.
+
+/* stylelint-disable max-nesting-depth */
+
+@import '@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables';
+@import '@aurodesignsystem/webcorestylesheets/src/utilityClasses/displayProperties';
+
+[auro-input] {
+  min-height: var(--ds-size-700, $ds-size-700);
+  max-height: var(--ds-size-700, $ds-size-700);
+
+  &::part(iconContainer) {
+    top: 0;
+    display: flex;
+    height: 100%;
+    align-items: center;
+  }
+
+  &::part(accentIcon) {
+    transition: all .3s cubic-bezier(.215, .61, .355, 1);
+  }
+
+  &::part(helpText) {
+    display: none;
+  }
+
+  &::part(wrapper) {
+    /* stylelint-disable declaration-no-important */
+    border-width: 0 !important;
+    box-shadow: unset !important;
+    outline: unset !important;
+    /* stylelint-enable declaration-no-important */
+
+    --ds-auro-input-border-color: transparent;
+    --ds-auro-input-container-color: transparent;
+  }
+}
+
+:host {
+  combobox-dropdown {
+    &::part(trigger) {
+      padding-right: var(--ds-size-150, $ds-size-150);
+    }
+  }
+}

package/components/counter/.stylelintrc.json

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

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

@@ -0,0 +1,66 @@
+
+> @auro-formkit/auro-counter@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
+
+   ╷
+10 │ @import "@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables";
+   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+   ╵
+    src/styles/counter-group.scss 10: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/counter-group.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
+
+  ╷
+6 │ @import './libSupport/deprecated';
+  │         ^^^^^^^^^^^^^^^^^^^^^^^^^
+  ╵
+    @aurodesignsystem/webcorestylesheets/src/_breakpoints.scss 6:9  @import
+    src/styles/counter-group.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
+
+   ╷
+10 │ @import "@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables";
+   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+   ╵
+    src/styles/style.scss 10: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
+
+  ╷
+6 │ @import './libSupport/deprecated';
+  │         ^^^^^^^^^^^^^^^^^^^^^^^^^
+  ╵
+    @aurodesignsystem/webcorestylesheets/src/_breakpoints.scss 6:9  @import
+    src/styles/style.scss 11:9                                      root stylesheet
+

package/components/counter/.turbo/turbo-build.log

@@ -0,0 +1,87 @@
+
+> @auro-formkit/auro-counter@1.0.0 build
+> run-s build:sass bundler types
+
+
+> @auro-formkit/auro-counter@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
+
+   ╷
+10 │ @import "@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables";
+   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+   ╵
+    src/styles/counter-group.scss 10: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/counter-group.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
+
+  ╷
+6 │ @import './libSupport/deprecated';
+  │         ^^^^^^^^^^^^^^^^^^^^^^^^^
+  ╵
+    @aurodesignsystem/webcorestylesheets/src/_breakpoints.scss 6:9  @import
+    src/styles/counter-group.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
+
+   ╷
+10 │ @import "@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables";
+   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+   ╵
+    src/styles/style.scss 10: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
+
+  ╷
+6 │ @import './libSupport/deprecated';
+  │         ^^^^^^^^^^^^^^^^^^^^^^^^^
+  ╵
+    @aurodesignsystem/webcorestylesheets/src/_breakpoints.scss 6:9  @import
+    src/styles/style.scss 11:9                                      root stylesheet
+
+
+> @auro-formkit/auro-counter@1.0.0 bundler
+> rollup -c node:@auro-formkit/config/rollup
+
+
+./src/index.js → dist...
+created dist in 463ms
+
+./demo/index.js → ./demo/...
+created ./demo/ in 286ms
+
+./demo/api.js → ./demo/...
+created ./demo/ in 215ms
+
+> @auro-formkit/auro-counter@1.0.0 types
+> tsc --project tsconfig.json
+

package/components/counter/.turbo/turbo-bundler.log

@@ -0,0 +1,13 @@
+
+> @auro-formkit/auro-counter@1.0.0 bundler
+> rollup -c node:@auro-formkit/config/rollup
+
+
+./src/index.js → dist...
+created dist in 668ms
+
+./demo/index.js → ./demo/...
+created ./demo/ in 332ms
+
+./demo/api.js → ./demo/...
+created ./demo/ in 240ms

package/components/counter/.turbo/turbo-postCss$colon$component.log

@@ -0,0 +1,5 @@
+
+> @auro-formkit/auro-counter@1.0.0 postCss:component
+> node ../../node_modules/@aurodesignsystem/auro-library/scripts/build/postCss.mjs
+
+Unable to scan directory: Error: ENOENT: no such file or directory, scandir '/home/runner/work/auro-formkit/auro-formkit/node_modules/@aurodesignsystem/auro-library/scripts/src'

package/components/counter/.turbo/turbo-sass$colon$render.log

@@ -0,0 +1,16 @@
+
+> @auro-formkit/auro-counter@1.0.0 sass:render
+> sass-render --load-path=../../node_modules 'src/**/*.css' -t ../../node_modules/@aurodesignsystem/auro-library/scripts/build/staticStyles-template.js
+
+Rendering src/styles/counter-group.css...
+Rendering src/styles/style.css...
+DEPRECATION WARNING: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+
+More info: https://sass-lang.com/d/legacy-js-api
+
+DEPRECATION WARNING: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+
+More info: https://sass-lang.com/d/legacy-js-api
+
+Complete!
+Complete!

package/components/counter/.turbo/turbo-types.log

@@ -0,0 +1,4 @@
+
+> @auro-formkit/auro-counter@1.0.0 types
+> tsc --project tsconfig.json
+

package/components/counter/demo/api.html

@@ -0,0 +1,52 @@
+<!--
+  Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
+  See LICENSE in the project root for license information.
+
+  HTML in this document is standardized and NOT to be edited.
+  All demo code should be added/edited in ./demo/index.md
+
+  With the exception of adding custom elements if needed for the demo.
+
+  ----------------------- DO NOT EDIT -----------------------------
+
+-->
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Auro Web Component Generator | auro-counter custom element</title>
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="https://cdn.jsdelivr.net/npm/prismjs@1.24.1/themes/prism.css"
+    />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/tokens/CSSCustomProperties.css">
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/demoWrapper.css" />
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/elementDemoStyles.css" />
+  </head>
+  <body class="auro-markdown">
+    <main></main>
+
+    <script type="module">
+      import 'https://cdn.jsdelivr.net/npm/marked@latest/marked.min.js';
+      import 'https://cdn.jsdelivr.net/npm/prismjs@latest/prism.js';
+      fetch('./api.md')
+        .then((response) => response.text())
+        .then((text) => {
+          const rawHtml = marked.parse(text);
+          document.querySelector('main').innerHTML = rawHtml;
+          Prism.highlightAll();
+        })
+    </script>
+    <script type="module">
+      import { initExamples } from "./api.min.js";
+
+      initExamples();
+    </script>
+    <!-- If additional elements are needed for the demo, add them here. -->
+    <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/dist/auro-button__bundled.js" type="module"></script>
+  </body>
+</html>

package/components/counter/demo/api.js

@@ -0,0 +1,16 @@
+/* eslint-disable jsdoc/require-jsdoc, no-magic-numbers */
+import '../src/index.js';
+
+export function initExamples(initialCount = 0) {
+  try {
+    // javascript example function calls to be added here upon creation to test examples
+
+  } catch (err) {
+    if (initialCount <= 20) {
+      // setTimeout handles issue where content is sometimes loaded after the functions get called
+      setTimeout(() => {
+        initExamples(initialCount + 1);
+      }, 100);
+    }
+  }
+}