@patternfly/patternfly 6.6.0-prerelease.8 → 6.6.0-prerelease.9

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 (13) hide show
  1. package/assets/images/pf-logo-avatar.jpg +0 -0
  2. package/components/Avatar/avatar.css +54 -51
  3. package/components/Avatar/avatar.scss +82 -81
  4. package/components/_index.css +54 -51
  5. package/docs/components/Avatar/examples/Avatar.css +6 -0
  6. package/docs/components/Avatar/examples/Avatar.md +182 -121
  7. package/docs/components/MenuToggle/examples/MenuToggle.md +54 -15
  8. package/docs/demos/Compass/examples/Compass.md +75 -19
  9. package/package.json +2 -2
  10. package/patternfly-no-globals.css +54 -51
  11. package/patternfly.css +54 -51
  12. package/patternfly.min.css +1 -1
  13. package/patternfly.min.css.map +1 -1
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
- "version": "6.6.0-prerelease.8",
4
+ "version": "6.6.0-prerelease.9",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -71,7 +71,7 @@
71
71
  "@commitlint/config-conventional": "^19.1.0",
72
72
  "@fortawesome/fontawesome": "^1.1.8",
73
73
  "@octokit/rest": "^20.1.0",
74
- "@patternfly/documentation-framework": "6.44.1",
74
+ "@patternfly/documentation-framework": "6.44.3",
75
75
  "@patternfly/patternfly-a11y": "5.1.0",
76
76
  "@patternfly/react-code-editor": "6.5.1",
77
77
  "@patternfly/react-core": "6.5.1",
package/patternfly-no-globals.css CHANGED
@@ -10144,19 +10144,19 @@
10144
10144
  --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
10145
10145
  --pf-v6-c-avatar--Width: 2.25rem;
10146
10146
  --pf-v6-c-avatar--Height: 2.25rem;
10147
- --pf-v6-c-avatar--FontSize: 2.25rem;
10147
+ --pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
10148
10148
  --pf-v6-c-avatar--m-sm--Width: 1.5rem;
10149
10149
  --pf-v6-c-avatar--m-sm--Height: 1.5rem;
10150
- --pf-v6-c-avatar--m-sm--FontSize: 1.5rem;
10150
+ --pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
10151
10151
  --pf-v6-c-avatar--m-md--Width: 2.25rem;
10152
10152
  --pf-v6-c-avatar--m-md--Height: 2.25rem;
10153
- --pf-v6-c-avatar--m-md--FontSize: 2.25rem;
10153
+ --pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
10154
10154
  --pf-v6-c-avatar--m-lg--Width: 4.5rem;
10155
10155
  --pf-v6-c-avatar--m-lg--Height: 4.5rem;
10156
- --pf-v6-c-avatar--m-lg--FontSize: 4.5rem;
10156
+ --pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
10157
10157
  --pf-v6-c-avatar--m-xl--Width: 8rem;
10158
10158
  --pf-v6-c-avatar--m-xl--Height: 8rem;
10159
- --pf-v6-c-avatar--m-xl--FontSize: 8rem;
10159
+ --pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
10160
10160
  --pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
10161
10161
  --pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
10162
10162
  --pf-v6-c-avatar--m-colorful--BorderWidth: var(--pf-t--global--border--width--box--default);
@@ -10212,9 +10212,19 @@
10212
10212
  width: var(--pf-v6-c-avatar--Width);
10213
10213
  height: var(--pf-v6-c-avatar--Height);
10214
10214
  font-size: var(--pf-v6-c-avatar--FontSize);
10215
+ color: var(--pf-v6-c-avatar--Color, inherit);
10216
+ background-color: var(--pf-v6-c-avatar--BackgroundColor, transparent);
10215
10217
  border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
10216
10218
  border-radius: var(--pf-v6-c-avatar--BorderRadius);
10217
10219
  }
10220
+ div.pf-v6-c-avatar {
10221
+ display: inline-flex;
10222
+ align-items: center;
10223
+ justify-content: center;
10224
+ overflow: clip;
10225
+ vertical-align: middle;
10226
+ }
10227
+
10218
10228
  .pf-v6-c-avatar.pf-m-bordered {
10219
10229
  --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
10220
10230
  --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
@@ -10462,70 +10472,63 @@
10462
10472
  }
10463
10473
  .pf-v6-c-avatar.pf-m-colorful {
10464
10474
  --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-colorful--BorderWidth);
10465
- display: inline-flex;
10466
- align-items: center;
10467
- justify-content: center;
10468
- overflow: clip;
10469
- vertical-align: middle;
10470
- color: var(--pf-v6-c-avatar--m-colorful--Color, inherit);
10471
- background-color: var(--pf-v6-c-avatar--m-colorful--BackgroundColor, transparent);
10472
- border-color: var(--pf-v6-c-avatar--m-colorful--BorderColor, transparent);
10473
- }
10474
- .pf-v6-c-avatar.pf-m-colorful.pf-m-red {
10475
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
10476
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-red--Color);
10477
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
10475
+ }
10476
+ .pf-v6-c-avatar.pf-m-red {
10477
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
10478
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-red--Color);
10479
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
10478
10480
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-red__initials--Color);
10479
10481
  }
