@aurodesignsystem/auro-formkit 2.0.0-beta.8 → 2.0.0

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

@@ -1,663 +0,0 @@
-// 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

@@ -1,31 +0,0 @@
-// 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;
-  }
-}