cirrojs 0.0.7 → 0.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +24 -1
- package/dist/cli.js +1 -1
- package/dist/css-BZ1E8BDE.js +4 -0
- package/dist/index.d.ts +15 -478
- package/dist/index.js +1 -1
- package/dist/properties-FKQ-gJeC.d.ts +461 -0
- package/dist/registry.browser.d.ts +15 -0
- package/dist/registry.browser.js +1 -0
- package/dist/registry.d.ts +15 -0
- package/dist/registry.js +1 -0
- package/dist/server.d.ts +3 -2
- package/dist/server.js +2 -1
- package/package.json +8 -1
- package/dist/router-52EuPj-F.js +0 -4
package/CHANGELOG.md
CHANGED
|
@@ -13,6 +13,27 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
|
|
|
13
13
|
|
|
14
14
|
## [Unreleased]
|
|
15
15
|
|
|
16
|
+
## [0.0.9] - 2026-06-22
|
|
17
|
+
|
|
18
|
+
### Fixed
|
|
19
|
+
- Client scripts no longer throw at runtime. The CSS registry pulled `node:async_hooks` (`AsyncLocalStorage`) into the client bundle, where it is unavailable, causing the script to fail before executing. The client now resolves the registry through the package's `browser` export condition to an async_hooks-free implementation: `css()` only needs the generated class name on the client, so CSS registration becomes a no-op.
|
|
20
|
+
|
|
21
|
+
## [0.0.8] - 2026-06-21
|
|
22
|
+
|
|
23
|
+
### Added
|
|
24
|
+
- `FileRoute`, a new member of `AnyRoute` alongside `StaticRoute` and `DynamicRoute`, for generating arbitrary text files.
|
|
25
|
+
- `markdownToText`, a `cirrojs/server` function that converts Markdown to plain text, primarily for generating search indexes.
|
|
26
|
+
- `Registry` type and `runWithRegistry`, exported from the package entry point. `runWithRegistry` runs a render callback in its own registry context and returns both the result and the collected registry.
|
|
27
|
+
|
|
28
|
+
### Changed
|
|
29
|
+
- `StaticRoute` and `DynamicRoute` now require a `type` property. With it, route definitions are type-inferred without wrapping them in `route()`.
|
|
30
|
+
- Renamed `createMarkdown` to `createMarkdownProcessor`.
|
|
31
|
+
- The CSS registry is now scoped per render via `AsyncLocalStorage` instead of a shared module-global map, preventing styles from different routes from leaking into one another.
|
|
32
|
+
|
|
33
|
+
### Removed
|
|
34
|
+
- Removed `initCssRegistry` and `getCssRegistry`. Use `runWithRegistry` instead. Sites must re-export `runWithRegistry` from their `routes.ts` in place of the two removed functions.
|
|
35
|
+
- Removed the `route`, `expandRoutes`, and `urlToFilePath` exports, along with the `ResolvedPage` type. Route definitions no longer need `route()` thanks to the required `type` property.
|
|
36
|
+
|
|
16
37
|
## [0.0.7] - 2026-06-19
|
|
17
38
|
|
|
18
39
|
### Added
|
|
@@ -51,7 +72,9 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
|
|
|
51
72
|
## 0.0.1 - 2026-06-15
|
|
52
73
|
- initial release
|
|
53
74
|
|
|
54
|
-
[Unreleased]: https://github.com/osawa-naotaka/cirro/compare/v0.0.
|
|
75
|
+
[Unreleased]: https://github.com/osawa-naotaka/cirro/compare/v0.0.9...HEAD
|
|
76
|
+
[0.0.9]: https://github.com/osawa-naotaka/cirro/compare/v0.0.8...v0.0.9
|
|
77
|
+
[0.0.8]: https://github.com/osawa-naotaka/cirro/compare/v0.0.7...v0.0.8
|
|
55
78
|
[0.0.7]: https://github.com/osawa-naotaka/cirro/compare/v0.0.6...v0.0.7
|
|
56
79
|
[0.0.6]: https://github.com/osawa-naotaka/cirro/compare/v0.0.5...v0.0.6
|
|
57
80
|
[0.0.5]: https://github.com/osawa-naotaka/cirro/compare/v0.0.4...v0.0.5
|
package/dist/cli.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{r as e}from"./css-BZ1E8BDE.js";import{Fragment as t,createElement as n}from"react";import{renderToStaticMarkup as r}from"react-dom/server";import{dirname as i,extname as a,join as o,resolve as s}from"node:path";import{mkdir as c,readFile as l,writeFile as u}from"node:fs/promises";import{build as d,createServer as f,createServerModuleRunner as p}from"vite";import{createServer as m}from"node:http";function h(e){let t=[];for(let n of e)switch(n.type){case`static`:t.push({type:`html`,path:n.path,cssPath:o(n.path,`index.css`),render:()=>n.component({params:{}})}),t.push({type:`css`,path:o(n.path,`index.css`),render:()=>n.component({params:{}})});break;case`dynamic`:for(let e of n.getStaticPaths())t.push({type:`html`,path:n.path(e),cssPath:n.cssPath,render:()=>n.component({params:e})});t.push({type:`css`,path:n.cssPath,render:()=>n.component({params:n.getStaticPaths()[0]})});break;case`file`:t.push({type:`file`,path:n.path,ext:a(n.path),render:()=>n.component({params:{}})});break}return t}function g(e){return e===`/`?`index.html`:`${e.replace(/^\/+|\/+$/g,``)}/index.html`}function _(e){return e===`/`?`index.css`:`${e.replace(/^\/+|\/+$/g,``)}`}function v(e,r,i){return n(t,null,e,n(`script`,{async:!0,type:`module`,src:r,key:`cirro-client`}),n(`link`,{rel:`stylesheet`,href:i,precedence:`default`,key:`cirro-css`}))}function y(e){for(let t of e.plugins){let e=t.api;if(t.name===`cirro`&&e?.options)return e.options}throw Error(`cirro: plugin not found in Vite config (did you add cirro() to plugins?)`)}async function b(){await d();let t=await f({server:{middlewareMode:!0,hmr:!1},appType:`custom`}),n=p(t.environments.ssr);try{let a=t.config,d=y(a),f=a.root,p=s(f,a.build.outDir),m=s(f,d.routes),b=JSON.parse(await l(o(p,`.vite/manifest.json`),`utf-8`))[`virtual:cirro/client`];if(!b)throw Error(`cirro: manifest entry "virtual:cirro/client" not found`);let x=`/${b.file}`,{routes:S,runWithRegistry:C}=await n.import(m);for(let t of h(S))switch(t.type){case`css`:{let{registry:n}=C(()=>r(t.render())),a=e(n),s=o(p,_(t.path));await c(i(s),{recursive:!0}),await u(s,a),console.log(`wrote ${s} (url: ${t.path})`);break}case`html`:{let{result:e}=C(()=>`<!DOCTYPE html>${r(v(t.render(),x,t.cssPath))}`),n=o(p,g(t.path));await c(i(n),{recursive:!0}),await u(n,e),console.log(`wrote ${n} (url: ${t.path})`);break}case`file`:{let e=t.render(),n=o(p,t.path);await c(i(n),{recursive:!0}),await u(n,e),console.log(`wrote ${n} (url: ${t.path})`);break}}}finally{await t.close()}}const x=[[`.aac`,`audio/aac`],[`.abw`,`application/x-abiword`],[`.arc`,`application/x-freearc`],[`.avi`,`video/x-msvideo`],[`.azw`,`application/vnd.amazon.ebook`],[`.bin`,`application/octet-stream`],[`.bmp`,`image/bmp`],[`.bz`,`application/x-bzip`],[`.bz2`,`application/x-bzip2`],[`.csh`,`application/x-csh`],[`.css`,`text/css`],[`.csv`,`text/csv`],[`.doc`,`application/msword`],[`.docx`,`application/vnd.openxmlformats-officedocument.wordprocessingml.document`],[`.eot`,`application/vnd.ms-fontobject`],[`.epub`,`application/epub+zip`],[`.gz`,`application/gzip`],[`.gif`,`image/gif`],[`.htm`,`text/html`],[`.html`,`text/html`],[`.ico`,`image/vnd.microsoft.icon`],[`.ics`,`text/calendar`],[`.jar`,`application/java-archive`],[`.jpeg`,`image/jpeg`],[`.jpg`,`image/jpeg`],[`.js`,`text/javascript`],[`.json`,`application/json`],[`.jsonld`,`application/ld+json`],[`.mid`,`audio/midi`],[`.midi`,`audio/x-midi`],[`.mjs`,`text/javascript`],[`.mp3`,`audio/mpeg`],[`.mpeg`,`video/mpeg`],[`.mpkg`,`application/vnd.apple.installer+xml`],[`.odp`,`application/vnd.oasis.opendocument.presentation`],[`.ods`,`application/vnd.oasis.opendocument.spreadsheet`],[`.odt`,`application/vnd.oasis.opendocument.text`],[`.oga`,`audio/ogg`],[`.ogv`,`video/ogg`],[`.ogx`,`application/ogg`],[`.opus`,`audio/opus`],[`.otf`,`font/otf`],[`.png`,`image/png`],[`.pdf`,`application/pdf`],[`.php`,`application/x-httpd-php`],[`.ppt`,`application/vnd.ms-powerpoint`],[`.pptx`,`application/vnd.openxmlformats-officedocument.presentationml.presentation`],[`.rar`,`application/vnd.rar`],[`.rtf`,`application/rtf`],[`.sh`,`application/x-sh`],[`.svg`,`image/svg+xml`],[`.swf`,`application/x-shockwave-flash`],[`.tar`,`application/x-tar`],[`.tif`,`image/tiff`],[`.tiff`,`image/tiff`],[`.ts`,`video/mp2t`],[`.ttf`,`font/ttf`],[`.txt`,`text/plain`],[`.vsd`,`application/vnd.visio`],[`.wav`,`audio/wav`],[`.weba`,`audio/webm`],[`.webm`,`video/webm`],[`.webp`,`image/webp`],[`.woff`,`font/woff`],[`.woff2`,`font/woff2`],[`.xhtml`,`application/xhtml+xml`],[`.xls`,`application/vnd.ms-excel`],[`.xlsx`,`application/vnd.openxmlformats-officedocument.spreadsheetml.sheet`],[`.xml`,`application/xml`],[`.xul`,`application/vnd.mozilla.xul+xml`],[`.zip`,`application/zip`],[`.3gp`,`video/3gpp`],[`.3g2`,`video/3gpp2`],[`.7z`,`application/x-7z-compressed`]];function S(e){return x.find(t=>t[0]===e)?.[1]||`text/plain`}function C(e,t){let n=[t,t.replaceAll(`\\`,`/`)];for(let t of Object.values(e.environments)){let e=t.moduleGraph;if(!e)continue;let r=new Set,i=t=>{if(!r.has(t)){r.add(t),e.invalidateModule(t);for(let e of t.importers)i(e)}};for(let t of n){let n=e.getModulesByFile(t);if(n)for(let e of n)i(e)}}}async function w(t=5173){let n=await f({server:{middlewareMode:!0},appType:`custom`}),a=p(n.environments.ssr),o=y(n.config),c=n.config.root,l=s(c,o.routes),u=i(s(c,o.islands)).replaceAll(`\\`,`/`),d=m((t,i)=>{function o(e,t){i.statusCode=200,i.setHeader(`Content-Type`,S(e)),i.end(t)}function s(e){i.statusCode=404,i.setHeader(`Content-Type`,S(e)),e===`.html`?i.end(`<!DOCTYPE html><meta charset="utf-8"><h1>404 Not Found</h1>`):i.end()}n.middlewares(t,i,async()=>{let c=t.url??`/`,u=new URL(c,`http://localhost`).pathname.replace(/\/+$/,``)||`/`;try{let{routes:t,runWithRegistry:i}=await a.import(l),d=h(t).find(e=>e.path===u);if(d===void 0){s(`.html`);return}switch(d.type){case`html`:{let{result:e}=i(()=>`<!DOCTYPE html>${r(v(d.render(),`/@id/__x00__virtual:cirro/client`,d.cssPath))}`);o(`.html`,await n.transformIndexHtml(c,e));break}case`css`:{let{registry:t}=i(()=>r(d.render()));o(`.css`,e(t));break}case`file`:{let e=d.render();o(d.ext,e);break}}return}catch(e){i.statusCode=500,i.end(String(e))}})}),g=`${s(c,o.watchDir??`./src`).replaceAll(`\\`,`/`).replace(/\/+$/,``)}/`;n.watcher.on(`change`,e=>{let t=e.replaceAll(`\\`,`/`);t.startsWith(u)||t.startsWith(g)&&(C(n,e),n.ws.send({type:`full-reload`}))}),d.listen(t,()=>{console.log(`cirro dev: http://localhost:${t}`)})}async function T(e){let t=e[0];t===`dev`?await w():t===`build`?await b():(console.error(`usage: cirro <dev|build>`),process.exit(1))}export{T as main};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import{registerCss as e}from"cirrojs/registry";function t(e,t){let n=t?.selector??`&`,r=t?.atrules??[],o=a({selector:n,atrules:r,properties:e}),s=`${t?.name??`cirro`}-${o.toString(16)}`;return i([...r,n],e,s),s}function n(e){let n=[];return e.layer&&n.push(`@layer ${e.layer}`),e.mediaAtRule&&n.push(`@media (${e.mediaAtRule})`),(e,r)=>t(e,{atrules:n,name:r?.name,selector:r?.selector})}function r(e){let t=`@charset "utf-8";
|
|
2
|
+
@layer base, font, low, main, high;
|
|
3
|
+
`;for(let[n,[r,i]]of e)t+=r.reduceRight((e,t)=>`${t} { ${e} }`,Object.entries(i).map(([e,t])=>`${e.replaceAll(`_`,`-`)}: ${t};`).join(` `)),t+=`
|
|
4
|
+
`;return t}function i(t,n,r){e(r,t.map(e=>e.replaceAll(`&`,`.${r}`)),n)}function a(...e){return o(e.map(e=>JSON.stringify(e)).join(``))}function o(e){let t=5381;for(let n of[...e])t=(t<<5)+t+n.charCodeAt(0)&4294967295;return t>>>0}export{n,r,t};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,470 +1,8 @@
|
|
|
1
|
+
import { t as Properties } from "./properties-FKQ-gJeC.js";
|
|
2
|
+
import { Registry } from "./registry.js";
|
|
3
|
+
import { runWithRegistry } from "cirrojs/registry";
|
|
1
4
|
import { ReactElement } from "react";
|
|
2
5
|
|
|
3
|
-
//#region src/properties.d.ts
|
|
4
|
-
type AlignContentBaseKeyword = "normal" | "start" | "center" | "end" | "flex-start" | "flex-end" | "baseline" | "first baseline" | "last baseline" | "space-between" | "space-around" | "space-evenly" | "stretch";
|
|
5
|
-
type AlignContentKeyword = AlignContentBaseKeyword | ["safe", AlignContentBaseKeyword] | ["unsafe", AlignContentBaseKeyword];
|
|
6
|
-
type BackgroundPositionKeyword = "left" | "center" | "right" | "top" | "bottom";
|
|
7
|
-
type BackgroundPositionValue = BackgroundPositionKeyword | string;
|
|
8
|
-
type PInherit = "inherit";
|
|
9
|
-
type PInitial = "initial";
|
|
10
|
-
type PRevert = "revert";
|
|
11
|
-
type PRevertLayer = "revert-layer";
|
|
12
|
-
type PUnset = "unset";
|
|
13
|
-
type PGlobal = PInherit | PInitial | PRevert | PRevertLayer | PUnset;
|
|
14
|
-
type DisplayOutsideValue = "block" | "inline" | "run-in";
|
|
15
|
-
type DisplayInsideValue = "flow" | "flow-root" | "table" | "flex" | "grid" | "ruby";
|
|
16
|
-
type DisplayListItemValue = "list-item";
|
|
17
|
-
type DisplayInternalValue = "table-row-group" | "table-header-group" | "table-footer-group" | "table-row" | "table-cell" | "table-column-group" | "table-column" | "table-caption" | "ruby-base" | "ruby-text" | "ruby-base-container" | "ruby-text-container";
|
|
18
|
-
type DisplayBoxValue = "contents" | "none";
|
|
19
|
-
type DisplayLegacyValue = "inline-block" | "inline-table" | "inline-flex" | "inline-grid";
|
|
20
|
-
type DisplayValue = DisplayOutsideValue | DisplayInsideValue | DisplayListItemValue | DisplayInternalValue | DisplayBoxValue | DisplayLegacyValue | "table" | "inline-block" | "inline-flex" | "inline-grid";
|
|
21
|
-
type DisplayMultiValue = DisplayValue | DisplayValue[];
|
|
22
|
-
type PositionValue = "static" | "relative" | "absolute" | "fixed" | "sticky";
|
|
23
|
-
type PAnimationGlobal = PGlobal;
|
|
24
|
-
type PTransitionGlobal = PGlobal;
|
|
25
|
-
type PColorGlobal = PGlobal;
|
|
26
|
-
type PBoxModelGlobal = PGlobal;
|
|
27
|
-
type PFontGlobal = PGlobal;
|
|
28
|
-
type PPositionGlobal = PGlobal;
|
|
29
|
-
type FlexDirectionValue = "row" | "row-reverse" | "column" | "column-reverse";
|
|
30
|
-
type FlexWrapValue = "nowrap" | "wrap" | "wrap-reverse";
|
|
31
|
-
type FlexFlowSingleValue = FlexDirectionValue | FlexWrapValue;
|
|
32
|
-
type FlexFlowMultiValue = FlexFlowSingleValue | [FlexFlowSingleValue, FlexFlowSingleValue];
|
|
33
|
-
type JustifyContentValue = "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "start" | "end" | "left" | "right";
|
|
34
|
-
type AlignItemsSelfPosition = "center" | "start" | "end" | "self-start" | "self-end" | "flex-start" | "flex-end";
|
|
35
|
-
type AlignItemsValue = "normal" | "stretch" | "anchor-center" | "baseline" | "first baseline" | "last baseline" | AlignItemsSelfPosition | ["safe", AlignItemsSelfPosition] | ["unsafe", AlignItemsSelfPosition];
|
|
36
|
-
type AlignSelfValue = "auto" | "normal" | "stretch" | "baseline" | "first baseline" | "last baseline" | "anchor-center" | AlignItemsSelfPosition | ["unsafe", AlignItemsSelfPosition] | ["safe", AlignItemsSelfPosition];
|
|
37
|
-
type AlignmentBaselineValue = "baseline" | "text-bottom" | "alphabetic" | "ideographic" | "middle" | "central" | "mathematical" | "text-top";
|
|
38
|
-
type TextAlignValue = "left" | "right" | "center" | "justify" | "start" | "end";
|
|
39
|
-
type OverflowValue = "visible" | "hidden" | "scroll" | "auto" | "clip";
|
|
40
|
-
type OverflowMultiValue = OverflowValue | [OverflowValue, OverflowValue];
|
|
41
|
-
type TextDecorationLineValue = "none" | "underline" | "overline" | "line-through";
|
|
42
|
-
type TextDecorationStyleValue = "solid" | "double" | "dotted" | "dashed" | "wavy";
|
|
43
|
-
type TextDecorationColorValue = string;
|
|
44
|
-
type TextDecorationValue = TextDecorationLineValue | TextDecorationStyleValue | TextDecorationColorValue;
|
|
45
|
-
type TextDecorationMultiValue = TextDecorationValue | TextDecorationValue[];
|
|
46
|
-
type TextTransformValue = "none" | "capitalize" | "uppercase" | "lowercase" | "full-width";
|
|
47
|
-
type BorderStyleValue = "none" | "hidden" | "dotted" | "dashed" | "solid" | "double" | "groove" | "ridge" | "inset" | "outset";
|
|
48
|
-
type BorderWidthValue = "thin" | "medium" | "thick" | string;
|
|
49
|
-
type BorderColorValue = string;
|
|
50
|
-
type BorderValue = BorderStyleValue | BorderWidthValue | BorderColorValue;
|
|
51
|
-
type CursorValue = "auto" | "default" | "pointer" | "wait" | "text" | "move" | "not-allowed" | "grab" | "grabbing" | "zoom-in" | "zoom-out" | "help" | "crosshair";
|
|
52
|
-
type AnimationNameValue = string;
|
|
53
|
-
type AnimationDurationValue = string;
|
|
54
|
-
type AnimationTimingFunctionValue = "ease" | "ease-in" | "ease-out" | "ease-in-out" | "linear" | "step-start" | "step-end" | string;
|
|
55
|
-
type AnimationDelayValue = string;
|
|
56
|
-
type AnimationIterationCountValue = string | "infinite";
|
|
57
|
-
type AnimationDirectionValue = "normal" | "reverse" | "alternate" | "alternate-reverse";
|
|
58
|
-
type AnimationFillModeValue = "none" | "forwards" | "backwards" | "both";
|
|
59
|
-
type AnimationPlayStateValue = "running" | "paused";
|
|
60
|
-
type AnimationCompositionValue = "replace" | "add" | "accumulate";
|
|
61
|
-
type AnimationTimeline = string;
|
|
62
|
-
type AnimationValueBase = AnimationNameValue | AnimationDurationValue | AnimationTimingFunctionValue | AnimationDelayValue | AnimationIterationCountValue | AnimationDirectionValue | AnimationFillModeValue | AnimationPlayStateValue | AnimationTimeline;
|
|
63
|
-
type AnimationValue = AnimationValueBase | AnimationValueBase[] | AnimationValueBase[][];
|
|
64
|
-
type FontWeightValue = "normal" | "bold" | "bolder" | "lighter" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
|
|
65
|
-
type FontValue = string | string[] | string[];
|
|
66
|
-
type GridTemplateAreasValue = "none" | string | string[];
|
|
67
|
-
type GridTemplateValue = string | string[] | string[][];
|
|
68
|
-
type GridTemplateColumnsValue = string | string[] | string[][] | "none";
|
|
69
|
-
type GridTemplateRowsValue = string | string[] | string[][] | "none";
|
|
70
|
-
type TransformFunctionValue = string;
|
|
71
|
-
type TransformValue = "none" | TransformFunctionValue | TransformFunctionValue[] | string[];
|
|
72
|
-
type TransitionPropertyValue = string | "none" | "all";
|
|
73
|
-
type TransitionTimingFunctionValue = "ease" | "ease-in" | "ease-out" | "ease-in-out" | "linear" | "step-start" | "step-end" | string;
|
|
74
|
-
type TransitionValue = string | string[] | string[][];
|
|
75
|
-
type Properties = Partial<{
|
|
76
|
-
align_content: AlignContentKeyword | PGlobal;
|
|
77
|
-
align_items: AlignItemsValue | PGlobal;
|
|
78
|
-
align_self: AlignSelfValue | PGlobal;
|
|
79
|
-
alignment_baseline: AlignmentBaselineValue | PGlobal;
|
|
80
|
-
all: PGlobal;
|
|
81
|
-
anchor_name: string | string[][];
|
|
82
|
-
animation: AnimationValue | PAnimationGlobal;
|
|
83
|
-
animation_composition: AnimationCompositionValue | AnimationCompositionValue[] | PAnimationGlobal;
|
|
84
|
-
animation_delay: string | string[][] | PAnimationGlobal;
|
|
85
|
-
animation_direction: AnimationDirectionValue | AnimationDirectionValue[][] | PAnimationGlobal;
|
|
86
|
-
animation_duration: string | string[][] | PAnimationGlobal;
|
|
87
|
-
animation_fill_mode: AnimationFillModeValue | AnimationFillModeValue[][] | PAnimationGlobal;
|
|
88
|
-
animation_iteration_count: AnimationIterationCountValue | AnimationIterationCountValue[][] | PAnimationGlobal;
|
|
89
|
-
animation_name: string | string[][] | PAnimationGlobal;
|
|
90
|
-
animation_play_state: AnimationPlayStateValue | AnimationPlayStateValue[][] | PAnimationGlobal;
|
|
91
|
-
animation_range: string | string[] | string[][] | PAnimationGlobal;
|
|
92
|
-
animation_range_end: string | string[] | string[][] | PAnimationGlobal;
|
|
93
|
-
animation_range_start: string | string[] | string[][] | PAnimationGlobal;
|
|
94
|
-
animation_timeline: string | string[][] | PAnimationGlobal;
|
|
95
|
-
animation_timing_function: AnimationTimingFunctionValue | AnimationTimingFunctionValue[][] | PAnimationGlobal;
|
|
96
|
-
appearance: "none" | "auto" | PGlobal;
|
|
97
|
-
aspect_ratio: "auto" | string | [string, "/", string];
|
|
98
|
-
backdrop_filter: string | string[] | PGlobal;
|
|
99
|
-
backface_visibility: "visible" | "hidden" | PGlobal;
|
|
100
|
-
background: string | string[] | string[][] | PGlobal;
|
|
101
|
-
background_attachment: "scroll" | "fixed" | "local" | string | string[] | string[][] | PGlobal;
|
|
102
|
-
background_blend_mode: string | string[] | string[][] | PGlobal;
|
|
103
|
-
background_clip: "border-box" | "padding-box" | "content-box" | "text" | string | string[] | string[][] | PGlobal;
|
|
104
|
-
background_color: string | PColorGlobal;
|
|
105
|
-
background_image: string | string[] | string[][] | PGlobal;
|
|
106
|
-
background_origin: "border-box" | "padding-box" | "content-box" | string | string[] | string[][] | PGlobal;
|
|
107
|
-
background_position: BackgroundPositionValue | BackgroundPositionValue[] | BackgroundPositionValue[][] | PGlobal;
|
|
108
|
-
background_repeat: "repeat" | "repeat-x" | "repeat-y" | "no-repeat" | "space" | "round" | string | string[] | string[][] | PGlobal;
|
|
109
|
-
background_size: string | string[] | string[][] | PGlobal;
|
|
110
|
-
block_size: string | "auto" | PGlobal;
|
|
111
|
-
border: BorderValue | BorderValue[] | PGlobal;
|
|
112
|
-
border_block: string | PGlobal;
|
|
113
|
-
border_block_color: string | PGlobal;
|
|
114
|
-
border_block_end: BorderValue | BorderValue[] | PGlobal;
|
|
115
|
-
border_block_end_color: string | PGlobal;
|
|
116
|
-
border_block_end_style: BorderStyleValue | PGlobal;
|
|
117
|
-
border_block_end_width: string | PGlobal;
|
|
118
|
-
border_block_start: string | PGlobal;
|
|
119
|
-
border_block_start_color: string | PGlobal;
|
|
120
|
-
border_block_start_style: BorderStyleValue | PGlobal;
|
|
121
|
-
border_block_start_width: string | PGlobal;
|
|
122
|
-
border_block_style: BorderStyleValue | PGlobal;
|
|
123
|
-
border_block_width: string | PGlobal;
|
|
124
|
-
border_bottom: string | PGlobal;
|
|
125
|
-
border_bottom_color: string | PGlobal;
|
|
126
|
-
border_bottom_left_radius: string | PGlobal;
|
|
127
|
-
border_bottom_right_radius: string | PGlobal;
|
|
128
|
-
border_bottom_style: BorderStyleValue | PGlobal;
|
|
129
|
-
border_bottom_width: string | PGlobal;
|
|
130
|
-
border_collapse: "collapse" | "separate" | PGlobal;
|
|
131
|
-
border_color: string | string[] | PGlobal;
|
|
132
|
-
border_end_end_radius: string | PGlobal;
|
|
133
|
-
border_end_start_radius: string | PGlobal;
|
|
134
|
-
border_image: string | PGlobal;
|
|
135
|
-
border_image_outset: string | string[] | PGlobal;
|
|
136
|
-
border_image_repeat: "stretch" | "repeat" | "round" | "space" | string | string[] | PGlobal;
|
|
137
|
-
border_image_slice: string | string[] | PGlobal;
|
|
138
|
-
border_image_source: string | PGlobal;
|
|
139
|
-
border_image_width: string | string[] | PGlobal;
|
|
140
|
-
border_inline: string | PGlobal;
|
|
141
|
-
border_inline_color: string | PGlobal;
|
|
142
|
-
border_inline_end: string | PGlobal;
|
|
143
|
-
border_inline_end_color: string | PGlobal;
|
|
144
|
-
border_inline_end_style: BorderStyleValue | PGlobal;
|
|
145
|
-
border_inline_end_width: string | PGlobal;
|
|
146
|
-
border_inline_start: BorderValue | BorderValue[] | PGlobal;
|
|
147
|
-
border_inline_start_color: string | PGlobal;
|
|
148
|
-
border_inline_start_style: BorderStyleValue | PGlobal;
|
|
149
|
-
border_inline_start_width: string | PGlobal;
|
|
150
|
-
border_inline_style: BorderStyleValue | PGlobal;
|
|
151
|
-
border_inline_width: string | PGlobal;
|
|
152
|
-
border_left: string | PGlobal;
|
|
153
|
-
border_left_color: string | PGlobal;
|
|
154
|
-
border_left_style: BorderStyleValue | PGlobal;
|
|
155
|
-
border_left_width: string | PGlobal;
|
|
156
|
-
border_radius: string | string[] | PGlobal;
|
|
157
|
-
border_right: string | PGlobal;
|
|
158
|
-
border_right_color: string | PGlobal;
|
|
159
|
-
border_right_style: BorderStyleValue | PGlobal;
|
|
160
|
-
border_right_width: string | PGlobal;
|
|
161
|
-
border_spacing: string | string[] | PGlobal;
|
|
162
|
-
border_start_end_radius: string | PGlobal;
|
|
163
|
-
border_start_start_radius: string | PGlobal;
|
|
164
|
-
border_style: BorderStyleValue | string | string[] | PGlobal;
|
|
165
|
-
border_top: string | PGlobal;
|
|
166
|
-
border_top_color: string | PGlobal;
|
|
167
|
-
border_top_left_radius: string | PGlobal;
|
|
168
|
-
border_top_right_radius: string | PGlobal;
|
|
169
|
-
border_top_style: BorderStyleValue | PGlobal;
|
|
170
|
-
border_top_width: string | PGlobal;
|
|
171
|
-
border_width: string | string[] | PGlobal;
|
|
172
|
-
bottom: string | "auto" | PGlobal;
|
|
173
|
-
box_decoration_break: "slice" | "clone" | PGlobal;
|
|
174
|
-
box_shadow: string | string[] | string[][] | PGlobal;
|
|
175
|
-
box_sizing: "content-box" | "border-box" | PGlobal;
|
|
176
|
-
break_after: "auto" | "avoid" | "always" | "all" | "avoid-page" | "page" | "left" | "right" | "recto" | "verso" | "avoid-column" | "column" | "avoid-region" | "region" | PGlobal;
|
|
177
|
-
break_before: "auto" | "avoid" | "always" | "all" | "avoid-page" | "page" | "left" | "right" | "recto" | "verso" | "avoid-column" | "column" | "avoid-region" | "region" | PGlobal;
|
|
178
|
-
break_inside: "auto" | "avoid" | "avoid-page" | "avoid-column" | "avoid-region" | PGlobal;
|
|
179
|
-
caption_side: "top" | "bottom" | PGlobal;
|
|
180
|
-
caret_color: string | "auto" | PGlobal;
|
|
181
|
-
clear: "none" | "left" | "right" | "both" | "inline-start" | "inline-end" | PGlobal;
|
|
182
|
-
clip: string | "auto" | PGlobal;
|
|
183
|
-
clip_path: string | PGlobal;
|
|
184
|
-
color: string | PColorGlobal;
|
|
185
|
-
color_scheme: string | string[] | PGlobal;
|
|
186
|
-
column_count: string | "auto" | PGlobal;
|
|
187
|
-
column_fill: "auto" | "balance" | "balance-all" | PGlobal;
|
|
188
|
-
column_gap: string | "normal" | PGlobal;
|
|
189
|
-
column_rule: string | PGlobal;
|
|
190
|
-
column_rule_color: string | PGlobal;
|
|
191
|
-
column_rule_style: BorderStyleValue | PGlobal;
|
|
192
|
-
column_rule_width: string | PGlobal;
|
|
193
|
-
column_span: "none" | "all" | PGlobal;
|
|
194
|
-
column_width: string | "auto" | PGlobal;
|
|
195
|
-
columns: string | string[] | PGlobal;
|
|
196
|
-
contain: "none" | "strict" | "content" | "size" | "layout" | "style" | "paint" | string | string[] | PGlobal;
|
|
197
|
-
contain_intrinsic_block_size: string | "none" | PGlobal;
|
|
198
|
-
contain_intrinsic_height: string | "none" | PGlobal;
|
|
199
|
-
contain_intrinsic_inline_size: string | "none" | PGlobal;
|
|
200
|
-
contain_intrinsic_size: string | string[] | "none" | PGlobal;
|
|
201
|
-
contain_intrinsic_width: string | "none" | PGlobal;
|
|
202
|
-
content: string | "normal" | "none" | PGlobal;
|
|
203
|
-
content_visibility: "visible" | "auto" | "hidden" | PGlobal;
|
|
204
|
-
counter_increment: string | string[] | "none" | PGlobal;
|
|
205
|
-
counter_reset: string | string[] | "none" | PGlobal;
|
|
206
|
-
counter_set: string | string[] | "none" | PGlobal;
|
|
207
|
-
cursor: CursorValue | string | string[] | PGlobal;
|
|
208
|
-
direction: "ltr" | "rtl" | PGlobal;
|
|
209
|
-
display: DisplayValue | DisplayMultiValue | PGlobal;
|
|
210
|
-
empty_cells: "show" | "hide" | PGlobal;
|
|
211
|
-
filter: string | string[] | PGlobal;
|
|
212
|
-
flex: string | string[] | "auto" | "none" | PGlobal;
|
|
213
|
-
flex_basis: string | "auto" | "fill" | "max-content" | "min-content" | "fit-content" | PGlobal;
|
|
214
|
-
flex_direction: FlexDirectionValue | PGlobal;
|
|
215
|
-
flex_flow: FlexFlowMultiValue | PGlobal;
|
|
216
|
-
flex_grow: string | PGlobal;
|
|
217
|
-
flex_shrink: string | PGlobal;
|
|
218
|
-
flex_wrap: FlexWrapValue | PGlobal;
|
|
219
|
-
float: "left" | "right" | "none" | "inline-start" | "inline-end" | PGlobal;
|
|
220
|
-
font: FontValue | PFontGlobal;
|
|
221
|
-
font_family: string | string[] | string[][] | PFontGlobal;
|
|
222
|
-
font_feature_settings: string | string[] | "normal" | PFontGlobal;
|
|
223
|
-
font_kerning: "auto" | "normal" | "none" | PFontGlobal;
|
|
224
|
-
font_language_override: string | "normal" | PFontGlobal;
|
|
225
|
-
font_optical_sizing: "auto" | "none" | PFontGlobal;
|
|
226
|
-
font_size: string | PFontGlobal;
|
|
227
|
-
font_size_adjust: string | "none" | PFontGlobal;
|
|
228
|
-
font_stretch: string | PFontGlobal;
|
|
229
|
-
font_style: "normal" | "italic" | "oblique" | string | PFontGlobal;
|
|
230
|
-
font_synthesis: "none" | "weight" | "style" | string | string[] | PFontGlobal;
|
|
231
|
-
font_variant: string | string[] | "normal" | "none" | PFontGlobal;
|
|
232
|
-
font_variant_alternates: string | "normal" | PFontGlobal;
|
|
233
|
-
font_variant_caps: "normal" | "small-caps" | "all-small-caps" | "petite-caps" | "all-petite-caps" | "unicase" | "titling-caps" | PFontGlobal;
|
|
234
|
-
font_variant_east_asian: string | string[] | "normal" | PFontGlobal;
|
|
235
|
-
font_variant_ligatures: string | string[] | "normal" | "none" | PFontGlobal;
|
|
236
|
-
font_variant_numeric: string | string[] | "normal" | PFontGlobal;
|
|
237
|
-
font_variant_position: "normal" | "sub" | "super" | PFontGlobal;
|
|
238
|
-
font_variation_settings: string | string[] | "normal" | PFontGlobal;
|
|
239
|
-
font_weight: FontWeightValue | PFontGlobal;
|
|
240
|
-
gap: string | string[] | PGlobal;
|
|
241
|
-
grid: string | string[] | string[][] | PGlobal;
|
|
242
|
-
grid_area: string | PGlobal;
|
|
243
|
-
grid_auto_columns: string | string[] | PGlobal;
|
|
244
|
-
grid_auto_flow: "row" | "column" | "dense" | string | string[] | PGlobal;
|
|
245
|
-
grid_auto_rows: string | string[] | PGlobal;
|
|
246
|
-
grid_column: string | string[] | "auto" | PGlobal;
|
|
247
|
-
grid_column_end: string | "auto" | PGlobal;
|
|
248
|
-
grid_column_gap: string | PGlobal;
|
|
249
|
-
grid_column_start: string | "auto" | PGlobal;
|
|
250
|
-
grid_gap: string | string[] | PGlobal;
|
|
251
|
-
grid_row: string | string[] | "auto" | PGlobal;
|
|
252
|
-
grid_row_end: string | "auto" | PGlobal;
|
|
253
|
-
grid_row_gap: string | PGlobal;
|
|
254
|
-
grid_row_start: string | "auto" | PGlobal;
|
|
255
|
-
grid_template: GridTemplateValue | PGlobal;
|
|
256
|
-
grid_template_areas: GridTemplateAreasValue | PGlobal;
|
|
257
|
-
grid_template_columns: GridTemplateColumnsValue | PGlobal;
|
|
258
|
-
grid_template_rows: GridTemplateRowsValue | PGlobal;
|
|
259
|
-
hanging_punctuation: "none" | "first" | "last" | "force-end" | "allow-end" | string | string[] | PGlobal;
|
|
260
|
-
height: string | "auto" | "max-content" | "min-content" | "fit-content" | PGlobal;
|
|
261
|
-
hyphens: "none" | "manual" | "auto" | PGlobal;
|
|
262
|
-
image_orientation: string | "none" | "from-image" | PGlobal;
|
|
263
|
-
image_rendering: "auto" | "crisp-edges" | "pixelated" | PGlobal;
|
|
264
|
-
image_resolution: string | PGlobal;
|
|
265
|
-
inline_size: string | "auto" | PGlobal;
|
|
266
|
-
inset: string | string[] | "auto" | PGlobal;
|
|
267
|
-
inset_block: string | string[] | "auto" | PGlobal;
|
|
268
|
-
inset_block_end: string | "auto" | PGlobal;
|
|
269
|
-
inset_block_start: string | "auto" | PGlobal;
|
|
270
|
-
inset_inline: string | string[] | "auto" | PGlobal;
|
|
271
|
-
inset_inline_end: string | "auto" | PGlobal;
|
|
272
|
-
inset_inline_start: string | "auto" | PGlobal;
|
|
273
|
-
isolation: "auto" | "isolate" | PGlobal;
|
|
274
|
-
justify_content: JustifyContentValue | PGlobal;
|
|
275
|
-
justify_items: "start" | "end" | "center" | "stretch" | "self-start" | "self-end" | "flex-start" | "flex-end" | "left" | "right" | string | PGlobal;
|
|
276
|
-
justify_self: "auto" | "start" | "end" | "center" | "stretch" | "self-start" | "self-end" | "flex-start" | "flex-end" | "left" | "right" | PGlobal;
|
|
277
|
-
left: string | "auto" | PGlobal;
|
|
278
|
-
letter_spacing: string | "normal" | PGlobal;
|
|
279
|
-
line_break: "auto" | "loose" | "normal" | "strict" | "anywhere" | PGlobal;
|
|
280
|
-
line_height: string | "normal" | PGlobal;
|
|
281
|
-
list_style: string | string[] | PGlobal;
|
|
282
|
-
list_style_image: string | "none" | PGlobal;
|
|
283
|
-
list_style_position: "inside" | "outside" | PGlobal;
|
|
284
|
-
list_style_type: string | "none" | PGlobal;
|
|
285
|
-
margin: string | string[] | "auto" | PBoxModelGlobal;
|
|
286
|
-
margin_block: string | string[] | "auto" | PBoxModelGlobal;
|
|
287
|
-
margin_block_end: string | "auto" | PBoxModelGlobal;
|
|
288
|
-
margin_block_start: string | "auto" | PBoxModelGlobal;
|
|
289
|
-
margin_bottom: string | "auto" | PBoxModelGlobal;
|
|
290
|
-
margin_inline: string | string[] | "auto" | PBoxModelGlobal;
|
|
291
|
-
margin_inline_end: string | "auto" | PBoxModelGlobal;
|
|
292
|
-
margin_inline_start: string | "auto" | PBoxModelGlobal;
|
|
293
|
-
margin_left: string | "auto" | PBoxModelGlobal;
|
|
294
|
-
margin_right: string | "auto" | PBoxModelGlobal;
|
|
295
|
-
margin_top: string | "auto" | PBoxModelGlobal;
|
|
296
|
-
mask: string | string[] | PGlobal;
|
|
297
|
-
mask_border: string | PGlobal;
|
|
298
|
-
mask_border_mode: "luminance" | "alpha" | PGlobal;
|
|
299
|
-
mask_border_outset: string | string[] | PGlobal;
|
|
300
|
-
mask_border_repeat: string | string[] | PGlobal;
|
|
301
|
-
mask_border_slice: string | string[] | PGlobal;
|
|
302
|
-
mask_border_source: string | "none" | PGlobal;
|
|
303
|
-
mask_border_width: string | string[] | "auto" | PGlobal;
|
|
304
|
-
mask_clip: string | string[] | "content-box" | "padding-box" | "border-box" | "margin-box" | "fill-box" | "stroke-box" | "view-box" | "no-clip" | PGlobal;
|
|
305
|
-
mask_composite: string | string[] | PGlobal;
|
|
306
|
-
mask_image: string | string[] | "none" | PGlobal;
|
|
307
|
-
mask_mode: string | string[] | "alpha" | "luminance" | "match-source" | PGlobal;
|
|
308
|
-
mask_origin: string | string[] | "content-box" | "padding-box" | "border-box" | "margin-box" | "fill-box" | "stroke-box" | "view-box" | PGlobal;
|
|
309
|
-
mask_position: string | string[] | string[][] | PGlobal;
|
|
310
|
-
mask_repeat: string | string[] | PGlobal;
|
|
311
|
-
mask_size: string | string[] | "auto" | "cover" | "contain" | PGlobal;
|
|
312
|
-
mask_type: "luminance" | "alpha" | PGlobal;
|
|
313
|
-
max_block_size: string | "none" | PGlobal;
|
|
314
|
-
max_height: string | "none" | "max-content" | "min-content" | "fit-content" | PGlobal;
|
|
315
|
-
max_inline_size: string | "none" | PGlobal;
|
|
316
|
-
max_width: string | "none" | "max-content" | "min-content" | "fit-content" | PGlobal;
|
|
317
|
-
min_block_size: string | "auto" | PGlobal;
|
|
318
|
-
min_height: string | "auto" | "max-content" | "min-content" | "fit-content" | PGlobal;
|
|
319
|
-
min_inline_size: string | "auto" | PGlobal;
|
|
320
|
-
min_width: string | "auto" | "max-content" | "min-content" | "fit-content" | PGlobal;
|
|
321
|
-
mix_blend_mode: string | PGlobal;
|
|
322
|
-
object_fit: "fill" | "contain" | "cover" | "none" | "scale-down" | PGlobal;
|
|
323
|
-
object_position: string | string[] | PGlobal;
|
|
324
|
-
offset: string | string[] | PGlobal;
|
|
325
|
-
offset_anchor: string | string[] | "auto" | PGlobal;
|
|
326
|
-
offset_distance: string | PGlobal;
|
|
327
|
-
offset_path: string | "none" | PGlobal;
|
|
328
|
-
offset_rotate: string | "auto" | "reverse" | PGlobal;
|
|
329
|
-
opacity: string | PGlobal;
|
|
330
|
-
order: string | PGlobal;
|
|
331
|
-
orphans: string | PGlobal;
|
|
332
|
-
outline: string | string[] | PGlobal;
|
|
333
|
-
outline_color: string | "invert" | PGlobal;
|
|
334
|
-
outline_offset: string | PGlobal;
|
|
335
|
-
outline_style: BorderStyleValue | "auto" | PGlobal;
|
|
336
|
-
outline_width: string | PGlobal;
|
|
337
|
-
overflow: OverflowValue | OverflowMultiValue | PGlobal;
|
|
338
|
-
overflow_anchor: "auto" | "none" | PGlobal;
|
|
339
|
-
overflow_block: OverflowValue | PGlobal;
|
|
340
|
-
overflow_clip_margin: string | "content-box" | PGlobal;
|
|
341
|
-
overflow_inline: OverflowValue | PGlobal;
|
|
342
|
-
overflow_wrap: "normal" | "break-word" | "anywhere" | PGlobal;
|
|
343
|
-
overflow_x: OverflowValue | PGlobal;
|
|
344
|
-
overflow_y: OverflowValue | PGlobal;
|
|
345
|
-
overscroll_behavior: "auto" | "contain" | "none" | string | string[] | PGlobal;
|
|
346
|
-
overscroll_behavior_block: "auto" | "contain" | "none" | PGlobal;
|
|
347
|
-
overscroll_behavior_inline: "auto" | "contain" | "none" | PGlobal;
|
|
348
|
-
overscroll_behavior_x: "auto" | "contain" | "none" | PGlobal;
|
|
349
|
-
overscroll_behavior_y: "auto" | "contain" | "none" | PGlobal;
|
|
350
|
-
padding: string | string[] | PBoxModelGlobal;
|
|
351
|
-
padding_block: string | string[] | PBoxModelGlobal;
|
|
352
|
-
padding_block_end: string | PBoxModelGlobal;
|
|
353
|
-
padding_block_start: string | PBoxModelGlobal;
|
|
354
|
-
padding_bottom: string | PBoxModelGlobal;
|
|
355
|
-
padding_inline: string | string[] | PBoxModelGlobal;
|
|
356
|
-
padding_inline_end: string | PBoxModelGlobal;
|
|
357
|
-
padding_inline_start: string | PBoxModelGlobal;
|
|
358
|
-
padding_left: string | PBoxModelGlobal;
|
|
359
|
-
padding_right: string | PBoxModelGlobal;
|
|
360
|
-
padding_top: string | PBoxModelGlobal;
|
|
361
|
-
page_break_after: "auto" | "always" | "avoid" | "left" | "right" | PGlobal;
|
|
362
|
-
page_break_before: "auto" | "always" | "avoid" | "left" | "right" | PGlobal;
|
|
363
|
-
page_break_inside: "auto" | "avoid" | PGlobal;
|
|
364
|
-
paint_order: "normal" | "fill" | "stroke" | "markers" | string | string[] | PGlobal;
|
|
365
|
-
perspective: string | "none" | PGlobal;
|
|
366
|
-
perspective_origin: string | string[] | PGlobal;
|
|
367
|
-
place_content: string | string[] | PGlobal;
|
|
368
|
-
place_items: string | string[] | PGlobal;
|
|
369
|
-
place_self: string | string[] | PGlobal;
|
|
370
|
-
pointer_events: "auto" | "none" | "visiblePainted" | "visibleFill" | "visibleStroke" | "visible" | "painted" | "fill" | "stroke" | "all" | PGlobal;
|
|
371
|
-
position: PositionValue | PPositionGlobal;
|
|
372
|
-
quotes: string | string[] | "auto" | "none" | PGlobal;
|
|
373
|
-
resize: "none" | "both" | "horizontal" | "vertical" | "block" | "inline" | PGlobal;
|
|
374
|
-
right: string | "auto" | PGlobal;
|
|
375
|
-
rotate: string | "none" | PGlobal;
|
|
376
|
-
row_gap: string | "normal" | PGlobal;
|
|
377
|
-
scale: string | string[] | "none" | PGlobal;
|
|
378
|
-
scroll_behavior: "auto" | "smooth" | PGlobal;
|
|
379
|
-
scroll_margin: string | string[] | PGlobal;
|
|
380
|
-
scroll_margin_block: string | string[] | PGlobal;
|
|
381
|
-
scroll_margin_block_end: string | PGlobal;
|
|
382
|
-
scroll_margin_block_start: string | PGlobal;
|
|
383
|
-
scroll_margin_bottom: string | PGlobal;
|
|
384
|
-
scroll_margin_inline: string | string[] | PGlobal;
|
|
385
|
-
scroll_margin_inline_end: string | PGlobal;
|
|
386
|
-
scroll_margin_inline_start: string | PGlobal;
|
|
387
|
-
scroll_margin_left: string | PGlobal;
|
|
388
|
-
scroll_margin_right: string | PGlobal;
|
|
389
|
-
scroll_margin_top: string | PGlobal;
|
|
390
|
-
scroll_padding: string | string[] | "auto" | PGlobal;
|
|
391
|
-
scroll_padding_block: string | string[] | "auto" | PGlobal;
|
|
392
|
-
scroll_padding_block_end: string | "auto" | PGlobal;
|
|
393
|
-
scroll_padding_block_start: string | "auto" | PGlobal;
|
|
394
|
-
scroll_padding_bottom: string | "auto" | PGlobal;
|
|
395
|
-
scroll_padding_inline: string | string[] | "auto" | PGlobal;
|
|
396
|
-
scroll_padding_inline_end: string | "auto" | PGlobal;
|
|
397
|
-
scroll_padding_inline_start: string | "auto" | PGlobal;
|
|
398
|
-
scroll_padding_left: string | "auto" | PGlobal;
|
|
399
|
-
scroll_padding_right: string | "auto" | PGlobal;
|
|
400
|
-
scroll_padding_top: string | "auto" | PGlobal;
|
|
401
|
-
scroll_snap_align: "none" | "start" | "end" | "center" | string | string[] | PGlobal;
|
|
402
|
-
scroll_snap_stop: "normal" | "always" | PGlobal;
|
|
403
|
-
scroll_snap_type: "none" | "x" | "y" | "block" | "inline" | "both" | string | string[] | PGlobal;
|
|
404
|
-
scrollbar_color: string | string[] | "auto" | PGlobal;
|
|
405
|
-
scrollbar_width: "auto" | "thin" | "none" | PGlobal;
|
|
406
|
-
shape_image_threshold: string | PGlobal;
|
|
407
|
-
shape_margin: string | PGlobal;
|
|
408
|
-
shape_outside: "none" | "margin-box" | "content-box" | "border-box" | "padding-box" | string | PGlobal;
|
|
409
|
-
tab_size: string | PGlobal;
|
|
410
|
-
table_layout: "auto" | "fixed" | PGlobal;
|
|
411
|
-
text_align: TextAlignValue | PGlobal;
|
|
412
|
-
text_align_last: TextAlignValue | "auto" | PGlobal;
|
|
413
|
-
text_combine_upright: "none" | "all" | string | PGlobal;
|
|
414
|
-
text_decoration: TextDecorationMultiValue | PGlobal;
|
|
415
|
-
text_decoration_color: string | PGlobal;
|
|
416
|
-
text_decoration_line: TextDecorationLineValue | string | string[] | PGlobal;
|
|
417
|
-
text_decoration_skip: "none" | "objects" | "spaces" | "ink" | "edges" | "box-decoration" | string | string[] | PGlobal;
|
|
418
|
-
text_decoration_skip_ink: "auto" | "none" | "all" | PGlobal;
|
|
419
|
-
text_decoration_style: "solid" | "double" | "dotted" | "dashed" | "wavy" | PGlobal;
|
|
420
|
-
text_decoration_thickness: string | "auto" | "from-font" | PGlobal;
|
|
421
|
-
text_emphasis: string | string[] | PGlobal;
|
|
422
|
-
text_emphasis_color: string | PGlobal;
|
|
423
|
-
text_emphasis_position: string | string[] | PGlobal;
|
|
424
|
-
text_emphasis_style: "none" | "filled" | "open" | "dot" | "circle" | "double-circle" | "triangle" | "sesame" | string | PGlobal;
|
|
425
|
-
text_indent: string | PGlobal;
|
|
426
|
-
text_justify: "auto" | "inter-character" | "inter-word" | "none" | PGlobal;
|
|
427
|
-
text_orientation: "mixed" | "upright" | "sideways" | PGlobal;
|
|
428
|
-
text_overflow: "clip" | "ellipsis" | string | PGlobal;
|
|
429
|
-
text_rendering: "auto" | "optimizeSpeed" | "optimizeLegibility" | "geometricPrecision" | PGlobal;
|
|
430
|
-
text_shadow: string | string[] | string[][] | "none" | PGlobal;
|
|
431
|
-
text_size_adjust: "none" | "auto" | string | PGlobal;
|
|
432
|
-
text_transform: TextTransformValue | PGlobal;
|
|
433
|
-
text_underline_offset: string | "auto" | PGlobal;
|
|
434
|
-
text_underline_position: "auto" | "from-font" | "under" | "left" | "right" | string | string[] | PGlobal;
|
|
435
|
-
top: string | "auto" | PGlobal;
|
|
436
|
-
touch_action: "auto" | "none" | "pan-x" | "pan-y" | "pan-left" | "pan-right" | "pan-up" | "pan-down" | "pinch-zoom" | "manipulation" | string | string[] | PGlobal;
|
|
437
|
-
transform: TransformValue | PGlobal;
|
|
438
|
-
transform_box: "content-box" | "border-box" | "fill-box" | "stroke-box" | "view-box" | PGlobal;
|
|
439
|
-
transform_origin: string | string[] | string[][] | PGlobal;
|
|
440
|
-
transform_style: "flat" | "preserve-3d" | PGlobal;
|
|
441
|
-
transition: TransitionValue | PTransitionGlobal;
|
|
442
|
-
transition_delay: string | string[] | string[][] | PTransitionGlobal;
|
|
443
|
-
transition_duration: string | string[] | string[][] | PTransitionGlobal;
|
|
444
|
-
transition_property: TransitionPropertyValue | TransitionPropertyValue[] | TransitionPropertyValue[][] | PTransitionGlobal;
|
|
445
|
-
transition_timing_function: TransitionTimingFunctionValue | TransitionTimingFunctionValue[] | TransitionTimingFunctionValue[][] | PTransitionGlobal;
|
|
446
|
-
translate: string | string[] | "none" | PGlobal;
|
|
447
|
-
unicode_bidi: "normal" | "embed" | "isolate" | "bidi-override" | "isolate-override" | "plaintext" | PGlobal;
|
|
448
|
-
user_select: "auto" | "none" | "text" | "contain" | "all" | PGlobal;
|
|
449
|
-
vertical_align: "baseline" | "sub" | "super" | "text-top" | "text-bottom" | "middle" | "top" | "bottom" | string | PGlobal;
|
|
450
|
-
visibility: "visible" | "hidden" | "collapse" | PGlobal;
|
|
451
|
-
white_space: "normal" | "nowrap" | "pre" | "pre-wrap" | "pre-line" | "break-spaces" | PGlobal;
|
|
452
|
-
widows: string | PGlobal;
|
|
453
|
-
width: string | "auto" | "max-content" | "min-content" | "fit-content" | PGlobal;
|
|
454
|
-
will_change: string | string[] | "auto" | PGlobal;
|
|
455
|
-
word_break: "normal" | "break-all" | "keep-all" | "break-word" | PGlobal;
|
|
456
|
-
word_spacing: string | "normal" | PGlobal;
|
|
457
|
-
word_wrap: "normal" | "break-word" | PGlobal;
|
|
458
|
-
writing_mode: "horizontal-tb" | "vertical-rl" | "vertical-lr" | "sideways-rl" | "sideways-lr" | PGlobal;
|
|
459
|
-
z_index: string | "auto" | PGlobal;
|
|
460
|
-
[key: `--${string}`]: string;
|
|
461
|
-
}>;
|
|
462
|
-
//#endregion
|
|
463
|
-
//#region src/registry.d.ts
|
|
464
|
-
type Registry = Map<string, [string[], Partial<Properties>]>;
|
|
465
|
-
declare function initCssRegistry(): void;
|
|
466
|
-
declare function getCssRegistry(): Registry;
|
|
467
|
-
//#endregion
|
|
468
6
|
//#region src/css.d.ts
|
|
469
7
|
type CssOpt = {
|
|
470
8
|
name?: string;
|
|
@@ -479,15 +17,17 @@ type GenCssFnOpt = {
|
|
|
479
17
|
};
|
|
480
18
|
declare function genCssFn(opt: GenCssFnOpt): CssFnT;
|
|
481
19
|
//#endregion
|
|
482
|
-
//#region src/
|
|
483
|
-
type Params = Record<string,
|
|
20
|
+
//#region src/route.d.ts
|
|
21
|
+
type Params = Record<string, unknown>;
|
|
484
22
|
type StaticRoute = {
|
|
23
|
+
type: "static";
|
|
485
24
|
path: string;
|
|
486
25
|
component: (props: {
|
|
487
26
|
params: Record<string, never>;
|
|
488
27
|
}) => ReactElement;
|
|
489
28
|
};
|
|
490
29
|
type DynamicRoute<P extends Params = Params> = {
|
|
30
|
+
type: "dynamic";
|
|
491
31
|
path: (params: P) => string;
|
|
492
32
|
cssPath: string;
|
|
493
33
|
getStaticPaths: () => P[];
|
|
@@ -495,16 +35,13 @@ type DynamicRoute<P extends Params = Params> = {
|
|
|
495
35
|
params: P;
|
|
496
36
|
}) => ReactElement;
|
|
497
37
|
};
|
|
498
|
-
type
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
cssPath: string;
|
|
505
|
-
render: () => ReactElement;
|
|
38
|
+
type FileRoute = {
|
|
39
|
+
type: "file";
|
|
40
|
+
path: string;
|
|
41
|
+
component: (props: {
|
|
42
|
+
params: Record<string, never>;
|
|
43
|
+
}) => string;
|
|
506
44
|
};
|
|
507
|
-
|
|
508
|
-
declare function urlToFilePath(url: string): string;
|
|
45
|
+
type AnyRoute = StaticRoute | DynamicRoute<any> | FileRoute;
|
|
509
46
|
//#endregion
|
|
510
|
-
export { type AnyRoute, type CssOpt, type DynamicRoute, type Params, type Properties, type
|
|
47
|
+
export { type AnyRoute, type CssOpt, type DynamicRoute, type FileRoute, type Params, type Properties, type Registry, type StaticRoute, css, genCssFn, runWithRegistry };
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{n as e,t}from"./css-BZ1E8BDE.js";import{runWithRegistry as n}from"cirrojs/registry";export{t as css,e as genCssFn,n as runWithRegistry};
|
|
@@ -0,0 +1,461 @@
|
|
|
1
|
+
//#region src/properties.d.ts
|
|
2
|
+
type AlignContentBaseKeyword = "normal" | "start" | "center" | "end" | "flex-start" | "flex-end" | "baseline" | "first baseline" | "last baseline" | "space-between" | "space-around" | "space-evenly" | "stretch";
|
|
3
|
+
type AlignContentKeyword = AlignContentBaseKeyword | ["safe", AlignContentBaseKeyword] | ["unsafe", AlignContentBaseKeyword];
|
|
4
|
+
type BackgroundPositionKeyword = "left" | "center" | "right" | "top" | "bottom";
|
|
5
|
+
type BackgroundPositionValue = BackgroundPositionKeyword | string;
|
|
6
|
+
type PInherit = "inherit";
|
|
7
|
+
type PInitial = "initial";
|
|
8
|
+
type PRevert = "revert";
|
|
9
|
+
type PRevertLayer = "revert-layer";
|
|
10
|
+
type PUnset = "unset";
|
|
11
|
+
type PGlobal = PInherit | PInitial | PRevert | PRevertLayer | PUnset;
|
|
12
|
+
type DisplayOutsideValue = "block" | "inline" | "run-in";
|
|
13
|
+
type DisplayInsideValue = "flow" | "flow-root" | "table" | "flex" | "grid" | "ruby";
|
|
14
|
+
type DisplayListItemValue = "list-item";
|
|
15
|
+
type DisplayInternalValue = "table-row-group" | "table-header-group" | "table-footer-group" | "table-row" | "table-cell" | "table-column-group" | "table-column" | "table-caption" | "ruby-base" | "ruby-text" | "ruby-base-container" | "ruby-text-container";
|
|
16
|
+
type DisplayBoxValue = "contents" | "none";
|
|
17
|
+
type DisplayLegacyValue = "inline-block" | "inline-table" | "inline-flex" | "inline-grid";
|
|
18
|
+
type DisplayValue = DisplayOutsideValue | DisplayInsideValue | DisplayListItemValue | DisplayInternalValue | DisplayBoxValue | DisplayLegacyValue | "table" | "inline-block" | "inline-flex" | "inline-grid";
|
|
19
|
+
type DisplayMultiValue = DisplayValue | DisplayValue[];
|
|
20
|
+
type PositionValue = "static" | "relative" | "absolute" | "fixed" | "sticky";
|
|
21
|
+
type PAnimationGlobal = PGlobal;
|
|
22
|
+
type PTransitionGlobal = PGlobal;
|
|
23
|
+
type PColorGlobal = PGlobal;
|
|
24
|
+
type PBoxModelGlobal = PGlobal;
|
|
25
|
+
type PFontGlobal = PGlobal;
|
|
26
|
+
type PPositionGlobal = PGlobal;
|
|
27
|
+
type FlexDirectionValue = "row" | "row-reverse" | "column" | "column-reverse";
|
|
28
|
+
type FlexWrapValue = "nowrap" | "wrap" | "wrap-reverse";
|
|
29
|
+
type FlexFlowSingleValue = FlexDirectionValue | FlexWrapValue;
|
|
30
|
+
type FlexFlowMultiValue = FlexFlowSingleValue | [FlexFlowSingleValue, FlexFlowSingleValue];
|
|
31
|
+
type JustifyContentValue = "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "start" | "end" | "left" | "right";
|
|
32
|
+
type AlignItemsSelfPosition = "center" | "start" | "end" | "self-start" | "self-end" | "flex-start" | "flex-end";
|
|
33
|
+
type AlignItemsValue = "normal" | "stretch" | "anchor-center" | "baseline" | "first baseline" | "last baseline" | AlignItemsSelfPosition | ["safe", AlignItemsSelfPosition] | ["unsafe", AlignItemsSelfPosition];
|
|
34
|
+
type AlignSelfValue = "auto" | "normal" | "stretch" | "baseline" | "first baseline" | "last baseline" | "anchor-center" | AlignItemsSelfPosition | ["unsafe", AlignItemsSelfPosition] | ["safe", AlignItemsSelfPosition];
|
|
35
|
+
type AlignmentBaselineValue = "baseline" | "text-bottom" | "alphabetic" | "ideographic" | "middle" | "central" | "mathematical" | "text-top";
|
|
36
|
+
type TextAlignValue = "left" | "right" | "center" | "justify" | "start" | "end";
|
|
37
|
+
type OverflowValue = "visible" | "hidden" | "scroll" | "auto" | "clip";
|
|
38
|
+
type OverflowMultiValue = OverflowValue | [OverflowValue, OverflowValue];
|
|
39
|
+
type TextDecorationLineValue = "none" | "underline" | "overline" | "line-through";
|
|
40
|
+
type TextDecorationStyleValue = "solid" | "double" | "dotted" | "dashed" | "wavy";
|
|
41
|
+
type TextDecorationColorValue = string;
|
|
42
|
+
type TextDecorationValue = TextDecorationLineValue | TextDecorationStyleValue | TextDecorationColorValue;
|
|
43
|
+
type TextDecorationMultiValue = TextDecorationValue | TextDecorationValue[];
|
|
44
|
+
type TextTransformValue = "none" | "capitalize" | "uppercase" | "lowercase" | "full-width";
|
|
45
|
+
type BorderStyleValue = "none" | "hidden" | "dotted" | "dashed" | "solid" | "double" | "groove" | "ridge" | "inset" | "outset";
|
|
46
|
+
type BorderWidthValue = "thin" | "medium" | "thick" | string;
|
|
47
|
+
type BorderColorValue = string;
|
|
48
|
+
type BorderValue = BorderStyleValue | BorderWidthValue | BorderColorValue;
|
|
49
|
+
type CursorValue = "auto" | "default" | "pointer" | "wait" | "text" | "move" | "not-allowed" | "grab" | "grabbing" | "zoom-in" | "zoom-out" | "help" | "crosshair";
|
|
50
|
+
type AnimationNameValue = string;
|
|
51
|
+
type AnimationDurationValue = string;
|
|
52
|
+
type AnimationTimingFunctionValue = "ease" | "ease-in" | "ease-out" | "ease-in-out" | "linear" | "step-start" | "step-end" | string;
|
|
53
|
+
type AnimationDelayValue = string;
|
|
54
|
+
type AnimationIterationCountValue = string | "infinite";
|
|
55
|
+
type AnimationDirectionValue = "normal" | "reverse" | "alternate" | "alternate-reverse";
|
|
56
|
+
type AnimationFillModeValue = "none" | "forwards" | "backwards" | "both";
|
|
57
|
+
type AnimationPlayStateValue = "running" | "paused";
|
|
58
|
+
type AnimationCompositionValue = "replace" | "add" | "accumulate";
|
|
59
|
+
type AnimationTimeline = string;
|
|
60
|
+
type AnimationValueBase = AnimationNameValue | AnimationDurationValue | AnimationTimingFunctionValue | AnimationDelayValue | AnimationIterationCountValue | AnimationDirectionValue | AnimationFillModeValue | AnimationPlayStateValue | AnimationTimeline;
|
|
61
|
+
type AnimationValue = AnimationValueBase | AnimationValueBase[] | AnimationValueBase[][];
|
|
62
|
+
type FontWeightValue = "normal" | "bold" | "bolder" | "lighter" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
|
|
63
|
+
type FontValue = string | string[] | string[];
|
|
64
|
+
type GridTemplateAreasValue = "none" | string | string[];
|
|
65
|
+
type GridTemplateValue = string | string[] | string[][];
|
|
66
|
+
type GridTemplateColumnsValue = string | string[] | string[][] | "none";
|
|
67
|
+
type GridTemplateRowsValue = string | string[] | string[][] | "none";
|
|
68
|
+
type TransformFunctionValue = string;
|
|
69
|
+
type TransformValue = "none" | TransformFunctionValue | TransformFunctionValue[] | string[];
|
|
70
|
+
type TransitionPropertyValue = string | "none" | "all";
|
|
71
|
+
type TransitionTimingFunctionValue = "ease" | "ease-in" | "ease-out" | "ease-in-out" | "linear" | "step-start" | "step-end" | string;
|
|
72
|
+
type TransitionValue = string | string[] | string[][];
|
|
73
|
+
type Properties = Partial<{
|
|
74
|
+
align_content: AlignContentKeyword | PGlobal;
|
|
75
|
+
align_items: AlignItemsValue | PGlobal;
|
|
76
|
+
align_self: AlignSelfValue | PGlobal;
|
|
77
|
+
alignment_baseline: AlignmentBaselineValue | PGlobal;
|
|
78
|
+
all: PGlobal;
|
|
79
|
+
anchor_name: string | string[][];
|
|
80
|
+
animation: AnimationValue | PAnimationGlobal;
|
|
81
|
+
animation_composition: AnimationCompositionValue | AnimationCompositionValue[] | PAnimationGlobal;
|
|
82
|
+
animation_delay: string | string[][] | PAnimationGlobal;
|
|
83
|
+
animation_direction: AnimationDirectionValue | AnimationDirectionValue[][] | PAnimationGlobal;
|
|
84
|
+
animation_duration: string | string[][] | PAnimationGlobal;
|
|
85
|
+
animation_fill_mode: AnimationFillModeValue | AnimationFillModeValue[][] | PAnimationGlobal;
|
|
86
|
+
animation_iteration_count: AnimationIterationCountValue | AnimationIterationCountValue[][] | PAnimationGlobal;
|
|
87
|
+
animation_name: string | string[][] | PAnimationGlobal;
|
|
88
|
+
animation_play_state: AnimationPlayStateValue | AnimationPlayStateValue[][] | PAnimationGlobal;
|
|
89
|
+
animation_range: string | string[] | string[][] | PAnimationGlobal;
|
|
90
|
+
animation_range_end: string | string[] | string[][] | PAnimationGlobal;
|
|
91
|
+
animation_range_start: string | string[] | string[][] | PAnimationGlobal;
|
|
92
|
+
animation_timeline: string | string[][] | PAnimationGlobal;
|
|
93
|
+
animation_timing_function: AnimationTimingFunctionValue | AnimationTimingFunctionValue[][] | PAnimationGlobal;
|
|
94
|
+
appearance: "none" | "auto" | PGlobal;
|
|
95
|
+
aspect_ratio: "auto" | string | [string, "/", string];
|
|
96
|
+
backdrop_filter: string | string[] | PGlobal;
|
|
97
|
+
backface_visibility: "visible" | "hidden" | PGlobal;
|
|
98
|
+
background: string | string[] | string[][] | PGlobal;
|
|
99
|
+
background_attachment: "scroll" | "fixed" | "local" | string | string[] | string[][] | PGlobal;
|
|
100
|
+
background_blend_mode: string | string[] | string[][] | PGlobal;
|
|
101
|
+
background_clip: "border-box" | "padding-box" | "content-box" | "text" | string | string[] | string[][] | PGlobal;
|
|
102
|
+
background_color: string | PColorGlobal;
|
|
103
|
+
background_image: string | string[] | string[][] | PGlobal;
|
|
104
|
+
background_origin: "border-box" | "padding-box" | "content-box" | string | string[] | string[][] | PGlobal;
|
|
105
|
+
background_position: BackgroundPositionValue | BackgroundPositionValue[] | BackgroundPositionValue[][] | PGlobal;
|
|
106
|
+
background_repeat: "repeat" | "repeat-x" | "repeat-y" | "no-repeat" | "space" | "round" | string | string[] | string[][] | PGlobal;
|
|
107
|
+
background_size: string | string[] | string[][] | PGlobal;
|
|
108
|
+
block_size: string | "auto" | PGlobal;
|
|
109
|
+
border: BorderValue | BorderValue[] | PGlobal;
|
|
110
|
+
border_block: string | PGlobal;
|
|
111
|
+
border_block_color: string | PGlobal;
|
|
112
|
+
border_block_end: BorderValue | BorderValue[] | PGlobal;
|
|
113
|
+
border_block_end_color: string | PGlobal;
|
|
114
|
+
border_block_end_style: BorderStyleValue | PGlobal;
|
|
115
|
+
border_block_end_width: string | PGlobal;
|
|
116
|
+
border_block_start: string | PGlobal;
|
|
117
|
+
border_block_start_color: string | PGlobal;
|
|
118
|
+
border_block_start_style: BorderStyleValue | PGlobal;
|
|
119
|
+
border_block_start_width: string | PGlobal;
|
|
120
|
+
border_block_style: BorderStyleValue | PGlobal;
|
|
121
|
+
border_block_width: string | PGlobal;
|
|
122
|
+
border_bottom: string | PGlobal;
|
|
123
|
+
border_bottom_color: string | PGlobal;
|
|
124
|
+
border_bottom_left_radius: string | PGlobal;
|
|
125
|
+
border_bottom_right_radius: string | PGlobal;
|
|
126
|
+
border_bottom_style: BorderStyleValue | PGlobal;
|
|
127
|
+
border_bottom_width: string | PGlobal;
|
|
128
|
+
border_collapse: "collapse" | "separate" | PGlobal;
|
|
129
|
+
border_color: string | string[] | PGlobal;
|
|
130
|
+
border_end_end_radius: string | PGlobal;
|
|
131
|
+
border_end_start_radius: string | PGlobal;
|
|
132
|
+
border_image: string | PGlobal;
|
|
133
|
+
border_image_outset: string | string[] | PGlobal;
|
|
134
|
+
border_image_repeat: "stretch" | "repeat" | "round" | "space" | string | string[] | PGlobal;
|
|
135
|
+
border_image_slice: string | string[] | PGlobal;
|
|
136
|
+
border_image_source: string | PGlobal;
|
|
137
|
+
border_image_width: string | string[] | PGlobal;
|
|
138
|
+
border_inline: string | PGlobal;
|
|
139
|
+
border_inline_color: string | PGlobal;
|
|
140
|
+
border_inline_end: string | PGlobal;
|
|
141
|
+
border_inline_end_color: string | PGlobal;
|
|
142
|
+
border_inline_end_style: BorderStyleValue | PGlobal;
|
|
143
|
+
border_inline_end_width: string | PGlobal;
|
|
144
|
+
border_inline_start: BorderValue | BorderValue[] | PGlobal;
|
|
145
|
+
border_inline_start_color: string | PGlobal;
|
|
146
|
+
border_inline_start_style: BorderStyleValue | PGlobal;
|
|
147
|
+
border_inline_start_width: string | PGlobal;
|
|
148
|
+
border_inline_style: BorderStyleValue | PGlobal;
|
|
149
|
+
border_inline_width: string | PGlobal;
|
|
150
|
+
border_left: string | PGlobal;
|
|
151
|
+
border_left_color: string | PGlobal;
|
|
152
|
+
border_left_style: BorderStyleValue | PGlobal;
|
|
153
|
+
border_left_width: string | PGlobal;
|
|
154
|
+
border_radius: string | string[] | PGlobal;
|
|
155
|
+
border_right: string | PGlobal;
|
|
156
|
+
border_right_color: string | PGlobal;
|
|
157
|
+
border_right_style: BorderStyleValue | PGlobal;
|
|
158
|
+
border_right_width: string | PGlobal;
|
|
159
|
+
border_spacing: string | string[] | PGlobal;
|
|
160
|
+
border_start_end_radius: string | PGlobal;
|
|
161
|
+
border_start_start_radius: string | PGlobal;
|
|
162
|
+
border_style: BorderStyleValue | string | string[] | PGlobal;
|
|
163
|
+
border_top: string | PGlobal;
|
|
164
|
+
border_top_color: string | PGlobal;
|
|
165
|
+
border_top_left_radius: string | PGlobal;
|
|
166
|
+
border_top_right_radius: string | PGlobal;
|
|
167
|
+
border_top_style: BorderStyleValue | PGlobal;
|
|
168
|
+
border_top_width: string | PGlobal;
|
|
169
|
+
border_width: string | string[] | PGlobal;
|
|
170
|
+
bottom: string | "auto" | PGlobal;
|
|
171
|
+
box_decoration_break: "slice" | "clone" | PGlobal;
|
|
172
|
+
box_shadow: string | string[] | string[][] | PGlobal;
|
|
173
|
+
box_sizing: "content-box" | "border-box" | PGlobal;
|
|
174
|
+
break_after: "auto" | "avoid" | "always" | "all" | "avoid-page" | "page" | "left" | "right" | "recto" | "verso" | "avoid-column" | "column" | "avoid-region" | "region" | PGlobal;
|
|
175
|
+
break_before: "auto" | "avoid" | "always" | "all" | "avoid-page" | "page" | "left" | "right" | "recto" | "verso" | "avoid-column" | "column" | "avoid-region" | "region" | PGlobal;
|
|
176
|
+
break_inside: "auto" | "avoid" | "avoid-page" | "avoid-column" | "avoid-region" | PGlobal;
|
|
177
|
+
caption_side: "top" | "bottom" | PGlobal;
|
|
178
|
+
caret_color: string | "auto" | PGlobal;
|
|
179
|
+
clear: "none" | "left" | "right" | "both" | "inline-start" | "inline-end" | PGlobal;
|
|
180
|
+
clip: string | "auto" | PGlobal;
|
|
181
|
+
clip_path: string | PGlobal;
|
|
182
|
+
color: string | PColorGlobal;
|
|
183
|
+
color_scheme: string | string[] | PGlobal;
|
|
184
|
+
column_count: string | "auto" | PGlobal;
|
|
185
|
+
column_fill: "auto" | "balance" | "balance-all" | PGlobal;
|
|
186
|
+
column_gap: string | "normal" | PGlobal;
|
|
187
|
+
column_rule: string | PGlobal;
|
|
188
|
+
column_rule_color: string | PGlobal;
|
|
189
|
+
column_rule_style: BorderStyleValue | PGlobal;
|
|
190
|
+
column_rule_width: string | PGlobal;
|
|
191
|
+
column_span: "none" | "all" | PGlobal;
|
|
192
|
+
column_width: string | "auto" | PGlobal;
|
|
193
|
+
columns: string | string[] | PGlobal;
|
|
194
|
+
contain: "none" | "strict" | "content" | "size" | "layout" | "style" | "paint" | string | string[] | PGlobal;
|
|
195
|
+
contain_intrinsic_block_size: string | "none" | PGlobal;
|
|
196
|
+
contain_intrinsic_height: string | "none" | PGlobal;
|
|
197
|
+
contain_intrinsic_inline_size: string | "none" | PGlobal;
|
|
198
|
+
contain_intrinsic_size: string | string[] | "none" | PGlobal;
|
|
199
|
+
contain_intrinsic_width: string | "none" | PGlobal;
|
|
200
|
+
content: string | "normal" | "none" | PGlobal;
|
|
201
|
+
content_visibility: "visible" | "auto" | "hidden" | PGlobal;
|
|
202
|
+
counter_increment: string | string[] | "none" | PGlobal;
|
|
203
|
+
counter_reset: string | string[] | "none" | PGlobal;
|
|
204
|
+
counter_set: string | string[] | "none" | PGlobal;
|
|
205
|
+
cursor: CursorValue | string | string[] | PGlobal;
|
|
206
|
+
direction: "ltr" | "rtl" | PGlobal;
|
|
207
|
+
display: DisplayValue | DisplayMultiValue | PGlobal;
|
|
208
|
+
empty_cells: "show" | "hide" | PGlobal;
|
|
209
|
+
filter: string | string[] | PGlobal;
|
|
210
|
+
flex: string | string[] | "auto" | "none" | PGlobal;
|
|
211
|
+
flex_basis: string | "auto" | "fill" | "max-content" | "min-content" | "fit-content" | PGlobal;
|
|
212
|
+
flex_direction: FlexDirectionValue | PGlobal;
|
|
213
|
+
flex_flow: FlexFlowMultiValue | PGlobal;
|
|
214
|
+
flex_grow: string | PGlobal;
|
|
215
|
+
flex_shrink: string | PGlobal;
|
|
216
|
+
flex_wrap: FlexWrapValue | PGlobal;
|
|
217
|
+
float: "left" | "right" | "none" | "inline-start" | "inline-end" | PGlobal;
|
|
218
|
+
font: FontValue | PFontGlobal;
|
|
219
|
+
font_family: string | string[] | string[][] | PFontGlobal;
|
|
220
|
+
font_feature_settings: string | string[] | "normal" | PFontGlobal;
|
|
221
|
+
font_kerning: "auto" | "normal" | "none" | PFontGlobal;
|
|
222
|
+
font_language_override: string | "normal" | PFontGlobal;
|
|
223
|
+
font_optical_sizing: "auto" | "none" | PFontGlobal;
|
|
224
|
+
font_size: string | PFontGlobal;
|
|
225
|
+
font_size_adjust: string | "none" | PFontGlobal;
|
|
226
|
+
font_stretch: string | PFontGlobal;
|
|
227
|
+
font_style: "normal" | "italic" | "oblique" | string | PFontGlobal;
|
|
228
|
+
font_synthesis: "none" | "weight" | "style" | string | string[] | PFontGlobal;
|
|
229
|
+
font_variant: string | string[] | "normal" | "none" | PFontGlobal;
|
|
230
|
+
font_variant_alternates: string | "normal" | PFontGlobal;
|
|
231
|
+
font_variant_caps: "normal" | "small-caps" | "all-small-caps" | "petite-caps" | "all-petite-caps" | "unicase" | "titling-caps" | PFontGlobal;
|
|
232
|
+
font_variant_east_asian: string | string[] | "normal" | PFontGlobal;
|
|
233
|
+
font_variant_ligatures: string | string[] | "normal" | "none" | PFontGlobal;
|
|
234
|
+
font_variant_numeric: string | string[] | "normal" | PFontGlobal;
|
|
235
|
+
font_variant_position: "normal" | "sub" | "super" | PFontGlobal;
|
|
236
|
+
font_variation_settings: string | string[] | "normal" | PFontGlobal;
|
|
237
|
+
font_weight: FontWeightValue | PFontGlobal;
|
|
238
|
+
gap: string | string[] | PGlobal;
|
|
239
|
+
grid: string | string[] | string[][] | PGlobal;
|
|
240
|
+
grid_area: string | PGlobal;
|
|
241
|
+
grid_auto_columns: string | string[] | PGlobal;
|
|
242
|
+
grid_auto_flow: "row" | "column" | "dense" | string | string[] | PGlobal;
|
|
243
|
+
grid_auto_rows: string | string[] | PGlobal;
|
|
244
|
+
grid_column: string | string[] | "auto" | PGlobal;
|
|
245
|
+
grid_column_end: string | "auto" | PGlobal;
|
|
246
|
+
grid_column_gap: string | PGlobal;
|
|
247
|
+
grid_column_start: string | "auto" | PGlobal;
|
|
248
|
+
grid_gap: string | string[] | PGlobal;
|
|
249
|
+
grid_row: string | string[] | "auto" | PGlobal;
|
|
250
|
+
grid_row_end: string | "auto" | PGlobal;
|
|
251
|
+
grid_row_gap: string | PGlobal;
|
|
252
|
+
grid_row_start: string | "auto" | PGlobal;
|
|
253
|
+
grid_template: GridTemplateValue | PGlobal;
|
|
254
|
+
grid_template_areas: GridTemplateAreasValue | PGlobal;
|
|
255
|
+
grid_template_columns: GridTemplateColumnsValue | PGlobal;
|
|
256
|
+
grid_template_rows: GridTemplateRowsValue | PGlobal;
|
|
257
|
+
hanging_punctuation: "none" | "first" | "last" | "force-end" | "allow-end" | string | string[] | PGlobal;
|
|
258
|
+
height: string | "auto" | "max-content" | "min-content" | "fit-content" | PGlobal;
|
|
259
|
+
hyphens: "none" | "manual" | "auto" | PGlobal;
|
|
260
|
+
image_orientation: string | "none" | "from-image" | PGlobal;
|
|
261
|
+
image_rendering: "auto" | "crisp-edges" | "pixelated" | PGlobal;
|
|
262
|
+
image_resolution: string | PGlobal;
|
|
263
|
+
inline_size: string | "auto" | PGlobal;
|
|
264
|
+
inset: string | string[] | "auto" | PGlobal;
|
|
265
|
+
inset_block: string | string[] | "auto" | PGlobal;
|
|
266
|
+
inset_block_end: string | "auto" | PGlobal;
|
|
267
|
+
inset_block_start: string | "auto" | PGlobal;
|
|
268
|
+
inset_inline: string | string[] | "auto" | PGlobal;
|
|
269
|
+
inset_inline_end: string | "auto" | PGlobal;
|
|
270
|
+
inset_inline_start: string | "auto" | PGlobal;
|
|
271
|
+
isolation: "auto" | "isolate" | PGlobal;
|
|
272
|
+
justify_content: JustifyContentValue | PGlobal;
|
|
273
|
+
justify_items: "start" | "end" | "center" | "stretch" | "self-start" | "self-end" | "flex-start" | "flex-end" | "left" | "right" | string | PGlobal;
|
|
274
|
+
justify_self: "auto" | "start" | "end" | "center" | "stretch" | "self-start" | "self-end" | "flex-start" | "flex-end" | "left" | "right" | PGlobal;
|
|
275
|
+
left: string | "auto" | PGlobal;
|
|
276
|
+
letter_spacing: string | "normal" | PGlobal;
|
|
277
|
+
line_break: "auto" | "loose" | "normal" | "strict" | "anywhere" | PGlobal;
|
|
278
|
+
line_height: string | "normal" | PGlobal;
|
|
279
|
+
list_style: string | string[] | PGlobal;
|
|
280
|
+
list_style_image: string | "none" | PGlobal;
|
|
281
|
+
list_style_position: "inside" | "outside" | PGlobal;
|
|
282
|
+
list_style_type: string | "none" | PGlobal;
|
|
283
|
+
margin: string | string[] | "auto" | PBoxModelGlobal;
|
|
284
|
+
margin_block: string | string[] | "auto" | PBoxModelGlobal;
|
|
285
|
+
margin_block_end: string | "auto" | PBoxModelGlobal;
|
|
286
|
+
margin_block_start: string | "auto" | PBoxModelGlobal;
|
|
287
|
+
margin_bottom: string | "auto" | PBoxModelGlobal;
|
|
288
|
+
margin_inline: string | string[] | "auto" | PBoxModelGlobal;
|
|
289
|
+
margin_inline_end: string | "auto" | PBoxModelGlobal;
|
|
290
|
+
margin_inline_start: string | "auto" | PBoxModelGlobal;
|
|
291
|
+
margin_left: string | "auto" | PBoxModelGlobal;
|
|
292
|
+
margin_right: string | "auto" | PBoxModelGlobal;
|
|
293
|
+
margin_top: string | "auto" | PBoxModelGlobal;
|
|
294
|
+
mask: string | string[] | PGlobal;
|
|
295
|
+
mask_border: string | PGlobal;
|
|
296
|
+
mask_border_mode: "luminance" | "alpha" | PGlobal;
|
|
297
|
+
mask_border_outset: string | string[] | PGlobal;
|
|
298
|
+
mask_border_repeat: string | string[] | PGlobal;
|
|
299
|
+
mask_border_slice: string | string[] | PGlobal;
|
|
300
|
+
mask_border_source: string | "none" | PGlobal;
|
|
301
|
+
mask_border_width: string | string[] | "auto" | PGlobal;
|
|
302
|
+
mask_clip: string | string[] | "content-box" | "padding-box" | "border-box" | "margin-box" | "fill-box" | "stroke-box" | "view-box" | "no-clip" | PGlobal;
|
|
303
|
+
mask_composite: string | string[] | PGlobal;
|
|
304
|
+
mask_image: string | string[] | "none" | PGlobal;
|
|
305
|
+
mask_mode: string | string[] | "alpha" | "luminance" | "match-source" | PGlobal;
|
|
306
|
+
mask_origin: string | string[] | "content-box" | "padding-box" | "border-box" | "margin-box" | "fill-box" | "stroke-box" | "view-box" | PGlobal;
|
|
307
|
+
mask_position: string | string[] | string[][] | PGlobal;
|
|
308
|
+
mask_repeat: string | string[] | PGlobal;
|
|
309
|
+
mask_size: string | string[] | "auto" | "cover" | "contain" | PGlobal;
|
|
310
|
+
mask_type: "luminance" | "alpha" | PGlobal;
|
|
311
|
+
max_block_size: string | "none" | PGlobal;
|
|
312
|
+
max_height: string | "none" | "max-content" | "min-content" | "fit-content" | PGlobal;
|
|
313
|
+
max_inline_size: string | "none" | PGlobal;
|
|
314
|
+
max_width: string | "none" | "max-content" | "min-content" | "fit-content" | PGlobal;
|
|
315
|
+
min_block_size: string | "auto" | PGlobal;
|
|
316
|
+
min_height: string | "auto" | "max-content" | "min-content" | "fit-content" | PGlobal;
|
|
317
|
+
min_inline_size: string | "auto" | PGlobal;
|
|
318
|
+
min_width: string | "auto" | "max-content" | "min-content" | "fit-content" | PGlobal;
|
|
319
|
+
mix_blend_mode: string | PGlobal;
|
|
320
|
+
object_fit: "fill" | "contain" | "cover" | "none" | "scale-down" | PGlobal;
|
|
321
|
+
object_position: string | string[] | PGlobal;
|
|
322
|
+
offset: string | string[] | PGlobal;
|
|
323
|
+
offset_anchor: string | string[] | "auto" | PGlobal;
|
|
324
|
+
offset_distance: string | PGlobal;
|
|
325
|
+
offset_path: string | "none" | PGlobal;
|
|
326
|
+
offset_rotate: string | "auto" | "reverse" | PGlobal;
|
|
327
|
+
opacity: string | PGlobal;
|
|
328
|
+
order: string | PGlobal;
|
|
329
|
+
orphans: string | PGlobal;
|
|
330
|
+
outline: string | string[] | PGlobal;
|
|
331
|
+
outline_color: string | "invert" | PGlobal;
|
|
332
|
+
outline_offset: string | PGlobal;
|
|
333
|
+
outline_style: BorderStyleValue | "auto" | PGlobal;
|
|
334
|
+
outline_width: string | PGlobal;
|
|
335
|
+
overflow: OverflowValue | OverflowMultiValue | PGlobal;
|
|
336
|
+
overflow_anchor: "auto" | "none" | PGlobal;
|
|
337
|
+
overflow_block: OverflowValue | PGlobal;
|
|
338
|
+
overflow_clip_margin: string | "content-box" | PGlobal;
|
|
339
|
+
overflow_inline: OverflowValue | PGlobal;
|
|
340
|
+
overflow_wrap: "normal" | "break-word" | "anywhere" | PGlobal;
|
|
341
|
+
overflow_x: OverflowValue | PGlobal;
|
|
342
|
+
overflow_y: OverflowValue | PGlobal;
|
|
343
|
+
overscroll_behavior: "auto" | "contain" | "none" | string | string[] | PGlobal;
|
|
344
|
+
overscroll_behavior_block: "auto" | "contain" | "none" | PGlobal;
|
|
345
|
+
overscroll_behavior_inline: "auto" | "contain" | "none" | PGlobal;
|
|
346
|
+
overscroll_behavior_x: "auto" | "contain" | "none" | PGlobal;
|
|
347
|
+
overscroll_behavior_y: "auto" | "contain" | "none" | PGlobal;
|
|
348
|
+
padding: string | string[] | PBoxModelGlobal;
|
|
349
|
+
padding_block: string | string[] | PBoxModelGlobal;
|
|
350
|
+
padding_block_end: string | PBoxModelGlobal;
|
|
351
|
+
padding_block_start: string | PBoxModelGlobal;
|
|
352
|
+
padding_bottom: string | PBoxModelGlobal;
|
|
353
|
+
padding_inline: string | string[] | PBoxModelGlobal;
|
|
354
|
+
padding_inline_end: string | PBoxModelGlobal;
|
|
355
|
+
padding_inline_start: string | PBoxModelGlobal;
|
|
356
|
+
padding_left: string | PBoxModelGlobal;
|
|
357
|
+
padding_right: string | PBoxModelGlobal;
|
|
358
|
+
padding_top: string | PBoxModelGlobal;
|
|
359
|
+
page_break_after: "auto" | "always" | "avoid" | "left" | "right" | PGlobal;
|
|
360
|
+
page_break_before: "auto" | "always" | "avoid" | "left" | "right" | PGlobal;
|
|
361
|
+
page_break_inside: "auto" | "avoid" | PGlobal;
|
|
362
|
+
paint_order: "normal" | "fill" | "stroke" | "markers" | string | string[] | PGlobal;
|
|
363
|
+
perspective: string | "none" | PGlobal;
|
|
364
|
+
perspective_origin: string | string[] | PGlobal;
|
|
365
|
+
place_content: string | string[] | PGlobal;
|
|
366
|
+
place_items: string | string[] | PGlobal;
|
|
367
|
+
place_self: string | string[] | PGlobal;
|
|
368
|
+
pointer_events: "auto" | "none" | "visiblePainted" | "visibleFill" | "visibleStroke" | "visible" | "painted" | "fill" | "stroke" | "all" | PGlobal;
|
|
369
|
+
position: PositionValue | PPositionGlobal;
|
|
370
|
+
quotes: string | string[] | "auto" | "none" | PGlobal;
|
|
371
|
+
resize: "none" | "both" | "horizontal" | "vertical" | "block" | "inline" | PGlobal;
|
|
372
|
+
right: string | "auto" | PGlobal;
|
|
373
|
+
rotate: string | "none" | PGlobal;
|
|
374
|
+
row_gap: string | "normal" | PGlobal;
|
|
375
|
+
scale: string | string[] | "none" | PGlobal;
|
|
376
|
+
scroll_behavior: "auto" | "smooth" | PGlobal;
|
|
377
|
+
scroll_margin: string | string[] | PGlobal;
|
|
378
|
+
scroll_margin_block: string | string[] | PGlobal;
|
|
379
|
+
scroll_margin_block_end: string | PGlobal;
|
|
380
|
+
scroll_margin_block_start: string | PGlobal;
|
|
381
|
+
scroll_margin_bottom: string | PGlobal;
|
|
382
|
+
scroll_margin_inline: string | string[] | PGlobal;
|
|
383
|
+
scroll_margin_inline_end: string | PGlobal;
|
|
384
|
+
scroll_margin_inline_start: string | PGlobal;
|
|
385
|
+
scroll_margin_left: string | PGlobal;
|
|
386
|
+
scroll_margin_right: string | PGlobal;
|
|
387
|
+
scroll_margin_top: string | PGlobal;
|
|
388
|
+
scroll_padding: string | string[] | "auto" | PGlobal;
|
|
389
|
+
scroll_padding_block: string | string[] | "auto" | PGlobal;
|
|
390
|
+
scroll_padding_block_end: string | "auto" | PGlobal;
|
|
391
|
+
scroll_padding_block_start: string | "auto" | PGlobal;
|
|
392
|
+
scroll_padding_bottom: string | "auto" | PGlobal;
|
|
393
|
+
scroll_padding_inline: string | string[] | "auto" | PGlobal;
|
|
394
|
+
scroll_padding_inline_end: string | "auto" | PGlobal;
|
|
395
|
+
scroll_padding_inline_start: string | "auto" | PGlobal;
|
|
396
|
+
scroll_padding_left: string | "auto" | PGlobal;
|
|
397
|
+
scroll_padding_right: string | "auto" | PGlobal;
|
|
398
|
+
scroll_padding_top: string | "auto" | PGlobal;
|
|
399
|
+
scroll_snap_align: "none" | "start" | "end" | "center" | string | string[] | PGlobal;
|
|
400
|
+
scroll_snap_stop: "normal" | "always" | PGlobal;
|
|
401
|
+
scroll_snap_type: "none" | "x" | "y" | "block" | "inline" | "both" | string | string[] | PGlobal;
|
|
402
|
+
scrollbar_color: string | string[] | "auto" | PGlobal;
|
|
403
|
+
scrollbar_width: "auto" | "thin" | "none" | PGlobal;
|
|
404
|
+
shape_image_threshold: string | PGlobal;
|
|
405
|
+
shape_margin: string | PGlobal;
|
|
406
|
+
shape_outside: "none" | "margin-box" | "content-box" | "border-box" | "padding-box" | string | PGlobal;
|
|
407
|
+
tab_size: string | PGlobal;
|
|
408
|
+
table_layout: "auto" | "fixed" | PGlobal;
|
|
409
|
+
text_align: TextAlignValue | PGlobal;
|
|
410
|
+
text_align_last: TextAlignValue | "auto" | PGlobal;
|
|
411
|
+
text_combine_upright: "none" | "all" | string | PGlobal;
|
|
412
|
+
text_decoration: TextDecorationMultiValue | PGlobal;
|
|
413
|
+
text_decoration_color: string | PGlobal;
|
|
414
|
+
text_decoration_line: TextDecorationLineValue | string | string[] | PGlobal;
|
|
415
|
+
text_decoration_skip: "none" | "objects" | "spaces" | "ink" | "edges" | "box-decoration" | string | string[] | PGlobal;
|
|
416
|
+
text_decoration_skip_ink: "auto" | "none" | "all" | PGlobal;
|
|
417
|
+
text_decoration_style: "solid" | "double" | "dotted" | "dashed" | "wavy" | PGlobal;
|
|
418
|
+
text_decoration_thickness: string | "auto" | "from-font" | PGlobal;
|
|
419
|
+
text_emphasis: string | string[] | PGlobal;
|
|
420
|
+
text_emphasis_color: string | PGlobal;
|
|
421
|
+
text_emphasis_position: string | string[] | PGlobal;
|
|
422
|
+
text_emphasis_style: "none" | "filled" | "open" | "dot" | "circle" | "double-circle" | "triangle" | "sesame" | string | PGlobal;
|
|
423
|
+
text_indent: string | PGlobal;
|
|
424
|
+
text_justify: "auto" | "inter-character" | "inter-word" | "none" | PGlobal;
|
|
425
|
+
text_orientation: "mixed" | "upright" | "sideways" | PGlobal;
|
|
426
|
+
text_overflow: "clip" | "ellipsis" | string | PGlobal;
|
|
427
|
+
text_rendering: "auto" | "optimizeSpeed" | "optimizeLegibility" | "geometricPrecision" | PGlobal;
|
|
428
|
+
text_shadow: string | string[] | string[][] | "none" | PGlobal;
|
|
429
|
+
text_size_adjust: "none" | "auto" | string | PGlobal;
|
|
430
|
+
text_transform: TextTransformValue | PGlobal;
|
|
431
|
+
text_underline_offset: string | "auto" | PGlobal;
|
|
432
|
+
text_underline_position: "auto" | "from-font" | "under" | "left" | "right" | string | string[] | PGlobal;
|
|
433
|
+
top: string | "auto" | PGlobal;
|
|
434
|
+
touch_action: "auto" | "none" | "pan-x" | "pan-y" | "pan-left" | "pan-right" | "pan-up" | "pan-down" | "pinch-zoom" | "manipulation" | string | string[] | PGlobal;
|
|
435
|
+
transform: TransformValue | PGlobal;
|
|
436
|
+
transform_box: "content-box" | "border-box" | "fill-box" | "stroke-box" | "view-box" | PGlobal;
|
|
437
|
+
transform_origin: string | string[] | string[][] | PGlobal;
|
|
438
|
+
transform_style: "flat" | "preserve-3d" | PGlobal;
|
|
439
|
+
transition: TransitionValue | PTransitionGlobal;
|
|
440
|
+
transition_delay: string | string[] | string[][] | PTransitionGlobal;
|
|
441
|
+
transition_duration: string | string[] | string[][] | PTransitionGlobal;
|
|
442
|
+
transition_property: TransitionPropertyValue | TransitionPropertyValue[] | TransitionPropertyValue[][] | PTransitionGlobal;
|
|
443
|
+
transition_timing_function: TransitionTimingFunctionValue | TransitionTimingFunctionValue[] | TransitionTimingFunctionValue[][] | PTransitionGlobal;
|
|
444
|
+
translate: string | string[] | "none" | PGlobal;
|
|
445
|
+
unicode_bidi: "normal" | "embed" | "isolate" | "bidi-override" | "isolate-override" | "plaintext" | PGlobal;
|
|
446
|
+
user_select: "auto" | "none" | "text" | "contain" | "all" | PGlobal;
|
|
447
|
+
vertical_align: "baseline" | "sub" | "super" | "text-top" | "text-bottom" | "middle" | "top" | "bottom" | string | PGlobal;
|
|
448
|
+
visibility: "visible" | "hidden" | "collapse" | PGlobal;
|
|
449
|
+
white_space: "normal" | "nowrap" | "pre" | "pre-wrap" | "pre-line" | "break-spaces" | PGlobal;
|
|
450
|
+
widows: string | PGlobal;
|
|
451
|
+
width: string | "auto" | "max-content" | "min-content" | "fit-content" | PGlobal;
|
|
452
|
+
will_change: string | string[] | "auto" | PGlobal;
|
|
453
|
+
word_break: "normal" | "break-all" | "keep-all" | "break-word" | PGlobal;
|
|
454
|
+
word_spacing: string | "normal" | PGlobal;
|
|
455
|
+
word_wrap: "normal" | "break-word" | PGlobal;
|
|
456
|
+
writing_mode: "horizontal-tb" | "vertical-rl" | "vertical-lr" | "sideways-rl" | "sideways-lr" | PGlobal;
|
|
457
|
+
z_index: string | "auto" | PGlobal;
|
|
458
|
+
[key: `--${string}`]: string;
|
|
459
|
+
}>;
|
|
460
|
+
//#endregion
|
|
461
|
+
export { Properties as t };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { t as Properties } from "./properties-FKQ-gJeC.js";
|
|
2
|
+
|
|
3
|
+
//#region src/registry.browser.d.ts
|
|
4
|
+
type Registry = Map<string, [string[], Partial<Properties>]>;
|
|
5
|
+
declare function registerCss(_designator: string, _selectors: string[], _properties: Partial<Properties>): void;
|
|
6
|
+
declare function runWithRegistry<T>(_fn: () => T): {
|
|
7
|
+
result: T;
|
|
8
|
+
registry: Registry;
|
|
9
|
+
};
|
|
10
|
+
type RunWithRegistry<T> = (fn: () => T) => {
|
|
11
|
+
result: T;
|
|
12
|
+
registry: Registry;
|
|
13
|
+
};
|
|
14
|
+
//#endregion
|
|
15
|
+
export { Registry, RunWithRegistry, registerCss, runWithRegistry };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function e(e,t,n){}function t(e){throw Error(`cirro: runWithRegistry is server-only and must not be called on the client`)}export{e as registerCss,t as runWithRegistry};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { t as Properties } from "./properties-FKQ-gJeC.js";
|
|
2
|
+
|
|
3
|
+
//#region src/registry.d.ts
|
|
4
|
+
type Registry = Map<string, [string[], Partial<Properties>]>;
|
|
5
|
+
declare function registerCss(designator: string, selectors: string[], properties: Partial<Properties>): void;
|
|
6
|
+
declare function runWithRegistry<T>(fn: () => T): {
|
|
7
|
+
result: T;
|
|
8
|
+
registry: Registry;
|
|
9
|
+
};
|
|
10
|
+
type RunWithRegistry<T> = (fn: () => T) => {
|
|
11
|
+
result: T;
|
|
12
|
+
registry: Registry;
|
|
13
|
+
};
|
|
14
|
+
//#endregion
|
|
15
|
+
export { Registry, RunWithRegistry, registerCss, runWithRegistry };
|
package/dist/registry.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{AsyncLocalStorage as e}from"node:async_hooks";const t=new e;function n(e,n,r){let i=t.getStore();if(!i)throw Error(`cirro: css() was called outside of a render context`);i.set(e,[n,r])}function r(e){let n=new Map;return{result:t.run(n,e),registry:n}}export{n as registerCss,r as runWithRegistry};
|
package/dist/server.d.ts
CHANGED
|
@@ -37,7 +37,7 @@ interface RenderResult {
|
|
|
37
37
|
body: ReactElement;
|
|
38
38
|
toc: ToC$1[];
|
|
39
39
|
}
|
|
40
|
-
declare function
|
|
40
|
+
declare function createMarkdownProcessor(config?: MarkdownConfig): {
|
|
41
41
|
Markdown: ({
|
|
42
42
|
source,
|
|
43
43
|
className
|
|
@@ -49,5 +49,6 @@ declare function createMarkdown(config?: MarkdownConfig): {
|
|
|
49
49
|
className?: string;
|
|
50
50
|
}) => RenderResult;
|
|
51
51
|
};
|
|
52
|
+
declare function markdownToText(md: string): string;
|
|
52
53
|
//#endregion
|
|
53
|
-
export { type MarkdownConfig, type RenderResult, type ToC, createIsland,
|
|
54
|
+
export { type MarkdownConfig, type RenderResult, type ToC, createIsland, createMarkdownProcessor, markdownToText };
|
package/dist/server.js
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
import{createElement as e}from"react";import{renderToString as t}from"react-dom/server";import n from"rehype-prism";import
|
|
1
|
+
import{createElement as e}from"react";import{renderToString as t}from"react-dom/server";import{fromMarkdown as n}from"mdast-util-from-markdown";import{toString as r}from"mdast-util-to-string";import i from"rehype-prism";import a,{defaultSchema as o}from"rehype-sanitize";import s from"rehype-stringify";import c from"remark-export-toc";import l from"remark-parse";import u from"remark-rehype";import{unified as d}from"unified";import{jsx as f}from"react/jsx-runtime";function p(n){return function({name:r,props:i,className:a}){let o=t(e(n[r],i));return e(`div`,{className:a,"data-island":r,"data-props":JSON.stringify(i),dangerouslySetInnerHTML:{__html:o}})}}function m(e={}){let t={prefix:`heading`,startLevel:2,...typeof e.toc==`object`?e.toc:{}},n={...o,clobber:(o.clobber??[]).filter(e=>e!==`id`)},r=e.sanitizeSchema?e.sanitizeSchema(n):n,p=d().use(l).use(e.remarkPlugins??[]).use(e.toc?[[c,t]]:[]).use(u).use(e.rehypePlugins??[]).use(a,r).use(e.highlight?[i]:[]).use(s).freeze();function m(e,t){return f(`div`,{className:t,dangerouslySetInnerHTML:{__html:e}})}function h(e,t){let n=p.processSync(e),r=n.data.toc??[];return{body:m(String(n),t?.className),toc:r}}function g({source:e,className:t}){return h(e,{className:t}).body}return{Markdown:g,render:h}}function h(e){return n(e).children.map(e=>r(e)).join(`
|
|
2
|
+
`)}export{p as createIsland,m as createMarkdownProcessor,h as markdownToText};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "cirrojs",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.9",
|
|
4
4
|
"description": "React islands SSG with strict CSP (no unsafe-inline). Vite-based, MPA-first.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -30,6 +30,11 @@
|
|
|
30
30
|
"./bin": {
|
|
31
31
|
"types": "./dist/cli.d.ts",
|
|
32
32
|
"default": "./dist/cli.js"
|
|
33
|
+
},
|
|
34
|
+
"./registry": {
|
|
35
|
+
"types": "./dist/registry.d.ts",
|
|
36
|
+
"browser": "./dist/registry.browser.js",
|
|
37
|
+
"default": "./dist/registry.js"
|
|
33
38
|
}
|
|
34
39
|
},
|
|
35
40
|
"bin": {
|
|
@@ -37,6 +42,8 @@
|
|
|
37
42
|
},
|
|
38
43
|
"dependencies": {
|
|
39
44
|
"hast-util-sanitize": "^5.0.2",
|
|
45
|
+
"mdast-util-from-markdown": "^2.0.3",
|
|
46
|
+
"mdast-util-to-string": "^4.0.0",
|
|
40
47
|
"rehype-prism": "^2.3.3",
|
|
41
48
|
"rehype-sanitize": "^6.0.0",
|
|
42
49
|
"rehype-stringify": "^10.0.1",
|
package/dist/router-52EuPj-F.js
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
const e=new Map;function t(t,n,r){e.set(t,[n,r])}function n(){e.clear()}function r(){return e}function i(e,t){let n=t?.selector??`&`,r=t?.atrules??[],i=c({selector:n,atrules:r,properties:e}),a=`${t?.name??`cirro`}-${i.toString(16)}`;return s([...r,n],e,a),a}function a(e){let t=[];return e.layer&&t.push(`@layer ${e.layer}`),e.mediaAtRule&&t.push(`@media (${e.mediaAtRule})`),(e,n)=>i(e,{atrules:t,name:n?.name,selector:n?.selector})}function o(e){let t=`@charset "utf-8";
|
|
2
|
-
@layer base, font, low, main, high;
|
|
3
|
-
`;for(let[n,[r,i]]of e)t+=r.reduceRight((e,t)=>`${t} { ${e} }`,Object.entries(i).map(([e,t])=>`${e.replaceAll(`_`,`-`)}: ${t};`).join(` `)),t+=`
|
|
4
|
-
`;return t}function s(e,n,r){t(r,e.map(e=>e.replaceAll(`&`,`.${r}`)),n)}function c(...e){return l(e.map(e=>JSON.stringify(e)).join(``))}function l(e){let t=5381;for(let n of[...e])t=(t<<5)+t+n.charCodeAt(0)&4294967295;return t>>>0}function u(e){return e}function d(e){let t=[];for(let n of e)if(`getStaticPaths`in n){for(let e of n.getStaticPaths())t.push({url:n.path(e),isCss:!1,cssPath:n.cssPath,render:()=>n.component({params:e})});t.push({url:n.cssPath,isCss:!0,cssPath:n.cssPath,render:()=>n.component({params:n.getStaticPaths()[0]})})}else t.push({url:n.path,isCss:!1,cssPath:m(n.path,`index.css`),render:()=>n.component({params:{}})}),t.push({url:m(n.path,`index.css`),isCss:!0,cssPath:m(n.path,`index.css`),render:()=>n.component({params:{}})});return t}function f(e){return e===`/`?`index.html`:`${e.replace(/^\/+|\/+$/g,``)}/index.html`}function p(e){return e===`/`?`index.css`:`${e.replace(/^\/+|\/+$/g,``)}`}function m(...e){return e.reduce((e,t)=>e.endsWith(`/`)&&t.startsWith(`/`)?`${e}${t.substring(1)}`:e.endsWith(`/`)||t.startsWith(`/`)?`${e}${t}`:`${e}/${t}`,``)}export{i as a,r as c,f as i,n as l,u as n,a as o,p as r,o as s,d as t};
|