@patternfly/patternfly 6.0.0-alpha.59 → 6.0.0-alpha.60

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 (9) hide show
  1. package/components/ClipboardCopy/clipboard-copy.css +30 -33
  2. package/components/ClipboardCopy/clipboard-copy.scss +34 -26
  3. package/package.json +1 -1
  4. package/patternfly-no-globals.css +30 -37
  5. package/patternfly-theme-dark-unversioned.css +30 -37
  6. package/patternfly.css +30 -37
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
  9. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +0 -19
package/components/ClipboardCopy/clipboard-copy.css CHANGED
@@ -1,30 +1,35 @@
1
- .pf-v5-c-clipboard-copy {
1
+ :where(:root),
2
+ :where(.pf-v5-c-clipboard-copy) {
2
3
  --pf-v5-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
3
4
  --pf-v5-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
4
- --pf-v5-c-clipboard-copy__expandable-content--PaddingTop: var(--pf-v5-global--spacer--md);
5
- --pf-v5-c-clipboard-copy__expandable-content--PaddingRight: var(--pf-v5-global--spacer--md);
6
- --pf-v5-c-clipboard-copy__expandable-content--PaddingBottom: var(--pf-v5-global--spacer--md);
7
- --pf-v5-c-clipboard-copy__expandable-content--PaddingLeft: var(--pf-v5-global--spacer--md);
8
- --pf-v5-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
9
- --pf-v5-c-clipboard-copy__expandable-content--BorderTopWidth: 0;
10
- --pf-v5-c-clipboard-copy__expandable-content--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
11
- --pf-v5-c-clipboard-copy__expandable-content--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
12
- --pf-v5-c-clipboard-copy__expandable-content--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
13
- --pf-v5-c-clipboard-copy__expandable-content--BorderColor: var(--pf-v5-global--BorderColor--100);
14
- --pf-v5-c-clipboard-copy__expandable-content--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
5
+ --pf-v5-c-clipboard-copy__expandable-content--MarginTop: var(--pf-t--global--spacer--xs);
6
+ --pf-v5-c-clipboard-copy__expandable-content--PaddingTop: var(--pf-t--global--spacer--md);
7
+ --pf-v5-c-clipboard-copy__expandable-content--PaddingRight: var(--pf-t--global--spacer--md);
8
+ --pf-v5-c-clipboard-copy__expandable-content--PaddingBottom: var(--pf-t--global--spacer--md);
9
+ --pf-v5-c-clipboard-copy__expandable-content--PaddingLeft: var(--pf-t--global--spacer--md);
10
+ --pf-v5-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11
+ --pf-v5-c-clipboard-copy__expandable-content--BorderTopWidth: var(--pf-t--global--border--width--control--default);
12
+ --pf-v5-c-clipboard-copy__expandable-content--BorderRightWidth: var(--pf-t--global--border--width--control--default);
13
+ --pf-v5-c-clipboard-copy__expandable-content--BorderBottomWidth: var(--pf-t--global--border--width--control--default);
14
+ --pf-v5-c-clipboard-copy__expandable-content--BorderLeftWidth: var(--pf-t--global--border--width--control--default);
15
+ --pf-v5-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--default);
16
+ --pf-v5-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
17
+ --pf-v5-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
18
+ --pf-v5-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--xs);
15
19
  --pf-v5-c-clipboard-copy--m-inline--PaddingTop: 0;
16
20
  --pf-v5-c-clipboard-copy--m-inline--PaddingBottom: 0;
17
- --pf-v5-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-v5-global--spacer--xs);
18
- --pf-v5-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
19
- --pf-v5-c-clipboard-copy__text--m-code--FontFamily: var(--pf-v5-global--FontFamily--monospace);
20
- --pf-v5-c-clipboard-copy__text--m-code--FontSize: var(--pf-v5-global--FontSize--sm);
21
- --pf-v5-c-clipboard-copy__actions-item--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element));
22
- --pf-v5-c-clipboard-copy__actions-item--MarginBottom: calc(-1 * var(--pf-v5-global--spacer--form-element));
23
- --pf-v5-c-clipboard-copy__actions-item--button--PaddingTop: var(--pf-v5-global--spacer--xs);
24
- --pf-v5-c-clipboard-copy__actions-item--button--PaddingRight: var(--pf-v5-global--spacer--sm);
25
- --pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom: var(--pf-v5-global--spacer--xs);
26
- --pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-v5-global--spacer--sm);
21
+ --pf-v5-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-t--global--spacer--xs);
22
+ --pf-v5-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
23
+ --pf-v5-c-clipboard-copy__text--m-code--FontFamily: var(--pf-t--global--font--family--mono);
24
+ --pf-v5-c-clipboard-copy__text--m-code--FontSize: var(--pf-t--global--font--size--body--default);
25
+ --pf-v5-c-clipboard-copy__actions-item--MarginTop: calc(-1 * var(--pf-t--global--spacer--xs));
26
+ --pf-v5-c-clipboard-copy__actions-item--MarginBottom: calc(-1 * var(--pf-t--global--spacer--xs));
27
+ --pf-v5-c-clipboard-copy__actions-item--button--PaddingTop: var(--pf-t--global--spacer--xs);
28
+ --pf-v5-c-clipboard-copy__actions-item--button--PaddingRight: var(--pf-t--global--spacer--xs);
29
+ --pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom: var(--pf-t--global--spacer--xs);
30
+ --pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-t--global--spacer--xs);
27
31
  }
