@arcgis/core 4.23.0-next.20220124 → 4.23.0-next.20220126

package/assets/esri/themes/base/widgets/_TableList.scss

@@ -77,9 +77,10 @@
     animation: esri-fade-in-down 250ms ease-in-out;
     transform-origin: center top;
   }
-  .esri-table-list__item-error-message [class^="esri-icon-"],
-  .esri-table-list__item-error-message [class*="esri-icon-"] {
-    margin-right: 0.3rem;
+  .esri-table-list__item-error-message {
+    @include icomoonIconSelector() {
+      margin-right: 0.3rem;
+    }
   }
   .esri-table-list__item--error {
     .esri-table-list__item-error-message {
@@ -267,10 +268,11 @@
     .esri-table-list__item:after {
       animation: looping-progresss-bar-ani $looping-progress-bar-params reverse;
     }
-    .esri-table-list__item-error-message [class^="esri-icon-"],
-    .esri-table-list__item-error-message [class*="esri-icon-"] {
-      margin-right: 0;
-      margin-left: 0.3rem;
+    .esri-table-list__item-error-message {
+      @include icomoonIconSelector() {
+        margin-right: 0;
+        margin-left: 0.3rem;
+      }
     }
     .esri-table-list__item--selectable .esri-table-list__item-container {
       border-left: none;

package/assets/esri/themes/base/widgets/_Weather.scss

@@ -18,6 +18,18 @@
       gap: $side-spacing--half;
     }
 
+    &__error {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      gap: $side-spacing--half;
+      font-size: $font-size--small;
+
+      calcite-icon {
+        color: var(--calcite-ui-warning);
+      }
+    }
+
     &__coverage-slider calcite-slider {
       margin: -7px; // Align slider to the buttons, header, etc
     }

package/assets/esri/themes/base/widgets/_Widget.scss

@@ -180,8 +180,10 @@
       background-color: $background-color--active;
       border-left-color: $border-color--active;
     }
-    &__list-item [class^="esri-icon"] {
-      padding-right: $font-size * 0.2;
+    &__list-item {
+      @include icomoonIconSelector() {
+        padding-right: $font-size * 0.2;
+      }
     }
   }
 
@@ -331,12 +333,12 @@
       font-size: $font-size;
       font-family: $font-family;
     }
-    [class*="esri-icon"] {
+    @include icomoonIconSelector() {
       padding: 0 $side-spacing--half;
     }
   }
 
-  [class*="esri-icon"] {
+  @include icomoonIconSelector() {
     font-size: $icon-size;
     display: inline-block;
   }
@@ -397,12 +399,17 @@
 
   // Disabled
   .esri-disabled a,
-  .esri-disabled [class*="esri-icon"],
   .esri-disabled [role="menu"],
   .esri-disabled [role="checkbox"] {
     color: $interactive-font-color--disabled;
   }
 
+  .esri-disabled {
+    @include icomoonIconSelector() {
+      color: $interactive-font-color--disabled;
+    }
+  }
+
   .keynav-mode {
     .esri-widget {
       //  Saving this for when we can toggle a key-nav class
@@ -548,9 +555,11 @@
     .esri-select {
       background-position: left 50%;
     }
-    .esri-menu__list-item [class^="esri-icon"] {
-      padding-right: 0;
-      padding-left: floor($font-size * 0.2);
+    .esri-menu__list-item {
+      @include icomoonIconSelector() {
+        padding-right: 0;
+        padding-left: floor($font-size * 0.2);
+      }
     }
     .esri-menu__list-item {
       border-left: none;
@@ -573,7 +582,7 @@
     width: 1px;
   }
 
-  [class^="esri-icon"] {
+  @include icomoonIconSelector() {
     // fixes IE11 bug where animation will continue after animation class is removed
     // https://devtopia.esri.com/WebGIS/arcgis-js-api/issues/4784
     animation: none;