@eui/styles 21.0.0-rc.2 → 21.0.0-rc.3

package/dist/base/01-base/functions/_color.functions.scss

@@ -57,6 +57,15 @@
 // method 1 check here : very accurate contrast compared to chrome extension contrast checker tool
 // https://gist.github.com/isGabe/8959422
 
+@function get-rgb-transformer($rgb) {
+    @if ($rgb < .03928) {
+        @return calc($rgb / 12.92);
+    } @else {
+        @return math.pow(math.div($rgb + .055, 1.055), 2.4);
+    }
+}
+
+
 @function color_luminance($color) {
     // Adapted from: https://github.com/LeaVerou/contrast-ratio/blob/gh-pages/color.js
     // Formula: http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
@@ -64,16 +73,16 @@
     $rgba2: (
     );
 
-@for $i from 1 through 3 {
-    $rgb: nth($rgba, $i);
-    $rgb: calc($rgb / 255);
+    @for $i from 1 through 3 {
+        $rgb: nth($rgba, $i);
+        $rgb: calc($rgb / 255);
 
-    $rgb: if($rgb < .03928, calc($rgb / 12.92), math.pow(math.div($rgb + .055, 1.055), 2.4));
+        $rgb: get-rgb-transformer($rgb);
 
-    $rgba2: append($rgba2, $rgb);
-}
+        $rgba2: append($rgba2, $rgb);
+    }
 
-@return .2126 * nth($rgba2, 1)+.7152 * nth($rgba2, 2)+0.0722 * nth($rgba2, 3);
+    @return .2126 * nth($rgba2, 1)+.7152 * nth($rgba2, 2)+0.0722 * nth($rgba2, 3);
 }
 
 @function calculate-contrast($color1, $color2) {
@@ -102,6 +111,10 @@
 }
 
 @function shift-color($color, $weight) {
-  @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));
+    @if $weight > 0 {
+        @return shade-color($color, $weight);
+    } @else {
+        @return tint-color($color, -$weight);
+    }
 }
 

package/dist/base/02-tokens/colors-extra-palettes.scss

@@ -295,10 +295,10 @@ $color-map-extra: (
 
     'ecl-orange': (
         50: #fff3e9,
-        100: #ffdbba,
-        200: #ffc998,
-        300: #ffb16a,
-        400: #ffa14d,
+        100: #ffe9d6,
+        200: #ffdbba,
+        300: #ffc998,
+        400: #ffb16a,
         500: #ff8a20,
         600: #e87e1d,
         700: #b56217,
@@ -309,10 +309,10 @@ $color-map-extra: (
 
     'ecl-purple': (
         50: #f4effb,
-        100: #ddcdf3,
-        200: #ccb5ee,
-        300: #b594e6,
-        400: #a67fe1,
+        100: #ebe1f8,
+        200: #ddcdf3,
+        300: #ccb5ee,
+        400: #b594e6,
         500: #905fd9,
         600: #8356c5,
         700: #66439a,