@patternfly/patternfly 6.2.0 → 6.3.0-prerelease.1

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.
Files changed (10) hide show
  1. package/components/Card/card.css +3 -0
  2. package/components/Card/card.scss +3 -0
  3. package/components/FormControl/form-control.css +1 -2
  4. package/components/FormControl/form-control.scss +1 -5
  5. package/components/_index.css +4 -2
  6. package/package.json +2 -2
  7. package/patternfly-no-globals.css +4 -2
  8. package/patternfly.css +4 -2
  9. package/patternfly.min.css +1 -1
  10. package/patternfly.min.css.map +1 -1
package/components/Card/card.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --pf-v6-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
16
16
  --pf-v6-c-card__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
17
17
  --pf-v6-c-card__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
18
+ --pf-v6-c-card__title-text--OverflowWrap: break-word;
18
19
  --pf-v6-c-card--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
19
20
  --pf-v6-c-card__body--FontSize: var(--pf-t--global--font--size--body--default);
20
21
  --pf-v6-c-card__footer--FontSize: var(--pf-t--global--font--size--body--default);
@@ -227,11 +228,13 @@
227
228
  }
228
229
 
229
230
  .pf-v6-c-card__title-text {
231
+ overflow: auto;
230
232
  font-family: var(--pf-v6-c-card__title-text--FontFamily);
231
233
  font-size: var(--pf-v6-c-card__title-text--FontSize);
232
234
  font-weight: var(--pf-v6-c-card__title-text--FontWeight);
233
235
  line-height: var(--pf-v6-c-card__title-text--LineHeight);
234
236
  color: var(--pf-v6-c-card__title-text--Color);
237
+ overflow-wrap: var(--pf-v6-c-card__title-text--OverflowWrap);
235
238
  }
236
239
 
237
240
  .pf-v6-c-card__actions {
package/components/Card/card.scss CHANGED
@@ -17,6 +17,7 @@
17
17
  --#{$card}__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
18
18
  --#{$card}__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
19
19
  --#{$card}__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
20
+ --#{$card}__title-text--OverflowWrap: break-word;
20
21
  --#{$card}--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
21
22
  --#{$card}__body--FontSize: var(--pf-t--global--font--size--body--default);
22
23
  --#{$card}__footer--FontSize: var(--pf-t--global--font--size--body--default);
@@ -311,11 +312,13 @@
311
312
  }
312
313
 
313
314
  .#{$card}__title-text {
