@aurora-ds/components 1.9.1 → 1.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cjs/index.js CHANGED
@@ -285,13 +285,20 @@ const COLLAPSED_DRAWER_WIDTH = 58;
285
285
  * (Box `px="sm"` → theme.spacing.sm = 0.5rem = 8px).
286
286
  */
287
287
  const DRAWER_BODY_HORIZONTAL_PADDING = 8;
288
+ /**
289
+ * The drawer root has `borderRight: 1px solid` with `box-sizing: border-box`,
290
+ * so the 1px border is consumed from the declared width, reducing the inner
291
+ * content area by 1px. We subtract it here so the item widths stay flush.
292
+ */
293
+ const DRAWER_BORDER_WIDTH = 1;
288
294
  /**
289
295
  * DrawerItem widths (px), always derived from the drawer width minus the body
290
- * horizontal padding. Using explicit widths (instead of `width: 100%`) lets the
291
- * item animate its own width in sync with the drawer for a smooth transition.
296
+ * horizontal padding and the drawer border. Using explicit widths (instead of
297
+ * `width: 100%`) lets the item animate its own width in sync with the drawer
298
+ * for a smooth transition.
292
299
  */
293
- const EXPANDED_DRAWER_ITEM_WIDTH = EXPANDED_DRAWER_WIDTH - DRAWER_BODY_HORIZONTAL_PADDING * 2; // 264
294
- const COLLAPSED_DRAWER_ITEM_WIDTH = COLLAPSED_DRAWER_WIDTH - DRAWER_BODY_HORIZONTAL_PADDING * 2; // 44
300
+ const EXPANDED_DRAWER_ITEM_WIDTH = EXPANDED_DRAWER_WIDTH - DRAWER_BODY_HORIZONTAL_PADDING * 2 - DRAWER_BORDER_WIDTH; // 223
301
+ const COLLAPSED_DRAWER_ITEM_WIDTH = COLLAPSED_DRAWER_WIDTH - DRAWER_BODY_HORIZONTAL_PADDING * 2 - DRAWER_BORDER_WIDTH; // 41
295
302
 
296
303
  /**
297
304
  * Width of the focus ring outline. Kept thick enough to be clearly visible