@patternfly/patternfly 6.3.0-prerelease.57 → 6.3.0-prerelease.58

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 (8) hide show
  1. package/components/CalendarMonth/calendar-month.css +16 -0
  2. package/components/CalendarMonth/calendar-month.scss +16 -0
  3. package/components/_index.css +16 -0
  4. package/package.json +1 -1
  5. package/patternfly-no-globals.css +16 -0
  6. package/patternfly.css +16 -0
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/components/CalendarMonth/calendar-month.css CHANGED
@@ -31,6 +31,9 @@
31
31
  --pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
32
32
  --pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
33
33
  --pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
34
+ --pf-v6-c-calendar-month__dates-cell--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
35
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: 0;
36
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: 0;
34
37
  --pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
35
38
  --pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
36
39
  --pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
@@ -38,6 +41,8 @@
38
41
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
39
42
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
40
43
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
44
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
45
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
41
46
  --pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
42
47
  --pf-v6-c-calendar-month__date--Width: 4ch;
43
48
  --pf-v6-c-calendar-month__date--Height: 4ch;
@@ -56,6 +61,8 @@
56
61
  --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
57
62
  --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
58
63
  --pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
64
+ --pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
65
+ --pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
59
66
  }
60
67
 
61
68
  .pf-v6-c-calendar-month {
@@ -128,13 +135,20 @@
128
135
  inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
129
136
  inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
130
137
  inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
138
+ pointer-events: none;
131
139
  content: "";
132
140
  background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
141
+ border: solid var(--pf-v6-c-calendar-month__dates-cell--after--BorderColor);
142
+ border-width: var(--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth) 0 var(--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth);
133
143
  }
134
144
  .pf-v6-c-calendar-month__dates-cell.pf-m-current {
135
145
  --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
146
+ --pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderWidth);
147
+ --pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderColor);
136
148
  }
137
149
  .pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
150
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth);
151
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth);
138
152
  --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
139
153
  --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
140
154
  --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
@@ -161,6 +175,8 @@
161
175
  }
162
176
  .pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
163
177
  --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
178
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: 0;
179
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: 0;
164
180
  --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
165
181
  }
166
182
 
package/components/CalendarMonth/calendar-month.scss CHANGED
@@ -41,6 +41,9 @@
41
41
  --#{$calendar-month}__dates-cell--before--InsetInlineEnd: 0;
42
42
  --#{$calendar-month}__dates-cell--before--InsetBlockEnd: var(--#{$calendar-month}__dates-cell--PaddingBlockEnd);
43
43
  --#{$calendar-month}__dates-cell--before--InsetInlineStart: 0;
44
+ --#{$calendar-month}__dates-cell--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
45
+ --#{$calendar-month}__dates-cell--after--BorderBlockStartWidth: 0;
46
+ --#{$calendar-month}__dates-cell--after--BorderBlockEndWidth: 0;
44
47
  --#{$calendar-month}__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
45
48
  --#{$calendar-month}__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
46
49
  --#{$calendar-month}__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
@@ -48,6 +51,8 @@
48
51
  --#{$calendar-month}__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
49
52
  --#{$calendar-month}__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
50
53
  --#{$calendar-month}__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
54
+ --#{$calendar-month}__dates-cell--m-in-range--after--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
55
+ --#{$calendar-month}__dates-cell--m-in-range--after--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
51
56
  --#{$calendar-month}__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
52
57
 
53
58
  // date button
@@ -68,6 +73,8 @@
68
73
  --#{$calendar-month}__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
69
74
  --#{$calendar-month}__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
70
75
  --#{$calendar-month}__date--after--focus--OutlineOffset: -2px;
76
+ --#{$calendar-month}__dates-cell--m-current__date--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
77
+ --#{$calendar-month}__dates-cell--m-current__date--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
71
78
  }
72
79
 
73
80
  .#{$calendar-month} {
