@patternfly/patternfly 6.0.0-alpha.180 → 6.0.0-alpha.182

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 (18) hide show
  1. package/base/patternfly-variables.css +54 -34
  2. package/base/tokens/tokens-charts-dark.scss +1 -1
  3. package/base/tokens/tokens-charts.scss +1 -1
  4. package/base/tokens/tokens-dark.scss +1 -1
  5. package/base/tokens/tokens-default.scss +55 -35
  6. package/base/tokens/tokens-palette.scss +1 -1
  7. package/components/NotificationDrawer/notification-drawer.css +5 -0
  8. package/components/NotificationDrawer/notification-drawer.scss +8 -0
  9. package/components/_index.css +5 -0
  10. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +129 -0
  11. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +268 -0
  12. package/package.json +1 -1
  13. package/patternfly-base-no-globals.css +54 -34
  14. package/patternfly-base.css +54 -34
  15. package/patternfly-no-globals.css +59 -34
  16. package/patternfly.css +59 -34
  17. package/patternfly.min.css +1 -1
  18. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -4955,15 +4955,15 @@
4955
4955
  --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
4956
4956
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
4957
4957
  --pf-t--global--box-shadow--spread--100: 0px;
4958
- --pf-t--global--breakpoint--100: 0px;
4959
- --pf-t--global--breakpoint--200: 576px;
4960
- --pf-t--global--breakpoint--250: 640px;
4961
- --pf-t--global--breakpoint--300: 768px;
4962
- --pf-t--global--breakpoint--350: 960px;
4963
- --pf-t--global--breakpoint--400: 992px;
4964
- --pf-t--global--breakpoint--500: 1200px;
4965
- --pf-t--global--breakpoint--550: 1280px;
4966
- --pf-t--global--breakpoint--600: 1450px;
4958
+ --pf-t--global--breakpoint--100: 0rem;
4959
+ --pf-t--global--breakpoint--200: 36rem;
4960
+ --pf-t--global--breakpoint--250: 40rem;
4961
+ --pf-t--global--breakpoint--300: 48rem;
4962
+ --pf-t--global--breakpoint--350: 60rem;
4963
+ --pf-t--global--breakpoint--400: 62rem;
4964
+ --pf-t--global--breakpoint--500: 75rem;
4965
+ --pf-t--global--breakpoint--550: 80rem;
4966
+ --pf-t--global--breakpoint--600: 90.625rem;
4967
4967
  --pf-t--global--delay--100: 0ms;
4968
4968
  --pf-t--global--delay--200: 50ms;
4969
4969
  --pf-t--global--delay--300: 100ms;
@@ -4975,37 +4975,41 @@
4975
4975
  --pf-t--global--duration--50: 50ms;
4976
4976
  --pf-t--global--duration--500: 500ms;
4977
4977
  --pf-t--global--duration--600: 600ms;
4978
- --pf-t--global--font--family--100: "Red Hat Text VF";
4979
- --pf-t--global--font--family--200: "Red Hat Display VF";
4980
- --pf-t--global--font--family--300: "Red Hat Mono VF";
4978
+ --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
4979
+ --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
4980
+ --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", courier, monospace;
4981
4981
  --pf-t--global--font--line-height--100: 1.3;
4982
4982
  --pf-t--global--font--line-height--200: 1.5;
4983
- --pf-t--global--font--size--100: 12px;
4984
- --pf-t--global--font--size--200: 14px;
4985
- --pf-t--global--font--size--300: 16px;
4986
- --pf-t--global--font--size--400: 18px;
4987
- --pf-t--global--font--size--500: 20px;
4988
- --pf-t--global--font--size--600: 22px;
4989
- --pf-t--global--font--size--700: 28px;
4990
- --pf-t--global--font--size--800: 36px;
4983
+ --pf-t--global--font--size--100: 0.75rem;
4984
+ --pf-t--global--font--size--200: 0.875rem;
4985
+ --pf-t--global--font--size--300: 1rem;
4986
+ --pf-t--global--font--size--400: 1.125rem;
4987
+ --pf-t--global--font--size--500: 1.25rem;
4988
+ --pf-t--global--font--size--600: 1.375rem;
4989
+ --pf-t--global--font--size--700: 1.75rem;
4990
+ --pf-t--global--font--size--800: 2.25rem;
4991
4991
  --pf-t--global--font--weight--100: 400;
