@patternfly/patternfly 6.0.0-alpha.229 → 6.0.0-alpha.230

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 (11) hide show
  1. package/components/Nav/nav.scss +1 -1
  2. package/components/Sidebar/sidebar.scss +2 -2
  3. package/components/Table/table.scss +1 -1
  4. package/components/TextInputGroup/text-input-group.scss +3 -3
  5. package/package.json +1 -1
  6. package/patternfly-addons.css +6 -6
  7. package/sass-utilities/mixins.scss +7 -7
  8. package/utilities/Sizing/sizing.scss +8 -8
  9. package/utilities/Text/text.css +6 -6
  10. package/utilities/Text/text.scss +1 -1
  11. package/utilities/_index.css +6 -6
package/components/Nav/nav.scss CHANGED
@@ -144,7 +144,7 @@
144
144
  --#{$menu}--PaddingBlockEnd: 0;
145
145
  --#{$menu}--BackgroundColor: var(--#{$nav}--BackgroundColor);
146
146
  --#{$menu}--BoxShadow: none;
147
- --#{$menu}__list-item--hover--BackgroundColor: var(--pf-v6-c-nav__link--hover--BackgroundColor);
147
+ --#{$menu}__list-item--hover--BackgroundColor: var(--#{$nav}__link--hover--BackgroundColor);
148
148
 
149
149
  .#{$menu}__list {
150
150
  row-gap: var(--#{$nav}__subnav--RowGap);
package/components/Sidebar/sidebar.scss CHANGED
@@ -252,9 +252,9 @@ $pf-v6-c-sidebar__panel--list--width: ("default", 25, 33, 50, 66, 75, 100);
252
252
  @each $width-value in $pf-v6-c-sidebar__panel--list--width {
253
253
  .pf-v6-c-sidebar__panel.pf-m-width-#{$width-value}#{$breakpoint-name} {
254
254
  @if $width-value == "default" {
255
- --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
255
+ --#{$sidebar}__panel--FlexBasis: var(--#{$sidebar}__panel--FlexBasis--base);
256
256
  } @else {
257
- --pf-v6-c-sidebar__panel--FlexBasis: #{percentage(math.div($width-value, 100))};
257
+ --#{$sidebar}__panel--FlexBasis: #{percentage(math.div($width-value, 100))};
258
258
  }
259
259
  }
260
260
  }
package/components/Table/table.scss CHANGED
@@ -556,7 +556,7 @@
556
556
  }
557
557
 
558
558
  .#{$button} .#{$table}__sort-indicator {
559
- --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
559
+ --#{$table}__sort-indicator--MarginInlineStart: 0;
560
560
  }
561
561
  }
562
562
 
package/components/TextInputGroup/text-input-group.scss CHANGED
@@ -19,9 +19,9 @@
19
19
 
20
20
  // Main
21
21
  --#{$text-input-group}__main--first-child--not--text-input--MarginInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
22
- --#{$text-input-group}__main--m-icon__text-input--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
23
- --#{$text-input-group}--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
24
- --#{$text-input-group}--utilities--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--sm) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
22
+ --#{$text-input-group}__main--m-icon__text-input--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--#{$text-input-group}__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
23
+ --#{$text-input-group}--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--#{$text-input-group}__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
24
+ --#{$text-input-group}--utilities--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--sm) + var(--#{$text-input-group}__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
25
25
  --#{$text-input-group}__main--RowGap: var(--pf-t--global--spacer--xs);
26
26
  --#{$text-input-group}__main--ColumnGap: var(--pf-t--global--spacer--xs);
27
27
 
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.229",
4
+ "version": "6.0.0-alpha.230",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-addons.css CHANGED
@@ -7008,7 +7008,7 @@
7008
7008
  }
7009
7009
 
7010
7010
  .pf-v6-u-font-size-2xl {
7011
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
7011
+ font-size: var(--pf-t--global--font--size--2xl) !important;
7012
7012
  }
7013
7013
 
7014
7014
  .pf-v6-u-font-size-3xl {
@@ -7036,7 +7036,7 @@
7036
7036
  font-size: var(--pf-t--global--font--size--xl) !important;
7037
7037
  }
7038
7038
  .pf-v6-u-font-size-2xl-on-sm {
7039
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
7039
+ font-size: var(--pf-t--global--font--size--2xl) !important;
7040
7040
  }