32
+
28
33
  .pf-v5-c-clipboard-copy.pf-m-expanded .pf-v5-c-clipboard-copy__toggle-icon {
29
34
  transform: rotate(var(--pf-v5-c-clipboard-copy--m-expanded__toggle-icon--Rotate));
30
35
  }
@@ -42,6 +47,7 @@
42
47
 
43
48
  .pf-v5-c-clipboard-copy__group {
44
49
  display: flex;
50
+ gap: var(--pf-v5-c-clipboard-copy__group--Gap);
45
51
  }
46
52
  .pf-v5-c-clipboard-copy__group > * + * {
47
53
  margin-inline-start: -1px;
@@ -59,6 +65,7 @@
59
65
  padding-block-end: var(--pf-v5-c-clipboard-copy__expandable-content--PaddingBottom);
60
66
  padding-inline-start: var(--pf-v5-c-clipboard-copy__expandable-content--PaddingLeft);
61
67
  padding-inline-end: var(--pf-v5-c-clipboard-copy__expandable-content--PaddingRight);
68
+ margin-block-start: var(--pf-v5-c-clipboard-copy__expandable-content--MarginTop);
62
69
  word-wrap: break-word;
63
70
  background-color: var(--pf-v5-c-clipboard-copy__expandable-content--BackgroundColor);
64
71
  background-clip: padding-box;
@@ -67,6 +74,7 @@
67
74
  border-block-end-width: var(--pf-v5-c-clipboard-copy__expandable-content--BorderBottomWidth);
68
75
  border-inline-start-width: var(--pf-v5-c-clipboard-copy__expandable-content--BorderLeftWidth);
69
76
  border-inline-end-width: var(--pf-v5-c-clipboard-copy__expandable-content--BorderRightWidth);
77
+ border-radius: var(--pf-v5-c-clipboard-copy__expandable-content--BorderRadius);
70
78
  box-shadow: var(--pf-v5-c-clipboard-copy__expandable-content--BoxShadow);
71
79
  }
72
80
  .pf-v5-c-clipboard-copy__expandable-content pre {
@@ -95,15 +103,4 @@
95
103
  --pf-v5-c-button--PaddingRight: var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingRight);
96
104
  --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom);
97
105
  --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft);
98
- }
99
-
100
- :where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy {
101
- --pf-v5-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
102
- }
103
- :where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy__group > * + * {
104
- margin-inline-start: 0;
105
- border-inline-start: 1px solid var(--pf-v5-global--palette--black-700) !important;
106
- }
107
- :where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy__expandable-content {
108
- border: 0;
109
106
  }
package/components/ClipboardCopy/clipboard-copy.scss CHANGED
@@ -1,41 +1,49 @@
1
1
  // @debug $clipboard-copy; // check your variable names located in src/patternfly/sass-utilities/component-namespaces.scss
2
2
 
