@aurodesignsystem/auro-formkit 2.0.0-beta.4 → 2.0.0-beta.6

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

@@ -0,0 +1,663 @@
+// 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';
+
+// sass-lint:disable variable-for-property, no-vendor-prefixes, no-duplicate-properties
+
+/* Document
+   ========================================================================== */
+
+///
+/// 1. Correct the line height in all browsers.
+/// 2. Prevent adjustments of font size after orientation changes in iOS.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   html {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   html.auro {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+html#{$scope} {
+  line-height: 1.15; /* 1 */
+
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+
+///
+////// Remove the margin in all browsers.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   body {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro body {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}body {
+  margin: 0;
+
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+///
+/// Render the `main` element consistently in IE.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   main {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro main {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}main {
+  display: block;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+///
+/// 1. Show the overflow in Edge and IE.
+/// 2. Add the correct box sizing in Firefox.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   hr {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro hr {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}hr {
+  overflow: visible; /* 1 */
+
+  box-sizing: content-box; /* 2 */
+  height: 0; /* 2 */
+}
+
+///
+/// 1. Correct the inheritance and scaling of font size in all browsers.
+/// 2. Correct the odd `em` font sizing in all browsers.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   pre {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro pre {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}pre {
+  font-family: monospace, monospace; /* 1 */ /* stylelint-disable-line font-family-no-duplicate-names */
+  @if variable-exists(ds-text-body-size-default) {
+    font-size: var(--ds-text-body-size-default, $ds-text-body-size-default); /* 2 */
+  } @else {
+    font-size: var(--size-font-root, $size-font-root);
+  }
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+///
+/// Remove the gray background on active links in IE 10.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   a {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro a {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}a {
+  background-color: transparent;
+}
+
+///
+/// 1. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+/// 2. Remove the bottom border in Chrome 57-
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   abbr[title] {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro abbr[title] {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}abbr {
+  &[title] {
+    text-decoration: underline; /* 1 */
+    text-decoration: underline dotted; /* 1 */ /* stylelint-disable-line declaration-block-no-duplicate-properties */
+
+    border-bottom: none; /* 2 */
+  }
+}
+
+///
+/// Add the correct font weight in Chrome, Edge, and Safari.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   b,
+///   strong {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro b,
+///   .auro strong {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}b,
+#{$scope}strong {
+  font-weight: bolder;
+}
+
+///
+/// 1. Correct the inheritance and scaling of font size in all browsers.
+/// 2. Correct the odd `em` font sizing in all browsers.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   code,
+///   kbd,
+///   samp {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro code,
+///   .auro kbd,
+///   .auro samp {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}code,
+#{$scope}kbd,
+#{$scope}samp {
+  font-family: monospace, monospace; /* 1 */ /* stylelint-disable-line font-family-no-duplicate-names */
+  @if variable-exists(ds-text-body-size-default) {
+    font-size: var(--ds-text-body-size-default, $ds-text-body-size-default); /* 2 */
+  } @else {
+    font-size: var(--size-font-root, $size-font-root);
+  }
+}
+
+///
+/// Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   sub,
+///   sup {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro sub,
+///   .auro sup {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}sub,
+#{$scope}sup {
+  position: relative;
+
+  vertical-align: baseline;
+
+  font-size: 75%;
+  line-height: 0;
+}
+
+///
+/// Prevent `sub` element from affecting the line height in all browsers.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   sub {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro sub {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}sub {
+  bottom: -.25em;
+}
+
+///
+/// Prevent `sup` element from affecting the line height in all browsers.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   sup {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro sup {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}sup {
+  top: -.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+///
+/// Remove the border on images inside links in IE 10.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   img {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro img {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}img {
+  border-style: none;
+}
+
+/* Forms
+   ========================================================================== */
+
+///
+/// 1. Remove the margin in Firefox and Safari.
+/// 2. Change the font styles in all browsers.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   button,
+///   input,
+///   optgroup,
+///   select,
+///   textarea {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro button,
+///   .auro input,
+///   .auro optgroup,
+///   .auro select,
+///   .auro textarea {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}button,
+#{$scope}input,
+#{$scope}optgroup,
+#{$scope}select,
+#{$scope}textarea {
+  margin: 0; /* 1 */
+
+  font-family: inherit; /* 2 */
+  font-size: 100%; /* 2 */
+  @if variable-exists(ds-text-body-height-default) {
+    line-height: var(--ds-text-body-height-default, $ds-text-body-height-default); /* 2 */
+  } @else {
+    line-height: var(--size-margin-baseline, $size-margin-baseline); /* 2 */
+  }
+}
+
+///
+/// Show the overflow in IE.
+/// 1. Show the overflow in Edge.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   button,
+///   input {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro button,
+///   .auro input {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}button,
+#{$scope}input { /* 1 */
+  overflow: visible;
+}
+
+///
+/// Remove the inheritance of text transform in Edge, Firefox, and IE.
+/// 1. Remove the inheritance of text transform in Firefox.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   button,
+///   select {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro button,
+///   .auro select {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}button,
+#{$scope}select { /* 1 */
+  text-transform: none;
+}
+
+///
+/// Correct the inability to style clickable types in iOS and Safari.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   button,
+///   [type="button"],
+///   [type="reset"],
+///   [type="submit"] {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro button,
+///   .auro [type="button"],
+///   .auro [type="reset"],
+///   .auro [type="submit"] {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}button,
+#{$scope}[type='button'],
+#{$scope}[type='reset'],
+#{$scope}[type='submit'] {
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+///
+/// Correct the padding in Firefox.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   fieldset {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro fieldset {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}fieldset {
+  padding: .35em .75em .625em;
+}
+
+///
+/// 1. Correct the text wrapping in Edge and IE.
+/// 2. Remove the padding so developers are not caught out when they zero out
+///    `fieldset` elements in all browsers.
+/// 3. Correct the color inheritance from `fieldset` elements in IE.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   legend {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro legend {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}legend {
+  display: table; /* 1 */
+
+  box-sizing: border-box; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 2 */
+
+  white-space: normal; /* 1 */
+
+  color: inherit; /* 3 */
+}
+
+///
+/// Add the correct vertical alignment in Chrome, Firefox, and Opera.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   progress {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro progress {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}progress {
+  vertical-align: baseline;
+}
+
+///
+/// Remove the default vertical scrollbar in IE 10+.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   textarea {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro textarea {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}textarea {
+  overflow: auto;
+}
+
+///
+/// Correct the cursor style of increment and decrement buttons in Chrome.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   [type="number"]::-webkit-inner-spin-button,
+///   [type="number"]::-webkit-outer-spin-button {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro [type="number"]::-webkit-inner-spin-button,
+///   .auro [type="number"]::-webkit-outer-spin-button {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}[type='number'] {
+  &::-webkit-inner-spin-button,
+  &::-webkit-outer-spin-button {
+    height: auto;
+  }
+}
+
+///
+/// 1. Correct the outline style in Safari.
+/// 2. Correct the odd appearance in Chrome and Safari.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   [type="search"] {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro [type="search"] {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}[type='search'] {
+  outline-offset: -2px; /* 1 */
+
+  -webkit-appearance: textfield; /* 2 */
+  appearance: textfield; /* 2 */
+}
+
+///
+/// Remove the inner padding in Chrome and Safari on macOS.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   [type="search"]::-webkit-search-decoration {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro [type="search"]::-webkit-search-decoration {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}::-webkit-search-decoration {
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+///
+/// !. Change font properties to `inherit` in Safari.
+/// 2. Correct the inability to style clickable types in iOS and Safari.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   ::-webkit-file-upload-button {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro ::-webkit-file-upload-button {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}::-webkit-file-upload-button {
+  font: inherit; /* 1 */
+
+  -webkit-appearance: button; /* 2 */
+  appearance: button; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+///
+/// Add the correct display in Edge, IE 10+, and Firefox.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   details {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro details {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}details {
+  display: block;
+}
+
+///
+/// Add the correct display in all browsers.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   summary {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro summary {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}summary {
+  display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+
+///
+/// Add the correct display in IE 10+.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   template {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro template {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}template {
+  display: none;
+}
+
+///
+/// Add the correct display in IE 10.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` option.
+/// @group Normalize
+/// @example scss - Default selector(s)
+///   [hidden] {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   .auro [hidden] {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/normalize";
+///
+#{$scope}[hidden] {
+  display: none;
+}

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

@@ -0,0 +1,31 @@
+// 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;
+
+// sass-lint:disable no-important
+
+/// Baseline HTML setting for picture element.
+///
+/// [Manage](/#scope-prefix-variable-scope) `$scope` and `$prefix` options.
+/// @group core
+/// @example scss - Default selector(s)
+///   picture img {}
+///
+/// @example scss - Selector(s) when $scope: true;
+///   picture.auro img {}
+///
+/// @example scss - Selector(s) when $prefix: true;
+///   .auro_picture img {}
+///
+/// @example scss - import file
+///   @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/picture";
+///
+#{$sym}#{$prefix}picture#{$scope} {
+  img {
+    display: block;
+  }
+}