10480
- .pf-v6-c-avatar.pf-m-colorful.pf-m-orangered {
10481
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
10482
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-orangered--Color);
10483
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
10482
+ .pf-v6-c-avatar.pf-m-orangered {
10483
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
10484
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orangered--Color);
10485
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
10484
10486
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orangered__initials--Color);
10485
10487
  }
10486
- .pf-v6-c-avatar.pf-m-colorful.pf-m-orange {
10487
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
10488
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-orange--Color);
10489
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
10488
+ .pf-v6-c-avatar.pf-m-orange {
10489
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
10490
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orange--Color);
10491
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
10490
10492
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orange__initials--Color);
10491
10493
  }
10492
- .pf-v6-c-avatar.pf-m-colorful.pf-m-yellow {
10493
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
10494
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-yellow--Color);
10495
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
10494
+ .pf-v6-c-avatar.pf-m-yellow {
10495
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
10496
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-yellow--Color);
10497
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
10496
10498
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-yellow__initials--Color);
10497
10499
  }
10498
- .pf-v6-c-avatar.pf-m-colorful.pf-m-green {
10499
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
10500
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-green--Color);
10501
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
10500
+ .pf-v6-c-avatar.pf-m-green {
10501
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
10502
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-green--Color);
10503
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
10502
10504
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-green__initials--Color);
10503
10505
  }
10504
- .pf-v6-c-avatar.pf-m-colorful.pf-m-teal {
10505
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
10506
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-teal--Color);
10507
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
10506
+ .pf-v6-c-avatar.pf-m-teal {
10507
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
10508
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-teal--Color);
10509
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
10508
10510
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-teal__initials--Color);
10509
10511
  }
10510
- .pf-v6-c-avatar.pf-m-colorful.pf-m-blue {
10511
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
10512
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-blue--Color);
10513
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
10512
+ .pf-v6-c-avatar.pf-m-blue {
10513
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
10514
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-blue--Color);
10515
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
10514
10516
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-blue__initials--Color);
10515
10517
  }
10516
- .pf-v6-c-avatar.pf-m-colorful.pf-m-purple {
10517
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
10518
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-purple--Color);
10519
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
10518
+ .pf-v6-c-avatar.pf-m-purple {
10519
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
10520
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-purple--Color);
10521
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
10520
10522
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-purple__initials--Color);
10521
10523
  }
10522
- .pf-v6-c-avatar.pf-m-colorful.pf-m-gray {
10523
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
10524
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-gray--Color);
10525
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
10524
+ .pf-v6-c-avatar.pf-m-gray {
10525
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
10526
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-gray--Color);
10527
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
10526
10528
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-gray__initials--Color);
10527
10529
  }
10528
- .pf-v6-c-avatar .pf-v6-c-avatar__initials {
10530
+
10531
+ .pf-v6-c-avatar__initials {
10529
10532
  font-family: var(--pf-v6-c-avatar__initials--FontFamily, revert);
10530
10533
  font-size: var(--pf-v6-c-avatar__initials--FontSize);
10531
10534
  font-weight: var(--pf-v6-c-avatar__initials--FontWeight);
package/patternfly.css CHANGED
@@ -10299,19 +10299,19 @@ button) {
10299
10299
  --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
10300
10300
  --pf-v6-c-avatar--Width: 2.25rem;
10301
10301
  --pf-v6-c-avatar--Height: 2.25rem;
10302
- --pf-v6-c-avatar--FontSize: 2.25rem;
10302
+ --pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
10303
10303
  --pf-v6-c-avatar--m-sm--Width: 1.5rem;
10304
10304
  --pf-v6-c-avatar--m-sm--Height: 1.5rem;
10305
- --pf-v6-c-avatar--m-sm--FontSize: 1.5rem;
10305
+ --pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
10306
10306
  --pf-v6-c-avatar--m-md--Width: 2.25rem;
10307
10307
  --pf-v6-c-avatar--m-md--Height: 2.25rem;
10308
- --pf-v6-c-avatar--m-md--FontSize: 2.25rem;
10308
+ --pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
10309
10309
  --pf-v6-c-avatar--m-lg--Width: 4.5rem;
10310
10310
  --pf-v6-c-avatar--m-lg--Height: 4.5rem;
10311
- --pf-v6-c-avatar--m-lg--FontSize: 4.5rem;
10311
+ --pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
10312
10312
  --pf-v6-c-avatar--m-xl--Width: 8rem;
10313
10313
  --pf-v6-c-avatar--m-xl--Height: 8rem;
10314
- --pf-v6-c-avatar--m-xl--FontSize: 8rem;
10314
+ --pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
10315
10315
  --pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
10316
10316
  --pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
10317
10317
  --pf-v6-c-avatar--m-colorful--BorderWidth: var(--pf-t--global--border--width--box--default);
@@ -10367,9 +10367,19 @@ button) {
10367
10367
  width: var(--pf-v6-c-avatar--Width);
10368
10368
  height: var(--pf-v6-c-avatar--Height);
10369
10369
  font-size: var(--pf-v6-c-avatar--FontSize);
10370
+ color: var(--pf-v6-c-avatar--Color, inherit);
10371
+ background-color: var(--pf-v6-c-avatar--BackgroundColor, transparent);
10370
10372
  border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
10371
10373
  border-radius: var(--pf-v6-c-avatar--BorderRadius);
10372
10374
  }
10375
+ div.pf-v6-c-avatar {
10376
+ display: inline-flex;
10377
+ align-items: center;
10378
+ justify-content: center;
10379
+ overflow: clip;
10380
+ vertical-align: middle;
10381
+ }
10382
+
10373
10383
  .pf-v6-c-avatar.pf-m-bordered {
10374
10384
  --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
10375
10385
  --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
@@ -10617,70 +10627,63 @@ button) {
10617
10627
  }
10618
10628
  .pf-v6-c-avatar.pf-m-colorful {
10619
10629
  --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-colorful--BorderWidth);
10620
- display: inline-flex;
10621
- align-items: center;
10622
- justify-content: center;
10623
- overflow: clip;
10624
- vertical-align: middle;
10625
- color: var(--pf-v6-c-avatar--m-colorful--Color, inherit);
10626
- background-color: var(--pf-v6-c-avatar--m-colorful--BackgroundColor, transparent);
10627
- border-color: var(--pf-v6-c-avatar--m-colorful--BorderColor, transparent);
10628
- }
10629
- .pf-v6-c-avatar.pf-m-colorful.pf-m-red {
10630
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
10631
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-red--Color);
10632
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
10630
+ }
10631
+ .pf-v6-c-avatar.pf-m-red {
10632
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
10633
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-red--Color);
10634
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
10633
10635
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-red__initials--Color);
10634
10636
  }