3
- .#{$clipboard-copy} {
3
+ :where(:root),
4
+ :where(.#{$clipboard-copy}) {
4
5
  // Toggle icon
5
6
  --#{$clipboard-copy}__toggle-icon--Transition: .2s ease-in 0s;
6
7
  --#{$clipboard-copy}--m-expanded__toggle-icon--Rotate: 90deg;
7
8
 
8
9
  // Clipboard copy expanded content
9
- --#{$clipboard-copy}__expandable-content--PaddingTop: var(--#{$pf-global}--spacer--md);
10
- --#{$clipboard-copy}__expandable-content--PaddingRight: var(--#{$pf-global}--spacer--md);
11
- --#{$clipboard-copy}__expandable-content--PaddingBottom: var(--#{$pf-global}--spacer--md);
12
- --#{$clipboard-copy}__expandable-content--PaddingLeft: var(--#{$pf-global}--spacer--md);
13
- --#{$clipboard-copy}__expandable-content--BackgroundColor: var(--#{$pf-global}--BackgroundColor--light-100);
14
- --#{$clipboard-copy}__expandable-content--BorderTopWidth: 0;
15
- --#{$clipboard-copy}__expandable-content--BorderRightWidth: var(--#{$pf-global}--BorderWidth--sm);
16
- --#{$clipboard-copy}__expandable-content--BorderBottomWidth: var(--#{$pf-global}--BorderWidth--sm);
17
- --#{$clipboard-copy}__expandable-content--BorderLeftWidth: var(--#{$pf-global}--BorderWidth--sm);
18
- --#{$clipboard-copy}__expandable-content--BorderColor: var(--#{$pf-global}--BorderColor--100);
19
- --#{$clipboard-copy}__expandable-content--OutlineOffset: calc(-1 * var(--#{$pf-global}--spacer--xs));
10
+ --#{$clipboard-copy}__expandable-content--MarginTop: var(--pf-t--global--spacer--xs);
11
+ --#{$clipboard-copy}__expandable-content--PaddingTop: var(--pf-t--global--spacer--md);
12
+ --#{$clipboard-copy}__expandable-content--PaddingRight: var(--pf-t--global--spacer--md);
13
+ --#{$clipboard-copy}__expandable-content--PaddingBottom: var(--pf-t--global--spacer--md);
14
+ --#{$clipboard-copy}__expandable-content--PaddingLeft: var(--pf-t--global--spacer--md);
15
+ --#{$clipboard-copy}__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
16
+ --#{$clipboard-copy}__expandable-content--BorderTopWidth: var(--pf-t--global--border--width--control--default);
17
+ --#{$clipboard-copy}__expandable-content--BorderRightWidth: var(--pf-t--global--border--width--control--default);
18
+ --#{$clipboard-copy}__expandable-content--BorderBottomWidth: var(--pf-t--global--border--width--control--default);
19
+ --#{$clipboard-copy}__expandable-content--BorderLeftWidth: var(--pf-t--global--border--width--control--default);
20
+ --#{$clipboard-copy}__expandable-content--BorderColor: var(--pf-t--global--border--color--default);
21
+ --#{$clipboard-copy}__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
22
+ --#{$clipboard-copy}__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
23
+
24
+ // Group
25
+ --#{$clipboard-copy}__group--Gap: var(--pf-t--global--spacer--xs);
20
26
 
21
27
  // Inline
22
28
  --#{$clipboard-copy}--m-inline--PaddingTop: 0; // remove at breaking change
23
29
  --#{$clipboard-copy}--m-inline--PaddingBottom: 0; // remove at breaking change
24
- --#{$clipboard-copy}--m-inline--PaddingLeft: var(--#{$pf-global}--spacer--xs);
25
- --#{$clipboard-copy}--m-inline--BackgroundColor: var(--#{$pf-global}--BackgroundColor--200);
30
+ --#{$clipboard-copy}--m-inline--PaddingLeft: var(--pf-t--global--spacer--xs);
31
+ --#{$clipboard-copy}--m-inline--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
26
32
 
27
33
  // Text
28
- --#{$clipboard-copy}__text--m-code--FontFamily: var(--#{$pf-global}--FontFamily--monospace);
29
- --#{$clipboard-copy}__text--m-code--FontSize: var(--#{$pf-global}--FontSize--sm);
34
+ --#{$clipboard-copy}__text--m-code--FontFamily: var(--pf-t--global--font--family--mono);
35
+ --#{$clipboard-copy}__text--m-code--FontSize: var(--pf-t--global--font--size--body--default);
30
36
 
31
37
  // Actions
32
- --#{$clipboard-copy}__actions-item--MarginTop: calc(-1 * var(--#{$pf-global}--spacer--form-element));
33
- --#{$clipboard-copy}__actions-item--MarginBottom: calc(-1 * var(--#{$pf-global}--spacer--form-element));
34
- --#{$clipboard-copy}__actions-item--button--PaddingTop: var(--#{$pf-global}--spacer--xs);
35
- --#{$clipboard-copy}__actions-item--button--PaddingRight: var(--#{$pf-global}--spacer--sm);
36
- --#{$clipboard-copy}__actions-item--button--PaddingBottom: var(--#{$pf-global}--spacer--xs);
37
- --#{$clipboard-copy}__actions-item--button--PaddingLeft: var(--#{$pf-global}--spacer--sm);
38
+ --#{$clipboard-copy}__actions-item--MarginTop: calc(-1 * var(--pf-t--global--spacer--xs));
39
+ --#{$clipboard-copy}__actions-item--MarginBottom: calc(-1 * var(--pf-t--global--spacer--xs));
40
+ --#{$clipboard-copy}__actions-item--button--PaddingTop: var(--pf-t--global--spacer--xs);
41
+ --#{$clipboard-copy}__actions-item--button--PaddingRight: var(--pf-t--global--spacer--xs);
42
+ --#{$clipboard-copy}__actions-item--button--PaddingBottom: var(--pf-t--global--spacer--xs);
43
+ --#{$clipboard-copy}__actions-item--button--PaddingLeft: var(--pf-t--global--spacer--xs);
44
+ }
38
45
 
46
+ .#{$clipboard-copy} {
39
47
  // Toggle button expanded
40
48
  &.pf-m-expanded {
41
49
  .#{$clipboard-copy}__toggle-icon {
@@ -57,8 +65,10 @@
57
65
  }
58
66
  }
59
67
 
68
+
60
69
  .#{$clipboard-copy}__group {
61
70
  display: flex;