7041
7041
  .pf-v6-u-font-size-3xl-on-sm {
7042
7042
  font-size: var(--pf-t--global--font--size--3xl) !important;
@@ -7062,7 +7062,7 @@
7062
7062
  font-size: var(--pf-t--global--font--size--xl) !important;
7063
7063
  }
7064
7064
  .pf-v6-u-font-size-2xl-on-md {
7065
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
7065
+ font-size: var(--pf-t--global--font--size--2xl) !important;
7066
7066
  }
7067
7067
  .pf-v6-u-font-size-3xl-on-md {
7068
7068
  font-size: var(--pf-t--global--font--size--3xl) !important;
@@ -7088,7 +7088,7 @@
7088
7088
  font-size: var(--pf-t--global--font--size--xl) !important;
7089
7089
  }
7090
7090
  .pf-v6-u-font-size-2xl-on-lg {
7091
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
7091
+ font-size: var(--pf-t--global--font--size--2xl) !important;
7092
7092
  }
7093
7093
  .pf-v6-u-font-size-3xl-on-lg {
7094
7094
  font-size: var(--pf-t--global--font--size--3xl) !important;
@@ -7114,7 +7114,7 @@
7114
7114
  font-size: var(--pf-t--global--font--size--xl) !important;
7115
7115
  }
7116
7116
  .pf-v6-u-font-size-2xl-on-xl {
7117
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
7117
+ font-size: var(--pf-t--global--font--size--2xl) !important;
7118
7118
  }
7119
7119
  .pf-v6-u-font-size-3xl-on-xl {
7120
7120
  font-size: var(--pf-t--global--font--size--3xl) !important;
@@ -7140,7 +7140,7 @@
7140
7140
  font-size: var(--pf-t--global--font--size--xl) !important;
7141
7141
  }
7142
7142
  .pf-v6-u-font-size-2xl-on-2xl {
7143
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
7143
+ font-size: var(--pf-t--global--font--size--2xl) !important;
7144
7144
  }
7145
7145
  .pf-v6-u-font-size-3xl-on-2xl {
7146
7146
  font-size: var(--pf-t--global--font--size--3xl) !important;
package/sass-utilities/mixins.scss CHANGED
@@ -195,34 +195,34 @@
195
195
 
196
196
  @mixin pf-v6-hidden-visible($val: "block") {
197
197
  // stylelint-disable-next-line
198
- --pf-v6-hidden-visible--visible--Display: #{$val};
198
+ --#{$pf-prefix}hidden-visible--visible--Display: #{$val};
199
199
 
200
200
  // base value for visible display property is set to 'block' by default and passed in to
201
201
  // placeholder via `pf-v6-hidden-visible` mixin
202
202
 
203
203
  // set hidden var values
204
204
  // stylelint-disable custom-property-pattern
205
- --pf-v6-hidden-visible--hidden--Display: none;
205
+ --#{$pf-prefix}hidden-visible--hidden--Display: none;
206
206
 
207
207
  // set visibile var values
208
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
208
+ --#{$pf-prefix}hidden-visible--Display: var(--#{$pf-prefix}hidden-visible--visible--Display);
209
209
 
210
210
  // set default state to visible
211
- display: var(--pf-v6-hidden-visible--Display);
211
+ display: var(--#{$pf-prefix}hidden-visible--Display);
212
212
 
213
213
  // toggle values based on state
214
214
  &.pf-m-hidden {
215
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
215
+ --#{$pf-prefix}hidden-visible--Display: var(--#{$pf-prefix}hidden-visible--hidden--Display);
216
216
  }
217
217
 
218
218
  @each $size, $bp in $pf-v6-global--breakpoint-name-map {
219
219
  @media screen and (min-width: $bp) {
220
220
  &.pf-m-hidden-on-#{$size} {
221
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
221
+ --#{$pf-prefix}hidden-visible--Display: var(--#{$pf-prefix}hidden-visible--hidden--Display);
222
222
  }
223
223
 
224
224
  &.pf-m-visible-on-#{$size} {
225
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
225
+ --#{$pf-prefix}hidden-visible--Display: var(--#{$pf-prefix}hidden-visible--visible--Display);
226
226
  }
227
227
  }
228
228
  }
package/utilities/Sizing/sizing.scss CHANGED
@@ -47,44 +47,44 @@ $pf-v6-u-height-options: (
47
47
  @include pf-v6-utility-builder($pf-v6-u-height-options, $pf-v6-global--breakpoint-list);
48
48
 
49
49
  .#{$pf-prefix}u-min-width {
50
- --pf-v6-u-min-width--MinWidth: 0;
50
+ --#{$pf-prefix}u-min-width--MinWidth: 0;
51
51
 
52
52
  @include pf-v6-build-css-variable-stack(
53
53
  "min-width",
54
- "--pf-v6-u-min-width--MinWidth",
54
+ "--#{$pf-prefix}u-min-width--MinWidth",
55
55
  $pf-v6-u-sizing--min-max--breakpoint-map,
56
56
  $important: true
57
57
  );
58
58
  }
59
59
 
60
60
  .#{$pf-prefix}u-max-width {
61
- --pf-v6-u-max-width--MaxWidth: auto;
61
+ --#{$pf-prefix}u-max-width--MaxWidth: auto;
62
62
 
63
63
  @include pf-v6-build-css-variable-stack(
64
64
  "max-width",
65
- "--pf-v6-u-max-width--MaxWidth",
65
+ "--#{$pf-prefix}u-max-width--MaxWidth",
66
66
  $pf-v6-u-sizing--min-max--breakpoint-map,
67
67
  $important: true
68
68
  );
69
69
  }
