@patternfly/react-styles 4.91.4 → 4.91.6

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.91.6 (2022-10-05)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
+## 4.91.5 (2022-09-29)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
 ## 4.91.4 (2022-09-23)
 
 **Note:** Version bump only for package @patternfly/react-styles

package/css/components/Button/button.css

@@ -89,6 +89,12 @@
   --pf-c-button--m-link--m-inline--FontSize: inherit;
   --pf-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
   --pf-c-button--m-link--m-inline--hover--Color: var(--pf-global--link--Color--hover);
+  --pf-c-button--m-link--m-inline--PaddingTop: 0;
+  --pf-c-button--m-link--m-inline--PaddingRight: 0;
+  --pf-c-button--m-link--m-inline--PaddingBottom: 0;
+  --pf-c-button--m-link--m-inline--PaddingLeft: 0;
+  --pf-c-button--m-link--m-inline__progress--Left: var(--pf-global--spacer--xs);
+  --pf-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-global--spacer--sm));
   --pf-c-button--m-link--m-danger--BackgroundColor: transparent;
   --pf-c-button--m-link--m-danger--Color: var(--pf-global--danger-color--100);
   --pf-c-button--m-link--m-danger--hover--BackgroundColor: transparent;
@@ -287,8 +293,9 @@
 }
 .pf-c-button.pf-m-link.pf-m-inline {
   --pf-c-button--FontSize: var(--pf-c-button--m-link--m-inline--FontSize);
+  --pf-c-button__progress--Left: var(--pf-c-button--m-link--m-inline__progress--Left);
   display: inline;
-  padding: 0;
+  padding: var(--pf-c-button--m-link--m-inline--PaddingTop) var(--pf-c-button--m-link--m-inline--PaddingRight) var(--pf-c-button--m-link--m-inline--PaddingBottom) var(--pf-c-button--m-link--m-inline--PaddingLeft);
   text-align: left;
   white-space: normal;
   cursor: pointer;
@@ -454,6 +461,9 @@
   --pf-c-button--PaddingLeft: var(--pf-c-button--m-progress--PaddingLeft);
   transition: var(--pf-c-button--m-progress--TransitionProperty) var(--pf-c-button--m-progress--TransitionDuration);
 }
+.pf-c-button.pf-m-in-progress {
+  --pf-c-button--m-link--m-inline--PaddingLeft: var(--pf-c-button--m-link--m-inline--m-in-progress--PaddingLeft);
+}
 .pf-c-button.pf-m-in-progress:not(.pf-m-plain) {
   --pf-c-button--PaddingRight: var(--pf-c-button--m-in-progress--PaddingRight);
   --pf-c-button--PaddingLeft: var(--pf-c-button--m-in-progress--PaddingLeft);

package/css/components/Form/form.css

@@ -322,6 +322,7 @@
   font-size: var(--pf-c-form__group-label-help--FontSize);
   line-height: 1;
   color: var(--pf-c-form__group-label-help--Color);
+  cursor: pointer;
   border: 0;
   transform: translateY(var(--pf-c-form__group-label-help--TranslateY));
 }

package/css/components/Slider/slider.css

@@ -134,6 +134,7 @@
 .pf-c-slider__step-label {
   position: absolute;
   top: var(--pf-c-slider__step-label--Top);
+  word-break: normal;
   transform: translateX(var(--pf-c-slider__step-label--TranslateX));
 }
 

package/css/components/Spinner/spinner.css

@@ -7,10 +7,14 @@
   --pf-c-spinner--m-md--diameter: var(--pf-global--icon--FontSize--md);
   --pf-c-spinner--m-lg--diameter: var(--pf-global--icon--FontSize--lg);
   --pf-c-spinner--m-xl--diameter: var(--pf-global--icon--FontSize--xl);
+  --pf-c-spinner--m-inline--diameter: 1em;
   width: var(--pf-c-spinner--Width);
   height: var(--pf-c-spinner--Height);
   overflow: hidden;
 }
+.pf-c-spinner.pf-m-inline {
+  --pf-c-spinner--diameter: var(--pf-c-spinner--m-inline--diameter);
+}
 .pf-c-spinner.pf-m-sm {
   --pf-c-spinner--diameter: var(--pf-c-spinner--m-sm--diameter);
 }

package/css/components/Spinner/spinner.d.ts

