@patternfly/patternfly 6.0.0-alpha.120 → 6.0.0-alpha.122

package/components/Alert/alert.scss

@@ -12,16 +12,16 @@
   --#{$alert}--BorderWidth: var(--pf-t--global--border--width--box--status--default);
   --#{$alert}--BorderColor: transparent;
   --#{$alert}--BorderRadius: var(--pf-t--global--border--radius--medium);
-  --#{$alert}--PaddingTop: var(--pf-t--global--spacer--md);
-  --#{$alert}--PaddingRight: var(--pf-t--global--spacer--md);
-  --#{$alert}--PaddingBottom: var(--pf-t--global--spacer--md);
-  --#{$alert}--PaddingLeft: var(--pf-t--global--spacer--md);
+  --#{$alert}--PaddingBlockStart: var(--pf-t--global--spacer--md);
+  --#{$alert}--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+  --#{$alert}--PaddingBlockEnd: var(--pf-t--global--spacer--md);
+  --#{$alert}--PaddingInlineStart: var(--pf-t--global--spacer--md);
   --#{$alert}--FontSize: var(--pf-t--global--font--size--body--default);
 
   // Toggle
-  --#{$alert}__toggle--MarginTop: calc(-1 * var(--pf-t--global--spacer--button--vertical--default) - #{pf-size-prem(1px)});
-  --#{$alert}__toggle--MarginBottom: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
-  --#{$alert}__toggle--MarginRight: var(--pf-t--global--spacer--sm);
+  --#{$alert}__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--button--vertical--default) - #{pf-size-prem(1px)});
+  --#{$alert}__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
+  --#{$alert}__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
 
   // Toggle icon
   --#{$alert}__toggle-icon--Rotate: 0;
@@ -29,8 +29,8 @@
 
   // Icon
   --#{$alert}__icon--Color: var(--pf-t--global--icon--color--regular);
-  --#{$alert}__icon--MarginTop: #{pf-size-prem(4px)};
-  --#{$alert}__icon--MarginRight: var(--pf-t--global--spacer--sm);
+  --#{$alert}__icon--MarginBlockStart: #{pf-size-prem(4px)};
+  --#{$alert}__icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
   --#{$alert}__icon--FontSize: var(--pf-t--global--icon--size--md);
 
   // Title
@@ -42,20 +42,20 @@
   --#{$alert}__title--max-lines: 1;
 
   // Action
-  --#{$alert}__action--MarginTop: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
-  --#{$alert}__action--MarginBottom: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
+  --#{$alert}__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
+  --#{$alert}__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
   --#{$alert}__action--TranslateY: #{pf-size-prem(2px)};
-  --#{$alert}__action--MarginRight: calc(var(--pf-t--global--spacer--sm) * -1);
+  --#{$alert}__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
 
   // Description
-  --#{$alert}__description--PaddingTop: var(--pf-t--global--spacer--xs);
+  --#{$alert}__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
 
   // Action group
-  --#{$alert}__action-group--PaddingTop-base: var(--pf-t--global--spacer--xs);
-  --#{$alert}__action-group--PaddingTop: var(--#{$alert}__action-group--PaddingTop-base);
-  --#{$alert}__description--action-group--PaddingTop-base: var(--pf-t--global--spacer--sm);
-  --#{$alert}__description--action-group--PaddingTop: var(--#{$alert}__description--action-group--PaddingTop-base);
-  --#{$alert}__action-group__c-button--not-last-child--MarginRight: var(--pf-t--global--spacer--lg);
+  --#{$alert}__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--xs);
+  --#{$alert}__action-group--PaddingBlockStart: var(--#{$alert}__action-group--PaddingBlockStart-base);
+  --#{$alert}__description--action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
+  --#{$alert}__description--action-group--PaddingBlockStart: var(--#{$alert}__description--action-group--PaddingBlockStart-base);
+  --#{$alert}__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--lg);
 
   // Custom
   --#{$alert}--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
@@ -89,10 +89,10 @@
   // Inline plain
   --#{$alert}--m-inline--m-plain--BorderWidth: 0;
   --#{$alert}--m-inline--m-plain--BackgroundColor: transparent;
