Skip to content

Commit

Permalink
fix(v5): merged main into v5 branch (#5232)
Browse files Browse the repository at this point in the history
* feat(icons): added open-drawer-right pficon (#5160)

* feat(progress): added helper text (#5161)

* chore(a11y docs): removed a11y section from example pages (#5167)

* Create new extensions github workflow (#5186)

* Create new extensions github workflow

Automatically add any issues tagged with 'extensions' label to the PatternFly extensions github project

* Update extensions.yml

* chore(deps): update dependency @patternfly/react-code-editor to v4.82.26 (#5164)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(deps): update dependency @patternfly/documentation-framework to v1.2.47 (#5132)

* chore(deps): update dependency @patternfly/react-core to v4.250.1 (#5165)

* chore(deps): update dependency @patternfly/react-table to v4.111.4 (#5166)

* chore(deps): update dependency @patternfly/documentation-framework to v1.2.48 (#5190)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* fix(dropdown): disabled top positioning when using static variation (#5189)

* fix(context-selector): updated static props (#5191)

* chore(page): updated example content, made text readable (#5187)

* chore(beta-components): promote 2022.14 candidates (#5179)

* chore(deps): update dependency @patternfly/documentation-framework to v1.2.50 (#5193)

* chore(deps): update dependency @patternfly/documentation-framework to v1.2.51 (#5196)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* fix(release-notes): added release notes for 2022.14 (#5194)

* fix(release-notes): added release notes for 2022.14

* chore(demos): update screenshots

* chore(demos): update screenshots, part deux

* Update extensions.yml

* Update add-new-issues-to-project.yml

* chore(deps): update dependency @patternfly/documentation-framework to v1.2.60 (#5197)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(deps): update dependency @patternfly/documentation-framework to v1.2.61 (#5208)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(deps): update dependency @patternfly/react-table to v4.111.33 (#5206)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(deps): update dependency @patternfly/react-code-editor to v4.82.55 (#5205)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* feat(tabs): added help popover, refactored tab action (#5213)

* feat(icons): added data-sink and data-source (#5228)

* chore(deps): bump loader-utils from 1.4.0 to 1.4.1 (#5225)

Co-authored-by: Austin Sullivan <ausulliv@redhat.com>
Co-authored-by: Eric Olkowski <70952936+thatblindgeye@users.noreply.github.com>
Co-authored-by: Nicole Thoen <nthoen@redhat.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
  • Loading branch information
6 people committed Nov 14, 2022
1 parent 25c0915 commit 83bbbdc
Show file tree
Hide file tree
Showing 107 changed files with 592 additions and 328 deletions.
2 changes: 1 addition & 1 deletion .github/workflows/add-new-issues-to-project.yml
Expand Up @@ -13,4 +13,4 @@ jobs:
- uses: actions/add-to-project@v0.3.0
with:
project-url: https://github.com/orgs/patternfly/projects/7
github-token: ${{ secrets.PF_ISSUES_PROJECT_SECRET }}
github-token: ${{ secrets.GH_PROJECTS }}
17 changes: 17 additions & 0 deletions .github/workflows/extensions.yml
@@ -0,0 +1,17 @@
name: Add relevant issues to extensions project board

on:
issues:
types:
- labeled

jobs:
add-to-extensions:
if: github.event.label.name == 'extension'
name: Add issue to extensions board
runs-on: ubuntu-latest
steps:
- uses: actions/add-to-project@v0.3.0
with:
project-url: https://github.com/orgs/patternfly/projects/12
github-token: ${{ secrets.GH_PROJECTS }}
18 changes: 18 additions & 0 deletions RELEASE-NOTES.md
Expand Up @@ -3,6 +3,24 @@ id: Release notes
section: developer-resources
releaseNoteTOC: true
---
## 2022.14 release notes (2022-10-28)
Packages released:
- [@patternfly/patternfly@v4.219.2](https://www.npmjs.com/package/@patternfly/patternfly/v/4.219.2)

### Components
- **Context selector:** Updated static props ([#5191](https://github.com/patternfly/patternfly/pull/5191))
- **Dropdown:** Disabled top positioning when using static variation ([#5189](https://github.com/patternfly/patternfly/pull/5189))
- **Progress:** Added helper text ([#5161](https://github.com/patternfly/patternfly/pull/5161))

### Other
- **Docs:**
- Removed a11y section from example pages ([#5167](https://github.com/patternfly/patternfly/pull/5167))
- Promoted 2022.14 beta candidates ([#5179](https://github.com/patternfly/patternfly/pull/5179))
- Updated page component example content, made text readable ([#5187](https://github.com/patternfly/patternfly/pull/5187))
- **Icons:** Added open-drawer-right pficon ([#5160](https://github.com/patternfly/patternfly/pull/5160))
- **Build:** Created new extensions github workflow ([#5186](https://github.com/patternfly/patternfly/pull/5186))


## 2022.13 release notes (2022-10-06)
Packages released:
- [@patternfly/patternfly@v4.217.1](https://www.npmjs.com/package/@patternfly/patternfly/v/4.217.1)
Expand Down
8 changes: 4 additions & 4 deletions package.json
Expand Up @@ -34,9 +34,9 @@
"@fortawesome/fontawesome": "^1.1.8",
"@octokit/rest": "^16.40.1",
"@patternfly/patternfly-a11y": "4.3.1",
"@patternfly/react-code-editor": "4.80.0",
"@patternfly/react-core": "4.239.0",
"@patternfly/react-table": "4.108.0",
"@patternfly/react-code-editor": "4.82.55",
"@patternfly/react-core": "4.250.1",
"@patternfly/react-table": "4.111.33",
"@starptech/prettyhtml": "^0.10.0",
"babel-eslint": "^8.2.3",
"cheerio": "^1.0.0-rc.3",
Expand Down Expand Up @@ -79,7 +79,7 @@
"stylelint-scss": "^4.3.0",
"stylelint-value-no-unknown-custom-properties": "^4.0.0",
"surge": "^0.21.3",
"@patternfly/documentation-framework": "1.2.33",
"@patternfly/documentation-framework": "1.2.61",
"unified": "^9.2.0",
"webpack": "^4.43.0"
},
Expand Down
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified patternfly-docs/generated/components/drawer/html-demos/expanded.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified patternfly-docs/generated/components/modal/html-demos/large.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified patternfly-docs/generated/components/modal/html-demos/medium.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified patternfly-docs/generated/components/table/html-demos/sortable.png
Diff not rendered.
Diff not rendered.
Binary file modified patternfly-docs/generated/components/wizard/html/with-drawer.png
Binary file modified patternfly-docs/generated/demos/card-view/html-demos/card-view.png
Binary file modified patternfly-docs/generated/demos/dashboard/html-demos/basic.png
3 changes: 3 additions & 0 deletions patternfly-docs/site/pages/icons.md
Expand Up @@ -25,6 +25,8 @@ id: Icons
| container-node | <i class="pf-icon pf-icon-container-node"></i> | &lt;i class=&quot;pf-icon pf-icon-container-node&quot;&gt;&lt;/i&gt;
| cpu | <i class="pf-icon pf-icon-cpu"></i> | &lt;i class=&quot;pf-icon pf-icon-cpu&quot;&gt;&lt;/i&gt;
| critical-risk | <i class="pf-icon pf-icon-critical-risk"></i> | &lt;i class=&quot;pf-icon pf-icon-critical-risk&quot;&gt;&lt;/i&gt;
| data-sink | <i class="pf-icon pf-icon-data-sink"></i> | &lt;i class=&quot;pf-icon pf-icon-data-sink&quot;&gt;&lt;/i&gt;
| data-source | <i class="pf-icon pf-icon-data-source"></i> | &lt;i class=&quot;pf-icon pf-icon-data-source&quot;&gt;&lt;/i&gt;
| degraded | <i class="pf-icon pf-icon-degraded"></i> | &lt;i class=&quot;pf-icon pf-icon-degraded&quot;&gt;&lt;/i&gt;
| disconnected | <i class="pf-icon pf-icon-disconnected"></i> | &lt;i class=&quot;pf-icon pf-icon-disconnected&quot;&gt;&lt;/i&gt;
| domain | <i class="pf-icon pf-icon-domain"></i> | &lt;i class=&quot;pf-icon pf-icon-domain&quot;&gt;&lt;/i&gt;
Expand Down Expand Up @@ -64,6 +66,7 @@ id: Icons
| ok | <i class="pf-icon pf-icon-ok"></i> | &lt;i class=&quot;pf-icon pf-icon-ok&quot;&gt;&lt;/i&gt;
| on-running | <i class="pf-icon pf-icon-on-running"></i> | &lt;i class=&quot;pf-icon pf-icon-on-running&quot;&gt;&lt;/i&gt;
| on | <i class="pf-icon pf-icon-on"></i> | &lt;i class=&quot;pf-icon pf-icon-on&quot;&gt;&lt;/i&gt;
| open-drawer-right | <i class="pf-icon pf-icon-open-drawer-right"></i> | &lt;i class=&quot;pf-icon pf-icon-open-drawer-right&quot;&gt;&lt;/i&gt;
| openshift | <i class="pf-icon pf-icon-openshift"></i> | &lt;i class=&quot;pf-icon pf-icon-openshift&quot;&gt;&lt;/i&gt;
| openstack | <i class="pf-icon pf-icon-openstack"></i> | &lt;i class=&quot;pf-icon pf-icon-openstack&quot;&gt;&lt;/i&gt;
| optimize | <i class="pf-icon pf-icon-optimize"></i> | &lt;i class=&quot;pf-icon pf-icon-optimize&quot;&gt;&lt;/i&gt;
Expand Down
2 changes: 1 addition & 1 deletion scripts/iconList.sh
@@ -1,7 +1,7 @@
#!/bin/bash

ICON_SRC='./src/icons/definitions/pf-icons.json'
ICON_OUT='./src/site/pages/icons.md'
ICON_OUT='./patternfly-docs/site/pages/icons.md'

echo "---" > $ICON_OUT
echo "id: Icons" >> $ICON_OUT
Expand Down
3 changes: 3 additions & 0 deletions src/icons/definitions/pf-icons.json

Large diffs are not rendered by default.

3 changes: 3 additions & 0 deletions src/patternfly/assets/icons/iconUnicodes.json
Expand Up @@ -21,6 +21,8 @@
"pf-icon-container-node": "E621",
"pf-icon-cpu": "E927",
"pf-icon-critical-risk": "E976",
"pf-icon-data-sink": "E978",
"pf-icon-data-source": "E979",
"pf-icon-degraded": "E91B",
"pf-icon-disconnected": "E955",
"pf-icon-domain": "E919",
Expand Down Expand Up @@ -60,6 +62,7 @@
"pf-icon-ok": "E602",
"pf-icon-on-running": "E925",
"pf-icon-on": "E92C",
"pf-icon-open-drawer-right": "E977",
"pf-icon-openshift": "E95E",
"pf-icon-openstack": "E95F",
"pf-icon-optimize": "E93E",
Expand Down
18 changes: 18 additions & 0 deletions src/patternfly/assets/pficon/pficon.scss
Expand Up @@ -89,6 +89,12 @@
@if $filename == critical-risk {
$char: '\E976';
}
@if $filename == data-sink {
$char: '\E978';
}
@if $filename == data-source {
$char: '\E979';
}
@if $filename == degraded {
$char: '\E91B';
}
Expand Down Expand Up @@ -206,6 +212,9 @@
@if $filename == on {
$char: '\E92C';
}
@if $filename == open-drawer-right {
$char: '\E977';
}
@if $filename == openshift {
$char: '\E95E';
}
Expand Down Expand Up @@ -476,6 +485,12 @@
.pf-icon-critical-risk {
@include pf-icon(critical-risk);
}
.pf-icon-data-sink {
@include pf-icon(data-sink);
}
.pf-icon-data-source {
@include pf-icon(data-source);
}
.pf-icon-degraded {
@include pf-icon(degraded);
}
Expand Down Expand Up @@ -593,6 +608,9 @@
.pf-icon-on {
@include pf-icon(on);
}
.pf-icon-open-drawer-right {
@include pf-icon(open-drawer-right);
}
.pf-icon-openshift {
@include pf-icon(openshift);
}
Expand Down
Binary file modified src/patternfly/assets/pficon/pficon.woff
Binary file not shown.
Binary file modified src/patternfly/assets/pficon/pficon.woff2
Binary file not shown.
8 changes: 0 additions & 8 deletions src/patternfly/components/Accordion/examples/Accordion.md
Expand Up @@ -303,14 +303,6 @@ In these examples `.pf-c-accordion` uses `<div>`, `.pf-c-accordion__toggle` uses
Another variation is using the definition list:
In these examples `.pf-c-accordion` uses `<dl>`, `.pf-c-accordion__toggle` uses `<dt><button>`, and `.pf-c-accordion__expandable-content` uses `<dd>`.

### Accessibility
| Attribute | Applied to | Outcome |
| -- | -- | -- |
| `aria-expanded="false"` | `.pf-c-accordion__toggle` | Indicates that the expanded content element is hidden. **Required**|
| `aria-expanded="true"` | `.pf-c-accordion__toggle` | Indicates that the expanded content element is visible. **Required**|
| `hidden` | `.pf-c-accordion__expandable-content` | Indicates that the expanded content element is hidden. Use with `aria-expanded="false"` **Required** |
| `aria-hidden="true"` | `.pf-c-accordion__toggle-icon` | Hides the icon from assistive technologies.**Required** |

### Usage
| Class | Applied to | Outcome |
| -- | -- | -- |
Expand Down
17 changes: 0 additions & 17 deletions src/patternfly/components/Alert/examples/Alert.md
Expand Up @@ -407,23 +407,6 @@ cssPrefix: pf-c-alert
### Overview
Add a modifier class to the default alert to change the color: `.pf-m-success`, `.pf-m-danger`, `.pf-m-warning`, or `.pf-m-info`.

### Accessibility
| Attribute | Applied to | Outcome |
| -- | -- | -- |
| `aria-label="Default alert"` | `.pf-c-alert` | Indicates the default alert. |
| `aria-label="Success alert"` | `.pf-c-alert` | Indicates the success alert. |
| `aria-label="Danger alert"` | `.pf-c-alert` | Indicates the danger alert. |
| `aria-label="Warning alert"` | `.pf-c-alert` | Indicates the warning alert. |
| `aria-label="Information alert"` | `.pf-c-alert` | Indicates the information alert. |
| `aria-label="Close success alert: Success alert title"` | `.pf-c-button.pf-m-plain` | Indicates the close button. Please provide descriptive text to ensure assistive technologies clearly state which alert is being closed.|
| `aria-hidden="true"` | `.pf-c-alert__icon <i>` | Hides icon for assistive technologies. **Required** |
| `aria-expanded="true"` | `.pf-c-alert__toggle` | Indicates that the expandable alert description is visible. **Required for expandable alerts** |
| `aria-expanded="false"` | `.pf-c-alert__toggle` | Indicates that the expandable alert description is hidden. **Required for expandable alerts** |

| Class | Applied to | Outcome |
| -- | -- | -- |
| `.pf-screen-reader` | `.pf-c-alert__title <span>` | Content that is visually hidden but accessible to assistive technologies. This should state the type of alert. **Required** |

### Usage
| Class | Applied to | Outcome |
| -- | -- | -- |
Expand Down
12 changes: 12 additions & 0 deletions src/patternfly/components/AppLauncher/app-launcher.scss
Expand Up @@ -146,6 +146,18 @@

transform: translateY(var(--pf-c-app-launcher--m-top__menu--TranslateY));
}

&.pf-m-static {
--pf-c-app-launcher--m-top__menu--TranslateY: 0;

position: static;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: auto;
min-width: min-content;
}
}

.pf-c-app-launcher__menu-search {
Expand Down
Expand Up @@ -342,6 +342,7 @@ import './application-launcher.css'
| `.pf-m-expanded` | `.pf-c-app-launcher` | Modifies for the expanded state. |
| `.pf-m-top` | `.pf-c-app-launcher` | Modifies to display the menu above the toggle. |
| `.pf-m-align-right` | `.pf-c-app-launcher__menu` | Modifies to display the menu aligned to the right edge of the toggle. |
| `.pf-m-static` | `.pf-c-app-launcher__menu` | Modifies to position the menu statically to support custom positioning. |
| `.pf-m-disabled` | `a.pf-c-app-launcher__menu-item` | Modifies to display the menu item as disabled. |
| `.pf-m-external` | `.pf-c-app-launcher__menu-item` | Modifies to display the menu item as having an external link icon on hover/focus. |
| `.pf-m-favorite` | `.pf-c-app-launcher__menu-wrapper` | Modifies wrapper to indicate that the item row has been favorited. |
Expand Down
6 changes: 6 additions & 0 deletions src/patternfly/components/Button/button.hbs
Expand Up @@ -17,6 +17,12 @@
{{#if button--IsInlineLinkSpan}}
role="button"
{{/if}}
{{#if button--aria-label}}
aria-label="{{button--aria-label}}"
{{/if}}
{{#if button--IsDisabled}}
disabled
{{/if}}
{{#if button--attribute}}
{{{button--attribute}}}
{{/if}}>
Expand Down
@@ -1,6 +1,5 @@
---
id: 'Calendar month'
beta: true
section: components
cssPrefix: pf-c-calendar-month
---
Expand Down
5 changes: 0 additions & 5 deletions src/patternfly/components/Card/examples/Card.md
Expand Up @@ -507,11 +507,6 @@ import './Card.css'
### Overview
A card is a generic rectangular container that can be used to build other components. Use a default card for regular page content and the compact variation for dashboard or small cards.

### Accessibility
| Attribute | Applied to | Outcome |
| -- | -- | -- |
| `tabindex="0"` | `.pf-c-card.pf-m-selectable` | Inserts the selectable card into the tab order of the page so that it is focusable. **Required** |

### Usage
| Class | Applied | Outcome |
| ---- | ---- | ---- |
Expand Down
@@ -1,7 +1,6 @@
---
id: Code editor
section: components
beta: true
cssPrefix: pf-c-code-editor
---

Expand Down
Expand Up @@ -302,6 +302,9 @@
&.pf-m-static {
position: static;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: auto;
min-width: min-content;
}
Expand Down
12 changes: 12 additions & 0 deletions src/patternfly/components/DatePicker/date-picker.scss
Expand Up @@ -56,6 +56,18 @@

transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY));
}

&.pf-m-static {
--pf-c-date-picker--m-top__calendar--TranslateY: 0;

position: static;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: auto;
min-width: min-content;
}
}

// stylelint-disable no-invalid-position-at-import-rule
Expand Down
Expand Up @@ -92,3 +92,4 @@ import './DatePicker.css'
| `.pf-m-top` | `.pf-c-date-picker` | Modifies to display the calendar above the date picker. |
| `.pf-m-error` | `.pf-c-date-picker__helper-text` | Modifies the helper text for the invalid/error state. |
| `.pf-m-align-right` | `.pf-c-date-picker__calendar` | Modifies the calendar to align the calendar to the right edge of the date picker. |
| `.pf-m-static` | `.pf-c-date-picker__calendar` | Modifies the calendar to be statically positioned to support custom positioning. |
5 changes: 5 additions & 0 deletions src/patternfly/components/Dropdown/dropdown.scss
Expand Up @@ -635,8 +635,13 @@ $pf-c-dropdown--breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg", "
box-shadow: var(--pf-c-dropdown__menu--BoxShadow);

&.pf-m-static {
--pf-c-dropdown--m-top__menu--TranslateY: 0;

position: static;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: auto;
min-width: min-content;
}
Expand Down
2 changes: 1 addition & 1 deletion src/patternfly/components/Dropdown/examples/Dropdown.md
Expand Up @@ -206,6 +206,7 @@ The dropdown menu can contain either links or buttons, depending on the expected
| `.pf-m-top` | `.pf-c-dropdown` | Modifies to display the menu above the toggle. |
| `.pf-m-align-left{-on-[breakpoint]}` | `.pf-c-dropdown__menu` | Modifies to display the menu aligned to the left edge of the toggle at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
| `.pf-m-align-right{-on-[breakpoint]}` | `.pf-c-dropdown__menu` | Modifies to display the menu aligned to the right edge of the toggle at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
| `.pf-m-static` | `.pf-c-dropdown__menu` | Modifies a dropdown menu to be statically positioned to support custom positioning. |
| `.pf-m-split-button` | `.pf-c-dropdown__toggle` | Modifies the dropdown toggle area to allow for interactive elements. |
| `.pf-m-action` | `.pf-c-dropdown__toggle.pf-m-split-button` | Modifies the dropdown toggle for when an action is placed beside a toggle button in a split button dropdown. |
| `.pf-m-text` | `.pf-c-dropdown__menu-item` | Modifies a menu item to be non-interactive text. |
Expand All @@ -219,4 +220,3 @@ The dropdown menu can contain either links or buttons, depending on the expected
| `.pf-m-icon` | `.pf-c-dropdown__menu-item` | Modifies an item to support adding an icon. |
| `.pf-m-active` | `.pf-c-dropdown__toggle` | Modifies the dropdown menu toggle for the active state. |
| `.pf-m-description` | `.pf-c-dropdown__menu-item` | Modifies an item to support adding a description. |
| `.pf-m-static` | `.pf-c-dropdown__menu` | Modifies a dropdown menu for popper placement support. |
@@ -1,6 +1,5 @@
---
id: 'Dual list selector'
beta: true
section: components
cssPrefix: pf-c-dual-list-selector
---
Expand Down
Expand Up @@ -160,7 +160,7 @@ Resizes horizontally
**Note:** The icons for the success, invalid, calendar, etc varations in form control elemements are applied as background images to the form element. By default, the image URLs for these icons are data URIs. However, there may be cases where data URIs are not ideal, such as in an application with a content security policy that disallows data URIs for security reasons. The `.pf-m-icon-sprite` variation changes the icon source to an external SVG file that serves as a sprite for all of the supported icons.


```hbs isBeta
```hbs
{{> form-control controlType="input" input="true" form-control--modifier="pf-m-success pf-m-icon-sprite" form-control--attribute='type="text" value="Success" id="input-success-sprite" aria-label="Success state input example"'}}
<br><br>
{{> form-control controlType="input" input="true" form-control--modifier="pf-m-warning pf-m-icon-sprite" form-control--attribute='type="text" value="Warning" id="input-warning-sprite" aria-label="Warning state input example"'}}
Expand Down
7 changes: 3 additions & 4 deletions src/patternfly/components/LabelGroup/examples/LabelGroup.md
@@ -1,6 +1,5 @@
---
id: 'Label group'
beta: true
section: components
cssPrefix: pf-c-label-group
---
Expand Down Expand Up @@ -472,7 +471,7 @@ In addition to the JavaScript management of [editable labels](/components/label#
* `.pf-c-label-group.pf-m-editable` onClick event should (excluding labels within) set focus on `.pf-c-label-group__textarea`

### Editable labels, dynamic label group
``` hbs
``` hbs isBeta
{{#> label-group label-group--id="editable-labels-editable-group-example" label-group--IsEditable="true"}}
{{#> label-group-main}}
{{#> label-group-list label-group-list--attribute='aria-label="Group of labels"'}}
Expand Down Expand Up @@ -500,7 +499,7 @@ In addition to the JavaScript management of [editable labels](/components/label#
```

### Editable labels, label active, dynamic label group
``` hbs
``` hbs isBeta
{{#> label-group label-group--id="editable-labels-label-active-editable-group-example" label-group--IsEditable="true"}}
{{#> label-group-main}}
{{#> label-group-list label-group-list--attribute='aria-label="Group of labels"'}}
Expand Down Expand Up @@ -556,7 +555,7 @@ In addition to the JavaScript management of [editable labels](/components/label#
```

### Mixed labels (static / editable), dynamic label group
``` hbs
``` hbs isBeta
{{#> label-group label-group--id="mixed-labels-dynamic-label-group-example" label-group--IsEditable="true"}}
{{#> label-group-main}}
{{#> label-group-list label-group-list--attribute='aria-label="Group of labels"'}}
Expand Down
1 change: 0 additions & 1 deletion src/patternfly/components/Masthead/examples/masthead.md
@@ -1,6 +1,5 @@
---
id: 'Masthead'
beta: true
section: components
cssPrefix: pf-c-masthead
---
Expand Down
@@ -1,6 +1,5 @@
---
id: 'Menu toggle'
beta: true
section: components
cssPrefix: pf-c-menu-toggle
---
Expand Down
@@ -1,6 +1,5 @@
---
id: 'File upload - multiple'
beta: true
section: components
cssPrefix: pf-c-multiple-file-upload
---
Expand Down

0 comments on commit 83bbbdc

Please sign in to comment.