@patternfly/patternfly 6.1.0-prerelease.8 → 6.1.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 (12) hide show
  1. package/components/Button/button.css +18 -2
  2. package/components/Button/button.scss +19 -3
  3. package/components/MenuToggle/menu-toggle.css +24 -4
  4. package/components/MenuToggle/menu-toggle.scss +21 -9
  5. package/components/_index.css +42 -6
  6. package/docs/components/Button/examples/Button.md +1 -1
  7. package/docs/components/MenuToggle/examples/MenuToggle.md +137 -18
  8. package/package.json +1 -1
  9. package/patternfly-no-globals.css +42 -6
  10. package/patternfly.css +42 -6
  11. package/patternfly.min.css +1 -1
  12. package/patternfly.min.css.map +1 -1
package/docs/components/MenuToggle/examples/MenuToggle.md CHANGED
@@ -316,44 +316,128 @@ cssPrefix: pf-v6-c-menu-toggle
316
316
 
317
317
  ```html
318
318
  <button
319
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-small"
319
+ class="pf-v6-c-menu-toggle pf-m-small"
320
320
  type="button"
321
321
  aria-expanded="false"
322
- aria-label="Actions"
323
322
  >
324
- <span class="pf-v6-c-menu-toggle__icon">
325
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
323
+ <span class="pf-v6-c-menu-toggle__text">Collapsed</span>
324
+ <span class="pf-v6-c-menu-toggle__controls">
325
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
326
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
327
+ </span>
326
328
  </span>
327
329
  </button>
328
330
  &nbsp;
329
331
  <button
330
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-small pf-m-expanded"
332
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-expanded"
331
333
  type="button"
332
334
  aria-expanded="true"
333
- aria-label="Actions"
334
335
  >
335
- <span class="pf-v6-c-menu-toggle__icon">
336
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
336
+ <span class="pf-v6-c-menu-toggle__text">Expanded</span>
337
+ <span class="pf-v6-c-menu-toggle__controls">
338
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
339
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
340
+ </span>
337
341
  </span>
338
342
  </button>
339
343
  &nbsp;
340
344
  <button
341
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-small pf-m-disabled"
345
+ class="pf-v6-c-menu-toggle pf-m-small pf-m-disabled"
342
346
  type="button"
343
347
  aria-expanded="false"
344
348
  disabled
345
- aria-label="Actions"
346
349
  >
347
- <span class="pf-v6-c-menu-toggle__icon">
348
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
350
+ <span class="pf-v6-c-menu-toggle__text">Disabled</span>
351
+ <span class="pf-v6-c-menu-toggle__controls">
352
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
353
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
354
+ </span>
349
355
  </span>
350
356
  </button>
351
-
352
- ```
353
-
354
- ### Small with text
355
-
356
- ```html
357
+ <br />
358
+ <br />
359
+ <button
360
+ class="pf-v6-c-menu-toggle pf-m-primary pf-m-small"
361
+ type="button"
362
+ aria-expanded="false"
363
+ >
364
+ <span class="pf-v6-c-menu-toggle__text">Collapsed</span>
365
+ <span class="pf-v6-c-menu-toggle__controls">
366
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
367
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
368
+ </span>
369
+ </span>
370
+ </button>
371
+ &nbsp;
372
+ <button
373
+ class="pf-v6-c-menu-toggle pf-m-primary pf-m-small pf-m-expanded"
374
+ type="button"
375
+ aria-expanded="true"
376
+ >
377
+ <span class="pf-v6-c-menu-toggle__text">Expanded</span>
378
+ <span class="pf-v6-c-menu-toggle__controls">
379
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
380
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
381
+ </span>
382
+ </span>
383
+ </button>
384
+ &nbsp;
385
+ <button
386
+ class="pf-v6-c-menu-toggle pf-m-primary pf-m-small pf-m-disabled"
387
+ type="button"
388
+ aria-expanded="false"
389
+ disabled
390
+ >
391
+ <span class="pf-v6-c-menu-toggle__text">Disabled</span>
392
+ <span class="pf-v6-c-menu-toggle__controls">
393
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
394
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
395
+ </span>
396
+ </span>
397
+ </button>
398
+ <br />
399
+ <br />
400
+ <button
401
+ class="pf-v6-c-menu-toggle pf-m-secondary pf-m-small"
402
+ type="button"
403
+ aria-expanded="false"
404
+ >
405
+ <span class="pf-v6-c-menu-toggle__text">Collapsed</span>
406
+ <span class="pf-v6-c-menu-toggle__controls">
407
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
408
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
409
+ </span>
410
+ </span>
411
+ </button>
412
+ &nbsp;
413
+ <button
414
+ class="pf-v6-c-menu-toggle pf-m-secondary pf-m-small pf-m-expanded"
415
+ type="button"
416
+ aria-expanded="true"
417
+ >
418
+ <span class="pf-v6-c-menu-toggle__text">Expanded</span>
419
+ <span class="pf-v6-c-menu-toggle__controls">
420
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
421
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
422
+ </span>
423
+ </span>
424
+ </button>
425
+ &nbsp;
426
+ <button
427
+ class="pf-v6-c-menu-toggle pf-m-secondary pf-m-small pf-m-disabled"
428
+ type="button"
429
+ aria-expanded="false"
430
+ disabled
431
+ >
432
+ <span class="pf-v6-c-menu-toggle__text">Disabled</span>
433
+ <span class="pf-v6-c-menu-toggle__controls">
434
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
435
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
436
+ </span>
437
+ </span>
438
+ </button>
439
+ <br />
440
+ <br />
357
441
  <button
358
442
  class="pf-v6-c-menu-toggle pf-m-plain pf-m-small pf-m-text"
359
443
  type="button"
@@ -393,6 +477,41 @@ cssPrefix: pf-v6-c-menu-toggle
393
477
  </span>
394
478
  </span>
395
479
  </button>
480
+ <br />
481
+ <br />
482
+ <button
483
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-small"
484
+ type="button"
485
+ aria-expanded="false"
486
+ aria-label="Actions"
487
+ >
488
+ <span class="pf-v6-c-menu-toggle__icon">
489
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
490
+ </span>
491
+ </button>
492
+ &nbsp;
493
+ <button
494
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-small pf-m-expanded"
495
+ type="button"
496
+ aria-expanded="true"
497
+ aria-label="Actions"
498
+ >
499
+ <span class="pf-v6-c-menu-toggle__icon">
500
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
501
+ </span>
502
+ </button>
503
+ &nbsp;
504
+ <button
505
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-small pf-m-disabled"
506
+ type="button"
507
+ aria-expanded="false"
508
+ disabled
509
+ aria-label="Actions"
510
+ >
511
+ <span class="pf-v6-c-menu-toggle__icon">
512
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
513
+ </span>
514
+ </button>
396
515
 
397
516
  ```
