@myuw-web-components/myuw-app-bar
Advanced tools
@myuw-web-components/myuw-app-bar - npm Package Compare versions
Comparing version 1.5.5 to 1.6.0
| # myuw-app-bar versions | ||
| ## 1.5 | ||
| ## 1.6.0 | ||
| ### 1.5.5 | ||
| ### Added | ||
| #### Added | ||
| * Delivery pipeline, contributor docs | ||
| * Exposed a new css property to set the font size of the app bar title (`--myuw-app-bar-title-font-size`). Usage instructions are in the README. | ||
| ## 1.5.5 | ||
| ### 1.5.3 | ||
| ### Added | ||
| #### Added | ||
| * Exposed a new css property to set the font size of the app bar title (`--myuw-app-bar-title-font-size`). Usage instructions are in the README. | ||
| ## 1.5.3 | ||
| ### Added | ||
| * Exposed a new css property to set the z-index of the top bar (`--z-index`). Usage instructions have been included in the README. | ||
| ### 1.5.2 | ||
| ## 1.5.2 | ||
| #### Changed | ||
| ### Changed | ||
@@ -24,9 +28,9 @@ * Removed CSS margins on div elements that contains slots so they don't take up space when the slot has no content -- taking the position that margins are the responsibility of the slotted content. | ||
| ### 1.5.0 | ||
| ## 1.5.0 | ||
| #### Changed | ||
| ### Changed | ||
| * Deprecated support for "theme-url" property for better UX. You can still set a theme name and app name, but now the title only supports a single link. | ||
| #### How to upgrade | ||
| ### How to upgrade | ||
@@ -33,0 +37,0 @@ If you are using the recommended version (1^), you don't need to do anything special to get these changes. Upgrading to this version will not cause breaking changes. For implementations that use a "theme-url" property and no "app-url" property, the "theme-url" will be used as the title link. For implementations currently using both, the "app-url" will be favored. |
| { | ||
| "name": "@myuw-web-components/myuw-app-bar", | ||
| "version": "1.5.5", | ||
| "version": "1.6.0", | ||
| "description": "A material top app bar designed for use with other MyUW web components", | ||
@@ -12,5 +12,4 @@ "module": "dist/myuw-app-bar.min.mjs", | ||
| "start": "run-p watch serve", | ||
| "prepare": "npm run build", | ||
| "pages": "rm -rf demo && mkdir -p demo && cp -r dist demo/ && cp index.html demo/ && gh-pages -d demo --repo git@github.com:myuw-web-components/myuw-app-bar.git", | ||
| "postpublish": "npm run pages" | ||
| "sonar": "sonar-scanner", | ||
| "prepare": "npm run build" | ||
| }, | ||
@@ -28,12 +27,13 @@ "repository": { | ||
| "devDependencies": { | ||
| "@babel/core": "^7.1.2", | ||
| "@babel/preset-env": "^7.1.0", | ||
| "gh-pages": "^1.2.0", | ||
| "live-server": "^1.2.0", | ||
| "npm-run-all": "^4.1.3", | ||
| "rollup": "^0.63.4", | ||
| "rollup-plugin-babel": "^4.0.3", | ||
| "@babel/core": "^7.7.2", | ||
| "@babel/preset-env": "^7.7.1", | ||
| "aws-sdk": "^2.572.0", | ||
| "live-server": "^1.2.1", | ||
| "mime-types": "^2.1.25", | ||
| "npm-run-all": "^4.1.5", | ||
| "rollup": "^1.27.0", | ||
| "rollup-plugin-babel": "^4.3.3", | ||
| "rollup-plugin-html": "^0.2.1", | ||
| "rollup-plugin-minify-es": "^1.1.1", | ||
| "tota11y": "^0.1.6" | ||
| "sonarqube-scanner": "^2.5.0" | ||
| }, | ||
@@ -40,0 +40,0 @@ "files": [ |
@@ -7,9 +7,21 @@ # `<myuw-app-bar>` | ||
| Add the following import to your page's `<head>`: | ||
| Include the component as follows: | ||
| ```html | ||
| <script type="module" src="https://unpkg.com/@myuw-web-components/myuw-app-bar@^1?module"></script> | ||
| <script nomodule scr="https://unpkg.com/@myuw-web-components/myuw-app-bar@^1"></script> | ||
| <!-- import the module --> | ||
| <script type="module" src="https://cdn.my.wisc.edu/@myuw-web-components/myuw-app-bar@latest/myuw-app-bar.min.mjs"></script> | ||
| <!-- fallback for browsers without ES2015 module support --> | ||
| <script nomodule scr="https://cdn.my.wisc.edu/@myuw-web-components/myuw-app-bar@latest/myuw-app-bar.min.js"></script> | ||
| <myuw-app-bar | ||
| theme-name="MyUW" | ||
| app-name="" | ||
| app-url="" | ||
| > | ||
| </myuw-app-bar> | ||
| ``` | ||
| _Note:_ The evergreen "latest" version can be used for convenience, but in production settings it is recommended to use the latest [release version](https://github.com/myuw-web-components/myuw-profile/releases) specifically, and upgrade only after testing! | ||
| **Important**: For responsiveness to many screen sizes, ensure you have included the viewport meta tag in your application: | ||
@@ -21,13 +33,2 @@ | ||
| Use the component's HTML tag wherever you want: | ||
| ```HTML | ||
| <myuw-app-bar | ||
| theme-name="MyUW" | ||
| app-name="" | ||
| app-url="" | ||
| > | ||
| </myuw-app-bar> | ||
| ``` | ||
| ### Configurable properties via attributes | ||
@@ -55,9 +56,9 @@ | ||
| myuw-app-bar { | ||
| --myuw-app-bar-bg: #fff; | ||
| --myuw-app-bar-color: #c5050c; | ||
| --myuw-app-bar-font: 'Roboto', sans-serif; | ||
| --myuw-app-bar-title-font-size: 18px; | ||
| --myuw-app-bar-font-weight: 400; | ||
| --theme-text-font-weight: 600; | ||
| --z-index: 56; | ||
| --myuw-app-bar-bg: #fff; | ||
| --myuw-app-bar-color: #c5050c; | ||
| --myuw-app-bar-font: 'Roboto', sans-serif; | ||
| --myuw-app-bar-title-font-size: 18px; | ||
| --myuw-app-bar-font-weight: 400; | ||
| --theme-text-font-weight: 600; | ||
| --z-index: 56; | ||
| } | ||
@@ -72,4 +73,4 @@ ``` | ||
| <myuw-app-bar> | ||
| <your-navigation-drawer-component slot="myuw-navigation"></your-navigation-drawer-component> | ||
| <your-notifications-component slot="myuw-notifications"></your-notifications-component> | ||
| <your-navigation-drawer-component slot="myuw-navigation"></your-navigation-drawer-component> | ||
| <your-notifications-component slot="myuw-notifications"></your-notifications-component> | ||
| </myuw-app-bar> | ||
@@ -94,4 +95,3 @@ ``` | ||
| Cross-browser testing provided by:<br/> | ||
| <a href="https://www.browserstack.com/"><img width="160" src="https://myuw-web-components.github.io/img/Browserstack-logo.svg" alt="BrowserStack"/></a> |
New alerts
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.38%
54623
Worsened metrics
- Dev dependency count
- increased by10%
11
- Number of medium supply chain risk alerts
- increased byInfinity%
1