@aurodesignsystem/auro-formkit 2.0.0-beta.1 → 2.0.0-beta.10

package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/package.json

@@ -0,0 +1,134 @@
+{
+  "name": "@aurodesignsystem/webcorestylesheets",
+  "description": "Auro core foundation Sass UI Kit",
+  "version": "6.0.0",
+  "author": "Product design and research",
+  "main": "src/",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/AlaskaAirlines/WebCoreStyleSheets"
+  },
+  "engines": {
+    "node": "^18 || ^20"
+  },
+  "peerDependencies": {
+    "@aurodesignsystem/design-tokens": "^4.9.1",
+    "sass": "^1.42.1"
+  },
+  "dependencies": {
+    "chalk": "^5.3.0"
+  },
+  "devDependencies": {
+    "@aurodesignsystem/design-tokens": "^4.9.1",
+    "@commitlint/cli": "^19.4.0",
+    "@commitlint/config-conventional": "^19.2.2",
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/git": "^10.0.0",
+    "@semantic-release/npm": "^12.0.1",
+    "auto-changelog": "^2.3.0",
+    "concat": "^1.0.3",
+    "copyfiles": "^2.4.1",
+    "glob": "^11.0.0",
+    "husky": "^9.1.5",
+    "jest": "^29.7.0",
+    "live-server": "^1.2.1",
+    "nodemon": "^3.1.4",
+    "npm-run-all": "^4.1.5",
+    "replace-in-file": "^7.2.0",
+    "sass": "^1.77.8",
+    "sass-lint": "^1.13.1",
+    "sass-true": ">=6.1.0",
+    "sassdoc": "^2.7.3",
+    "semantic-release": "^24.1.0",
+    "stylelint": ">=13.13.1",
+    "stylelint-config-recommended": ">=5.0.0",
+    "stylelint-config-standard": ">=22.0.0"
+  },
+  "scripts": {
+    "copy:files": "copyfiles -u 1 -V './src/auroElement/**/*' ./dist",
+    "css:lint": "stylelint './results/css/*.css'",
+    "scss:lint": "stylelint './src/**/*.scss'",
+    "build": "npm-run-all test build:sassdoc build:sass:demo build:sass:test build:sass:essentials build:sass:essentials+ copy:files postinstall",
+    "build:ci": "npm-run-all sweep build",
+    "build:dev": "npm-run-all scss:lint build:sass:test css:lint jest",
+    "build:sassdoc": "sassdoc ./src -d ./docs && node scripts/sassdocTheme.js",
+    "build:sass:demo": "sass --no-source-map ./src/elementDemoStyles/:./dist/",
+    "build:sass:test": "sass --no-source-map ./tests/styleTest.scss:./results/css/testBuild.css",
+    "build:sass:essentials": "sass --no-source-map ./src/bundled/essentials.scss:./dist/bundled/essentials.css",
+    "build:sass:essentials+": "sass --no-source-map ./src/bundled/essentials+fv.scss:./dist/bundled/essentials+fv.css",
+    "sweep": "rm -rf ./dist ./results ./sassdoc",
+    "postinstall": "node packageScripts/postinstall.mjs",
+    "jest": "jest",
+    "test": "npm-run-all scss:lint build:sass:test css:lint jest",
+    "serve": "npm run build:sassdoc && node scripts/live-server.js",
+    "watch": "nodemon -e scss --watch tests --watch src --exec npm run build:dev",
+    "prepare": "husky install"
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release": {
+    "branches": [
+      {
+        "name": "master"
+      },
+      {
+        "name": "beta",
+        "prerelease": true
+      }
+    ],
+    "plugins": [
+      "@semantic-release/commit-analyzer",
+      "@semantic-release/release-notes-generator",
+      [
+        "@semantic-release/changelog",
+        {
+          "changelogFile": "./CHANGELOG.md",
+          "changelogTitle": "# Semantic Release Automated Changelog"
+        }
+      ],
+      "@semantic-release/npm",
+      [
+        "@semantic-release/git",
+        {
+          "assets": [
+            "./CHANGELOG.md",
+            "./package.json",
+            "./docs/index.html"
+          ]
+        }
+      ],
+      "@semantic-release/github"
+    ]
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "alaska airlines",
+    "auro design system",
+    "css",
+    "sass"
+  ],
+  "contributors": [
+    {
+      "name": "Dale Sande",
+      "email": "dale.sande@alaskaair.com"
+    },
+    {
+      "name": "Jason Baker",
+      "email": "jason.baker@alaskaair.com"
+    },
+    {
+      "name": "Camron Lockeby",
+      "email": "camron.lockeby@alaskaair.com"
+    },
+    {
+      "name": "Kevin Sonnichsen",
+      "email": "Kevin.Sonnichsen@alaskaair.com"
+    }
+  ]
+}

package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/packageScripts/postinstall.mjs

