@patternfly/react-styles 4.33.1 → 4.33.2

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.33.2 (2022-01-06)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
 ## 4.33.1 (2022-01-06)
 
 **Note:** Version bump only for package @patternfly/react-styles

package/css/components/ExpandableSection/expandable-section.css

@@ -8,6 +8,7 @@
   --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
   --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
   --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
+  --pf-c-expandable-section__toggle-icon--MinWidth: 1em;
   --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
   --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
   --pf-c-expandable-section__toggle-icon--Rotate: 0;
@@ -30,6 +31,7 @@
   --pf-c-expandable-section--m-display-lg--after--BackgroundColor: transparent;
   --pf-c-expandable-section--m-display-lg--after--Width: var(--pf-global--BorderWidth--lg);
   --pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
+  --pf-c-expandable-section--m-indented__content--PaddingLeft: calc(var(--pf-c-expandable-section__toggle-text--MarginLeft) + var(--pf-c-expandable-section__toggle-icon--MinWidth));
 }
 .pf-c-expandable-section.pf-m-expanded {
   --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--m-expanded--Color);
@@ -64,6 +66,9 @@
   content: "";
   background-color: var(--pf-c-expandable-section--m-display-lg--after--BackgroundColor);
 }
+.pf-c-expandable-section.pf-m-indented {
+  --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-indented__content--PaddingLeft);
+}
 
 .pf-c-expandable-section__toggle {
   display: flex;
@@ -82,6 +87,7 @@
 }
 
 .pf-c-expandable-section__toggle-icon {
+  min-width: var(--pf-c-expandable-section__toggle-icon--MinWidth);
   color: var(--pf-c-expandable-section__toggle-icon--Color);
   transition: var(--pf-c-expandable-section__toggle-icon--Transition);
   transform: rotate(var(--pf-c-expandable-section__toggle-icon--Rotate));

package/css/components/ExpandableSection/expandable-section.d.ts

@@ -10,6 +10,7 @@ declare const _default: {
     "detached": "pf-m-detached",
     "limitWidth": "pf-m-limit-width",
     "displayLg": "pf-m-display-lg",
+    "indented": "pf-m-indented",
     "active": "pf-m-active",
     "expandTop": "pf-m-expand-top",
     "overpassFont": "pf-m-overpass-font"

package/css/components/ExpandableSection/expandable-section.js

@@ -12,6 +12,7 @@ exports.default = {
     "detached": "pf-m-detached",
     "limitWidth": "pf-m-limit-width",
     "displayLg": "pf-m-display-lg",
+    "indented": "pf-m-indented",
     "active": "pf-m-active",
     "expandTop": "pf-m-expand-top",
     "overpassFont": "pf-m-overpass-font"

package/css/components/LogViewer/log-viewer.css

@@ -1,4 +1,5 @@
-.pf-c-log-viewer__header {
+.pf-c-log-viewer__header,
+.pf-c-log-viewer__footer {
   --pf-global--Color--100: var(--pf-global--Color--dark-100);
   --pf-global--Color--200: var(--pf-global--Color--dark-200);
   --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
@@ -107,7 +108,15 @@
   position: absolute;
   right: 0;
   left: var(--pf-c-log-viewer--m-line-numbers__list--Left);
-  overflow: auto;
+}
+.pf-c-log-viewer.pf-m-line-numbers .pf-c-log-viewer__list::before {
+  position: absolute;
+  top: var(--pf-c-log-viewer--m-line-numbers__main--before--Top);
+  bottom: var(--pf-c-log-viewer--m-line-numbers__main--before--Bottom);
+  left: 0;
+  width: var(--pf-c-log-viewer--m-line-numbers__main--before--Width);
+  content: "";
+  background: var(--pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor);
 }
 .pf-c-log-viewer .pf-c-toolbar {
   --pf-c-toolbar--PaddingTop: var(--pf-c-log-viewer--c-toolbar--PaddingTop);
@@ -125,10 +134,14 @@
 }
 
 .pf-c-log-viewer__header {
-  color: var(--pf-global--Color--100);
   margin-bottom: var(--pf-c-log-viewer__header--MarginBottom);
 }
 
+.pf-c-log-viewer__header,
+.pf-c-log-viewer__footer {
+  color: var(--pf-global--Color--100);
+}
+
 .pf-c-log-viewer__main {
   display: flex;
   flex-direction: column;
@@ -136,18 +149,6 @@
   background-color: var(--pf-c-log-viewer__main--BackgroundColor);
   border: var(--pf-c-log-viewer__main--BorderWidth) solid var(--pf-c-log-viewer__main--BorderColor);
 }
-.pf-m-line-numbers .pf-c-log-viewer__main {
-  position: relative;
-}
-.pf-m-line-numbers .pf-c-log-viewer__main::before {
-  position: absolute;
-  top: var(--pf-c-log-viewer--m-line-numbers__main--before--Top);
-  bottom: var(--pf-c-log-viewer--m-line-numbers__main--before--Bottom);
-  left: var(--pf-c-log-viewer__index--Width);
-  width: var(--pf-c-log-viewer--m-line-numbers__main--before--Width);
-  content: "";
-  background: var(--pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor);
-}
 
 .pf-c-log-viewer__scroll-container {
   position: relative;
@@ -188,6 +189,7 @@
   font-family: var(--pf-c-log-viewer__index--FontFamily);
   font-size: var(--pf-c-log-viewer__index--FontSize);
   color: var(--pf-c-log-viewer__index--Color);
+  user-select: none;
   background-color: var(--pf-c-log-viewer__index--BackgroundColor);
 }
 

package/css/components/LogViewer/log-viewer.d.ts

@@ -3,6 +3,7 @@ declare const _default: {
   "button": "pf-c-button",
   "card": "pf-c-card",
   "logViewer": "pf-c-log-viewer",
+  "logViewerFooter": "pf-c-log-viewer__footer",
   "logViewerHeader": "pf-c-log-viewer__header",
   "logViewerIndex": "pf-c-log-viewer__index",
   "logViewerList": "pf-c-log-viewer__list",

package/css/components/LogViewer/log-viewer.js

@@ -5,6 +5,7 @@ exports.default = {
   "button": "pf-c-button",
   "card": "pf-c-card",
   "logViewer": "pf-c-log-viewer",
+  "logViewerFooter": "pf-c-log-viewer__footer",
   "logViewerHeader": "pf-c-log-viewer__header",
   "logViewerIndex": "pf-c-log-viewer__index",
   "logViewerList": "pf-c-log-viewer__list",

package/css/docs/components/NotificationBadge/examples/NotificationBadge.css

@@ -0,0 +1,3 @@
+.ws-core-c-notification-badge {
+  background: var(--pf-global--BackgroundColor--dark-100);
+}

package/css/docs/components/NotificationBadge/examples/NotificationBadge.d.ts

@@ -0,0 +1,5 @@
+import './NotificationBadge.css';
+declare const _default: {
+  "wsCoreCNotificationBadge": "ws-core-c-notification-badge"
+};
+export default _default;

package/css/docs/components/NotificationBadge/examples/NotificationBadge.js

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+require('./NotificationBadge.css');
+exports.default = {
+  "wsCoreCNotificationBadge": "ws-core-c-notification-badge"
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "4.33.1",
+  "version": "4.33.2",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -19,7 +19,7 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "4.164.4",
+    "@patternfly/patternfly": "4.165.1",
     "camel-case": "^3.0.0",
     "css": "^2.2.3",
     "fs-extra": "^6.0.1",
@@ -29,5 +29,5 @@
     "typescript": "^4.0.0"
   },
   "license": "MIT",
-  "gitHead": "87b97537c17089399b8c142a28fd35440a9dc8d1"
+  "gitHead": "3227da5a80f1a78cf7f547c543a17f1a88e351c3"
 }