@patternfly/patternfly 6.0.0-alpha.163 → 6.0.0-alpha.164

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/JumpLinks/jump-links.css +4 -14
  2. package/components/JumpLinks/jump-links.scss +4 -15
  3. package/components/_index.css +4 -14
  4. package/package.json +1 -1
  5. package/patternfly-no-globals.css +4 -14
  6. package/patternfly.css +4 -14
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/components/JumpLinks/jump-links.css CHANGED
@@ -41,18 +41,14 @@
41
41
  --pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
42
42
  --pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
43
43
  --pf-v6-c-jump-links__label--Display: block;
44
- --pf-v6-c-jump-links__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
45
- --pf-v6-c-jump-links__toggle--MarginBlockEnd--base: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
46
- --pf-v6-c-jump-links__toggle--MarginBlockEnd: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd--base);
47
- --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: calc(var(--pf-v6-c-jump-links__toggle--MarginBlockEnd--base) + var(--pf-t--global--spacer--md));
48
- --pf-v6-c-jump-links__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--md));
44
+ --pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
45
+ --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
49
46
  --pf-v6-c-jump-links__toggle--Display: none;
50
- --pf-v6-c-jump-links__toggle-icon--Color: currentcolor;
47
+ --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
51
48
  --pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
52
49
  --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
53
- --pf-v6-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
54
50
  --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
55
- --pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--md);
51
+ --pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
56
52
  --pf-v6-c-jump-links__toggle-text--Color: var(--pf-t--global--text--color--regular);
57
53
  }
58
54
 
@@ -236,13 +232,7 @@
236
232
 
237
233
  .pf-v6-c-jump-links__toggle {
238
234
  display: var(--pf-v6-c-jump-links__toggle--Display);
239
- margin-block-start: var(--pf-v6-c-jump-links__toggle--MarginBlockStart);
240
235
  margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
241
- margin-inline-start: var(--pf-v6-c-jump-links__toggle--MarginInlineStart);
242
- }
243
- .pf-v6-c-jump-links__toggle .pf-v6-c-button {
244
- display: flex;
245
- align-items: center;
246
236
  }
247
237
 
248
238
  .pf-v6-c-jump-links__toggle-icon {
package/components/JumpLinks/jump-links.scss CHANGED
@@ -56,22 +56,18 @@ $pf-v6-c-jump-links--m-expandable--breakpoint-map: build-breakpoint-map("base",
56
56
  --#{$jump-links}__label--Display: block;
57
57
 
58
58
  // toggle
59
- --#{$jump-links}__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
60
- --#{$jump-links}__toggle--MarginBlockEnd--base: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
61
- --#{$jump-links}__toggle--MarginBlockEnd: var(--#{$jump-links}__toggle--MarginBlockEnd--base);
62
- --#{$jump-links}--m-expanded__toggle--MarginBlockEnd: calc(var(--#{$jump-links}__toggle--MarginBlockEnd--base) + var(--pf-t--global--spacer--md));
63
- --#{$jump-links}__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--md));
59
+ --#{$jump-links}__toggle--MarginBlockEnd: 0;
60
+ --#{$jump-links}--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
64
61
  --#{$jump-links}__toggle--Display: none;
65
62
 
66
63
  // toggle icon
67
- --#{$jump-links}__toggle-icon--Color: currentcolor;
64
+ --#{$jump-links}__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
68
65
  --#{$jump-links}__toggle-icon--Transition: var(--pf-t--global--transition);
69
66
  --#{$jump-links}__toggle-icon--Rotate: 0;
70
- --#{$jump-links}--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
71
67
  --#{$jump-links}--m-expanded__toggle-icon--Rotate: 90deg;
72
68
 
73
69
  // toggle text
74
- --#{$jump-links}__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--md);
70
+ --#{$jump-links}__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
75
71
  --#{$jump-links}__toggle-text--Color: var(--pf-t--global--text--color--regular);
76
72
  }
77
73
 
@@ -218,14 +214,7 @@ $pf-v6-c-jump-links--m-expandable--breakpoint-map: build-breakpoint-map("base",
218
214
 
219
215
  .#{$jump-links}__toggle {
220
216
  display: var(--#{$jump-links}__toggle--Display);
221
- margin-block-start: var(--#{$jump-links}__toggle--MarginBlockStart);
222
217
  margin-block-end: var(--#{$jump-links}__toggle--MarginBlockEnd);
223
- margin-inline-start: var(--#{$jump-links}__toggle--MarginInlineStart);
224
-
225
- .#{$button} {
226
- display: flex;
227
- align-items: center;
228
- }
229
218
  }
230
219
 
231
220
  .#{$jump-links}__toggle-icon {
package/components/_index.css CHANGED
@@ -7581,18 +7581,14 @@ label.pf-v6-c-input-group__text {
7581
7581
  --pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
7582
7582
  --pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
7583
7583
  --pf-v6-c-jump-links__label--Display: block;
7584
- --pf-v6-c-jump-links__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
7585
- --pf-v6-c-jump-links__toggle--MarginBlockEnd--base: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
7586
- --pf-v6-c-jump-links__toggle--MarginBlockEnd: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd--base);
7587
- --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: calc(var(--pf-v6-c-jump-links__toggle--MarginBlockEnd--base) + var(--pf-t--global--spacer--md));
7588
- --pf-v6-c-jump-links__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--md));
7584
+ --pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
7585
+ --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
7589
7586
  --pf-v6-c-jump-links__toggle--Display: none;
7590
- --pf-v6-c-jump-links__toggle-icon--Color: currentcolor;
7587
+ --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
7591
7588
  --pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
7592
7589
  --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
7593
- --pf-v6-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
7594
7590
  --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
7595
- --pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--md);
7591
+ --pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
7596
7592
  --pf-v6-c-jump-links__toggle-text--Color: var(--pf-t--global--text--color--regular);
7597
7593
  }
