fix(AILabel): make changes based on review

carbon-design-system · Jul 16, 2024 · d342655 · d342655
1 parent a377644
commit d342655
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 13 deletions.
diff --git a/packages/react/src/components/AILabel/AILabelDatatable.mdx b/packages/react/src/components/AILabel/AILabelDatatable.mdx
@@ -1,4 +1,4 @@
-import { ArgsTable, Canvas, Story } from '@storybook/blocks';
+import { Story, ArgsTable, Canvas, Meta } from '@storybook/blocks';
 import { AILabel, AILabelContent, AILabelActions } from '.';
 import * as AILabelStories from '../DataTable/stories/DataTable-ai-label.stories';
 
@@ -24,8 +24,11 @@ import * as AILabelStories from '../DataTable/stories/DataTable-ai-label.stories
 The `DataTable` supports placing a `slug` in both the column header and row.
 
 <Canvas>
-  <Story of={AILabelStories.ColumnAILabelWithSelectionAndExpansion} />
-  <Story of={AILabelStories.AILabelWithSelection} />
+  <Story id="components-datatable-withailabel--column-ai-label-with-selection-and-expansion" />
+</Canvas>
+
+<Canvas>
+  <Story id="components-datatable-withailabel--ai-label-with-selection" />
 </Canvas>
 
 ## AILabel anatomy

diff --git a/packages/react/src/components/AISkeleton/AISkeletonIcon.stories.js b/packages/react/src/components/AISkeleton/AISkeletonIcon.stories.js
@@ -12,7 +12,7 @@ import React from 'react';
 import AISkeletonIcon from './AISkeletonIcon';
 
 export default {
-  title: 'Components/Skeleton',
+  title: 'Components/Skeleton/AISkeleton',
   component: AISkeletonIcon,
 };
 

diff --git a/packages/react/src/components/AISkeleton/AISkeletonPlaceholder.stories.js b/packages/react/src/components/AISkeleton/AISkeletonPlaceholder.stories.js
@@ -12,7 +12,7 @@ import React from 'react';
 import AISkeletonPlaceholder from './AISkeletonPlaceholder';
 
 export default {
-  title: 'Components/Skeleton',
+  title: 'Components/Skeleton/AISkeleton',
   component: AISkeletonPlaceholder,
 };
 

diff --git a/packages/react/src/components/AISkeleton/AISkeletonText.stories.js b/packages/react/src/components/AISkeleton/AISkeletonText.stories.js
@@ -12,7 +12,7 @@ import React from 'react';
 import AISkeletonText from './AISkeletonText';
 
 export default {
-  title: 'Components/Skeleton',
+  title: 'Components/Skeleton/AISkeleton',
   component: AISkeletonText,
 };
 

diff --git a/packages/styles/scss/components/slug/_slug.scss b/packages/styles/scss/components/slug/_slug.scss
@@ -97,13 +97,6 @@ $sizes: (
     box-shadow: inset 0 0 0 1px $focus;
   }
 
-  .#{$prefix}--slug
-    .#{$prefix}--slug__button.#{$prefix}--slug__button--mini:focus,
-  .#{$prefix}--slug
-    .#{$prefix}--slug__button.#{$prefix}--slug__button--2xs:focus {
-    box-shadow: none;
-  }
-
   .#{$prefix}--slug .#{$prefix}--slug__button:hover {
     background: $border-inverse;
     color: $text-inverse;