@equinor/eds-core-react 0.20.0 → 0.20.1-dev.20220609

package/dist/eds-core-react.cjs.js

@@ -5897,17 +5897,11 @@ const Slider = /*#__PURE__*/react.forwardRef(function Slider(_ref10, ref) {
     inputId = "".concat(overrideId, "-thumb");
   }
 
-  const getAriaLabelledby = () => {
+  const getAriaLabelledby = react.useCallback(() => {
     if (ariaLabelledbyNative) return ariaLabelledbyNative;
-
-    if (ariaLabelledby) {
-      console.warn('Slider: The "ariaLabelledby" prop is deprecated and will be removed in a future version of EDS, please use the native "aria-labelledby" instead');
-      return ariaLabelledby;
-    }
-
+    if (ariaLabelledby) return ariaLabelledby;
     return null;
-  };
-
+  }, [ariaLabelledbyNative, ariaLabelledby]);
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: isRangeSlider ? /*#__PURE__*/jsxRuntime.jsxs(RangeWrapper, { ...rest,
       ref: ref,

package/dist/esm/components/Slider/Slider.js

@@ -1,4 +1,4 @@
-import { forwardRef, useState, useEffect, useRef } from 'react';
+import { forwardRef, useState, useEffect, useRef, useCallback } from 'react';
 import styled, { css } from 'styled-components';
 import { slider } from './Slider.tokens.js';
 import { MinMax } from './MinMax.js';
@@ -198,17 +198,11 @@ const Slider = /*#__PURE__*/forwardRef(function Slider(_ref10, ref) {
     inputId = "".concat(overrideId, "-thumb");
   }
 
-  const getAriaLabelledby = () => {
+  const getAriaLabelledby = useCallback(() => {
     if (ariaLabelledbyNative) return ariaLabelledbyNative;
-
-    if (ariaLabelledby) {
-      console.warn('Slider: The "ariaLabelledby" prop is deprecated and will be removed in a future version of EDS, please use the native "aria-labelledby" instead');
-      return ariaLabelledby;
-    }
-
+    if (ariaLabelledby) return ariaLabelledby;
     return null;
-  };
-
+  }, [ariaLabelledbyNative, ariaLabelledby]);
   return /*#__PURE__*/jsx(Fragment, {
     children: isRangeSlider ? /*#__PURE__*/jsxs(RangeWrapper, { ...rest,
       ref: ref,

package/dist/types/components/Slider/Slider.d.ts

@@ -1,6 +1,9 @@
 import { HTMLAttributes, MouseEvent, KeyboardEvent, ChangeEvent } from 'react';
 export declare type SliderProps = {
-    /** Id for the elements that labels this slider (NOTE: will be deprecated and removed in a future version of EDS, please use the native aria-labelledby instead) */
+    /**
+     * Id for the elements that labels this slider
+     * @deprecated  Use the `aria-labelledby` instead
+     * */
     ariaLabelledby?: string;
     /** Components value, range of numbers */
     value: number[] | number;
@@ -24,7 +27,10 @@ export declare type SliderProps = {
     disabled?: boolean;
 } & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
 export declare const Slider: import("react").ForwardRefExoticComponent<{
-    /** Id for the elements that labels this slider (NOTE: will be deprecated and removed in a future version of EDS, please use the native aria-labelledby instead) */
+    /**
+     * Id for the elements that labels this slider
+     * @deprecated  Use the `aria-labelledby` instead
+     * */
     ariaLabelledby?: string;
     /** Components value, range of numbers */
     value: number[] | number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-core-react",
-  "version": "0.20.0",
+  "version": "0.20.1-dev.20220609",
   "description": "The React implementation of the Equinor Design System",
   "sideEffects": [
     "**/*.css"