chore: fix import order with biomejs

.danger/__tests__/changesets-that-need-core-check.spec.ts

@@ -1,6 +1,6 @@
 import changesetsThatNeedCoreCheck, {
-  shouldFlagChangeset,
   getChangesetsNotTaggingCore,
+  shouldFlagChangeset,
 } from '../changesets-that-need-core-check';
 
 declare const global: any;

.danger/__tests__/missing-upgrade-guide-check.spec.ts

@@ -1,4 +1,4 @@
-import missingUpgradeGuideCheck, { UPGRADE_GUIDE_PAGE_FILE, FAIL_MESSAGE } from '../missing-upgrade-guide-check';
+import missingUpgradeGuideCheck, { FAIL_MESSAGE, UPGRADE_GUIDE_PAGE_FILE } from '../missing-upgrade-guide-check';
 declare const global: any;
 
 describe('missingUpgradeGuideCheck()', () => {

.danger/__tests__/utils.spec.ts

@@ -1,11 +1,11 @@
 import {
-  getPublicPackages,
-  getRepoPackagePath,
-  getPackagePaths,
-  getPublicPackageFilesFromFiles,
   getChangesetsFromFiles,
   getPackJsonsFromFiles,
   getPackageNameFromPath,
+  getPackagePaths,
+  getPublicPackageFilesFromFiles,
+  getPublicPackages,
+  getRepoPackagePath,
   getUnpublishedPackageNames,
 } from '../utils';
 

.danger/changesets-that-need-core-check.ts

@@ -1,8 +1,8 @@
 import * as fs from 'fs';
-import { getChangesetsFromFiles } from './utils';
 // you kind of have to treat Danger plugins as global?
 // https://danger.systems/js/usage/extending-danger.html#writing-your-plugin
 import { DangerDSLType } from 'danger/distribution/dsl/DangerDSL';
+import { getChangesetsFromFiles } from './utils';
 declare const danger: DangerDSLType;
 export declare function fail(message: string): void;
 

.danger/missing-changesets-check.ts

@@ -1,15 +1,15 @@
 import * as fs from 'fs';
+// you kind of have to treat Danger plugins as global?
+// https://danger.systems/js/usage/extending-danger.html#writing-your-plugin
+import { DangerDSLType } from 'danger/distribution/dsl/DangerDSL';
+import type { PackageShape } from '../tools/utils/getRepoPackages';
 import {
   getChangesetsFromFiles,
-  getPublicPackageFilesFromFiles,
   getPackagePaths,
+  getPublicPackageFilesFromFiles,
   getPublicPackages,
   getUnpublishedPackageNames,
 } from './utils';
-import type { PackageShape } from '../tools/utils/getRepoPackages';
-// you kind of have to treat Danger plugins as global?
-// https://danger.systems/js/usage/extending-danger.html#writing-your-plugin
-import { DangerDSLType } from 'danger/distribution/dsl/DangerDSL';
 declare const danger: DangerDSLType;
 export declare function fail(message: string): void;
 

.danger/missing-upgrade-guide-check.ts

@@ -1,8 +1,8 @@
 import * as fs from 'fs';
-import { getChangesetsFromFiles } from './utils';
 // you kind of have to treat Danger plugins as global?
 // https://danger.systems/js/usage/extending-danger.html#writing-your-plugin
 import { DangerDSLType } from 'danger/distribution/dsl/DangerDSL';
+import { getChangesetsFromFiles } from './utils';
 declare const danger: DangerDSLType;
 export declare function fail(message: string): void;
 

.danger/package-json-check.ts

@@ -1,7 +1,7 @@
-import { getPackJsonsFromFiles } from './utils';
 // you kind of have to treat Danger plugins as global?
 // https://danger.systems/js/usage/extending-danger.html#writing-your-plugin
 import { DangerDSLType } from 'danger/distribution/dsl/DangerDSL';
+import { getPackJsonsFromFiles } from './utils';
 declare const danger: DangerDSLType;
 export declare function warn(message: string): void;
 

.danger/pin-external-deps.ts

@@ -1,5 +1,5 @@
-import { DangerDSLType } from 'danger/distribution/dsl/DangerDSL';
 import fs from 'fs';
+import { DangerDSLType } from 'danger/distribution/dsl/DangerDSL';
 import { getPackJsonsFromFiles } from './utils';
 
 // you kind of have to treat Danger plugins as global?

.storybook/RenderPerformanceProfiler.tsx

@@ -1,6 +1,6 @@
+import isChromatic from 'chromatic';
 /// <reference types="vite/client" />
 import React from 'react';
-import isChromatic from 'chromatic';
 import { version } from '../packages/paste-core/core-bundle/package.json';
 
 const trackRenderPerformance = (data) => {

.storybook/main.ts

@@ -1,7 +1,7 @@
+import path from 'path';
 import type { StorybookConfig } from '@storybook/react-vite';
 import { mergeConfig } from 'vite';
 import turbosnap from 'vite-plugin-turbosnap';
-import path from 'path';
 const config: StorybookConfig = {
   stories: [
     '../packages/**/*.stories.@(js|jsx|ts|tsx|mdx)',

.storybook/preview.tsx

@@ -1,13 +1,13 @@
-import React from 'react';
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
-import isChromatic from 'chromatic';
-import { StylingGlobals } from '@twilio-paste/styling-library';
-import { Theme } from '@twilio-paste/theme';
 import { Box } from '@twilio-paste/box';
+import { Column, Grid } from '@twilio-paste/grid';
 import { Stack } from '@twilio-paste/stack';
-import { Grid, Column } from '@twilio-paste/grid';
-import { RenderPerformanceProfiler } from './RenderPerformanceProfiler';
+import { StylingGlobals } from '@twilio-paste/styling-library';
+import { Theme } from '@twilio-paste/theme';
+import isChromatic from 'chromatic';
+import React from 'react';
 import { SITE_BREAKPOINTS } from '../packages/paste-website/src/constants';
+import { RenderPerformanceProfiler } from './RenderPerformanceProfiler';
 
 // disable animations in test environments
 const isTestEnvironment = isChromatic() || process.env.NODE_ENV === 'test';

apps/vs-code-intellisense/src/extension.ts

@@ -1,12 +1,12 @@
+import camelCase from 'lodash.camelcase';
+import kebabCase from 'lodash.kebabcase';
 // The module 'vscode' contains the VS Code extensibility API
 // Import the module and reference it with the alias vscode in your code below
 import * as vscode from 'vscode';
-import camelCase from 'lodash.camelcase';
-import kebabCase from 'lodash.kebabcase';
 
 import { pasteTokenAttributes } from './tokens';
 import { PasteToken } from './types';
-import { getColorPreview, getThemeSetting, getThemeTokens, remToPx, isColorCategory } from './utils';
+import { getColorPreview, getThemeSetting, getThemeTokens, isColorCategory, remToPx } from './utils';
 
 const DIVIDER = `___\n`;
 

apps/vs-code-intellisense/src/test/suite/index.ts

@@ -1,6 +1,6 @@
 import * as path from 'path';
-import Mocha from 'mocha';
 import glob from 'glob';
+import Mocha from 'mocha';
 
 export function run(): Promise<void> {
   // Create the mocha test

apps/vs-code-intellisense/src/test/suite/utils/get-theme-tokens.test.ts

@@ -1,6 +1,5 @@
 import assert from 'assert';
 
-import { getThemeTokens } from '../../../utils';
 import {
   darkThemeTokens,
   defaultThemeTokens,
@@ -10,6 +9,7 @@ import {
   twilioThemeTokens,
 } from '../../../tokens';
 import { Theme } from '../../../types';
+import { getThemeTokens } from '../../../utils';
 
 suite('getThemeTokens', () => {
   ['Default', 'default', undefined, null, 'foo'].forEach((theme) => {

apps/vs-code-intellisense/src/test/suite/utils/is-color-category.test.ts

@@ -1,7 +1,7 @@
 import assert from 'assert';
 
-import { isColorCategory } from '../../../utils/is-color-category';
 import { TokenCategory } from '../../../types';
+import { isColorCategory } from '../../../utils/is-color-category';
 
 const COLOR_CATEGORIES: TokenCategory[] = ['border-color', 'background-color', 'color', 'text-color'];
 

dangerfile.ts

@@ -1,10 +1,10 @@
-// https://danger.systems/js/reference.html
-import packageJsonCheck from './.danger/package-json-check';
-import missingChangesetsCheck from './.danger/missing-changesets-check';
 import changesetsThatNeedCoreCheck from './.danger/changesets-that-need-core-check';
+import missingChangesetsCheck from './.danger/missing-changesets-check';
 import missingUpgradeGuide from './.danger/missing-upgrade-guide-check';
-import websitePageVrtCheck from './.danger/website-page-vrt-check';
+// https://danger.systems/js/reference.html
+import packageJsonCheck from './.danger/package-json-check';
 import pinExternalDeps from './.danger/pin-external-deps';
+import websitePageVrtCheck from './.danger/website-page-vrt-check';
 import { getRepoPackages } from './tools/utils/getRepoPackages';
 import type { PackageShape } from './tools/utils/getRepoPackages';
 

packages/paste-color-contrast-utils/__tests__/colorContrastPairingUtils.spec.ts

@@ -1,15 +1,15 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore type declaration warning for these token fixtures
+import { tokens } from '../__fixtures__/tokens';
+import * as RawJSON from '../__fixtures__/tokens.raw.json';
+import * as RawExtraJSON from '../__fixtures__/tokensWithExtraPairings.raw.json';
 import {
+  convertRawTokenJSONToArray,
   getContrastRatingForTokenPairing,
+  getTokensWithDataVisualizationContrastRequirements,
   getTokensWithTextContrastRequirements,
   getTokensWithUIControlContrastRequirements,
-  getTokensWithDataVisualizationContrastRequirements,
-  convertRawTokenJSONToArray,
 } from '../src/utils';
-import * as RawJSON from '../__fixtures__/tokens.raw.json';
-import * as RawExtraJSON from '../__fixtures__/tokensWithExtraPairings.raw.json';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore type declaration warning for these token fixtures
-import { tokens } from '../__fixtures__/tokens';
 
 describe('convertRawTokenJSONToArray', () => {
   test('it should convert raw JSON to an array of tokens', () => {

packages/paste-color-contrast-utils/__tests__/themeContrast.spec.ts

@@ -2,13 +2,13 @@ import {
   backgroundColors,
   borderColors,
   borderWidths,
-  radii,
+  boxShadows,
   dataVisualization,
-  fonts,
   fontSizes,
   fontWeights,
+  fonts,
   lineHeights,
-  boxShadows,
+  radii,
   sizings,
   spacings,
   textColors,
@@ -18,55 +18,55 @@ import {
   backgroundColors as darkBackgroundColors,
   borderColors as darkBorderColors,
   borderWidths as darkBorderWidths,
-  radii as darkRadii,
+  boxShadows as darkBoxShadows,
   dataVisualization as darkDataVisualization,
-  fonts as darkFonts,
   fontSizes as darkFontSizes,
   fontWeights as darkFontWeights,
+  fonts as darkFonts,
   lineHeights as darkLineHeights,
-  boxShadows as darkBoxShadows,
+  radii as darkRadii,
   sizings as darkSizings,
   spacings as darkSpacings,
   textColors as darkTextColors,
   zIndices as darkZIndices,
 } from '@twilio-paste/design-tokens/dist/themes/dark/tokens.common';
-import {
-  backgroundColors as twilioBackgroundColors,
-  borderColors as twilioBorderColors,
-  borderWidths as twilioBorderWidths,
-  radii as twilioRadii,
-  dataVisualization as twilioDataVisualization,
-  fonts as twilioFonts,
-  fontSizes as twilioFontSizes,
-  fontWeights as twilioFontWeights,
-  lineHeights as twilioLineHeights,
-  boxShadows as twilioBoxShadows,
-  sizings as twilioSizings,
-  spacings as twilioSpacings,
-  textColors as twilioTextColors,
-  zIndices as twilioZIndices,
-} from '@twilio-paste/design-tokens/dist/themes/twilio/tokens.common';
 import {
   backgroundColors as twilioDarkBackgroundColors,
   borderColors as twilioDarkBorderColors,
   borderWidths as twilioDarkBorderWidths,
-  radii as twilioDarkRadii,
+  boxShadows as twilioDarkBoxShadows,
   dataVisualization as twilioDarkDataVisualization,
-  fonts as twilioDarkFonts,
   fontSizes as twilioDarkFontSizes,
   fontWeights as twilioDarkFontWeights,
+  fonts as twilioDarkFonts,
   lineHeights as twilioDarkLineHeights,
-  boxShadows as twilioDarkBoxShadows,
+  radii as twilioDarkRadii,
   sizings as twilioDarkSizings,
   spacings as twilioDarkSpacings,
   textColors as twilioDarkTextColors,
   zIndices as twilioDarkZIndices,
 } from '@twilio-paste/design-tokens/dist/themes/twilio-dark/tokens.common';
+import {
+  backgroundColors as twilioBackgroundColors,
+  borderColors as twilioBorderColors,
+  borderWidths as twilioBorderWidths,
+  boxShadows as twilioBoxShadows,
+  dataVisualization as twilioDataVisualization,
+  fontSizes as twilioFontSizes,
+  fontWeights as twilioFontWeights,
+  fonts as twilioFonts,
+  lineHeights as twilioLineHeights,
+  radii as twilioRadii,
+  sizings as twilioSizings,
+  spacings as twilioSpacings,
+  textColors as twilioTextColors,
+  zIndices as twilioZIndices,
+} from '@twilio-paste/design-tokens/dist/themes/twilio/tokens.common';
 
 import {
+  getContrastRatingsOfTokensWithDataVisualizationContrastRequirements,
   getContrastRatingsOfTokensWithTextContrastRequirements,
   getContrastRatingsOfTokensWithUIControlContrastRequirements,
-  getContrastRatingsOfTokensWithDataVisualizationContrastRequirements,
 } from '../src/utils';
 
 const defaultThemeTextColorContrastRatings = getContrastRatingsOfTokensWithTextContrastRequirements({

packages/paste-color-contrast-utils/src/utils.ts

@@ -1,8 +1,8 @@
+import DefaultRawTokenJSON from '@twilio-paste/design-tokens/dist/tokens.raw.json';
+import type { DesignToken, DesignTokensJSON, TokenPairContrastRating } from '@twilio-paste/design-tokens/types';
+import type { AllGenericTokens, GenericTokensShape } from '@twilio-paste/design-tokens/types/GenericTokensShape';
 import ColorCombos from 'color-combos';
 import type { ColorCombo } from 'color-combos';
-import type { GenericTokensShape, AllGenericTokens } from '@twilio-paste/design-tokens/types/GenericTokensShape';
-import type { DesignToken, DesignTokensJSON, TokenPairContrastRating } from '@twilio-paste/design-tokens/types';
-import DefaultRawTokenJSON from '@twilio-paste/design-tokens/dist/tokens.raw.json';
 import camelCase from 'lodash/camelCase';
 
 /**

packages/paste-core/components/account-switcher/__tests__/AccountSwitcher.spec.tsx

@@ -1,8 +1,8 @@
+import { act, render, screen } from '@testing-library/react';
 import * as React from 'react';
-import { render, screen, act } from '@testing-library/react';
 
-import { AccountSwitcherMenu } from '../stories/AccountSwitcher.stories';
 import { CustomElementName, DefaultElementName } from '../stories/AccountSwitcher.customization.stories';
+import { AccountSwitcherMenu } from '../stories/AccountSwitcher.stories';
 
 describe('AccountSwitcher', () => {
   describe('element naming', () => {

packages/paste-core/components/account-switcher/src/AccountSwitcher.tsx

@@ -1,6 +1,6 @@
-import * as React from 'react';
 import { Menu } from '@twilio-paste/menu';
 import type { MenuProps } from '@twilio-paste/menu';
+import * as React from 'react';
 
 export interface AccountSwitcherProps extends MenuProps {
   children: NonNullable<React.ReactNode>;

packages/paste-core/components/account-switcher/src/AccountSwitcherBadge.tsx

@@ -1,6 +1,6 @@
-import * as React from 'react';
 import { MenuBadge } from '@twilio-paste/menu';
 import type { MenuBadgeProps } from '@twilio-paste/menu';
+import * as React from 'react';
 
 export interface AccountSwitcherBadgeProps extends Omit<MenuBadgeProps, 'variant'> {
   children: NonNullable<React.ReactNode>;

packages/paste-core/components/account-switcher/src/AccountSwitcherGroup.tsx

@@ -1,6 +1,6 @@
-import * as React from 'react';
 import { MenuGroup } from '@twilio-paste/menu';
 import type { MenuGroupProps } from '@twilio-paste/menu';
+import * as React from 'react';
 
 export type AccountSwitcherGroupProps = MenuGroupProps;
 

packages/paste-core/components/account-switcher/src/AccountSwitcherItem.tsx

@@ -1,6 +1,6 @@
-import * as React from 'react';
 import { MenuItem } from '@twilio-paste/menu';
 import type { MenuItemProps } from '@twilio-paste/menu';
+import * as React from 'react';
 
 export interface AccountSwitcherItemProps extends MenuItemProps {
   children: NonNullable<React.ReactNode>;

packages/paste-core/components/account-switcher/src/AccountSwitcherItemRadio.tsx

@@ -1,6 +1,6 @@
-import * as React from 'react';
 import { MenuItemRadio } from '@twilio-paste/menu';
 import type { MenuItemRadioProps } from '@twilio-paste/menu';
+import * as React from 'react';
 
 export interface AccountSwitcherItemRadioProps extends MenuItemRadioProps {
   children: NonNullable<React.ReactNode>;

packages/paste-core/components/account-switcher/src/AccountSwitcherSeparator.tsx

@@ -1,6 +1,6 @@
-import * as React from 'react';
 import { MenuSeparator } from '@twilio-paste/menu';
 import type { MenuSeparatorProps } from '@twilio-paste/menu';
+import * as React from 'react';
 
 export type AccountSwitcherSeparatorProps = MenuSeparatorProps;
 

packages/paste-core/components/account-switcher/stories/AccountSwitcher.customization.stories.tsx

@@ -1,6 +1,6 @@
-import * as React from 'react';
 import type { StoryFn } from '@storybook/react';
 import { CustomizationProvider } from '@twilio-paste/customization';
+import * as React from 'react';
 
 import {
   AccountSwitcher,

packages/paste-core/components/account-switcher/stories/AccountSwitcher.stories.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import type { StoryFn } from '@storybook/react';
+import * as React from 'react';
 
 import {
   AccountSwitcher,

packages/paste-core/components/alert-dialog/__tests__/customization.spec.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { render, screen } from '@testing-library/react';
+import * as React from 'react';
 
 import { CustomizedAlertDialog, CustomizedDestructiveAlertDialog } from '../stories/index.stories';