@@ -1,6 +1,7 @@
 import './spinner.css';
 declare const _default: {
   "modifiers": {
+    "inline": "pf-m-inline",
     "sm": "pf-m-sm",
     "md": "pf-m-md",
     "lg": "pf-m-lg",

package/css/components/Spinner/spinner.js

@@ -3,6 +3,7 @@ exports.__esModule = true;
 require('./spinner.css');
 exports.default = {
   "modifiers": {
+    "inline": "pf-m-inline",
     "sm": "pf-m-sm",
     "md": "pf-m-md",
     "lg": "pf-m-lg",

package/css/components/Spinner/spinner.mjs

@@ -1,6 +1,7 @@
 import './spinner.css';
 export default {
   "modifiers": {
+    "inline": "pf-m-inline",
     "sm": "pf-m-sm",
     "md": "pf-m-md",
     "lg": "pf-m-lg",

package/css/components/TextInputGroup/text-input-group.css

@@ -9,6 +9,11 @@
   --pf-c-text-input-group__text--focus-within--after--BorderBottomColor: var(--pf-global--primary-color--100);
   --pf-c-text-input-group__main--first-child--not--text-input--MarginLeft: var(--pf-global--spacer--sm);
   --pf-c-text-input-group__main--m-icon__text-input--PaddingLeft: var(--pf-global--spacer--xl);
+  --pf-c-text-input-group__main--RowGap: var(--pf-global--spacer--xs);
+  --pf-c-text-input-group__main--ColumnGap: var(--pf-global--spacer--sm);
+  --pf-c-text-input-group--c-chip-group__main--PaddingTop: var(--pf-global--spacer--xs);
+  --pf-c-text-input-group--c-chip-group__main--PaddingRight: var(--pf-global--spacer--xs);
+  --pf-c-text-input-group--c-chip-group__main--PaddingBottom: var(--pf-global--spacer--xs);
   --pf-c-text-input-group__text-input--PaddingTop: var(--pf-global--spacer--form-element);
   --pf-c-text-input-group__text-input--PaddingRight: var(--pf-global--spacer--sm);
   --pf-c-text-input-group__text-input--PaddingBottom: var(--pf-global--spacer--form-element);
@@ -54,7 +59,8 @@
 .pf-c-text-input-group__main {
   display: flex;
   flex: 1;
-  gap: var(--pf-global--spacer--sm);
+  flex-wrap: wrap;
+  gap: var(--pf-c-text-input-group__main--RowGap) var(--pf-c-text-input-group__main--ColumnGap);
   min-width: 0;
 }
 .pf-c-text-input-group__main.pf-m-icon {
@@ -63,17 +69,10 @@
 .pf-c-text-input-group__main > :first-child:not(.pf-c-text-input-group__text) {
   margin-left: var(--pf-c-text-input-group__main--first-child--not--text-input--MarginLeft);
 }
-.pf-c-text-input-group__main .pf-c-chip-group {
-  overflow: auto;
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-}
-.pf-c-text-input-group__main .pf-c-chip-group::-webkit-scrollbar {
-  display: none;
-}
-.pf-c-text-input-group__main .pf-c-chip-group,
-.pf-c-text-input-group__main .pf-c-chip-group__list {
-  flex-wrap: nowrap;
+.pf-c-text-input-group__main .pf-c-chip-group__main {
+  padding-top: var(--pf-c-text-input-group--c-chip-group__main--PaddingTop);
+  padding-right: var(--pf-c-text-input-group--c-chip-group__main--PaddingRight);
+  padding-bottom: var(--pf-c-text-input-group--c-chip-group__main--PaddingBottom);
 }
 
 .pf-c-text-input-group__text {

package/css/components/TextInputGroup/text-input-group.d.ts

@@ -1,8 +1,7 @@
 import './text-input-group.css';
 declare const _default: {
   "button": "pf-c-button",
-  "chipGroup": "pf-c-chip-group",
-  "chipGroupList": "pf-c-chip-group__list",
+  "chipGroupMain": "pf-c-chip-group__main",
   "modifiers": {
     "disabled": "pf-m-disabled",
     "plain": "pf-m-plain",

package/css/components/TextInputGroup/text-input-group.js

@@ -3,8 +3,7 @@ exports.__esModule = true;
 require('./text-input-group.css');
 exports.default = {
   "button": "pf-c-button",
-  "chipGroup": "pf-c-chip-group",
-  "chipGroupList": "pf-c-chip-group__list",
+  "chipGroupMain": "pf-c-chip-group__main",
   "modifiers": {
     "disabled": "pf-m-disabled",
     "plain": "pf-m-plain",

package/css/components/TextInputGroup/text-input-group.mjs

@@ -1,8 +1,7 @@
 import './text-input-group.css';
 export default {
   "button": "pf-c-button",
-  "chipGroup": "pf-c-chip-group",
-  "chipGroupList": "pf-c-chip-group__list",
+  "chipGroupMain": "pf-c-chip-group__main",
   "modifiers": {
     "disabled": "pf-m-disabled",
     "plain": "pf-m-plain",

package/css/components/TreeView/tree-view.css

@@ -322,6 +322,12 @@
   white-space: nowrap;
 }
 
+.pf-c-tree-view__node-text {
+  font-weight: inherit;
+  color: inherit;
+  text-align: left;
+  border: 0;
+}
 label.pf-c-tree-view__node-text {
   cursor: pointer;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "4.91.4",
+  "version": "4.91.6",
   "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.216.0",
+    "@patternfly/patternfly": "4.217.1",
     "camel-case": "^3.0.0",
     "css": "^2.2.3",
     "fs-extra": "^6.0.1",
@@ -29,5 +29,5 @@
     "typescript": "^4.7.4"
   },
   "license": "MIT",
-  "gitHead": "9c5cb016c12b1b532b590285d6607b0c21778960"
+  "gitHead": "b44f6c31e0ab822af9626fd16912d4eb6ba01f3e"
 }