398
517
 
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.1.0-prerelease.8",
4
+ "version": "6.1.0-prerelease.9",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -8933,6 +8933,8 @@ button.pf-v6-c-breadcrumb__link {
8933
8933
  --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
8934
8934
  --pf-v6-c-button--m-link--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
8935
8935
  --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
8936
+ --pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
8937
+ --pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
8936
8938
  --pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
8937
8939
  --pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
8938
8940
  --pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
@@ -8982,6 +8984,8 @@ button.pf-v6-c-breadcrumb__link {
8982
8984
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
8983
8985
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
8984
8986
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
8987
+ --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart: 0;
8988
+ --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd: 0;
8985
8989
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
8986
8990
  --pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
8987
8991
  --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
@@ -9006,9 +9010,13 @@ button.pf-v6-c-breadcrumb__link {
9006
9010
  --pf-v6-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
9007
9011
  --pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
9008
9012
  --pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
9013
+ --pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
9014
+ --pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
9009
9015
  --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
9010
9016
  --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
9011
9017
  --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
9018
+ --pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
9019
+ --pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
9012
9020
  --pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
9013
9021
  --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
9014
9022
  --pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
@@ -9196,6 +9204,8 @@ button.pf-v6-c-breadcrumb__link {
9196
9204
  --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-link--m-clicked--Color);
9197
9205
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-clicked--BackgroundColor);
9198
9206
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
9207
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
9208
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
9199
9209
  }
9200
9210
  .pf-v6-c-button.pf-m-link.pf-m-inline {
9201
9211
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
@@ -9283,11 +9293,15 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9283
9293
  --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-control--m-clicked--BorderColor);
9284
9294
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-control--m-clicked--BorderWidth);
9285
9295
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-control--m-clicked__icon--Color);
9296
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-control--m-small--PaddingInlineEnd);
9297
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-control--m-small--PaddingInlineStart);
9286
9298
  }
9287
9299
  .pf-v6-c-button.pf-m-stateful {
9288
9300
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-stateful--BorderRadius);
9289
9301
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--PaddingInlineStart);
9290
9302
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--PaddingInlineEnd);
9303
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd);
9304
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart);
9291
9305
  }
