Release/7.1.0

.github/workflows/janitor.yml

@@ -11,7 +11,7 @@ jobs:
     outputs:
       branchname: ${{ steps.branch.outputs.BRANCH_TO_DELETE }}
     steps:
-      - uses: actions/checkout@v2.3.4
+      - uses: actions/checkout@v2.3.5
         with:
           fetch-depth: 0
 
@@ -32,7 +32,7 @@ jobs:
       matrix:
         brand: ["payex", "swedbankpay"]
     steps:
-      - uses: actions/checkout@v2.3.4
+      - uses: actions/checkout@v2.3.5
         with:
           fetch-depth: 2
        # Set brand specific variables
@@ -41,12 +41,13 @@ jobs:
         run: ./.github/scripts/variables.sh --brand ${{ matrix.brand }} --ref ${{ github.ref }}
 
       - name: Azure Login
-        uses: azure/login@v1.3.0
+        uses: azure/login@v1.4.0
         with:
           creds: ${{ secrets.AZURE_CREDENTIALS_STAGE }}
 
       - name: Delete feature folders
         uses: azure/CLI@1.0.4
         with:
+          azcliversion: 2.29.2
           inlineScript: |
             az storage blob delete-batch -s "\$web" --pattern ${{ needs.branch.outputs.branchname }}/** --account-name ${{ steps.variables.outputs.AZURE_ACCOUNT_STAGE }}

.github/workflows/main.yml

@@ -14,7 +14,7 @@ jobs:
       matrix:
         brand: ["payex", "swedbankpay"]
     steps:
-      - uses: actions/checkout@v2.3.4
+      - uses: actions/checkout@v2.3.5
 
       # Set brand specific variables
       - name: Environment variables
@@ -40,12 +40,13 @@ jobs:
         run: npm run ${{ steps.variables.outputs.BUILD_SCRIPT }} -- --env basename=${{ steps.variables.outputs.BRANCH }} --env semver=${{ steps.variables.outputs.BRANCH }} --env info_version=${{ steps.variables.outputs.VERSION }} --env github_actions=true
 
       - name: Azure Login
-        uses: azure/login@v1.3.0
+        uses: azure/login@v1.4.0
         with:
           creds: ${{ secrets.AZURE_CREDENTIALS_STAGE }}
 
       - name: Azure Deploy
         uses: azure/CLI@1.0.4
         with:
+          azcliversion: 2.29.2
           inlineScript: |
             az storage blob upload-batch -s dist -d \$web --account-name ${{ steps.variables.outputs.AZURE_ACCOUNT_STAGE }}

.github/workflows/node-package.yml

@@ -8,7 +8,7 @@ jobs:
   publish:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v1
+      - uses: actions/checkout@v2.3.5
 
       - uses: actions/setup-node@v2
         with:

.github/workflows/pull-request.yml

@@ -9,7 +9,7 @@ jobs:
       matrix:
         brand: ["payex", "swedbankpay"]
     steps:
-      - uses: actions/checkout@v2.3.4
+      - uses: actions/checkout@v2.3.5
 
       # Set brand specific variables
       - name: Environment variables

.github/workflows/tag.yml

@@ -12,7 +12,7 @@ jobs:
       matrix:
         brand: ["payex", "swedbankpay"]
     steps:
-      - uses: actions/checkout@v2.3.4
+      - uses: actions/checkout@v2.3.5
 
       # Set brand specific variables
       - name: Environment variables
@@ -45,12 +45,13 @@ jobs:
         run: npm run ${{ steps.variables.outputs.BUILD_SCRIPT }} -- --env release=true --env basename="v/${{ steps.variables.outputs.VERSION }}" --env semver=${{ steps.variables.outputs.VERSION }} --env info_version=${{ steps.variables.outputs.VERSION }} --env github_actions=true
 
       - name: Azure Login
-        uses: azure/login@v1.3.0
+        uses: azure/login@v1.4.0
         with:
           creds: ${{ secrets.AZURE_CREDENTIALS }}
 
       - name: Azure Deploy
         uses: azure/CLI@1.0.4
         with:
+          azcliversion: 2.29.2
           inlineScript: |
             az storage blob upload-batch -s dist -d \$web --account-name ${{ steps.variables.outputs.AZURE_ACCOUNT_PROD }}

CHANGELOG.md

@@ -1,21 +1,34 @@
 # Changelog
 
-## [7.0.1] - 23.09.2021
+## [7.1.0] - 28.10.2021
+
+## Added
+- Patterns section
+- Login Pattern
+- Forms Pattern
+- Usage with NPM - section to applicable components
+- ```<nav>``` tags around Breadcrumbs
+- Node package upgrade - Split code into various bundles which makes it possible to import specific components and color variables
+
 
 ## Changed
-- Content on Links page
+- Landing page entry cards
+- Toast component and documentation page
+- Updated list of Products using DG
+
+## Removed
+- Disabled state on Links
+- Styling rule on ```<small>``` tag
+- Whitespace on Payex svg logo
 
 ## Fixed
-- Screen reader reading the bubble images on the home page
-- Border radius bug on a:focus
-- Topbar missing focus state
-- Input field > Autocomplete section not showing "autocomplete"-attribute
-- Content in component overview not centered when option menu was closed
-- A lot of links not pointing to the right direction
-
-- Safari bugs
-  - Line breaks and text ends up outside of tooltip
-  - Tabs scrollable shadow
-  - Help icon for checkbox and radio button was not align correct
-  - Default checkbox showed up on Togglebox
+- Alert boxes with no content, due to the last release, on Dialog page and datepicker page
+- Togglebox focus state bug
+- Issues with root-relative links when importing Stylesheet
+- Text-default color. Is now #512b2b
+- Weird looking top-border on Topbar
+- Bugs when nesting accordions.
+- Scrolling issues with Dialog
+
+
 

README.md

@@ -33,19 +33,14 @@ import { sheet } from "@swedbankpay/design-guide"
 sheet.init();
 ```
 
-#### CSS
-
-```css
-@import url("@swedbankpay/design-guide/dist/designguide/styles/swedbankpay.css");
+#### Less
+Make sure your bundler can handle `.less` files
+```less
+@import url("@swedbankpay/design-guide/src/less/swedbankpay.less");
 ```
+Our `.less` files use certain assets such as icons and fonts. These assets will automagically be handled by your bundler and be part of your own output. Usually this is your `/dist` folder. Your compiled `.css` file will then have proper references and urls to assets within your own `/dist` folder.
 
-#### Assets
-
-When using the node package you also need to host assets such as fonts and icons. Copy the files at `@swedbankpay/design-guide/dist/designguide` to your static files.
-
-E.g. fonts should be available at `yourdomain.com/designguide/fonts` 
-
-Check out the documentation for more information.
+By importing the `.less` file, you will also get access to variables such as `@brand-primary`
 
 ## Getting started as a developer
 

build/root404.html

@@ -20,7 +20,7 @@
             <div class="col-md-8 col-md-offset-2">
                 <div class="panel panel-default">
                     <div class="panel-body">
-                        <h2>Welcome to the Swedbank Pay DesignGuide</h2>
+                        <h2>Welcome to the <%= htmlWebpackPlugin.options.title %> Design Guide</h2>
                         <p>You need to <b>enable javascript</b> to use this site</p>
                     </div>
                 </div>

build/rootindex.html

@@ -20,7 +20,7 @@
             <div class="col-md-8 col-md-offset-2">
                 <div class="panel panel-default">
                     <div class="panel-body">
-                        <h2>Welcome to the Swedbank Pay DesignGuide</h2>
+                        <h2>Welcome to the <%= htmlWebpackPlugin.options.title %> Design Guide</h2>
                         <p>You need to <b>enable javascript</b> to use this site</p>
                     </div>
                 </div>