@@ -0,0 +1,39 @@
+'use strict';
+
+import chalk from 'chalk';
+import { createRequire } from 'node:module';
+const require = createRequire(import.meta.url);
+const pjson = require('../package.json');
+
+console.log(chalk.hex('#f26135')(`
+ _______                   __           __ __
+|     __|.---.-.--.--.    |  |--.-----.|  |  |.-----.
+|__     ||  _  |  |  |    |     |  -__||  |  ||  _  |
+|_______||___._|___  |    |__|__|_____||__|__||_____|
+               |_____|
+ __              _______                    __
+|  |_.-----.    |   _   |.--.--.----.-----.|  |
+|   _|  _  |    |       ||  |  |   _|  _  ||__|
+|____|_____|    |___|___||_____|__| |_____||__|
+`)
++
+chalk.hex('#f26135')(`
+╭ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ──────────────────────────────╮
+
+       Thanks for installing the latest version
+               of `) + chalk.hex('#ffd200').bold(`WC Stylesheets v${pjson.version}.`) + chalk.hex('#f26135')(`
+
+            Requires Design Tokens ${pjson.peerDependencies["@aurodesignsystem/design-tokens"]}
+      npm i @aurodesignsystem/design-tokens@latest
+
+╰─────────────────────────────── ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─╯
+`) + chalk.hex('#ffd200').bold(`
+Any references to ASCircularWeb-Book, ASCircularWeb-Medium,
+or ASCircularWeb-Light would be considered redundant and
+you should remove those legacy references.
+
+Any references to ASCircularWeb-Bold or any other
+ASCircularWeb- style font family is not supported
+and these references are considered fully deprecated.
+`)
+);

package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/_animation.scss

@@ -0,0 +1,30 @@
+// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
+// See LICENSE in the project root for license information.
+
+// ---------------------------------------------------------------------
+
+@import './libSupport/deprecated';
+
+/// Provides a way to control animation speed when changing CSS properties.
+///
+/// Defaults are set by baseline Design Tokens
+///
+/// Compatibility: [css-transitions](https://caniuse.com/#feat=css-transitions)
+///
+/// @group Animation
+/// @param {string} $property [$ds-animation-default-property] - Specifies the name of the CSS property the transition effect is for
+/// @param {string} $duration [$ds-animation-default-duration] - Specifies how many seconds or milliseconds a transition effect takes to complete
+/// @param {string} $timing [$ds-animation-default-timing] - Specifies the speed curve of the transition effect (ease, linear, ease-in, ease-out, ease-in-out)
+/// @param {string} $delay [null] - Specifies a delay (in seconds) for the transition effect
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/animation";
+///
+/// @example scss - Using mixin with default values;
+///   .foo {
+///     @include auro_transition;
+///   }
+
+@mixin auro_transition($property: $ds-animation-default-property, $duration: $ds-animation-default-duration, $timing: $ds-animation-default-timing, $delay: null) {
+  transition: $property $duration $timing $delay;
+}

package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/_blockquote.scss

@@ -0,0 +1,46 @@
+// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
+// See LICENSE in the project root for license information.
+
+// ---------------------------------------------------------------------
+@import 'libSupport/manageScope';
+
+$focus: null !default;
+
+/// Baseline HTML setting for blockquote element.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group core
+/// @example scss - Default selector(s)
+///   blockquote {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro blockquote {}
+///
+/// @example scss - Selector(s) when $prefix: true;
+///   .auro_blockquote {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/blockquote";
+///
+#{$sym}#{$prefix}#{$scope}blockquote {
+  margin-left: 0;
+  border-left: 1px solid var(--ds-color-border-ui-active-default, $ds-color-border-ui-active-default);
+  padding: var(--ds-size-100, $ds-size-100);
+  padding-left: var(--ds-size-400, $ds-size-400);
+  color: var(--ds-color-text-secondary-default, $ds-color-text-secondary-default);
+  font-weight: 200;
+  margin-top: var(--ds-size-300, $ds-size-300);
+  margin-bottom: var(--ds-size-300, $ds-size-300);
+
+  p {
+    line-height: 2;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  & + p {
+    margin-bottom: var(--ds-size-400, $ds-size-400);
+  }
+}

package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/_breakpoints.scss