10635
- .pf-v6-c-avatar.pf-m-colorful.pf-m-orangered {
10636
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
10637
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-orangered--Color);
10638
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
10637
+ .pf-v6-c-avatar.pf-m-orangered {
10638
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
10639
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orangered--Color);
10640
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
10639
10641
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orangered__initials--Color);
10640
10642
  }
10641
- .pf-v6-c-avatar.pf-m-colorful.pf-m-orange {
10642
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
10643
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-orange--Color);
10644
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
10643
+ .pf-v6-c-avatar.pf-m-orange {
10644
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
10645
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orange--Color);
10646
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
10645
10647
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orange__initials--Color);
10646
10648
  }
10647
- .pf-v6-c-avatar.pf-m-colorful.pf-m-yellow {
10648
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
10649
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-yellow--Color);
10650
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
10649
+ .pf-v6-c-avatar.pf-m-yellow {
10650
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
10651
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-yellow--Color);
10652
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
10651
10653
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-yellow__initials--Color);
10652
10654
  }
10653
- .pf-v6-c-avatar.pf-m-colorful.pf-m-green {
10654
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
10655
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-green--Color);
10656
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
10655
+ .pf-v6-c-avatar.pf-m-green {
10656
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
10657
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-green--Color);
10658
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
10657
10659
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-green__initials--Color);
10658
10660
  }
10659
- .pf-v6-c-avatar.pf-m-colorful.pf-m-teal {
10660
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
10661
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-teal--Color);
10662
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
10661
+ .pf-v6-c-avatar.pf-m-teal {
10662
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
10663
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-teal--Color);
10664
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
10663
10665
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-teal__initials--Color);
10664
10666
  }
10665
- .pf-v6-c-avatar.pf-m-colorful.pf-m-blue {
10666
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
10667
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-blue--Color);
10668
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
10667
+ .pf-v6-c-avatar.pf-m-blue {
10668
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
10669
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-blue--Color);
10670
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
10669
10671
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-blue__initials--Color);
10670
10672
  }
10671
- .pf-v6-c-avatar.pf-m-colorful.pf-m-purple {
10672
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
10673
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-purple--Color);
10674
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
10673
+ .pf-v6-c-avatar.pf-m-purple {
10674
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
10675
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-purple--Color);
10676
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
10675
10677
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-purple__initials--Color);
10676
10678
  }
10677
- .pf-v6-c-avatar.pf-m-colorful.pf-m-gray {
10678
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
10679
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-gray--Color);
10680
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
10679
+ .pf-v6-c-avatar.pf-m-gray {
10680
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
10681
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-gray--Color);
10682
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
10681
10683
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-gray__initials--Color);
10682
10684
  }
10683
- .pf-v6-c-avatar .pf-v6-c-avatar__initials {
10685
+
10686
+ .pf-v6-c-avatar__initials {
10684
10687
  font-family: var(--pf-v6-c-avatar__initials--FontFamily, revert);
10685
10688
  font-size: var(--pf-v6-c-avatar__initials--FontSize);
10686
10689
  font-weight: var(--pf-v6-c-avatar__initials--FontWeight);