@patternfly/patternfly 5.1.0-prerelease.3 → 5.1.0-prerelease.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Menu/menu.css +1 -1
- package/components/Menu/menu.scss +1 -1
- package/components/Radio/radio.css +1 -2
- package/components/Radio/radio.scss +1 -2
- package/docs/components/Button/examples/Button.md +1 -0
- package/package.json +1 -1
- package/patternfly-no-globals.css +2 -3
- package/patternfly-theme-dark-unversioned.css +2 -3
- package/patternfly.css +2 -3
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/components/Menu/menu.css
CHANGED
|
@@ -548,7 +548,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
548
548
|
.pf-v5-c-menu__item-description {
|
|
549
549
|
font-size: var(--pf-v5-c-menu__item-description--FontSize);
|
|
550
550
|
color: var(--pf-v5-c-menu__item-description--Color);
|
|
551
|
-
word-break: break-
|
|
551
|
+
word-break: break-word;
|
|
552
552
|
}
|
|
553
553
|
|
|
554
554
|
.pf-v5-c-menu__item-icon {
|
|
@@ -11,11 +11,10 @@
|
|
|
11
11
|
--pf-v5-c-radio__description--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
12
12
|
--pf-v5-c-radio__description--Color: var(--pf-v5-global--Color--200);
|
|
13
13
|
--pf-v5-c-radio__body--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
14
|
-
display:
|
|
14
|
+
display: grid;
|
|
15
15
|
grid-template-columns: auto 1fr;
|
|
16
16
|
grid-gap: var(--pf-v5-c-radio--GridGap);
|
|
17
17
|
align-items: baseline;
|
|
18
|
-
width: 100%;
|
|
19
18
|
}
|
|
20
19
|
.pf-v5-c-radio.pf-m-standalone {
|
|
21
20
|
--pf-v5-c-radio--GridGap: 0;
|
|
@@ -14,11 +14,10 @@
|
|
|
14
14
|
--#{$radio}__description--Color: var(--#{$pf-global}--Color--200);
|
|
15
15
|
--#{$radio}__body--MarginTop: var(--#{$pf-global}--spacer--sm);
|
|
16
16
|
|
|
17
|
-
display:
|
|
17
|
+
display: grid;
|
|
18
18
|
grid-template-columns: auto 1fr;
|
|
19
19
|
grid-gap: var(--#{$radio}--GridGap);
|
|
20
20
|
align-items: baseline;
|
|
21
|
-
width: 100%;
|
|
22
21
|
|
|
23
22
|
&.pf-m-standalone {
|
|
24
23
|
--#{$radio}--GridGap: 0;
|
|
@@ -530,6 +530,7 @@ Semantic buttons and links are important for usability as well as accessibility.
|
|
|
530
530
|
| `.pf-m-secondary` | `.pf-v5-c-button` | Modifies for secondary styles. |
|
|
531
531
|
| `.pf-m-tertiary` | `.pf-v5-c-button` | Modifies for tertiary styles. |
|
|
532
532
|
| `.pf-m-danger` | `.pf-v5-c-button` | Modifies for danger styles. |
|
|
533
|
+
| `.pf-m-warning` | `.pf-v5-c-button` | Modifies for warning styles. |
|
|
533
534
|
| `.pf-m-link` | `.pf-v5-c-button` | Modifies for link styles. This button has no background or border and is styled as a link. This button would commonly appear in a form and may include an icon. |
|
|
534
535
|
| `.pf-m-plain` | `.pf-v5-c-button` | Modifies for icon styles. This button has no background or border, uses a standard text color, and is used for `.pf-m-plain` icon buttons such as close, expand, kebab, etc. |
|
|
535
536
|
| `.pf-m-inline` | `.pf-v5-c-button.pf-m-link` | Modifies for inline styles. This button is presented similar to a normal link and has no padding and is displayed inline with other inline content. When used as a `<span>`, the text will flow inline with text around it. |
|
package/package.json
CHANGED
|
@@ -17960,7 +17960,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
17960
17960
|
.pf-v5-c-menu__item-description {
|
|
17961
17961
|
font-size: var(--pf-v5-c-menu__item-description--FontSize);
|
|
17962
17962
|
color: var(--pf-v5-c-menu__item-description--Color);
|
|
17963
|
-
word-break: break-
|
|
17963
|
+
word-break: break-word;
|
|
17964
17964
|
}
|
|
17965
17965
|
|
|
17966
17966
|
.pf-v5-c-menu__item-icon {
|
|
@@ -23000,11 +23000,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
23000
23000
|
--pf-v5-c-radio__description--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
23001
23001
|
--pf-v5-c-radio__description--Color: var(--pf-v5-global--Color--200);
|
|
23002
23002
|
--pf-v5-c-radio__body--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
23003
|
-
display:
|
|
23003
|
+
display: grid;
|
|
23004
23004
|
grid-template-columns: auto 1fr;
|
|
23005
23005
|
grid-gap: var(--pf-v5-c-radio--GridGap);
|
|
23006
23006
|
align-items: baseline;
|
|
23007
|
-
width: 100%;
|
|
23008
23007
|
}
|
|
23009
23008
|
.pf-v5-c-radio.pf-m-standalone {
|
|
23010
23009
|
--pf-v5-c-radio--GridGap: 0;
|
|
@@ -18077,7 +18077,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
18077
18077
|
.pf-v5-c-menu__item-description {
|
|
18078
18078
|
font-size: var(--pf-v5-c-menu__item-description--FontSize);
|
|
18079
18079
|
color: var(--pf-v5-c-menu__item-description--Color);
|
|
18080
|
-
word-break: break-
|
|
18080
|
+
word-break: break-word;
|
|
18081
18081
|
}
|
|
18082
18082
|
|
|
18083
18083
|
.pf-v5-c-menu__item-icon {
|
|
@@ -23117,11 +23117,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
23117
23117
|
--pf-v5-c-radio__description--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
23118
23118
|
--pf-v5-c-radio__description--Color: var(--pf-v5-global--Color--200);
|
|
23119
23119
|
--pf-v5-c-radio__body--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
23120
|
-
display:
|
|
23120
|
+
display: grid;
|
|
23121
23121
|
grid-template-columns: auto 1fr;
|
|
23122
23122
|
grid-gap: var(--pf-v5-c-radio--GridGap);
|
|
23123
23123
|
align-items: baseline;
|
|
23124
|
-
width: 100%;
|
|
23125
23124
|
}
|
|
23126
23125
|
.pf-v5-c-radio.pf-m-standalone {
|
|
23127
23126
|
--pf-v5-c-radio--GridGap: 0;
|
package/patternfly.css
CHANGED
|
@@ -18077,7 +18077,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
18077
18077
|
.pf-v5-c-menu__item-description {
|
|
18078
18078
|
font-size: var(--pf-v5-c-menu__item-description--FontSize);
|
|
18079
18079
|
color: var(--pf-v5-c-menu__item-description--Color);
|
|
18080
|
-
word-break: break-
|
|
18080
|
+
word-break: break-word;
|
|
18081
18081
|
}
|
|
18082
18082
|
|
|
18083
18083
|
.pf-v5-c-menu__item-icon {
|
|
@@ -23117,11 +23117,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
23117
23117
|
--pf-v5-c-radio__description--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
23118
23118
|
--pf-v5-c-radio__description--Color: var(--pf-v5-global--Color--200);
|
|
23119
23119
|
--pf-v5-c-radio__body--MarginTop: var(--pf-v5-global--spacer--sm);
|
|
23120
|
-
display:
|
|
23120
|
+
display: grid;
|
|
23121
23121
|
grid-template-columns: auto 1fr;
|
|
23122
23122
|
grid-gap: var(--pf-v5-c-radio--GridGap);
|
|
23123
23123
|
align-items: baseline;
|
|
23124
|
-
width: 100%;
|
|
23125
23124
|
}
|
|
23126
23125
|
.pf-v5-c-radio.pf-m-standalone {
|
|
23127
23126
|
--pf-v5-c-radio--GridGap: 0;
|