@patternfly/patternfly 6.3.0-prerelease.76 → 6.3.0-prerelease.77

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 (14) hide show
  1. package/components/CalendarMonth/calendar-month.css +23 -8
  2. package/components/CalendarMonth/calendar-month.scss +26 -8
  3. package/components/Card/card.css +2 -0
  4. package/components/Card/card.scss +2 -0
  5. package/components/Drawer/drawer.css +3 -1
  6. package/components/Drawer/drawer.scss +4 -1
  7. package/components/Page/page.css +9 -5
  8. package/components/Page/page.scss +8 -5
  9. package/components/_index.css +37 -14
  10. package/package.json +1 -1
  11. package/patternfly-no-globals.css +37 -14
  12. package/patternfly.css +37 -14
  13. package/patternfly.min.css +1 -1
  14. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -11265,12 +11265,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11265
11265
  --pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
11266
11266
  --pf-v6-c-calendar-month__date--Width: 4ch;
11267
11267
  --pf-v6-c-calendar-month__date--Height: 4ch;
11268
+ --pf-v6-c-calendar-month__date--BorderWidth: 0;
11269
+ --pf-v6-c-calendar-month__date--BorderColor: transparent;
11268
11270
  --pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
11269
11271
  --pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
11270
11272
  --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
11271
11273
  --pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
11272
11274
  --pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
11273
- --pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
11275
+ --pf-v6-c-calendar-month__date--after--BorderWidth: 0;
11274
11276
  --pf-v6-c-calendar-month__date--after--BorderColor: transparent;
11275
11277
  --pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
11276
11278
  --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -11279,9 +11281,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11279
11281
  --pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
11280
11282
  --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
11281
11283
  --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
11284
+ --pf-v6-c-calendar-month__date--focus--after--BorderWidth: var(--pf-t--global--border--width--regular);
11282
11285
  --pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
11283
- --pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
11284
- --pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
11286
+ --pf-v6-c-calendar-month__dates-cell--m-current__date--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
11287
+ --pf-v6-c-calendar-month__dates-cell--m-current__date--BorderColor: var(--pf-t--global--border--color--high-contrast);
11288
+ --pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
11289
+ --pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderColor: transparent;
11285
11290
  }
11286
11291
 
11287
11292
  .pf-v6-c-calendar-month {
@@ -11362,8 +11367,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11362
11367
  }
11363
11368
  .pf-v6-c-calendar-month__dates-cell.pf-m-current {
11364
11369
  --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
11365
- --pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderWidth);
11366
- --pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderColor);
11370
+ --pf-v6-c-calendar-month__date--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BorderWidth);
11371
+ --pf-v6-c-calendar-month__date--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BorderColor);
11367
11372
  }
11368
11373
  .pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
11369
11374
  --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth);
@@ -11386,8 +11391,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11386
11391
  .pf-v6-c-calendar-month__dates-cell.pf-m-selected {
11387
11392
  --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
11388
11393
  --pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
11394
+ --pf-v6-c-calendar-month__date--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderWidth);
11395
+ --pf-v6-c-calendar-month__date--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderColor);
11389
11396
  --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
11390
- --pf-v6-c-calendar-month__date--hover--BorderWidth: 0;
11397
+ --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BorderWidth);
11391
11398
  --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
11392
11399
  --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
11393
11400
  --pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
@@ -11411,6 +11418,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11411
11418
  background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
11412
11419
  border: 0;
11413
11420
  }
11421
+ .pf-v6-c-calendar-month__date::before {
11422
+ position: absolute;
11423
+ inset: 0;
11424
+ content: "";
11425
+ border: var(--pf-v6-c-calendar-month__date--BorderWidth) solid var(--pf-v6-c-calendar-month__date--BorderColor);
11426
+ }
11414
11427
  .pf-v6-c-calendar-month__date::after {
11415
11428
  position: absolute;
11416
11429
  inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
@@ -11420,15 +11433,17 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11420
11433
  content: "";
11421
11434
  border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
11422
11435
  }
