Skip to content

Commit

Permalink
Revert "build: update dependencies and eslint config"
Browse files Browse the repository at this point in the history
This reverts commit f46f9cd.
  • Loading branch information
jason-capsule42 committed Jul 27, 2024
1 parent 3ef578e commit fd07748
Show file tree
Hide file tree
Showing 23 changed files with 844 additions and 1,030 deletions.
244 changes: 244 additions & 0 deletions .eslintrc.cjs
Original file line number Diff line number Diff line change
@@ -0,0 +1,244 @@
module.exports = {
"env": {
"browser": true,
"es6": true
},
"extends": ["eslint:recommended", "plugin:lit/recommended"],
"globals": {
"Atomics": "readonly",
"SharedArrayBuffer": "readonly"
},
"parserOptions": {
"ecmaVersion": 2018,
"sourceType": "module"
},
"plugins": ["lit"],
"rules": {
"accessor-pairs": "error",
"array-bracket-newline": "error",
"array-bracket-spacing": "error",
"array-callback-return": "error",
"array-element-newline": "error",
"arrow-body-style": "error",
"arrow-parens": "error",
"arrow-spacing": ["error", {
"after": true,
"before": true
}],
"block-scoped-var": "error",
"block-spacing": "error",
"brace-style": "error",
"callback-return": "error",
"camelcase": "error",
"capitalized-comments": "off",
"class-methods-use-this": "off",
"comma-dangle": "off",
"comma-spacing": ["error", {
"after": true,
"before": false
}],
"comma-style": ["error", "last"],
"complexity": "error",
"computed-property-spacing": "error",
"consistent-return": "error",
"consistent-this": "error",
"curly": "error",
"default-case": "error",
"default-param-last": "error",
"dot-location": "error",
"dot-notation": "error",
"eol-last": "off",
"eqeqeq": "error",
"func-call-spacing": "error",
"func-name-matching": "error",
"func-names": "off",
"func-style": "error",
"function-paren-newline": "error",
"generator-star-spacing": "error",
"global-require": "error",
"grouped-accessor-pairs": "error",
"guard-for-in": "error",
"handle-callback-err": "error",
"id-blacklist": "error",
"id-length": "error",
"id-match": "error",
"implicit-arrow-linebreak": "error",
"indent": "off",
"indent-legacy": "off",
"init-declarations": "error",
"jsx-quotes": "error",
"key-spacing": "off",
"keyword-spacing": ["error", {
"after": true,
"before": true
}],
"line-comment-position": "error",
"linebreak-style": ["error", "unix"],
"lines-around-comment": "error",
"lines-around-directive": "error",
"lines-between-class-members": ["error", "always"],
"max-classes-per-file": "error",
"max-depth": "error",
"max-len": "off",
"max-lines": "error",
"max-lines-per-function": "off",
"max-nested-callbacks": "error",
"max-params": "error",
"max-statements": "error",
"max-statements-per-line": "error",
"multiline-comment-style": "off",
"new-cap": "error",
"new-parens": "error",
"newline-after-var": "error",
"newline-before-return": "error",
"newline-per-chained-call": "error",
"no-alert": "error",
"no-array-constructor": "error",
"no-await-in-loop": "error",
"no-bitwise": "error",
"no-buffer-constructor": "error",
"no-caller": "error",
"no-catch-shadow": "error",
"no-confusing-arrow": "error",
"no-console": "error",
"no-constructor-return": "error",
"no-continue": "error",
"no-div-regex": "error",
"no-dupe-else-if": "error",
"no-duplicate-imports": "error",
"no-else-return": "error",
"no-empty-function": "off",
"no-eq-null": "error",
"no-eval": "error",
"no-extend-native": "error",
"no-extra-bind": "error",
"no-extra-label": "error",
"no-extra-parens": "error",
"no-floating-decimal": "error",
"no-implicit-coercion": "error",
"no-implicit-globals": "error",
"no-implied-eval": "error",
"no-import-assign": "error",
"no-inline-comments": "error",
"no-invalid-this": "off",
"no-iterator": "error",
"no-label-var": "error",
"no-labels": "error",
"no-lone-blocks": "error",
"no-lonely-if": "error",
"no-loop-func": "error",
"no-magic-numbers": "error",
"no-mixed-operators": "error",
"no-mixed-requires": "error",
"no-multi-assign": "error",
"no-multi-spaces": "error",
"no-multi-str": "error",
"no-multiple-empty-lines": "error",
"no-native-reassign": "error",
"no-negated-condition": "error",
"no-negated-in-lhs": "error",
"no-nested-ternary": "error",
"no-new": "error",
"no-new-func": "error",
"no-new-object": "error",
"no-new-require": "error",
"no-new-wrappers": "error",
"no-octal-escape": "error",
"no-param-reassign": "error",
"no-path-concat": "error",
"no-plusplus": "error",
"no-process-env": "error",
"no-process-exit": "error",
"no-proto": "error",
"no-restricted-globals": "error",
"no-restricted-imports": "error",
"no-restricted-modules": "error",
"no-restricted-properties": "error",
"no-restricted-syntax": "error",
"no-return-assign": "error",
"no-return-await": "error",
"no-script-url": "error",
"no-self-compare": "error",
"no-sequences": "error",
"no-setter-return": "error",
"no-shadow": "error",
"no-spaced-func": "error",
"no-sync": "error",
"no-tabs": "error",
"no-template-curly-in-string": "error",
"no-ternary": "off",
"no-throw-literal": "error",
"no-trailing-spaces": "error",
"no-undef-init": "error",
"no-undefined": "off",
"no-underscore-dangle": "error",
"no-unmodified-loop-condition": "error",
"no-unneeded-ternary": "error",
"no-unused-expressions": "error",
"no-use-before-define": "error",
"no-useless-call": "error",
"no-useless-computed-key": "error",
"no-useless-concat": "error",
"no-useless-constructor": "error",
"no-useless-rename": "error",
"no-useless-return": "error",
"no-var": "error",
"no-void": "error",
"no-warning-comments": "error",
"no-whitespace-before-property": "error",
"nonblock-statement-body-position": "error",
"object-curly-newline": "error",
"object-curly-spacing": "off",
"object-property-newline": "error",
"object-shorthand": "error",
"one-var": "error",
"one-var-declaration-per-line": "error",
"operator-assignment": "error",
"operator-linebreak": "error",
"padded-blocks": "off",
"padding-line-between-statements": "error",
"prefer-arrow-callback": "error",
"prefer-const": "error",
"prefer-destructuring": "error",
"prefer-exponentiation-operator": "error",
"prefer-named-capture-group": "error",
"prefer-numeric-literals": "error",
"prefer-object-spread": "error",
"prefer-promise-reject-errors": "error",
"prefer-reflect": "error",
"prefer-regex-literals": "error",
"prefer-rest-params": "error",
"prefer-spread": "error",
"prefer-template": "error",
"quote-props": "off",
"quotes": "off",
"radix": "error",
"require-await": "error",
"require-jsdoc": "error",
"require-unicode-regexp": "error",
"rest-spread-spacing": ["error", "never"],
"semi": "off",
"semi-spacing": "error",
"semi-style": ["error", "last"],
"sort-keys": "off",
"sort-vars": "error",
"space-before-blocks": "error",
"space-before-function-paren": "off",
"space-in-parens": ["error", "never"],
"space-infix-ops": "error",
"space-unary-ops": "error",
"spaced-comment": ["error", "always"],
"strict": "error",
"switch-colon-spacing": "error",
"symbol-description": "error",
"template-curly-spacing": ["error", "never"],
"template-tag-spacing": ["error", "never"],
"unicode-bom": ["error", "never"],
"valid-jsdoc": "error",
"vars-on-top": "error",
"wrap-iife": "error",
"wrap-regex": "error",
"yield-star-spacing": "error",
"yoda": ["error", "never"]
}
};
1 change: 0 additions & 1 deletion .husky/commit-msg