70
70
 
71
71
  .#{$pf-prefix}u-min-height {
72
- --pf-v6-u-min-height--MinHeight: 0;
72
+ --#{$pf-prefix}u-min-height--MinHeight: 0;
73
73
 
74
74
  @include pf-v6-build-css-variable-stack(
75
75
  "min-height",
76
- "--pf-v6-u-min-height--MinHeight",
76
+ "--#{$pf-prefix}u-min-height--MinHeight",
77
77
  $pf-v6-u-sizing--min-max--breakpoint-map,
78
78
  $important: true
79
79
  );
80
80
  }
81
81
 
82
82
  .#{$pf-prefix}u-max-height {
83
- --pf-v6-u-max-height--MaxHeight: auto;
83
+ --#{$pf-prefix}u-max-height--MaxHeight: auto;
84
84
 
85
85
  @include pf-v6-build-css-variable-stack(
86
86
  "max-height",
87
- "--pf-v6-u-max-height--MaxHeight",
87
+ "--#{$pf-prefix}u-max-height--MaxHeight",
88
88
  $pf-v6-u-sizing--min-max--breakpoint-map,
89
89
  $important: true
90
90
  );
package/utilities/Text/text.css CHANGED
@@ -31,7 +31,7 @@
31
31
  }
32
32
 
33
33
  .pf-v6-u-font-size-2xl {
34
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
34
+ font-size: var(--pf-t--global--font--size--2xl) !important;
35
35
  }
36
36
 
37
37
  .pf-v6-u-font-size-3xl {
@@ -59,7 +59,7 @@
59
59
  font-size: var(--pf-t--global--font--size--xl) !important;
60
60
  }
61
61
  .pf-v6-u-font-size-2xl-on-sm {
62
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
62
+ font-size: var(--pf-t--global--font--size--2xl) !important;
63
63
  }
64
64
  .pf-v6-u-font-size-3xl-on-sm {
65
65
  font-size: var(--pf-t--global--font--size--3xl) !important;
@@ -85,7 +85,7 @@
85
85
  font-size: var(--pf-t--global--font--size--xl) !important;
86
86
  }
87
87
  .pf-v6-u-font-size-2xl-on-md {
88
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
88
+ font-size: var(--pf-t--global--font--size--2xl) !important;
89
89
  }
90
90
  .pf-v6-u-font-size-3xl-on-md {
91
91
  font-size: var(--pf-t--global--font--size--3xl) !important;
@@ -111,7 +111,7 @@
111
111
  font-size: var(--pf-t--global--font--size--xl) !important;
112
112
  }
113
113
  .pf-v6-u-font-size-2xl-on-lg {
114
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
114
+ font-size: var(--pf-t--global--font--size--2xl) !important;
115
115
  }
116
116
  .pf-v6-u-font-size-3xl-on-lg {
117
117
  font-size: var(--pf-t--global--font--size--3xl) !important;
@@ -137,7 +137,7 @@
137
137
  font-size: var(--pf-t--global--font--size--xl) !important;
138
138
  }
