search

canonical / design.ubuntu.com

7 stars 29 forks source link

Update all dependencies #145

Closed renovate[bot] closed 5 years ago

renovate[bot] commented 5 years ago

This PR contains the following updates:

Package Type Update Change
@canonical/global-nav dependencies minor 2.0.6 -> 2.1.0
autoprefixer devDependencies minor 9.5.1 -> 9.6.1
node-sass devDependencies minor 4.11.0 -> 4.12.0
postcss-cli devDependencies patch 6.1.2 -> 6.1.3
sass-lint devDependencies minor 1.12.1 -> 1.13.1
vanilla-framework (source) dependencies major 1.8.1 -> 2.1.0

Release Notes

canonical-webteam/global-nav ### [`v2.1.0`](https://togithub.com/canonical-webteam/global-nav/compare/v2.0.8...v2.1.0) [Compare Source](https://togithub.com/canonical-webteam/global-nav/compare/v2.0.8...v2.1.0) ### [`v2.0.8`](https://togithub.com/canonical-webteam/global-nav/compare/v2.0.7...v2.0.8) [Compare Source](https://togithub.com/canonical-webteam/global-nav/compare/v2.0.7...v2.0.8) ### [`v2.0.7`](https://togithub.com/canonical-webteam/global-nav/compare/9d33a1fe7ede1a02d2f765af3e0fd81810be3886...v2.0.7) [Compare Source](https://togithub.com/canonical-webteam/global-nav/compare/9d33a1fe7ede1a02d2f765af3e0fd81810be3886...v2.0.7)
postcss/autoprefixer ### [`v9.6.1`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​961) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.6.0...9.6.1) - Fix `-webkit-line-clamp` truncating multi-line text support. ### [`v9.6.0`](https://togithub.com/postcss/autoprefixer/releases/9.6.0) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.5.1...9.6.0) Unseen University coat of arms by Damien Tonkin Autoprefixer 9.6 marked `browsers` option as deprecated and added `text-orientation` and `@media (min-resolution: 2x)` support. We added the “Sponsor” button to your repository. You can support Autoprefixer and other open source projects important for your business by [Tidelift](https://tidelift.com/subscription/pkg/npm-autoprefixer). #### Browsers Autoprefixer adds prefixes only for target browsers, browsers which is support on your project. Initially, Autoprefixer had the `browsers` option to set target browsers. But we found that many tools need target browsers too. [`postcss-preset-env`](https://preset-env.cssdb.org/) and `babel-preset-env` use them to add only actual polyfills, [postcss-normalize](https://togithub.com/csstools/postcss-normalize) uses them to add only necessary CSS reset rules, plugins for ESLint and Stylelint will warn you if some of the target browsers doesn’t support your code. This is why we created [Browserslist](https://togithub.com/browserslist/browserslist) config file. It is a single config for all tools. A lot of users still uses the `browsers` option. We understand them; it is hard to change old practice. Unfortunately, using the `browsers` option creates many problems. For instance, you can miss that your build tool has own Autoprefixer inside. It will cut your prefixes because it will not know about your target browsers. This is why, in 9.6, we decided to deprecate the `browsers` option. Autoprefixer will show a warning on this option. In the next 10.0 release, we will drop this option. This is how you can migrate: 1. Create `browserslist` key with an array in `package.json`. 2. Copy queries from the `browsers` option. If you have `browsers: [“last 1 version”, “not dead”]`, then you need: ```js "browserslist": [ "last 1 version", "not dead" ] ``` #### HiDPI Media Query We all need to support HiDPI/retina screen now. Autoprefixer supports specific media query for HiDPI screens: ```css .image { background-image: url(image@1x.png); } @​media (min-resolution: 2dppx) { .image { background-image: url(image@2x.png); } } ``` ```css .image { background-image: url(image@1x.png); } @​media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) { .image { background-image: url(image@2x.png); } } ``` Bug we found that [CSS Values 4 spec](https://www.w3.org/TR/css-values-4/#resolution) added `x` alias for `dppx`. Autoprefixer 9.6 supports `@media (min-resolution: 2x)` shortcut. Note, that Autoprefixer will not convert it to `2dppx`. Autoprefixer adds only prefixes. Use [`postcss-preset-env`](https://preset-env.cssdb.org/) to add polyfills. #### Other - [`text-orientation`](https://tympanus.net/codrops/css_reference/text-orientation/) property support was added. - [@​jmmarco](https://togithub.com/jmmarco) added `CONTRIBUTING.md`
sass/node-sass ### [`v4.12.0`](https://togithub.com/sass/node-sass/blob/master/CHANGELOG.md#v4120) [Compare Source](https://togithub.com/sass/node-sass/compare/v4.11.0...v4.12.0)
postcss/postcss-cli ### [`v6.1.3`](https://togithub.com/postcss/postcss-cli/blob/master/CHANGELOG.md#​613--2019-07-08) [Compare Source](https://togithub.com/postcss/postcss-cli/compare/6.1.2...6.1.3) - Fix external sorcemap filenames when the directory name contains `.css` ([#​283](https://togithub.com/postcss/postcss-cli/issues/283), [#​286](https://togithub.com/postcss/postcss-cli/pull/286))
sasstools/sass-lint ### [`v1.13.1`](https://togithub.com/sasstools/sass-lint/releases/v1.13.1) [Compare Source](https://togithub.com/sasstools/sass-lint/compare/v1.13.0...v1.13.1) more information [here](https://togithub.com/sasstools/sass-lint/issues/1279) but essentially 1.13.0 was mistakenly released and should have been a major version update due to many breaking changes. 1.13.1 is almost EXACTLY the same as 1.12.1 ### [`v1.13.0`](https://togithub.com/sasstools/sass-lint/releases/v1.13.0) [Compare Source](https://togithub.com/sasstools/sass-lint/compare/v1.12.1...v1.13.0) ##### Bug Fixes - **ci:** rollback release version to match npm ([bf4f2ae](https://togithub.com/sasstools/sass-lint/commit/bf4f2ae)) ##### Features - **ast:** migrate from ast fork to latest version of gonzales ([37863b7](https://togithub.com/sasstools/sass-lint/commit/37863b7)) - **lint:** adds disable-next-line ([b508036](https://togithub.com/sasstools/sass-lint/commit/b508036))
canonical-web-and-design/vanilla-framework ### [`v2.1.0`](https://togithub.com/canonical-web-and-design/vanilla-framework/releases/v2.1.0) [Compare Source](https://togithub.com/canonical-web-and-design/vanilla-framework/compare/v2.0.1...v2.1.0) #### Getting Vanilla Framework Install with NPM: Visit the documentation at ##### New ##### Features - Added a new variable, `$table-layout-fixed` which allows global toggling of fixed-width table layout rules ##### Documentation ##### Content - Renamed "tables" documentation page and re-added it to the sidebar nav - Updated icon examples - Reformatted typographic scale docs - Fixed the width of example elements in `u-float` examples to better demonstrate functionality - Correct encoding for backticked code in html in navigation docs - Remove item from navigation example to better fit it in the docs viewport - Reformatted typographic scale docs ##### Website - Restructured the docs sidebar navigation - Update the documentation's Vanilla Framework dependency to 2.0.1 - Made some markdown and markup changes to documentation to take advantage of 2.0.1 features ##### Bug fixes - Refactored lists sass so that placeholders are in global scope, avoiding errors when not using all components ##### Code maintenance - Removed all remaining unused Gulp scripts ### [`v2.0.1`](https://togithub.com/canonical-web-and-design/vanilla-framework/releases/v2.0.1) [Compare Source](https://togithub.com/canonical-web-and-design/vanilla-framework/compare/v1.8.1...v2.0.1) #### Getting Vanilla Framework Install with NPM: Visit the documentation at ##### New ##### Features - Renamed the "code snippet" component "code copyable" - Added a `.has-icon` class for buttons - Converted tabs to use flex for consistent cross-browser rendering - Added a fading background to tabs when they extend out of a container - Added new greys to the default colour palette - Optimised embedded SVG images in the Sass - Increaded the size of the `thumb` image size - Updated the sizes of social media icons - Added a script for developers to analyse individual patterns with Parker - Removed the min-width of tooltips - Updated the max-width of typographic elements - Added a "stacked" variant of headings with icons - Restyled radio buttons and checkboxes, ensuring consistency - Renamed the old pagination component to "article pagination" to hint at its use - Added a [prettier](https://prettier.io/) dependency with a pre-commit hook to enforce code quality - Made extensive code quality updates following running prettier for the first time - Added new size variants for pull-quotes, changed the quote mark colour to mid-dark, removed italic styling and made several changes to positioning and line height sizes in the component - Reduced the font-weight of `h2` and `p-heading--two` - Updated button margin and padding to be scalible and in-line with the baseline grid - Stepped lists change to the smaller layout when the navigation threshhold is met - The `vf-focus` mixin no longer has an offset and increased the outline size - Updated max-widths of headings so that they are no longer narrower than paragraphs in some use cases - Changed the `abbr` cursor style to "help" - Removed Blink mac system font from the font stack - Removed box-shadow from form elements - Darkened the border color of checkboxes and radio buttons for increases accessibility - Upped the grid max width base valie from 990 to 1200 - Complete overhaul of vertical spacing. Most element combinations correctly fit to the basline veritcal grid wihout the need to write custom styles - Added rules for typographic edge-cases which require special spacing - Broke up the large `_typography.scss` file into smaller files - Changed the prefix "intra" to "inner" on all spacing variables that use it to make the convention clearer - Changed the prefix "inter" to "outer" on all spacing variables that use it to make the convention clearer - Standardised the naming of spacing variables to use S/M/L naming where possible - Updated `u-vertically-center` to also work on small viewports - Added a max-width to `label` elements - Increased the allowed number of media queries in the project to 50 in the parker configuration - Add optional font-size increase on the 1680 breakpoint - Added an optional image element to the pull quote pattern - Adjusted the base font size so that it respects browser accessibility settings - Refactored all \*.scss files to remove sass nesting which was just being used to build classnames - files are now flatter and have full classnames in more places, making searching code more intuitive - `p-aside` renamed `p-table-of-contents` to reflect its more specific use - Updated several icon assets for improved quality and reduced filesize - Updated `p-accordion` so that icons appear on the left rather than the right - Added support for users who set `prefer-reduced-motion` removing all animations when the setting is detected - Inline code elements now have a grey highlight to help them stand out from other text - Added [renovate](https://togithub.com/renovatebot/renovate) to the project to help keeping dependencies up-to-date - Removed shelves grid and reimplemented the functionality with CSS grid - Replaced the chevron icon used in various patterns with a more visually appealing version - Introduced new variable to change the font-weight for bold fonts - Positioned tooltips [now](https://togithub.com/canonical-web-and-design/vanilla-framework/pull/2326) only require a single class - Stacked forms [now](https://togithub.com/canonical-web-and-design/vanilla-framework/pull/2348) follow the grid - [Explicitly](https://togithub.com/canonical-web-and-design/vanilla-framework/pull/2344) set columns to `display: block` ##### Components and utilities - Added new `p-subnav` pattern for drop-down menus in navigation - Added new `u-no-print` to exclude web-only elements from printed pages - Added a new pagination component - Added fixed-width utility and expose it as class - Added bordered row ##### Removed deprecated components - Button swtich - `button.p-switch`: applying this pattern to a checkbox is more semantic - Visibility utilities - `u-hidden`, `u-visible`: use `u-hide` and its variants in their place - Code snippet - `p-code-snippet`: use `p-code-copyable` which uses near-identical styling - Warning notification - `p-notification--warning`: use `p-notification--caution` which is identical but renamed - `--no-underline` link varients: these were based on the old, border-based underline style and are obsolete. If needed, they may be re-introduced after a re-write - `p-inline-images__img` and `p-inline-images img`: `p-inline-images__item` and `p-inline-images__logo` now encapsulate all requirements - `u-float--right` and `u-float--left` are now `u-float-right` and `u-float-left` - `p-link--strong` removed with no need for replacement - `p-footer`: this component can be replicated using other, more generic components - `p-navigation--sidebar`: this can be replicated with other components if required but, for general navigation, the standard `p-navigation` is preferred - `$color-warning` variable removed: replaced with `$color-caution` ##### Documentation ##### Content - Added a sub-heading example - Updated the colour palette page - Added an example of a stacked heading with icons - Documented pull-quote varients - Updated stepped-list documentation - Merged all "code" component documentation to allow easier comparison - Changed the layout of the icons page - Added new documentation for the updated typographic spacing - Updated the tooltip example markup - Expanded documentation: colour, strip, breadcrumb, accordion, contextual menu, typography, pagination, navigation, code, tabs, typography, tables, quote, heading icon, embedded media, assets settings, animations, heading icon, icons, images, table of contents, buttons, media object, forms, list tree, links, modal, notifications, cards, tooltips, search, switch, slider, divider, lists, muted heading, matrix, spacing - Updated the breakpoint documentation and added more examples ##### Website - Removed flask for page generation - Added nginx configuration - Updated the navigation to match the rest of the website - Added Usabilla user feedback widget - Updated the "report a bug" link - Updated mobile nav to use dropdown two menus grouped by "About" and "Patterns" rather than having two nav menus stacked - Restyled the sidebar and the background to light grey - Updated included Vanilla Framework version to 1.8.1 - Moved code examples into /docs - Converted the site generator to [Jekyll](https://jekyllrb.com/) (at v3.8.4) - Upgraded Husky config (previous version was deprecated) ##### Bug fixes - Widened the styling of `input type="number"` elements to allow for 4 digits - Updated the accordion toggle to open/close the accordion - `fieldset` styling updated to match the [design spec](https://togithub.com/canonical-web-and-design/design-vanilla-framework/blob/master/Forms/forms.md) and made their bottom margin scalable - Removed unnecessary roles from example markup - Active buttons now have a discerable hover state - Update the colours for button hover states - Removed redundant `[scope="row"]` and `[scope="col"]` in examples - Fixed the positioning of the "copy to clipboard" button on code snippets - Corrected the positioning of the close button in notifications - Updated the slider pattern to use rems rather than ems in spacing - Fixed strip border issues by positioning them reletively implementing a pseudo-border - Fixed visibility of hover state on navigation items when the background colour is dark - Fixed icon positioning for browser consistency - Stopped reset buttons in forms being hidden by default - Fixed the specificity of `p-card` selectors - Made sure that the base typographic rules appear early in the CSS - Refactored the navigation pattern to fix bugs with different background colours - Fixed drift to basline grid on longer pages due to rounding errors - Changed `pre` and `code` whitespace to scroll sideways rather than wrapping - Added a background colour to the root `html` element to avoid reliance on browser defaults - Added form validation feedback to select inputs - Aligned tickboxes and radio buttons with the baseline grid - Stepped-detailed list: fix alignment to rows - u-min-margin--bottom: ensure it keeps text on baseline grid - Fixed tick position in lists - Convert p-card margin to padding so it pushes border down - Fixed p-strip selector so class order doesn't matter - Fixed typo in the base buttons disabled class (was `.is--disabled`, corrected to `.is-disabled`) - Removed conflicting map names ##### Code maintenance - Pinned dependencies for dev requirements - Restructured how margin-collapse mixins are included to reduce duplicating CSS and decouple components - Refactor's placeholder structure, removing mixins - Moved %u-fixed-width-container into its own file ##### Development tooling - [Update](https://togithub.com/canonical-web-and-design/vanilla-framework/pull/2318) to the [latest version](https://togithub.com/canonical-web-and-design/generator-canonical-webteam/pull/112) of the [`run` script ](https://canonical-web-and-design.github.io/practices/project-structure/the-run-script.html), for building the project and running documentation - Removed dependency on Gulp in favour of NPM scipts

Renovate configuration

:date: Schedule: "before 3am on the first day of the month" (UTC).

:vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.

:recycle: Rebasing: Whenever PR becomes conflicted, or if you modify the PR title to begin with "rebase!".

:ghost: Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.

This PR has been generated by Renovate Bot. View repository job log here.

webteam-app commented 5 years ago

User is not a collaborator of this repo. Please start demo manually.

renovate[bot] commented 5 years ago

PR has been edited

:construction_worker: This PR has received other commits, so Renovate will stop updating it to avoid conflicts or other problems. If you wish to abandon your changes and have Renovate start over you may click the "rebase" checkbox in the PR body/description.