71
+ gap: var(--#{$clipboard-copy}__group--Gap);
62
72
 
63
73
  > * + * {
64
74
  margin-inline-start: -1px;
@@ -76,6 +86,7 @@
76
86
  padding-block-end: var(--#{$clipboard-copy}__expandable-content--PaddingBottom);
77
87
  padding-inline-start: var(--#{$clipboard-copy}__expandable-content--PaddingLeft);
78
88
  padding-inline-end: var(--#{$clipboard-copy}__expandable-content--PaddingRight);
89
+ margin-block-start: var(--#{$clipboard-copy}__expandable-content--MarginTop);
79
90
  word-wrap: break-word;
80
91
  background-color: var(--#{$clipboard-copy}__expandable-content--BackgroundColor);
81
92
  background-clip: padding-box;
@@ -84,6 +95,7 @@
84
95
  border-block-end-width: var(--#{$clipboard-copy}__expandable-content--BorderBottomWidth);
85
96
  border-inline-start-width: var(--#{$clipboard-copy}__expandable-content--BorderLeftWidth);
86
97
  border-inline-end-width: var(--#{$clipboard-copy}__expandable-content--BorderRightWidth);
98
+ border-radius: var(--#{$clipboard-copy}__expandable-content--BorderRadius);
87
99
  box-shadow: var(--#{$clipboard-copy}__expandable-content--BoxShadow);
88
100
 
89
101
  pre {
@@ -118,8 +130,4 @@
118
130
  }
119
131
 
120
132
  // stylelint-disable no-invalid-position-at-import-rule
121
- @import "themes/dark/clipboard-copy";
122
133
 
123
- @include pf-v5-theme-dark {
124
- @include pf-v5-theme-dark-clipboard-copy;
125
- }
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.0.0-alpha.59",
4
+ "version": "6.0.0-alpha.60",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -9276,33 +9276,38 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9276
9276
  margin-block-end: var(--pf-v5-c-chip-group__close--MarginBottom);
9277
9277
  }
9278
9278
 
9279
- .pf-v5-c-clipboard-copy {
9279
+ :where(:root),
9280
+ :where(.pf-v5-c-clipboard-copy) {
9280
9281
  --pf-v5-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
9281
9282
  --pf-v5-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
9282
- --pf-v5-c-clipboard-copy__expandable-content--PaddingTop: var(--pf-v5-global--spacer--md);
9283
- --pf-v5-c-clipboard-copy__expandable-content--PaddingRight: var(--pf-v5-global--spacer--md);
9284
- --pf-v5-c-clipboard-copy__expandable-content--PaddingBottom: var(--pf-v5-global--spacer--md);
9285
- --pf-v5-c-clipboard-copy__expandable-content--PaddingLeft: var(--pf-v5-global--spacer--md);
9286
- --pf-v5-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
9287
- --pf-v5-c-clipboard-copy__expandable-content--BorderTopWidth: 0;
9288
- --pf-v5-c-clipboard-copy__expandable-content--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
9289
- --pf-v5-c-clipboard-copy__expandable-content--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
9290
- --pf-v5-c-clipboard-copy__expandable-content--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
9291
- --pf-v5-c-clipboard-copy__expandable-content--BorderColor: var(--pf-v5-global--BorderColor--100);
9292
- --pf-v5-c-clipboard-copy__expandable-content--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
9283
+ --pf-v5-c-clipboard-copy__expandable-content--MarginTop: var(--pf-t--global--spacer--xs);
9284
+ --pf-v5-c-clipboard-copy__expandable-content--PaddingTop: var(--pf-t--global--spacer--md);
9285
+ --pf-v5-c-clipboard-copy__expandable-content--PaddingRight: var(--pf-t--global--spacer--md);
9286
+ --pf-v5-c-clipboard-copy__expandable-content--PaddingBottom: var(--pf-t--global--spacer--md);
9287
+ --pf-v5-c-clipboard-copy__expandable-content--PaddingLeft: var(--pf-t--global--spacer--md);
9288
+ --pf-v5-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9289
+ --pf-v5-c-clipboard-copy__expandable-content--BorderTopWidth: var(--pf-t--global--border--width--control--default);
9290
+ --pf-v5-c-clipboard-copy__expandable-content--BorderRightWidth: var(--pf-t--global--border--width--control--default);
9291
+ --pf-v5-c-clipboard-copy__expandable-content--BorderBottomWidth: var(--pf-t--global--border--width--control--default);
9292
+ --pf-v5-c-clipboard-copy__expandable-content--BorderLeftWidth: var(--pf-t--global--border--width--control--default);
9293
+ --pf-v5-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--default);
9294
+ --pf-v5-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
9295
+ --pf-v5-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
9296
+ --pf-v5-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--xs);
9293
9297
  --pf-v5-c-clipboard-copy--m-inline--PaddingTop: 0;
9294
9298
  --pf-v5-c-clipboard-copy--m-inline--PaddingBottom: 0;
9295
- --pf-v5-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-v5-global--spacer--xs);
9296
- --pf-v5-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
9297
- --pf-v5-c-clipboard-copy__text--m-code--FontFamily: var(--pf-v5-global--FontFamily--monospace);
9298
- --pf-v5-c-clipboard-copy__text--m-code--FontSize: var(--pf-v5-global--FontSize--sm);
9299
- --pf-v5-c-clipboard-copy__actions-item--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element));
9300
- --pf-v5-c-clipboard-copy__actions-item--MarginBottom: calc(-1 * var(--pf-v5-global--spacer--form-element));
9301
- --pf-v5-c-clipboard-copy__actions-item--button--PaddingTop: var(--pf-v5-global--spacer--xs);
9302
- --pf-v5-c-clipboard-copy__actions-item--button--PaddingRight: var(--pf-v5-global--spacer--sm);
9303
- --pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom: var(--pf-v5-global--spacer--xs);
9304
- --pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-v5-global--spacer--sm);
9299
+ --pf-v5-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-t--global--spacer--xs);
9300
+ --pf-v5-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
9301
+ --pf-v5-c-clipboard-copy__text--m-code--FontFamily: var(--pf-t--global--font--family--mono);
9302
+ --pf-v5-c-clipboard-copy__text--m-code--FontSize: var(--pf-t--global--font--size--body--default);
9303
+ --pf-v5-c-clipboard-copy__actions-item--MarginTop: calc(-1 * var(--pf-t--global--spacer--xs));
9304
+ --pf-v5-c-clipboard-copy__actions-item--MarginBottom: calc(-1 * var(--pf-t--global--spacer--xs));
9305
+ --pf-v5-c-clipboard-copy__actions-item--button--PaddingTop: var(--pf-t--global--spacer--xs);
9306
+ --pf-v5-c-clipboard-copy__actions-item--button--PaddingRight: var(--pf-t--global--spacer--xs);
9307
+ --pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom: var(--pf-t--global--spacer--xs);
9308
+ --pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-t--global--spacer--xs);
9305
9309
  }
9310
+
9306
9311
  .pf-v5-c-clipboard-copy.pf-m-expanded .pf-v5-c-clipboard-copy__toggle-icon {
9307
9312
  transform: rotate(var(--pf-v5-c-clipboard-copy--m-expanded__toggle-icon--Rotate));
9308
9313
  }
@@ -9320,6 +9325,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9320
9325
 
9321
9326
  .pf-v5-c-clipboard-copy__group {
9322
9327
  display: flex;
9328
+ gap: var(--pf-v5-c-clipboard-copy__group--Gap);
9323
9329
  }
9324
9330
  .pf-v5-c-clipboard-copy__group > * + * {
9325
9331
  margin-inline-start: -1px;
@@ -9337,6 +9343,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9337
9343
  padding-block-end: var(--pf-v5-c-clipboard-copy__expandable-content--PaddingBottom);
9338
9344
  padding-inline-start: var(--pf-v5-c-clipboard-copy__expandable-content--PaddingLeft);
9339
9345
  padding-inline-end: var(--pf-v5-c-clipboard-copy__expandable-content--PaddingRight);
9346
+ margin-block-start: var(--pf-v5-c-clipboard-copy__expandable-content--MarginTop);
9340
9347
  word-wrap: break-word;
9341
9348
  background-color: var(--pf-v5-c-clipboard-copy__expandable-content--BackgroundColor);
9342
9349
  background-clip: padding-box;
@@ -9345,6 +9352,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9345
9352
  border-block-end-width: var(--pf-v5-c-clipboard-copy__expandable-content--BorderBottomWidth);
9346
9353
  border-inline-start-width: var(--pf-v5-c-clipboard-copy__expandable-content--BorderLeftWidth);
9347
9354
  border-inline-end-width: var(--pf-v5-c-clipboard-copy__expandable-content--BorderRightWidth);
9355
+ border-radius: var(--pf-v5-c-clipboard-copy__expandable-content--BorderRadius);
9348
9356
  box-shadow: var(--pf-v5-c-clipboard-copy__expandable-content--BoxShadow);
9349
9357
  }
9350
9358
  .pf-v5-c-clipboard-copy__expandable-content pre {
@@ -9375,21 +9383,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9375
9383
  --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft);
9376
9384
  }
9377
9385
 
9378
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
9379
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
9380
- }
9381
-
9382
- :where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy {
9383
- --pf-v5-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
9384
- }
9385
- :where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy__group > * + * {
9386
- margin-inline-start: 0;
9387
- border-inline-start: 1px solid var(--pf-v5-global--palette--black-700) !important;
9388
- }
9389
- :where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy__expandable-content {
9390
- border: 0;
9391
- }
9392
-
9393
9386
  :root, :where(.pf-v5-c-code-block) {
9394
9387
  --pf-v5-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
9395
9388
  --pf-v5-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -9393,33 +9393,38 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9393
9393
  margin-block-end: var(--pf-v5-c-chip-group__close--MarginBottom);
9394
9394
  }
9395
9395
 
9396
- .pf-v5-c-clipboard-copy {
9396
+ :where(:root),
9397
+ :where(.pf-v5-c-clipboard-copy) {
9397
9398
  --pf-v5-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
9398
9399
  --pf-v5-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
9399
- --pf-v5-c-clipboard-copy__expandable-content--PaddingTop: var(--pf-v5-global--spacer--md);
9400
- --pf-v5-c-clipboard-copy__expandable-content--PaddingRight: var(--pf-v5-global--spacer--md);
9401
- --pf-v5-c-clipboard-copy__expandable-content--PaddingBottom: var(--pf-v5-global--spacer--md);
9402
- --pf-v5-c-clipboard-copy__expandable-content--PaddingLeft: var(--pf-v5-global--spacer--md);
9403
- --pf-v5-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
9404
- --pf-v5-c-clipboard-copy__expandable-content--BorderTopWidth: 0;
9405
- --pf-v5-c-clipboard-copy__expandable-content--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
9406
- --pf-v5-c-clipboard-copy__expandable-content--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
9407
- --pf-v5-c-clipboard-copy__expandable-content--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
9408
- --pf-v5-c-clipboard-copy__expandable-content--BorderColor: var(--pf-v5-global--BorderColor--100);
9409
- --pf-v5-c-clipboard-copy__expandable-content--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
9400
+ --pf-v5-c-clipboard-copy__expandable-content--MarginTop: var(--pf-t--global--spacer--xs);
9401
+ --pf-v5-c-clipboard-copy__expandable-content--PaddingTop: var(--pf-t--global--spacer--md);
9402
+ --pf-v5-c-clipboard-copy__expandable-content--PaddingRight: var(--pf-t--global--spacer--md);
9403
+ --pf-v5-c-clipboard-copy__expandable-content--PaddingBottom: var(--pf-t--global--spacer--md);
9404
+ --pf-v5-c-clipboard-copy__expandable-content--PaddingLeft: var(--pf-t--global--spacer--md);
9405
+ --pf-v5-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9406
+ --pf-v5-c-clipboard-copy__expandable-content--BorderTopWidth: var(--pf-t--global--border--width--control--default);
9407
+ --pf-v5-c-clipboard-copy__expandable-content--BorderRightWidth: var(--pf-t--global--border--width--control--default);
9408
+ --pf-v5-c-clipboard-copy__expandable-content--BorderBottomWidth: var(--pf-t--global--border--width--control--default);
9409
+ --pf-v5-c-clipboard-copy__expandable-content--BorderLeftWidth: var(--pf-t--global--border--width--control--default);
9410
+ --pf-v5-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--default);
9411
+ --pf-v5-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
9412
+ --pf-v5-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
9413
+ --pf-v5-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--xs);
9410
9414
  --pf-v5-c-clipboard-copy--m-inline--PaddingTop: 0;
9411
9415
  --pf-v5-c-clipboard-copy--m-inline--PaddingBottom: 0;
9412
- --pf-v5-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-v5-global--spacer--xs);
9413
- --pf-v5-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
9414
- --pf-v5-c-clipboard-copy__text--m-code--FontFamily: var(--pf-v5-global--FontFamily--monospace);
9415
- --pf-v5-c-clipboard-copy__text--m-code--FontSize: var(--pf-v5-global--FontSize--sm);
9416
- --pf-v5-c-clipboard-copy__actions-item--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element));
9417
- --pf-v5-c-clipboard-copy__actions-item--MarginBottom: calc(-1 * var(--pf-v5-global--spacer--form-element));
9418
- --pf-v5-c-clipboard-copy__actions-item--button--PaddingTop: var(--pf-v5-global--spacer--xs);
9419
- --pf-v5-c-clipboard-copy__actions-item--button--PaddingRight: var(--pf-v5-global--spacer--sm);
9420
- --pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom: var(--pf-v5-global--spacer--xs);
9421
- --pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-v5-global--spacer--sm);
9416
+ --pf-v5-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-t--global--spacer--xs);
9417
+ --pf-v5-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
9418
+ --pf-v5-c-clipboard-copy__text--m-code--FontFamily: var(--pf-t--global--font--family--mono);
9419
+ --pf-v5-c-clipboard-copy__text--m-code--FontSize: var(--pf-t--global--font--size--body--default);
9420
+ --pf-v5-c-clipboard-copy__actions-item--MarginTop: calc(-1 * var(--pf-t--global--spacer--xs));
9421
+ --pf-v5-c-clipboard-copy__actions-item--MarginBottom: calc(-1 * var(--pf-t--global--spacer--xs));
9422
+ --pf-v5-c-clipboard-copy__actions-item--button--PaddingTop: var(--pf-t--global--spacer--xs);
9423
+ --pf-v5-c-clipboard-copy__actions-item--button--PaddingRight: var(--pf-t--global--spacer--xs);
9424
+ --pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom: var(--pf-t--global--spacer--xs);
9425
+ --pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-t--global--spacer--xs);
9422
9426
  }