139
139
  .pf-v6-u-font-size-2xl-on-xl {
140
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
140
+ font-size: var(--pf-t--global--font--size--2xl) !important;
141
141
  }
142
142
  .pf-v6-u-font-size-3xl-on-xl {
143
143
  font-size: var(--pf-t--global--font--size--3xl) !important;
@@ -163,7 +163,7 @@
163
163
  font-size: var(--pf-t--global--font--size--xl) !important;
164
164
  }
165
165
  .pf-v6-u-font-size-2xl-on-2xl {
166
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
166
+ font-size: var(--pf-t--global--font--size--2xl) !important;
167
167
  }
168
168
  .pf-v6-u-font-size-3xl-on-2xl {
169
169
  font-size: var(--pf-t--global--font--size--3xl) !important;
package/utilities/Text/text.scss CHANGED
@@ -34,7 +34,7 @@ $pf-v6-u-font-size-options: (
34
34
  font-size var(--pf-t--global--font--size--xl)
35
35
  ),
36
36
  font-size-2xl: (
37
- font-size var(--pf-v6-global--FontSize--2xl)
37
+ font-size var(--pf-t--global--font--size--2xl)
38
38
  ),
39
39
  font-size-3xl: (
40
40
  font-size var(--pf-t--global--font--size--3xl)
package/utilities/_index.css CHANGED
@@ -7008,7 +7008,7 @@
7008
7008
  }
7009
7009
 
7010
7010
  .pf-v6-u-font-size-2xl {
7011
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
7011
+ font-size: var(--pf-t--global--font--size--2xl) !important;
7012
7012
  }
7013
7013
 
7014
7014
  .pf-v6-u-font-size-3xl {
@@ -7036,7 +7036,7 @@
7036
7036
  font-size: var(--pf-t--global--font--size--xl) !important;
7037
7037
  }
7038
7038
  .pf-v6-u-font-size-2xl-on-sm {
7039
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
7039
+ font-size: var(--pf-t--global--font--size--2xl) !important;
7040
7040
  }
7041
7041
  .pf-v6-u-font-size-3xl-on-sm {
7042
7042
  font-size: var(--pf-t--global--font--size--3xl) !important;
@@ -7062,7 +7062,7 @@
7062
7062
  font-size: var(--pf-t--global--font--size--xl) !important;
7063
7063
  }
7064
7064
  .pf-v6-u-font-size-2xl-on-md {
7065
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
7065
+ font-size: var(--pf-t--global--font--size--2xl) !important;
7066
7066
  }
7067
7067
  .pf-v6-u-font-size-3xl-on-md {
7068
7068
  font-size: var(--pf-t--global--font--size--3xl) !important;
@@ -7088,7 +7088,7 @@
7088
7088
  font-size: var(--pf-t--global--font--size--xl) !important;
7089
7089
  }
7090
7090
  .pf-v6-u-font-size-2xl-on-lg {
7091
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
7091
+ font-size: var(--pf-t--global--font--size--2xl) !important;
7092
7092
  }
7093
7093
  .pf-v6-u-font-size-3xl-on-lg {
7094
7094
  font-size: var(--pf-t--global--font--size--3xl) !important;
@@ -7114,7 +7114,7 @@
7114
7114
  font-size: var(--pf-t--global--font--size--xl) !important;
7115
7115
  }
7116
7116
  .pf-v6-u-font-size-2xl-on-xl {
7117
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
7117
+ font-size: var(--pf-t--global--font--size--2xl) !important;
7118
7118
  }
7119
7119
  .pf-v6-u-font-size-3xl-on-xl {
7120
7120
  font-size: var(--pf-t--global--font--size--3xl) !important;
@@ -7140,7 +7140,7 @@
7140
7140
  font-size: var(--pf-t--global--font--size--xl) !important;
7141
7141
  }
7142
7142
  .pf-v6-u-font-size-2xl-on-2xl {
7143
- font-size: var(--pf-v6-global--FontSize--2xl) !important;
7143
+ font-size: var(--pf-t--global--font--size--2xl) !important;
7144
7144
  }
7145
7145
  .pf-v6-u-font-size-3xl-on-2xl {
7146
7146
  font-size: var(--pf-t--global--font--size--3xl) !important;