refactor: file name convension changes

packages/react/src/components/Badge/Badge.tsx

@@ -4,7 +4,7 @@ import {
   badgeWrapper,
   badgeThemeClass,
   badgeThemeVars
-} from "./badge.css";
+} from "./badge.styles.css";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { IBadgesProps } from "./badge.types";
 

packages/react/src/components/Badge/badge.types.ts

@@ -1,5 +1,5 @@
 import { RecipeVariants } from "@vanilla-extract/recipes";
-import { badges } from "./badge.css";
+import { badges } from "./badge.styles.css";
 import { ReactNode } from "react";
 
 export type IBadgesProps = JSX.IntrinsicElements["span"] &

packages/react/src/components/Badge/index.ts

@@ -1,3 +1,3 @@
 export * from "./Badge";
-export * from "./badge.css";
+export * from "./badge.styles.css";
 export * from "./badge.types";

packages/react/src/components/Breadcrumb/Breadcrumb.tsx

@@ -4,7 +4,7 @@ import {
   breadcrumbWrapper,
   crumbSeparator,
   crumbTitle
-} from "./breadcrumb.css";
+} from "./breadcrumb.styles.css";
 
 const Breadcrumb: React.ForwardRefRenderFunction<
   HTMLDivElement,

packages/react/src/components/Breadcrumb/index.ts

@@ -1,3 +1,3 @@
 export * from "./Breadcrumb";
-export * from "./breadcrumb.css";
+export * from "./breadcrumb.styles.css";
 export * from "./breadcrumb.types";

packages/react/src/components/Divider/Divider.tsx