9427
+
9423
9428
  .pf-v5-c-clipboard-copy.pf-m-expanded .pf-v5-c-clipboard-copy__toggle-icon {
9424
9429
  transform: rotate(var(--pf-v5-c-clipboard-copy--m-expanded__toggle-icon--Rotate));
9425
9430
  }
@@ -9437,6 +9442,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9437
9442
 
9438
9443
  .pf-v5-c-clipboard-copy__group {
9439
9444
  display: flex;
9445
+ gap: var(--pf-v5-c-clipboard-copy__group--Gap);
9440
9446
  }
9441
9447
  .pf-v5-c-clipboard-copy__group > * + * {
9442
9448
  margin-inline-start: -1px;
@@ -9454,6 +9460,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9454
9460
  padding-block-end: var(--pf-v5-c-clipboard-copy__expandable-content--PaddingBottom);
9455
9461
  padding-inline-start: var(--pf-v5-c-clipboard-copy__expandable-content--PaddingLeft);
9456
9462
  padding-inline-end: var(--pf-v5-c-clipboard-copy__expandable-content--PaddingRight);
9463
+ margin-block-start: var(--pf-v5-c-clipboard-copy__expandable-content--MarginTop);
9457
9464
  word-wrap: break-word;
9458
9465
  background-color: var(--pf-v5-c-clipboard-copy__expandable-content--BackgroundColor);
9459
9466
  background-clip: padding-box;
@@ -9462,6 +9469,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9462
9469
  border-block-end-width: var(--pf-v5-c-clipboard-copy__expandable-content--BorderBottomWidth);
9463
9470
  border-inline-start-width: var(--pf-v5-c-clipboard-copy__expandable-content--BorderLeftWidth);
9464
9471
  border-inline-end-width: var(--pf-v5-c-clipboard-copy__expandable-content--BorderRightWidth);
9472
+ border-radius: var(--pf-v5-c-clipboard-copy__expandable-content--BorderRadius);
9465
9473
  box-shadow: var(--pf-v5-c-clipboard-copy__expandable-content--BoxShadow);
9466
9474
  }
