chore: update biomejs

Author: TheSisb

.changeset/lucky-birds-begin.md

@@ -0,0 +1,18 @@
+---
+"@twilio-paste/badge": patch
+"@twilio-paste/combobox": patch
+"@twilio-paste/core": patch
+"@twilio-paste/inline-control-group": patch
+"@twilio-paste/page-header": patch
+"@twilio-paste/status": patch
+"@twilio-paste/box": patch
+"@twilio-paste/menu-primitive": patch
+"@twilio-paste/text": patch
+"@twilio-paste/customization": patch
+"@twilio-paste/data-visualization-library": patch
+"@twilio-paste/react-textarea-autosize-library": patch
+"@twilio-paste/styling-library": patch
+"@twilio-paste/theme": patch
+---
+
+chore: code formatting updates; no material changes applied

biome.json

@@ -54,20 +54,20 @@
   "formatter": {
     "enabled": true,
     "indentStyle": "space",
-    "indentSize": 2,
+    "indentWidth": 2,
     "lineWidth": 120
   },
   "javascript": {
     "formatter": {
       "indentStyle": "space",
-      "indentSize": 2,
+      "indentWidth": 2,
       "lineWidth": 120
     }
   },
   "json": {
     "formatter": {
       "indentStyle": "space",
-      "indentSize": 2,
+      "indentWidth": 2,
       "lineWidth": 120
     }
   }

cypress/support/commands/parent-commands.ts

@@ -53,10 +53,7 @@ Cypress.Commands.add("checkInPageNavigationLinks", () => {
   cy.get("@pageAsideAnchors").then((anchors) => {
     cy.get("@anchoredHeadings").each((anchor, idx) => {
       cy.wrap(anchor).should("have.attr", "href").and("include", "#");
-      cy.wrap(anchors[idx])
-        .should("have.attr", "href")
-        .and("include", "#")
-        .and("eql", anchor.attr("href"));
+      cy.wrap(anchors[idx]).should("have.attr", "href").and("include", "#").and("eql", anchor.attr("href"));
     });
   });
 });

package.json

@@ -80,7 +80,7 @@
     "lint:repo": "eslint -c .eslintrc.repo.js --ext .tsx,.ts .",
     "format": "biome format ./ && prettier --list-different ./packages/",
     "format:write": "biome format ./ --write && prettier ./ --write",
-    "format:ci": "biome ci ./ --linter-enabled=false && prettier --list-different ./packages/",
+  "format:ci": "biome ci ./ --linter-enabled=false && prettier --list-different ./packages/",
     "type-check": "yarn prebuild && yarn nx run-many --target=tsc",
     "tsc": "echo 'Did you mean to run yarn type-check?'",
     "chromatic": "chromatic",
@@ -103,7 +103,7 @@
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.4",
     "@babel/types": "^7.21.4",
-    "@biomejs/biome": "1.2.2",
+    "@biomejs/biome": "^1.6.3",
     "@changesets/changelog-github": "^0.2.8",
     "@changesets/cli": "^2.13.1",
     "@commitlint/cli": "16.2.1",

packages/paste-core/components/badge/src/styles.ts

@@ -21,7 +21,7 @@ export const badgeBaseStyles: BoxStyleProps = {
 };
 
 export const badgeVariantStyles: {
-  [key in typeof BadgeVariants[number]]: {
+  [key in (typeof BadgeVariants)[number]]: {
     backgroundColor: BoxStyleProps["backgroundColor"];
     color: BoxStyleProps["color"];
     borderRadius?: BoxStyleProps["borderRadius"];
@@ -121,7 +121,7 @@ export const badgeVariantStyles: {
 };
 
 export const badgeButtonStyles: {
-  [key in typeof BadgeVariants[number]]: {
+  [key in (typeof BadgeVariants)[number]]: {
     boxShadow: BoxStyleProps["boxShadow"];
   };
 } = {
@@ -186,7 +186,7 @@ export const badgeAnchorStyles: BoxStyleProps = {
   _focus: { textDecoration: "none", boxShadow: "shadowFocus" },
 };
 
-export const getBadgeButtonStyles = (variant: typeof BadgeVariants[number]): BoxStyleProps => {
+export const getBadgeButtonStyles = (variant: (typeof BadgeVariants)[number]): BoxStyleProps => {
   const variantButtonStyle = badgeButtonStyles[variant];
   return {
     ...variantButtonStyle,

packages/paste-core/components/badge/src/types.ts

@@ -13,7 +13,7 @@ export type BadgeBaseProps = {
    * @type {BadgeVariants}
    * @memberof BadgeBaseProps
    */
-  variant: typeof BadgeVariants[number];
+  variant: (typeof BadgeVariants)[number];
   /**
    *
    * @default "default"

packages/paste-core/components/badge/stories/customization.stories.tsx

@@ -10,7 +10,7 @@ import * as React from "react";
 import { Badge } from "../src";
 import type { BadgeVariants } from "../src/constants";
 
-export const makeBadge = (variant: typeof BadgeVariants[number], element?: string): React.ReactElement => (
+export const makeBadge = (variant: (typeof BadgeVariants)[number], element?: string): React.ReactElement => (
   <Badge as="span" element={element} variant={variant} data-testid={`${variant}_badge`}>
     HelloWorld
   </Badge>
@@ -38,7 +38,7 @@ export const getStyles = (element = "BADGE"): { [key: string]: PasteCustomCSS }
 };
 
 const CustomizationWrapper: React.FC<
-  React.PropsWithChildren<{ variant: typeof BadgeVariants[number]; isTestEnvironment: boolean }>
+  React.PropsWithChildren<{ variant: (typeof BadgeVariants)[number]; isTestEnvironment: boolean }>
 > = ({ variant, isTestEnvironment }): React.ReactElement => {
   const theme = useTheme();
   const customElement = "FOO";

packages/paste-core/components/combobox/__tests__/virtualization.spec.tsx

@@ -3,7 +3,7 @@ import { render, screen } from "@testing-library/react";
 import type { RenderOptions } from "@testing-library/react";
 import { CustomizationProvider } from "@twilio-paste/customization";
 import * as React from "react";
-import type { VirtualItem, useVirtual as UseVirtual } from "react-virtual/types";
+import type { useVirtual as UseVirtual, VirtualItem } from "react-virtual/types";
 
 import { Combobox } from "../src";
 

packages/paste-core/components/combobox/src/styles/ComboboxListboxOption.tsx

@@ -104,9 +104,9 @@ const ComboboxListboxOption = React.forwardRef<HTMLLIElement, ComboboxListboxOpt
           highlighted
             ? "colorTextPrimary"
             : // eslint-disable-next-line unicorn/no-nested-ternary
-            selected
-            ? "colorTextPrimary"
-            : "colorText"
+              selected
+              ? "colorTextPrimary"
+              : "colorText"
         }
         display="flex"
         justifyContent="space-between"

packages/paste-core/components/inline-control-group/__tests__/inlineControlGroup.test.tsx

@@ -1,4 +1,4 @@
-import { render as testRender, screen } from "@testing-library/react";
+import { screen, render as testRender } from "@testing-library/react";
 import { CustomizationProvider } from "@twilio-paste/customization";
 import * as React from "react";