diff --git a/CHANGELOG.md b/CHANGELOG.md index 49c67254ab..978cf3fa67 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,6 +3,15 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [3.25.3](https://github.com/liferay/clay/compare/v3.25.2...v3.25.3) (2021-03-24) + +### Bug Fixes + +- **@clayui/css:** Atlas Menubar (Vertical Navigation) link active state should be more visible ([5a94cfd](https://github.com/liferay/clay/commit/5a94cfd)) +- **@clayui/css:** Menubar toggler with c-inner cuts off caret icon ([1932782](https://github.com/liferay/clay/commit/1932782)) +- **@clayui/css:** Mixins `clay-link` adds option to style `&.show, &[aria-expanded='true']` separately from `active-class` so we can style panel toggles ([8a1a148](https://github.com/liferay/clay/commit/8a1a148)) +- **@clayui/multi-select:** Use `btn-outline-secondary btn-outline-borderless` instead of `btn-unstyled` for Clear All Button ([3d71cf0](https://github.com/liferay/clay/commit/3d71cf0)) + ## [3.25.2](https://github.com/liferay/clay/compare/v3.25.1...v3.25.2) (2021-03-10) ### Bug Fixes diff --git a/clayui.com/CHANGELOG.md b/clayui.com/CHANGELOG.md index e2392c6364..ef17d44487 100644 --- a/clayui.com/CHANGELOG.md +++ b/clayui.com/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [3.25.3](https://github.com/ambrinchaudhary/clay/compare/v3.25.2...v3.25.3) (2021-03-24) + +**Note:** Version bump only for package clayui.com + ## [3.25.2](https://github.com/ambrinchaudhary/clay/compare/v3.25.1...v3.25.2) (2021-03-10) **Note:** Version bump only for package clayui.com diff --git a/clayui.com/content/docs/css/content/menubar.md b/clayui.com/content/docs/css/content/menubar.md new file mode 100644 index 0000000000..50054845fa --- /dev/null +++ b/clayui.com/content/docs/css/content/menubar.md @@ -0,0 +1,1232 @@ +--- +title: 'Menubar (Vertical Navigation)' +description: 'An alternative navigation pattern that displays navigation items vertically.' +order: 5 +--- + +
Check the Lexicon Vertical Navigation Pattern for a more in-depth look at the motivations and proper usage of this component.
+ +
+
+ +- [Menubar Vertical Expand Md](#css-menubar-vertical-expand-md) + - [Menubar Transparent](#css-menubar-vertical-expand-md-transparent) + - [Menubar Decorated](#css-menubar-vertical-expand-md-decorated) +- [Menubar Vertical Expand Lg](#css-menubar-vertical-expand-lg) + +
+
+ +## Menubar Vertical Expand Md(#css-menubar-vertical-expand-md) + +A pattern for collapsing vertical navigations, collapses at 767px. For vertical navigations that don't collapse use Nav Stacked, Nav Nested, or Nav Nested Margins. + +### Menubar Transparent(#css-menubar-vertical-expand-md-transparent) + + + +```html + +``` + +### Menubar Decorated(#css-menubar-vertical-expand-md-decorated) + +
This variation uses `nav-nested` instead of `nav-nested-margins`.
+ + + +```html + +``` + +## Menubar Vertical Expand Lg(#css-menubar-vertical-expand-lg) + + + +```html + +``` diff --git a/clayui.com/package.json b/clayui.com/package.json index 4b2b667774..c9c2662518 100644 --- a/clayui.com/package.json +++ b/clayui.com/package.json @@ -1,7 +1,7 @@ { "private": true, "name": "clayui.com", - "version": "3.25.2", + "version": "3.25.3", "license": "MIT", "scripts": { "copy:clay-css": "yarn copy:clay-css-js && yarn copy:clay-css-site-images && yarn copy:clay-css-images", @@ -19,7 +19,7 @@ "@clayui/card": "^3.25.1", "@clayui/charts": "^3.25.1", "@clayui/color-picker": "^3.25.1", - "@clayui/css": "^3.25.2", + "@clayui/css": "^3.25.3", "@clayui/data-provider": "^3.3.10", "@clayui/date-picker": "^3.25.1", "@clayui/drop-down": "^3.25.1", @@ -30,7 +30,7 @@ "@clayui/link": "^3.2.0", "@clayui/list": "^3.25.1", "@clayui/modal": "^3.8.5", - "@clayui/multi-select": "^3.25.1", + "@clayui/multi-select": "^3.25.3", "@clayui/multi-step-nav": "^3.25.1", "@clayui/nav": "^3.4.5", "@clayui/navigation-bar": "^3.3.5", diff --git a/lerna.json b/lerna.json index a6f37d4cc6..853fb5b5c2 100644 --- a/lerna.json +++ b/lerna.json @@ -1,6 +1,6 @@ { "lerna": "3.4.0", - "version": "3.25.2", + "version": "3.25.3", "npmClient": "yarn", "useWorkspaces": true, "command": { diff --git a/packages/clay-button/docs/index.js b/packages/clay-button/docs/index.js index 940e13e511..7b304a0f65 100644 --- a/packages/clay-button/docs/index.js +++ b/packages/clay-button/docs/index.js @@ -19,6 +19,9 @@ const ButtonDisplayTypesCode = `const Component = () => { Button Secondary + + Base Button + Button Link diff --git a/packages/clay-css/CHANGELOG.md b/packages/clay-css/CHANGELOG.md index 009fa002c3..f258573d5b 100644 --- a/packages/clay-css/CHANGELOG.md +++ b/packages/clay-css/CHANGELOG.md @@ -3,6 +3,19 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [3.25.3](https://github.com/liferay/clay/tree/master/packages/clay-css/compare/v3.25.2...v3.25.3) (2021-03-24) + + +### Bug Fixes + +* **@clayui/css:** Atlas Menubar (Vertical Navigation) link active state should be more visible ([5a94cfd](https://github.com/liferay/clay/tree/master/packages/clay-css/commit/5a94cfd)) +* **@clayui/css:** Menubar toggler with c-inner cuts off caret icon ([1932782](https://github.com/liferay/clay/tree/master/packages/clay-css/commit/1932782)) +* **@clayui/css:** Mixins `clay-link` adds option to style `&.show, &[aria-expanded='true']` separately from `active-class` so we can style panel toggles ([8a1a148](https://github.com/liferay/clay/tree/master/packages/clay-css/commit/8a1a148)) + + + + + ## [3.25.2](https://github.com/liferay/clay/tree/master/packages/clay-css/compare/v3.25.1...v3.25.2) (2021-03-10) diff --git a/packages/clay-css/package.json b/packages/clay-css/package.json index 741348b27f..e7ad8ea3cf 100644 --- a/packages/clay-css/package.json +++ b/packages/clay-css/package.json @@ -1,6 +1,6 @@ { "name": "@clayui/css", - "version": "3.25.2", + "version": "3.25.3", "description": "Liferay's web implementation of the Lexicon Design Language", "main": "index.js", "files": [ diff --git a/packages/clay-css/src/content/menu-bar-vertical-decorated.html b/packages/clay-css/src/content/menu-bar-vertical-decorated.html index 6424e15f22..a54c91f5d5 100644 --- a/packages/clay-css/src/content/menu-bar-vertical-decorated.html +++ b/packages/clay-css/src/content/menu-bar-vertical-decorated.html @@ -15,99 +15,109 @@

Menubar Decorated Menubar Vertical Expand Md