9467
9475
  .pf-v5-c-clipboard-copy__expandable-content pre {
@@ -9492,21 +9500,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9492
9500
  --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft);
9493
9501
  }
9494
9502
 
9495
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
9496
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
9497
- }
9498
-
9499
- :where(.pf-theme-dark) .pf-v5-c-clipboard-copy {
9500
- --pf-v5-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
9501
- }
9502
- :where(.pf-theme-dark) .pf-v5-c-clipboard-copy__group > * + * {
9503
- margin-inline-start: 0;
9504
- border-inline-start: 1px solid var(--pf-v5-global--palette--black-700) !important;
9505
- }
9506
- :where(.pf-theme-dark) .pf-v5-c-clipboard-copy__expandable-content {
9507
- border: 0;
9508
- }
9509
-
9510
9503
  :root, :where(.pf-v5-c-code-block) {
9511
9504
  --pf-v5-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
9512
9505
  --pf-v5-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
package/patternfly.css CHANGED
@@ -9393,33 +9393,38 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9393
9393
  margin-block-end: var(--pf-v5-c-chip-group__close--MarginBottom);
9394
9394
  }
9395
9395
 
9396
- .pf-v5-c-clipboard-copy {
9396
+ :where(:root),
9397
+ :where(.pf-v5-c-clipboard-copy) {
9397
9398
  --pf-v5-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
9398
9399
  --pf-v5-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
9399
- --pf-v5-c-clipboard-copy__expandable-content--PaddingTop: var(--pf-v5-global--spacer--md);
9400
- --pf-v5-c-clipboard-copy__expandable-content--PaddingRight: var(--pf-v5-global--spacer--md);
9401
- --pf-v5-c-clipboard-copy__expandable-content--PaddingBottom: var(--pf-v5-global--spacer--md);
9402
- --pf-v5-c-clipboard-copy__expandable-content--PaddingLeft: var(--pf-v5-global--spacer--md);
9403
- --pf-v5-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
9404
- --pf-v5-c-clipboard-copy__expandable-content--BorderTopWidth: 0;
9405
- --pf-v5-c-clipboard-copy__expandable-content--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
9406
- --pf-v5-c-clipboard-copy__expandable-content--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
9407
- --pf-v5-c-clipboard-copy__expandable-content--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
9408
- --pf-v5-c-clipboard-copy__expandable-content--BorderColor: var(--pf-v5-global--BorderColor--100);
9409
- --pf-v5-c-clipboard-copy__expandable-content--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
9400
+ --pf-v5-c-clipboard-copy__expandable-content--MarginTop: var(--pf-t--global--spacer--xs);
9401
+ --pf-v5-c-clipboard-copy__expandable-content--PaddingTop: var(--pf-t--global--spacer--md);
9402
+ --pf-v5-c-clipboard-copy__expandable-content--PaddingRight: var(--pf-t--global--spacer--md);
9403
+ --pf-v5-c-clipboard-copy__expandable-content--PaddingBottom: var(--pf-t--global--spacer--md);
9404
+ --pf-v5-c-clipboard-copy__expandable-content--PaddingLeft: var(--pf-t--global--spacer--md);
9405
+ --pf-v5-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9406
+ --pf-v5-c-clipboard-copy__expandable-content--BorderTopWidth: var(--pf-t--global--border--width--control--default);
9407
+ --pf-v5-c-clipboard-copy__expandable-content--BorderRightWidth: var(--pf-t--global--border--width--control--default);
9408
+ --pf-v5-c-clipboard-copy__expandable-content--BorderBottomWidth: var(--pf-t--global--border--width--control--default);
9409
+ --pf-v5-c-clipboard-copy__expandable-content--BorderLeftWidth: var(--pf-t--global--border--width--control--default);
9410
+ --pf-v5-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--default);
9411
+ --pf-v5-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
9412
+ --pf-v5-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
9413
+ --pf-v5-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--xs);
9410
9414
  --pf-v5-c-clipboard-copy--m-inline--PaddingTop: 0;
