fix(createtearsheet): narrow missing prop update

carbon-design-system · Jan 6, 2025 · 24e4cfd · 24e4cfd
1 parent 8c13de3
commit 24e4cfd
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 8 deletions.
diff --git a/packages/ibm-products/src/components/CreateTearsheet/CreateTearsheet.stories.jsx b/packages/ibm-products/src/components/CreateTearsheet/CreateTearsheet.stories.jsx
@@ -47,9 +47,6 @@ const createTearsheetProps = {
   className: 'test-class-name',
   label: '',
   influencerWidth: 'narrow',
-  selectorPrimaryFocus: '#tearsheet-multi-step-story-text-input-multi-step-1',
-  slug: 0,
-  decorator: 1,
 };
 
 export const multiStepTearsheet = MultiStepTearsheet.bind({});

diff --git a/packages/ibm-products/src/components/CreateTearsheetNarrow/CreateTearsheetNarrow.stories.jsx b/packages/ibm-products/src/components/CreateTearsheetNarrow/CreateTearsheetNarrow.stories.jsx
@@ -57,8 +57,6 @@ const defaultStoryProps = {
   secondaryButtonText: 'Cancel',
   label: 'Test label',
   selectorPrimaryFocus: '#tearsheet-narrow-story-text-input--1',
-  slug: 0,
-  decorator: 1,
 };
 
 const Template = ({ slug, decorator, ...args }, context) => {
@@ -164,7 +162,7 @@ const Template = ({ slug, decorator, ...args }, context) => {
   );
 };
 
-const WithValidationTemplate = ({ slug, ...args }, context) => {
+const WithValidationTemplate = ({ slug, decorator, ...args }, context) => {
   const [open, setOpen] = useState(context.viewMode !== 'docs');
   const [topicName, setTopicName] = useState('');
   const [partitionCount, setPartitionCount] = useState(1);

diff --git a/packages/ibm-products/src/global/js/story-parts/decorator.jsx b/packages/ibm-products/src/global/js/story-parts/decorator.jsx
@@ -54,7 +54,7 @@ export const sampleDecorator = (decorator) => {
 };
 
 export const decoratorArgTypes = ({
-  _default = 0,
+  _default = 1,
   withHollow = false,
 } = {}) => {
   const decorator = {
@@ -77,7 +77,7 @@ export const decoratorArgTypes = ({
   return { decorator };
 };
 
-export const slugArgTypes = ({ _default = 0, withHollow = false } = {}) => {
+export const slugArgTypes = ({ _default = 1, withHollow = false } = {}) => {
   const slug = {
     control: {
       type: 'select',