9292
9306
  .pf-v6-c-button.pf-m-read {
9293
9307
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-read--BackgroundColor);
@@ -9344,8 +9358,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9344
9358
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
9345
9359
  --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
9346
9360
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
9347
- --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
9348
- --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
9361
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
9362
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
9363
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
9364
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
9349
9365
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
9350
9366
  }
9351
9367
  .pf-v6-c-button.pf-m-block {
@@ -17460,6 +17476,8 @@ ul.pf-v6-c-list {
17460
17476
  --pf-v6-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
17461
17477
  --pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
17462
17478
  --pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
17479
+ --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
17480
+ --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
17463
17481
  --pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
17464
17482
  --pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
17465
17483
  --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
@@ -17474,6 +17492,8 @@ ul.pf-v6-c-list {
17474
17492
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
17475
17493
  --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
17476
17494
  --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
17495
+ --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
17496
+ --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
17477
17497
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
17478
17498
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
17479
17499
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
@@ -17484,6 +17504,8 @@ ul.pf-v6-c-list {
17484
17504
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
17485
17505
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
17486
17506
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
17507
+ --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--compact);
17508
+ --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
17487
17509
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
17488
17510
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
17489
17511
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
@@ -17498,6 +17520,8 @@ ul.pf-v6-c-list {
17498
17520
  --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
17499
17521
  --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
17500
17522
  --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
17523
+ --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
17524
+ --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
17501
17525
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
17502
17526
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
17503
17527
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -17509,6 +17533,8 @@ ul.pf-v6-c-list {
17509
17533
  --pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
17510
17534
  --pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
17511
17535
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
17536
+ --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
17537
+ --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
17512
17538
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
17513
17539
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
17514
17540
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
@@ -17578,6 +17604,8 @@ ul.pf-v6-c-list {
17578
17604
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color);
17579
17605
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
17580
17606
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color);
17607
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart);
17608
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd);
17581
17609
  }
17582
17610
  .pf-v6-c-menu-toggle.pf-m-secondary {
17583
17611
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
@@ -17593,6 +17621,8 @@ ul.pf-v6-c-list {
17593
17621
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
17594
17622
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
17595
17623
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color);
17624
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart);
17625
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd);
17596
17626
  }
17597
17627
  .pf-v6-c-menu-toggle.pf-m-full-height {
17598
17628
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd);
@@ -17617,6 +17647,8 @@ ul.pf-v6-c-list {
17617
17647
  --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
17618
17648
  --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
17619
17649
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
17650
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
17651
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
17620
17652
  }
17621
17653
  .pf-v6-c-menu-toggle.pf-m-plain::before {
17622
17654
  border: none;
@@ -17643,6 +17675,10 @@ ul.pf-v6-c-list {
17643
17675
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
17644
17676
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
17645
17677
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
17678
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart);
17679
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd);
17680
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset);
17681
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset);
17646
17682
  }
17647
17683
  .pf-v6-c-menu-toggle.pf-m-success {
17648
17684
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
@@ -17721,13 +17757,13 @@ ul.pf-v6-c-list {
17721
17757
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
17722
17758
  --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
17723
17759
  }
17724
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):first-child,
17725
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):first-child,
17760
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
17761
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
17726
17762
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
17727
17763
  padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
17728
17764
  }
17729
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):last-child,
17730
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):last-child,
17765
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
17766
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
17731
17767
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
17732
17768
  padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
17733
17769
  }
package/patternfly.css CHANGED
@@ -9069,6 +9069,8 @@ button.pf-v6-c-breadcrumb__link {
9069
9069
  --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
9070
9070
  --pf-v6-c-button--m-link--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
9071
9071
  --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
9072
+ --pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
9073
+ --pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
9072
9074
  --pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
9073
9075
  --pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
9074
9076
  --pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
@@ -9118,6 +9120,8 @@ button.pf-v6-c-breadcrumb__link {
9118
9120
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
9119
9121
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
9120
9122
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
9123
+ --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart: 0;
9124
+ --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd: 0;
9121
9125
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
9122
9126
  --pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
9123
9127
  --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
@@ -9142,9 +9146,13 @@ button.pf-v6-c-breadcrumb__link {
9142
9146
  --pf-v6-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
9143
9147
  --pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
9144
9148
  --pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
9149
+ --pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
9150
+ --pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
9145
9151
  --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
9146
9152
  --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
9147
9153
  --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
9154
+ --pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
9155
+ --pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
9148
9156
  --pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
9149
9157
  --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
9150
9158
  --pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
@@ -9332,6 +9340,8 @@ button.pf-v6-c-breadcrumb__link {
9332
9340
  --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-link--m-clicked--Color);
9333
9341
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-clicked--BackgroundColor);
9334
9342
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
9343
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
9344
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
9335
9345
  }
9336
9346
  .pf-v6-c-button.pf-m-link.pf-m-inline {
9337
9347
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
@@ -9419,11 +9429,15 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9419
9429
  --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-control--m-clicked--BorderColor);
9420
9430
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-control--m-clicked--BorderWidth);
9421
9431
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-control--m-clicked__icon--Color);
9432
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-control--m-small--PaddingInlineEnd);
9433
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-control--m-small--PaddingInlineStart);
9422
9434
  }
