@patternfly/patternfly 6.3.0-prerelease.70 → 6.3.0-prerelease.72

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 (12) hide show
  1. package/components/Button/button.css +2 -2
  2. package/components/Button/button.scss +2 -2
  3. package/components/Pagination/pagination.css +1 -1
  4. package/components/Pagination/pagination.scss +1 -1
  5. package/components/Tabs/tabs.css +1 -1
  6. package/components/Tabs/tabs.scss +1 -1
  7. package/components/_index.css +4 -4
  8. package/package.json +1 -1
  9. package/patternfly-no-globals.css +4 -4
  10. package/patternfly.css +4 -4
  11. package/patternfly.min.css +1 -1
  12. package/patternfly.min.css.map +1 -1
package/components/Button/button.css CHANGED
@@ -22,7 +22,7 @@
22
22
  --pf-v6-c-button--TransitionDelay: 0s;
23
23
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
24
24
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
25
- --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
25
+ --pf-v6-c-button--TransitionProperty: color, background, border-color;
26
26
  --pf-v6-c-button--ScaleX: 1;
27
27
  --pf-v6-c-button--ScaleY: 1;
28
28
  --pf-v6-c-button--border--offset: 0;
@@ -148,7 +148,7 @@
148
148
  --pf-v6-c-button--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
149
149
  --pf-v6-c-button--m-plain--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
150
150
  --pf-v6-c-button--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
151
- --pf-v6-c-button--m-plain--BorderColor: var(--pf-t--global--border--color--high-contrast);
151
+ --pf-v6-c-button--m-plain--BorderColor: transparent;
152
152
  --pf-v6-c-button--m-plain--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
153
153
  --pf-v6-c-button--m-plain--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
154
154
  --pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
package/components/Button/button.scss CHANGED
@@ -24,7 +24,7 @@
24
24
  --#{$button}--TransitionDelay: 0s;
25
25
  --#{$button}--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
26
26
  --#{$button}--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
27
- --#{$button}--TransitionProperty: color, background, border-width, border-color;
27
+ --#{$button}--TransitionProperty: color, background, border-color;
28
28
  --#{$button}--ScaleX: 1;
29
29
  --#{$button}--ScaleY: 1;
30
30
  --#{$button}--border--offset: 0;
@@ -168,7 +168,7 @@
168
168
  --#{$button}--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
169
169
  --#{$button}--m-plain--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
170
170
  --#{$button}--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
171
- --#{$button}--m-plain--BorderColor: var(--pf-t--global--border--color--high-contrast);
171
+ --#{$button}--m-plain--BorderColor: transparent;
172
172
  --#{$button}--m-plain--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
173
173
  --#{$button}--m-plain--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
174
174
 
package/components/Pagination/pagination.css CHANGED
@@ -4,7 +4,7 @@
4
4
  --pf-v6-c-pagination--BorderColor: var(--pf-t--global--border--color--high-contrast);
5
5
  --pf-v6-c-pagination--BorderBlockStartWidth: 0;
6
6
  --pf-v6-c-pagination--BorderBlockEndWidth: 0;
7
- --pf-v6-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--lg);
7
+ --pf-v6-c-pagination--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
8
8
  --pf-v6-c-pagination__nav--Display: none;
9
9
  --pf-v6-c-pagination--m-display-summary__nav--Display: none;
10
10
  --pf-v6-c-pagination--m-display-full__nav--Display: inline-flex;
