@toife/vue 3.1.6 → 3.2.0

package/src/utils/style.md

@@ -1,49 +0,0 @@
-# Utils: `style`
-
-> Import: `import { utils } from "@toife/vue"` then `utils.cssPrefix`, … (or import from `src/utils` in the monorepo).
-
-**Source:** `src/utils/style/index.ts`
-
-## Description
-
-Reads `--prefix` and `--separator` from `document.documentElement` (cached), then builds BEM-style class names and CSS variable names `--…` / `var(--…)` for dynamic theming.
-
-## API
-
-### `getCssPrefix(): string`
-
-Trimmed `--prefix` on `:root` (singleton cache).
-
-### `getCssSeparator(): string`
-
-Trimmed `--separator` (often `-` or `_`) used to join name parts.
-
-### `cssPrefix(name: string | string[]): string`
-
-If prefix exists: `[prefix, ...parts].join(separator)`. `name` can be a string or parts array (e.g. `['layer','surface']`).
-
-### `cssProperty(name: string | string[]): string`
-
-Returns the CSS custom property name **without** `var()`: `"--" + cssPrefix(name)`.
-
-### `variable(name: string | string[]): string`
-
-Returns `var(--<prefixed…>)`.
-
-## Example
-
-```ts
-import { utils } from "@toife/vue";
-
-utils.cssPrefix("button");
-utils.cssProperty(["field", "line"]);
-utils.variable(["field", "line"]);
-```
-
-## Environment
-
-Requires `document` and `getComputedStyle` — client-only after `:root` defines `--prefix` / `--separator`.
-
-## See also
-
-- Components using `cssPrefix` for BEM classes