@salesforce-ux/design-system 2.20.0 → 2.20.1

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

@@ -1,4 +1,4 @@
-/*! Lightning Design System 2.20.0 */
+/*! Lightning Design System 2.20.1 */
 @charset "UTF-8";
 .slds-wcag{
   --slds-g-color-palette-blue-10:#001639;
@@ -1976,7 +1976,7 @@ a.slds-button--inverse:focus{
 }
 .slds-button__icon_hint,
 .slds-button__icon--hint{
-  fill:var(--slds-g-color-neutral-base-70, #aeaeae);
+  fill:var(--slds-g-color-neutral-base-50, #aeaeae);
 }
 .slds-button__icon_inverse-hint,
 .slds-button__icon--inverse-hint{
@@ -1999,7 +1999,7 @@ a.slds-button--inverse:focus{
 .slds-hint-parent:hover .slds-button__icon_hint,
 .slds-hint-parent:hover .slds-button__icon--hint, .slds-hint-parent:focus .slds-button__icon_hint,
 .slds-hint-parent:focus .slds-button__icon--hint{
-  fill:var(--slds-g-color-neutral-base-50, #747474);
+  fill:var(--slds-g-color-neutral-base-40, #747474);
 }
 .slds-hint-parent:hover .slds-button__icon_inverse-hint,
 .slds-hint-parent:hover .slds-button__icon--inverse-hint, .slds-hint-parent:focus .slds-button__icon_inverse-hint,
@@ -6372,7 +6372,7 @@ a.slds-button--inverse:focus{
 }
 
 .slds-icon-trend[data-slds-trend=neutral]{
-  color:var(--slds-g-color-neutral-base-60, #939393);
+  color:var(--slds-g-color-neutral-base-50, #939393);
 }
 
 .slds-icon-trend[data-slds-trend=up]{
@@ -6829,7 +6829,7 @@ a.slds-button--inverse:focus{
   width:1rem;
   height:1rem;
   background:var(--slds-g-color-neutral-base-100, white);
-  border:1px solid var(--slds-g-color-border-base-1, #e5e5e5);
+  border:1px solid var(--slds-g-color-border-base-4, #e5e5e5);
   border-radius:50%;
 }
 .slds-carousel__indicator-action.slds-is-active, .slds-carousel__indicator-action.slds-is-active:hover{
@@ -7517,7 +7517,7 @@ a.slds-button--inverse:focus{
   outline:0;
 }
 .slds-input[disabled], .slds-input.slds-is-disabled{
-  background-color:var(--slds-g-color-neutral-base-80, #f3f3f3);
+  background-color:var(--slds-g-color-neutral-base-95, #f3f3f3);
   border-color:var(--slds-g-color-border-base-1, #c9c9c9);
   color:var(--slds-g-color-neutral-base-50, #444444);
   cursor:not-allowed;
@@ -7599,7 +7599,7 @@ a.slds-button--inverse:focus{
   text-align:left;
 }
 .slds-input_faux.slds-is-disabled{
-  background-color:var(--slds-g-color-neutral-base-80, #f3f3f3);
+  background-color:var(--slds-g-color-neutral-base-95, #f3f3f3);
   border-color:var(--slds-g-color-border-base-1, #c9c9c9);
   color:var(--slds-g-color-neutral-base-50, #444444);
   cursor:not-allowed;
@@ -7907,7 +7907,7 @@ a.slds-button--inverse:focus{
 .slds-radio [type=radio][disabled] ~ .slds-radio--faux,
 .slds-radio [type=radio][disabled] + .slds-radio__label .slds-radio_faux,
 .slds-radio [type=radio][disabled] + .slds-radio__label .slds-radio--faux{
-  background-color:var(--slds-g-color-neutral-base-80, #f3f3f3);
+  background-color:var(--slds-g-color-neutral-base-95, #f3f3f3);
   border-color:var(--slds-g-color-border-base-1, #c9c9c9);
 }
 .slds-radio [type=radio][disabled] ~ .slds-radio_faux:after,
@@ -8236,7 +8236,7 @@ a.slds-button--inverse:focus{
 .slds-checkbox [type=checkbox][disabled] + .slds-checkbox__label .slds-checkbox_faux,
 .slds-checkbox [type=checkbox][disabled] + .slds-checkbox__label .slds-checkbox--faux{
   border-color:var(--slds-g-color-border-base-1, #c9c9c9);
-  background-color:var(--slds-g-color-neutral-base-80, #f3f3f3);
+  background-color:var(--slds-g-color-neutral-base-95, #f3f3f3);
 }
 .slds-checkbox [type=checkbox][disabled] + .slds-checkbox_faux:after,
 .slds-checkbox [type=checkbox][disabled] + .slds-checkbox--faux:after,
@@ -8540,7 +8540,7 @@ a.slds-button--inverse:focus{
 .slds-checkbox--toggle [type=checkbox][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux,
 .slds-checkbox--toggle [type=checkbox][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux{
   background-color:var(--slds-g-color-neutral-base-80, #aeaeae);
-  border-color:var(--slds-g-color-neutral-base-60, #aeaeae);
+  border-color:var(--slds-g-color-neutral-base-80, #aeaeae);
   pointer-events:none;
 }
 .slds-checkbox_toggle [type=checkbox][disabled] + .slds-checkbox_faux:after,
@@ -8587,7 +8587,7 @@ a.slds-button--inverse:focus{
 .slds-checkbox_toggle [type=checkbox][disabled]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:before,
 .slds-checkbox--toggle [type=checkbox][disabled]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:before,
 .slds-checkbox--toggle [type=checkbox][disabled]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:before{
-  background-color:var(--slds-g-color-neutral-base-80, #c9c9c9);
+  background-color:var(--slds-g-color-neutral-base-90, #c9c9c9);
 }
 .slds-checkbox_toggle [type=checkbox][disabled]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:after,
 .slds-checkbox_toggle [type=checkbox][disabled]:checked + .slds-checkbox--faux_container .slds-checkbox--faux:after,
@@ -8789,7 +8789,7 @@ a.slds-button--inverse:focus{
 .slds-checkbox-button_is-disabled.slds-checkbox-button_is-checked{
   background-color:var(--slds-g-color-neutral-base-95, #f3f3f3);
   border-color:var(--slds-g-color-neutral-base-80, rgba(0, 0, 0, 0));
-  color:var(--slds-g-color-neutral-base-100, white);
+  color:var(--slds-g-color-neutral-base-80, white);
 }
 .slds-checkbox-button_is-focused{
   outline:0;
@@ -8967,7 +8967,7 @@ a.slds-button--inverse:focus{
           box-shadow:var(--slds-c-select-shadow-focus, var(--sds-c-select-shadow-focus, 0 0 3px #0176d3));
 }
 .slds-select[disabled], .slds-select.slds-is-disabled{
-  background-color:var(--slds-g-color-neutral-base-80, #f3f3f3);
+  background-color:var(--slds-g-color-neutral-base-95, #f3f3f3);
   border-color:var(--slds-g-color-border-base-1, #c9c9c9);
   color:var(--slds-g-color-neutral-base-50, #444444);
   cursor:not-allowed;
@@ -9551,7 +9551,7 @@ a.slds-button--inverse:focus{
 }
 .slds-file-selector__dropzone{
   padding:0.125rem;
-  border:1px dashed var(--slds-g-color-border-base-1, #e5e5e5);
+  border:1px dashed var(--slds-g-color-border-base-4, #e5e5e5);
   border-radius:0.25rem;
 }
 .slds-file-selector__dropzone.slds-has-drag-over{
@@ -9566,12 +9566,12 @@ a.slds-button--inverse:focus{
           box-shadow:0 0 3px #0176d3;
 }
 .slds-file-selector__input[disabled] ~ .slds-file-selector__body{
-  color:var(--slds-g-color-neutral-base-80, #c9c9c9);
+  color:var(--slds-g-color-neutral-base-10, #c9c9c9);
 }
 .slds-file-selector__input[disabled] ~ .slds-file-selector__body > .slds-file-selector__button{
   background:var(--slds-g-color-neutral-base-95, #f3f3f3);
   border-color:var(--slds-g-color-neutral-base-80, rgba(0, 0, 0, 0));
-  color:var(--slds-g-color-neutral-base-100, white);
+  color:var(--slds-g-color-neutral-base-30, white);
 }
 .slds-file-selector__input[disabled] ~ .slds-file-selector__body > .slds-file-selector__body-icon{
   fill:currentColor;
@@ -10990,7 +10990,7 @@ a.slds-button--inverse:focus{
 }
 .slds-popover_walkthrough .slds-text-title,
 .slds-popover--walkthrough .slds-text-title{
-  color:var(--slds-g-color-neutral-base-80, #c9c9c9);
+  color:var(--slds-g-color-neutral-base-100, #c9c9c9);
 }
 .slds-popover_walkthrough .slds-input,
 .slds-popover_walkthrough .slds-select,
@@ -11093,7 +11093,7 @@ a.slds-button--inverse:focus{
 }
 .slds-popover_warning .slds-popover__header{
   background-color:var(--slds-g-color-warning-base-60, #fe9339);
-  color:var(--slds-g-color-neutral-base-20, #2b2826);
+  color:var(--slds-g-color-neutral-base-10, #2b2826);
 }
 .slds-popover_warning .slds-popover__header .slds-icon{
   fill:currentColor;
@@ -11875,7 +11875,7 @@ input[readonly][role=combobox][disabled]{
   vertical-align:middle;
 }
 .slds-listbox__option[aria-disabled=true]{
-  color:var(--slds-g-color-neutral-base-80, #c9c9c9);
+  color:var(--slds-g-color-neutral-base-50, #c9c9c9);
 }
 .slds-listbox__option-header{
   font-size:0.875rem;
@@ -14934,7 +14934,7 @@ input[readonly][role=combobox][disabled]{
 }
 .slds-visual-picker input[disabled] ~ label .slds-visual-picker__figure{
   border-color:var(--slds-g-color-border-base-1, #c9c9c9);
-  background-color:var(--slds-g-color-neutral-base-80, #f3f3f3);
+  background-color:var(--slds-g-color-neutral-base-95, #f3f3f3);
   -webkit-box-shadow:none;
           box-shadow:none;
 }
@@ -15209,6 +15209,12 @@ input[readonly][role=combobox][disabled]{
   font-weight:700;
   color:var(--slds-c-pill-error-text-color, var(--sds-c-pill-error-text-color, var(--slds-g-color-error-base-40, #ea001e)));
 }
+.slds-has-error:hover{
+  --slds-c-pill-error-text-color:var(--slds-g-color-error-base-30, #ea001e);
+}
+.slds-has-error:hover .slds-pill__icon_container .slds-icon-text-error{
+  --slds-c-icon-color-foreground:var(--slds-g-color-error-base-30, #ea001e);
+}
 
 .slds-wizard{
   position:relative;
@@ -16430,7 +16436,7 @@ input[readonly][role=combobox][disabled]{
 }
 .slds-progress__item.slds-is-completed .slds-progress__marker, .slds-progress__item.slds-is-active .slds-progress__marker{
   background:var(--slds-g-color-neutral-base-100, white);
-  border-color:var(--slds-g-color-brand-base-60, #1b96ff);
+  border-color:var(--slds-g-color-brand-base-50, #1b96ff);
 }
 .slds-progress__item.slds-is-completed .slds-progress__marker_icon, .slds-progress__item.slds-is-completed .slds-progress__marker--icon{
   border-color:var(--slds-g-color-neutral-base-100, white);
@@ -17304,7 +17310,7 @@ input[readonly][role=combobox][disabled]{
 .slds-spinner__dot-b:after{
   content:"";
   position:absolute;
-  background:var(--slds-g-color-neutral-base-60, #aeaeae);
+  background:var(--slds-g-color-neutral-base-50, #aeaeae);
   border-radius:50%;
   -webkit-animation-duration:1000ms;
           animation-duration:1000ms;
@@ -18139,7 +18145,7 @@ input[readonly][role=combobox][disabled]{
 }
 .slds-split-view__list-item .slds-indicator_unread,
 .slds-split-view__list-item .slds-indicator--unread{
-  background:var(--slds-g-color-brand-base-60, #1b96ff);
+  background:var(--slds-g-color-brand-base-50, #1b96ff);
 }
 .slds-indicator_unread,
 .slds-indicator--unread{
@@ -18181,7 +18187,7 @@ input[readonly][role=combobox][disabled]{
   width:0.75rem;
   background:var(--slds-g-color-neutral-base-100, white);
   border-radius:0;
-  border:1px solid var(--slds-g-color-neutral-base-80, #e5e5e5);
+  border:1px solid var(--slds-g-color-neutral-base-50, #e5e5e5);
 }
 .slds-split-view__toggle-button:hover, .slds-split-view__toggle-button:focus{
   background:var(--slds-g-color-neutral-base-100, white);
@@ -18444,6 +18450,7 @@ input[readonly][role=combobox][disabled]{
   color:var(--slds-c-tabs-item-text-color, var(--sds-c-tabs-item-text-color, var(--slds-g-color-neutral-base-30, #444444)));
   -webkit-box-shadow:none;
           box-shadow:none;
+  --slds-c-button-color-border-active:transparent;
 }
 .slds-tabs_default__overflow-button .slds-button:focus{
   text-decoration:underline;
@@ -21048,6 +21055,9 @@ input[readonly][role=combobox][disabled]{
 .slds-cell-edit__button:focus .slds-button__icon_edit, .slds-cell-edit__button:focus .slds-button__icon--edit{
   opacity:1;
 }
+.slds-cell-edit__button[disabled], .slds-cell-edit__button:disabled{
+  color:var(--slds-g-color-neutral-base-50, #747474);
+}
 .slds-no-cell-focus .slds-has-focus{
   background:var(--slds-g-color-neutral-base-95, #f3f3f3);
   -webkit-box-shadow:none;