-  --#{$alert}--m-inline--m-plain--PaddingTop: 0;
-  --#{$alert}--m-inline--m-plain--PaddingRight: 0;
-  --#{$alert}--m-inline--m-plain--PaddingBottom: 0;
-  --#{$alert}--m-inline--m-plain--PaddingLeft: 0;
+  --#{$alert}--m-inline--m-plain--PaddingBlockStart: 0;
+  --#{$alert}--m-inline--m-plain--PaddingInlineEnd: 0;
+  --#{$alert}--m-inline--m-plain--PaddingBlockEnd: 0;
+  --#{$alert}--m-inline--m-plain--PaddingInlineStart: 0;
 
   // Expandable
   --#{$alert}--m-expandable--GridTemplateColumns: auto max-content 1fr max-content;
@@ -100,11 +100,11 @@
     "toggle icon title action"
     ". . description description"
     ". . actiongroup actiongroup";
-  --#{$alert}--m-expandable__description--action-group--PaddingTop: var(--#{$alert}__action-group--PaddingTop-base);
+  --#{$alert}--m-expandable__description--action-group--PaddingBlockStart: var(--#{$alert}__action-group--PaddingBlockStart-base);
 
   // Expanded
   --#{$alert}--m-expanded__toggle-icon--Rotate: 90deg;
-  --#{$alert}--m-expanded__description--action-group--PaddingTop: var(--#{$alert}__description--action-group--PaddingTop-base);
+  --#{$alert}--m-expanded__description--action-group--PaddingBlockStart: var(--#{$alert}__description--action-group--PaddingBlockStart-base);
 }
 
 .#{$alert} {