9423
9435
  .pf-v6-c-button.pf-m-stateful {
9424
9436
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-stateful--BorderRadius);
9425
9437
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--PaddingInlineStart);
9426
9438
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--PaddingInlineEnd);
9439
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd);
9440
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart);
9427
9441
  }
9428
9442
  .pf-v6-c-button.pf-m-read {
9429
9443
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-read--BackgroundColor);
@@ -9480,8 +9494,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9480
9494
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
9481
9495
  --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
9482
9496
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
9483
- --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
9484
- --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
9497
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
9498
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
9499
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
9500
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
9485
9501
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
9486
9502
  }
9487
9503
  .pf-v6-c-button.pf-m-block {
@@ -17596,6 +17612,8 @@ ul.pf-v6-c-list {
17596
17612
  --pf-v6-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
17597
17613
  --pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
17598
17614
  --pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
17615
+ --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
17616
+ --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
17599
17617
  --pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
17600
17618
  --pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
17601
17619
  --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
@@ -17610,6 +17628,8 @@ ul.pf-v6-c-list {
17610
17628
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
17611
17629
  --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
17612
17630
  --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
17631
+ --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
17632
+ --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
17613
17633
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
17614
17634
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
17615
17635
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
@@ -17620,6 +17640,8 @@ ul.pf-v6-c-list {
17620
17640
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
17621
17641
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
17622
17642
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
17643
+ --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--compact);
17644
+ --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
17623
17645
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
17624
17646
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
17625
17647
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
@@ -17634,6 +17656,8 @@ ul.pf-v6-c-list {
17634
17656
  --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
17635
17657
  --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
17636
17658
  --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
17659
+ --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
17660
+ --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
17637
17661
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
17638
17662
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
17639
17663
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -17645,6 +17669,8 @@ ul.pf-v6-c-list {
17645
17669
  --pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
17646
17670
  --pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
17647
17671
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
17672
+ --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
17673
+ --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
17648
17674
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
17649
17675
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
17650
17676
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
@@ -17714,6 +17740,8 @@ ul.pf-v6-c-list {
17714
17740
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color);
17715
17741
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
17716
17742
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color);
17743
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart);
17744
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd);
17717
17745
  }
17718
17746
  .pf-v6-c-menu-toggle.pf-m-secondary {
17719
17747
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
@@ -17729,6 +17757,8 @@ ul.pf-v6-c-list {
17729
17757
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
17730
17758
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
17731
17759
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color);
17760
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart);
17761
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd);
17732
17762
  }
17733
17763
  .pf-v6-c-menu-toggle.pf-m-full-height {
17734
17764
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd);
@@ -17753,6 +17783,8 @@ ul.pf-v6-c-list {
17753
17783
  --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
17754
17784
  --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
17755
17785
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
17786
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
17787
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
17756
17788
  }
17757
17789
  .pf-v6-c-menu-toggle.pf-m-plain::before {
17758
17790
  border: none;
@@ -17779,6 +17811,10 @@ ul.pf-v6-c-list {
17779
17811
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
17780
17812
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
17781
17813
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
17814
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart);
17815
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd);
17816
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset);
17817
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset);
17782
17818
  }
17783
17819
  .pf-v6-c-menu-toggle.pf-m-success {
17784
17820
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
@@ -17857,13 +17893,13 @@ ul.pf-v6-c-list {
17857
17893
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
17858
17894
  --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
17859
17895
  }
17860
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):first-child,
17861
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):first-child,
17896
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
17897
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
17862
17898
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
17863
17899
  padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
17864
17900
  }
17865
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):last-child,
17866
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):last-child,
17901
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
17902
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
17867
17903
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
17868
17904
  padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
17869
17905
  }