@@ -142,15 +149,22 @@
142
149
  inset-block-end: var(--#{$calendar-month}__dates-cell--before--InsetBlockEnd);
143
150
  inset-inline-start: var(--#{$calendar-month}__dates-cell--before--InsetInlineStart);
144
151
  inset-inline-end: var(--#{$calendar-month}__dates-cell--before--InsetInlineEnd);
152
+ pointer-events: none;
145
153
  content: "";
146
154
  background-color: var(--#{$calendar-month}__dates-cell--before--BackgroundColor);
155
+ border: solid var(--#{$calendar-month}__dates-cell--after--BorderColor);
156
+ border-width: var(--#{$calendar-month}__dates-cell--after--BorderBlockStartWidth) 0 var(--#{$calendar-month}__dates-cell--after--BorderBlockEndWidth);
147
157
  }
148
158
 
149
159
  &.pf-m-current {
150
160
  --#{$calendar-month}__date--BackgroundColor: var(--#{$calendar-month}__dates-cell--m-current__date--BackgroundColor);
161
+ --#{$calendar-month}__date--after--BorderWidth: var(--#{$calendar-month}__dates-cell--m-current__date--after--BorderWidth);
162
+ --#{$calendar-month}__date--after--BorderColor: var(--#{$calendar-month}__dates-cell--m-current__date--after--BorderColor);
151
163
  }
152
164
 
153
165
  &.pf-m-in-range {
166
+ --#{$calendar-month}__dates-cell--after--BorderBlockStartWidth: var(--#{$calendar-month}__dates-cell--m-in-range--after--BorderBlockStartWidth);
167
+ --#{$calendar-month}__dates-cell--after--BorderBlockEndWidth: var(--#{$calendar-month}__dates-cell--m-in-range--after--BorderBlockEndWidth);
154
168
  --#{$calendar-month}__dates-cell--before--BackgroundColor: var(--#{$calendar-month}__dates-cell--m-in-range--before--BackgroundColor);
155
169
  --#{$calendar-month}__date--hover--BackgroundColor: var(--#{$calendar-month}__dates-cell--m-in-range__date--hover--BackgroundColor);
156
170
  --#{$calendar-month}__date--hover--BorderWidth: var(--#{$calendar-month}__dates-cell--m-in-range__date--hover--BorderWidth);
@@ -186,6 +200,8 @@
186
200
 
187
201
  &.pf-m-disabled {
188
202
  --#{$calendar-month}__dates-cell--before--BackgroundColor: transparent;
203
+ --#{$calendar-month}__dates-cell--after--BorderBlockStartWidth: 0;
204
+ --#{$calendar-month}__dates-cell--after--BorderBlockEndWidth: 0;
189
205
  --#{$calendar-month}__date--BackgroundColor: transparent;
190
206
  }
191
207
  }
package/components/_index.css CHANGED
@@ -2452,6 +2452,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2452
2452
  --pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
2453
2453
  --pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
2454
2454
  --pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
2455
+ --pf-v6-c-calendar-month__dates-cell--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
2456
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: 0;
2457
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: 0;
2455
2458
  --pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2456
2459
  --pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
2457
2460
  --pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
@@ -2459,6 +2462,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2459
2462
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
2460
2463
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
2461
2464
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2465
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
2466
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
2462
2467
  --pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
2463
2468
  --pf-v6-c-calendar-month__date--Width: 4ch;
2464
2469
  --pf-v6-c-calendar-month__date--Height: 4ch;
@@ -2477,6 +2482,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2477
2482
  --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
2478
2483
  --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
2479
2484
  --pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
2485
+ --pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
2486
+ --pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
2480
2487
  }
2481
2488
 
2482
2489
  .pf-v6-c-calendar-month {
@@ -2549,13 +2556,20 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2549
2556
  inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
2550
2557
  inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
2551
2558
  inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
2559
+ pointer-events: none;
2552
2560
  content: "";
2553
2561
  background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
2562
+ border: solid var(--pf-v6-c-calendar-month__dates-cell--after--BorderColor);
2563
+ border-width: var(--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth) 0 var(--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth);
2554
2564
  }
2555
2565
  .pf-v6-c-calendar-month__dates-cell.pf-m-current {
2556
2566
  --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
2567
+ --pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderWidth);
2568
+ --pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderColor);
2557
2569
  }
2558
2570
  .pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
2571
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth);
2572
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth);
2559
2573
  --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
