feat: allow grid offset and start reset (carbon-design-system#16479)

* feat: allow grid offset and start reset * chore(storybook): remove unneeded example stories --------- Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com> Co-authored-by: Alison Joseph <alison.joseph@us.ibm.com>
2nikhiltom · Sep 3, 2024 · 3fcf739 · 3fcf739
1 parent ef5aa57
commit 3fcf739
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/packages/react/src/components/Grid/Column.tsx b/packages/react/src/components/Grid/Column.tsx
@@ -385,12 +385,16 @@ function getClassNameForBreakpoints(
     if (typeof breakpoint === 'object') {
       const { span, offset, start, end } = breakpoint;
 
-      if (typeof offset === 'number' && offset > 0) {
-        classNames.push(`${prefix}--${name}:col-start-${offset + 1}`);
+      if (typeof offset === 'number') {
+        classNames.push(
+          `${prefix}--${name}:col-start-${offset > 0 ? offset + 1 : 'auto'}`
+        );
       }
 
       if (typeof start === 'number') {
-        classNames.push(`${prefix}--${name}:col-start-${start}`);
+        classNames.push(
+          `${prefix}--${name}:col-start-${start ? start : 'auto'}`
+        );
       }
 
       if (typeof end === 'number') {