@@ -112,10 +112,10 @@
   display: grid;
   grid-template-areas: var(--#{$alert}--GridTemplateAreas);
   grid-template-columns: var(--#{$alert}--GridTemplateColumns);
-  padding-block-start: var(--#{$alert}--PaddingTop);
-  padding-block-end: var(--#{$alert}--PaddingBottom);
-  padding-inline-start: var(--#{$alert}--PaddingLeft);
-  padding-inline-end: var(--#{$alert}--PaddingRight);
+  padding-block-start: var(--#{$alert}--PaddingBlockStart);
+  padding-block-end: var(--#{$alert}--PaddingBlockEnd);
+  padding-inline-start: var(--#{$alert}--PaddingInlineStart);
+  padding-inline-end: var(--#{$alert}--PaddingInlineEnd);
   font-size: var(--#{$alert}--FontSize);
   background-color: var(--#{$alert}--BackgroundColor);
   border: var(--#{$alert}--BorderWidth) solid var(--#{$alert}--BorderColor);
@@ -160,28 +160,28 @@
   &.pf-m-plain {
     --#{$alert}--BorderWidth: var(--#{$alert}--m-inline--m-plain--BorderWidth);
     --#{$alert}--BackgroundColor: var(--#{$alert}--m-inline--m-plain--BackgroundColor);
-    --#{$alert}--PaddingTop: var(--#{$alert}--m-inline--m-plain--PaddingTop);
-    --#{$alert}--PaddingRight: var(--#{$alert}--m-inline--m-plain--PaddingRight);
-    --#{$alert}--PaddingBottom: var(--#{$alert}--m-inline--m-plain--PaddingBottom);
-    --#{$alert}--PaddingLeft: var(--#{$alert}--m-inline--m-plain--PaddingLeft);
+    --#{$alert}--PaddingBlockStart: var(--#{$alert}--m-inline--m-plain--PaddingBlockStart);
+    --#{$alert}--PaddingInlineEnd: var(--#{$alert}--m-inline--m-plain--PaddingInlineEnd);
+    --#{$alert}--PaddingBlockEnd: var(--#{$alert}--m-inline--m-plain--PaddingBlockEnd);
+    --#{$alert}--PaddingInlineStart: var(--#{$alert}--m-inline--m-plain--PaddingInlineStart);
   }
 
   &.pf-m-expandable {
     --#{$alert}--GridTemplateColumns: var(--#{$alert}--m-expandable--GridTemplateColumns);
     --#{$alert}--GridTemplateAreas: var(--#{$alert}--m-expandable--GridTemplateAreas);
-    --#{$alert}__description--action-group--PaddingTop: var(--#{$alert}--m-expandable__description--action-group--PaddingTop);
+    --#{$alert}__description--action-group--PaddingBlockStart: var(--#{$alert}--m-expandable__description--action-group--PaddingBlockStart);
   }
 
   &.pf-m-expanded {
     --#{$alert}__toggle-icon--Rotate: var(--#{$alert}--m-expanded__toggle-icon--Rotate);
-    --#{$alert}__description--action-group--PaddingTop: var(--#{$alert}--m-expanded__description--action-group--PaddingTop);
+    --#{$alert}__description--action-group--PaddingBlockStart: var(--#{$alert}--m-expanded__description--action-group--PaddingBlockStart);
   }
 }
 
 .#{$alert}__toggle {
-  margin-block-start: var(--#{$alert}__toggle--MarginTop);
-  margin-block-end: var(--#{$alert}__toggle--MarginBottom);
-  margin-inline-end: var(--#{$alert}__toggle--MarginRight);
+  margin-block-start: var(--#{$alert}__toggle--MarginBlockStart);
+  margin-block-end: var(--#{$alert}__toggle--MarginBlockEnd);
+  margin-inline-end: var(--#{$alert}__toggle--MarginInlineEnd);
 }
 
 .#{$alert}__toggle-icon {
@@ -195,8 +195,8 @@
 .#{$alert}__icon {
   display: flex;
   grid-area: icon;
-  margin-block-start: var(--#{$alert}__icon--MarginTop);
-  margin-inline-end: var(--#{$alert}__icon--MarginRight);
+  margin-block-start: var(--#{$alert}__icon--MarginBlockStart);
+  margin-inline-end: var(--#{$alert}__icon--MarginInlineEnd);
   font-size: var(--#{$alert}__icon--FontSize);
   color: var(--#{$alert}__icon--Color);
 }
@@ -217,19 +217,19 @@
 
 .#{$alert}__description {
   grid-area: description;
-  padding-block-start: var(--#{$alert}__description--PaddingTop);
+  padding-block-start: var(--#{$alert}__description--PaddingBlockStart);
   word-break: break-word;
 
   + .#{$alert}__action-group {
-    --#{$alert}__action-group--PaddingTop: var(--#{$alert}__description--action-group--PaddingTop);
+    --#{$alert}__action-group--PaddingBlockStart: var(--#{$alert}__description--action-group--PaddingBlockStart);
   }
 }
 
 .#{$alert}__action {
   grid-area: action;
-  margin-block-start: var(--#{$alert}__action--MarginTop);
-  margin-block-end: var(--#{$alert}__action--MarginBottom);
-  margin-inline-end: var(--#{$alert}__action--MarginRight);
+  margin-block-start: var(--#{$alert}__action--MarginBlockStart);
+  margin-block-end: var(--#{$alert}__action--MarginBlockEnd);
+  margin-inline-end: var(--#{$alert}__action--MarginInlineEnd);
   transform: translateY(var(--#{$alert}__action--TranslateY));
 
   > .#{$button} {
@@ -239,13 +239,13 @@
 
 .#{$alert}__action-group {
   grid-area: actiongroup;
-  padding-block-start: var(--#{$alert}__action-group--PaddingTop);
+  padding-block-start: var(--#{$alert}__action-group--PaddingBlockStart);
 
   > .#{$button} {
     --#{$button}--m-link--m-inline--hover--TextDecoration: none;
 
     &:not(:last-child) {
-      margin-inline-end: var(--#{$alert}__action-group__c-button--not-last-child--MarginRight);
+      margin-inline-end: var(--#{$alert}__action-group__c-button--not-last-child--MarginInlineEnd);
     }
   }
 }

package/components/AppLauncher/app-launcher.css

@@ -1,16 +1,16 @@
 .pf-v6-c-app-launcher {
   --pf-v6-c-app-launcher__menu--BackgroundColor: var(--pf-v6-global--BackgroundColor--light-100);
   --pf-v6-c-app-launcher__menu--BoxShadow: var(--pf-v6-global--BoxShadow--md);
-  --pf-v6-c-app-launcher__menu--PaddingTop: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-app-launcher__menu--PaddingBottom: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-app-launcher__menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
+  --pf-v6-c-app-launcher__menu--PaddingBlockStart: var(--pf-v6-global--spacer--sm);
+  --pf-v6-c-app-launcher__menu--PaddingBlockEnd: var(--pf-v6-global--spacer--sm);
+  --pf-v6-c-app-launcher__menu--InsetBlockStart: calc(100% + var(--pf-v6-global--spacer--xs));
   --pf-v6-c-app-launcher__menu--ZIndex: var(--pf-t--global--z-index--sm);
-  --pf-v6-c-app-launcher--m-top__menu--Top: 0;
+  --pf-v6-c-app-launcher--m-top__menu--InsetBlockStart: 0;
   --pf-v6-c-app-launcher--m-top__menu--TranslateY: calc(-100% - var(--pf-v6-global--spacer--xs));
-  --pf-v6-c-app-launcher__toggle--PaddingTop: var(--pf-v6-global--spacer--form-element);
-  --pf-v6-c-app-launcher__toggle--PaddingRight: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-app-launcher__toggle--PaddingBottom: var(--pf-v6-global--spacer--form-element);
-  --pf-v6-c-app-launcher__toggle--PaddingLeft: var(--pf-v6-global--spacer--md);
+  --pf-v6-c-app-launcher__toggle--PaddingBlockStart: var(--pf-v6-global--spacer--form-element);
+  --pf-v6-c-app-launcher__toggle--PaddingInlineEnd: var(--pf-v6-global--spacer--md);
+  --pf-v6-c-app-launcher__toggle--PaddingBlockEnd: var(--pf-v6-global--spacer--form-element);
+  --pf-v6-c-app-launcher__toggle--PaddingInlineStart: var(--pf-v6-global--spacer--md);
   --pf-v6-c-app-launcher__toggle--Color: var(--pf-v6-global--Color--200);
   --pf-v6-c-app-launcher__toggle--hover--Color: var(--pf-v6-global--Color--100);
   --pf-v6-c-app-launcher__toggle--active--Color: var(--pf-v6-global--Color--100);
@@ -18,23 +18,23 @@
   --pf-v6-c-app-launcher__toggle--disabled--Color: var(--pf-v6-global--disabled-color--200);
   --pf-v6-c-app-launcher__toggle--m-expanded--Color: var(--pf-v6-global--Color--100);
   --pf-v6-c-app-launcher__toggle--BackgroundColor: transparent;
-  --pf-v6-c-app-launcher__menu-search--PaddingTop: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-app-launcher__menu-search--PaddingRight: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-app-launcher__menu-search--PaddingBottom: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-app-launcher__menu-search--PaddingLeft: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-app-launcher__menu-search--BottomBorderColor: var(--pf-v6-global--BorderColor--100);
-  --pf-v6-c-app-launcher__menu-search--BottomBorderWidth: var(--pf-v6-global--BorderWidth--sm);
-  --pf-v6-c-app-launcher__menu-search--MarginBottom: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-app-launcher__menu-item--PaddingTop: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-app-launcher__menu-item--PaddingRight: var(--pf-v6-global--spacer--md);
-  --pf-v6-c-app-launcher__menu-item--PaddingBottom: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-app-launcher__menu-item--PaddingLeft: var(--pf-v6-global--spacer--md);
+  --pf-v6-c-app-launcher__menu-search--PaddingBlockStart: var(--pf-v6-global--spacer--sm);
+  --pf-v6-c-app-launcher__menu-search--PaddingInlineEnd: var(--pf-v6-global--spacer--md);
+  --pf-v6-c-app-launcher__menu-search--PaddingBlockEnd: var(--pf-v6-global--spacer--md);
+  --pf-v6-c-app-launcher__menu-search--PaddingInlineStart: var(--pf-v6-global--spacer--md);
+  --pf-v6-c-app-launcher__menu-search--BorderBlockEndColor: var(--pf-v6-global--BorderColor--100);
+  --pf-v6-c-app-launcher__menu-search--BorderBlockEndWidth: var(--pf-v6-global--BorderWidth--sm);
+  --pf-v6-c-app-launcher__menu-search--MarginBlockEnd: var(--pf-v6-global--spacer--sm);
+  --pf-v6-c-app-launcher__menu-item--PaddingBlockStart: var(--pf-v6-global--spacer--sm);
+  --pf-v6-c-app-launcher__menu-item--PaddingInlineEnd: var(--pf-v6-global--spacer--md);
+  --pf-v6-c-app-launcher__menu-item--PaddingBlockEnd: var(--pf-v6-global--spacer--sm);
+  --pf-v6-c-app-launcher__menu-item--PaddingInlineStart: var(--pf-v6-global--spacer--md);
   --pf-v6-c-app-launcher__menu-item--Color: var(--pf-v6-global--Color--dark-100);
   --pf-v6-c-app-launcher__menu-item--FontWeight: var(--pf-v6-global--FontWeight--normal);
   --pf-v6-c-app-launcher__menu-item--Width: 100%;
   --pf-v6-c-app-launcher__menu-item--disabled--Color: var(--pf-v6-global--Color--dark-200);
   --pf-v6-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-v6-global--BackgroundColor--light-300);
-  --pf-v6-c-app-launcher__menu-item--m-link--PaddingRight: 0;
+  --pf-v6-c-app-launcher__menu-item--m-link--PaddingInlineEnd: 0;
   --pf-v6-c-app-launcher__menu-item--m-link--hover--BackgroundColor: transparent;
   --pf-v6-c-app-launcher__menu-item--m-action--Color: var(--pf-v6-global--Color--200);
   --pf-v6-c-app-launcher__menu-item--m-action--Width: auto;
@@ -45,23 +45,23 @@
   --pf-v6-c-app-launcher__menu-item--m-action--disabled--Color: var(--pf-v6-global--disabled-color--200);
   --pf-v6-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color: var(--pf-v6-global--palette--gold-400);
   --pf-v6-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color: var(--pf-v6-global--palette--gold-500);
-  --pf-v6-c-app-launcher__menu-item-icon--MarginRight: var(--pf-v6-global--spacer--sm);
+  --pf-v6-c-app-launcher__menu-item-icon--MarginInlineEnd: var(--pf-v6-global--spacer--sm);
   --pf-v6-c-app-launcher__menu-item-icon--Width: var(--pf-v6-global--icon--FontSize--lg);
   --pf-v6-c-app-launcher__menu-item-icon--Height: var(--pf-v6-global--icon--FontSize--lg);
   --pf-v6-c-app-launcher__menu-item-external-icon--Color: var(--pf-v6-global--link--Color);
-  --pf-v6-c-app-launcher__menu-item-external-icon--PaddingLeft: var(--pf-v6-global--spacer--md);
+  --pf-v6-c-app-launcher__menu-item-external-icon--PaddingInlineStart: var(--pf-v6-global--spacer--md);
   --pf-v6-c-app-launcher__menu-item-external-icon--TranslateY: -0.0625rem;
   --pf-v6-c-app-launcher__menu-item-external-icon--FontSize: var(--pf-v6-global--icon--FontSize--sm);
-  --pf-v6-c-app-launcher__group--group--PaddingTop: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-app-launcher__group-title--PaddingTop: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-app-launcher__group-title--PaddingRight: var(--pf-v6-c-app-launcher__menu-item--PaddingRight);
-  --pf-v6-c-app-launcher__group-title--PaddingBottom: var(--pf-v6-c-app-launcher__menu-item--PaddingBottom);
-  --pf-v6-c-app-launcher__group-title--PaddingLeft: var(--pf-v6-c-app-launcher__menu-item--PaddingLeft);
+  --pf-v6-c-app-launcher__group--group--PaddingBlockStart: var(--pf-v6-global--spacer--sm);
+  --pf-v6-c-app-launcher__group-title--PaddingBlockStart: var(--pf-v6-global--spacer--sm);
+  --pf-v6-c-app-launcher__group-title--PaddingInlineEnd: var(--pf-v6-c-app-launcher__menu-item--PaddingInlineEnd);
+  --pf-v6-c-app-launcher__group-title--PaddingBlockEnd: var(--pf-v6-c-app-launcher__menu-item--PaddingBlockEnd);
+  --pf-v6-c-app-launcher__group-title--PaddingInlineStart: var(--pf-v6-c-app-launcher__menu-item--PaddingInlineStart);
   --pf-v6-c-app-launcher__group-title--FontSize: var(--pf-v6-global--FontSize--xs);
   --pf-v6-c-app-launcher__group-title--FontWeight: var(--pf-v6-global--FontWeight--normal);
   --pf-v6-c-app-launcher__group-title--Color: var(--pf-v6-global--Color--dark-200);
-  --pf-v6-c-app-launcher--c-divider--MarginTop: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-app-launcher--c-divider--MarginBottom: var(--pf-v6-global--spacer--sm);
+  --pf-v6-c-app-launcher--c-divider--MarginBlockStart: var(--pf-v6-global--spacer--sm);
+  --pf-v6-c-app-launcher--c-divider--MarginBlockEnd: var(--pf-v6-global--spacer--sm);
   position: relative;
   display: inline-block;
   max-width: 100%;
@@ -70,18 +70,18 @@
   color: var(--pf-v6-c-app-launcher__toggle--m-expanded--Color);
 }
 .pf-v6-c-app-launcher .pf-v6-c-divider {
-  margin-block-start: var(--pf-v6-c-app-launcher--c-divider--MarginTop);
-  margin-block-end: var(--pf-v6-c-app-launcher--c-divider--MarginBottom);
+  margin-block-start: var(--pf-v6-c-app-launcher--c-divider--MarginBlockStart);
+  margin-block-end: var(--pf-v6-c-app-launcher--c-divider--MarginBlockEnd);
 }
 .pf-v6-c-app-launcher .pf-v6-c-divider:last-child {
-  --pf-v6-c-app-launcher--c-divider--MarginBottom: 0;
+  --pf-v6-c-app-launcher--c-divider--MarginBlockEnd: 0;
 }
 
 .pf-v6-c-app-launcher__toggle {
-  padding-block-start: var(--pf-v6-c-app-launcher__toggle--PaddingTop);
-  padding-block-end: var(--pf-v6-c-app-launcher__toggle--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-app-launcher__toggle--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-app-launcher__toggle--PaddingRight);
+  padding-block-start: var(--pf-v6-c-app-launcher__toggle--PaddingBlockStart);
+  padding-block-end: var(--pf-v6-c-app-launcher__toggle--PaddingBlockEnd);
+  padding-inline-start: var(--pf-v6-c-app-launcher__toggle--PaddingInlineStart);
+  padding-inline-end: var(--pf-v6-c-app-launcher__toggle--PaddingInlineEnd);
   color: var(--pf-v6-c-app-launcher__toggle--Color);
   background-color: var(--pf-v6-c-app-launcher__toggle--BackgroundColor);
   border: none;
@@ -102,11 +102,11 @@
 
 .pf-v6-c-app-launcher__menu {
   position: absolute;
-  inset-block-start: var(--pf-v6-c-app-launcher__menu--Top);
+  inset-block-start: var(--pf-v6-c-app-launcher__menu--InsetBlockStart);
   z-index: var(--pf-v6-c-app-launcher__menu--ZIndex);
   min-width: 100%;
-  padding-block-start: var(--pf-v6-c-app-launcher__menu--PaddingTop);
-  padding-block-end: var(--pf-v6-c-app-launcher__menu--PaddingBottom);
+  padding-block-start: var(--pf-v6-c-app-launcher__menu--PaddingBlockStart);
+  padding-block-end: var(--pf-v6-c-app-launcher__menu--PaddingBlockEnd);
   background-color: var(--pf-v6-c-app-launcher__menu--BackgroundColor);
   background-clip: padding-box;
   box-shadow: var(--pf-v6-c-app-launcher__menu--BoxShadow);
@@ -115,7 +115,7 @@
   inset-inline-end: 0;
 }
 .pf-v6-c-app-launcher.pf-m-top .pf-v6-c-app-launcher__menu {
-  --pf-v6-c-app-launcher__menu--Top: var(--pf-v6-c-app-launcher--m-top__menu--Top);
+  --pf-v6-c-app-launcher__menu--InsetBlockStart: var(--pf-v6-c-app-launcher--m-top__menu--InsetBlockStart);
   transform: translateY(var(--pf-v6-c-app-launcher--m-top__menu--TranslateY));
 }
 .pf-v6-c-app-launcher__menu.pf-m-static {
@@ -130,12 +130,12 @@
 }
 
 .pf-v6-c-app-launcher__menu-search {
-  padding-block-start: var(--pf-v6-c-app-launcher__menu-search--PaddingTop);
-  padding-block-end: var(--pf-v6-c-app-launcher__menu-search--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-app-launcher__menu-search--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-app-launcher__menu-search--PaddingRight);
-  margin-block-end: var(--pf-v6-c-app-launcher__menu-search--MarginBottom);
-  border-block-end: var(--pf-v6-c-app-launcher__menu-search--BottomBorderWidth) solid var(--pf-v6-c-app-launcher__menu-search--BottomBorderColor);
+  padding-block-start: var(--pf-v6-c-app-launcher__menu-search--PaddingBlockStart);
+  padding-block-end: var(--pf-v6-c-app-launcher__menu-search--PaddingBlockEnd);
+  padding-inline-start: var(--pf-v6-c-app-launcher__menu-search--PaddingInlineStart);
+  padding-inline-end: var(--pf-v6-c-app-launcher__menu-search--PaddingInlineEnd);
+  margin-block-end: var(--pf-v6-c-app-launcher__menu-search--MarginBlockEnd);
+  border-block-end: var(--pf-v6-c-app-launcher__menu-search--BorderBlockEndWidth) solid var(--pf-v6-c-app-launcher__menu-search--BorderBlockEndColor);
 }
 
 .pf-v6-c-app-launcher__menu-wrapper {
@@ -150,10 +150,10 @@
   display: flex;
   align-items: center;
   width: var(--pf-v6-c-app-launcher__menu-item--Width);
-  padding-block-start: var(--pf-v6-c-app-launcher__menu-item--PaddingTop);
-  padding-block-end: var(--pf-v6-c-app-launcher__menu-item--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-app-launcher__menu-item--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-app-launcher__menu-item--PaddingRight);
+  padding-block-start: var(--pf-v6-c-app-launcher__menu-item--PaddingBlockStart);
+  padding-block-end: var(--pf-v6-c-app-launcher__menu-item--PaddingBlockEnd);
+  padding-inline-start: var(--pf-v6-c-app-launcher__menu-item--PaddingInlineStart);
+  padding-inline-end: var(--pf-v6-c-app-launcher__menu-item--PaddingInlineEnd);
   font-weight: var(--pf-v6-c-app-launcher__menu-item--FontWeight);
   color: var(--pf-v6-c-app-launcher__menu-item--Color);
   white-space: nowrap;
@@ -184,7 +184,7 @@
 }
 
 .pf-v6-c-app-launcher__menu-item.pf-m-link {
-  --pf-v6-c-app-launcher__menu-item--PaddingRight: var(--pf-v6-c-app-launcher__menu-item--m-link--PaddingRight);
+  --pf-v6-c-app-launcher__menu-item--PaddingInlineEnd: var(--pf-v6-c-app-launcher__menu-item--m-link--PaddingInlineEnd);
   --pf-v6-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-v6-c-app-launcher__menu-item--m-link--hover--BackgroundColor);
 }
 .pf-v6-c-app-launcher__menu-item.pf-m-action {
@@ -203,7 +203,7 @@
   justify-content: center;
   width: var(--pf-v6-c-app-launcher__menu-item-icon--Width);
   height: var(--pf-v6-c-app-launcher__menu-item-icon--Height);
-  margin-inline-end: var(--pf-v6-c-app-launcher__menu-item-icon--MarginRight);
+  margin-inline-end: var(--pf-v6-c-app-launcher__menu-item-icon--MarginInlineEnd);
 }
 .pf-v6-c-app-launcher__menu-item-icon > * {
   max-width: 100%;
@@ -211,7 +211,7 @@
 }
 
 .pf-v6-c-app-launcher__menu-item-external-icon {
-  padding-inline-start: var(--pf-v6-c-app-launcher__menu-item-external-icon--PaddingLeft);
+  padding-inline-start: var(--pf-v6-c-app-launcher__menu-item-external-icon--PaddingInlineStart);
   margin-inline-start: auto;
   font-size: var(--pf-v6-c-app-launcher__menu-item-external-icon--FontSize);
   color: var(--pf-v6-c-app-launcher__menu-item-external-icon--Color);
@@ -220,14 +220,14 @@
 }
 
 .pf-v6-c-app-launcher__group + .pf-v6-c-app-launcher__group {
-  padding-block-start: var(--pf-v6-c-app-launcher__group--group--PaddingTop);
+  padding-block-start: var(--pf-v6-c-app-launcher__group--group--PaddingBlockStart);
 }
 
 .pf-v6-c-app-launcher__group-title {
-  padding-block-start: var(--pf-v6-c-app-launcher__group-title--PaddingTop);
-  padding-block-end: var(--pf-v6-c-app-launcher__group-title--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-app-launcher__group-title--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-app-launcher__group-title--PaddingRight);
+  padding-block-start: var(--pf-v6-c-app-launcher__group-title--PaddingBlockStart);
+  padding-block-end: var(--pf-v6-c-app-launcher__group-title--PaddingBlockEnd);
+  padding-inline-start: var(--pf-v6-c-app-launcher__group-title--PaddingInlineStart);
+  padding-inline-end: var(--pf-v6-c-app-launcher__group-title--PaddingInlineEnd);
   font-size: var(--pf-v6-c-app-launcher__group-title--FontSize);
   font-weight: var(--pf-v6-c-app-launcher__group-title--FontWeight);
   color: var(--pf-v6-c-app-launcher__group-title--Color);