lightning-base-components 1.26.4-alpha → 1.27.2-alpha

package/src/lightning/dynamicIcon/dynamic-icon-strength.slds.css

@@ -1,120 +1,121 @@
 
-
-
-  :host([data-render-mode="shadow"]) {
-    /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
-    --_strength-offset-delay: 1s;
-    /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
-  }
-
-  :host([data-render-mode="shadow"]) .slds-assistive-text {
-    position: absolute !important;
-    margin: -1px !important;
-    border: 0 !important;
-    padding: 0 !important;
-    width: 1px !important;
-    height: 1px !important;
-    overflow: hidden !important;
-    clip: rect(0 0 0 0) !important;
-    text-transform: none !important;
-    white-space: nowrap !important;
-  }
-
-  :host([data-render-mode="shadow"]) .slds-icon-strength {
-    width: 1.6875rem;
-    height: 0.4375rem;
-    display: inline-block;
-  }
-
-  :host([data-render-mode="shadow"]) .slds-icon-strength circle {
-    stroke-width: 0.95px;
+:host([data-render-mode="shadow"]) {
+  /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
+  --_strength-offset-delay: 1s;
+  /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
+}
+
+:host([data-render-mode="shadow"]) .slds-assistive-text {
+  position: absolute !important;
+  margin: -1px !important;
+  border: 0 !important;
+  padding: 0 !important;
+  width: 1px !important;
+  height: 1px !important;
+  overflow: hidden !important;
+  clip: rect(0 0 0 0) !important;
+  text-transform: none !important;
+  white-space: nowrap !important;
+}
+
+:host([data-render-mode="shadow"]) .slds-icon-strength {
+  width: 1.6875rem;
+  height: 0.4375rem;
+  display: inline-block;
+}
+
+:host([data-render-mode="shadow"]) .slds-icon-strength circle {
+  stroke-width: 0.95px;
+  fill: transparent;
+  stroke: #939393;
+  transition:
+    fill 0.4s ease-in-out,
+    stroke 0.4s ease-in-out;
+  will-change: fill, stroke;
+}
+
+:host([data-render-mode="shadow"]) .slds-icon-strength[data-slds-strength='1'] circle:nth-child(1),:host([data-render-mode="shadow"]) 
+.slds-icon-strength[data-slds-strength='2'] circle:nth-child(1),:host([data-render-mode="shadow"]) 
+.slds-icon-strength[data-slds-strength='2'] circle:nth-child(2),:host([data-render-mode="shadow"]) 
+.slds-icon-strength[data-slds-strength='3'] circle:nth-child(1),:host([data-render-mode="shadow"]) 
+.slds-icon-strength[data-slds-strength='3'] circle:nth-child(2),:host([data-render-mode="shadow"]) 
+.slds-icon-strength[data-slds-strength='3'] circle:nth-child(3) {
+  fill: #2e844a;
+  stroke: #2e844a;
+}
+
+:host([data-render-mode="shadow"]) .slds-icon-strength[data-slds-strength='-1'] circle:nth-child(1),:host([data-render-mode="shadow"]) 
+.slds-icon-strength[data-slds-strength='-2'] circle:nth-child(1),:host([data-render-mode="shadow"]) 
+.slds-icon-strength[data-slds-strength='-2'] circle:nth-child(2),:host([data-render-mode="shadow"]) 
+.slds-icon-strength[data-slds-strength='-3'] circle:nth-child(1),:host([data-render-mode="shadow"]) 
+.slds-icon-strength[data-slds-strength='-3'] circle:nth-child(2),:host([data-render-mode="shadow"]) 
+.slds-icon-strength[data-slds-strength='-3'] circle:nth-child(3) {
+  fill: #fddde3;
+  stroke: #ba0517;
+}
+
+:host([data-render-mode="shadow"]) .slds-icon-strength.slds-is-animated circle {
+  /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
+  animation: slds-icon-strength-positive-load 0.4s var(--_strength-offset-delay) ease-in-out alternate both
+    paused;
+  /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
+}
+
+:host([data-render-mode="shadow"]) .slds-icon-strength.slds-is-animated circle:nth-child(2) {
+  /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
+  animation-delay: calc(var(--_strength-offset-delay) + 0.4s);
+  /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
+}
+
+:host([data-render-mode="shadow"]) .slds-icon-strength.slds-is-animated circle:nth-child(3) {
+  /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
+  animation-delay: calc(var(--_strength-offset-delay) + 0.8s);
+  /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
+}
+
+:host([data-render-mode="shadow"]) .slds-icon-strength.slds-is-animated[data-slds-strength^='-'] circle {
+  animation-name: slds-icon-strength-negative-load;
+}
+
+:host([data-render-mode="shadow"]) .slds-icon-strength.slds-is-animated[data-slds-strength='-1'] circle:nth-child(1),:host([data-render-mode="shadow"]) 
+.slds-icon-strength.slds-is-animated[data-slds-strength='-2'] circle:nth-child(1),:host([data-render-mode="shadow"]) 
+.slds-icon-strength.slds-is-animated[data-slds-strength='-2'] circle:nth-child(2),:host([data-render-mode="shadow"]) 
+.slds-icon-strength.slds-is-animated[data-slds-strength='-3'] circle:nth-child(1),:host([data-render-mode="shadow"]) 
+.slds-icon-strength.slds-is-animated[data-slds-strength='-3'] circle:nth-child(2),:host([data-render-mode="shadow"]) 
+.slds-icon-strength.slds-is-animated[data-slds-strength='-3'] circle:nth-child(3),:host([data-render-mode="shadow"]) 
+.slds-icon-strength.slds-is-animated[data-slds-strength='1'] circle:nth-child(1),:host([data-render-mode="shadow"]) 
+.slds-icon-strength.slds-is-animated[data-slds-strength='2'] circle:nth-child(1),:host([data-render-mode="shadow"]) 
+.slds-icon-strength.slds-is-animated[data-slds-strength='2'] circle:nth-child(2),:host([data-render-mode="shadow"]) 
+.slds-icon-strength.slds-is-animated[data-slds-strength='3'] circle:nth-child(1),:host([data-render-mode="shadow"]) 
+.slds-icon-strength.slds-is-animated[data-slds-strength='3'] circle:nth-child(2),:host([data-render-mode="shadow"]) 
+.slds-icon-strength.slds-is-animated[data-slds-strength='3'] circle:nth-child(3) {
+  animation-play-state: running;
+}
+
+:host([data-render-mode="shadow"]) .slds-icon-strength.slds-is-paused circle {
+  animation-play-state: paused !important;
+}
+
+@keyframes slds-icon-strength-positive-load {
+  0% {
     fill: transparent;
     stroke: #939393;
-    transition: fill 0.4s ease-in-out, stroke 0.4s ease-in-out;
-    will-change: fill, stroke;
   }
 
-  :host([data-render-mode="shadow"]) .slds-icon-strength[data-slds-strength="1"] circle:nth-child(1),:host([data-render-mode="shadow"]) 
-  .slds-icon-strength[data-slds-strength="2"] circle:nth-child(1),:host([data-render-mode="shadow"]) 
-  .slds-icon-strength[data-slds-strength="2"] circle:nth-child(2),:host([data-render-mode="shadow"]) 
-  .slds-icon-strength[data-slds-strength="3"] circle:nth-child(1),:host([data-render-mode="shadow"]) 
-  .slds-icon-strength[data-slds-strength="3"] circle:nth-child(2),:host([data-render-mode="shadow"]) 
-  .slds-icon-strength[data-slds-strength="3"] circle:nth-child(3) {
+  100% {
     fill: #2e844a;
     stroke: #2e844a;
   }
+}
 
-  :host([data-render-mode="shadow"]) .slds-icon-strength[data-slds-strength="-1"] circle:nth-child(1),:host([data-render-mode="shadow"]) 
-  .slds-icon-strength[data-slds-strength="-2"] circle:nth-child(1),:host([data-render-mode="shadow"]) 
-  .slds-icon-strength[data-slds-strength="-2"] circle:nth-child(2),:host([data-render-mode="shadow"]) 
-  .slds-icon-strength[data-slds-strength="-3"] circle:nth-child(1),:host([data-render-mode="shadow"]) 
-  .slds-icon-strength[data-slds-strength="-3"] circle:nth-child(2),:host([data-render-mode="shadow"]) 
-  .slds-icon-strength[data-slds-strength="-3"] circle:nth-child(3) {
-    fill: #fddde3;
-    stroke: #ba0517;
-  }
-
-  :host([data-render-mode="shadow"]) .slds-icon-strength.slds-is-animated circle {
-    /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
-    animation: slds-icon-strength-positive-load 0.4s var(--_strength-offset-delay) ease-in-out alternate both paused;
-    /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
-  }
-
-  :host([data-render-mode="shadow"]) .slds-icon-strength.slds-is-animated circle:nth-child(2) {
-    /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
-    animation-delay: calc(var(--_strength-offset-delay) + 0.4s);
-    /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
-  }
-
-  :host([data-render-mode="shadow"]) .slds-icon-strength.slds-is-animated circle:nth-child(3) {
-    /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
-    animation-delay: calc(var(--_strength-offset-delay) + 0.8s);
-    /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
-  }
-
-  :host([data-render-mode="shadow"]) .slds-icon-strength.slds-is-animated[data-slds-strength^="-"] circle {
-    animation-name: slds-icon-strength-negative-load;
-  }
-
-  :host([data-render-mode="shadow"]) .slds-icon-strength.slds-is-animated[data-slds-strength="-1"] circle:nth-child(1),:host([data-render-mode="shadow"]) 
-  .slds-icon-strength.slds-is-animated[data-slds-strength="-2"] circle:nth-child(1),:host([data-render-mode="shadow"]) 
-  .slds-icon-strength.slds-is-animated[data-slds-strength="-2"] circle:nth-child(2),:host([data-render-mode="shadow"]) 
-  .slds-icon-strength.slds-is-animated[data-slds-strength="-3"] circle:nth-child(1),:host([data-render-mode="shadow"]) 
-  .slds-icon-strength.slds-is-animated[data-slds-strength="-3"] circle:nth-child(2),:host([data-render-mode="shadow"]) 
-  .slds-icon-strength.slds-is-animated[data-slds-strength="-3"] circle:nth-child(3),:host([data-render-mode="shadow"]) 
-  .slds-icon-strength.slds-is-animated[data-slds-strength="1"] circle:nth-child(1),:host([data-render-mode="shadow"]) 
-  .slds-icon-strength.slds-is-animated[data-slds-strength="2"] circle:nth-child(1),:host([data-render-mode="shadow"]) 
-  .slds-icon-strength.slds-is-animated[data-slds-strength="2"] circle:nth-child(2),:host([data-render-mode="shadow"]) 
-  .slds-icon-strength.slds-is-animated[data-slds-strength="3"] circle:nth-child(1),:host([data-render-mode="shadow"]) 
-  .slds-icon-strength.slds-is-animated[data-slds-strength="3"] circle:nth-child(2),:host([data-render-mode="shadow"]) 
-  .slds-icon-strength.slds-is-animated[data-slds-strength="3"] circle:nth-child(3) {
-    animation-play-state: running;
-  }
-
-  :host([data-render-mode="shadow"]) .slds-icon-strength.slds-is-paused circle {
-    animation-play-state: paused !important;
-  }
-
-  @keyframes slds-icon-strength-positive-load {
-    0% {
-      fill: transparent;
-      stroke: #939393;
-    }
-
-    100% {
-      fill: #2e844a;
-      stroke: #2e844a;
-    }
+@keyframes slds-icon-strength-negative-load {
+  0% {
+    fill: transparent;
+    stroke: #939393;
   }
 
-  @keyframes slds-icon-strength-negative-load {
-    0% {
-      fill: transparent;
-      stroke: #939393;
-    }
-
-    100% {
-      fill: #fddde3;
-      stroke: #ba0517;
-    }
+  100% {
+    fill: #fddde3;
+    stroke: #ba0517;
   }
+}

package/src/lightning/dynamicIcon/dynamic-icon-trend.slds.css

@@ -1,115 +1,113 @@
 
+:host([data-render-mode="shadow"]) {
+  /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
 
+  /* Circle's cirumference, r=7.375 * pi * 2 */
+  --_icon-trend-circumference: 46.3385px;
 
-  :host([data-render-mode="shadow"]) {
-    /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
-
-    /* Circle's cirumference, r=7.375 * pi * 2 */
-    --_icon-trend-circumference: 46.3385px;
-
-    /* Arrow path length */
-    --_icon-trend-arrow-length: 20.15px;
+  /* Arrow path length */
+  --_icon-trend-arrow-length: 20.15px;
 
-    /* HACK: Trick minifiers so they don't minify 0px to 0,
+  /* HACK: Trick minifiers so they don't minify 0px to 0,
         which breaks the animation in Edge */
-    --_icon-trend-zero: 0.1px;
+  --_icon-trend-zero: 0.1px;
 
-    /* HACK: a 1px stroke sitting on a pixel grid line (here: the arrow)
+  /* HACK: a 1px stroke sitting on a pixel grid line (here: the arrow)
         doesn't get aliased well on non-retina displays,
         so we bump up the stroke-width to force a better anti-aliasing
         which improves rendering at small size */
-    --_icon-trend-one: 1.125px;
-
-    --_duration-slowly: 0.4s;
-    /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
-  }
-
-  :host([data-render-mode="shadow"]) .slds-assistive-text {
-    position: absolute !important;
-    margin: -1px !important;
-    border: 0 !important;
-    padding: 0 !important;
-    width: 1px !important;
-    height: 1px !important;
-    overflow: hidden !important;
-    clip: rect(0 0 0 0) !important;
-    text-transform: none !important;
-    white-space: nowrap !important;
-  }
-
-  :host([data-render-mode="shadow"]) .slds-icon-trend {
-    width: 1rem;
-    height: 1rem;
-    display: inline-block;
-  }
-
-  :host([data-render-mode="shadow"]) .slds-icon-trend.slds-is-animated .slds-icon-trend__arrow {
+  --_icon-trend-one: 1.125px;
+
+  --_duration-slowly: 0.4s;
+  /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
+}
+
+:host([data-render-mode="shadow"]) .slds-assistive-text {
+  position: absolute !important;
+  margin: -1px !important;
+  border: 0 !important;
+  padding: 0 !important;
+  width: 1px !important;
+  height: 1px !important;
+  overflow: hidden !important;
+  clip: rect(0 0 0 0) !important;
+  text-transform: none !important;
+  white-space: nowrap !important;
+}
+
+:host([data-render-mode="shadow"]) .slds-icon-trend {
+  width: 1rem;
+  height: 1rem;
+  display: inline-block;
+}
+
+:host([data-render-mode="shadow"]) .slds-icon-trend.slds-is-animated .slds-icon-trend__arrow {
+  /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
+  animation: slds-icon-trend-arrow calc(var(--_duration-slowly) * 2) var(--_duration-slowly) ease-in-out both;
+  /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
+}
+
+:host([data-render-mode="shadow"]) .slds-icon-trend.slds-is-animated .slds-icon-trend__circle {
+  /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
+  animation: slds-icon-trend-circle calc(var(--_duration-slowly) * 2) ease-in-out both;
+  /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
+}
+
+:host([data-render-mode="shadow"]) .slds-icon-trend.slds-is-paused .slds-icon-trend__arrow,:host([data-render-mode="shadow"]) 
+.slds-icon-trend.slds-is-paused .slds-icon-trend__circle {
+  animation-play-state: paused;
+}
+
+:host([data-render-mode="shadow"]) .slds-icon-trend[data-slds-trend='down'] {
+  color: #ba0517;
+  transform: rotate(45deg);
+}
+
+:host([data-render-mode="shadow"]) .slds-icon-trend[data-slds-trend='neutral'] {
+  color: #939393;
+}
+
+:host([data-render-mode="shadow"]) .slds-icon-trend[data-slds-trend='up'] {
+  color: #2e844a;
+  transform: rotate(-45deg);
+}
+
+:host([data-render-mode="shadow"]) .slds-icon-trend__arrow,:host([data-render-mode="shadow"]) 
+.slds-icon-trend__circle {
+  stroke: currentcolor;
+  fill: none;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
+  stroke-width: var(--_icon-trend-one);
+  /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
+}
+
+:host([data-render-mode="shadow"]) .slds-icon-trend__arrow {
+  /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
+  stroke-dashoffset: var(--_icon-trend-zero);
+  stroke-dasharray: calc(var(--_icon-trend-arrow-length) * 2 - var(--_icon-trend-one));
+  /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
+}
+
+:host([data-render-mode="shadow"]) .slds-icon-trend__circle {
+  /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
+  stroke-dasharray: calc(var(--_icon-trend-circumference) - 4px), var(--_icon-trend-circumference);
+  /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
+}
+
+@keyframes slds-icon-trend-arrow {
+  from {
     /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
-    animation: slds-icon-trend-arrow calc(var(--_duration-slowly) * 2) var(--_duration-slowly) ease-in-out both;
+    stroke-dashoffset: calc(var(--_icon-trend-arrow-length) * 2);
     /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
   }
+}
 
-  :host([data-render-mode="shadow"]) .slds-icon-trend.slds-is-animated .slds-icon-trend__circle {
+@keyframes slds-icon-trend-circle {
+  from {
     /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
-    animation: slds-icon-trend-circle calc(var(--_duration-slowly) * 2) ease-in-out both;
+    stroke-dasharray: var(--_icon-trend-zero), var(--_icon-trend-circumference);
     /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
   }
-
-  :host([data-render-mode="shadow"]) .slds-icon-trend.slds-is-paused .slds-icon-trend__arrow,:host([data-render-mode="shadow"]) 
-  .slds-icon-trend.slds-is-paused .slds-icon-trend__circle {
-    animation-play-state: paused;
-  }
-
-  :host([data-render-mode="shadow"]) .slds-icon-trend[data-slds-trend="down"] {
-    color: #ba0517;
-    transform: rotate(45deg);
-  }
-
-  :host([data-render-mode="shadow"]) .slds-icon-trend[data-slds-trend="neutral"] {
-    color: #939393;
-  }
-
-  :host([data-render-mode="shadow"]) .slds-icon-trend[data-slds-trend="up"] {
-    color: #2e844a;
-    transform: rotate(-45deg);
-  }
-
-  :host([data-render-mode="shadow"]) .slds-icon-trend__arrow,:host([data-render-mode="shadow"]) 
-  .slds-icon-trend__circle {
-    stroke: currentcolor;
-    fill: none;
-    stroke-linecap: round;
-    stroke-linejoin: round;
-    /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
-    stroke-width: var(--_icon-trend-one);
-    /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
-  }
-
-  :host([data-render-mode="shadow"]) .slds-icon-trend__arrow {
-    /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
-    stroke-dashoffset: var(--_icon-trend-zero);
-    stroke-dasharray: calc(var(--_icon-trend-arrow-length) * 2 - var(--_icon-trend-one));
-    /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
-  }
-
-  :host([data-render-mode="shadow"]) .slds-icon-trend__circle {
-    /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
-    stroke-dasharray: calc(var(--_icon-trend-circumference) - 4px), var(--_icon-trend-circumference);
-    /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
-  }
-
-  @keyframes slds-icon-trend-arrow {
-    from {
-      /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
-      stroke-dashoffset: calc(var(--_icon-trend-arrow-length) * 2);
-      /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
-    }
-  }
-
-  @keyframes slds-icon-trend-circle {
-    from {
-      /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
-      stroke-dasharray: var(--_icon-trend-zero), var(--_icon-trend-circumference);
-      /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
-    }
-  }
+}

package/src/lightning/dynamicIcon/dynamic-icon-waffle.slds.css

@@ -1,6 +1,4 @@
 
-
-
 :host([data-render-mode="shadow"]) .slds-assistive-text {
   position: absolute !important;
   margin: -1px !important;

package/src/lightning/features/gates/imports.js

@@ -54,7 +54,12 @@ export { default as ENABLE_TREE_GRID_STATIC_CUSTOM_TYPES } from '@salesforce/gat
 // eslint-disable-next-line lightning-global/no-invalid-feature-name, lightning-global/no-invalid-gate-name
 export { default as ENABLE_TREE_ITEM_END_ICON } from '@salesforce/gate/treeItemEndIcon.bc.ltng';
 
-export { default as enableInputSearchCommitEvent } from '@salesforce/gate/bc.256.enableInputSearchCommitEvent';
+export { default as enableInputSearchCommitEvent } from '@salesforce/gate/bc.258.enableInputSearchCommitEvent';
+
+// eslint-disable-next-line lightning-global/no-invalid-feature-name, lightning-global/no-invalid-gate-name
+export { default as enableInputConstraintPriorityFix } from '@salesforce/gate/enableInputConstraintPriorityFix.ce.ltng';
 
 // eslint-disable-next-line lightning-global/no-invalid-feature-name, lightning-global/no-invalid-gate-name
 export { default as primitiveThemeProviderDisabled } from '@salesforce/gate/primitiveThemeProviderDisabled.bc.ltng';
+
+export { default as enableOutputFieldReadOnlyClass } from '@salesforce/gate/bc.258.enableOutputFieldReadOnlyClass';

package/src/lightning/focusTrap/__requirements__/requirements.md

@@ -1,29 +1,29 @@
--   The component must accept a default slot
--   When a component within the slot has focus, the focus is trapped, in the following way:
-    -   When on the first tabbable (see definition below) element and `Shift-Tab` is pressed, the focus should go to the last tabbable element
-    -   When on the last tabbable element and `Tab` is pressed, the focus should go to the first tabbable element
--   Has `focus` method, when invoked:
-    -   If the slot within the focus trap already has focus, does nothing
-    -   If the slot within the focus trap doesn't have focus, focuses the first tabbable element of its default slot
--   The slot is assumed to have at least one tabbable element
--   Apart from the first and last tabbable elements tabbing order should remain unchanged
--   When there's a new tabbable element that precedes the previously first tabbable element, when pressing `Tab` on the last tabbable element the focus should go to the new tabbable element
--   When there's a new tabbable element that follows the previously last tabbable element, when pressing `Shift-Tab` on the last tabbable element the focus should go to the new tabbable element
--   When there's a new first/last tabbable element, tab navigation from previously first/last tabbable elements should be normal if they're still part of the slot (eg. pressing Tab on the previously last tabbable element should go the next tabbable element)
+- The component must accept a default slot
+- When a component within the slot has focus, the focus is trapped, in the following way:
+    - When on the first tabbable (see definition below) element and `Shift-Tab` is pressed, the focus should go to the last tabbable element
+    - When on the last tabbable element and `Tab` is pressed, the focus should go to the first tabbable element
+- Has `focus` method, when invoked:
+    - If the slot within the focus trap already has focus, does nothing
+    - If the slot within the focus trap doesn't have focus, focuses the first tabbable element of its default slot
+- The slot is assumed to have at least one tabbable element
+- Apart from the first and last tabbable elements tabbing order should remain unchanged
+- When there's a new tabbable element that precedes the previously first tabbable element, when pressing `Tab` on the last tabbable element the focus should go to the new tabbable element
+- When there's a new tabbable element that follows the previously last tabbable element, when pressing `Shift-Tab` on the last tabbable element the focus should go to the new tabbable element
+- When there's a new first/last tabbable element, tab navigation from previously first/last tabbable elements should be normal if they're still part of the slot (eg. pressing Tab on the previously last tabbable element should go the next tabbable element)
 
 Definitions:
 
--   Tabbable element:
-    -   Can be part of a custom element
-    -   Can be part of a slot
-    -   Can be part of an open shadow
-    -   Can be part of a same-origin iframe
-    -   Doesn't have an ascendant custom element that has `tabindex` attribute set to `-1`
-    -   Doesn't have `tabindex` attribute set to `-1` on itself
-    -   Doesn't have the computed style `visibility` as `hidden`
-    -   Has bounding client rect `height` or `width` greater than zero
-    -   Is a `button`, `select`, `textarea` or `input` element and `disabled` property is false
-    -   Is not an `input` element with `type=hidden`
-    -   Has `tabindex` attribute set to `0` or has the `tabIndex` property as `0` and is not an element that has `tabIndex` set to 0 by default (that's relevant for IE11 as all elements have `tabIndex` as `0` by default) as per
-        https://html.spec.whatwg.org/multipage/interaction.html#dom-tabindex
-        (`a`, `select`, `textarea`, `input`, `button`, `iframe`, `object`, `area`, `frame`)
+- Tabbable element:
+    - Can be part of a custom element
+    - Can be part of a slot
+    - Can be part of an open shadow
+    - Can be part of a same-origin iframe
+    - Doesn't have an ascendant custom element that has `tabindex` attribute set to `-1`
+    - Doesn't have `tabindex` attribute set to `-1` on itself
+    - Doesn't have the computed style `visibility` as `hidden`
+    - Has bounding client rect `height` or `width` greater than zero
+    - Is a `button`, `select`, `textarea` or `input` element and `disabled` property is false
+    - Is not an `input` element with `type=hidden`
+    - Has `tabindex` attribute set to `0` or has the `tabIndex` property as `0` and is not an element that has `tabIndex` set to 0 by default (that's relevant for IE11 as all elements have `tabIndex` as `0` by default) as per
+      https://html.spec.whatwg.org/multipage/interaction.html#dom-tabindex
+      (`a`, `select`, `textarea`, `input`, `button`, `iframe`, `object`, `area`, `frame`)

package/src/lightning/formattedAddress/__docs__/formattedAddress.md

@@ -112,4 +112,3 @@ To remove address line truncation, set `variant="plain"`. This will render each
     ></lightning-formatted-address>
 </template>
 ```
-

package/src/lightning/formattedAddress/formattedAddress.css

@@ -1 +1 @@
-@import './formattedAddress.lbc.native.css';
+@import './formattedAddress.lbc.native.css';

package/src/lightning/formattedAddress/formattedAddress.lbc.native.css

@@ -1 +1 @@
-@import 'lightning/sldsUtilsTruncation';
+@import 'lightning/sldsUtilsTruncation';

package/src/lightning/formattedDateTime/__docs__/formattedDateTime.md

@@ -16,18 +16,18 @@ This component uses the Intl.DateTimeFormat JavaScript object to format date
 values. The locale set in the Salesforce user preferences determines the
 default formatting. The following input values are supported.
 
--   Date object
--   ISO8601 formatted string
--   Timestamp
+- Date object
+- ISO8601 formatted string
+- Timestamp
 
 An ISO8601 formatted string matches one of the following patterns.
 
--   YYYY
--   YYYY-MM
--   YYYY-MM-DD
--   YYYY-MM-DDThh:mmTZD
--   YYYY-MM-DDThh:mm:ssTZD
--   YYYY-MM-DDThh:mm:ss.sTZD
+- YYYY
+- YYYY-MM
+- YYYY-MM-DD
+- YYYY-MM-DDThh:mmTZD
+- YYYY-MM-DDThh:mm:ssTZD
+- YYYY-MM-DDThh:mm:ss.sTZD
 
 `YYYY` is the year in the Gregorian calendar, `MM` is the month between 01 and
 12, and `DD` is the day between 01 and 31. `hh` is the number of hours that
@@ -44,8 +44,8 @@ When no attributes other than `value` are specified, the component uses the defa
 
 The locale determines the order and format of the month, day, and year. For example, the English (United States) locale's medium date format is Oct 14, 2020 and the French (France) locale's medium date format is 14 Oct 2020. The locale doesn't determine the time zone. Time zone is a separate setting.
 
-To override the medium date format, pass in the `short` or `long` format to 
- the `date-style` attribute. For the above example, the short format in English (United States) is 10/14/2020 while the long format is October 14, 2020.
+To override the medium date format, pass in the `short` or `long` format to
+the `date-style` attribute. For the above example, the short format in English (United States) is 10/14/2020 while the long format is October 14, 2020.
 
 The locale also determines whether to display time as 24-hour time or 12-hour time with AM and PM. You can override the locale default with the `hour12` attribute. See _Date and Time Display Examples_ for more information.
 

package/src/lightning/formattedEmail/__docs__/formattedEmail.md

@@ -64,5 +64,5 @@ The [LWC Recipes GitHub repository](https://github.com/trailheadapps/lwc-recipes
 
 For a recipe that uses `lightning-formatted-email`, see the following components in the LWC Recipes repo.
 
--   `c-nav-to-record`
--   `c-wire-get-record-user`
+- `c-nav-to-record`
+- `c-wire-get-record-user`

package/src/lightning/formattedEmail/formattedEmail.lbc.native.css

@@ -1,7 +1,6 @@
 @import 'lightning/sldsCommon';
 @import 'lightning/sldsUtilsVisibility';
 
-:host([data-render-mode="shadow"]) lightning-primitive-icon {
+:host([data-render-mode='shadow']) lightning-primitive-icon {
     vertical-align: middle;
 }
-

package/src/lightning/formattedPhone/__docs__/formattedPhone.md

@@ -73,5 +73,5 @@ The [LWC Recipes GitHub repository](https://github.com/trailheadapps/lwc-recipes
 
 For a recipe that uses `lightning-formatted-phone`, see the following components in the LWC Recipes repo.
 
--   `c-contact-tile`
--   `c-event-bubbling`
+- `c-contact-tile`
+- `c-event-bubbling`