This file was deleted.

3 changes: 3 additions & 0 deletions .husky/pre-commit
Original file line number Diff line number Diff line change
@@ -1 +1,4 @@
#!/bin/sh
. "$(dirname "$0")/_/husky.sh"

./node_modules/.bin/npm-run-all linters test
15 changes: 12 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -82,6 +82,15 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](

<!-- AURO-GENERATED-CONTENT:END -->

### CSS Custom Property fallbacks

<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/cssFallbacks.md) -->
[CSS custom properties](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) are [not supported](https://auro.alaskaair.com/support/custom-properties) in older browsers. For this, fallback properties are pre-generated and included with the npm.

Any update to the Auro Design Tokens will be immediately reflected with browsers that support CSS custom properties, legacy browsers will require updated components with pre-generated fallback properties.

<!-- AURO-GENERATED-CONTENT:END -->

### Define dependency in project component

<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/componentImportDescription.md) -->
Expand Down Expand Up @@ -118,9 +127,9 @@ In cases where the project is not able to process JS assets, there are pre-proce
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/bundleUseModBrowsers.md) -->

```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@[dtVersion]/dist/tokens/CSSCustomProperties.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@[wcssVersion]/dist/bundled/essentials.css" />
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-badge@[Version]/dist/auro-badge__bundled.js" type="module"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@4.3.0/dist/tokens/CSSCustomProperties.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@5.0.5/dist/bundled/essentials.css" />
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-badge@2.5.0/dist/auro-badge__bundled.js" type="module"></script>
```

