Remove useless (for now) scoped css imports

Author: garronej

src/Accordion.tsx

@@ -5,7 +5,6 @@ import { fr } from "./lib";
 import { cx } from "./lib/tools/cx";
 import { symToStr } from "tsafe/symToStr";
 import { useConstCallback } from "./lib/tools/powerhooks/useConstCallback";
-import "./dsfr/component/accordion/accordion.css";
 
 export type AccordionProps = AccordionProps.Controlled | AccordionProps.Uncontrolled;
 

src/Alert.tsx

@@ -8,11 +8,6 @@ import { assert } from "tsafe/assert";
 import type { Equals } from "tsafe";
 import { useConstCallback } from "./lib/tools/powerhooks/useConstCallback";
 import { createComponentI18nApi } from "./lib/i18n";
-// We make users import dsfr.css so we don't need to import the scoped CSS
-// but in the future if we have a complete component coverage it
-// we could stop requiring users to import the hole CSS and only import on a
-// per component basis.
-import "./dsfr/component/alert/alert.css";
 
 export type AlertProps = {
     className?: string;

src/Breadcrumb.tsx

@@ -8,8 +8,6 @@ import { createComponentI18nApi } from "./lib/i18n";
 import { fr } from "./lib";
 import { cx } from "./lib/tools/cx";
 
-import "./dsfr/component/breadcrumb/breadcrumb.css";
-
 export type BreadcrumbProps = {
     className?: string;
     links: BreadcrumbProps.Link[];

src/Card.tsx

@@ -9,8 +9,6 @@ import { fr, RegisteredLinkProps } from "./lib";
 import { getLink } from "./lib/routing";
 import { cx } from "./lib/tools/cx";
 
-import "./dsfr/component/card/card.css";
-
 //https://main--ds-gouv.netlify.app/example/component/card/
 export type CardProps = {
     className?: string;

src/Highlight.tsx

@@ -5,12 +5,6 @@ import type { Equals } from "tsafe";
 import { fr } from "./lib";
 import { cx } from "./lib/tools/cx";
 
-// We make users import dsfr.css, so we don't need to import the scoped CSS
-// but in the future if we have a complete component coverage it
-// we could stop requiring users to import the hole CSS and only import on a
-// per component basis.
-import "./dsfr/component/highlight/highlight.css";
-
 export type HighlightProps = {
     className?: string;
     classes?: Partial<Record<"root" | "content", string>>;

src/Notice.tsx

@@ -6,11 +6,6 @@ import { assert } from "tsafe/assert";
 import type { Equals } from "tsafe";
 import { useConstCallback } from "./lib/tools/powerhooks/useConstCallback";
 import { createComponentI18nApi } from "./lib/i18n";
-// We make users import dsfr.css so we don't need to import the scoped CSS
-// but in the future if we have a complete component coverage it
-// we could stop requiring users to import the hole CSS and only import on a
-// per component basis.
-import "./dsfr/component/notice/notice.css";
 
 export type NoticeProps = {
     className?: string;

src/Quote.tsx

@@ -7,8 +7,6 @@ import { FrClassName } from "./lib/generatedFromCss/classNames";
 import { cx } from "./lib/tools/cx";
 import { fr } from "./lib";
 
-import "./dsfr/component/quote/quote.css";
-
 export type QuoteProps = {
     className?: string;
     text: ReactNode;

src/Stepper.tsx

@@ -6,7 +6,6 @@ import type { Equals } from "tsafe";
 import { fr } from "./lib";
 import { cx } from "./lib/tools/cx";
 import { createComponentI18nApi } from "./lib/i18n";
-import "./dsfr/component/stepper/stepper.css";
 
 export type StepperProps = {
     className?: string;

src/Summary.tsx

@@ -8,8 +8,6 @@ import { cx } from "./lib/tools/cx";
 import { fr, RegisteredLinkProps } from "./lib";
 import { getLink } from "./lib/routing";
 
-import "./dsfr/component/summary/summary.css";
-
 type SummaryLink = {
     text: string;
     linkProps: RegisteredLinkProps;

src/Tabs.tsx

@@ -7,7 +7,6 @@ import { cx } from "./lib/tools/cx";
 import { assert } from "tsafe/assert";
 import type { Equals } from "tsafe";
 import { useCallbackFactory } from "./lib/tools/powerhooks/useCallbackFactory";
-import "@gouvfr/dsfr/dist/component/tab/tab.css";
 
 export type TabsProps = TabsProps.Uncontrolled | TabsProps.Controlled;