package/components/Pagination/pagination.scss CHANGED
@@ -11,7 +11,7 @@ $pf-v6-c-pagination--variable-map: build-spacer-map("none", "sm", "md", "lg", "x
11
11
  --#{$pagination}--BorderBlockEndWidth: 0;
12
12
 
13
13
  // Page insets
14
- --#{$pagination}--m-page-insets--inset: var(--pf-t--global--spacer--lg);
14
+ --#{$pagination}--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
15
15
 
16
16
  // nav
17
17
  --#{$pagination}__nav--Display: none;
package/components/Tabs/tabs.css CHANGED
@@ -18,7 +18,7 @@
18
18
  --pf-v6-c-tabs--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
19
19
  --pf-v6-c-tabs--before--BorderInlineStartWidth: 0;
20
20
  --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
21
- --pf-v6-c-tabs--m-page-insets--inset: var(--pf-t--global--spacer--md);
21
+ --pf-v6-c-tabs--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
22
22
  --pf-v6-c-tabs--m-vertical--Width: 100%;
23
23
  --pf-v6-c-tabs--m-vertical--MaxWidth: 15.625rem;
24
24
  --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
package/components/Tabs/tabs.scss CHANGED
@@ -30,7 +30,7 @@ $pf-v6-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl
30
30
  --#{$tabs}--m-vertical--inset: var(--pf-t--global--spacer--sm);
31
31
 
32
32
  // Tabs, Page insets modifier
33
- --#{$tabs}--m-page-insets--inset: var(--pf-t--global--spacer--md);
33
+ --#{$tabs}--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
34
34
 
35
35
  // Tabs, Vertical modifier
36
36
  --#{$tabs}--m-vertical--Width: 100%;
package/components/_index.css CHANGED
@@ -1585,7 +1585,7 @@ button.pf-v6-c-breadcrumb__link {
1585
1585
  --pf-v6-c-button--TransitionDelay: 0s;
1586
1586
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
1587
1587
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
1588
- --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
1588
+ --pf-v6-c-button--TransitionProperty: color, background, border-color;
1589
1589
  --pf-v6-c-button--ScaleX: 1;
1590
1590
  --pf-v6-c-button--ScaleY: 1;
1591
1591
  --pf-v6-c-button--border--offset: 0;
@@ -1711,7 +1711,7 @@ button.pf-v6-c-breadcrumb__link {
1711
1711
  --pf-v6-c-button--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
1712
1712
  --pf-v6-c-button--m-plain--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
1713
1713
  --pf-v6-c-button--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
1714
- --pf-v6-c-button--m-plain--BorderColor: var(--pf-t--global--border--color--high-contrast);
1714
+ --pf-v6-c-button--m-plain--BorderColor: transparent;
1715
1715
  --pf-v6-c-button--m-plain--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
1716
1716
  --pf-v6-c-button--m-plain--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
1717
1717
  --pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
@@ -13223,7 +13223,7 @@ ul.pf-v6-c-list {
13223
13223
  --pf-v6-c-pagination--BorderColor: var(--pf-t--global--border--color--high-contrast);
13224
13224
  --pf-v6-c-pagination--BorderBlockStartWidth: 0;
13225
13225
  --pf-v6-c-pagination--BorderBlockEndWidth: 0;
13226
- --pf-v6-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--lg);
13226
+ --pf-v6-c-pagination--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
13227
13227
  --pf-v6-c-pagination__nav--Display: none;
13228
13228
  --pf-v6-c-pagination--m-display-summary__nav--Display: none;
13229
13229
  --pf-v6-c-pagination--m-display-full__nav--Display: inline-flex;
@@ -19443,7 +19443,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19443
19443
  --pf-v6-c-tabs--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
19444
19444
  --pf-v6-c-tabs--before--BorderInlineStartWidth: 0;
19445
19445
  --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
19446
- --pf-v6-c-tabs--m-page-insets--inset: var(--pf-t--global--spacer--md);
19446
+ --pf-v6-c-tabs--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
19447
19447
  --pf-v6-c-tabs--m-vertical--Width: 100%;
19448
19448
  --pf-v6-c-tabs--m-vertical--MaxWidth: 15.625rem;
19449
19449
  --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
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.70",
4
+ "version": "6.3.0-prerelease.72",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "engines": {
package/patternfly-no-globals.css CHANGED
@@ -10252,7 +10252,7 @@ button.pf-v6-c-breadcrumb__link {
10252
10252
  --pf-v6-c-button--TransitionDelay: 0s;
10253
10253
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
10254
10254
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
10255
- --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
10255
+ --pf-v6-c-button--TransitionProperty: color, background, border-color;
10256
10256
  --pf-v6-c-button--ScaleX: 1;
10257
10257
  --pf-v6-c-button--ScaleY: 1;
10258
10258
  --pf-v6-c-button--border--offset: 0;
@@ -10378,7 +10378,7 @@ button.pf-v6-c-breadcrumb__link {
10378
10378
  --pf-v6-c-button--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
10379
10379
  --pf-v6-c-button--m-plain--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
10380
10380
  --pf-v6-c-button--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
10381
- --pf-v6-c-button--m-plain--BorderColor: var(--pf-t--global--border--color--high-contrast);
10381
+ --pf-v6-c-button--m-plain--BorderColor: transparent;
10382
10382
  --pf-v6-c-button--m-plain--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
10383
10383
  --pf-v6-c-button--m-plain--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
10384
10384
  --pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
@@ -21890,7 +21890,7 @@ ul.pf-v6-c-list {
21890
21890
  --pf-v6-c-pagination--BorderColor: var(--pf-t--global--border--color--high-contrast);
21891
21891
  --pf-v6-c-pagination--BorderBlockStartWidth: 0;
21892
21892
  --pf-v6-c-pagination--BorderBlockEndWidth: 0;
21893
- --pf-v6-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--lg);
21893
+ --pf-v6-c-pagination--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
21894
21894
  --pf-v6-c-pagination__nav--Display: none;
21895
21895
  --pf-v6-c-pagination--m-display-summary__nav--Display: none;
21896
21896
  --pf-v6-c-pagination--m-display-full__nav--Display: inline-flex;
@@ -28110,7 +28110,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28110
28110
  --pf-v6-c-tabs--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
28111
28111
  --pf-v6-c-tabs--before--BorderInlineStartWidth: 0;
28112
28112
  --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
28113
- --pf-v6-c-tabs--m-page-insets--inset: var(--pf-t--global--spacer--md);
28113
+ --pf-v6-c-tabs--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
28114
28114
  --pf-v6-c-tabs--m-vertical--Width: 100%;
28115
28115
  --pf-v6-c-tabs--m-vertical--MaxWidth: 15.625rem;
28116
28116
  --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
package/patternfly.css CHANGED
@@ -10392,7 +10392,7 @@ button.pf-v6-c-breadcrumb__link {
10392
10392
  --pf-v6-c-button--TransitionDelay: 0s;
10393
10393
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
10394
10394
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
10395
- --pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
10395
+ --pf-v6-c-button--TransitionProperty: color, background, border-color;
10396
10396
  --pf-v6-c-button--ScaleX: 1;
10397
10397
  --pf-v6-c-button--ScaleY: 1;
10398
10398
  --pf-v6-c-button--border--offset: 0;
@@ -10518,7 +10518,7 @@ button.pf-v6-c-breadcrumb__link {
10518
10518
  --pf-v6-c-button--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
10519
10519
  --pf-v6-c-button--m-plain--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
10520
10520
  --pf-v6-c-button--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
10521
- --pf-v6-c-button--m-plain--BorderColor: var(--pf-t--global--border--color--high-contrast);
10521
+ --pf-v6-c-button--m-plain--BorderColor: transparent;
10522
10522
  --pf-v6-c-button--m-plain--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
10523
10523
  --pf-v6-c-button--m-plain--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
10524
10524
  --pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
@@ -22030,7 +22030,7 @@ ul.pf-v6-c-list {
22030
22030
  --pf-v6-c-pagination--BorderColor: var(--pf-t--global--border--color--high-contrast);
22031
22031
  --pf-v6-c-pagination--BorderBlockStartWidth: 0;
22032
22032
  --pf-v6-c-pagination--BorderBlockEndWidth: 0;
22033
- --pf-v6-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--lg);
22033
+ --pf-v6-c-pagination--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
22034
22034
  --pf-v6-c-pagination__nav--Display: none;
22035
22035
  --pf-v6-c-pagination--m-display-summary__nav--Display: none;
22036
22036
  --pf-v6-c-pagination--m-display-full__nav--Display: inline-flex;
@@ -28250,7 +28250,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28250
28250
  --pf-v6-c-tabs--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
28251
28251
  --pf-v6-c-tabs--before--BorderInlineStartWidth: 0;
28252
28252
  --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
28253
- --pf-v6-c-tabs--m-page-insets--inset: var(--pf-t--global--spacer--md);
28253
+ --pf-v6-c-tabs--m-page-insets--inset: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--border--width--main--default));
28254
28254
  --pf-v6-c-tabs--m-vertical--Width: 100%;
28255
28255
  --pf-v6-c-tabs--m-vertical--MaxWidth: 15.625rem;
28256
28256
  --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);