@carbon/styles 1.65.0 → 1.66.0-rc.0

package/css/styles.css

@@ -3276,7 +3276,7 @@ em {
   --cds-focus: #ffffff;
   --cds-focus-inset: #161616;
   --cds-focus-inverse: #0f62fe;
-  --cds-highlight: #0043ce;
+  --cds-highlight: #002d9c;
   --cds-icon-disabled: rgba(244, 244, 244, 0.25);
   --cds-icon-interactive: #ffffff;
   --cds-icon-inverse: #161616;
@@ -3498,7 +3498,7 @@ em {
   --cds-focus: #ffffff;
   --cds-focus-inset: #161616;
   --cds-focus-inverse: #0f62fe;
-  --cds-highlight: #002d9c;
+  --cds-highlight: #001d6c;
   --cds-icon-disabled: rgba(244, 244, 244, 0.25);
   --cds-icon-interactive: #ffffff;
   --cds-icon-inverse: #161616;
@@ -3960,8 +3960,7 @@ li.cds--accordion__item--disabled:last-of-type {
 }
 
 [dir=rtl] .cds--accordion--start .cds--accordion__heading {
-  padding-inline-end: 0;
-  padding-inline-start: var(--cds-layout-density-padding-inline-local);
+  padding-inline: var(--cds-layout-density-padding-inline-local) 0;
 }
 
 [dir=rtl] .cds--accordion--start .cds--accordion__title {
@@ -4187,8 +4186,7 @@ li.cds--accordion__item--disabled:last-of-type {
 .cds--popover--bottom-end > .cds--popover > .cds--popover-content::before {
   block-size: var(--cds-popover-offset, 0rem);
   inset-block-start: 0;
-  inset-inline-end: 0;
-  inset-inline-start: 0;
+  inset-inline: 0 0;
   transform: translateY(-100%);
 }
 
@@ -4265,8 +4263,7 @@ li.cds--accordion__item--disabled:last-of-type {
 .cds--popover--top-end > .cds--popover > .cds--popover-content::before {
   block-size: var(--cds-popover-offset, 0rem);
   inset-block-end: 0;
-  inset-inline-end: 0;
-  inset-inline-start: 0;
+  inset-inline: 0 0;
   transform: translateY(100%);
 }
 
@@ -4336,8 +4333,7 @@ li.cds--accordion__item--disabled:last-of-type {
 .cds--popover--right-bottom > .cds--popover > .cds--popover-content::before,
 .cds--popover--right-end > .cds--popover > .cds--popover-content::before {
   inline-size: var(--cds-popover-offset, 0rem);
-  inset-block-end: 0;
-  inset-block-start: 0;
+  inset-block: 0 0;
   inset-inline-start: 0;
   transform: translateX(-100%);
 }
@@ -4409,8 +4405,7 @@ li.cds--accordion__item--disabled:last-of-type {
 .cds--popover--left-bottom > .cds--popover > .cds--popover-content::before,
 .cds--popover--left-end > .cds--popover > .cds--popover-content::before {
   inline-size: var(--cds-popover-offset, 0rem);
-  inset-block-end: 0;
-  inset-block-start: 0;
+  inset-block: 0 0;
   inset-inline-end: 0;
   transform: translateX(100%);
 }
@@ -4639,8 +4634,7 @@ li.cds--accordion__item--disabled:last-of-type {
   min-block-size: var(--cds-layout-size-height-local);
   outline: none;
   padding-block: min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));
-  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);
-  padding-inline-start: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
+  padding-inline: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem) calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);
   text-align: start;
   text-decoration: none;
   transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
@@ -4812,7 +4806,6 @@ li.cds--accordion__item--disabled:last-of-type {
   padding-block-start: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));
 }
 .cds--btn--icon-only > :first-child {
-  margin-block-start: 0.0625rem;
   min-inline-size: 1rem;
 }
 .cds--btn--icon-only .cds--btn__icon {
@@ -4821,6 +4814,9 @@ li.cds--accordion__item--disabled:last-of-type {
 .cds--btn--icon-only.cds--btn--ghost .cds--btn__icon, .cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon {
   margin: 0;
 }
+.cds--btn--icon-only.cds--btn--danger--ghost {
+  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 1rem);
+}
 
 .cds--btn--sm:not(.cds--btn--icon-only) .cds--btn__icon,
 .cds--btn--md:not(.cds--btn--icon-only) .cds--btn__icon {
@@ -5676,8 +5672,7 @@ li.cds--accordion__item--disabled:last-of-type {
 }
 
 .cds--slug .cds--toggletip-content {
-  padding-block-end: 5rem;
-  padding-block-start: 1.5rem;
+  padding-block: 1.5rem 5rem;
   padding-inline: 1.5rem;
 }
 
@@ -5998,14 +5993,12 @@ li.cds--accordion__item--disabled:last-of-type {
 
 .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=top]::after,
 .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after {
-  inset-inline-end: 0;
-  inset-inline-start: auto;
+  inset-inline: auto 0;
 }
 
 .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=left]::after,
 .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
-  inset-block-end: 0;
-  inset-block-start: auto;
+  inset-block: auto 0;
 }
 
 .cds--overflow-menu-options--open {
@@ -6346,8 +6339,7 @@ a.cds--overflow-menu-options__btn::before {
 
 .cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only {
   min-block-size: 1.125rem;
-  padding-inline-end: 0;
-  padding-inline-start: 0;
+  padding-inline: 0 0;
 }
 
 .cds--link {
@@ -7763,8 +7755,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--snippet-button .cds--btn--copy__feedback {
   inset-block-start: 3.175rem;
-  inset-inline-end: auto;
-  inset-inline-start: 50%;
+  inset-inline: 50% auto;
 }
 .cds--snippet-button .cds--btn--copy__feedback::before {
   inset-block-start: 0;
@@ -7779,8 +7770,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--snippet--inline .cds--btn--copy__feedback {
   inset-block-start: calc(100% - 0.25rem);
-  inset-inline-end: auto;
-  inset-inline-start: 50%;
+  inset-inline: 50% auto;
 }
 
 .cds--snippet__overflow-indicator--left,
@@ -8648,8 +8638,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--tag--filter {
-  padding-block-end: 0;
-  padding-block-start: 0;
+  padding-block: 0;
   padding-inline-end: 0;
 }
 .cds--tag--filter:hover {
@@ -9368,8 +9357,7 @@ fieldset[disabled] .cds--form__helper-text {
   cursor: pointer;
   outline: none;
   padding-block: 0;
-  padding-inline-end: 3rem;
-  padding-inline-start: 1rem;
+  padding-inline: 1rem 3rem;
   text-overflow: ellipsis;
   vertical-align: top;
   white-space: nowrap;
@@ -9620,8 +9608,7 @@ fieldset[disabled] .cds--form__helper-text {
   display: none;
   background-color: var(--cds-layer);
   inline-size: 100%;
-  inset-inline-end: 0;
-  inset-inline-start: 0;
+  inset-inline: 0 0;
   overflow-y: auto;
   transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
@@ -9785,14 +9772,12 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--list-box--sm .cds--list-box__menu-item__option {
   block-size: 2rem;
-  padding-block-end: 0.4375rem;
-  padding-block-start: 0.4375rem;
+  padding-block: 0.4375rem 0.4375rem;
 }
 
 .cds--list-box--lg .cds--list-box__menu-item__option {
   block-size: 3rem;
-  padding-block-end: 0.9375rem;
-  padding-block-start: 0.9375rem;
+  padding-block: 0.9375rem 0.9375rem;
 }
 
 .cds--list-box--disabled .cds--list-box__menu-item:hover .cds--list-box__menu-item__option,
@@ -9842,8 +9827,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 .cds--list-box.cds--list-box--inline .cds--list-box__menu-item__option:focus {
   margin: 0;
-  padding-inline-end: 0.5rem;
-  padding-inline-start: 0.5rem;
+  padding-inline: 0.5rem 0.5rem;
 }
 
 .cds--list-box__menu-item--highlighted {
@@ -10534,13 +10518,11 @@ fieldset[disabled] .cds--form__helper-text {
   block-size: 1px;
   content: "";
   inset-block-end: 0;
-  inset-inline-end: 0;
-  inset-inline-start: 0;
+  inset-inline: 0 0;
 }
 
 .cds--contained-list--inset-rulers .cds--contained-list-item:not(:last-of-type)::before {
-  inset-inline-end: var(--cds-layout-density-padding-inline-local);
-  inset-inline-start: var(--cds-layout-density-padding-inline-local);
+  inset-inline: var(--cds-layout-density-padding-inline-local) var(--cds-layout-density-padding-inline-local);
 }
 
 .cds--contained-list-item--clickable .cds--contained-list-item__content:not(:disabled):hover {
@@ -10583,8 +10565,7 @@ fieldset[disabled] .cds--form__helper-text {
   display: flex;
   justify-content: flex-end;
   inset-block-start: 0;
-  inset-inline-end: 0;
-  inset-inline-start: 0;
+  inset-inline: 0 0;
   pointer-events: none;
 }
 
@@ -10841,8 +10822,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--content-switcher--lg .cds--content-switcher-btn {
-  padding-inline-end: 0.875rem;
-  padding-inline-start: 0.875rem;
+  padding-inline: 0.875rem 0.875rem;
 }
 
 .cds--content-switcher--lg .cds--content-switcher-btn svg {
@@ -11161,8 +11141,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--radio-button-group--label-left .cds--radio-button__appearance,
 .cds--radio-button-wrapper.cds--radio-button-wrapper--label-left .cds--radio-button__appearance {
-  margin-inline-end: 0;
-  margin-inline-start: 0.5rem;
+  margin-inline: 0.5rem 0;
 }
 
 .cds--radio-button-group--slug legend.cds--label,
@@ -11202,8 +11181,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--data-table-header {
   background-color: var(--cds-layer);
-  padding-block-end: 1.5rem;
-  padding-block-start: 1rem;
+  padding-block: 1rem 1.5rem;
   padding-inline: 1rem;
 }
 
@@ -11295,8 +11273,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand) {
-  padding-block-end: 1rem;
-  padding-block-start: 1rem;
+  padding-block: 1rem 1rem;
 }
 .cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand).cds--table-column-menu {
   padding-block-start: 0.5rem;
@@ -11309,8 +11286,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header) {
-  padding-block-end: 1rem;
-  padding-block-start: 1rem;
+  padding-block: 1rem 1rem;
 }
 .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header).cds--table-column-menu {
   padding-block-start: 0.5rem;
@@ -11335,8 +11311,7 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--data-table th {
   background-color: var(--cds-layer-accent);
   color: var(--cds-text-primary, #161616);
-  padding-inline-end: 1rem;
-  padding-inline-start: 1rem;
+  padding-inline: 1rem 1rem;
 }
 
 .cds--data-table th:last-of-type {
@@ -11353,8 +11328,7 @@ fieldset[disabled] .cds--form__helper-text {
   border-block-end: 1px solid var(--cds-border-subtle);
   border-block-start: 1px solid var(--cds-layer);
   color: var(--cds-text-secondary, #525252);
-  padding-inline-end: 1rem;
-  padding-inline-start: 1rem;
+  padding-inline: 1rem 1rem;
 }
 .cds--data-table td + td:first-of-type,
 .cds--data-table tbody th + td:first-of-type {
@@ -11431,8 +11405,7 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--data-table--xs td.cds--table-column-menu,
 .cds--data-table--sm td.cds--table-column-menu {
   block-size: 1.5rem;
-  padding-block-end: 0;
-  padding-block-start: 0;
+  padding-block: 0 0;
 }
 
 .cds--data-table--sm td.cds--table-column-menu {
@@ -11499,8 +11472,7 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--data-table thead th.cds--table-column-checkbox,
 .cds--data-table tbody td.cds--table-column-checkbox {
   min-inline-size: 2.5rem;
-  padding-inline-end: 0.25rem;
-  padding-inline-start: 1rem;
+  padding-inline: 1rem 0.25rem;
 }
 
 .cds--data-table thead th.cds--table-expand,
@@ -11534,8 +11506,7 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--data-table--xl thead th.cds--table-expand,
 .cds--data-table--xl tbody td.cds--table-expand {
   block-size: 4rem;
-  padding-block-end: 1.375rem;
-  padding-block-start: 0.625rem;
+  padding-block: 0.625rem 1.375rem;
 }
 
 .cds--data-table--xl .cds--table-column-checkbox {
@@ -11609,14 +11580,12 @@ tr.cds--data-table--selected:last-of-type td {
 }
 
 .cds--data-table--xs .cds--table-header-label {
-  padding-block-end: 0.125rem;
-  padding-block-start: 0.125rem;
+  padding-block: 0.125rem 0.125rem;
 }
 
 .cds--data-table--xs td,
 .cds--data-table--xs tbody tr th {
-  padding-block-end: 0.125rem;
-  padding-block-start: 0.125rem;
+  padding-block: 0.125rem 0.125rem;
 }
 
 .cds--data-table--xs .cds--overflow-menu {
@@ -11626,8 +11595,7 @@ tr.cds--data-table--selected:last-of-type td {
 
 .cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
 .cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
-  padding-block-end: 0;
-  padding-block-start: 0;
+  padding-block: 0 0;
 }
 
 .cds--data-table.cds--data-table--xs .cds--table-column-checkbox .cds--checkbox-label {
@@ -11642,21 +11610,18 @@ tr.cds--data-table--selected:last-of-type td {
 }
 
 .cds--data-table--sm .cds--table-header-label {
-  padding-block-end: 0.4375rem;
-  padding-block-start: 0.4375rem;
+  padding-block: 0.4375rem 0.4375rem;
 }
 
 .cds--data-table--sm td,
 .cds--data-table--sm tbody tr th,
 .cds--data-table--sm.cds--data-table--top-aligned-header th.cds--table-column-checkbox {
-  padding-block-end: 0.375rem;
-  padding-block-start: 0.4375rem;
+  padding-block: 0.4375rem 0.375rem;
 }
 
 .cds--data-table.cds--data-table--sm:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
 .cds--data-table.cds--data-table--sm:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
-  padding-block-end: 0.1875rem;
-  padding-block-start: 0.1875rem;
+  padding-block: 0.1875rem 0.1875rem;
 }
 
 .cds--data-table--sm .cds--overflow-menu {
@@ -11671,25 +11636,21 @@ tr.cds--data-table--selected:last-of-type td {
 
 .cds--data-table--md .cds--table-header-label,
 .cds--data-table--md.cds--data-table--top-aligned-header th.cds--table-column-checkbox {
-  padding-block-end: 0.4375rem;
-  padding-block-start: 0.4375rem;
+  padding-block: 0.4375rem 0.4375rem;
 }
 
 .cds--data-table--md td,
 .cds--data-table--md tbody tr th {
-  padding-block-end: 0.375rem;
-  padding-block-start: 0.4375rem;
+  padding-block: 0.4375rem 0.375rem;
 }
 
 .cds--data-table.cds--data-table--md:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
 .cds--data-table.cds--data-table--md:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
-  padding-block-end: 0.1875rem;
-  padding-block-start: 0.1875rem;
+  padding-block: 0.1875rem 0.1875rem;
 }
 
 .cds--data-table--md .cds--table-column-menu {
-  padding-block-end: 0.1875rem;
-  padding-block-start: 0.1875rem;
+  padding-block: 0.1875rem 0.1875rem;
 }
 
 .cds--data-table--xl thead tr,
@@ -11699,14 +11660,12 @@ tr.cds--data-table--selected:last-of-type td {
 }
 
 .cds--data-table--xl .cds--table-header-label {
-  padding-block-end: 1rem;
-  padding-block-start: 1rem;
+  padding-block: 1rem 1rem;
 }
 
 .cds--data-table--xl td,
 .cds--data-table--xl tbody tr th {
-  padding-block-end: 1rem;
-  padding-block-start: 1rem;
+  padding-block: 1rem 1rem;
 }
 
 .cds--data-table--xl th,
@@ -11856,16 +11815,13 @@ tr.cds--data-table--selected:last-of-type td {
   white-space: nowrap;
   max-inline-size: calc(100% - 10px);
   overflow-y: hidden;
-  padding-block-end: 1rem;
-  padding-block-start: 0.9375rem;
+  padding-block: 0.9375rem 1rem;
 }
 .cds--data-table--sticky-header.cds--data-table--xs th .cds--table-header-label {
-  padding-block-end: 0;
-  padding-block-start: 0.1875rem;
+  padding-block: 0.1875rem 0;
 }
 .cds--data-table--sticky-header.cds--data-table--sm th .cds--table-header-label {
-  padding-block-end: 0;
-  padding-block-start: 0.5rem;
+  padding-block: 0.5rem 0;
 }
 .cds--data-table--sticky-header.cds--data-table--xl th .cds--table-header-label {
   padding-block-start: 1rem;
@@ -12820,8 +12776,7 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
   background-color: var(--cds-background-brand, #0f62fe);
   clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
   inset-block-end: 0;
-  inset-inline-end: 0;
-  inset-inline-start: 0;
+  inset-inline: 0 0;
   opacity: 0;
   pointer-events: none;
   transform: translate3d(0, 48px, 0);
@@ -12854,8 +12809,7 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
 .cds--action-list .cds--btn,
 .cds--batch-summary .cds--btn {
   color: var(--cds-text-on-color, #ffffff);
-  padding-inline-end: 1rem;
-  padding-inline-start: 1rem;
+  padding-inline: 1rem 1rem;
   white-space: nowrap;
 }
 
@@ -13037,8 +12991,7 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
 .cds--table-toolbar--sm .cds--btn--primary {
   block-size: 2rem;
   min-block-size: auto;
-  padding-block-end: 0.375rem;
-  padding-block-start: 0.375rem;
+  padding-block: 0.375rem 0.375rem;
 }
 
 .cds--table-toolbar--sm .cds--btn--primary.cds--batch-summary__cancel::before {
@@ -13072,8 +13025,7 @@ tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] {
 tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] td {
   border: 0;
   background-color: var(--cds-layer-hover);
-  padding-block-end: 0;
-  padding-block-start: 0;
+  padding-block: 0 0;
   transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
@@ -13174,8 +13126,7 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
 
 .cds--data-table th.cds--table-expand + .cds--table-column-checkbox,
 .cds--data-table td.cds--table-expand + .cds--table-column-checkbox {
-  padding-inline-end: 0.375rem;
-  padding-inline-start: 0.375rem;
+  padding-inline: 0.375rem 0.375rem;
 }
 
 .cds--data-table td.cds--table-expand[data-previous-value=collapsed] + .cds--table-column-checkbox {
@@ -13607,8 +13558,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
 
 .cds--data-table.cds--data-table--sort th > .cds--table-header-label {
   line-height: 1;
-  padding-inline-end: 1rem;
-  padding-inline-start: 1rem;
+  padding-inline: 1rem 1rem;
 }
 
 th .cds--table-sort__flex {
@@ -13630,18 +13580,15 @@ th .cds--table-sort__flex {
 
 .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label,
 .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--xs th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label {
-  padding-block-end: 0;
-  padding-block-start: 0;
+  padding-block: 0 0;
 }
 
 .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header {
-  padding-block-end: 0.4375rem;
-  padding-block-start: 0.4375rem;
+  padding-block: 0.4375rem 0.4375rem;
 }
 
 .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--xs th.cds--table-sort__header {
-  padding-block-end: 0.125rem;
-  padding-block-start: 0.125rem;
+  padding-block: 0.125rem 0.125rem;
 }
 
 .cds--data-table--sort:not(.cds--data-table--xs):not(.cds--data-table--sm):not(.cds--data-table--md):not(.cds--data-table--xl) th .cds--table-sort__flex {
@@ -13682,8 +13629,7 @@ th .cds--table-sort__flex {
 .cds--table-sort__icon-unsorted {
   fill: var(--cds-icon-primary, #161616);
   inline-size: 1.25rem;
-  margin-inline-end: 0.5rem;
-  margin-inline-start: 0.5rem;
+  margin-inline: 0.5rem 0.5rem;
   min-inline-size: 1rem;
   opacity: 0;
 }
@@ -13708,8 +13654,7 @@ th .cds--table-sort__flex {
 .cds--table-sort__icon {
   fill: var(--cds-icon-primary, #161616);
   inline-size: 1.25rem;
-  margin-inline-end: 0.5rem;
-  margin-inline-start: 0.5rem;
+  margin-inline: 0.5rem 0.5rem;
   min-inline-size: 1rem;
   opacity: 1;
   transform: rotate(0);
@@ -13744,8 +13689,7 @@ th .cds--table-sort__flex {
 
 .cds--table-sort__header--slug .cds--table-sort__icon,
 .cds--table-sort__header--slug .cds--table-sort__icon-unsorted {
-  margin-inline-end: 0.5rem;
-  margin-inline-start: auto;
+  margin-inline: auto 0.5rem;
 }
 
 .cds--table-sort__header--slug .cds--slug {
@@ -14013,8 +13957,7 @@ th .cds--table-sort__flex {
 }
 
 .flatpickr-current-month .cur-month {
-  margin-inline-end: 0.25rem;
-  margin-inline-start: 0.25rem;
+  margin-inline: 0.25rem 0.25rem;
 }
 .flatpickr-current-month .cur-month:hover {
   background-color: var(--cds-layer-hover);
@@ -14762,8 +14705,7 @@ button.cds--dropdown-text:focus {
   display: block;
   overflow: hidden;
   block-size: calc(100% + 1px);
-  padding-inline-end: 2.625rem;
-  padding-inline-start: 1rem;
+  padding-inline: 1rem 2.625rem;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
@@ -14779,13 +14721,12 @@ button.cds--dropdown-text:focus {
   position: absolute;
   z-index: 9100;
   display: flex;
+  overflow: hidden auto;
   flex-direction: column;
   background-color: var(--cds-layer);
   inline-size: 100%;
   list-style: none;
   max-block-size: 0;
-  overflow-x: hidden;
-  overflow-y: auto;
   transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 .cds--dropdown-list html {
@@ -14864,8 +14805,7 @@ button.cds--dropdown-text:focus {
 
 .cds--dropdown--sm .cds--dropdown-link {
   block-size: 2rem;
-  padding-block-end: 0.4375rem;
-  padding-block-start: 0.4375rem;
+  padding-block: 0.4375rem 0.4375rem;
 }
 
 .cds--dropdown--focused,
@@ -15733,8 +15673,7 @@ button.cds--dropdown-text:focus {
 }
 
 .cds--list-box__wrapper--fluid .cds--list-box__field {
-  padding-block-end: 0.8125rem;
-  padding-block-start: 2.0625rem;
+  padding-block: 2.0625rem 0.8125rem;
   padding-inline-start: 1rem;
 }
 
@@ -15978,8 +15917,7 @@ button.cds--dropdown-text:focus {
 }
 
 .cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__selection {
-  inset-block-end: 0.625rem;
-  inset-block-start: auto;
+  inset-block: auto 0.625rem;
   transform: none;
 }
 
@@ -16234,8 +16172,7 @@ button.cds--dropdown-text:focus {
 }
 
 .cds--date-picker--fluid__skeleton--container .cds--date-picker__icon {
-  inset-block-end: 0.5rem;
-  inset-block-start: auto;
+  inset-block: auto 0.5rem;
 }
 
 .cds--date-picker--fluid__skeleton--range {
@@ -16530,8 +16467,7 @@ button.cds--dropdown-text:focus {
   font-weight: 400;
   inline-size: 100%;
   min-inline-size: 9.375rem;
-  padding-inline-end: 6rem;
-  padding-inline-start: 1rem;
+  padding-inline: 1rem 6rem;
   transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 .cds--number input[type=number]:focus {
@@ -17477,8 +17413,7 @@ optgroup.cds--select-optgroup:disabled,
   border-block-end: none;
   color: var(--cds-text-primary, #161616);
   inline-size: auto;
-  padding-inline-end: 2rem;
-  padding-inline-start: 0.5rem;
+  padding-inline: 0.5rem 2rem;
 }
 
 .cds--select--inline .cds--select-input:focus,
@@ -18837,10 +18772,8 @@ optgroup.cds--select-optgroup:disabled,
   grid-column: 1/-1;
   grid-row: 2/-2;
   overflow-y: auto;
-  padding-block-end: 3rem;
-  padding-block-start: 0.5rem;
-  padding-inline-end: 1rem;
-  padding-inline-start: 1rem;
+  padding-block: 0.5rem 3rem;
+  padding-inline: 1rem 1rem;
 }
 .cds--modal-content:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
@@ -18853,8 +18786,7 @@ optgroup.cds--select-optgroup:disabled,
 }
 
 .cds--modal-content .cds--form--fluid {
-  margin-inline-end: -1rem;
-  margin-inline-start: -1rem;
+  margin-inline: -2rem;
 }
 
 .cds--modal-content > p,
@@ -18875,8 +18807,7 @@ optgroup.cds--select-optgroup:disabled,
   grid-row: 1/1;
   margin-block-end: 0.5rem;
   padding-block-start: 1rem;
-  padding-inline-end: 3rem;
-  padding-inline-start: 1rem;
+  padding-inline: 1rem 3rem;
 }
 
 .cds--modal-header__label {
@@ -19018,8 +18949,7 @@ optgroup.cds--select-optgroup:disabled,
   margin: 0;
   block-size: 4rem;
   max-inline-size: none;
-  padding-block-end: 2rem;
-  padding-block-start: 0.875rem;
+  padding-block: 0.875rem 2rem;
 }
 
 .cds--modal-footer--three-button .cds--btn {
@@ -20097,8 +20027,7 @@ optgroup.cds--select-optgroup:disabled,
 .cds--actionable-notification__action-button.cds--btn--tertiary {
   margin-block-end: 1rem;
   margin-inline-start: calc(2rem + 1.25rem - 0.125rem);
-  padding-inline-end: 1rem;
-  padding-inline-start: 1rem;
+  padding-inline: 1rem;
 }
 
 .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary {
@@ -20369,13 +20298,11 @@ optgroup.cds--select-optgroup:disabled,
 }
 
 .cds--pagination__right .cds--pagination__text {
-  margin-inline-end: 1rem;
-  margin-inline-start: 0.0625rem;
+  margin-inline: 0.0625rem 1rem;
 }
 
 .cds--pagination__right .cds--pagination__text.cds--pagination__page-text {
-  margin-inline-end: 0.0625rem;
-  margin-inline-start: 1rem;
+  margin-inline: 1rem 0.0625rem;
 }
 
 .cds--pagination__right .cds--pagination__text.cds--pagination__page-text.cds--pagination__unknown-pages-text {
@@ -20572,8 +20499,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .cds--unstable-pagination__right .cds--unstable-pagination__text {
-  margin-inline-end: 1rem;
-  margin-inline-start: 0.0625rem;
+  margin-inline: 0.0625rem 1rem;
 }
 
 .cds--unstable-pagination__button {
@@ -21764,8 +21690,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   transform: none;
 }
 .cds--slider__thumb--upper::before {
-  inset-inline-end: auto;
-  inset-inline-start: 0;
+  inset-inline: 0 auto;
 }
 .cds--slider__thumb--upper:hover, .cds--slider__thumb--upper:active, .cds--slider__thumb--upper:focus {
   transform: none;
@@ -22046,13 +21971,11 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 .cds--structured-list--selection .cds--structured-list-td,
 .cds--structured-list--selection .cds--structured-list-th {
-  padding-inline-end: 1rem;
-  padding-inline-start: 1rem;
+  padding-inline: 1rem 1rem;
 }
 .cds--structured-list--selection .cds--structured-list-td:first-child,
 .cds--structured-list--selection .cds--structured-list-th:first-child {
-  padding-inline-end: 1rem;
-  padding-inline-start: 1rem;
+  padding-inline: 1rem 1rem;
 }
 
 .cds--structured-list-row--focused-within {
@@ -22093,8 +22016,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   padding-inline-start: 1rem;
 }
 .cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-td, .cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-th, .cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-td:first-of-type, .cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-th:first-of-type {
-  padding-inline-end: 1rem;
-  padding-inline-start: 0;
+  padding-inline: 0 1rem;
 }
 
 .cds--structured-list-row {
@@ -22387,10 +22309,9 @@ span.cds--pagination__text.cds--pagination__items-count {
   }
 }
 .cds--tabs.cds--tabs--vertical .cds--tab--list {
+  overflow: visible auto;
   flex-direction: column;
   inline-size: 100%;
-  overflow-x: visible;
-  overflow-y: auto;
 }
 .cds--tabs.cds--tabs--vertical .cds--tab--list-gradient_bottom {
   position: absolute;
@@ -22479,8 +22400,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 .cds--tabs .cds--tab--overflow-nav-button--next {
   position: absolute;
-  inset-block-end: 0;
-  inset-block-start: 0;
+  inset-block: 0 0;
   inset-inline-end: 0;
 }
 .cds--tabs .cds--tab--overflow-nav-button--next::before {
@@ -22497,8 +22417,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 .cds--tabs .cds--tab--overflow-nav-button--previous {
   position: absolute;
-  inset-block-end: 0;
-  inset-block-start: 0;
+  inset-block: 0 0;
   inset-inline-start: 0;
 }
 .cds--tabs .cds--tab--overflow-nav-button--previous::before {
@@ -23964,8 +23883,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .cds--tree-node:not(.cds--tree-parent-node) .cds--tree-node__label {
-  padding-block-end: 0.4375rem;
-  padding-block-start: 0.4375rem;
+  padding-block: 0.4375rem 0.4375rem;
 }
 
 .cds--tree-node__label:hover .cds--tree-node__label__details {
@@ -24007,8 +23925,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   block-size: 1.5rem;
   inline-size: 1.5rem;
   margin-block-start: 0.25rem;
-  margin-inline-end: 0.25rem;
-  margin-inline-start: -0.25rem;
+  margin-inline: -0.25rem 0.25rem;
   padding-inline-start: 0.25rem;
 }
 .cds--tree-parent-node__toggle:hover {
@@ -24032,8 +23949,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   align-self: flex-start;
   fill: var(--cds-icon-secondary, #525252);
   margin-block-start: 0.0625rem;
-  margin-inline-end: 0.5rem;
-  margin-inline-start: 0.5rem;
+  margin-inline: 0.5rem 0.5rem;
   min-block-size: 1rem;
   min-inline-size: 1rem;
 }
@@ -24115,8 +24031,7 @@ div:has(.cds--header) ~ .cds--content {
   block-size: 3rem;
   border-block-end: 1px solid var(--cds-border-subtle);
   inset-block-start: 0;
-  inset-inline-end: 0;
-  inset-inline-start: 0;
+  inset-inline: 0 0;
 }
 .cds--header *,
 .cds--header *::before,
@@ -24521,8 +24436,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   background-color: var(--cds-layer);
   color: var(--cds-text-secondary, #525252);
   inline-size: 0;
-  inset-block-end: 0;
-  inset-block-start: 3rem;
+  inset-block: 3rem 0;
   inset-inline-end: 0;
   transition: width 110ms cubic-bezier(0.2, 0, 1, 0.9);
   will-change: width;
@@ -24542,8 +24456,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   background-color: var(--cds-background, #ffffff);
   color: var(--cds-text-secondary, #525252);
   inline-size: 3rem;
-  inset-block-end: 0;
-  inset-block-start: 0;
+  inset-block: 0 0;
   inset-inline-start: 0;
   max-inline-size: 16rem;
   transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
@@ -24778,8 +24691,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   background-color: var(--cds-border-interactive, #0f62fe);
   content: "";
   inline-size: 3px;
-  inset-block-end: 0;
-  inset-block-start: 0;
+  inset-block: 0 0;
   inset-inline-start: 0;
 }
 
@@ -24903,8 +24815,7 @@ a.cds--side-nav__link--current::before {
   background-color: var(--cds-border-interactive, #0f62fe);
   content: "";
   inline-size: 3px;
-  inset-block-end: 0;
-  inset-block-start: 0;
+  inset-block: 0 0;
   inset-inline-start: 0;
 }
 
@@ -25145,8 +25056,7 @@ div:has(.cds--header) ~ .cds--content {
   block-size: 3rem;
   border-block-end: 1px solid var(--cds-border-subtle);
   inset-block-start: 0;
-  inset-inline-end: 0;
-  inset-inline-start: 0;
+  inset-inline: 0 0;
 }
 .cds--header *,
 .cds--header *::before,
@@ -25551,8 +25461,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   background-color: var(--cds-layer);
   color: var(--cds-text-secondary, #525252);
   inline-size: 0;
-  inset-block-end: 0;
-  inset-block-start: 3rem;
+  inset-block: 3rem 0;
   inset-inline-end: 0;
   transition: width 110ms cubic-bezier(0.2, 0, 1, 0.9);
   will-change: width;
@@ -25572,8 +25481,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   background-color: var(--cds-background, #ffffff);
   color: var(--cds-text-secondary, #525252);
   inline-size: 3rem;
-  inset-block-end: 0;
-  inset-block-start: 0;
+  inset-block: 0 0;
   inset-inline-start: 0;
   max-inline-size: 16rem;
   transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
@@ -25808,8 +25716,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   background-color: var(--cds-border-interactive, #0f62fe);
   content: "";
   inline-size: 3px;
-  inset-block-end: 0;
-  inset-block-start: 0;
+  inset-block: 0 0;
   inset-inline-start: 0;
 }
 
@@ -25933,8 +25840,7 @@ a.cds--side-nav__link--current::before {
   background-color: var(--cds-border-interactive, #0f62fe);
   content: "";
   inline-size: 3px;
-  inset-block-end: 0;
-  inset-block-start: 0;
+  inset-block: 0 0;
   inset-inline-start: 0;
 }