@patternfly/patternfly 6.5.0-prerelease.6 → 6.5.0-prerelease.7

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/Card/card.css +6 -0
  2. package/components/Card/card.scss +8 -0
  3. package/components/_index.css +6 -0
  4. package/package.json +1 -1
  5. package/patternfly-no-globals.css +6 -0
  6. package/patternfly.css +6 -0
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/components/Card/card.css CHANGED
@@ -134,6 +134,12 @@
134
134
  .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label), .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled {
135
135
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor);
136
136
  }
137
+ .pf-v6-c-card__actions:has(> .pf-v6-c-card__selectable-actions input.pf-v6-screen-reader), .pf-v6-c-card.pf-m-clickable:not(.pf-m-selectable) {
138
+ --pf-v6-c-card__actions--PaddingInlineStart: 0;
139
+ --pf-v6-c-card__actions--MarginBlockStart: 0;
140
+ --pf-v6-c-card__actions--MarginBlockEnd: 0;
141
+ }
142
+
137
143
  .pf-v6-c-card.pf-m-compact {
138
144
  --pf-v6-c-card__title-text--FontSize: var(--pf-v6-c-card--m-compact__title-text--FontSize);
139
145
  --pf-v6-c-card__body--FontSize: var(--pf-v6-c-card--m-compact__body--FontSize);
package/components/Card/card.scss CHANGED
@@ -196,6 +196,14 @@
196
196
  }
197
197
  // stylelint-enable selector-max-class
198
198
 
199
+ // when the whole card is clickable and the card actions are invisible, remove the padding/margin so it doesn't take up space
200
+ @at-root .#{$card}__actions:has(> .#{$card}__selectable-actions input.#{$pf-prefix}screen-reader),
201
+ &.pf-m-clickable:not(.pf-m-selectable) {
202
+ --#{$card}__actions--PaddingInlineStart: 0;
203
+ --#{$card}__actions--MarginBlockStart: 0;
204
+ --#{$card}__actions--MarginBlockEnd: 0;
205
+ }
206
+
199
207
  &.pf-m-compact {
200
208
  --#{$card}__title-text--FontSize: var(--#{$card}--m-compact__title-text--FontSize);
201
209
  --#{$card}__body--FontSize: var(--#{$card}--m-compact__body--FontSize);
package/components/_index.css CHANGED
@@ -2807,6 +2807,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2807
2807
  .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label), .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled {
2808
2808
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor);
2809
2809
  }
2810
+ .pf-v6-c-card__actions:has(> .pf-v6-c-card__selectable-actions input.pf-v6-screen-reader), .pf-v6-c-card.pf-m-clickable:not(.pf-m-selectable) {
2811
+ --pf-v6-c-card__actions--PaddingInlineStart: 0;
2812
+ --pf-v6-c-card__actions--MarginBlockStart: 0;
2813
+ --pf-v6-c-card__actions--MarginBlockEnd: 0;
2814
+ }
2815
+
2810
2816
  .pf-v6-c-card.pf-m-compact {
2811
2817
  --pf-v6-c-card__title-text--FontSize: var(--pf-v6-c-card--m-compact__title-text--FontSize);
2812
2818
  --pf-v6-c-card__body--FontSize: var(--pf-v6-c-card--m-compact__body--FontSize);
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.5.0-prerelease.6",
4
+ "version": "6.5.0-prerelease.7",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -11474,6 +11474,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11474
11474
  .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label), .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled {
11475
11475
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor);
11476
11476
  }
11477
+ .pf-v6-c-card__actions:has(> .pf-v6-c-card__selectable-actions input.pf-v6-screen-reader), .pf-v6-c-card.pf-m-clickable:not(.pf-m-selectable) {
11478
+ --pf-v6-c-card__actions--PaddingInlineStart: 0;
11479
+ --pf-v6-c-card__actions--MarginBlockStart: 0;
11480
+ --pf-v6-c-card__actions--MarginBlockEnd: 0;
11481
+ }
11482
+
11477
11483
  .pf-v6-c-card.pf-m-compact {
11478
11484
  --pf-v6-c-card__title-text--FontSize: var(--pf-v6-c-card--m-compact__title-text--FontSize);
11479
11485
  --pf-v6-c-card__body--FontSize: var(--pf-v6-c-card--m-compact__body--FontSize);
package/patternfly.css CHANGED
@@ -11614,6 +11614,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11614
11614
  .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label), .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled {
11615
11615
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor);
11616
11616
  }
11617
+ .pf-v6-c-card__actions:has(> .pf-v6-c-card__selectable-actions input.pf-v6-screen-reader), .pf-v6-c-card.pf-m-clickable:not(.pf-m-selectable) {
11618
+ --pf-v6-c-card__actions--PaddingInlineStart: 0;
11619
+ --pf-v6-c-card__actions--MarginBlockStart: 0;
11620
+ --pf-v6-c-card__actions--MarginBlockEnd: 0;
11621
+ }
11622
+
11617
11623
  .pf-v6-c-card.pf-m-compact {
11618
11624
  --pf-v6-c-card__title-text--FontSize: var(--pf-v6-c-card--m-compact__title-text--FontSize);
11619
11625
  --pf-v6-c-card__body--FontSize: var(--pf-v6-c-card--m-compact__body--FontSize);