315
+ overflow: auto;
314
316
  font-family: var(--#{$card}__title-text--FontFamily);
315
317
  font-size: var(--#{$card}__title-text--FontSize);
316
318
  font-weight: var(--#{$card}__title-text--FontWeight);
317
319
  line-height: var(--#{$card}__title-text--LineHeight);
318
320
  color: var(--#{$card}__title-text--Color);
321
+ overflow-wrap: var(--#{$card}__title-text--OverflowWrap);
319
322
  }
320
323
 
321
324
  .#{$card}__actions {
package/components/FormControl/form-control.css CHANGED
@@ -146,12 +146,11 @@
146
146
  padding-inline-start: var(--pf-v6-c-form-control--PaddingInlineStart);
147
147
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
148
148
  color: var(--pf-v6-c-form-control--Color);
149
+ appearance: none;
149
150
  background-color: transparent;
150
151
  border: none;
151
152
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
152
153
  outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
153
- -moz-appearance: none;
154
- -webkit-appearance: none;
155
154
  }
156
155
  .pf-v6-c-form-control > ::placeholder {
157
156
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
package/components/FormControl/form-control.scss CHANGED
@@ -190,15 +190,11 @@
190
190
  padding-inline-start: var(--#{$form-control}--PaddingInlineStart);
191
191
  padding-inline-end: var(--#{$form-control}--PaddingInlineEnd);
192
192
  color: var(--#{$form-control}--Color);
193
+ appearance: none;
193
194
  background-color: transparent;
194
195
  border: none;
195
196
  border-radius: var(--#{$form-control}--BorderRadius);
196
197
  outline-offset: var(--#{$form-control}--OutlineOffset);
197
-
198
- // stylelint-disable
199
- -moz-appearance: none;
200
- -webkit-appearance: none;
201
- // stylelint-enable
202
198
  }
203
199
 
204
200
  > ::placeholder {
package/components/_index.css CHANGED
@@ -2329,6 +2329,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2329
2329
  --pf-v6-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
2330
2330
  --pf-v6-c-card__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
2331
2331
  --pf-v6-c-card__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
2332
+ --pf-v6-c-card__title-text--OverflowWrap: break-word;
2332
2333
  --pf-v6-c-card--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
2333
2334
  --pf-v6-c-card__body--FontSize: var(--pf-t--global--font--size--body--default);
2334
2335
  --pf-v6-c-card__footer--FontSize: var(--pf-t--global--font--size--body--default);
@@ -2541,11 +2542,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2541
2542
  }
2542
2543
 
2543
2544
  .pf-v6-c-card__title-text {
2545
+ overflow: auto;
2544
2546
  font-family: var(--pf-v6-c-card__title-text--FontFamily);
2545
2547
  font-size: var(--pf-v6-c-card__title-text--FontSize);
2546
2548
  font-weight: var(--pf-v6-c-card__title-text--FontWeight);
2547
2549
  line-height: var(--pf-v6-c-card__title-text--LineHeight);
2548
2550
  color: var(--pf-v6-c-card__title-text--Color);
2551
+ overflow-wrap: var(--pf-v6-c-card__title-text--OverflowWrap);
2549
2552
  }
2550
2553
 
2551
2554
  .pf-v6-c-card__actions {
@@ -7067,12 +7070,11 @@ ul) {
7067
7070
  padding-inline-start: var(--pf-v6-c-form-control--PaddingInlineStart);
7068
7071
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
7069
7072
  color: var(--pf-v6-c-form-control--Color);
7073
+ appearance: none;
7070
7074
  background-color: transparent;
7071
7075
  border: none;
7072
7076
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
7073
7077
  outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
7074
- -moz-appearance: none;
7075
- -webkit-appearance: none;
7076
7078
  }
7077
7079
  .pf-v6-c-form-control > ::placeholder {
7078
7080
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.2.0",
4
+ "version": "6.3.0-prerelease.1",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -47,7 +47,7 @@
47
47
  "@commitlint/config-conventional": "^19.1.0",
48
48
  "@fortawesome/fontawesome": "^1.1.8",
49
49
  "@octokit/rest": "^20.1.0",
50
- "@patternfly/documentation-framework": "6.5.20",
50
+ "@patternfly/documentation-framework": "6.8.0",
51
51
  "@patternfly/patternfly-a11y": "5.0.0",
52
52
  "@patternfly/react-code-editor": "6.1.0",
53
53
  "@patternfly/react-core": "6.1.0",
package/patternfly-no-globals.css CHANGED
@@ -9791,6 +9791,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9791
9791
  --pf-v6-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
9792
9792
  --pf-v6-c-card__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
9793
9793
  --pf-v6-c-card__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
9794
+ --pf-v6-c-card__title-text--OverflowWrap: break-word;
9794
9795
  --pf-v6-c-card--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
9795
9796
  --pf-v6-c-card__body--FontSize: var(--pf-t--global--font--size--body--default);
9796
9797
  --pf-v6-c-card__footer--FontSize: var(--pf-t--global--font--size--body--default);
@@ -10003,11 +10004,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
10003
10004
  }
10004
10005
 
10005
10006
  .pf-v6-c-card__title-text {
10007
+ overflow: auto;
10006
10008
  font-family: var(--pf-v6-c-card__title-text--FontFamily);
10007
10009
  font-size: var(--pf-v6-c-card__title-text--FontSize);
10008
10010
  font-weight: var(--pf-v6-c-card__title-text--FontWeight);
10009
10011
  line-height: var(--pf-v6-c-card__title-text--LineHeight);
10010
10012
  color: var(--pf-v6-c-card__title-text--Color);
10013
+ overflow-wrap: var(--pf-v6-c-card__title-text--OverflowWrap);
10011
10014
  }
10012
10015
 
10013
10016
  .pf-v6-c-card__actions {
@@ -14529,12 +14532,11 @@ ul) {
14529
14532
  padding-inline-start: var(--pf-v6-c-form-control--PaddingInlineStart);
14530
14533
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
14531
14534
  color: var(--pf-v6-c-form-control--Color);
14535
+ appearance: none;
14532
14536
  background-color: transparent;
14533
14537
  border: none;
14534
14538
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
14535
14539
  outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
14536
- -moz-appearance: none;
14537
- -webkit-appearance: none;
14538
14540
  }
14539
14541
  .pf-v6-c-form-control > ::placeholder {
14540
14542
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
package/patternfly.css CHANGED
@@ -9927,6 +9927,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9927
9927
  --pf-v6-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
9928
9928
  --pf-v6-c-card__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
9929
9929
  --pf-v6-c-card__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
9930
+ --pf-v6-c-card__title-text--OverflowWrap: break-word;
9930
9931
  --pf-v6-c-card--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
9931
9932
  --pf-v6-c-card__body--FontSize: var(--pf-t--global--font--size--body--default);
9932
9933
  --pf-v6-c-card__footer--FontSize: var(--pf-t--global--font--size--body--default);
@@ -10139,11 +10140,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
10139
10140
  }
10140
10141
 
10141
10142
  .pf-v6-c-card__title-text {
10143
+ overflow: auto;
10142
10144
  font-family: var(--pf-v6-c-card__title-text--FontFamily);
10143
10145
  font-size: var(--pf-v6-c-card__title-text--FontSize);
10144
10146
  font-weight: var(--pf-v6-c-card__title-text--FontWeight);
10145
10147
  line-height: var(--pf-v6-c-card__title-text--LineHeight);
10146
10148
  color: var(--pf-v6-c-card__title-text--Color);
10149
+ overflow-wrap: var(--pf-v6-c-card__title-text--OverflowWrap);
10147
10150
  }
10148
10151
 
10149
10152
  .pf-v6-c-card__actions {
@@ -14665,12 +14668,11 @@ ul) {
14665
14668
  padding-inline-start: var(--pf-v6-c-form-control--PaddingInlineStart);
14666
14669
  padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
14667
14670
  color: var(--pf-v6-c-form-control--Color);
14671
+ appearance: none;
14668
14672
  background-color: transparent;
14669
14673
  border: none;
14670
14674
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
14671
14675
  outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
14672
- -moz-appearance: none;
14673
- -webkit-appearance: none;
14674
14676
  }
14675
14677
  .pf-v6-c-form-control > ::placeholder {
14676
14678
  color: var(--pf-v6-c-form-control--m-placeholder--Color);