@focus4/styling 12.9.0 → 12.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@focus4/styling",
-    "version": "12.9.0",
+    "version": "12.10.0",
     "description": "Focus v4, styling module",
     "main": "lib/focus4.styling.js",
     "type": "module",
@@ -12,7 +12,7 @@
     "license": "MIT",
     "homepage": "https://github.com/klee-contrib/focus4/tree/master/packages/styling",
     "scripts": {
-        "build": "rollup -cm --bundleConfigAsCjs",
+        "build": "tsdown",
         "postinstall": "node postinstall.js"
     },
     "dependencies": {
@@ -23,8 +23,7 @@
         "tslib": "^2.8.1"
     },
     "peerDependencies": {
-        "react": ">= 19.0 < 20",
-        "react-dom": ">= 19.0 < 20"
-    },
-    "gitHead": "fa2a850433c95d8f541379723dbaf54284e5eed7"
+        "react": ">= 19 < 20",
+        "react-dom": ">= 19 < 20"
+    }
 }

package/lib/animation.d.ts

@@ -1,12 +0,0 @@
-/** Récupère les paramètres de transition par défaut, à partir des variables CSS correspondantes. */
-export declare function getDefaultTransition(): {
-    readonly delay: number;
-    readonly duration: number;
-    readonly ease: [number, number, number, number] | undefined;
-};
-/** Récupère les paramètres de transition "spring" par défaut. */
-export declare function getSpringTransition(): {
-    readonly type: "spring";
-    readonly bounce: 0;
-    readonly duration: number;
-};

package/lib/config.d.ts

@@ -1,7 +0,0 @@
-/** Config Focus de l'application */
-export declare const uiConfig: {
-    /** Valeur de "autocomplete" sur les inputs pour lesquels on ne veut pas d'autocomplétion. */
-    autocompleteOffValue: string;
-    /** Classe CSS par défaut des icônes. */
-    defaultIconClassName: string;
-};

package/lib/theme/common.d.ts

@@ -1,24 +0,0 @@
-export type CSSElement<T> = T & string & {
-    _element: void;
-};
-export type CSSMod<N extends string, T> = N & T & string & {
-    _mod: void;
-};
-export type CSSToStrings<T> = {
-    [P in keyof T]?: string;
-};
-export type Mods<CSS, E> = {
-    [P in keyof CSS]: CSS[P] extends CSSMod<infer M, E> ? M : never;
-}[keyof CSS];
-export type ModNames<CSS, E> = {
-    [P in keyof CSS]: CSS[P] extends CSSMod<infer _, E> ? P : never;
-}[keyof CSS];
-export type BemFunction<CSS = any, P extends number | string | symbol = any, E = any> = ((object: true) => {
-    [_ in ModNames<CSS, E> | P]: string;
-}) & (Mods<CSS, E> extends never | undefined ? () => string : (mods?: {
-    [_ in Mods<CSS, E>]?: boolean;
-}) => string);
-export interface CSSContext {
-    [key: string]: {};
-}
-export declare const ThemeContext: import("react").Context<CSSContext>;

package/lib/theme/index.d.ts

@@ -1,8 +0,0 @@
-export { ThemeContext } from "./common";
-export { themeable } from "./themeable";
-export { ThemeProvider } from "./theme-provider";
-export { fromBem, toBem } from "./to-bem";
-export { useTheme } from "./use-theme";
-export type { CSSContext, CSSElement, CSSMod, CSSToStrings } from "./common";
-export type { FocusCSSContext, ThemeProviderProps } from "./theme-provider";
-export type { CSSProp, ToBem } from "./to-bem";

package/lib/theme/theme-provider.d.ts

