@patternfly/react-styles 4.72.13 → 4.72.16

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 (19) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/css/components/DescriptionList/description-list.css +36 -2
  3. package/css/components/DescriptionList/description-list.d.ts +3 -0
  4. package/css/components/DescriptionList/description-list.js +3 -0
  5. package/css/components/DescriptionList/description-list.mjs +3 -0
  6. package/css/components/Page/page.css +154 -24
  7. package/css/components/Page/page.d.ts +12 -2
  8. package/css/components/Page/page.js +12 -2
  9. package/css/components/Page/page.mjs +12 -2
  10. package/css/components/ProgressStepper/progress-stepper.css +417 -69
  11. package/css/components/ProgressStepper/progress-stepper.d.ts +13 -2
  12. package/css/components/ProgressStepper/progress-stepper.js +13 -2
  13. package/css/components/ProgressStepper/progress-stepper.mjs +13 -2
  14. package/css/components/Tabs/tabs.css +30 -0
  15. package/css/components/Tabs/tabs.d.ts +2 -0
  16. package/css/components/Tabs/tabs.js +2 -0
  17. package/css/components/Tabs/tabs.mjs +2 -0
  18. package/css/components/Wizard/wizard.css +2 -1
  19. package/package.json +3 -3
package/css/components/ProgressStepper/progress-stepper.js CHANGED
@@ -5,7 +5,6 @@ exports.default = {
5
5
  "faExclamationTriangle": "fa-exclamation-triangle",
6
6
  "modifiers": {
7
7
  "center": "pf-m-center",
8
- "vertical": "pf-m-vertical",
9
8
  "compact": "pf-m-compact",
10
9
  "current": "pf-m-current",
11
10
  "pending": "pf-m-pending",
@@ -13,7 +12,19 @@ exports.default = {
13
12
  "danger": "pf-m-danger",
14
13
  "warning": "pf-m-warning",
15
14
  "info": "pf-m-info",
16
- "helpText": "pf-m-help-text"
15
+ "helpText": "pf-m-help-text",
16
+ "horizontal": "pf-m-horizontal",
17
+ "vertical": "pf-m-vertical",
18
+ "horizontalOnSm": "pf-m-horizontal-on-sm",
19
+ "verticalOnSm": "pf-m-vertical-on-sm",
20
+ "horizontalOnMd": "pf-m-horizontal-on-md",
21
+ "verticalOnMd": "pf-m-vertical-on-md",
22
+ "horizontalOnLg": "pf-m-horizontal-on-lg",
23
+ "verticalOnLg": "pf-m-vertical-on-lg",
24
+ "horizontalOnXl": "pf-m-horizontal-on-xl",
25
+ "verticalOnXl": "pf-m-vertical-on-xl",
26
+ "horizontalOn_2xl": "pf-m-horizontal-on-2xl",
27
+ "verticalOn_2xl": "pf-m-vertical-on-2xl"
17
28
  },
18
29
  "pficon": "pficon",
19
30
  "progressStepper": "pf-c-progress-stepper",
package/css/components/ProgressStepper/progress-stepper.mjs CHANGED
@@ -3,7 +3,6 @@ export default {
3
3
  "faExclamationTriangle": "fa-exclamation-triangle",
4
4
  "modifiers": {
5
5
  "center": "pf-m-center",
6
- "vertical": "pf-m-vertical",
7
6
  "compact": "pf-m-compact",
8
7
  "current": "pf-m-current",
9
8
  "pending": "pf-m-pending",
@@ -11,7 +10,19 @@ export default {
11
10
  "danger": "pf-m-danger",
12
11
  "warning": "pf-m-warning",
13
12
  "info": "pf-m-info",
14
- "helpText": "pf-m-help-text"
13
+ "helpText": "pf-m-help-text",
14
+ "horizontal": "pf-m-horizontal",
15
+ "vertical": "pf-m-vertical",
16
+ "horizontalOnSm": "pf-m-horizontal-on-sm",
17
+ "verticalOnSm": "pf-m-vertical-on-sm",
18
+ "horizontalOnMd": "pf-m-horizontal-on-md",
19
+ "verticalOnMd": "pf-m-vertical-on-md",
20
+ "horizontalOnLg": "pf-m-horizontal-on-lg",
21
+ "verticalOnLg": "pf-m-vertical-on-lg",
22
+ "horizontalOnXl": "pf-m-horizontal-on-xl",
23
+ "verticalOnXl": "pf-m-vertical-on-xl",
24
+ "horizontalOn_2xl": "pf-m-horizontal-on-2xl",
25
+ "verticalOn_2xl": "pf-m-vertical-on-2xl"
15
26
  },
16
27
  "pficon": "pficon",
17
28
  "progressStepper": "pf-c-progress-stepper",
package/css/components/Tabs/tabs.css CHANGED
@@ -122,6 +122,15 @@
122
122
  --pf-c-tabs__add--c-button--PaddingTop: var(--pf-c-tabs__link--PaddingTop);
123
123
  --pf-c-tabs__add--c-button--PaddingBottom: var(--pf-c-tabs__link--PaddingBottom);
124
124
  --pf-c-tabs__add--c-button--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
125
+ --pf-c-tabs__link-toggle-icon--Color: var(--pf-global--Color--200);
126
+ --pf-c-tabs__link-toggle-icon--Transition: .2s ease-in 0s;
127
+ --pf-c-tabs__link-toggle-icon--Rotate: 0;
128
+ --pf-c-tabs__link-toggle-icon--FontSize: var(--pf-global--FontSize--sm);
129
+ --pf-c-tabs__link--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
130
+ --pf-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
131
+ --pf-c-tabs__link--hover__toggle-icon--Color: var(--pf-global--Color--100);
132
+ --pf-c-tabs__link--active__toggle-icon--Color: var(--pf-global--Color--100);
133
+ --pf-c-tabs__link--focus__toggle-icon--Color: var(--pf-global--Color--100);
125
134
  position: relative;
126
135
  display: flex;
127
136
  width: var(--pf-c-tabs--Width);
@@ -550,6 +559,15 @@
550
559
  --pf-c-tabs__link--after--BorderWidth: var(--pf-c-tabs__link--active--after--BorderWidth);
551
560
  }
552
561
 
562
+ .pf-c-tabs__link:hover {
563
+ --pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--hover__toggle-icon--Color);
564
+ }
565
+ .pf-c-tabs__link:focus {
566
+ --pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--focus__toggle-icon--Color);
567
+ }
568
+ .pf-c-tabs__link:active, .pf-c-tabs__link.pf-m-active {
569
+ --pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--active__toggle-icon--Color);
570
+ }
553
571
  .pf-c-tabs__link:disabled, .pf-c-tabs__link.pf-m-disabled {
554
572
  pointer-events: none;
555
573
  }
