feat(api): complete rebuild of component

.github/CONTRIBUTING.md

@@ -13,7 +13,7 @@ A bug is defined by: "A demonstrable problem that is caused by a file in the rep
 Guidelines for bug reports:
 
 1. Use the search option under Boards > Work Items — check if the issue has already been reported
-1. Check if the issue has been fixed — try to reproduce it using the latest master or development branch in the repository
+1. Check if the issue has been fixed — try to reproduce it using the latest main or development branch in the repository
 1. Isolate the problem — ideally create a reduced test case and a live example
 
 A good bug report shouldn't leave others needing to chase you up for more information. Please try to be as detailed as possible in your report. What is your environment? What steps will reproduce the issue? What browser(s) and OS experience the problem? What would you expect to be the outcome? All these details will help people to fix any potential bugs.
@@ -24,7 +24,7 @@ Poor bug reports will be reassigned back to the creator for revision prior to an
 
 No one other than repository managers have direct access to the repository. For all pull requests you must first fork the project to your own Github account.
 
-All new work that is to be considered for merging with the `MASTER` branch must start from a new feature branch of work. This feature branch should be in response to either a bug or a new business requirement.
+All new work that is to be considered for merging with the `MAIN` branch must start from a new feature branch of work. This feature branch should be in response to either a bug or a new business requirement.
 
 ### Feature branch naming
 
@@ -129,7 +129,7 @@ $ fix: address issue #57 in regards to color output
 
 One you have committed new work to your feature branch, be sure to push your updates to the Github repository. Depending on your IDE or CLI configuration this may be a manual or automatic step.
 
-On the pull request page, the new pull request should be `[your-new-branch] into [master]`
+On the pull request page, the new pull request should be `[your-new-branch] into [main]`
 
 Please be sure to follow the **Pull Request template** that appears on the comment window.
 

.github/workflows/autoAssign.yml

@@ -0,0 +1,9 @@
+name: Issue assignment
+
+on:
+  issues:
+    types: [opened]
+
+jobs:
+  call-auro-assign-workflow:
+    uses: AlaskaAirlines/auro-library/.github/workflows/autoAssign.yml@main

.github/workflows/publishDemo.yml

@@ -0,0 +1,13 @@
+name: Deploy Demo
+
+on:
+  pull_request:
+    branches: [ main ]
+
+
+jobs:
+
+  call-publish-demo-workflow:
+    uses: AlaskaAirlines/auro-library/.github/workflows/publishDemo.yml@main
+    secrets:
+      AURO_SURGE_TOKEN: ${{secrets.AURO_SURGE_TOKEN}}

.github/workflows/testPublish.yml

@@ -15,41 +15,32 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [11.x, 12.x, 14.x]
+        node-version: [ 18.x ]
 
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node-version }}
       - run: npm ci
-      - run: npm run sassBuild:component
-      - run: npm run postCss:component
-      - run: npm run sassRender
-      - run: npm run distJS
-      - run: npm run bundler
-      - run: npm test
+      - run: npm run build
 
   release:
     # Only release on push to main
     if: github.event_name == 'push' && github.ref == 'refs/heads/main'
     runs-on: ubuntu-latest
     needs: test
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
         with:
           persist-credentials: false
-      - uses: actions/setup-node@v1
+      - uses: actions/setup-node@v3
         with:
-          node-version: 14
+          node-version: 18.x
       - run: npm ci