7598
7594
 
@@ -7776,13 +7772,7 @@ label.pf-v6-c-input-group__text {
7776
7772
 
7777
7773
  .pf-v6-c-jump-links__toggle {
7778
7774
  display: var(--pf-v6-c-jump-links__toggle--Display);
7779
- margin-block-start: var(--pf-v6-c-jump-links__toggle--MarginBlockStart);
7780
7775
  margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
7781
- margin-inline-start: var(--pf-v6-c-jump-links__toggle--MarginInlineStart);
7782
- }
7783
- .pf-v6-c-jump-links__toggle .pf-v6-c-button {
7784
- display: flex;
7785
- align-items: center;
7786
7776
  }
7787
7777
 
7788
7778
  .pf-v6-c-jump-links__toggle-icon {
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.163",
4
+ "version": "6.0.0-alpha.164",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -13619,18 +13619,14 @@ label.pf-v6-c-input-group__text {
13619
13619
  --pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
13620
13620
  --pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
13621
13621
  --pf-v6-c-jump-links__label--Display: block;
13622
- --pf-v6-c-jump-links__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
13623
- --pf-v6-c-jump-links__toggle--MarginBlockEnd--base: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
13624
- --pf-v6-c-jump-links__toggle--MarginBlockEnd: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd--base);
13625
- --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: calc(var(--pf-v6-c-jump-links__toggle--MarginBlockEnd--base) + var(--pf-t--global--spacer--md));
13626
- --pf-v6-c-jump-links__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--md));
13622
+ --pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
13623
+ --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
13627
13624
  --pf-v6-c-jump-links__toggle--Display: none;
13628
- --pf-v6-c-jump-links__toggle-icon--Color: currentcolor;
13625
+ --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
13629
13626
  --pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
13630
13627
  --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
13631
- --pf-v6-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
13632
13628
  --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
13633
- --pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--md);
13629
+ --pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
13634
13630
  --pf-v6-c-jump-links__toggle-text--Color: var(--pf-t--global--text--color--regular);
13635
13631
  }
13636
13632
 
@@ -13814,13 +13810,7 @@ label.pf-v6-c-input-group__text {
13814
13810
 
13815
13811
  .pf-v6-c-jump-links__toggle {
13816
13812
  display: var(--pf-v6-c-jump-links__toggle--Display);
13817
- margin-block-start: var(--pf-v6-c-jump-links__toggle--MarginBlockStart);
13818
13813
  margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
13819
- margin-inline-start: var(--pf-v6-c-jump-links__toggle--MarginInlineStart);
13820
- }
13821
- .pf-v6-c-jump-links__toggle .pf-v6-c-button {
13822
- display: flex;
13823
- align-items: center;
13824
13814
  }
13825
13815
 
13826
13816
  .pf-v6-c-jump-links__toggle-icon {
package/patternfly.css CHANGED
@@ -13740,18 +13740,14 @@ label.pf-v6-c-input-group__text {
13740
13740
  --pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
13741
13741
  --pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
13742
13742
  --pf-v6-c-jump-links__label--Display: block;
13743
- --pf-v6-c-jump-links__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
13744
- --pf-v6-c-jump-links__toggle--MarginBlockEnd--base: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
13745
- --pf-v6-c-jump-links__toggle--MarginBlockEnd: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd--base);
13746
- --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: calc(var(--pf-v6-c-jump-links__toggle--MarginBlockEnd--base) + var(--pf-t--global--spacer--md));
13747
- --pf-v6-c-jump-links__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--md));
13743
+ --pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
13744
+ --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
13748
13745
  --pf-v6-c-jump-links__toggle--Display: none;
13749
- --pf-v6-c-jump-links__toggle-icon--Color: currentcolor;
13746
+ --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
13750
13747
  --pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
13751
13748
  --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
13752
- --pf-v6-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
13753
13749
  --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
13754
- --pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--md);
13750
+ --pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
13755
13751
  --pf-v6-c-jump-links__toggle-text--Color: var(--pf-t--global--text--color--regular);
13756
13752
  }
13757
13753
 
@@ -13935,13 +13931,7 @@ label.pf-v6-c-input-group__text {
13935
13931
 
13936
13932
  .pf-v6-c-jump-links__toggle {
13937
13933
  display: var(--pf-v6-c-jump-links__toggle--Display);
13938
- margin-block-start: var(--pf-v6-c-jump-links__toggle--MarginBlockStart);
13939
13934
  margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
13940
- margin-inline-start: var(--pf-v6-c-jump-links__toggle--MarginInlineStart);
13941
- }
13942
- .pf-v6-c-jump-links__toggle .pf-v6-c-button {
13943
- display: flex;
13944
- align-items: center;
13945
13935
  }
13946
13936
 
13947
13937
  .pf-v6-c-jump-links__toggle-icon {