11423
- .pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
11436
+ .pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::before, .pf-v6-c-calendar-month__date::after {
11424
11437
  border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
11425
11438
  }
11426
11439
  .pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
11427
11440
  --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
11428
- border: var(--pf-v6-c-calendar-month__date--hover--BorderColor) solid var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
11441
+ --pf-v6-c-calendar-month__date--BorderWidth: var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
11442
+ --pf-v6-c-calendar-month__date--BorderColor: var(--pf-v6-c-calendar-month__date--hover--BorderColor);
11429
11443
  }
11430
11444
  .pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
11431
11445
  --pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
11446
+ --pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-v6-c-calendar-month__date--focus--after--BorderWidth);
11432
11447
  outline: 0;
11433
11448
  }
11434
11449
  .pf-v6-c-calendar-month__date:disabled {
@@ -11511,6 +11526,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11511
11526
  --pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
11512
11527
  --pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11513
11528
  --pf-v6-c-card--m-secondary--BorderColor: var(--pf-t--global--border--color--high-contrast);
11529
+ --pf-v6-c-card--m-secondary--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
11514
11530
  --pf-v6-c-card--m-full-height--Height: 100%;
11515
11531
  --pf-v6-c-card--m-plain--BorderColor: transparent;
11516
11532
  --pf-v6-c-card--m-plain--BackgroundColor: transparent;
@@ -11597,6 +11613,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11597
11613
  }
11598
11614
  .pf-v6-c-card.pf-m-secondary {
11599
11615
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-secondary--BorderColor);
11616
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-secondary--BorderWidth);
11600
11617
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-secondary--BackgroundColor);
11601
11618
  }
11602
11619
  .pf-v6-c-card.pf-m-plain {
@@ -14599,7 +14616,8 @@ ul) {
14599
14616
  --pf-v6-c-drawer__panel--BoxShadow: none;
14600
14617
  --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
14601
14618
  --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--high-contrast--regular);
14602
- --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-t--global--border--width--divider--default);
14619
+ --pf-v6-c-drawer--m-inline__panel--after--Width: 0;
14620
+ --pf-v6-c-drawer--m-inline__panel--after--md--Width: var(--pf-t--global--border--width--divider--default);
14603
14621
  --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--high-contrast--regular);
14604
14622
  --pf-v6-c-drawer__panel--after--BackgroundColor: var(--pf-t--global--border--color--high-contrast);
14605
14623
  --pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-t--global--border--color--default);
@@ -14907,6 +14925,7 @@ ul) {
14907
14925
 
14908
14926
  @media screen and (min-width: 48rem) {
14909
14927
  .pf-v6-c-drawer {
14928
+ --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
14910
14929
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
14911
14930
  }
14912
14931
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
@@ -21413,6 +21432,15 @@ ul.pf-v6-c-list {
21413
21432
  --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
21414
21433
  }
21415
21434
  }
21435
+ @media screen and (max-width: calc(48rem - 1px)) {
21436
+ .pf-v6-c-page {
21437
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
21438
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
21439
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
21440
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
21441
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
21442
+ }
21443
+ }
21416
21444
 
21417
21445
  .pf-v6-c-page {
21418
21446
  display: grid;
@@ -21803,13 +21831,8 @@ ul.pf-v6-c-list {
21803
21831
  @media screen and (max-width: calc(48rem - 1px)) {
21804
21832
  .pf-v6-c-page__main-container {
21805
21833
  --pf-v6-c-page__main-container--AlignSelf: var(--pf-v6-c-page__main-container--xs--AlignSelf);
21806
- --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
21807
- --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
21808
21834
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
21809
21835
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
21810
- --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
21811
- --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
21812
- --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
21813
21836
  }
21814
21837
  }
21815
21838