2560
2574
  --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
2561
2575
  --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
@@ -2582,6 +2596,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2582
2596
  }
2583
2597
  .pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
2584
2598
  --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
2599
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: 0;
2600
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: 0;
2585
2601
  --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
2586
2602
  }
2587
2603
 
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.3.0-prerelease.57",
4
+ "version": "6.3.0-prerelease.58",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "engines": {
package/patternfly-no-globals.css CHANGED
@@ -11119,6 +11119,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11119
11119
  --pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
11120
11120
  --pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
11121
11121
  --pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
11122
+ --pf-v6-c-calendar-month__dates-cell--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
11123
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: 0;
11124
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: 0;
11122
11125
  --pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11123
11126
  --pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
11124
11127
  --pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
@@ -11126,6 +11129,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11126
11129
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
11127
11130
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
11128
11131
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11132
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
11133
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
11129
11134
  --pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
11130
11135
  --pf-v6-c-calendar-month__date--Width: 4ch;
11131
11136
  --pf-v6-c-calendar-month__date--Height: 4ch;
@@ -11144,6 +11149,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11144
11149
  --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
11145
11150
  --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
11146
11151
  --pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
11152
+ --pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
11153
+ --pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
11147
11154
  }
11148
11155
 
11149
11156
  .pf-v6-c-calendar-month {
@@ -11216,13 +11223,20 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11216
11223
  inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
11217
11224
  inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
11218
11225
  inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
11226
+ pointer-events: none;
11219
11227
  content: "";
11220
11228
  background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
11229
+ border: solid var(--pf-v6-c-calendar-month__dates-cell--after--BorderColor);
11230
+ border-width: var(--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth) 0 var(--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth);
11221
11231
  }
11222
11232
  .pf-v6-c-calendar-month__dates-cell.pf-m-current {
11223
11233
  --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
11234
+ --pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderWidth);
11235
+ --pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderColor);
11224
11236
  }
11225
11237
  .pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
11238
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth);
11239
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth);
11226
11240
  --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
11227
11241
  --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
11228
11242
  --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
@@ -11249,6 +11263,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11249
11263
  }
11250
11264
  .pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
11251
11265
  --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
11266
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: 0;
11267
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: 0;
11252
11268
  --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
11253
11269
  }
11254
11270
 
package/patternfly.css CHANGED
@@ -11259,6 +11259,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11259
11259
  --pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
11260
11260
  --pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
11261
11261
  --pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
11262
+ --pf-v6-c-calendar-month__dates-cell--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
11263
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: 0;
11264
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: 0;
11262
11265
  --pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11263
11266
  --pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
11264
11267
  --pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
@@ -11266,6 +11269,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11266
11269
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
11267
11270
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
11268
11271
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11272
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
11273
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
11269
11274
  --pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
11270
11275
  --pf-v6-c-calendar-month__date--Width: 4ch;
11271
11276
  --pf-v6-c-calendar-month__date--Height: 4ch;
@@ -11284,6 +11289,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11284
11289
  --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
11285
11290
  --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
11286
11291
  --pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
11292
+ --pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
11293
+ --pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
11287
11294
  }
11288
11295
 
11289
11296
  .pf-v6-c-calendar-month {
@@ -11356,13 +11363,20 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11356
11363
  inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
11357
11364
  inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
11358
11365
  inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
11366
+ pointer-events: none;
11359
11367
  content: "";
11360
11368
  background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
11369
+ border: solid var(--pf-v6-c-calendar-month__dates-cell--after--BorderColor);
11370
+ border-width: var(--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth) 0 var(--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth);
11361
11371
  }
11362
11372
  .pf-v6-c-calendar-month__dates-cell.pf-m-current {
11363
11373
  --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
11374
+ --pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderWidth);
11375
+ --pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderColor);
11364
11376
  }
11365
11377
  .pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
11378
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth);
11379
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth);
11366
11380
  --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
11367
11381
  --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
11368
11382
  --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
@@ -11389,6 +11403,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11389
11403
  }
11390
11404
  .pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
11391
11405
  --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
11406
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: 0;
11407
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: 0;
11392
11408
  --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
11393
11409
  }
11394
11410