@patternfly/react-styles 6.0.0-alpha.9 → 6.0.0-prerelease.2

package/css/components/InlineEdit/inline-edit.css

@@ -1,83 +1,83 @@
-:where(:root),
-:where(.pf-v5-c-inline-edit) {
-  --pf-v5-c-inline-edit__group--item--MarginRight: var(--pf-t--global--spacer--sm);
-  --pf-v5-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
-  --pf-v5-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
-  --pf-v5-c-inline-edit__action--m-icon-group--item--MarginRight: var(--pf-t--global--spacer--sm);
-  --pf-v5-c-inline-edit__group--m-footer--MarginTop: var(--pf-t--global--spacer--xl);
-  --pf-v5-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
+:root,
+.pf-v6-c-inline-edit {
+  --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
+  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
+  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
+  --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
+  --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
 }
 
-.pf-v5-c-inline-edit__group {
+.pf-v6-c-inline-edit__group {
   display: flex;
   align-items: baseline;
 }
-.pf-v5-c-inline-edit__group > * {
-  margin-inline-end: var(--pf-v5-c-inline-edit__group--item--MarginRight);
+.pf-v6-c-inline-edit__group > * {
+  margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
 }
-.pf-v5-c-inline-edit__group.pf-m-icon-group {
-  --pf-v5-c-inline-edit__group--item--MarginRight: var(--pf-v5-c-inline-edit__action--m-icon-group--item--MarginRight);
+.pf-v6-c-inline-edit__group.pf-m-icon-group {
+  --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
 }
-.pf-v5-c-inline-edit__group.pf-m-footer {
-  margin-block-start: var(--pf-v5-c-inline-edit__group--m-footer--MarginTop);
+.pf-v6-c-inline-edit__group.pf-m-footer {
+  margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
 }
-.pf-v5-c-inline-edit__group.pf-m-column {
-  --pf-v5-c-inline-edit__group--item--MarginRight: 0;
+.pf-v6-c-inline-edit__group.pf-m-column {
+  --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
   flex-direction: column;
 }
-.pf-v5-c-inline-edit__group > :last-child {
-  --pf-v5-c-inline-edit__group--item--MarginRight: 0;
+.pf-v6-c-inline-edit__group > :last-child {
+  --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
 }
 
-.pf-v5-c-inline-edit__input {
+.pf-v6-c-inline-edit__input {
   flex: 1;
 }
 
-.pf-v5-c-inline-edit__action.pf-m-valid .pf-v5-c-button.pf-m-plain {
-  --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-inline-edit__action--c-button--m-valid--m-plain--Color);
+.pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
+  --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
 }
-.pf-v5-c-inline-edit__action.pf-m-valid .pf-v5-c-button.pf-m-plain:hover {
-  --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
+.pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
+  --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
 }
 
-.pf-v5-c-inline-edit__input,
-.pf-v5-c-inline-edit__action,
-.pf-v5-c-inline-edit__group.pf-m-action-group {
+.pf-v6-c-inline-edit__input,
+.pf-v6-c-inline-edit__action,
+.pf-v6-c-inline-edit__group.pf-m-action-group {
   display: none;
 }
 
-.pf-v5-c-inline-edit__action.pf-m-enable-editable {
+.pf-v6-c-inline-edit__action.pf-m-enable-editable {
   display: inline-block;
 }
 
-.pf-v5-c-inline-edit.pf-m-inline-editable .pf-v5-c-inline-edit__input,
-.pf-v5-c-inline-edit .pf-m-inline-editable .pf-v5-c-inline-edit__input {
+.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
+.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
   display: block;
 }
-.pf-v5-c-inline-edit.pf-m-inline-editable .pf-v5-c-inline-edit__action,
-.pf-v5-c-inline-edit .pf-m-inline-editable .pf-v5-c-inline-edit__action {
+.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
+.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
   display: inline-block;
 }
-.pf-v5-c-inline-edit.pf-m-inline-editable .pf-v5-c-inline-edit__group.pf-m-action-group,
-.pf-v5-c-inline-edit .pf-m-inline-editable .pf-v5-c-inline-edit__group.pf-m-action-group {
+.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
+.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
   display: inline-flex;
 }
-.pf-v5-c-inline-edit.pf-m-inline-editable .pf-v5-c-inline-edit__value,
-.pf-v5-c-inline-edit.pf-m-inline-editable .pf-v5-c-inline-edit__action.pf-m-enable-editable,
-.pf-v5-c-inline-edit .pf-m-inline-editable .pf-v5-c-inline-edit__value,
-.pf-v5-c-inline-edit .pf-m-inline-editable .pf-v5-c-inline-edit__action.pf-m-enable-editable {
+.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
+.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
+.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
+.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
   display: none;
 }
 
-.pf-v5-c-inline-edit__label + .pf-v5-c-inline-edit__action.pf-m-enable > .pf-v5-c-button {
-  margin-block-start: calc(var(--pf-v5-c-button--PaddingTop) * -1);
-  margin-block-end: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
+.pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
+  margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
+  margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
 }
 
-.pf-v5-c-inline-edit__label.pf-m-bold {
-  font-weight: var(--pf-v5-c-inline-edit__label--m-bold--FontWeight);
+.pf-v6-c-inline-edit__label.pf-m-bold {
+  font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
 }
 
-.pf-v5-c-inline-edit__editable-text br {
+.pf-v6-c-inline-edit__editable-text br {
   display: none;
 }

package/css/components/InlineEdit/inline-edit.d.ts

@@ -1,13 +1,13 @@
 import './inline-edit.css';
 declare const _default: {
-  "button": "pf-v5-c-button",
-  "inlineEdit": "pf-v5-c-inline-edit",
-  "inlineEditAction": "pf-v5-c-inline-edit__action",
-  "inlineEditEditableText": "pf-v5-c-inline-edit__editable-text",
-  "inlineEditGroup": "pf-v5-c-inline-edit__group",
-  "inlineEditInput": "pf-v5-c-inline-edit__input",
-  "inlineEditLabel": "pf-v5-c-inline-edit__label",
-  "inlineEditValue": "pf-v5-c-inline-edit__value",
+  "button": "pf-v6-c-button",
+  "inlineEdit": "pf-v6-c-inline-edit",
+  "inlineEditAction": "pf-v6-c-inline-edit__action",
+  "inlineEditEditableText": "pf-v6-c-inline-edit__editable-text",
+  "inlineEditGroup": "pf-v6-c-inline-edit__group",
+  "inlineEditInput": "pf-v6-c-inline-edit__input",
+  "inlineEditLabel": "pf-v6-c-inline-edit__label",
+  "inlineEditValue": "pf-v6-c-inline-edit__value",
   "modifiers": {
     "iconGroup": "pf-m-icon-group",
     "footer": "pf-m-footer",

package/css/components/InlineEdit/inline-edit.js

@@ -2,14 +2,14 @@
 exports.__esModule = true;
 require('./inline-edit.css');
 exports.default = {
-  "button": "pf-v5-c-button",
-  "inlineEdit": "pf-v5-c-inline-edit",
-  "inlineEditAction": "pf-v5-c-inline-edit__action",
-  "inlineEditEditableText": "pf-v5-c-inline-edit__editable-text",
-  "inlineEditGroup": "pf-v5-c-inline-edit__group",
-  "inlineEditInput": "pf-v5-c-inline-edit__input",
-  "inlineEditLabel": "pf-v5-c-inline-edit__label",
-  "inlineEditValue": "pf-v5-c-inline-edit__value",
+  "button": "pf-v6-c-button",
+  "inlineEdit": "pf-v6-c-inline-edit",
+  "inlineEditAction": "pf-v6-c-inline-edit__action",
+  "inlineEditEditableText": "pf-v6-c-inline-edit__editable-text",
+  "inlineEditGroup": "pf-v6-c-inline-edit__group",
+  "inlineEditInput": "pf-v6-c-inline-edit__input",
+  "inlineEditLabel": "pf-v6-c-inline-edit__label",
+  "inlineEditValue": "pf-v6-c-inline-edit__value",
   "modifiers": {
     "iconGroup": "pf-m-icon-group",
     "footer": "pf-m-footer",

package/css/components/InlineEdit/inline-edit.mjs

@@ -1,13 +1,13 @@
 import './inline-edit.css';
 export default {
-  "button": "pf-v5-c-button",
-  "inlineEdit": "pf-v5-c-inline-edit",
-  "inlineEditAction": "pf-v5-c-inline-edit__action",
-  "inlineEditEditableText": "pf-v5-c-inline-edit__editable-text",
-  "inlineEditGroup": "pf-v5-c-inline-edit__group",
-  "inlineEditInput": "pf-v5-c-inline-edit__input",
-  "inlineEditLabel": "pf-v5-c-inline-edit__label",
-  "inlineEditValue": "pf-v5-c-inline-edit__value",
+  "button": "pf-v6-c-button",
+  "inlineEdit": "pf-v6-c-inline-edit",
+  "inlineEditAction": "pf-v6-c-inline-edit__action",
+  "inlineEditEditableText": "pf-v6-c-inline-edit__editable-text",
+  "inlineEditGroup": "pf-v6-c-inline-edit__group",
+  "inlineEditInput": "pf-v6-c-inline-edit__input",
+  "inlineEditLabel": "pf-v6-c-inline-edit__label",
+  "inlineEditValue": "pf-v6-c-inline-edit__value",
   "modifiers": {
     "iconGroup": "pf-m-icon-group",
     "footer": "pf-m-footer",

package/css/components/InputGroup/input-group.css

@@ -1,73 +1,73 @@
 :root,
-.pf-v5-c-input-group {
-  --pf-v5-c-input-group--Gap: var(--pf-t--global--spacer--xs);
-  --pf-v5-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
-  --pf-v5-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
-  --pf-v5-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
-  --pf-v5-c-input-group__item--BackgroundColor: transparent;
-  --pf-v5-c-input-group__item--AlignItems: start;
-  --pf-v5-c-input-group__item--m-box--PaddingRight: var(--pf-t--global--spacer--sm);
-  --pf-v5-c-input-group__item--m-box--PaddingLeft: var(--pf-t--global--spacer--sm);
-  --pf-v5-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
-  --pf-v5-c-input-group__item--m-box--BorderWidth: var(--pf-v5-c-input-group__item--BorderWidth--base);
-  --pf-v5-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
-  --pf-v5-c-input-group__item--m-box--BorderTopColor: var(--pf-v5-c-input-group__item--BorderColor--base);
-  --pf-v5-c-input-group__item--m-box--BorderRightColor: var(--pf-v5-c-input-group__item--BorderColor--base);
-  --pf-v5-c-input-group__item--m-box--BorderBottomColor: var(--pf-v5-c-input-group__item--BorderColor--base);
-  --pf-v5-c-input-group__item--m-box--BorderLeftColor: var(--pf-v5-c-input-group__item--BorderColor--base);
-  --pf-v5-c-input-group__item--m-plain--BackgroundColor: transparent;
-  --pf-v5-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
-  --pf-v5-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
-  --pf-v5-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
-  --pf-v5-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
+.pf-v6-c-input-group {
+  --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
+  --pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
+  --pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
+  --pf-v6-c-input-group__item--BackgroundColor: transparent;
+  --pf-v6-c-input-group__item--AlignItems: start;
+  --pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
+  --pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
+  --pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
+  --pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
+  --pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
+  --pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
+  --pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
+  --pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
+  --pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
+  --pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
+  --pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
 }
 
-.pf-v5-c-input-group {
+.pf-v6-c-input-group {
   display: flex;
-  gap: var(--pf-v5-c-input-group--Gap);
+  gap: var(--pf-v6-c-input-group--Gap);
   width: 100%;
 }
 
-.pf-v5-c-input-group__item {
+.pf-v6-c-input-group__item {
   position: relative;
   display: flex;
-  align-items: var(--pf-v5-c-input-group__item--AlignItems);
-  min-width: var(--pf-v5-c-input-group__item--MinWidth, revert);
-  max-width: var(--pf-v5-c-input-group__item--MaxWidth, revert);
-  background-color: var(--pf-v5-c-input-group__item--BackgroundColor);
-  border-block-start-color: var(--pf-v5-c-input-group__item--m-box--BorderTopColor);
-  border-block-end-color: var(--pf-v5-c-input-group__item--m-box--BorderBottomColor);
-  border-inline-start-color: var(--pf-v5-c-input-group__item--m-box--BorderLeftColor);
-  border-inline-end-color: var(--pf-v5-c-input-group__item--m-box--BorderRightColor);
+  align-items: var(--pf-v6-c-input-group__item--AlignItems);
+  min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
+  max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
+  background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
+  border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
+  border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
+  border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
+  border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
 }
-.pf-v5-c-input-group__item.pf-m-box {
-  --pf-v5-c-input-group__item--BackgroundColor: var(--pf-v5-c-input-group__item--m-box--BackgroundColor);
-  padding-inline-start: var(--pf-v5-c-input-group__item--m-box--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-input-group__item--m-box--PaddingRight);
-  border: var(--pf-v5-c-input-group__item--m-box--BorderWidth) solid;
-  border-block-start-color: var(--pf-v5-c-input-group__item--m-box--BorderTopColor);
-  border-block-end-color: var(--pf-v5-c-input-group__item--m-box--BorderBottomColor);
-  border-inline-start-color: var(--pf-v5-c-input-group__item--m-box--BorderLeftColor);
-  border-inline-end-color: var(--pf-v5-c-input-group__item--m-box--BorderRightColor);
-  border-radius: var(--pf-v5-c-input-group__item--m-box--BorderRadius);
+.pf-v6-c-input-group__item.pf-m-box {
+  --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
+  padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
+  padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
+  border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
+  border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
+  border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
+  border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
+  border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
+  border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
 }
-.pf-v5-c-input-group__item.pf-m-plain {
-  --pf-v5-c-input-group__item--BackgroundColor: var(--pf-v5-c-input-group__item--m-plain--BackgroundColor);
+.pf-v6-c-input-group__item.pf-m-plain {
+  --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
   border: none;
 }
-.pf-v5-c-input-group__item.pf-m-disabled {
-  --pf-v5-c-input-group__item--BackgroundColor: var(--pf-v5-c-input-group__item--m-disabled--BackgroundColor);
-  --pf-v5-c-input-group__text--Color: var(--pf-v5-c-input-group__item--m-disabled__text--Color);
+.pf-v6-c-input-group__item.pf-m-disabled {
+  --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
+  --pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
 }
-.pf-v5-c-input-group__item.pf-m-fill {
+.pf-v6-c-input-group__item.pf-m-fill {
   flex-grow: 1;
 }
 
-.pf-v5-c-input-group__text {
+.pf-v6-c-input-group__text {
   align-self: center;
-  font-size: var(--pf-v5-c-input-group__text--FontSize);
-  color: var(--pf-v5-c-input-group__text--Color);
+  font-size: var(--pf-v6-c-input-group__text--FontSize);
+  color: var(--pf-v6-c-input-group__text--Color);
 }
-label.pf-v5-c-input-group__text {
+label.pf-v6-c-input-group__text {
   cursor: pointer;
 }

package/css/components/InputGroup/input-group.d.ts

@@ -1,8 +1,8 @@
 import './input-group.css';
 declare const _default: {
-  "inputGroup": "pf-v5-c-input-group",
-  "inputGroupItem": "pf-v5-c-input-group__item",
-  "inputGroupText": "pf-v5-c-input-group__text",
+  "inputGroup": "pf-v6-c-input-group",
+  "inputGroupItem": "pf-v6-c-input-group__item",
+  "inputGroupText": "pf-v6-c-input-group__text",
   "modifiers": {
     "box": "pf-m-box",
     "plain": "pf-m-plain",

package/css/components/InputGroup/input-group.js

@@ -2,9 +2,9 @@
 exports.__esModule = true;
 require('./input-group.css');
 exports.default = {
-  "inputGroup": "pf-v5-c-input-group",
-  "inputGroupItem": "pf-v5-c-input-group__item",
-  "inputGroupText": "pf-v5-c-input-group__text",
+  "inputGroup": "pf-v6-c-input-group",
+  "inputGroupItem": "pf-v6-c-input-group__item",
+  "inputGroupText": "pf-v6-c-input-group__text",
   "modifiers": {
     "box": "pf-m-box",
     "plain": "pf-m-plain",

package/css/components/InputGroup/input-group.mjs

@@ -1,8 +1,8 @@
 import './input-group.css';
 export default {
-  "inputGroup": "pf-v5-c-input-group",
-  "inputGroupItem": "pf-v5-c-input-group__item",
-  "inputGroupText": "pf-v5-c-input-group__text",
+  "inputGroup": "pf-v6-c-input-group",
+  "inputGroupItem": "pf-v6-c-input-group__item",
+  "inputGroupText": "pf-v6-c-input-group__text",
   "modifiers": {
     "box": "pf-m-box",
     "plain": "pf-m-plain",