<!-- AURO-GENERATED-CONTENT:END -->
Expand Down
1 change: 1 addition & 0 deletions apiExamples/label.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,3 +2,4 @@
<auro-badge label error>Danger</auro-badge>
<auro-badge label success>Success</auro-badge>
<auro-badge label advisory>Advisory</auro-badge>
<auro-badge label style="color: var(--auro-color-text-primary-on-light); background-color: var(--auro-color-brand-tropical-300); border-color: var(--auro-color-brand-tropical-300)">Flight 167</auro-badge>
3 changes: 2 additions & 1 deletion demo/api.html
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@
<script type="module">
import 'https://cdn.jsdelivr.net/npm/[email protected]/marked.min.js';
import 'https://cdn.jsdelivr.net/npm/prismjs@latest/prism.js';
fetch('/demo/api.md')
fetch('/demo/apiExamples.md')
.then((response) => response.text())
.then((text) => {
const rawHtml = marked.parse(text);
Expand All @@ -41,6 +41,7 @@
});
</script>
<script type="module" src="../index.js" data-demo-script="true"></script>
<script src="./api.min.js"></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>
Expand Down
22 changes: 2 additions & 20 deletions demo/api.md → demo/apiExamples.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@

# auro-badge

HTML custom element for the use of drawing attention to additional interface information.
HTML custom element for the use of drawing attention to additional interface information

## Attributes

