@patternfly/react-styles 5.2.0-prerelease.2 → 5.2.0-prerelease.4

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.
 
+# 5.2.0-prerelease.4 (2023-11-03)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+# 5.2.0-prerelease.3 (2023-10-26)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
 # 5.2.0-prerelease.2 (2023-10-10)
 
 **Note:** Version bump only for package @patternfly/react-styles

package/css/components/Accordion/accordion.css

@@ -26,6 +26,10 @@
   --pf-v5-c-accordion__toggle--after--Width: var(--pf-v5-global--BorderWidth--lg);
   --pf-v5-c-accordion__toggle--m-expanded--after--BackgroundColor: var(--pf-v5-global--primary-color--100);
   --pf-v5-c-accordion__toggle--BackgroundColor: transparent;
+  --pf-v5-c-accordion__toggle--JustifyContent: space-between;
+  --pf-v5-c-accordion__toggle--ColumnGap: 0;
+  --pf-v5-c-accordion--m-toggle-start__toggle--JustifyContent: start;
+  --pf-v5-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-v5-global--spacer--md);
   --pf-v5-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-v5-global--spacer--lg));
   --pf-v5-c-accordion__toggle--hover__toggle-text--Color: var(--pf-v5-global--link--Color);
   --pf-v5-c-accordion__toggle--active__toggle-text--Color: var(--pf-v5-global--link--Color);
@@ -79,6 +83,10 @@
   color: var(--pf-v5-global--Color--100);
   background-color: var(--pf-v5-c-accordion--BackgroundColor);
 }
+.pf-v5-c-accordion.pf-m-toggle-start {
+  --pf-v5-c-accordion__toggle--JustifyContent: var(--pf-v5-c-accordion--m-toggle-start__toggle--JustifyContent);
+  --pf-v5-c-accordion__toggle--ColumnGap: var(--pf-v5-c-accordion--m-toggle-start__toggle--ColumnGap);
+}
 .pf-v5-c-accordion.pf-m-display-lg {
   --pf-v5-c-accordion__toggle--PaddingTop: var(--pf-v5-c-accordion--m-display-lg__toggle--PaddingTop);
   --pf-v5-c-accordion__toggle--PaddingRight: var(--pf-v5-c-accordion--m-display-lg__toggle--PaddingRight);
@@ -138,8 +146,9 @@
 .pf-v5-c-accordion__toggle {
   position: relative;
   display: flex;
+  column-gap: var(--pf-v5-c-accordion__toggle--ColumnGap);
   align-items: center;
-  justify-content: space-between;
+  justify-content: var(--pf-v5-c-accordion__toggle--JustifyContent);
   width: 100%;
   padding-block-start: var(--pf-v5-c-accordion__toggle--PaddingTop);
   padding-block-end: var(--pf-v5-c-accordion__toggle--PaddingBottom);

package/css/components/Accordion/accordion.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
   "accordionToggleText": "pf-v5-c-accordion__toggle-text",
   "dirRtl": "pf-v5-m-dir-rtl",
   "modifiers": {
+    "toggleStart": "pf-m-toggle-start",
     "displayLg": "pf-m-display-lg",
     "bordered": "pf-m-bordered",
     "expanded": "pf-m-expanded",

package/css/components/Accordion/accordion.js

@@ -10,6 +10,7 @@ exports.default = {
   "accordionToggleText": "pf-v5-c-accordion__toggle-text",
   "dirRtl": "pf-v5-m-dir-rtl",
   "modifiers": {
+    "toggleStart": "pf-m-toggle-start",
     "displayLg": "pf-m-display-lg",
     "bordered": "pf-m-bordered",
     "expanded": "pf-m-expanded",

package/css/components/Accordion/accordion.mjs

@@ -8,6 +8,7 @@ export default {
   "accordionToggleText": "pf-v5-c-accordion__toggle-text",
   "dirRtl": "pf-v5-m-dir-rtl",
   "modifiers": {
+    "toggleStart": "pf-m-toggle-start",
     "displayLg": "pf-m-display-lg",
     "bordered": "pf-m-bordered",
     "expanded": "pf-m-expanded",

package/css/components/Switch/switch.css

@@ -56,7 +56,7 @@
   cursor: pointer;
   opacity: 0;
 }
-.pf-v5-c-switch__input:focus ~ .pf-v5-c-switch__toggle {
+.pf-v5-c-switch__input:focus-visible ~ .pf-v5-c-switch__toggle {
   outline: var(--pf-v5-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v5-c-switch__input--focus__toggle--OutlineColor);
   outline-offset: var(--pf-v5-c-switch__input--focus__toggle--OutlineOffset);
 }

package/css/docs/demos/Toolbar/examples/Toolbar.css

@@ -13,3 +13,13 @@
 #ws-html-demos-c-toolbar-toolbar-attribute-value-search-filter-on-mobile {
   min-height: 175px;
 }
+
+.pf-v5-c-menu-toggle + .pf-v5-c-panel {
+  position: absolute;
+  top: calc(100% + 2px);
+  z-index: var(--pf-v5-global--ZIndex--sm);
+}
+
+.ws-html-demos-c-toolbar .pf-v5-c-toolbar__item {
+  position: relative;
+}

package/css/docs/demos/Toolbar/examples/Toolbar.d.ts

@@ -1,3 +1,8 @@
 import './Toolbar.css';
-declare const _default: {};
+declare const _default: {
+  "menuToggle": "pf-v5-c-menu-toggle",
+  "panel": "pf-v5-c-panel",
+  "toolbarItem": "pf-v5-c-toolbar__item",
+  "wsHtmlDemosCToolbar": "ws-html-demos-c-toolbar"
+};
 export default _default;

package/css/docs/demos/Toolbar/examples/Toolbar.js

@@ -1,4 +1,9 @@
 "use strict";
 exports.__esModule = true;
 require('./Toolbar.css');
-exports.default = {};
+exports.default = {
+  "menuToggle": "pf-v5-c-menu-toggle",
+  "panel": "pf-v5-c-panel",
+  "toolbarItem": "pf-v5-c-toolbar__item",
+  "wsHtmlDemosCToolbar": "ws-html-demos-c-toolbar"
+};

package/css/docs/demos/Toolbar/examples/Toolbar.mjs

@@ -1,2 +1,7 @@
 import './Toolbar.css';
-export default {};
+export default {
+  "menuToggle": "pf-v5-c-menu-toggle",
+  "panel": "pf-v5-c-panel",
+  "toolbarItem": "pf-v5-c-toolbar__item",
+  "wsHtmlDemosCToolbar": "ws-html-demos-c-toolbar"
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "5.2.0-prerelease.2",
+  "version": "5.2.0-prerelease.4",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -18,7 +18,7 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "5.2.0-prerelease.2",
+    "@patternfly/patternfly": "5.2.0-prerelease.4",
     "camel-case": "^3.0.0",
     "css": "^2.2.3",
     "fs-extra": "^11.1.1",
@@ -28,5 +28,5 @@
     "typescript": "^4.7.4"
   },
   "license": "MIT",
-  "gitHead": "711f39996588b98ecbf70316be2fa96414ce6d47"
+  "gitHead": "559e6fd8de77794fc7d1dd9fde66a09441d37fb3"
 }