9411
9415
  --pf-v5-c-clipboard-copy--m-inline--PaddingBottom: 0;
9412
- --pf-v5-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-v5-global--spacer--xs);
9413
- --pf-v5-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
9414
- --pf-v5-c-clipboard-copy__text--m-code--FontFamily: var(--pf-v5-global--FontFamily--monospace);
9415
- --pf-v5-c-clipboard-copy__text--m-code--FontSize: var(--pf-v5-global--FontSize--sm);
9416
- --pf-v5-c-clipboard-copy__actions-item--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element));
9417
- --pf-v5-c-clipboard-copy__actions-item--MarginBottom: calc(-1 * var(--pf-v5-global--spacer--form-element));
9418
- --pf-v5-c-clipboard-copy__actions-item--button--PaddingTop: var(--pf-v5-global--spacer--xs);
9419
- --pf-v5-c-clipboard-copy__actions-item--button--PaddingRight: var(--pf-v5-global--spacer--sm);
9420
- --pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom: var(--pf-v5-global--spacer--xs);
9421
- --pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-v5-global--spacer--sm);
9416
+ --pf-v5-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-t--global--spacer--xs);
9417
+ --pf-v5-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
9418
+ --pf-v5-c-clipboard-copy__text--m-code--FontFamily: var(--pf-t--global--font--family--mono);
9419
+ --pf-v5-c-clipboard-copy__text--m-code--FontSize: var(--pf-t--global--font--size--body--default);
9420
+ --pf-v5-c-clipboard-copy__actions-item--MarginTop: calc(-1 * var(--pf-t--global--spacer--xs));
9421
+ --pf-v5-c-clipboard-copy__actions-item--MarginBottom: calc(-1 * var(--pf-t--global--spacer--xs));
9422
+ --pf-v5-c-clipboard-copy__actions-item--button--PaddingTop: var(--pf-t--global--spacer--xs);
9423
+ --pf-v5-c-clipboard-copy__actions-item--button--PaddingRight: var(--pf-t--global--spacer--xs);
9424
+ --pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom: var(--pf-t--global--spacer--xs);
9425
+ --pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-t--global--spacer--xs);
9422
9426
  }