Expand All @@ -18,7 +18,6 @@ HTML custom element for the use of drawing attention to additional interface inf
| [mvp](#mvp) | `Boolean` | Sets the background color of the badge to the oneworld mvp color |
| [mvpgold](#mvpgold) | `Boolean` | Sets the background color of the badge to the oneworld mvpgold color |
| `mvpgold75k` | `Boolean` | Sets the background color of the badge to the oneworld mvpgold75k color |
| [ondark](#ondark) | `Boolean` | Enables styles for dark backgrounds |
| [pill](#pill) | `Boolean` | Enables pill UI option |
| [ruby](#ruby) | `Boolean` | Sets the background color of the badge to the oneworld ruby color |
| [sapphire](#sapphire) | `Boolean` | Sets the background color of the badge to the oneworld sapphire color |
Expand Down Expand Up @@ -263,21 +262,4 @@ Use the `pill` attribute to render a small 'pill size' UI.
<auro-badge pill style="color: var(--auro-color-text-primary-on-light); background-color: var(--auro-color-brand-tropical-300); border-color: var(--auro-color-brand-tropical-300)">Flight 99</auro-badge>
```
<!-- AURO-GENERATED-CONTENT:END -->
</auro-accordion>

## Theme Support

The component may be restyled using the following code sample and changing the values of the following token(s).

<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../src/tokens.css) -->
<!-- The below code snippet is automatically added from ./../../src/tokens.css -->

```css
:host {
--ds-auro-badge-border-color: var(--ds-color-border-subtle-inverse, #326aa5);
--ds-auro-badge-boxshadow-color: var(--ds-color-border-subtle-default, #f0f7fd);
--ds-auro-badge-container-color: var(--ds-color-utility-navy-default, #326aa5);
--ds-auro-badge-text-color: var(--ds-color-text-primary-inverse, #ffffff);
}
```
<!-- AURO-GENERATED-CONTENT:END -->
</auro-accordion>
4 changes: 4 additions & 0 deletions demo/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,9 @@
type="text/css"
href="https://cdn.jsdelivr.net/npm/prismjs@latest/themes/prism.css"
/>
<!-- legacy reference is still needed to support auro-accordion's use of legacy toke vales at this time-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/tokens/CSSCustomProperties.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" />
Expand Down Expand Up @@ -36,5 +39,6 @@
</script>

<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-icon@latest/dist/auro-icon__bundled.js" type="module"></script>
</body>
</html>
4 changes: 3 additions & 1 deletion demo/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -172,6 +172,7 @@ Use the `label` attribute for a text label experience. The last example illustra
<auro-badge label error>Danger</auro-badge>
<auro-badge label success>Success</auro-badge>
<auro-badge label advisory>Advisory</auro-badge>
<auro-badge label style="color: var(--auro-color-text-primary-on-light); background-color: var(--auro-color-brand-tropical-300); border-color: var(--auro-color-brand-tropical-300)">Flight 167</auro-badge>
<!-- AURO-GENERATED-CONTENT:END -->
</div>
<auro-accordion alignRight>
Expand All @@ -183,7 +184,8 @@ Use the `label` attribute for a text label experience. The last example illustra
<auro-badge label>Hello World</auro-badge>
<auro-badge label error>Danger</auro-badge>
<auro-badge label success>Success</auro-badge>
<auro-badge label advisory>Advisory</auro-badge>
<auro-badge label advisory>Advisory</auro-badge>
<auro-badge label style="color: var(--auro-color-text-primary-on-light); background-color: var(--auro-color-brand-tropical-300); border-color: var(--auro-color-brand-tropical-300)">Flight 167</auro-badge>
```
<!-- AURO-GENERATED-CONTENT:END -->
</auro-accordion>
Expand Down
3 changes: 1 addition & 2 deletions docs/api.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# auro-badge

HTML custom element for the use of drawing attention to additional interface information.
HTML custom element for the use of drawing attention to additional interface information

## Attributes

Expand All @@ -15,7 +15,6 @@ HTML custom element for the use of drawing attention to additional interface inf
| `mvp` | `Boolean` | Sets the background color of the badge to the oneworld mvp color |
| `mvpgold` | `Boolean` | Sets the background color of the badge to the oneworld mvpgold color |
| `mvpgold75k` | `Boolean` | Sets the background color of the badge to the oneworld mvpgold75k color |
| `ondark` | `Boolean` | Enables styles for dark backgrounds |
| `pill` | `Boolean` | Enables pill UI option |
| `ruby` | `Boolean` | Sets the background color of the badge to the oneworld ruby color |
| `sapphire` | `Boolean` | Sets the background color of the badge to the oneworld sapphire color |
Expand Down
Loading

0 comments on commit fd07748

Please sign in to comment.