@@ -7,7 +7,7 @@ import {
   dividerVertical,
   labelHorizontal,
   labelVertical
-} from "./divider.css";
+} from "./divider.styles.css";
 import { DividerProps } from "./divider.types";
 
 export const Divider = ({

packages/react/src/components/List/List.tsx

@@ -1,7 +1,7 @@
 import React, { ForwardRefRenderFunction } from "react";
 
 import { IListProps } from "./list.types";
-import { listStyles, listThemeVars, listThemeClass } from "./list.css";
+import { listStyles, listThemeVars, listThemeClass } from "./list.styles.css";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 
 const ListComponent: ForwardRefRenderFunction<HTMLUListElement, IListProps> = (

packages/react/src/components/List/index.ts

@@ -1,4 +1,4 @@
 export * from "./List";
-export * from "./list.css";
+export * from "./list.styles.css";
 export * from "./list.types";
 export * from "./ListItem";

packages/react/src/components/List/list.types.ts

@@ -1,5 +1,5 @@
 import { RecipeVariants } from "@vanilla-extract/recipes";
-import { listStyles } from "./list.css";
+import { listStyles } from "./list.styles.css";
 
 export type IListProps = JSX.IntrinsicElements["ul"] &
   RecipeVariants<typeof listStyles> & {

packages/react/src/components/NativeSelect/NativeSelect.tsx

@@ -8,7 +8,7 @@ import {
   nativeSelectIconStyle,
   nativeSelectRecipe,
   nativeSelectVars
-} from "./nativeSelect.css";
+} from "./nativeSelect.styles.css";
 import { NativeSelectPropsType } from "./nativeSelect.types";
 
 export const NativeSelect: FC<NativeSelectPropsType> = ({

packages/react/src/components/NativeSelect/index.ts

@@ -1,3 +1,3 @@
 export * from "./NativeSelect";
-export * from "./nativeSelect.css";
+export * from "./nativeSelect.styles.css";
 export * from "./nativeSelect.types";

packages/react/src/components/Portal/Portal.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useMemo } from "react";
 import { createPortal } from "react-dom";
-import { portalStyles } from "./portal.style.css";
+import { portalStyles } from "./portal.styles.css";
 import { PortalType } from "./portal.types";
 
 const Portal = ({

packages/react/src/components/Portal/index.ts

@@ -1,3 +1,3 @@
 export * from "./Portal";
 export * from "./portal.types";
-export * from "./portal.style.css";
+export * from "./portal.styles.css";

packages/react/src/components/Select/Pill/Pill.tsx

@@ -1,5 +1,5 @@
 import { MouseEvent } from "react";
-import { pillIconStyles, pillStyles } from "./pill.css";
+import { pillIconStyles, pillStyles } from "./pill.styles.css";
 import { Flex } from "../../Flex";
 import { Clear } from "../../_internal/Icons/Clear";
 

packages/react/src/components/Select/Select.tsx

@@ -26,7 +26,7 @@ import {
   inputRecipe,
   loadingContentContainer,
   labelStyles
-} from "./select.css";
+} from "./select.styles.css";
 import { SelectPropsType, OptionsType } from "./select.types";
 import "./select.global.styles.css";
 import { Portal } from "../Portal";

packages/react/src/components/Select/index.ts

@@ -1,5 +1,5 @@
 export * from "./Select";
-export * from "./select.css";
+export * from "./select.styles.css";
 export * from "./select.types";
 export * from "./Pill/Pill";
-export * from "./Pill/pill.css";
+export * from "./Pill/pill.styles.css";

packages/react/src/components/Switch/Switch.tsx

@@ -1,6 +1,6 @@
-import { slider, switchInputStyle, switchLayout } from "./switch.css";
+import { slider, switchInputStyle, switchLayout } from "./switch.styles.css";
 import { ISwitchProps } from "./switch.types";
-import "./switch-global-styles.css";
+import "./switch.global.styles.css";
 
 type SwitchProps = ISwitchProps & JSX.IntrinsicElements["input"];
 

packages/react/src/components/Switch/index.ts

@@ -1,3 +1,3 @@
 export * from "./Switch";
-export * from "./switch.css";
+export * from "./switch.styles.css";
 export * from "./switch.types";

packages/react/src/components/Switch/switch-global-styles.css.ts → packages/react/src/components/Switch/switch.global.styles.css.ts

@@ -1,5 +1,5 @@
 import { globalStyle } from "@vanilla-extract/css";
-import { switchInputStyle, slider } from "../../components/Switch";
+import { switchInputStyle, slider } from ".";
 
 globalStyle(`${switchInputStyle}:checked + ${slider}`, {
   background: "#1AB5EB",

packages/react/src/components/Tab/Tabs.tsx

@@ -19,7 +19,7 @@ import {
   tabsHeaderContainerRecipe,
   tabsRecipe,
   tabsVars
-} from "./tabs.css";
+} from "./tabs.styles.css";
 import { TabsObjectProps, TabsProps } from "./tabs.types";
 
 const TabComponent: ForwardRefRenderFunction<HTMLDivElement, TabsProps> = (

packages/react/src/components/Tab/index.tsx

@@ -1,3 +1,3 @@
 export * from "./Tabs";
-export * from "./tabs.css";
+export * from "./tabs.styles.css";
 export * from "./tabs.types";

packages/react/src/components/Table/Table.tsx

@@ -7,8 +7,7 @@ import {
   tableThemeVars,
   tableContainerThemeClass,
   tableThemeClass
-} from "./Table.css";
-import "./Table.global.styles.css";
+} from "./Table.styles.css";
 import { InitialTableProps } from "./Table.types";
 
 const Table: ForwardRefRenderFunction<HTMLTableElement, InitialTableProps> = (

packages/react/src/components/Table/Tfoot/Tfoot.tsx

@@ -1,6 +1,10 @@
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import React, { ForwardRefRenderFunction } from "react";
-import { footerDefaults, tfootThemeClass, tfootThemeVars } from "./Tfoot.css";
+import {
+  footerDefaults,
+  tfootThemeClass,
+  tfootThemeVars
+} from "./Tfoot.styles.css";
 import { TfootProps } from "./Tfoot.types";
 import "./Tfoot.global.styles.css";
 

packages/react/src/components/Table/Tfoot/index.ts

@@ -1,3 +1,3 @@
 export * from "./Tfoot";
-export * from "./Tfoot.css";
+export * from "./Tfoot.styles.css";
 export * from "./Tfoot.types";

packages/react/src/components/Table/Thead/Thead.tsx

@@ -1,8 +1,11 @@
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import React, { ForwardRefRenderFunction } from "react";
-import { headerDefaults, theadThemeClass, theadThemeVars } from "./Thead.css";
+import {
+  headerDefaults,
+  theadThemeClass,
+  theadThemeVars
+} from "./Thead.styles.css";
 import { TheadProps } from "./Thead.types";
-import "./Thead.global.styles.css";
 
 const Thead: ForwardRefRenderFunction<HTMLTableSectionElement, TheadProps> = (
   { children, backgroundColor = "#ddd", className, style, ...nativeProps },

packages/react/src/components/Table/Thead/index.ts

@@ -1,3 +1,3 @@
 export * from "./Thead";
-export * from "./Thead.css";
+export * from "./Thead.styles.css";
 export * from "./Thead.types";

packages/react/src/components/Table/index.ts

@@ -1,5 +1,5 @@
 export * from "./Table";
-export * from "./Table.css";
+export * from "./Table.styles.css";
 export * from "./Table.types";
 export * from "./TableCaption";
 export * from "./Tbody";

packages/react/src/components/TextArea/TextArea.tsx

@@ -5,7 +5,7 @@ import {
   textAreaResize,
   textAreaColorClass,
   textAreaColorVars
-} from "./text-area.css";
+} from "./text-area.styles.css";
 import { TextAreaProps } from "./text-area.types";
 
 const TextAreaComponent: ForwardRefRenderFunction<

packages/react/src/components/TextArea/index.ts

@@ -1,3 +1,3 @@
 export * from "./TextArea";
-export * from "./text-area.css";
+export * from "./text-area.styles.css";
 export * from "./text-area.types";

packages/react/src/components/UnstyledButton/UnstyledButton.tsx

@@ -1,5 +1,5 @@
 import React, { ForwardRefRenderFunction } from "react";
-import { unstyledButtonClass } from "./UnstyledButton.css";
+import { unstyledButtonClass } from "./UnstyledButton.styles.css";
 import { TUnstyledButtonProps } from "./UnstyledButton.types";
 
 const UnstyledButtonComponent: ForwardRefRenderFunction<

packages/react/src/components/UnstyledButton/index.ts

@@ -1,3 +1,3 @@
 export * from "./UnstyledButton";
-export * from "./UnstyledButton.css";
+export * from "./UnstyledButton.styles.css";
 export * from "./UnstyledButton.types";

packages/react/src/components/reset/index.ts

@@ -1 +1 @@
-export * from "./reset.css";
+export * from "./reset.styles.css";