@@ -0,0 +1,155 @@
+// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
+// See LICENSE in the project root for license information.
+
+// ---------------------------------------------------------------------
+
+@import './libSupport/deprecated';
+
+// The following mixins provide pre-configured Orion approved
+// breakpoints when development mobile-first UIs.
+
+/// Open format mixin to define any breakpoint.
+///
+/// See also: [Media_features](https://developer.mozilla.org/en-US/docs/Web/CSS/@media#Media_features)
+///
+/// Compatibility: [css-mediaqueries](https://caniuse.com/#feat=css-mediaqueries\)
+/// @example scss - import mixin file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/breakpoints";
+/// @group responsive
+/// @example scss - Auro breakpoint tokens
+///   $ds-grid-breakpoint-sm: 576px;
+///   $ds-grid-breakpoint-md: 768px;
+///   $ds-grid-breakpoint-lg: 1024px;
+/// @param {string} $min [null] - sets `min-width` value
+/// @param {string} $max [null] - sets `max-width` value
+/// @param {list} $polar [null] - sets `min-width` and `max-width` values
+/// @param {string} $cust [null] - allows for 100% custom breakpoint options
+/// @example scss - Set breakpoint using `$min` argument
+///   .foo {
+///     color: orange;
+///
+///     @include auro_breakpoint($min: $ds-grid-breakpoint-sm) {
+///       color: blue;
+///     }
+///   }
+/// @example scss - Set breakpoint using `$max` argument
+///   .foo {
+///     color: orange;
+///
+///     @include auro_breakpoint($max: $ds-grid-breakpoint-lg) {
+///       color: blue;
+///     }
+///   }
+/// @example scss - Set breakpoint using `$polar` argument
+///   .foo {
+///     color: orange;
+///
+///     @include auro_breakpoint($polar: $ds-grid-breakpoint-sm $ds-grid-breakpoint-lg) {
+///       color: blue;
+///     }
+///   }
+/// @example scss - Set breakpoint using `$cust` argument. Interpolation `#{}` is required if you intend to use a variable within a string.
+///   .foo {
+///     color: orange;
+///
+///     @include auro_breakpoint($cust: '(min-width: 400px) and (max-width: #{$ds-grid-breakpoint-sm})') {
+///       color: blue;
+///     }
+///   }
+@mixin auro_breakpoint($min: null, $max: null, $polar: null, $cust: null) {
+  $breakpoints: null;
+
+  @if $min {
+    $breakpoints: '(min-width: #{$min})';
+  } @else if $max {
+    $breakpoints: '(max-width: #{$max})';
+  } @else if $polar {
+    $breakpoints: '(min-width: #{nth($polar, 1)}) and (max-width: #{nth($polar, 2)})';
+  } @else if $cust {
+    $breakpoints: #{$cust};
+  }
+
+  @media screen and #{$breakpoints} {
+    @content;
+  }
+}
+
+/// Standard breakpoint to support resolutions greater than 1232px.
+/// @example scss - import mixin file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/grid-breakpoints";
+/// @group responsive
+/// @example scss - Set grid-breakpoint
+///   .foo {
+///       @include auro_grid-breakpoint--xl {
+///         ...
+///       }
+///   }
+@mixin auro_grid-breakpoint--xl {
+  @media screen and (min-width: $ds-grid-breakpoint-xl) {
+    @content;
+  }
+}
+
+/// Standard breakpoint to support resolutions greater than 1024px.
+/// @example scss - import mixin file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/grid-breakpoints";
+/// @group responsive
+/// @example scss - Set grid-breakpoint
+///   .foo {
+///       @include auro_grid-breakpoint--lg {
+///         ...
+///       }
+///   }
+@mixin auro_grid-breakpoint--lg {
+  @media screen and (min-width: $ds-grid-breakpoint-lg) {
+    @content;
+  }
+}
+
+/// Standard breakpoint to support resolutions greater than 768px.
+/// @example scss - import mixin file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/grid-breakpoints";
+/// @group responsive
+/// @example scss - Set grid-breakpoint
+///   .foo {
+///       @include auro_grid-breakpoint--md {
+///         ...
+///       }
+///   }
+@mixin auro_grid-breakpoint--md {
+  @media screen and (min-width: $ds-grid-breakpoint-md) {
+    @content;
+  }
+}
+
+/// Standard breakpoint to support resolutions greater than 576px.
+/// @example scss - import mixin file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/grid-breakpoints";
+/// @group responsive
+/// @example scss - Set grid-breakpoint
+///   .foo {
+///       @include auro_grid-breakpoint--sm {
+///         ...
+///       }
+///   }
+@mixin auro_grid-breakpoint--sm {
+  @media screen and (min-width: $ds-grid-breakpoint-sm) {
+    @content;
+  }
+}
+
+/// Standard breakpoint to support resolutions greater than 320px.
+/// @example scss - import mixin file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/grid-breakpoints";
+/// @group responsive
+/// @example scss - Set grid-breakpoint
+///   .foo {
+///       @include auro_grid-breakpoint--xs {
+///         ...
+///       }
+///   }
+@mixin auro_grid-breakpoint--xs {
+  @media screen and (min-width: $ds-grid-breakpoint-xs) {
+    @content;
+  }
+}

package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/_core.scss

@@ -0,0 +1,25 @@
+// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
+// See LICENSE in the project root for license information.
+
+// ---------------------------------------------------------------------
+@import 'libSupport/manageScope';
+
+$focus: null !default;
+$focus-visible: null !default;
+
+// sass-lint:disable no-important
+
+/// Global selector to address box-model and default `:focus` pseudo elements.
+/// Selector to remove default focus styles when the :focus-visible pseudo-selector does not apply. Usually this means the user is clicking the element instead of tabbing to it.
+///
+/// Check current browser support for :focus-visible on [Can I Use](https://caniuse.com/css-focus-visible).
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/core";
+///
+/// @group Accessibility
+:focus {
+  &:not(:focus-visible) {
+    outline: 3px solid transparent;
+  }
+}