@salesforce-ux/design-system 2.24.0 → 2.24.1

package/assets/styles/salesforce-lightning-design-system-legacy.css

@@ -1,4 +1,4 @@
-/*! Lightning Design System 2.24.0 */
+/*! Lightning Design System 2.24.1 */
 @charset "UTF-8";
 :root{
   --slds-g-color-neutral-base-100:#ffffff;
@@ -232,9 +232,13 @@
   --slds-g-color-neutral-100-opacity-25:rgba(255, 255, 255, 0.25);
   --slds-g-color-neutral-100-opacity-50:rgba(255, 255, 255, 0.5);
   --slds-g-color-neutral-100-opacity-75:rgba(255, 255, 255, 0.75);
-  --slds-g-shadow-5:0 0 0 2px #FFFFFF, 0 0 0 4px #0B5CAB;
-  --slds-g-shadow-6:0 0 0 2px #FFFFFF inset, 0 0 0 4px #0B5CAB inset;
-  --slds-g-shadow-7:0 0 0 2px #0B5CAB inset, 0 0 0 4px #FFFFFF inset;
+}
+
+:root{
+  --_slds-g-shadow-outset-focus:0 0 0 2px 100, #FFFFFF, 0 0 0 4px 40, #0B5CAB;
+  --_slds-g-shadow-inset-focus:0 0 0 2px var(--slds-g-color-neutral-base-100) inset, 0 0 0 4px 40, #0B5CAB inset;
+  --_slds-g-shadow-inset-inverse-focus:0 0 0 2px 40, #0B5CAB inset, 0 0 0 4px 100, #FFFFFF inset;
+  --_slds-g-shadow-outline-focus:0 0 0 2px 40, #0B5CAB;
 }
 /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
 html{
@@ -1023,8 +1027,8 @@ img{
 .slds-button-group .slds-button_brand + .slds-button_last .slds-button_icon-brand:focus,
 .slds-button-group .slds-button_brand + .slds-button--last .slds-button_icon-brand:focus,
 .slds-button-group-list li:last-child .slds-button_icon-brand:focus{
-  -webkit-box-shadow:var(--slds-g-shadow-5);
-          box-shadow:var(--slds-g-shadow-5);
+  -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
+          box-shadow:var(--_slds-g-shadow-outset-focus);
 }
 
 .slds-button-group-list li:first-child .slds-button,
@@ -1117,10 +1121,9 @@ img{
   color:#014486;
 }
 .slds-button:focus{
-  -webkit-box-shadow:100, white;
-          box-shadow:100, white;
-  outline:2px solid 40, #0b5cab;
-  outline-offset:2px;
+  -webkit-box-shadow:_slds-g-shadow-outline-focus;
+          box-shadow:_slds-g-shadow-outline-focus;
+  outline:0;
 }
 .slds-button:active{
   color:#014486;
@@ -1155,9 +1158,7 @@ a.slds-button{
   text-align:center;
 }
 a.slds-button:focus{
-  box-shadow:100, white;
-  outline:2px solid 40, #0b5cab;
-  outline-offset:2px;
+  box-shadow:_slds-g-shadow-outline-focus;
 }
 
 a.slds-button_brand:hover,
@@ -1311,8 +1312,8 @@ a.slds-button--inverse:focus{
 }
 .slds-button_inverse:focus,
 .slds-button--inverse:focus{
-  -webkit-box-shadow:6, 0 0 3px #0176d3;
-          box-shadow:6, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
 }
 .slds-button_inverse:active,
 .slds-button--inverse:active{
@@ -1466,6 +1467,17 @@ a.slds-button--inverse:focus{
   border-color:80, #c9c7c5;
   color:100, white;
 }
+
+.slds-button_brand:focus,
+.slds-button--brand:focus,
+.slds-button_success:focus,
+.slds-button--success:focus,
+.slds-button_destructive:focus,
+.slds-button--destructive:focus{
+  -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
+          box-shadow:var(--_slds-g-shadow-outset-focus);
+  outline:0;
+}
 .slds-button__icon{
   width:0.875rem;
   height:0.875rem;
@@ -1642,6 +1654,11 @@ a.slds-button--inverse:focus{
   color:100, white);
   --slds-c-button-dual-stateful-text-color-selected-hover:100, white);
 }
+.slds-button_dual-stateful.slds-is-pressed:focus{
+  -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
+          box-shadow:var(--_slds-g-shadow-outset-focus);
+  outline:0;
+}
 .slds-button_dual-stateful.slds-is-pressed .slds-text-not-pressed{
   display:none;
 }
@@ -1753,6 +1770,11 @@ a.slds-button--inverse:focus{
   border-color:80, #c9c7c5;
   color:100, white;
 }
+.slds-button_icon-brand:focus{
+  -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
+          box-shadow:var(--_slds-g-shadow-outset-focus);
+  outline:0;
+}
 .slds-button_icon-border-filled,
 .slds-button--icon-border-filled{
   background-color:100, white;
@@ -1791,8 +1813,8 @@ a.slds-button--inverse:focus{
 .slds-button--icon-inverse:focus,
 .slds-button_icon-border-inverse:focus,
 .slds-button--icon-border-inverse:focus{
-  -webkit-box-shadow:6, 0 0 3px #0176d3;
-          box-shadow:6, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
   border-color:transparent;
   outline:0;
 }
@@ -2010,6 +2032,16 @@ a.slds-button--inverse:focus{
 .slds-button_icon-border-inverse.slds-is-selected:focus .slds-button__icon{
   fill:100, white;
 }
+.slds-button_icon-container.slds-is-selected:focus,
+.slds-button--icon-container.slds-is-selected:focus,
+.slds-button_icon-border.slds-is-selected:focus,
+.slds-button--icon-border.slds-is-selected:focus,
+.slds-button_icon-border-filled.slds-is-selected:focus,
+.slds-button_icon-border-inverse.slds-is-selected:focus{
+  -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
+          box-shadow:var(--_slds-g-shadow-outset-focus);
+  outline:0;
+}
 .slds-button_icon-container.slds-is-selected[disabled], .slds-button_icon-container.slds-is-selected:disabled,
 .slds-button--icon-container.slds-is-selected[disabled],
 .slds-button--icon-container.slds-is-selected:disabled,
@@ -2077,8 +2109,8 @@ a.slds-button--inverse:focus{
 }
 .slds-color-picker__swatch-trigger:focus, .slds-color-picker__swatch-trigger:active{
   outline:none;
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
   border-radius:0.125rem;
 }
 .slds-color-picker__custom{
@@ -2113,8 +2145,9 @@ a.slds-button--inverse:focus{
   border-radius:50%;
 }
 .slds-color-picker__range-indicator:focus{
-  outline:2px solid 40, #0b5cab;
-  outline-offset:0;
+  -webkit-box-shadow:var(--_slds-g-shadow-outline-focus);
+          box-shadow:var(--_slds-g-shadow-outline-focus);
+  outline:0;
 }
 .slds-color-picker__hue-and-preview{
   display:-webkit-box;
@@ -2182,16 +2215,16 @@ a.slds-button--inverse:focus{
 }
 .slds-color-picker__hue-slider:focus::-webkit-slider-thumb{
   border-color:60, #1b96ff;
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
 }
 .slds-color-picker__hue-slider:focus::-moz-range-thumb{
   border-color:60, #1b96ff;
-  box-shadow:5, 0 0 3px #0176d3;
+  box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
 }
 .slds-color-picker__hue-slider:focus::-ms-thumb{
   border-color:60, #1b96ff;
-  box-shadow:5, 0 0 3px #0176d3;
+  box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
 }
 .slds-color-picker__hue-slider::-moz-range-track{
   height:0;
@@ -3910,7 +3943,7 @@ a.slds-button--inverse:focus{
 }
 
 .slds-icon-standard-your-account{
-  background-color:#1b96ff;
+  background-color:#014486;
 }
 
 .slds-icon-standard-app{
@@ -6094,9 +6127,8 @@ a.slds-button--inverse:focus{
   line-height:1.25;
 }
 .slds-accordion__summary-heading .slds-button:focus{
-  outline-offset:-0.25rem;
-  -webkit-box-shadow:none;
-          box-shadow:none;
+  -webkit-box-shadow:inset var(--_slds-g-shadow-outline-focus);
+          box-shadow:inset var(--_slds-g-shadow-outline-focus);
 }
 .slds-accordion__summary-action{
   display:-webkit-inline-box;
@@ -6966,8 +6998,8 @@ a.slds-button--inverse:focus{
   outline:0;
 }
 .slds-carousel__panel-action:focus{
-  -webkit-box-shadow:var(--slds-g-shadow-5);
-          box-shadow:var(--slds-g-shadow-5);
+  -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
+          box-shadow:var(--_slds-g-shadow-outset-focus);
 }
 .slds-carousel__image{
   border-top-left-radius:0.25rem;
@@ -7020,8 +7052,8 @@ a.slds-button--inverse:focus{
   outline:0;
 }
 .slds-carousel__indicator-action:focus{
-  -webkit-box-shadow:var(--slds-g-shadow-5);
-          box-shadow:var(--slds-g-shadow-5);
+  -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
+          box-shadow:var(--_slds-g-shadow-outset-focus);
   border-radius:50%;
 }
 .slds-carousel__autoplay{
@@ -7031,8 +7063,8 @@ a.slds-button--inverse:focus{
   margin-left:0.25rem;
 }
 .slds-carousel__autoplay .slds-button:focus{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
   outline:0;
 }
 .slds-card_empty .slds-card__body,
@@ -7358,8 +7390,8 @@ a.slds-button--inverse:focus{
 }
 .slds-chat-message__file:focus-within,
 .slds-chat-message__image:focus-within{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
 }
 
 .slds-chat-message__text_inbound,
@@ -7477,9 +7509,6 @@ a.slds-button--inverse:focus{
   height:0.75rem;
   fill:#0176d3;
 }
-.slds-chat-message__action:focus{
-  outline-offset:-0.0625rem;
-}
 .slds-chat-event{
   -webkit-box-align:center;
       -ms-flex-align:center;
@@ -7705,7 +7734,7 @@ a.slds-button--inverse:focus{
   outline:0;
 }
 .slds-input:focus{
-  --slds-c-input-shadow:5, 0 0 3px #0176d3;
+  --slds-c-input-shadow:_slds-g-shadow-outline-focus, 0 0 3px #0176d3;
   --slds-c-input-color-border:inherit;
   outline:0;
 }
@@ -7757,8 +7786,8 @@ a.slds-button--inverse:focus{
 }
 .slds-input_bare:focus,
 .slds-input--bare:focus{
-  -webkit-box-shadow:7, 0 0 3px #0176d3;
-          box-shadow:7, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3;
   outline:0;
 }
 .slds-input_height,
@@ -7922,7 +7951,7 @@ a.slds-button--inverse:focus{
   box-shadow:40, #ea001e 0 0 0 1px inset, 0 0 3px #0176d3;
 }
 .slds-has-error .slds-input:focus{
-  --slds-c-input-shadow:40, #ea001e 0 0 0 1px inset, 5, 0 0 3px #0176d3;
+  --slds-c-input-shadow:40, #ea001e 0 0 0 1px inset, _slds-g-shadow-outline-focus, 0 0 3px #0176d3;
   --slds-c-input-color-border:40, #ea001e;
   outline:0;
 }
@@ -7958,13 +7987,6 @@ a.slds-button--inverse:focus{
           transform:translateY(-50%);
   right:0.75rem;
 }
-
-.slds-input__button_decrement:focus,
-.slds-input__button_increment:focus{
-  outline-offset:-0.125rem;
-  -webkit-box-shadow:none;
-          box-shadow:none;
-}
 .slds-textarea{
   -webkit-appearance:none;
   min-height:height;
@@ -7996,8 +8018,8 @@ a.slds-button--inverse:focus{
 }
 .slds-textarea:focus{
   border-color:4, #c9c9c9;
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outline-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outline-focus, 0 0 3px #0176d3;
 }
 .slds-textarea[disabled], .slds-textarea.slds-is-disabled{
   background-color:95, #f3f3f3;
@@ -8026,7 +8048,8 @@ a.slds-button--inverse:focus{
   box-shadow:40, #ea001e 0 0 0 1px inset, 0 0 3px #0176d3;
 }
 .slds-has-error .slds-textarea:focus{
-  box-shadow:40, #ea001e 0 0 0 1px inset, 5, 0 0 3px #0176d3;
+  box-shadow:var(--slds-g-color-error-base-40,
+    #ea001e) 0 0 0 1px inset, _slds-g-shadow-outline-focus, 0 0 3px #0176d3;
 }
 .slds-radio{
   display:inline-block;
@@ -8085,8 +8108,8 @@ a.slds-button--inverse:focus{
 }
 .slds-radio [type=radio]:focus + .slds-radio_faux, .slds-radio [type=radio]:focus + .slds-radio--faux, .slds-radio [type=radio]:focus ~ .slds-radio_faux, .slds-radio [type=radio]:focus ~ .slds-radio--faux, .slds-radio [type=radio]:focus + .slds-radio__label .slds-radio_faux, .slds-radio [type=radio]:focus + .slds-radio__label .slds-radio--faux{
   border-color:4, #c9c9c9;
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
   outline:0;
 }
 .slds-radio [type=radio][disabled]{
@@ -8239,8 +8262,8 @@ a.slds-button--inverse:focus{
 .slds-radio--button [type=radio]:focus ~ .slds-radio--faux,
 .slds-radio--button [type=radio]:focus + .slds-radio_button__label,
 .slds-radio--button [type=radio]:focus + .slds-radio--button__label{
-  -webkit-box-shadow:6, 0 0 3px #0176d3;
-          box-shadow:6, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
   z-index:1;
 }
 .slds-radio_button [type=radio][disabled] + .slds-radio_faux, .slds-radio_button [type=radio][disabled] + .slds-radio--faux, .slds-radio_button [type=radio][disabled] ~ .slds-radio_faux, .slds-radio_button [type=radio][disabled] ~ .slds-radio--faux, .slds-radio_button [type=radio][disabled] + .slds-radio_button__label, .slds-radio_button [type=radio][disabled] + .slds-radio--button__label,
@@ -8393,7 +8416,7 @@ a.slds-button--inverse:focus{
   outline:0;
   outline-offset:0px;
   border-color:focus;
-  box-shadow:5, 0 0 3px #0176d3;
+  box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
 }
 .slds-checkbox [type=checkbox]:focus:checked > .slds-checkbox_faux, .slds-checkbox [type=checkbox]:focus:checked > .slds-checkbox--faux, .slds-checkbox [type=checkbox]:focus:checked ~ .slds-checkbox_faux, .slds-checkbox [type=checkbox]:focus:checked ~ .slds-checkbox--faux, .slds-checkbox [type=checkbox]:focus:checked + .slds-checkbox__label .slds-checkbox_faux, .slds-checkbox [type=checkbox]:focus:checked + .slds-checkbox__label .slds-checkbox--faux{
   border-color:focus;
@@ -8589,7 +8612,7 @@ a.slds-button--inverse:focus{
 .slds-checkbox--toggle [type=checkbox]:focus + .slds-checkbox_faux_container .slds-checkbox_faux,
 .slds-checkbox--toggle [type=checkbox]:focus + .slds-checkbox--faux_container .slds-checkbox--faux{
   background-color:50, #939393;
-  box-shadow:5, 0 0 3px #0176d3;
+  box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
 }
 .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox_faux_container .slds-checkbox_off,
 .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox--faux_container .slds-checkbox--off,
@@ -8902,8 +8925,8 @@ a.slds-button--inverse:focus{
 .slds-checkbox--add-button [type=checkbox]:focus ~ .slds-checkbox--faux,
 .slds-checkbox--add-button [type=checkbox]:focus + .slds-checkbox_faux,
 .slds-checkbox--add-button [type=checkbox]:focus + .slds-checkbox--faux{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
   border:none;
 }
 .slds-checkbox_add-button [type=checkbox][disabled] ~ .slds-checkbox_faux,
@@ -8976,8 +8999,8 @@ a.slds-button--inverse:focus{
   color:50, white;
 }
 .slds-checkbox-button_is-focused{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
 }
 .slds-checkbox_button-group,
 .slds-checkbox--button-group{
@@ -9097,8 +9120,8 @@ a.slds-button--inverse:focus{
 .slds-checkbox--button [type=checkbox]:focus ~ .slds-checkbox--faux,
 .slds-checkbox--button [type=checkbox]:focus + .slds-checkbox_button__label,
 .slds-checkbox--button [type=checkbox]:focus + .slds-checkbox--button__label{
-  -webkit-box-shadow:6, 0 0 3px #0176d3;
-          box-shadow:6, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
   z-index:1;
 }
 .slds-checkbox_button [type=checkbox][disabled] + .slds-checkbox_faux, .slds-checkbox_button [type=checkbox][disabled] + .slds-checkbox--faux, .slds-checkbox_button [type=checkbox][disabled] ~ .slds-checkbox_faux, .slds-checkbox_button [type=checkbox][disabled] ~ .slds-checkbox--faux, .slds-checkbox_button [type=checkbox][disabled] + .slds-checkbox_button__label, .slds-checkbox_button [type=checkbox][disabled] + .slds-checkbox--button__label,
@@ -9149,8 +9172,8 @@ a.slds-button--inverse:focus{
 }
 .slds-select:focus{
   border-color:4, #c9c9c9;
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outline-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outline-focus, 0 0 3px #0176d3;
 }
 .slds-select[disabled], .slds-select.slds-is-disabled{
   background-color:95, #f3f3f3;
@@ -9218,8 +9241,8 @@ a.slds-button--inverse:focus{
           box-shadow:40, #ea001e 0 0 0 1px inset, 0 0 3px #0176d3;
 }
 .slds-has-error .slds-select:focus{
-  -webkit-box-shadow:40, #ea001e 0 0 0 1px inset, 5, 0 0 3px #0176d3;
-          box-shadow:40, #ea001e 0 0 0 1px inset, 5, 0 0 3px #0176d3;
+  -webkit-box-shadow:40, #ea001e 0 0 0 1px inset, _slds-g-shadow-outline-focus, 0 0 3px #0176d3;
+          box-shadow:40, #ea001e 0 0 0 1px inset, _slds-g-shadow-outline-focus, 0 0 3px #0176d3;
 }
 .slds-form_inline .slds-form-element,
 .slds-form_inline .slds-form-element__label,
@@ -9675,8 +9698,8 @@ a.slds-button--inverse:focus{
 }
 .slds-slider__range:focus::-webkit-slider-thumb{
   background-color:#014486;
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
 }
 .slds-slider__range:active::-webkit-slider-thumb{
   background-color:#014486;
@@ -9752,8 +9775,8 @@ a.slds-button--inverse:focus{
   border-style:solid;
 }
 .slds-file-selector__input:focus ~ .slds-file-selector__body > .slds-file-selector__button{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outline-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outline-focus, 0 0 3px #0176d3;
 }
 .slds-file-selector__input[disabled] ~ .slds-file-selector__body{
   color:50, #c9c9c9;
@@ -10436,6 +10459,10 @@ a.slds-button--inverse:focus{
   border-top-color:10, #001639;
   background-color:20, #032d60;
 }
+.slds-popover_dark .slds-button:focus{
+  -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
+          box-shadow:var(--_slds-g-shadow-outset-focus);
+}
 .slds-popover_brand .slds-popover__footer{
   background-color:transparent;
   border-color:transparent;
@@ -11144,9 +11171,8 @@ a.slds-button--inverse:focus{
 }
 .slds-popover_walkthrough a:focus,
 .slds-popover--walkthrough a:focus{
-  -webkit-box-shadow:6, 0 0 3px #0176d3;
-          box-shadow:6, 0 0 3px #0176d3;
-  border:1px solid 100, #f3f3f3;
+  -webkit-box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
 }
 .slds-popover_walkthrough a:active,
 .slds-popover--walkthrough a:active{
@@ -11278,8 +11304,8 @@ a.slds-button--inverse:focus{
 }
 .slds-popover_warning button:focus{
   color:30, #514f4d;
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
 }
 .slds-popover_warning button:active{
   color:50, #706e6b;
@@ -11306,6 +11332,10 @@ a.slds-button--inverse:focus{
 .slds-popover_warning .slds-popover__footer .slds-button{
   text-decoration:none;
 }
+.slds-popover_warning .slds-popover__footer .slds-button:focus{
+  -webkit-box-shadow:var(--_slds-g-shadow-outline-focus);
+          box-shadow:var(--_slds-g-shadow-outline-focus);
+}
 .slds-popover_warning .slds-popover__footer .slds-button.slds-button_neutral{
   color:#0176d3;
 }
@@ -11392,8 +11422,8 @@ a.slds-button--inverse:focus{
 }
 
 a:has(+ .slds-popover.slds-popover_tooltip):focus{
-  -webkit-box-shadow:var(--slds-g-shadow-5);
-          box-shadow:var(--slds-g-shadow-5);
+  -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
+          box-shadow:var(--_slds-g-shadow-outset-focus);
   outline:0;
 }
 .slds-rise-from-ground{
@@ -11668,8 +11698,8 @@ a:has(+ .slds-popover.slds-popover_tooltip):focus{
 }
 .slds-dropdown_inverse .slds-dropdown__item > a:focus,
 .slds-dropdown--inverse .slds-dropdown__item > a:focus{
-  -webkit-box-shadow:6, 0 0 3px #0176d3;
-          box-shadow:6, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
   outline:0;
 }
 .slds-dropdown_inverse .slds-dropdown__item > a:active,
@@ -11717,12 +11747,12 @@ a:has(+ .slds-popover.slds-popover_tooltip):focus{
   background-color:95, #f3f3f3;
 }
 .slds-dropdown__item > a:focus{
-  -webkit-box-shadow:6, 0 0 3px #0176d3;
-          box-shadow:6, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
 }
 .slds-dropdown__item > a.slds-has-success:focus, .slds-dropdown__item > a.slds-has-warning:focus, .slds-dropdown__item > a.slds-has-error:focus{
-  -webkit-box-shadow:var(--slds-g-shadow-7);
-          box-shadow:var(--slds-g-shadow-7);
+  -webkit-box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
+          box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
 }
 .slds-dropdown__item > a:active{
   text-decoration:none;
@@ -11919,8 +11949,8 @@ a:has(+ .slds-popover.slds-popover_tooltip):focus{
   font-weight:400;
 }
 .slds-picklist input[readonly]:focus, .slds-picklist input[readonly].slds-has-focus{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
 }
 .slds-picklist input[readonly][disabled]{
   background-color:80, #f3f3f3;
@@ -12024,8 +12054,8 @@ input[readonly][role=combobox]{
 [role=combobox] input[readonly]:focus, [role=combobox] input[readonly].slds-has-focus,
 input[readonly][role=combobox]:focus,
 input[readonly][role=combobox].slds-has-focus{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outline-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outline-focus, 0 0 3px #0176d3;
 }
 [role=combobox] input[readonly][disabled],
 input[readonly][role=combobox][disabled]{
@@ -12130,8 +12160,8 @@ input[readonly][role=combobox][disabled]{
 .slds-listbox_vertical .slds-listbox__option.slds-has-focus,
 .slds-listbox--vertical .slds-listbox__option:focus,
 .slds-listbox--vertical .slds-listbox__option.slds-has-focus{
-  -webkit-box-shadow:6, 0 0 3px #0176d3;
-          box-shadow:6, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
   outline:0;
 }
 .slds-listbox_vertical .slds-listbox__option[aria-disabled=true],
@@ -12174,8 +12204,8 @@ input[readonly][role=combobox][disabled]{
 .slds-dueling-list__options .slds-listbox_vertical .slds-listbox__option.slds-is-selected.slds-has-focus,
 .slds-dueling-list__options .slds-listbox--vertical .slds-listbox__option.slds-is-selected:focus,
 .slds-dueling-list__options .slds-listbox--vertical .slds-listbox__option.slds-is-selected.slds-has-focus{
-  -webkit-box-shadow:var(--slds-g-shadow-7);
-          box-shadow:var(--slds-g-shadow-7);
+  -webkit-box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
+          box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
 }
 .slds-input-has-icon_left .slds-combobox__input[value], .slds-input-has-icon_left .slds-combobox__input.slds-combobox__input-value,
 .slds-input-has-icon_left-right .slds-combobox__input[value],
@@ -12259,8 +12289,8 @@ input[readonly][role=combobox][disabled]{
 .slds-combobox__input{
 }
 .slds-combobox__input:focus, .slds-combobox__input.slds-has-focus{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outline-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outline-focus, 0 0 3px #0176d3;
   outline:0;
 }
 .slds-combobox-group{
@@ -12580,8 +12610,8 @@ input[readonly][role=combobox][disabled]{
   outline:0;
 }
 .slds-datepicker tbody > tr > td:focus > .slds-day{
-  -webkit-box-shadow:var(--slds-g-shadow-7);
-          box-shadow:var(--slds-g-shadow-7);
+  -webkit-box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
+          box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
 }
 .slds-datepicker tbody > tr > td:hover > .slds-day{
   background-color:95, #f3f3f3;
@@ -12592,8 +12622,8 @@ input[readonly][role=combobox][disabled]{
 }
 .slds-datepicker tbody > tr > td.slds-is-selected:focus > .slds-day{
   background:#014486;
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
   outline:0;
   color:100, white;
 }
@@ -12602,11 +12632,6 @@ input[readonly][role=combobox][disabled]{
   -webkit-box-shadow:none;
           box-shadow:none;
 }
-.slds-datepicker .slds-button:focus{
-  -webkit-box-shadow:none;
-          box-shadow:none;
-  outline-offset:0;
-}
 .slds-datepicker__filter{
   padding:0.25rem;
 }
@@ -12755,8 +12780,8 @@ input[readonly][role=combobox][disabled]{
   background-color:100, white;
 }
 .slds-docked-composer.slds-has-focus{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
 }
 .slds-docked-composer.slds-is-open{
   height:480px;
@@ -12995,8 +13020,8 @@ input[readonly][role=combobox][disabled]{
   outline:none;
 }
 .slds-utility-bar__action:focus{
-  -webkit-box-shadow:var(--slds-g-shadow-6);
-          box-shadow:var(--slds-g-shadow-6);
+  -webkit-box-shadow:var(--_slds-g-shadow-inset-focus);
+          box-shadow:var(--_slds-g-shadow-inset-focus);
   outline:0;
 }
 .slds-utility-bar__action:hover, .slds-utility-bar__action:focus{
@@ -13377,13 +13402,14 @@ input[readonly][role=combobox][disabled]{
   transition:transform 80ms ease-out, box-shadow 0.1s linear;
   transition:transform 80ms ease-out, box-shadow 0.1s linear, -webkit-transform 80ms ease-out, -webkit-box-shadow 0.1s linear;
 }
-.slds-global-actions__avatar:hover, .slds-global-actions__avatar:focus{
+.slds-global-actions__avatar:hover{
   -webkit-box-shadow:#818181 0 0 0 2px;
           box-shadow:#818181 0 0 0 2px;
 }
 .slds-global-actions__avatar:focus{
-  -webkit-box-shadow:none;
-          box-shadow:none;
+  -webkit-box-shadow:var(--_slds-g-shadow-outline-focus);
+          box-shadow:var(--_slds-g-shadow-outline-focus);
+  outline:0;
 }
 .slds-global-actions__favorites{
   display:-webkit-inline-box;
@@ -13968,6 +13994,10 @@ input[readonly][role=combobox][disabled]{
 .slds-context-bar__item.slds-has-warning .slds-indicator_unsaved{
   color:currentColor;
 }
+.slds-context-bar__item.slds-has-warning .slds-button_icon:focus{
+  -webkit-box-shadow:var(--_slds-g-shadow-inset-focus);
+          box-shadow:var(--_slds-g-shadow-inset-focus);
+}
 .slds-context-bar__item.slds-has-success.slds-is-active:after, .slds-context-bar__item.slds-has-warning.slds-is-active:after, .slds-context-bar__item.slds-has-error.slds-is-active:after{
   content:"";
   background:30, #3e3e3c;
@@ -14024,6 +14054,10 @@ input[readonly][role=combobox][disabled]{
   color:inherit;
   text-decoration:none;
 }
+.slds-context-bar__label-action.slds-button:focus{
+  -webkit-box-shadow:var(--_slds-g-shadow-inset-focus);
+          box-shadow:var(--_slds-g-shadow-inset-focus);
+}
 .slds-context-bar__icon-action{
   display:-webkit-box;
   display:-ms-flexbox;
@@ -14052,9 +14086,6 @@ input[readonly][role=combobox][disabled]{
   visibility:visible;
   opacity:1;
 }
-.slds-context-bar__icon-action .slds-context-bar__button:focus{
-  outline-offset:-0.0625rem;
-}
 .slds-context-bar__icon-action:hover, .slds-context-bar__icon-action:focus{
   color:30, #444444;
 }
@@ -14307,8 +14338,8 @@ input[readonly][role=combobox][disabled]{
 }
 .slds-builder-header__item-action:focus{
   text-decoration:underline;
-  -webkit-box-shadow:7, 0 0 3px #0176d3;
-          box-shadow:7, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3;
   outline:none;
   border-radius:0;
 }
@@ -14433,8 +14464,8 @@ input[readonly][role=combobox][disabled]{
 }
 .slds-publisher_comment.slds-has-focus,
 .slds-publisher--comment.slds-has-focus{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
 }
 .slds-publisher_comment .slds-publisher__actions,
 .slds-publisher--comment .slds-publisher__actions{
@@ -14636,10 +14667,9 @@ input[readonly][role=combobox][disabled]{
   fill:currentColor;
 }
 .slds-post__footer-action:focus{
-  outline:2px solid var(--slds-g-color-brand-base-40);
-  -webkit-box-shadow:0 0 0 4px var(--slds-g-color-neutral-base-100);
-          box-shadow:0 0 0 4px var(--slds-g-color-neutral-base-100);
-  outline-offset:2px;
+  -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
+          box-shadow:var(--_slds-g-shadow-outset-focus);
+  outline:0;
   border-radius:0.125rem;
 }
 .slds-post__footer-meta-list{
@@ -15072,8 +15102,8 @@ input[readonly][role=combobox][disabled]{
   text-decoration:underline;
 }
 .slds-coordinates__item-action:focus{
-  -webkit-box-shadow:6, 0 0 3px #0176d3;
-          box-shadow:6, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
 }
 .slds-coordinates__item-action:active{
   background-color:95, #f3f3f3;
@@ -15147,8 +15177,8 @@ input[readonly][role=combobox][disabled]{
   border-color:#014486;
 }
 .slds-app-launcher__tile:focus{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
 }
 .slds-app-launcher__tile.slds-is-draggable .slds-app-launcher__tile-figure{
   padding-bottom:0.25rem;
@@ -15224,8 +15254,8 @@ input[readonly][role=combobox][disabled]{
 }
 .slds-visual-picker input:focus ~ label .slds-visual-picker__figure{
   border:1px solid 1, #e5e5e5;
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
   outline:0;
 }
 .slds-visual-picker input:checked ~ label .slds-visual-picker__figure{
@@ -15233,8 +15263,8 @@ input[readonly][role=combobox][disabled]{
           box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.16);
 }
 .slds-visual-picker input:checked:focus ~ label .slds-visual-picker__figure{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
 }
 .slds-visual-picker input:focus ~ label .slds-visual-picker__body > *:first-child{
   text-decoration:underline;
@@ -15410,7 +15440,7 @@ input[readonly][role=combobox][disabled]{
   background-color:95, #f3f3f3;
 }
 .slds-pill:focus{
-  box-shadow:5, 0 0 3px #0176d3;
+  box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
   outline:0;
 }
 .slds-pill a{
@@ -15422,8 +15452,8 @@ input[readonly][role=combobox][disabled]{
   width:max-content;
 }
 .slds-pill .slds-pill__remove:focus{
-  -webkit-box-shadow:var(--slds-g-shadow-7);
-          box-shadow:var(--slds-g-shadow-7);
+  -webkit-box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
+          box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
   outline:0;
 }
 .slds-pill_bare,
@@ -15460,8 +15490,8 @@ input[readonly][role=combobox][disabled]{
 .slds-pill_container .slds-pill--link .slds-pill:focus,
 .slds-pill_container .slds-listbox-item .slds-pill__action:focus,
 .slds-pill_container .slds-listbox-item .slds-pill:focus{
-  -webkit-box-shadow:var(--slds-g-shadow-6);
-          box-shadow:var(--slds-g-shadow-6);
+  -webkit-box-shadow:var(--_slds-g-shadow-inset-focus);
+          box-shadow:var(--_slds-g-shadow-inset-focus);
 }
 .slds-pill_container .slds-pill_link .slds-pill.slds-pill_bare:focus,
 .slds-pill_container .slds-pill--link .slds-pill.slds-pill_bare:focus,
@@ -15470,8 +15500,8 @@ input[readonly][role=combobox][disabled]{
 }
 
 .slds-listbox_selection-group .slds-listbox-item .slds-pill:focus{
-  -webkit-box-shadow:var(--slds-g-shadow-6);
-          box-shadow:var(--slds-g-shadow-6);
+  -webkit-box-shadow:var(--_slds-g-shadow-inset-focus);
+          box-shadow:var(--_slds-g-shadow-inset-focus);
 }
 .slds-pill__label{
   white-space:nowrap;
@@ -15481,8 +15511,8 @@ input[readonly][role=combobox][disabled]{
 .slds-pill__label:focus{
   outline:0;
   border-radius:0.25rem;
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
 }
 .slds-pill__icon,
 .slds-pill__icon_container{
@@ -15563,8 +15593,8 @@ input[readonly][role=combobox][disabled]{
           flex-grow:1;
 }
 .slds-pill__action:focus{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
   outline:0;
 }
 .slds-has-error{
@@ -16060,8 +16090,8 @@ input[readonly][role=combobox][disabled]{
   }
 }
 .slds-path__track.slds-has-overflow .slds-path__scroll-controls .slds-button:focus{
-  -webkit-box-shadow:6, 0 0 3px #0176d3;
-          box-shadow:6, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
   outline:none;
 }
 .slds-path__scroller{
@@ -16104,8 +16134,8 @@ input[readonly][role=combobox][disabled]{
   }
 }
 .slds-path__scroller-container .slds-button:focus{
-  -webkit-box-shadow:6, 0 0 3px #0176d3;
-          box-shadow:6, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
   outline:none;
 }
 
@@ -16431,8 +16461,8 @@ input[readonly][role=combobox][disabled]{
   text-decoration:none;
 }
 .slds-path__link:focus{
-  -webkit-box-shadow:var(--slds-g-shadow-7);
-          box-shadow:var(--slds-g-shadow-7);
+  -webkit-box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
+          box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
   outline:0;
   text-decoration:none;
 }
@@ -16780,8 +16810,8 @@ input[readonly][role=combobox][disabled]{
 }
 .slds-progress_shade .slds-progress__item.slds-is-active .slds-progress__marker:focus,
 .slds-progress--shade .slds-progress__item.slds-is-active .slds-progress__marker:focus{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
   outline:0;
 }
 .slds-progress_shade .slds-progress__item.slds-has-error .slds-progress__marker, .slds-progress_shade .slds-progress__item.slds-has-error .slds-progress__marker:hover, .slds-progress_shade .slds-progress__item.slds-has-error .slds-progress__marker:focus,
@@ -16832,8 +16862,8 @@ input[readonly][role=combobox][disabled]{
   border-color:50, #0176d3;
 }
 .slds-progress__item.slds-is-active .slds-progress__marker:focus{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
   outline:0;
 }
 .slds-progress__item.slds-has-error .slds-progress__marker, .slds-progress__item.slds-has-error .slds-progress__marker:hover, .slds-progress__item.slds-has-error .slds-progress__marker:focus{
@@ -16844,8 +16874,8 @@ input[readonly][role=combobox][disabled]{
           box-shadow:none;
 }
 .slds-progress__item.slds-has-error .slds-progress__marker:focus{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
   outline:0;
 }
 .slds-progress__marker{
@@ -16870,8 +16900,8 @@ input[readonly][role=combobox][disabled]{
   outline:none;
 }
 .slds-progress__marker:focus{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
 }
 .slds-progress__marker_icon,
 .slds-progress__marker--icon{
@@ -17143,8 +17173,8 @@ input[readonly][role=combobox][disabled]{
 }
 .slds-rich-text-editor.slds-has-focus{
   border:1px solid 4, #e5e5e5;
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
 }
 .slds-rich-text-editor.slds-has-error{
   border:2px solid 40, #ea001e;
@@ -17166,10 +17196,6 @@ input[readonly][role=combobox][disabled]{
   padding:1rem;
   background-color:100, white;
 }
-.slds-rich-text-area__content:focus{
-  -webkit-box-shadow:6, 0 0 3px #0176d3;
-          box-shadow:6, 0 0 3px #0176d3;
-}
 
 .slds-picklist__label[disabled] .slds-icon{
   fill:80, #c9c9c9;
@@ -18592,8 +18618,8 @@ input[readonly][role=combobox][disabled]{
   text-decoration:none;
 }
 .slds-split-view__list-item-action:focus{
-  -webkit-box-shadow:6, 0 0 3px #0176d3;
-          box-shadow:6, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
 }
 .slds-split-view__list-item-action[aria-current=page]{
   -webkit-box-shadow:inset 4px 0 0 #0176d3;
@@ -18889,6 +18915,10 @@ input[readonly][role=combobox][disabled]{
 .slds-tabs_default__overflow-button.slds-has-error .slds-button, .slds-tabs_default__overflow-button.slds-has-success .slds-button{
   color:100, white;
 }
+.slds-tabs_default__overflow-button.slds-has-error .slds-button:focus, .slds-tabs_default__overflow-button.slds-has-success .slds-button:focus, .slds-tabs_default__overflow-button.slds-has-warning .slds-button:focus{
+  -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
+          box-shadow:var(--_slds-g-shadow-outset-focus);
+}
 .slds-tabs_default__content,
 .slds-tabs--default__content{
   position:relative;
@@ -18937,14 +18967,20 @@ input[readonly][role=combobox][disabled]{
   margin-left:0.5rem;
 }
 
-.slds-tabs_default__nav .slds-has-error .slds-tabs_default__link:focus,
-.slds-tabs_default__nav .slds-has-warning .slds-tabs_default__link:focus,
-.slds-tabs_default__nav .slds-has-success .slds-tabs_default__link:focus{
-  -webkit-box-shadow:var(--slds-g-shadow-6);
-          box-shadow:var(--slds-g-shadow-6);
+.slds-tabs_default__nav .slds-has-error .slds-tabs_default__link:focus-visible,
+.slds-tabs_default__nav .slds-has-warning .slds-tabs_default__link:focus-visible,
+.slds-tabs_default__nav .slds-has-success .slds-tabs_default__link:focus-visible{
+  -webkit-box-shadow:var(--_slds-g-shadow-inset-focus);
+          box-shadow:var(--_slds-g-shadow-inset-focus);
   outline:0;
   text-decoration:none;
 }
+.slds-tabs_default__nav .slds-has-error .slds-button:focus,
+.slds-tabs_default__nav .slds-has-warning .slds-button:focus,
+.slds-tabs_default__nav .slds-has-success .slds-button:focus{
+  -webkit-box-shadow:var(--_slds-g-shadow-inset-focus);
+          box-shadow:var(--_slds-g-shadow-inset-focus);
+}
 .slds-tabs_mobile__title{
   width:100%;
   height:100%;
@@ -18953,8 +18989,8 @@ input[readonly][role=combobox][disabled]{
   padding:0 1rem;
 }
 .slds-tabs_mobile__title .slds-button:focus{
-  -webkit-box-shadow:none;
-          box-shadow:none;
+  -webkit-box-shadow:inset var(--_slds-g-shadow-outline-focus);
+          box-shadow:inset var(--_slds-g-shadow-outline-focus);
 }
 .slds-tabs_mobile__title-action{
   width:100%;
@@ -19050,9 +19086,8 @@ input[readonly][role=combobox][disabled]{
   border-bottom:1px solid 1, #e5e5e5;
 }
 .slds-tabs-mobile__item .slds-button:focus{
-  outline-offset:-0.0625rem;
-  -webkit-box-shadow:none;
-          box-shadow:none;
+  -webkit-box-shadow:inset var(--_slds-g-shadow-outline-focus);
+          box-shadow:inset var(--_slds-g-shadow-outline-focus);
 }
 .slds-tabs-mobile__group .slds-tabs-mobile__container + .slds-tabs-mobile__container .slds-tabs-mobile__item:first-child{
   border-top:0;
@@ -19215,8 +19250,8 @@ input[readonly][role=combobox][disabled]{
 }
 .slds-tabs_scoped__overflow-button .slds-button:focus{
   outline:0;
-  -webkit-box-shadow:var(--slds-g-shadow-6);
-          box-shadow:var(--slds-g-shadow-6);
+  -webkit-box-shadow:var(--_slds-g-shadow-inset-focus);
+          box-shadow:var(--_slds-g-shadow-inset-focus);
 }
 .slds-active .slds-tabs_scoped__link,
 .slds-active .slds-tabs--scoped__link,
@@ -19599,8 +19634,8 @@ input[readonly][role=combobox][disabled]{
 .slds-nav-vertical__action:focus{
   outline:0;
   text-decoration:none;
-  -webkit-box-shadow:var(--slds-g-shadow-7);
-          box-shadow:var(--slds-g-shadow-7);
+  -webkit-box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
+          box-shadow:var(--_slds-g-shadow-inset-inverse-focus);
 }
 .slds-nav-vertical__action:focus:hover{
   -webkit-box-shadow:inset 2px 0 0 #1b96ff;
@@ -19706,8 +19741,8 @@ input[readonly][role=combobox][disabled]{
 }
 .slds-notify_alert a:focus,
 .slds-notify--alert a:focus{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
   border-width:1px;
   border-style:solid;
   border-color:transparent;
@@ -19730,6 +19765,10 @@ input[readonly][role=combobox][disabled]{
 .slds-alert_warning .slds-button__icon{
   fill:30, #514f4d;
 }
+.slds-alert_warning .slds-button:focus{
+  -webkit-box-shadow:var(--_slds-g-shadow-inset-focus);
+          box-shadow:var(--_slds-g-shadow-inset-focus);
+}
 .slds-alert_error{
   background-color:40, #ea001e;
 }
@@ -19811,9 +19850,8 @@ input[readonly][role=combobox][disabled]{
 }
 .slds-notify_toast a:focus,
 .slds-notify--toast a:focus{
-  -webkit-box-shadow:6, 0 0 3px #0176d3;
-          box-shadow:6, 0 0 3px #0176d3;
-  border:1px solid 100, #f3f3f3;
+  -webkit-box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
 }
 .slds-notify_toast a:active,
 .slds-notify--toast a:active{
@@ -19835,8 +19873,8 @@ input[readonly][role=combobox][disabled]{
 }
 .slds-notify_toast .slds-notify__content a:focus,
 .slds-notify--toast .slds-notify__content a:focus{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
   border-color:transparent;
 }
 
@@ -19850,8 +19888,8 @@ input[readonly][role=combobox][disabled]{
   padding:0.75rem;
 }
 .slds-scoped-notification a:focus{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
   border-radius:0.125rem;
   outline:0;
 }
@@ -19944,8 +19982,9 @@ input[readonly][role=combobox][disabled]{
   text-decoration:none;
 }
 .slds-notification__target:focus{
-  outline:2px solid var(--slds-g-color-brand-base-40);
-  outline-offset:-0.25rem;
+  -webkit-box-shadow:inset var(--_slds-g-shadow-outline-focus);
+          box-shadow:inset var(--_slds-g-shadow-outline-focus);
+  outline:0;
 }
 .slds-notification__footer{
   padding:0.75rem 0.75rem 1rem 0.75rem;
@@ -19956,8 +19995,8 @@ input[readonly][role=combobox][disabled]{
   right:0;
 }
 .slds-notification__close:focus{
-  -webkit-box-shadow:7, 0 0 3px #0176d3;
-          box-shadow:7, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3;
   outline:0;
 }
 
@@ -19988,9 +20027,8 @@ input[readonly][role=combobox][disabled]{
   outline:0;
 }
 .slds-trial-header a:not([class*=slds-button_]):not([class*=slds-button--]):focus, .slds-trial-header button:not([class*=slds-button_]):not([class*=slds-button--]):focus{
-  -webkit-box-shadow:6, 0 0 3px #0176d3;
-          box-shadow:6, 0 0 3px #0176d3;
-  border:1px solid 100, #f3f3f3;
+  -webkit-box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
 }
 .slds-trial-header a:not([class*=slds-button_]):not([class*=slds-button--]):active, .slds-trial-header button:not([class*=slds-button_]):not([class*=slds-button--]):active{
   color:100-opacity-50, rgba(255, 255, 255, 0.5);
@@ -20003,8 +20041,8 @@ input[readonly][role=combobox][disabled]{
   fill:70, #45c65a;
 }
 .slds-trial-header button:not([class*=slds-button_]):not([class*=slds-button--]):focus{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
 }
 
 .slds-lookup{
@@ -20108,8 +20146,8 @@ input[readonly][role=combobox][disabled]{
   text-decoration:none;
 }
 .slds-lookup__item-action:focus, .slds-lookup__item-action.slds-has-focus{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
 }
 .slds-lookup__item-action .slds-media__figure{
   margin-right:0.5rem;
@@ -20273,8 +20311,8 @@ input[readonly][role=combobox][disabled]{
 .slds-faux-input:focus{
   outline:0;
   background-color:100, white;
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outline-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outline-focus, 0 0 3px #0176d3;
 }
 
 .slds-faux-input_label{
@@ -20649,10 +20687,9 @@ input[readonly][role=combobox][disabled]{
 }
 .slds-image__crop:focus,
 .slds-file__crop:focus{
-  -webkit-box-shadow:0 0 0 2px 100, white;
-          box-shadow:0 0 0 2px 100, white;
-  outline:2px solid 40, #0b5cab;
-  outline-offset:2px;
+  -webkit-box-shadow:var(--_slds-g-shadow-outset-focus);
+          box-shadow:var(--_slds-g-shadow-outset-focus);
+  outline:0;
   border-radius:0.125rem;
 }
 .slds-image__crop_1-by-1,
@@ -20821,8 +20858,8 @@ input[readonly][role=combobox][disabled]{
   background-color:95, #f3f3f3;
 }
 .slds-table:not(.slds-no-row-hover) tbody tr:focus{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
 }
 .slds-table tbody tr.slds-is-selected > td,
 .slds-table tbody tr.slds-is-selected > th, .slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover > td,
@@ -20862,8 +20899,8 @@ input[readonly][role=combobox][disabled]{
 .slds-table th.slds-has-focus,
 .slds-table [role=gridcell]:focus,
 .slds-table [role=gridcell].slds-has-focus{
-  -webkit-box-shadow:6, 0 0 3px #0176d3;
-          box-shadow:6, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3;
 }
 .slds-table th:focus.slds-cell_action-mode,
 .slds-table th.slds-has-focus.slds-cell_action-mode,
@@ -20873,8 +20910,8 @@ input[readonly][role=combobox][disabled]{
 }
 .slds-table th:focus,
 .slds-table th.slds-has-focus{
-  -webkit-box-shadow:6, 0 0 3px #0176d3;
-          box-shadow:6, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3;
 }
 .slds-table th:active,
 .slds-table [role=gridcell]:active{
@@ -20995,8 +21032,8 @@ input[readonly][role=combobox][disabled]{
   background-color:100, white;
 }
 .slds-th__action:focus{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
 }
 .slds-th__action_form,
 .slds-th__action--form{
@@ -21555,16 +21592,16 @@ input[readonly][role=combobox][disabled]{
 }
 
 .slds-is-resizable .slds-th__action:focus{
-  -webkit-box-shadow:6, 0 0 3px #0176d3;
-          box-shadow:6, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
 }
 .slds-table .slds-cell-edit{
   outline:0;
 }
 .slds-table .slds-cell-edit.slds-has-focus{
   background-color:100, white;
-  -webkit-box-shadow:6, 0 0 3px #0176d3;
-          box-shadow:6, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-inverse-focus, 0 0 3px #0176d3;
 }
 .slds-table .slds-cell-edit.slds-has-focus .slds-button__icon_edit,
 .slds-table .slds-cell-edit.slds-has-focus .slds-button__icon--edit,
@@ -21809,8 +21846,8 @@ input[readonly][role=combobox][disabled]{
   background:95, #f3f3f3;
   cursor:pointer;
   text-decoration:none;
-  -webkit-box-shadow:6, 0 0 3px #0176d3;
-          box-shadow:6, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
 }
 
 .slds-tree [role=treeitem][aria-selected=true]:focus > .slds-tree__item{
@@ -22289,8 +22326,8 @@ input[readonly][role=combobox][disabled]{
   margin-bottom:-1px;
 }
 .slds-vertical-tabs__nav-item:focus-within{
-  -webkit-box-shadow:6, 0 0 3px #0176d3;
-          box-shadow:6, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
   outline:0;
 }
 .slds-vertical-tabs__link{
@@ -22384,8 +22421,8 @@ input[readonly][role=combobox][disabled]{
           align-items:center;
 }
 .slds-welcome-mat__info:focus{
-  -webkit-box-shadow:6, 0 0 3px #0176d3;
-          box-shadow:6, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
 }
 .slds-welcome-mat__info:focus-visible{
   outline:0;
@@ -24622,8 +24659,8 @@ input[readonly][role=combobox][disabled]{
   text-decoration:none;
 }
 .slds-has-blur-focus:focus{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
   outline:0;
 }
 .slds-has-input-focus{
@@ -25281,8 +25318,8 @@ input[readonly][role=combobox][disabled]{
           box-shadow:0 0 0 1px 2, #1b96ff inset;
 }
 .slds-box_link:focus{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
   border:1px solid 1, #e5e5e5;
 }
 .slds-theme{
@@ -25432,8 +25469,8 @@ input[readonly][role=combobox][disabled]{
 }
 .slds-theme_warning a:focus,
 .slds-theme--warning a:focus{
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-outset-focus, 0 0 3px #0176d3;
   border:1px solid 30, #514f4d;
 }
 .slds-theme_warning a:active,
@@ -25456,8 +25493,8 @@ input[readonly][role=combobox][disabled]{
 .slds-theme_warning button:focus,
 .slds-theme--warning button:focus{
   color:30, #514f4d;
-  -webkit-box-shadow:5, 0 0 3px #0176d3;
-          box-shadow:5, 0 0 3px #0176d3;
+  -webkit-box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
+          box-shadow:_slds-g-shadow-inset-focus, 0 0 3px #0176d3;
 }
 .slds-theme_warning button:active,
 .slds-theme--warning button:active{