fix: rename preview to unstable (#20530)

Author: maradwan26

packages/react/src/components/Slider/Slider.stories.js

@@ -39,7 +39,7 @@ Default.argTypes = {
   ariaLabelInput: {
     control: { type: 'text' },
   },
-  preview_ariaLabelInputUpper: {
+  unstable_ariaLabelInputUpper: {
     control: { type: 'text' },
   },
   light: {
@@ -98,7 +98,7 @@ Default.argTypes = {
   name: {
     control: { type: 'text' },
   },
-  preview_nameUpper: {
+  unstable_nameUpper: {
     control: { type: 'text' },
   },
   readOnly: {
@@ -120,7 +120,7 @@ Default.argTypes = {
   value: {
     control: { type: 'number' },
   },
-  preview_valueUpper: {
+  unstable_valueUpper: {
     control: { type: 'number' },
   },
   onBlur: {
@@ -157,7 +157,7 @@ Default.argTypes = {
 
 Default.args = {
   ariaLabelInput: 'Lower bound',
-  preview_ariaLabelInputUpper: 'Upper bound',
+  unstable_ariaLabelInputUpper: 'Upper bound',
   disabled: false,
   hideTextInput: false,
   invalid: false,
@@ -169,7 +169,7 @@ Default.args = {
   step: 5,
   stepMultiplier: 5,
   value: 50,
-  preview_valueUpper: undefined,
+  unstable_valueUpper: undefined,
   warn: false,
   warnText: 'Warning message goes here',
 };
@@ -273,10 +273,10 @@ export const TwoHandleSlider = () => {
   return (
     <Slider
       ariaLabelInput="Lower bound"
-      preview_ariaLabelInputUpper="Upper bound"
+      unstable_ariaLabelInputUpper="Upper bound"
       labelText="Slider label"
       value={10}
-      preview_valueUpper={90}
+      unstable_valueUpper={90}
       min={0}
       max={100}
       step={1}
@@ -290,10 +290,10 @@ export const TwoHandleSliderWithHiddenInputs = () => {
   return (
     <Slider
       ariaLabelInput="Lower bound"
-      preview_ariaLabelInputUpper="Upper bound"
+      unstable_ariaLabelInputUpper="Upper bound"
       labelText="Slider label"
       value={10}
-      preview_valueUpper={90}
+      unstable_valueUpper={90}
       min={0}
       max={100}
       step={1}