4992
4992
  --pf-t--global--font--weight--200: 500;
4993
4993
  --pf-t--global--font--weight--300: 700;
4994
4994
  --pf-t--global--font--weight--400: 700;
4995
- --pf-t--global--icon--size--100: 12px;
4996
- --pf-t--global--icon--size--200: 14px;
4997
- --pf-t--global--icon--size--250: 16px;
4998
- --pf-t--global--icon--size--300: 22px;
4999
- --pf-t--global--icon--size--400: 56px;
5000
- --pf-t--global--icon--size--500: 96px;
5001
- --pf-t--global--spacer--100: 4px;
5002
- --pf-t--global--spacer--200: 8px;
5003
- --pf-t--global--spacer--300: 16px;
5004
- --pf-t--global--spacer--400: 24px;
5005
- --pf-t--global--spacer--500: 32px;
5006
- --pf-t--global--spacer--600: 48px;
5007
- --pf-t--global--spacer--700: 64px;
5008
- --pf-t--global--spacer--800: 80px;
4995
+ --pf-t--global--icon--size--100: 0.75rem;
4996
+ --pf-t--global--icon--size--200: 0.875rem;
4997
+ --pf-t--global--icon--size--250: 1rem;
4998
+ --pf-t--global--icon--size--300: 1.375rem;
4999
+ --pf-t--global--icon--size--400: 3.5rem;
5000
+ --pf-t--global--icon--size--500: 6rem;
5001
+ --pf-t--global--spacer--100: 0.25rem;
5002
+ --pf-t--global--spacer--200: 0.5rem;
5003
+ --pf-t--global--spacer--300: 1rem;
5004
+ --pf-t--global--spacer--400: 1.5rem;
5005
+ --pf-t--global--spacer--500: 2rem;
5006
+ --pf-t--global--spacer--600: 3rem;
5007
+ --pf-t--global--spacer--700: 4rem;
5008
+ --pf-t--global--spacer--800: 5rem;
5009
+ --pf-t--global--text-decoration--line--100: none;
5010
+ --pf-t--global--text-decoration--line--200: underline;
5011
+ --pf-t--global--text-decoration--style--100: solid;
5012
+ --pf-t--global--text-decoration--style--200: dashed;
5009
5013
  --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
5010
5014
  --pf-t--global--timing-function--200: cubic-bezier(.4, 0, .2, 1);
5011
5015
  --pf-t--global--timing-function--300: cubic-bezier(0, 0, .2, 1);
@@ -5206,6 +5210,18 @@
5206
5210
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
5207
5211
  --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
5208
5212
  --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
5213
+ --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
5214
+ --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
5215
+ --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
5216
+ --pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
5217
+ --pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
5218
+ --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
5219
+ --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
5220
+ --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
5221
+ --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--style--200);
5222
+ --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--style--200);
5223
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
5224
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
5209
5225
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
5210
5226
  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
5211
5227
  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -5374,6 +5390,8 @@
5374
5390
  --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
5375
5391
  --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
5376
5392
  --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
5393
+ --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
5394
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
5377
5395
  --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
5378
5396
  --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
5379
5397
  --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