9427
+
9423
9428
  .pf-v5-c-clipboard-copy.pf-m-expanded .pf-v5-c-clipboard-copy__toggle-icon {
9424
9429
  transform: rotate(var(--pf-v5-c-clipboard-copy--m-expanded__toggle-icon--Rotate));
9425
9430
  }
@@ -9437,6 +9442,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9437
9442
 
9438
9443
  .pf-v5-c-clipboard-copy__group {
9439
9444
  display: flex;
9445
+ gap: var(--pf-v5-c-clipboard-copy__group--Gap);
9440
9446
  }
9441
9447
  .pf-v5-c-clipboard-copy__group > * + * {
9442
9448
  margin-inline-start: -1px;
@@ -9454,6 +9460,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9454
9460
  padding-block-end: var(--pf-v5-c-clipboard-copy__expandable-content--PaddingBottom);
9455
9461
  padding-inline-start: var(--pf-v5-c-clipboard-copy__expandable-content--PaddingLeft);
9456
9462
  padding-inline-end: var(--pf-v5-c-clipboard-copy__expandable-content--PaddingRight);
9463
+ margin-block-start: var(--pf-v5-c-clipboard-copy__expandable-content--MarginTop);
9457
9464
  word-wrap: break-word;
9458
9465
  background-color: var(--pf-v5-c-clipboard-copy__expandable-content--BackgroundColor);
9459
9466
  background-clip: padding-box;
@@ -9462,6 +9469,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9462
9469
  border-block-end-width: var(--pf-v5-c-clipboard-copy__expandable-content--BorderBottomWidth);
9463
9470
  border-inline-start-width: var(--pf-v5-c-clipboard-copy__expandable-content--BorderLeftWidth);
9464
9471
  border-inline-end-width: var(--pf-v5-c-clipboard-copy__expandable-content--BorderRightWidth);
9472
+ border-radius: var(--pf-v5-c-clipboard-copy__expandable-content--BorderRadius);
9465
9473
  box-shadow: var(--pf-v5-c-clipboard-copy__expandable-content--BoxShadow);
9466
9474
  }
9467
9475
  .pf-v5-c-clipboard-copy__expandable-content pre {
@@ -9492,21 +9500,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9492
9500
  --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft);
9493
9501
  }
9494
9502
 
9495
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
9496
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
9497
- }
9498
-
9499
- :where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy {
9500
- --pf-v5-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
9501
- }
9502
- :where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy__group > * + * {
9503
- margin-inline-start: 0;
9504
- border-inline-start: 1px solid var(--pf-v5-global--palette--black-700) !important;
9505
- }
9506
- :where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy__expandable-content {
9507
- border: 0;
9508
- }
9509
-
9510
9503
  :root, :where(.pf-v5-c-code-block) {
9511
9504
  --pf-v5-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
9512
9505
  --pf-v5-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);