@@ -573,6 +591,18 @@
573
591
  .pf-c-tabs__link .pf-c-tabs__item-text:last-child {
574
592
  --pf-c-tabs__link--child--MarginRight: 0;
575
593
  }
594
+ .pf-c-tabs__link.pf-m-expanded {
595
+ --pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--m-expanded__toggle-icon--Color);
596
+ --pf-c-tabs__link-toggle-icon--Rotate: var(--pf-c-tabs__link--m-expanded__toggle-icon--Rotate);
597
+ }
598
+
599
+ .pf-c-tabs__link-toggle-icon {
600
+ align-self: end;
601
+ font-size: var(--pf-c-tabs__link-toggle-icon--FontSize);
602
+ color: var(--pf-c-tabs__link-toggle-icon--Color);
603
+ transition: var(--pf-c-tabs__link-toggle-icon--Transition);
604
+ transform: rotate(var(--pf-c-tabs__link-toggle-icon--Rotate));
605
+ }
576
606
 
577
607
  .pf-c-tabs__item-close {
578
608
  display: flex;
package/css/components/Tabs/tabs.d.ts CHANGED
@@ -26,6 +26,7 @@ declare const _default: {
26
26
  "expanded": "pf-m-expanded",
27
27
  "pageInsets": "pf-m-page-insets",
28
28
  "action": "pf-m-action",
29
+ "active": "pf-m-active",
29
30
  "disabled": "pf-m-disabled",
30
31
  "ariaDisabled": "pf-m-aria-disabled",
31
32
  "insetNone": "pf-m-inset-none",
@@ -73,6 +74,7 @@ declare const _default: {
73
74
  "tabsItemIcon": "pf-c-tabs__item-icon",
74
75
  "tabsItemText": "pf-c-tabs__item-text",
75
76
  "tabsLink": "pf-c-tabs__link",
77
+ "tabsLinkToggleIcon": "pf-c-tabs__link-toggle-icon",
76
78
  "tabsList": "pf-c-tabs__list",
77
79
  "tabsScrollButton": "pf-c-tabs__scroll-button",
78
80
  "tabsToggle": "pf-c-tabs__toggle",
package/css/components/Tabs/tabs.js CHANGED
@@ -28,6 +28,7 @@ exports.default = {
28
28
  "expanded": "pf-m-expanded",
29
29
  "pageInsets": "pf-m-page-insets",
30
30
  "action": "pf-m-action",
31
+ "active": "pf-m-active",
31
32
  "disabled": "pf-m-disabled",
32
33
  "ariaDisabled": "pf-m-aria-disabled",
33
34
  "insetNone": "pf-m-inset-none",
@@ -75,6 +76,7 @@ exports.default = {
75
76
  "tabsItemIcon": "pf-c-tabs__item-icon",
76
77
  "tabsItemText": "pf-c-tabs__item-text",
77
78
  "tabsLink": "pf-c-tabs__link",
79
+ "tabsLinkToggleIcon": "pf-c-tabs__link-toggle-icon",
78
80
  "tabsList": "pf-c-tabs__list",
79
81
  "tabsScrollButton": "pf-c-tabs__scroll-button",
80
82
  "tabsToggle": "pf-c-tabs__toggle",
package/css/components/Tabs/tabs.mjs CHANGED
@@ -26,6 +26,7 @@ export default {
26
26
  "expanded": "pf-m-expanded",
27
27
  "pageInsets": "pf-m-page-insets",
28
28
  "action": "pf-m-action",
29
+ "active": "pf-m-active",
29
30
  "disabled": "pf-m-disabled",
30
31
  "ariaDisabled": "pf-m-aria-disabled",
31
32
  "insetNone": "pf-m-inset-none",
@@ -73,6 +74,7 @@ export default {
73
74
  "tabsItemIcon": "pf-c-tabs__item-icon",
74
75
  "tabsItemText": "pf-c-tabs__item-text",
75
76
  "tabsLink": "pf-c-tabs__link",
77
+ "tabsLinkToggleIcon": "pf-c-tabs__link-toggle-icon",
76
78
  "tabsList": "pf-c-tabs__list",
77
79
  "tabsScrollButton": "pf-c-tabs__scroll-button",
78
80
  "tabsToggle": "pf-c-tabs__toggle",
package/css/components/Wizard/wizard.css CHANGED
@@ -490,6 +490,7 @@
490
490
  }
491
491
 
492
492
  .pf-c-wizard__footer {
493
+ position: relative;
493
494
  z-index: var(--pf-c-wizard__footer--ZIndex);
494
495
  display: flex;
495
496
  flex-wrap: wrap;
@@ -503,7 +504,7 @@
503
504
  .pf-c-wizard__footer > *:not(:last-child) {
504
505
  margin-right: var(--pf-c-wizard__footer--child--MarginRight);
505
506
  }
506
- .pf-c-page__main-wizard .pf-c-wizard__footer, .pf-c-modal-box .pf-c-wizard__footer {
507
+ .pf-c-page__main-wizard .pf-c-wizard__footer, .pf-c-modal-box .pf-c-wizard__footer, .pf-c-drawer > .pf-c-wizard__footer {
507
508
  box-shadow: var(--pf-c-wizard__footer--BoxShadow);
508
509
  }
509
510
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "4.72.13",
3
+ "version": "4.72.16",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -19,7 +19,7 @@
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "4.198.1",
22
+ "@patternfly/patternfly": "4.201.0",
23
23
  "camel-case": "^3.0.0",
24
24
  "css": "^2.2.3",
25
25
  "fs-extra": "^6.0.1",
@@ -29,5 +29,5 @@
29
29
  "typescript": "^4.0.0"
30
30
  },
31
31
  "license": "MIT",
32
- "gitHead": "12411175163290e8c6dd598cfb5ce53ba58688b3"
32
+ "gitHead": "0804117dff5e8c51c02747b477ae0e0d532d6a36"
33
33
  }