@@ -5387,6 +5405,8 @@
5387
5405
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
5388
5406
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
5389
5407
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
5408
+ --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
5409
+ --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
5390
5410
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
5391
5411
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
5392
5412
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
@@ -17086,6 +17106,7 @@ ul.pf-v6-c-list {
17086
17106
  --pf-v6-c-notification-drawer__list-item-header-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
17087
17107
  --pf-v6-c-notification-drawer__list-item-header-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
17088
17108
  --pf-v6-c-notification-drawer__list-item-header-title--max-lines: 1;
17109
+ --pf-v6-c-notification-drawer__list-item-action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17089
17110
  --pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd: var(--pf-t--global--spacer--sm);
17090
17111
  --pf-v6-c-notification-drawer__list-item-timestamp--Color: var(--pf-t--global--text--color--subtle);
17091
17112
  --pf-v6-c-notification-drawer__list-item-timestamp--FontSize: var(--pf-t--global--font--size--body--default);
@@ -17236,6 +17257,10 @@ ul.pf-v6-c-list {
17236
17257
  .pf-v6-c-notification-drawer__list-item-action {
17237
17258
  grid-row: 1/3;
17238
17259
  grid-column: 2/3;
17260
+ margin-block-start: var(--pf-v6-c-notification-drawer__list-item-action--MarginBlockStart);
17261
+ }
17262
+ .pf-v6-c-notification-drawer__list-item-action.pf-m-no-offset {
17263
+ --pf-v6-c-notification-drawer__list-item-action--MarginBlockStart: 0;
17239
17264
  }
17240
17265
 
17241
17266
  .pf-v6-c-notification-drawer__list-item-description {
package/patternfly.css CHANGED
@@ -5076,15 +5076,15 @@ button) {
5076
5076
  --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
5077
5077
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
5078
5078
  --pf-t--global--box-shadow--spread--100: 0px;
5079
- --pf-t--global--breakpoint--100: 0px;
5080
- --pf-t--global--breakpoint--200: 576px;
5081
- --pf-t--global--breakpoint--250: 640px;
5082
- --pf-t--global--breakpoint--300: 768px;
5083
- --pf-t--global--breakpoint--350: 960px;
5084
- --pf-t--global--breakpoint--400: 992px;
5085
- --pf-t--global--breakpoint--500: 1200px;
5086
- --pf-t--global--breakpoint--550: 1280px;
5087
- --pf-t--global--breakpoint--600: 1450px;
5079
+ --pf-t--global--breakpoint--100: 0rem;
5080
+ --pf-t--global--breakpoint--200: 36rem;
5081
+ --pf-t--global--breakpoint--250: 40rem;
5082
+ --pf-t--global--breakpoint--300: 48rem;
5083
+ --pf-t--global--breakpoint--350: 60rem;
5084
+ --pf-t--global--breakpoint--400: 62rem;
5085
+ --pf-t--global--breakpoint--500: 75rem;
5086
+ --pf-t--global--breakpoint--550: 80rem;
5087
+ --pf-t--global--breakpoint--600: 90.625rem;
5088
5088
  --pf-t--global--delay--100: 0ms;
5089
5089
  --pf-t--global--delay--200: 50ms;
5090
5090
  --pf-t--global--delay--300: 100ms;
@@ -5096,37 +5096,41 @@ button) {
5096
5096
  --pf-t--global--duration--50: 50ms;
5097
5097
  --pf-t--global--duration--500: 500ms;
5098
5098
  --pf-t--global--duration--600: 600ms;
5099
- --pf-t--global--font--family--100: "Red Hat Text VF";
5100
- --pf-t--global--font--family--200: "Red Hat Display VF";
5101
- --pf-t--global--font--family--300: "Red Hat Mono VF";
5099
+ --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
5100
+ --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
5101
+ --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", courier, monospace;
5102
5102
  --pf-t--global--font--line-height--100: 1.3;
5103
5103
  --pf-t--global--font--line-height--200: 1.5;
5104
- --pf-t--global--font--size--100: 12px;
5105
- --pf-t--global--font--size--200: 14px;
5106
- --pf-t--global--font--size--300: 16px;
5107
- --pf-t--global--font--size--400: 18px;
5108
- --pf-t--global--font--size--500: 20px;
5109
- --pf-t--global--font--size--600: 22px;
5110
- --pf-t--global--font--size--700: 28px;
5111
- --pf-t--global--font--size--800: 36px;
5104
+ --pf-t--global--font--size--100: 0.75rem;
5105
+ --pf-t--global--font--size--200: 0.875rem;
5106
+ --pf-t--global--font--size--300: 1rem;
5107
+ --pf-t--global--font--size--400: 1.125rem;
5108
+ --pf-t--global--font--size--500: 1.25rem;
5109
+ --pf-t--global--font--size--600: 1.375rem;
5110
+ --pf-t--global--font--size--700: 1.75rem;
5111
+ --pf-t--global--font--size--800: 2.25rem;
5112
5112
  --pf-t--global--font--weight--100: 400;
5113
5113
  --pf-t--global--font--weight--200: 500;
5114
5114
  --pf-t--global--font--weight--300: 700;
5115
5115
  --pf-t--global--font--weight--400: 700;
5116
- --pf-t--global--icon--size--100: 12px;
5117
- --pf-t--global--icon--size--200: 14px;
5118
- --pf-t--global--icon--size--250: 16px;
5119
- --pf-t--global--icon--size--300: 22px;
5120
- --pf-t--global--icon--size--400: 56px;
5121
- --pf-t--global--icon--size--500: 96px;
5122
- --pf-t--global--spacer--100: 4px;
5123
- --pf-t--global--spacer--200: 8px;
5124
- --pf-t--global--spacer--300: 16px;
5125
- --pf-t--global--spacer--400: 24px;
5126
- --pf-t--global--spacer--500: 32px;
5127
- --pf-t--global--spacer--600: 48px;
5128
- --pf-t--global--spacer--700: 64px;
5129
- --pf-t--global--spacer--800: 80px;
5116
+ --pf-t--global--icon--size--100: 0.75rem;
5117
+ --pf-t--global--icon--size--200: 0.875rem;
5118
+ --pf-t--global--icon--size--250: 1rem;
5119
+ --pf-t--global--icon--size--300: 1.375rem;
5120
+ --pf-t--global--icon--size--400: 3.5rem;
5121
+ --pf-t--global--icon--size--500: 6rem;
5122
+ --pf-t--global--spacer--100: 0.25rem;
5123
+ --pf-t--global--spacer--200: 0.5rem;
5124
+ --pf-t--global--spacer--300: 1rem;
5125
+ --pf-t--global--spacer--400: 1.5rem;
5126
+ --pf-t--global--spacer--500: 2rem;
5127
+ --pf-t--global--spacer--600: 3rem;
5128
+ --pf-t--global--spacer--700: 4rem;
5129
+ --pf-t--global--spacer--800: 5rem;
5130
+ --pf-t--global--text-decoration--line--100: none;
5131
+ --pf-t--global--text-decoration--line--200: underline;
5132
+ --pf-t--global--text-decoration--style--100: solid;
5133
+ --pf-t--global--text-decoration--style--200: dashed;
5130
5134
  --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
5131
5135
  --pf-t--global--timing-function--200: cubic-bezier(.4, 0, .2, 1);
5132
5136
  --pf-t--global--timing-function--300: cubic-bezier(0, 0, .2, 1);
@@ -5327,6 +5331,18 @@ button) {
5327
5331
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
5328
5332
  --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
5329
5333
  --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
5334
+ --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
5335
+ --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
5336
+ --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
5337
+ --pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
5338
+ --pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
5339
+ --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
5340
+ --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
5341
+ --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
5342
+ --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--style--200);
5343
+ --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--style--200);
5344
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
5345
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
5330
5346
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
5331
5347
  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
5332
5348
  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -5495,6 +5511,8 @@ button) {
5495
5511
  --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
5496
5512
  --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
5497
5513
  --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
5514
+ --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
5515
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
5498
5516
  --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
5499
5517
  --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
5500
5518
  --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
@@ -5508,6 +5526,8 @@ button) {
5508
5526
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
5509
5527
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
5510
5528
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
5529
+ --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
5530
+ --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
5511
5531
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
5512
5532
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
5513
5533
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
@@ -17207,6 +17227,7 @@ ul.pf-v6-c-list {
17207
17227
  --pf-v6-c-notification-drawer__list-item-header-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
17208
17228
  --pf-v6-c-notification-drawer__list-item-header-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
17209
17229
  --pf-v6-c-notification-drawer__list-item-header-title--max-lines: 1;
17230
+ --pf-v6-c-notification-drawer__list-item-action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17210
17231
  --pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd: var(--pf-t--global--spacer--sm);
17211
17232
  --pf-v6-c-notification-drawer__list-item-timestamp--Color: var(--pf-t--global--text--color--subtle);
17212
17233
  --pf-v6-c-notification-drawer__list-item-timestamp--FontSize: var(--pf-t--global--font--size--body--default);
@@ -17357,6 +17378,10 @@ ul.pf-v6-c-list {
17357
17378
  .pf-v6-c-notification-drawer__list-item-action {
17358
17379
  grid-row: 1/3;
17359
17380
  grid-column: 2/3;
17381
+ margin-block-start: var(--pf-v6-c-notification-drawer__list-item-action--MarginBlockStart);
17382
+ }
17383
+ .pf-v6-c-notification-drawer__list-item-action.pf-m-no-offset {
17384
+ --pf-v6-c-notification-drawer__list-item-action--MarginBlockStart: 0;
17360
17385
  }
17361
17386
 
17362
17387
  .pf-v6-c-notification-drawer__list-item-description {