@@ -1,73 +0,0 @@
-import { ReactNode } from "react";
-import { CSSContext } from "./common";
-/** Contient l'ensemble des classes CSS surchargeables (elles le sont toutes), regroupées par composant. */
-export interface FocusCSSContext extends CSSContext {
-    actionBar: {};
-    advancedSearch: {};
-    contextualActions: {};
-    facet: {};
-    facetBox: {};
-    group: {};
-    list: {};
-    listBase: {};
-    searchBar: {};
-    summary: {};
-    table: {};
-    timeline: {};
-    booleanRadio: {};
-    display: {};
-    field: {};
-    form: {};
-    inputDate: {};
-    inputFile: {};
-    label: {};
-    select: {};
-    selectCheckbox: {};
-    selectChips: {};
-    selectRadio: {};
-    dialog: {};
-    filAriane: {};
-    header: {};
-    lateralMenu: {};
-    layout: {};
-    mainMenu: {};
-    overlay: {};
-    panel: {};
-    popin: {};
-    scrollable: {};
-    scrollspy: {};
-    autocomplete: {};
-    button: {};
-    calendar: {};
-    checkbox: {};
-    chip: {};
-    dropdown: {};
-    floatingActionButton: {};
-    iconButton: {};
-    menu: {};
-    progressIndicator: {};
-    radio: {};
-    ripple: {};
-    slider: {};
-    snackbar: {};
-    supportingText: {};
-    switch: {};
-    textField: {};
-    tabs: {};
-    tooltip: {};
-}
-/** Props du ThemeProvider. */
-export interface ThemeProviderProps {
-    /** Objet faisant correspondre à un identifiant de composant son objet de classes CSS associé.  */
-    appTheme: Partial<FocusCSSContext>;
-    /** Enfants. */
-    children: ReactNode;
-}
-/**
- * Le `ThemeProvider` permet d'ajouter des classes CSS aux composants Focus (et autres composants utilisant `useTheme`) posés
- * à l'intérieur (via un context React).
- *
- * Les classes CSS ajoutées dans un `ThemeProvider` s'ajouteront aux éventuelles classes posées par un `ThemeProvider` parent,
- * y compris sur les mêmes composants.
- */
-export declare function ThemeProvider({ appTheme, children }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;

package/lib/theme/themeable.d.ts

@@ -1,2 +0,0 @@
-/** Merges passed themes by concatenating string keys */
-export declare function themeable<T extends {}>(...themes: T[]): T;

package/lib/theme/to-bem.d.ts

@@ -1,39 +0,0 @@
-import { BemFunction, CSSElement, CSSMod, CSSToStrings } from "./common";
-export type AllMods<CSS> = {
-    [P in keyof CSS]: CSS[P] extends CSSMod<infer _, infer __> ? P : never;
-}[keyof CSS];
-export type ToBem<CSS> = Omit<{
-    [P in keyof CSS]-?: CSS[P] extends CSSElement<infer E> ? BemFunction<CSS, P, E> : CSS[P] extends CSSMod<infer __, infer ___> ? never : BemFunction<CSS, P, string>;
-}, AllMods<CSS>>;
-export type CSSProp<CSS> = CSSToStrings<CSS> | Partial<ToBem<CSS>>;
-/**
- * `toBem` permet de transformer un objet de classes CSS, tel que celui importé d'un module CSS, dont les noms respectent la convention BEM
- * en un objet contenant une fonction par "élément" à laquelle on peut appliquer ses "modificateurs".
- *
- * Par exemple, un objet contenant les classes
- * ```ts
- * ["panel", "panel--editing", "panel--loading", "title", "title--top", "title--bottom"]
- * ```
- * sera transformé en un objet avec 2 fonctions `panel` et `title` :
- * ```ts
- * {
- *     panel({editing?: boolean; loading?: boolean}) => string;
- *     title({top?: boolean; bottom?: boolean}) => string;
- * }
- * ```
- * Un appel à une fonction retournera la classe CSS de l'"élément", à laquelle seront ajoutées ou non les classes des différents "modificateurs",
- * selon les valeurs des différents booléens.
- *
- * Vous pouvez utiliser `toBem` pour éviter d'avoir à concaténer des classes CSS à la main et pour rendre vos composants et votre CSS plus propres.
- * Son usage est bien évidemment totalement facultatif et à utiliser si cela vous arrange.
- *
- * _Remarque 1 : Les modules CSS importés doivent avoir des définitions Typescript générés par la commande `focus4 cssgen` du module `@focus4/tooling`._
- *
- * _Remarque 2 : Les propriétés `theme` des différents composants Focus acceptent aussi bien un objet CSS classique ou un objet créé par `toBem`._
- */
-export declare function toBem<CSS>(css: CSS): ToBem<CSS>;
-/**
- * `fromBem` permet de faire la transformation inverse de `toBem`, à savoir prendre l'objet résultant d'un appel à `toBem` et de ressortir un objet
- * qui contient toutes les classes CSS qui le compose.
- */
-export declare function fromBem<T>(css: CSSToStrings<T> | Partial<ToBem<T>> | T): CSSToStrings<T>;

package/lib/theme/use-theme.d.ts

@@ -1,12 +0,0 @@
-import { CSSToStrings } from "./common";
-import { ToBem } from "./to-bem";
-/**
- * `useTheme` permet de récupérer les classes CSS passées dans un éventuel `ThemeProvider` parent et de les fusionner avec d'autres classes CSS
- * passées en paramètre.
- *
- * `useTheme` accepte aussi bien des objets de classes CSS classiques (importés d'un module CSS), que des objets créés avec `toBem`.
- *
- * @param name L'identifiant du composant dans le `appTheme` du `ThemeProvider`
- * @param themes Les objets de classes CSS à fusionner ensemble et avec celui du contexte.
- */
-export declare function useTheme<T>(name: string, ...themes: (CSSToStrings<T> | Partial<ToBem<T>> | T | undefined)[]): ToBem<T>;

package/lib/variables/index.d.ts

@@ -1,2 +0,0 @@
-import "./colors.css";
-import "./variables.css";