-      - run: npm run sassBuild:component
-      - run: npm run postCss:component
-      - run: npm run sassRender
-      - run: npm run distJS
-      - run: npm run bundler
-      - uses: cycjimmy/semantic-release-action@v2
+      - run: npm run build
+      - uses: cycjimmy/semantic-release-action@v3
         env:
           GITHUB_TOKEN: ${{ secrets.ACCESS_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

.gitignore

@@ -1,13 +1,15 @@
 .DS_Store
 node_modules/
+docTemplates/
 .cache/
 
-## Sass files built on demand from Token files
-demo/sass/_*.scss
+## Demo support files
+demo/*.css
+demo/*.css.map
 
 ## CSS built from Sass process
-demo/css
 src/*.css
+src/*.css.map
 
 ## *-css built from sass-render process
 *-css.js
@@ -16,5 +18,5 @@ src/*.css
 dist/
 build/
 
-## Karma code coverage reports
+## Code coverage reports
 coverage/

.npmignore

@@ -1,16 +1,31 @@
 # standard ignore
+*config*
+*conf*
+LICENSE
+NOTICE
+
+.github/
 .gitignore
+.eslintrc
 .stylelintrc
-karma.conf.js
-rollup.config.js
-babel.config.js
-.github/
-index.html
+
+coverage/
+docs/
 scripts/
 test/
-demo/css
-demo/sass
-coverage/
+apiExamples/
+docTemplates/
+demo/**/*.css
+demo/**/*.scss
+demo/**/*.html
+
+dist/es5.js
+dist/auro-*.js
+!dist/auro-*__bundled.js
+dist/style-css.js
+
+index.html
 
 # ignore src
-src/**/*
+src/**/*.scss
+src/**/*.css

.stylelintrc

@@ -1,9 +1,109 @@
 {
-  "extends": "stylelint-config-recommended",
+  "extends": ["stylelint-config-recommended", "stylelint-config-idiomatic-order", "stylelint-config-standard-scss"],
+  "plugins": [
+    "stylelint-scss"
+  ],
   "rules": {
-    "no-duplicate-selectors": null,
-    "font-family-no-duplicate-names": null,
-    "no-descending-specificity": null,
-    "selector-type-no-unknown": null
+    "alpha-value-notation": "number",
+    "at-rule-empty-line-before": [ "always", {
+      "except": [
+        "after-same-name",
+        "blockless-after-same-name-blockless",
+        "first-nested"
+      ],
+      "ignore": [
+        "after-comment",
+        "blockless-after-blockless"
+      ]
+    } ],
+    "at-rule-no-unknown": null,
+    "color-function-notation": "modern",
+    "color-named": "never",
+    "declaration-block-no-duplicate-custom-properties": true,
+    "declaration-block-no-duplicate-properties": true,
+    "declaration-block-no-redundant-longhand-properties": true,
+    "declaration-no-important": true,
+    "font-family-name-quotes": "always-where-recommended",
+    "font-weight-notation": "numeric",
+    "function-url-no-scheme-relative": true,
+    "function-url-quotes": "always",
+    "hue-degree-notation": "angle",
+    "max-nesting-depth": 2,
+    "named-grid-areas-no-invalid": true,
+    "no-empty-source": null,
+    "no-unknown-animations": true,
+    "no-invalid-position-at-import-rule": null,
+    "scss/at-else-closing-brace-newline-after": "always-last-in-chain",
+    "scss/at-else-closing-brace-space-after": "always-intermediate",
+    "scss/at-else-empty-line-before": "never",
+    "scss/at-else-if-parentheses-space-before": "always",
+    "scss/at-function-parentheses-space-before": "never",
+    "scss/at-if-closing-brace-newline-after": "always-last-in-chain",
+    "scss/at-if-closing-brace-space-after": "always-intermediate",
+    "scss/at-if-no-null": true,
+    "scss/at-import-partial-extension": null,
+    "scss/at-mixin-parentheses-space-before": "never",
+    "scss/at-rule-conditional-no-parentheses": true,
+    "scss/at-rule-no-unknown": true,
+    "scss/comment-no-empty": true,
+    "scss/declaration-nested-properties-no-divided-groups": true,
+    "scss/dollar-variable-colon-newline-after": "always-multi-line",
+    "scss/dollar-variable-colon-space-after": "always-single-line",
+    "scss/dollar-variable-colon-space-before": "never",
+    "scss/dollar-variable-empty-line-before": [
+      "always",
+      {
+        "except": [
+          "first-nested",
+          "after-dollar-variable"
+        ],
+        "ignore": [
+          "after-comment",
+          "inside-single-line-block"
+        ]
+      }
+    ],
+    "scss/dollar-variable-first-in-block": [
+      true,
+      {
+        "ignore": [
+          "comments",
+          "imports"
+        ]
+      }
+    ],
+    "scss/dollar-variable-no-missing-interpolation": true,
+    "scss/double-slash-comment-whitespace-inside": "always",
+    "scss/map-keys-quotes": "always",
+    "scss/no-duplicate-dollar-variables": true,
+    "scss/no-duplicate-mixins": true,
+    "scss/no-global-function-names": true,
+    "scss/operator-no-newline-after": true,
+    "scss/operator-no-newline-before": true,
+    "scss/operator-no-unspaced": true,
+    "scss/selector-nest-combinators": "always",
+    "scss/selector-no-redundant-nesting-selector": true,
+    "selector-attribute-quotes": "always",
+    "selector-class-pattern": "^[a-z][a-zA-Z0-9]+$",
+    "selector-id-pattern": "^[a-z][a-zA-Z0-9]+$",
+    "selector-max-attribute": 1,
+    "selector-max-class": 1,
+    "selector-max-combinators": 1,
+    "selector-max-compound-selectors": 2,
+    "selector-max-id": 1,
+    "selector-max-pseudo-class": 2,
+    "selector-max-type": 1,
+    "selector-max-universal": 1,
+    "selector-no-qualifying-type": true,
+    "selector-pseudo-element-colon-notation": "single",
+    "selector-type-no-unknown": [
+      true,
+      {
+        "ignore": [
+          "custom-elements"
+        ]
+      }
+    ],
+    "shorthand-property-no-redundant-values": true
   }
 }

.travis.yml

@@ -7,7 +7,7 @@ addons:
 
 branches:
   only:
-    - master
+    - main
 
 notifactions:
   email: false

NOTICE

@@ -1,2 +1,2 @@
 Alaska Airlines Auro Design System
-Copyright 2021 Alaska Airlines, Inc. or its affiliates. All Rights Reserved.
+Copyright 2023 Alaska Airlines, Inc. or its affiliates. All Rights Reserved.