chore(AISkeleton): rename AiSkeleton to AISkeleton

packages/react/src/components/AiSkeleton/AiSkeletonIcon.stories.js → packages/react/src/components/AISkeleton/AISkeletonIcon.stories.js

@@ -9,11 +9,11 @@
 
 import React from 'react';
 
-import AiSkeletonIcon from './AiSkeletonIcon';
+import AISkeletonIcon from './AISkeletonIcon';
 
 export default {
-  title: 'Experimental/unstable__AiSkeleton/AiSkeletonIcon',
-  component: AiSkeletonIcon,
+  title: 'Components/Skeleton',
+  component: AISkeletonIcon,
 };
 
 const propsSkeleton = {
@@ -30,9 +30,9 @@ const propsSkeleton2 = {
   },
 };
 
-export const Default = () => (
+export const _AISkeletonIcon = () => (
   <>
-    <AiSkeletonIcon {...propsSkeleton} />
-    <AiSkeletonIcon {...propsSkeleton2} />
+    <AISkeletonIcon {...propsSkeleton} />
+    <AISkeletonIcon {...propsSkeleton2} />
   </>
 );

packages/react/src/components/AiSkeleton/AiSkeletonIcon.tsx → packages/react/src/components/AISkeleton/AISkeletonIcon.tsx

@@ -11,7 +11,7 @@ import classNames from 'classnames';
 import { usePrefix } from '../../internal/usePrefix';
 import { SkeletonIcon } from '../SkeletonIcon';
 
-interface AiSkeletonIconProps {
+interface AISkeletonIconProps {
   /**
    * Specify an optional className to add.
    */
@@ -23,16 +23,16 @@ interface AiSkeletonIconProps {
   style?: React.CSSProperties;
 }
 
-const AiSkeletonIcon = ({ className, ...rest }: AiSkeletonIconProps) => {
+const AISkeletonIcon = ({ className, ...rest }: AISkeletonIconProps) => {
   const prefix = usePrefix();
-  const AiSkeletonIconClasses = classNames(className, {
+  const AISkeletonIconClasses = classNames(className, {
     [`${prefix}--skeleton__icon--ai`]: true,
   });
 
-  return <SkeletonIcon className={AiSkeletonIconClasses} {...rest} />;
+  return <SkeletonIcon className={AISkeletonIconClasses} {...rest} />;
 };
 
-AiSkeletonIcon.propTypes = {
+AISkeletonIcon.propTypes = {
   /**
    * Specify an optional className to add.
    */
@@ -44,4 +44,4 @@ AiSkeletonIcon.propTypes = {
   style: PropTypes.object,
 };
 
-export default AiSkeletonIcon;
+export default AISkeletonIcon;

packages/react/src/components/AiSkeleton/AiSkeletonPlaceholder.stories.js → packages/react/src/components/AISkeleton/AISkeletonPlaceholder.stories.js

@@ -9,11 +9,13 @@
 
 import React from 'react';
 
-import AiSkeletonPlaceholder from './AiSkeletonPlaceholder';
+import AISkeletonPlaceholder from './AISkeletonPlaceholder';
 
 export default {
-  title: 'Experimental/unstable__AiSkeleton/AiSkeletonPlaceholder',
-  component: AiSkeletonPlaceholder,
+  title: 'Components/Skeleton',
+  component: AISkeletonPlaceholder,
 };
 
-export const Default = () => <AiSkeletonPlaceholder className="test" />;
+export const _AISkeletonPlaceholder = () => (
+  <AISkeletonPlaceholder className="test" />
+);

packages/react/src/components/AiSkeleton/AiSkeletonPlaceholder.tsx → packages/react/src/components/AISkeleton/AISkeletonPlaceholder.tsx

@@ -11,34 +11,34 @@ import classNames from 'classnames';
 import { usePrefix } from '../../internal/usePrefix';
 import { SkeletonPlaceholder } from '../SkeletonPlaceholder';
 
-export interface AiSkeletonPlaceholderProps {
+export interface AISkeletonPlaceholderProps {
   /**
    * Add a custom class to the component to set the height and width
    */
   className?: string;
 }
 
-const AiSkeletonPlaceholder = ({
+const AISkeletonPlaceholder = ({
   className,
   ...other
-}: AiSkeletonPlaceholderProps) => {
+}: AISkeletonPlaceholderProps) => {
   const prefix = usePrefix();
-  const AiSkeletonPlaceholderClasses = classNames(
+  const AISkeletonPlaceholderClasses = classNames(
     { className, [`${prefix}--skeleton__placeholder--ai`]: true },
     className
   );
 
   return (
-    <SkeletonPlaceholder className={AiSkeletonPlaceholderClasses} {...other} />
+    <SkeletonPlaceholder className={AISkeletonPlaceholderClasses} {...other} />
   );
 };
 
-AiSkeletonPlaceholder.propTypes = {
+AISkeletonPlaceholder.propTypes = {
   /**
    * Add a custom class to the component
    * to set the height and width
    */
   className: PropTypes.string,
 };
 
-export default AiSkeletonPlaceholder;
+export default AISkeletonPlaceholder;

packages/react/src/components/AISkeleton/AISkeletonText.stories.js

@@ -0,0 +1,19 @@
+/**
+ * Copyright IBM Corp. 2016, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* eslint-disable no-console */
+
+import React from 'react';
+
+import AISkeletonText from './AISkeletonText';
+
+export default {
+  title: 'Components/Skeleton',
+  component: AISkeletonText,
+};
+
+export const _AISkeletonText = () => <AISkeletonText />;

packages/react/src/components/AiSkeleton/AiSkeletonText.tsx → packages/react/src/components/AISkeleton/AISkeletonText.tsx

@@ -11,7 +11,7 @@ import classNames from 'classnames';
 import { usePrefix } from '../../internal/usePrefix';
 import { SkeletonText } from '../SkeletonText';
 
-interface AiSkeletonTextProps {
+interface AISkeletonTextProps {
   /**
    * Specify an optional className to be applied to the container node.
    */
@@ -38,7 +38,7 @@ interface AiSkeletonTextProps {
   width?: string;
 }
 
-const AiSkeletonText = ({ className, ...rest }: AiSkeletonTextProps) => {
+const AISkeletonText = ({ className, ...rest }: AISkeletonTextProps) => {
   const prefix = usePrefix();
   const aiSkeletonTextClasses = classNames(className, {
     [`${prefix}--skeleton__text--ai`]: true,
@@ -47,7 +47,7 @@ const AiSkeletonText = ({ className, ...rest }: AiSkeletonTextProps) => {
   return <SkeletonText className={aiSkeletonTextClasses} {...rest} />;
 };
 
-AiSkeletonText.propTypes = {
+AISkeletonText.propTypes = {
   /**
    * Specify an optional className to be applied to the container node
    */
@@ -70,4 +70,4 @@ AiSkeletonText.propTypes = {
   width: PropTypes.string,
 };
 
-export default AiSkeletonText;
+export default AISkeletonText;

packages/react/src/components/AISkeleton/index.tsx

@@ -0,0 +1,12 @@
+/**
+ * Copyright IBM Corp. 2016, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import AISkeletonPlaceholder from './AISkeletonPlaceholder';
+import AISkeletonIcon from './AISkeletonIcon';
+import AISkeletonText from './AISkeletonText';
+
+export { AISkeletonText, AISkeletonIcon, AISkeletonPlaceholder };