@stealthscale/component-typography 0.1.0 → 0.3.1
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/README.md +6 -0
- package/dist/cyclonedx/bom.json +1 -1
- package/dist/index.d.ts +75 -74
- package/dist/index.js +1 -1
- package/dist/{recipe-CaSYkgkh.js → recipe-DuvOpofr.js} +34 -19
- package/dist/theme.js +23 -14
- package/package.json +13 -13
package/README.md
CHANGED
|
@@ -95,6 +95,12 @@ import { Code, Text } from "@stealthscale/component-typography";
|
|
|
95
95
|
| `variant` | `solid`, `subtle`, `surface`, `outline`, `plain` | `subtle` |
|
|
96
96
|
| `size` | `sm`, `md` | `md` |
|
|
97
97
|
| `palette` | `primary`, `secondary`, `accent`, `neutral`, `info`, `success`, `warning`, `error` | `neutral` |
|
|
98
|
+
| `wrap` | `true` | off |
|
|
99
|
+
|
|
100
|
+
A snippet takes one line, as an identifier in a table cell needs. `wrap` breaks a snippet in running
|
|
101
|
+
text where its line ends: at its spaces, and inside a word that does not fit. The element then
|
|
102
|
+
renders inline. Its fill continues on the next line, and its padding and corners apply only at its
|
|
103
|
+
two ends.
|
|
98
104
|
|
|
99
105
|
## Em
|
|
100
106
|
|
package/dist/cyclonedx/bom.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"$schema":"http://cyclonedx.org/schema/bom-1.7.schema.json","bomFormat":"CycloneDX","specVersion":"1.7","version":1,"metadata":{"lifecycles":[{"phase":"build"}],"tools":{"components":[{"type":"application","name":"rolldown","version":"1.2.11"},{"type":"application","name":"vite","version":"8.3.1"},{"type":"library","name":"core","group":"@arethetypeswrong","version":"0.18.5","bom-ref":"pkg:npm/%40arethetypeswrong/core@0.18.5","author":"Andrew Branch","description":"The API behind arethetypeswrong.github.io","hashes":[{"alg":"SHA-512","content":"f72b63cc6c318e6f54cfb23d6af7dbb79be542deae93db914444b3263aabce797a58abc8e9dc184e8faf277534d96aeafe64778aa97f3f386f1e129d2480230d"}],"licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40arethetypeswrong/core@0.18.5","externalReferences":[{"url":"https://github.com/arethetypeswrong/arethetypeswrong.github.io.git#packages/core","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=20"}]},{"type":"library","name":"hooks","group":"@stealthscale","version":"0.1.0","bom-ref":"pkg:npm/%40stealthscale/hooks@0.1.0","description":"The React hooks a component uses to read the page it draws into: how the page is read, what it measures, and what a value was on the previous render.","licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40stealthscale/hooks@0.1.0","externalReferences":[{"url":"https://github.com/stealth-scale/scale/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"git+https://github.com/stealth-scale/scale.git#foundations/hooks","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://github.com/stealth-scale/scale/tree/main/foundations/hooks#readme","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=26.0.0"}]},{"type":"library","name":"theme","group":"@stealthscale","version":"0.3.0","bom-ref":"pkg:npm/%40stealthscale/theme@0.3.0","description":"Publishes the foundation every recipe is written against, the runtime every component binds its recipe with, and the vocabulary a theme is written in.","licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40stealthscale/theme@0.3.0","externalReferences":[{"url":"https://github.com/stealth-scale/scale/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"git+https://github.com/stealth-scale/scale.git#foundations/theme","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://github.com/stealth-scale/scale/tree/main/foundations/theme#readme","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=26.0.0"}]},{"type":"library","name":"vite-config-i18n","group":"@stealthscale","version":"0.1.0","bom-ref":"pkg:npm/%40stealthscale/vite-config-i18n@0.1.0","description":"Configures a package or an application with words: the catalogue plugin, and the words in scope for its specifications.","licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40stealthscale/vite-config-i18n@0.1.0","externalReferences":[{"url":"https://github.com/stealth-scale/scale/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"git+https://github.com/stealth-scale/scale.git#packages/vite-config-i18n","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://github.com/stealth-scale/scale/tree/main/packages/vite-config-i18n#readme","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=26.0.0"}]},{"type":"library","name":"vite-config-react","group":"@stealthscale","version":"0.8.0","bom-ref":"pkg:npm/%40stealthscale/vite-config-react@0.8.0","description":"Adds the JSX transform, the React lint rules, a test document and an MDX compiler to a package that renders.","licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40stealthscale/vite-config-react@0.8.0","externalReferences":[{"url":"https://github.com/stealth-scale/scale/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"git+https://github.com/stealth-scale/scale.git#packages/vite-config-react","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://github.com/stealth-scale/scale/tree/main/packages/vite-config-react#readme","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=26.0.0"}]},{"type":"library","name":"vite-config-specimen","group":"@stealthscale","version":"0.1.0","bom-ref":"pkg:npm/%40stealthscale/vite-config-specimen@0.1.0","description":"Configures an application that shows a catalogue, and the workspace root the specimens sit under.","licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40stealthscale/vite-config-specimen@0.1.0","externalReferences":[{"url":"https://github.com/stealth-scale/scale/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"git+https://github.com/stealth-scale/scale.git#packages/vite-config-specimen","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://github.com/stealth-scale/scale/tree/main/packages/vite-config-specimen#readme","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=26.0.0"}]},{"type":"library","name":"vite-config-theme","group":"@stealthscale","version":"0.1.0","bom-ref":"pkg:npm/%40stealthscale/vite-config-theme@0.1.0","description":"Adds the runtime generator to a design-system package and the stylesheet compiler to an application.","licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40stealthscale/vite-config-theme@0.1.0","externalReferences":[{"url":"https://github.com/stealth-scale/scale/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"git+https://github.com/stealth-scale/scale.git#packages/vite-config-theme","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://github.com/stealth-scale/scale/tree/main/packages/vite-config-theme#readme","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=26.0.0"}]},{"type":"library","name":"vite-config-typescript","group":"@stealthscale","version":"0.3.0","bom-ref":"pkg:npm/%40stealthscale/vite-config-typescript@0.3.0","description":"Sets the TypeScript options every stealthscale package compiles with.","licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40stealthscale/vite-config-typescript@0.3.0","externalReferences":[{"url":"https://github.com/stealth-scale/scale/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"git+https://github.com/stealth-scale/scale.git#packages/vite-config-typescript","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://github.com/stealth-scale/scale/tree/main/packages/vite-config-typescript#readme","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=26.0.0"}]},{"type":"library","name":"vite-config","group":"@stealthscale","version":"0.6.0","bom-ref":"pkg:npm/%40stealthscale/vite-config@0.6.0","description":"Configures a package from five Vite+ tiers and a named layer for every block.","licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40stealthscale/vite-config@0.6.0","externalReferences":[{"url":"https://github.com/stealth-scale/scale/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"git+https://github.com/stealth-scale/scale.git#packages/vite-config","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://github.com/stealth-scale/scale/tree/main/packages/vite-config#readme","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=26.0.0"}]},{"type":"library","name":"react","group":"@testing-library","version":"16.3.3","bom-ref":"pkg:npm/%40testing-library/react@16.3.3","author":"Kent C. Dodds <me@kentcdodds.com> (https://kentcdodds.com)","description":"Simple and complete React DOM testing utilities that encourage good testing practices.","hashes":[{"alg":"SHA-512","content":"528d7ddcd8106cf333ea5aeb86d45040570c0ba45efc42cb15b6ee54bdf4583959c65a597fdfe53074c05713d12f0d6ad62bbd389991d5cd812e210d46cb5d06"}],"licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40testing-library/react@16.3.3","externalReferences":[{"url":"https://github.com/testing-library/react-testing-library/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs.url\""},{"url":"https://github.com/testing-library/react-testing-library","type":"vcs","comment":"as detected from PackageJson property \"repository.url\""},{"url":"https://github.com/testing-library/react-testing-library#readme","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=18"}]},{"type":"library","name":"react-dom","group":"@types","version":"19.3.0","bom-ref":"pkg:npm/%40types/react-dom@19.3.0","description":"TypeScript definitions for react-dom","hashes":[{"alg":"SHA-512","content":"648edb538da66575ca1e7fea34b130d88adb888354ed7e7ebdf81d8b10479023696165e32a07d0fcffaec866f90a338b07d51c9d37a0debca542d5768729b8e1"}],"licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40types/react-dom@19.3.0","externalReferences":[{"url":"https://github.com/DefinitelyTyped/DefinitelyTyped.git#types/react-dom","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-dom","type":"website","comment":"as detected from PackageJson property \"homepage\""}]},{"type":"library","name":"react","group":"@types","version":"19.3.0","bom-ref":"pkg:npm/%40types/react@19.3.0","description":"TypeScript definitions for react","hashes":[{"alg":"SHA-512","content":"374ac50ae1fd628c46f7f9bad65f4c7e924a7e62ce554d1e9bb8a9233e9346049292f45e2c1f6f2fce4607ecabf01b3995eaa9be0f7a252c05e194b5b38be242"}],"licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40types/react@19.3.0","externalReferences":[{"url":"https://github.com/DefinitelyTyped/DefinitelyTyped.git#types/react","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react","type":"website","comment":"as detected from PackageJson property \"homepage\""}]},{"type":"library","name":"happy-dom","version":"20.14.5","bom-ref":"pkg:npm/happy-dom@20.14.5","author":"David Ortner","description":"Happy DOM is a JavaScript implementation of a web browser without its graphical user interface. It includes many web standards from WHATWG DOM and HTML.","hashes":[{"alg":"SHA-512","content":"c7f47392958ee346d38c8a13df4890b6deb814b2e61ff89171408dd97fff6cbc7b1f789f91d7cf5f2aacae8fce62dab32008622cc300ee69a2391f42dcd38a8d"}],"licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/happy-dom@20.14.5","externalReferences":[{"url":"https://github.com/capricorn86/happy-dom","type":"vcs","comment":"as detected from PackageJson property \"repository\""},{"url":"https://github.com/capricorn86/happy-dom","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=20.0.0"}]},{"type":"library","name":"lucide-react","version":"1.48.0","bom-ref":"pkg:npm/lucide-react@1.48.0","author":"Eric Fennis","description":"A Lucide icon library package for React applications.","hashes":[{"alg":"SHA-512","content":"474088298fdf5e20bacbdc510400e0b0af955b6a7fa5c4c938c84b65fd53fae1bebc952fc94474da718e8262080bb30f92234ae0ec7c4039dba85f2b25858f65"}],"licenses":[{"license":{"id":"ISC"}}],"purl":"pkg:npm/lucide-react@1.48.0","externalReferences":[{"url":"https://github.com/lucide-icons/lucide/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"https://github.com/lucide-icons/lucide.git#packages/lucide-react","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://lucide.dev","type":"website","comment":"as detected from PackageJson property \"homepage\""}]},{"type":"library","name":"oxc-transform-react","version":"0.151.0","bom-ref":"pkg:npm/oxc-transform-react@0.151.0","author":"Boshen and oxc contributors","description":"Oxc React Compiler Node API","hashes":[{"alg":"SHA-512","content":"60ed7f62cdc5202fee060ca37b1bc6b084d05085c318d9b1272eafa906ddf1663b263ccc0f5faf095879f65cdaf7f3f4dbf4d135a517c94eceaf6c70c7f29b77"}],"licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/oxc-transform-react@0.151.0","externalReferences":[{"url":"https://github.com/oxc-project/oxc/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"git+https://github.com/oxc-project/oxc.git#napi/transform-react","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://oxc.rs","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":"^20.19.0 || >=22.12.0"}]},{"type":"library","name":"react-dom","version":"19.3.0","bom-ref":"pkg:npm/react-dom@19.3.0","description":"React package for working with the DOM.","hashes":[{"alg":"SHA-512","content":"24393c76089fe753a31680c4ef4f8e4fd202c98afeebd1e59a284dc29d7e36c7db9dadede6c22209af59264b43990e3fd5bfeb9f6ea1200476b985c332be6bd1"}],"licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/react-dom@19.3.0","externalReferences":[{"url":"https://github.com/react/react/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs.url\""},{"url":"https://github.com/react/react.git#packages/react-dom","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://react.dev/","type":"website","comment":"as detected from PackageJson property \"homepage\""}]},{"type":"library","name":"react","version":"19.3.0","bom-ref":"pkg:npm/react@19.3.0","description":"React is a JavaScript library for building user interfaces.","hashes":[{"alg":"SHA-512","content":"13c2d471bb415addb46db9766281dfc7864305dc554df38ab42667f5c0d227897afe7ba8029729201723e3bb76c19a155fc836647b8c1db892860091d53e52a2"}],"licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/react@19.3.0","externalReferences":[{"url":"https://github.com/react/react/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"https://github.com/react/react.git#packages/react","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://react.dev/","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=0.10.0"}]},{"type":"library","name":"typescript","version":"7.0.2","bom-ref":"pkg:npm/typescript@7.0.2","author":"Microsoft Corp.","description":"TypeScript is a language for application scale JavaScript development","hashes":[{"alg":"SHA-512","content":"f0561abbdea8dcd28e85b8ca8bfa8dbc6fd6e63873c646dd9b9b23f406d9ff94f9b16aa7de12602df1b1dbbb11299593bf2cc23fc74b4414dfe6d05349155434"}],"licenses":[{"license":{"id":"Apache-2.0"}}],"purl":"pkg:npm/typescript@7.0.2","externalReferences":[{"url":"https://github.com/microsoft/TypeScript/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs.url\""},{"url":"https://github.com/microsoft/TypeScript.git","type":"vcs","comment":"as detected from PackageJson property \"repository.url\""},{"url":"https://www.typescriptlang.org/","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=16.20.0"}]},{"type":"library","name":"vitest","version":"5.0.1","bom-ref":"pkg:npm/vitest@5.0.1","author":"Anthony Fu <anthonyfu117@hotmail.com>","description":"Next generation testing framework powered by Vite","hashes":[{"alg":"SHA-512","content":"880f799506ca124bebb5391d0209d66d77db8a95a28967bf8439763f9b4c8ba585c03efa1b43715c01a9fccf4439c62ea5e18946beb0a6931cec2a00e354d08e"}],"licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/vitest@5.0.1","externalReferences":[{"url":"https://github.com/vitest-dev/vitest/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs.url\""},{"url":"git+https://github.com/vitest-dev/vitest.git#packages/vitest","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://vitest.dev","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":"^22.12.0 || ^24.0.0 || >=26.0.0"}]}]},"component":{"type":"library","name":"component-typography","group":"@stealthscale","version":"0.1.0","bom-ref":"pkg:npm/%40stealthscale/component-typography@0.1.0","description":"Draws the components that are text: a heading, a paragraph, a snippet of code, a key a reader is asked to press.","licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40stealthscale/component-typography@0.1.0","externalReferences":[{"url":"https://github.com/stealth-scale/scale/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"git+https://github.com/stealth-scale/scale.git#components/typography","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://github.com/stealth-scale/scale/tree/main/components/typography#readme","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=26.0.0"}],"evidence":{"licenses":[{"license":{"name":"file: LICENSE","text":{"content":"TUlUIExpY2Vuc2UKCkNvcHlyaWdodCAoYykgMjAyNiBTdGVhbHRoIFNjYWxlIEIuVi4KClBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHkKb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgIlNvZnR3YXJlIiksIHRvIGRlYWwKaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0cwp0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsCmNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpcwpmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOgoKVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW4gYWxsCmNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuCgpUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgIkFTIElTIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUgpJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSwKRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFCkFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVIKTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSwKT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTiBUSEUKU09GVFdBUkUuCg==","contentType":"text/plain","encoding":"base64"}}}]}},"supplier":{"name":"Stealth Scale B.V.","url":["https://stealthscale.io"]}},"components":[],"dependencies":[{"ref":"pkg:npm/%40stealthscale/component-typography@0.1.0"}]}
|
|
1
|
+
{"$schema":"http://cyclonedx.org/schema/bom-1.7.schema.json","bomFormat":"CycloneDX","specVersion":"1.7","version":1,"metadata":{"lifecycles":[{"phase":"build"}],"tools":{"components":[{"type":"application","name":"rolldown","version":"1.2.12"},{"type":"application","name":"vite","version":"8.3.3"},{"type":"library","name":"core","group":"@arethetypeswrong","version":"0.18.5","bom-ref":"pkg:npm/%40arethetypeswrong/core@0.18.5","author":"Andrew Branch","description":"The API behind arethetypeswrong.github.io","hashes":[{"alg":"SHA-512","content":"f72b63cc6c318e6f54cfb23d6af7dbb79be542deae93db914444b3263aabce797a58abc8e9dc184e8faf277534d96aeafe64778aa97f3f386f1e129d2480230d"}],"licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40arethetypeswrong/core@0.18.5","externalReferences":[{"url":"https://github.com/arethetypeswrong/arethetypeswrong.github.io.git#packages/core","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=20"}]},{"type":"library","name":"hooks","group":"@stealthscale","version":"0.3.0","bom-ref":"pkg:npm/%40stealthscale/hooks@0.3.0","description":"The React hooks a component uses to read the page it draws into: how the page is read, what it measures, and what a value was on the previous render.","licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40stealthscale/hooks@0.3.0","externalReferences":[{"url":"https://github.com/stealth-scale/scale/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"git+https://github.com/stealth-scale/scale.git#foundations/hooks","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://github.com/stealth-scale/scale/tree/main/foundations/hooks#readme","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=26.0.0"}]},{"type":"library","name":"theme","group":"@stealthscale","version":"0.5.0","bom-ref":"pkg:npm/%40stealthscale/theme@0.5.0","description":"Publishes the foundation every recipe is written against, the runtime every component binds its recipe with, and the vocabulary a theme is written in.","licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40stealthscale/theme@0.5.0","externalReferences":[{"url":"https://github.com/stealth-scale/scale/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"git+https://github.com/stealth-scale/scale.git#foundations/theme","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://github.com/stealth-scale/scale/tree/main/foundations/theme#readme","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=26.0.0"}]},{"type":"library","name":"vite-config-i18n","group":"@stealthscale","version":"0.2.1","bom-ref":"pkg:npm/%40stealthscale/vite-config-i18n@0.2.1","description":"Configures a package or an application with words: the catalogue plugin, and the words in scope for its specifications.","licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40stealthscale/vite-config-i18n@0.2.1","externalReferences":[{"url":"https://github.com/stealth-scale/scale/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"git+https://github.com/stealth-scale/scale.git#packages/vite-config-i18n","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://github.com/stealth-scale/scale/tree/main/packages/vite-config-i18n#readme","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=26.0.0"}]},{"type":"library","name":"vite-config-react","group":"@stealthscale","version":"0.9.1","bom-ref":"pkg:npm/%40stealthscale/vite-config-react@0.9.1","description":"Adds the JSX transform, the React lint rules, a test document and an MDX compiler to a package that renders.","licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40stealthscale/vite-config-react@0.9.1","externalReferences":[{"url":"https://github.com/stealth-scale/scale/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"git+https://github.com/stealth-scale/scale.git#packages/vite-config-react","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://github.com/stealth-scale/scale/tree/main/packages/vite-config-react#readme","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=26.0.0"}]},{"type":"library","name":"vite-config-specimen","group":"@stealthscale","version":"0.2.1","bom-ref":"pkg:npm/%40stealthscale/vite-config-specimen@0.2.1","description":"Configures an application that shows a catalogue, and the workspace root the specimens sit under.","licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40stealthscale/vite-config-specimen@0.2.1","externalReferences":[{"url":"https://github.com/stealth-scale/scale/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"git+https://github.com/stealth-scale/scale.git#packages/vite-config-specimen","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://github.com/stealth-scale/scale/tree/main/packages/vite-config-specimen#readme","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=26.0.0"}]},{"type":"library","name":"vite-config-theme","group":"@stealthscale","version":"0.3.0","bom-ref":"pkg:npm/%40stealthscale/vite-config-theme@0.3.0","description":"Adds the runtime generator to a design-system package and the stylesheet compiler to an application.","licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40stealthscale/vite-config-theme@0.3.0","externalReferences":[{"url":"https://github.com/stealth-scale/scale/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"git+https://github.com/stealth-scale/scale.git#packages/vite-config-theme","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://github.com/stealth-scale/scale/tree/main/packages/vite-config-theme#readme","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=26.0.0"}]},{"type":"library","name":"vite-config-typescript","group":"@stealthscale","version":"0.3.0","bom-ref":"pkg:npm/%40stealthscale/vite-config-typescript@0.3.0","description":"Sets the TypeScript options every stealthscale package compiles with.","licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40stealthscale/vite-config-typescript@0.3.0","externalReferences":[{"url":"https://github.com/stealth-scale/scale/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"git+https://github.com/stealth-scale/scale.git#packages/vite-config-typescript","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://github.com/stealth-scale/scale/tree/main/packages/vite-config-typescript#readme","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=26.0.0"}]},{"type":"library","name":"vite-config","group":"@stealthscale","version":"0.8.0","bom-ref":"pkg:npm/%40stealthscale/vite-config@0.8.0","description":"Configures a package from five Vite+ tiers and a named layer for every block.","licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40stealthscale/vite-config@0.8.0","externalReferences":[{"url":"https://github.com/stealth-scale/scale/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"git+https://github.com/stealth-scale/scale.git#packages/vite-config","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://github.com/stealth-scale/scale/tree/main/packages/vite-config#readme","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=26.0.0"}]},{"type":"library","name":"react","group":"@testing-library","version":"16.3.3","bom-ref":"pkg:npm/%40testing-library/react@16.3.3","author":"Kent C. Dodds <me@kentcdodds.com> (https://kentcdodds.com)","description":"Simple and complete React DOM testing utilities that encourage good testing practices.","hashes":[{"alg":"SHA-512","content":"528d7ddcd8106cf333ea5aeb86d45040570c0ba45efc42cb15b6ee54bdf4583959c65a597fdfe53074c05713d12f0d6ad62bbd389991d5cd812e210d46cb5d06"}],"licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40testing-library/react@16.3.3","externalReferences":[{"url":"https://github.com/testing-library/react-testing-library/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs.url\""},{"url":"https://github.com/testing-library/react-testing-library","type":"vcs","comment":"as detected from PackageJson property \"repository.url\""},{"url":"https://github.com/testing-library/react-testing-library#readme","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=18"}]},{"type":"library","name":"react-dom","group":"@types","version":"19.3.0","bom-ref":"pkg:npm/%40types/react-dom@19.3.0","description":"TypeScript definitions for react-dom","hashes":[{"alg":"SHA-512","content":"648edb538da66575ca1e7fea34b130d88adb888354ed7e7ebdf81d8b10479023696165e32a07d0fcffaec866f90a338b07d51c9d37a0debca542d5768729b8e1"}],"licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40types/react-dom@19.3.0","externalReferences":[{"url":"https://github.com/DefinitelyTyped/DefinitelyTyped.git#types/react-dom","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-dom","type":"website","comment":"as detected from PackageJson property \"homepage\""}]},{"type":"library","name":"react","group":"@types","version":"19.3.0","bom-ref":"pkg:npm/%40types/react@19.3.0","description":"TypeScript definitions for react","hashes":[{"alg":"SHA-512","content":"374ac50ae1fd628c46f7f9bad65f4c7e924a7e62ce554d1e9bb8a9233e9346049292f45e2c1f6f2fce4607ecabf01b3995eaa9be0f7a252c05e194b5b38be242"}],"licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40types/react@19.3.0","externalReferences":[{"url":"https://github.com/DefinitelyTyped/DefinitelyTyped.git#types/react","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react","type":"website","comment":"as detected from PackageJson property \"homepage\""}]},{"type":"library","name":"happy-dom","version":"20.14.5","bom-ref":"pkg:npm/happy-dom@20.14.5","author":"David Ortner","description":"Happy DOM is a JavaScript implementation of a web browser without its graphical user interface. It includes many web standards from WHATWG DOM and HTML.","hashes":[{"alg":"SHA-512","content":"c7f47392958ee346d38c8a13df4890b6deb814b2e61ff89171408dd97fff6cbc7b1f789f91d7cf5f2aacae8fce62dab32008622cc300ee69a2391f42dcd38a8d"}],"licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/happy-dom@20.14.5","externalReferences":[{"url":"https://github.com/capricorn86/happy-dom","type":"vcs","comment":"as detected from PackageJson property \"repository\""},{"url":"https://github.com/capricorn86/happy-dom","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=20.0.0"}]},{"type":"library","name":"lucide-react","version":"1.52.0","bom-ref":"pkg:npm/lucide-react@1.52.0","author":"Eric Fennis","description":"A Lucide icon library package for React applications.","hashes":[{"alg":"SHA-512","content":"4d480fb65e5923d5a0c4e71bbb8724682e41de5d6ac4f42b08c81be8e7d407da30c7f3af4897dc7fddd2320516031470e7fd570df87db88e45e623465c27060d"}],"licenses":[{"license":{"id":"ISC"}}],"purl":"pkg:npm/lucide-react@1.52.0","externalReferences":[{"url":"https://github.com/lucide-icons/lucide/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"https://github.com/lucide-icons/lucide.git#packages/lucide-react","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://lucide.dev","type":"website","comment":"as detected from PackageJson property \"homepage\""}]},{"type":"library","name":"oxc-transform-react","version":"0.153.0","bom-ref":"pkg:npm/oxc-transform-react@0.153.0","author":"Boshen and oxc contributors","description":"Oxc React Compiler Node API","hashes":[{"alg":"SHA-512","content":"f69fc1088423d76cbc51b95edd6594c55799cbcf118ea394edc569d7c70b57b3d36cd6156963b2c42dbe27d83e11d0bdfc038a5f35ffcf597dd8d67daefbe055"}],"licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/oxc-transform-react@0.153.0","externalReferences":[{"url":"https://github.com/oxc-project/oxc/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"git+https://github.com/oxc-project/oxc.git#napi/transform-react","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://oxc.rs","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":"^20.19.0 || >=22.12.0"}]},{"type":"library","name":"react-dom","version":"19.3.0","bom-ref":"pkg:npm/react-dom@19.3.0","description":"React package for working with the DOM.","hashes":[{"alg":"SHA-512","content":"24393c76089fe753a31680c4ef4f8e4fd202c98afeebd1e59a284dc29d7e36c7db9dadede6c22209af59264b43990e3fd5bfeb9f6ea1200476b985c332be6bd1"}],"licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/react-dom@19.3.0","externalReferences":[{"url":"https://github.com/react/react/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs.url\""},{"url":"https://github.com/react/react.git#packages/react-dom","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://react.dev/","type":"website","comment":"as detected from PackageJson property \"homepage\""}]},{"type":"library","name":"react","version":"19.3.0","bom-ref":"pkg:npm/react@19.3.0","description":"React is a JavaScript library for building user interfaces.","hashes":[{"alg":"SHA-512","content":"13c2d471bb415addb46db9766281dfc7864305dc554df38ab42667f5c0d227897afe7ba8029729201723e3bb76c19a155fc836647b8c1db892860091d53e52a2"}],"licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/react@19.3.0","externalReferences":[{"url":"https://github.com/react/react/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"https://github.com/react/react.git#packages/react","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://react.dev/","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=0.10.0"}]},{"type":"library","name":"typescript","version":"7.0.2","bom-ref":"pkg:npm/typescript@7.0.2","author":"Microsoft Corp.","description":"TypeScript is a language for application scale JavaScript development","hashes":[{"alg":"SHA-512","content":"f0561abbdea8dcd28e85b8ca8bfa8dbc6fd6e63873c646dd9b9b23f406d9ff94f9b16aa7de12602df1b1dbbb11299593bf2cc23fc74b4414dfe6d05349155434"}],"licenses":[{"license":{"id":"Apache-2.0"}}],"purl":"pkg:npm/typescript@7.0.2","externalReferences":[{"url":"https://github.com/microsoft/TypeScript/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs.url\""},{"url":"https://github.com/microsoft/TypeScript.git","type":"vcs","comment":"as detected from PackageJson property \"repository.url\""},{"url":"https://www.typescriptlang.org/","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=16.20.0"}]},{"type":"library","name":"vitest","version":"5.0.3","bom-ref":"pkg:npm/vitest@5.0.3","author":"Anthony Fu <anthonyfu117@hotmail.com>","description":"Next generation testing framework powered by Vite","hashes":[{"alg":"SHA-512","content":"c4cc3ded2deb8ddb63e5d9156adee30aca96069bdc86cdd196941cb54ab0243d0a904464e34bf3d9f27bee50f05bf57387fa64d7c788b5803392876149eb378d"}],"licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/vitest@5.0.3","externalReferences":[{"url":"https://github.com/vitest-dev/vitest/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs.url\""},{"url":"git+https://github.com/vitest-dev/vitest.git#packages/vitest","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://vitest.dev","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":"^22.12.0 || ^24.0.0 || >=26.0.0"}]}]},"component":{"type":"library","name":"component-typography","group":"@stealthscale","version":"0.3.1","bom-ref":"pkg:npm/%40stealthscale/component-typography@0.3.1","description":"Draws the components that are text: a heading, a paragraph, a snippet of code, a key a reader is asked to press.","licenses":[{"license":{"id":"MIT"}}],"purl":"pkg:npm/%40stealthscale/component-typography@0.3.1","externalReferences":[{"url":"https://github.com/stealth-scale/scale/issues","type":"issue-tracker","comment":"as detected from PackageJson property \"bugs\""},{"url":"git+https://github.com/stealth-scale/scale.git#components/typography","type":"vcs","comment":"as detected from PackageJson property \"repository.url\" and \"repository.directory\""},{"url":"https://github.com/stealth-scale/scale/tree/main/components/typography#readme","type":"website","comment":"as detected from PackageJson property \"homepage\""}],"properties":[{"name":"cdx:npm:package:constraint:engine:node","value":">=26.0.0"}],"evidence":{"licenses":[{"license":{"name":"file: LICENSE","text":{"content":"TUlUIExpY2Vuc2UKCkNvcHlyaWdodCAoYykgMjAyNiBTdGVhbHRoIFNjYWxlIEIuVi4KClBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHkKb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgIlNvZnR3YXJlIiksIHRvIGRlYWwKaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0cwp0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsCmNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpcwpmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOgoKVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW4gYWxsCmNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuCgpUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgIkFTIElTIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUgpJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSwKRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFCkFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVIKTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSwKT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTiBUSEUKU09GVFdBUkUuCg==","contentType":"text/plain","encoding":"base64"}}}]}},"supplier":{"name":"Stealth Scale B.V.","url":["https://stealthscale.io"]}},"components":[],"dependencies":[{"ref":"pkg:npm/%40stealthscale/component-typography@0.3.1"}]}
|
package/dist/index.d.ts
CHANGED
|
@@ -24,10 +24,10 @@ type ContentProps = ComponentProps<typeof Content>;
|
|
|
24
24
|
* Renders the package's `Icon` with the icon slot's classes.
|
|
25
25
|
*/
|
|
26
26
|
declare const Slot: import("@stealthscale/theme").StyledComponent<import("@stealthscale/theme").StyledComponent<"svg", {
|
|
27
|
-
readonly mirrored?: boolean;
|
|
28
|
-
readonly motion?: "float" | "spin" | "twinkle";
|
|
29
|
-
readonly size?: "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs";
|
|
30
|
-
readonly tone?: "current" | "default" | "error" | "info" | "inverted" | "muted" | "subtle" | "success" | "warning";
|
|
27
|
+
readonly mirrored?: boolean | undefined;
|
|
28
|
+
readonly motion?: "float" | "spin" | "twinkle" | undefined;
|
|
29
|
+
readonly size?: "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs" | undefined;
|
|
30
|
+
readonly tone?: "current" | "default" | "error" | "info" | "inverted" | "muted" | "subtle" | "success" | "warning" | undefined;
|
|
31
31
|
}>, {}>;
|
|
32
32
|
/**
|
|
33
33
|
* Describes the props of Blockquote.Icon: the icon recipe's variants and the props of an `svg`
|
|
@@ -48,11 +48,11 @@ declare function Icon$1({ children, ...props }: IconProps$1): ReactElement;
|
|
|
48
48
|
* Renders a `figure` element with the root slot's classes and provides the variants to the parts.
|
|
49
49
|
*/
|
|
50
50
|
declare const Root$2: import("@stealthscale/theme").StyledComponent<"figure", {
|
|
51
|
-
readonly justify?: "center" | "end" | "start";
|
|
52
|
-
readonly motion?: "reveal" | "rise";
|
|
53
|
-
readonly palette?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning";
|
|
54
|
-
readonly size?: "lg" | "md" | "sm" | "xl" | "xs";
|
|
55
|
-
readonly variant?: "glass" | "plain" | "solid" | "subtle" | "surface";
|
|
51
|
+
readonly justify?: "center" | "end" | "start" | undefined;
|
|
52
|
+
readonly motion?: "reveal" | "rise" | undefined;
|
|
53
|
+
readonly palette?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
|
|
54
|
+
readonly size?: "lg" | "md" | "sm" | "xl" | "xs" | undefined;
|
|
55
|
+
readonly variant?: "glass" | "plain" | "solid" | "subtle" | "surface" | undefined;
|
|
56
56
|
}>;
|
|
57
57
|
/**
|
|
58
58
|
* Describes the props of Blockquote.Root: the recipe's variants and the props of a `figure`
|
|
@@ -68,9 +68,10 @@ declare namespace index_d_exports {
|
|
|
68
68
|
* Renders a `code` element with the classes of the code recipe.
|
|
69
69
|
*/
|
|
70
70
|
export declare const Code: import("@stealthscale/theme").StyledComponent<"code", {
|
|
71
|
-
readonly palette?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning";
|
|
72
|
-
readonly size?: "md" | "sm";
|
|
73
|
-
readonly variant?: "outline" | "plain" | "solid" | "subtle" | "surface";
|
|
71
|
+
readonly palette?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
|
|
72
|
+
readonly size?: "md" | "sm" | undefined;
|
|
73
|
+
readonly variant?: "outline" | "plain" | "solid" | "subtle" | "surface" | undefined;
|
|
74
|
+
readonly wrap?: boolean | undefined;
|
|
74
75
|
}>;
|
|
75
76
|
/**
|
|
76
77
|
* Describes the props of Code: the recipe's variants and the props of a `code` element.
|
|
@@ -82,8 +83,8 @@ type CodeProps = ComponentProps<typeof Code>;
|
|
|
82
83
|
* Renders an `em` element with the classes of the em recipe.
|
|
83
84
|
*/
|
|
84
85
|
export declare const Em: import("@stealthscale/theme").StyledComponent<"em", {
|
|
85
|
-
readonly motion?: "fade" | "reveal" | "rise";
|
|
86
|
-
readonly tone?: import("@stealthscale/theme/authoring").Tone;
|
|
86
|
+
readonly motion?: "fade" | "reveal" | "rise" | undefined;
|
|
87
|
+
readonly tone?: import("@stealthscale/theme/authoring").Tone | undefined;
|
|
87
88
|
}>;
|
|
88
89
|
/**
|
|
89
90
|
* Describes the props of Em: the recipe's variants and the props of an `em` element.
|
|
@@ -95,12 +96,12 @@ type EmProps = ComponentProps<typeof Em>;
|
|
|
95
96
|
* Renders an `h2` element with the classes of the heading recipe.
|
|
96
97
|
*/
|
|
97
98
|
export declare const Heading: import("@stealthscale/theme").StyledComponent<"h2", {
|
|
98
|
-
readonly display?: boolean;
|
|
99
|
-
readonly effect?: "gradient" | "shine";
|
|
100
|
-
readonly motion?: "fade" | "reveal" | "rise";
|
|
101
|
-
readonly size?: "2xl" | "3xl" | "4xl" | "lg" | "md" | "sm" | "xl" | "xs";
|
|
102
|
-
readonly tone?: import("@stealthscale/theme/authoring").Tone;
|
|
103
|
-
readonly truncate?: boolean;
|
|
99
|
+
readonly display?: boolean | undefined;
|
|
100
|
+
readonly effect?: "gradient" | "shine" | undefined;
|
|
101
|
+
readonly motion?: "fade" | "reveal" | "rise" | undefined;
|
|
102
|
+
readonly size?: "2xl" | "3xl" | "4xl" | "lg" | "md" | "sm" | "xl" | "xs" | undefined;
|
|
103
|
+
readonly tone?: import("@stealthscale/theme/authoring").Tone | undefined;
|
|
104
|
+
readonly truncate?: boolean | undefined;
|
|
104
105
|
}>;
|
|
105
106
|
/**
|
|
106
107
|
* Describes the props of Heading: the recipe's variants and the props of an `h2` element.
|
|
@@ -112,12 +113,12 @@ type HeadingProps = ComponentProps<typeof Heading>;
|
|
|
112
113
|
* Renders a `mark` element with the classes of the mark recipe.
|
|
113
114
|
*/
|
|
114
115
|
export declare const Mark: import("@stealthscale/theme").StyledComponent<"mark", {
|
|
115
|
-
readonly effect?: "glow" | "shine";
|
|
116
|
-
readonly inset?: "md" | "none" | "sm" | "xs";
|
|
117
|
-
readonly motion?: "fade" | "reveal" | "rise";
|
|
118
|
-
readonly palette?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning";
|
|
119
|
-
readonly radius?: import("@stealthscale/theme/authoring").Corner;
|
|
120
|
-
readonly variant?: "outline" | "plain" | "solid" | "subtle" | "surface" | "text";
|
|
116
|
+
readonly effect?: "glow" | "shine" | undefined;
|
|
117
|
+
readonly inset?: "md" | "none" | "sm" | "xs" | undefined;
|
|
118
|
+
readonly motion?: "fade" | "reveal" | "rise" | undefined;
|
|
119
|
+
readonly palette?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
|
|
120
|
+
readonly radius?: import("@stealthscale/theme/authoring").Corner | undefined;
|
|
121
|
+
readonly variant?: "outline" | "plain" | "solid" | "subtle" | "surface" | "text" | undefined;
|
|
121
122
|
}>;
|
|
122
123
|
/**
|
|
123
124
|
* Describes the props of Mark: the recipe's variants and the props of a `mark` element.
|
|
@@ -156,10 +157,10 @@ export declare function Highlight({ children, ignoreCase, inset, query, ...props
|
|
|
156
157
|
* Renders an `svg` element with the classes of the icon recipe, hidden and in the `img` role.
|
|
157
158
|
*/
|
|
158
159
|
export declare const Icon: import("@stealthscale/theme").StyledComponent<"svg", {
|
|
159
|
-
readonly mirrored?: boolean;
|
|
160
|
-
readonly motion?: "float" | "spin" | "twinkle";
|
|
161
|
-
readonly size?: "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs";
|
|
162
|
-
readonly tone?: "current" | "default" | "error" | "info" | "inverted" | "muted" | "subtle" | "success" | "warning";
|
|
160
|
+
readonly mirrored?: boolean | undefined;
|
|
161
|
+
readonly motion?: "float" | "spin" | "twinkle" | undefined;
|
|
162
|
+
readonly size?: "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs" | undefined;
|
|
163
|
+
readonly tone?: "current" | "default" | "error" | "info" | "inverted" | "muted" | "subtle" | "success" | "warning" | undefined;
|
|
163
164
|
}>;
|
|
164
165
|
/**
|
|
165
166
|
* Describes the props of Icon: the recipe's variants and the props of an `svg` element.
|
|
@@ -171,9 +172,9 @@ type IconProps = ComponentProps<typeof Icon>;
|
|
|
171
172
|
* Renders a `kbd` element with the classes of the kbd recipe.
|
|
172
173
|
*/
|
|
173
174
|
declare const Root$1: import("@stealthscale/theme").StyledComponent<"kbd", {
|
|
174
|
-
readonly palette?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning";
|
|
175
|
-
readonly size?: "lg" | "md" | "sm";
|
|
176
|
-
readonly variant?: "outline" | "plain" | "raised" | "subtle";
|
|
175
|
+
readonly palette?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
|
|
176
|
+
readonly size?: "lg" | "md" | "sm" | undefined;
|
|
177
|
+
readonly variant?: "outline" | "plain" | "raised" | "subtle" | undefined;
|
|
177
178
|
}>;
|
|
178
179
|
/**
|
|
179
180
|
* Describes the props of Kbd.Root: the recipe's variants and the props of a `kbd` element.
|
|
@@ -228,11 +229,11 @@ type ItemProps = ComponentProps<typeof Item>;
|
|
|
228
229
|
* variants to the items.
|
|
229
230
|
*/
|
|
230
231
|
declare const Root: import("@stealthscale/theme").StyledComponent<"ul", {
|
|
231
|
-
readonly align?: "center" | "end" | "start";
|
|
232
|
-
readonly gap?: import("@stealthscale/theme/authoring").Scale;
|
|
233
|
-
readonly marker?: "circle" | "dash" | "decimal" | "disc" | "leading-zero" | "lower-alpha" | "lower-greek" | "lower-roman" | "square" | "upper-alpha" | "upper-roman";
|
|
234
|
-
readonly motion?: "reveal" | "rise";
|
|
235
|
-
readonly variant?: "marker" | "plain";
|
|
232
|
+
readonly align?: "center" | "end" | "start" | undefined;
|
|
233
|
+
readonly gap?: import("@stealthscale/theme/authoring").Scale | undefined;
|
|
234
|
+
readonly marker?: "circle" | "dash" | "decimal" | "disc" | "leading-zero" | "lower-alpha" | "lower-greek" | "lower-roman" | "square" | "upper-alpha" | "upper-roman" | undefined;
|
|
235
|
+
readonly motion?: "reveal" | "rise" | undefined;
|
|
236
|
+
readonly variant?: "marker" | "plain" | undefined;
|
|
236
237
|
}>;
|
|
237
238
|
/**
|
|
238
239
|
* Describes the props of List.Root: the recipe's variants and the props of a `ul` element.
|
|
@@ -258,26 +259,26 @@ declare namespace index_d_exports$2 {
|
|
|
258
259
|
* `MarkPropsProvider`, so a search results list sets one look for all of its highlights.
|
|
259
260
|
*/
|
|
260
261
|
declare const PropsProvider: import("react").Provider<import("@stealthscale/theme").DataAttrs & Partial<{
|
|
261
|
-
readonly effect?: "glow" | "shine";
|
|
262
|
-
readonly inset?: "md" | "none" | "sm" | "xs";
|
|
263
|
-
readonly motion?: "fade" | "reveal" | "rise";
|
|
264
|
-
readonly palette?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning";
|
|
265
|
-
readonly radius?: import("@stealthscale/theme/authoring").Corner;
|
|
266
|
-
readonly variant?: "outline" | "plain" | "solid" | "subtle" | "surface" | "text";
|
|
262
|
+
readonly effect?: "glow" | "shine" | undefined;
|
|
263
|
+
readonly inset?: "md" | "none" | "sm" | "xs" | undefined;
|
|
264
|
+
readonly motion?: "fade" | "reveal" | "rise" | undefined;
|
|
265
|
+
readonly palette?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
|
|
266
|
+
readonly radius?: import("@stealthscale/theme/authoring").Corner | undefined;
|
|
267
|
+
readonly variant?: "outline" | "plain" | "solid" | "subtle" | "surface" | "text" | undefined;
|
|
267
268
|
}>>, withContext: <Tag extends import("react").ElementType>(Component: Tag, options?: import("@stealthscale/theme").JsxFactoryOptions<import("@stealthscale/theme").ComponentProps<Tag> & Partial<{
|
|
268
|
-
readonly effect?: "glow" | "shine";
|
|
269
|
-
readonly inset?: "md" | "none" | "sm" | "xs";
|
|
270
|
-
readonly motion?: "fade" | "reveal" | "rise";
|
|
271
|
-
readonly palette?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning";
|
|
272
|
-
readonly radius?: import("@stealthscale/theme/authoring").Corner;
|
|
273
|
-
readonly variant?: "outline" | "plain" | "solid" | "subtle" | "surface" | "text";
|
|
274
|
-
}
|
|
275
|
-
readonly effect?: "glow" | "shine";
|
|
276
|
-
readonly inset?: "md" | "none" | "sm" | "xs";
|
|
277
|
-
readonly motion?: "fade" | "reveal" | "rise";
|
|
278
|
-
readonly palette?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning";
|
|
279
|
-
readonly radius?: import("@stealthscale/theme/authoring").Corner;
|
|
280
|
-
readonly variant?: "outline" | "plain" | "solid" | "subtle" | "surface" | "text";
|
|
269
|
+
readonly effect?: "glow" | "shine" | undefined;
|
|
270
|
+
readonly inset?: "md" | "none" | "sm" | "xs" | undefined;
|
|
271
|
+
readonly motion?: "fade" | "reveal" | "rise" | undefined;
|
|
272
|
+
readonly palette?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
|
|
273
|
+
readonly radius?: import("@stealthscale/theme/authoring").Corner | undefined;
|
|
274
|
+
readonly variant?: "outline" | "plain" | "solid" | "subtle" | "surface" | "text" | undefined;
|
|
275
|
+
}>, string> | undefined) => import("@stealthscale/theme").StyledComponent<Tag, {
|
|
276
|
+
readonly effect?: "glow" | "shine" | undefined;
|
|
277
|
+
readonly inset?: "md" | "none" | "sm" | "xs" | undefined;
|
|
278
|
+
readonly motion?: "fade" | "reveal" | "rise" | undefined;
|
|
279
|
+
readonly palette?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
|
|
280
|
+
readonly radius?: import("@stealthscale/theme/authoring").Corner | undefined;
|
|
281
|
+
readonly variant?: "outline" | "plain" | "solid" | "subtle" | "surface" | "text" | undefined;
|
|
281
282
|
}>;
|
|
282
283
|
//#endregion
|
|
283
284
|
//#region src/quote/quote.d.ts
|
|
@@ -285,9 +286,9 @@ declare const PropsProvider: import("react").Provider<import("@stealthscale/them
|
|
|
285
286
|
* Renders a `q` element with the classes of the quote recipe.
|
|
286
287
|
*/
|
|
287
288
|
export declare const Quote: import("@stealthscale/theme").StyledComponent<"q", {
|
|
288
|
-
readonly marks?: "auto" | "none";
|
|
289
|
-
readonly motion?: "fade" | "reveal" | "rise";
|
|
290
|
-
readonly tone?: import("@stealthscale/theme/authoring").Tone;
|
|
289
|
+
readonly marks?: "auto" | "none" | undefined;
|
|
290
|
+
readonly motion?: "fade" | "reveal" | "rise" | undefined;
|
|
291
|
+
readonly tone?: import("@stealthscale/theme/authoring").Tone | undefined;
|
|
291
292
|
}>;
|
|
292
293
|
/**
|
|
293
294
|
* Describes the props of Quote: the recipe's variants and the props of a `q` element.
|
|
@@ -299,10 +300,10 @@ type QuoteProps = ComponentProps<typeof Quote>;
|
|
|
299
300
|
* Renders a `span` element with the classes of the span recipe.
|
|
300
301
|
*/
|
|
301
302
|
export declare const Span: import("@stealthscale/theme").StyledComponent<"span", {
|
|
302
|
-
readonly motion?: "fade" | "reveal" | "rise";
|
|
303
|
-
readonly tone?: import("@stealthscale/theme/authoring").Tone;
|
|
304
|
-
readonly truncate?: boolean;
|
|
305
|
-
readonly weight?: import("@stealthscale/theme/authoring").Weight;
|
|
303
|
+
readonly motion?: "fade" | "reveal" | "rise" | undefined;
|
|
304
|
+
readonly tone?: import("@stealthscale/theme/authoring").Tone | undefined;
|
|
305
|
+
readonly truncate?: boolean | undefined;
|
|
306
|
+
readonly weight?: import("@stealthscale/theme/authoring").Weight | undefined;
|
|
306
307
|
}>;
|
|
307
308
|
/**
|
|
308
309
|
* Describes the props of Span: the recipe's variants and the props of a `span` element.
|
|
@@ -314,9 +315,9 @@ type SpanProps = ComponentProps<typeof Span>;
|
|
|
314
315
|
* Renders a `strong` element with the classes of the strong recipe.
|
|
315
316
|
*/
|
|
316
317
|
export declare const Strong: import("@stealthscale/theme").StyledComponent<"strong", {
|
|
317
|
-
readonly motion?: "fade" | "reveal" | "rise";
|
|
318
|
-
readonly tone?: import("@stealthscale/theme/authoring").Tone;
|
|
319
|
-
readonly weight?: "bold" | "medium" | "semibold";
|
|
318
|
+
readonly motion?: "fade" | "reveal" | "rise" | undefined;
|
|
319
|
+
readonly tone?: import("@stealthscale/theme/authoring").Tone | undefined;
|
|
320
|
+
readonly weight?: "bold" | "medium" | "semibold" | undefined;
|
|
320
321
|
}>;
|
|
321
322
|
/**
|
|
322
323
|
* Describes the props of Strong: the recipe's variants and the props of a `strong` element.
|
|
@@ -328,13 +329,13 @@ type StrongProps = ComponentProps<typeof Strong>;
|
|
|
328
329
|
* Renders a `p` element with the classes of the text recipe.
|
|
329
330
|
*/
|
|
330
331
|
export declare const Text: import("@stealthscale/theme").StyledComponent<"p", {
|
|
331
|
-
readonly align?: "center" | "end" | "justify" | "start";
|
|
332
|
-
readonly mask?: "bottom" | "edges" | "radial";
|
|
333
|
-
readonly motion?: "fade" | "reveal" | "rise";
|
|
334
|
-
readonly size?: "lg" | "md" | "sm" | "xl" | "xs";
|
|
335
|
-
readonly tone?: import("@stealthscale/theme/authoring").Tone;
|
|
336
|
-
readonly truncate?: boolean;
|
|
337
|
-
readonly weight?: import("@stealthscale/theme/authoring").Weight;
|
|
332
|
+
readonly align?: "center" | "end" | "justify" | "start" | undefined;
|
|
333
|
+
readonly mask?: "bottom" | "edges" | "radial" | undefined;
|
|
334
|
+
readonly motion?: "fade" | "reveal" | "rise" | undefined;
|
|
335
|
+
readonly size?: "lg" | "md" | "sm" | "xl" | "xs" | undefined;
|
|
336
|
+
readonly tone?: import("@stealthscale/theme/authoring").Tone | undefined;
|
|
337
|
+
readonly truncate?: boolean | undefined;
|
|
338
|
+
readonly weight?: import("@stealthscale/theme/authoring").Weight | undefined;
|
|
338
339
|
}>;
|
|
339
340
|
/**
|
|
340
341
|
* Describes the props of Text: the recipe's variants and the props of a `p` element.
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
|
|
2
|
-
import { a as recipe$8, c as recipe$5, d as recipe$2, f as recipe$1, i as recipe$9, l as recipe$4, n as recipe$11, o as recipe$6, p as recipe, r as recipe$10, s as recipe$7, t as recipe$12, u as recipe$3 } from "./recipe-
|
|
2
|
+
import { a as recipe$8, c as recipe$5, d as recipe$2, f as recipe$1, i as recipe$9, l as recipe$4, n as recipe$11, o as recipe$6, p as recipe, r as recipe$10, s as recipe$7, t as recipe$12, u as recipe$3 } from "./recipe-DuvOpofr.js";
|
|
3
3
|
import { createRecipeContext, createSlotRecipeContext } from "@stealthscale/theme";
|
|
4
4
|
import { c } from "react/compiler-runtime";
|
|
5
5
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -43,9 +43,9 @@ const MARKED = "&:has(> .blockquote__icon)";
|
|
|
43
43
|
const recipe$12 = defineSlotRecipe({
|
|
44
44
|
base: {
|
|
45
45
|
caption: {
|
|
46
|
+
textStyle: "caption",
|
|
46
47
|
color: "fg.muted",
|
|
47
|
-
gridColumn: "-2 / -1"
|
|
48
|
-
textStyle: "caption"
|
|
48
|
+
gridColumn: "-2 / -1"
|
|
49
49
|
},
|
|
50
50
|
content: {
|
|
51
51
|
gridColumn: "-2 / -1",
|
|
@@ -117,9 +117,9 @@ const recipe$12 = defineSlotRecipe({
|
|
|
117
117
|
* and the start padding inside the rule.
|
|
118
118
|
*/
|
|
119
119
|
size: onSlots({ root: sizeVariants((size) => ({
|
|
120
|
+
textStyle: `body.${size}`,
|
|
120
121
|
gap: dense(`{spacing.gap.${WIDER[size]}}`),
|
|
121
|
-
paddingInlineStart: dense(`{spacing.inset.${size}}`)
|
|
122
|
-
textStyle: `body.${size}`
|
|
122
|
+
paddingInlineStart: dense(`{spacing.inset.${size}}`)
|
|
123
123
|
}), STEPS) }),
|
|
124
124
|
/**
|
|
125
125
|
* Look of the root and the icon.
|
|
@@ -134,8 +134,8 @@ const recipe$12 = defineSlotRecipe({
|
|
|
134
134
|
glass: {
|
|
135
135
|
icon: { color: "colorPalette.solid" },
|
|
136
136
|
root: {
|
|
137
|
-
borderRadius: "l2",
|
|
138
137
|
layerStyle: "glass",
|
|
138
|
+
borderRadius: "l2",
|
|
139
139
|
padding: dense("{spacing.inset.md}")
|
|
140
140
|
}
|
|
141
141
|
},
|
|
@@ -241,7 +241,7 @@ const recipe$11 = defineRecipe({
|
|
|
241
241
|
//#endregion
|
|
242
242
|
//#region src/code/recipe.ts
|
|
243
243
|
/**
|
|
244
|
-
* Styles inline code: its look, size and
|
|
244
|
+
* Styles inline code: its look, size, palette and wrapping.
|
|
245
245
|
*
|
|
246
246
|
* @remarks
|
|
247
247
|
* Every value reads a code text style, a layer style, an inset token or a palette. The looks read
|
|
@@ -250,7 +250,8 @@ const recipe$11 = defineRecipe({
|
|
|
250
250
|
* because data can set the value at run time.
|
|
251
251
|
*/
|
|
252
252
|
/**
|
|
253
|
-
*
|
|
253
|
+
* Outlines the padding edge with a `CanvasText` hairline, for a look whose fill forced colours
|
|
254
|
+
* remove.
|
|
254
255
|
*/
|
|
255
256
|
const OUTLINED = {
|
|
256
257
|
outlineColor: "CanvasText",
|
|
@@ -286,32 +287,46 @@ const recipe$10 = defineRecipe({
|
|
|
286
287
|
* Step of the code text style, with inline padding from the inset one size smaller.
|
|
287
288
|
*/
|
|
288
289
|
size: sizeVariants((size) => ({
|
|
289
|
-
|
|
290
|
-
|
|
290
|
+
textStyle: `code.${size}`,
|
|
291
|
+
paddingInline: dense(`{spacing.inset.${below(size)}}`)
|
|
291
292
|
}), ["sm", "md"]),
|
|
292
293
|
/**
|
|
293
294
|
* Look of the snippet.
|
|
294
295
|
*
|
|
295
296
|
* @remarks
|
|
296
|
-
* `solid` and `subtle` have no edge, so they
|
|
297
|
+
* `solid` and `subtle` have no edge, so they take a `CanvasText` outline in forced colours,
|
|
297
298
|
* where the fill is removed. `plain` sets no inline padding, because it renders no fill, so a
|
|
298
299
|
* column of plain snippets starts at the same x as the text above and below it.
|
|
299
300
|
*/
|
|
300
301
|
variant: {
|
|
301
302
|
solid: {
|
|
302
|
-
|
|
303
|
-
|
|
303
|
+
layerStyle: "flat.solid",
|
|
304
|
+
_highContrast: OUTLINED
|
|
304
305
|
},
|
|
305
306
|
subtle: {
|
|
306
|
-
|
|
307
|
-
|
|
307
|
+
layerStyle: "flat.subtle",
|
|
308
|
+
_highContrast: OUTLINED
|
|
308
309
|
},
|
|
309
310
|
...flatVariants(["surface", "outline"]),
|
|
310
311
|
plain: {
|
|
311
312
|
layerStyle: "flat.plain",
|
|
312
313
|
paddingInline: "0"
|
|
313
314
|
}
|
|
314
|
-
}
|
|
315
|
+
},
|
|
316
|
+
/**
|
|
317
|
+
* Breaks a snippet in running text where its line ends.
|
|
318
|
+
*
|
|
319
|
+
* @remarks
|
|
320
|
+
* The element renders inline, so its fill continues on the next line, and its padding and
|
|
321
|
+
* corners apply only at its two ends. It breaks at its spaces, and inside a word that does
|
|
322
|
+
* not fit a line. Without the axis a snippet takes one line, as an identifier in a table cell
|
|
323
|
+
* needs.
|
|
324
|
+
*/
|
|
325
|
+
wrap: { true: {
|
|
326
|
+
display: "inline",
|
|
327
|
+
overflowWrap: "anywhere",
|
|
328
|
+
whiteSpace: "break-spaces"
|
|
329
|
+
} }
|
|
315
330
|
}
|
|
316
331
|
});
|
|
317
332
|
//#endregion
|
|
@@ -597,10 +612,10 @@ const PAD = {
|
|
|
597
612
|
function keySize(size) {
|
|
598
613
|
const height = dense(`{sizes.tag.${below(size)}}`);
|
|
599
614
|
return {
|
|
615
|
+
textStyle: `label.${below(size)}`,
|
|
600
616
|
height,
|
|
601
617
|
minInlineSize: height,
|
|
602
|
-
paddingInline: dense(`{spacing.gap.${PAD[size]}}`)
|
|
603
|
-
textStyle: `label.${below(size)}`
|
|
618
|
+
paddingInline: dense(`{spacing.gap.${PAD[size]}}`)
|
|
604
619
|
};
|
|
605
620
|
}
|
|
606
621
|
/**
|
|
@@ -658,13 +673,13 @@ const recipe$5 = defineRecipe({
|
|
|
658
673
|
color: "colorPalette.fg"
|
|
659
674
|
},
|
|
660
675
|
subtle: {
|
|
676
|
+
layerStyle: "flat.subtle",
|
|
661
677
|
_highContrast: {
|
|
662
678
|
outlineColor: "CanvasText",
|
|
663
679
|
outlineOffset: "calc({borderWidths.hairline} * -1)",
|
|
664
680
|
outlineStyle: "solid",
|
|
665
681
|
outlineWidth: "hairline"
|
|
666
|
-
}
|
|
667
|
-
layerStyle: "flat.subtle"
|
|
682
|
+
}
|
|
668
683
|
}
|
|
669
684
|
}
|
|
670
685
|
}
|
package/dist/theme.js
CHANGED
|
@@ -1,15 +1,25 @@
|
|
|
1
|
-
import { a as recipe$12, c as recipe$6, d as recipe, f as recipe$3, i as recipe$7, l as recipe$2, n as recipe$9, o as recipe$4, p as recipe$11, r as recipe$8, s as recipe$5, t as recipe$10, u as recipe$1 } from "./recipe-
|
|
1
|
+
import { a as recipe$12, c as recipe$6, d as recipe, f as recipe$3, i as recipe$7, l as recipe$2, n as recipe$9, o as recipe$4, p as recipe$11, r as recipe$8, s as recipe$5, t as recipe$10, u as recipe$1 } from "./recipe-DuvOpofr.js";
|
|
2
2
|
import { definePreset } from "@stealthscale/theme/authoring";
|
|
3
|
-
//#
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
3
|
+
//#endregion
|
|
4
|
+
const theme_default$published = ((preset) => {
|
|
5
|
+
const extend = preset.theme.extend;
|
|
6
|
+
return {
|
|
7
|
+
...preset,
|
|
8
|
+
theme: {
|
|
9
|
+
...preset.theme,
|
|
10
|
+
extend: {
|
|
11
|
+
...extend,
|
|
12
|
+
"recipes": {
|
|
13
|
+
...extend["recipes"],
|
|
14
|
+
"mark": {
|
|
15
|
+
...extend["recipes"]["mark"],
|
|
16
|
+
staticCss: [...extend["recipes"]["mark"].staticCss ?? [], { "inset": ["none"] }]
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
})(definePreset({
|
|
13
23
|
name: "@stealthscale/component-typography",
|
|
14
24
|
theme: { extend: {
|
|
15
25
|
recipes: {
|
|
@@ -30,6 +40,5 @@ var theme_default = definePreset({
|
|
|
30
40
|
list: recipe$12
|
|
31
41
|
}
|
|
32
42
|
} }
|
|
33
|
-
});
|
|
34
|
-
|
|
35
|
-
export { theme_default as default };
|
|
43
|
+
}));
|
|
44
|
+
export { theme_default$published as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stealthscale/component-typography",
|
|
3
|
-
"version": "0.1
|
|
3
|
+
"version": "0.3.1",
|
|
4
4
|
"description": "Draws the components that are text: a heading, a paragraph, a snippet of code, a key a reader is asked to press.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"components",
|
|
@@ -36,29 +36,29 @@
|
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"@arethetypeswrong/core": "^0.18",
|
|
39
|
-
"@stealthscale/hooks": "^0.
|
|
40
|
-
"@stealthscale/theme": "^0.
|
|
41
|
-
"@stealthscale/vite-config": "^0.
|
|
42
|
-
"@stealthscale/vite-config-i18n": "^0.1
|
|
43
|
-
"@stealthscale/vite-config-react": "^0.
|
|
44
|
-
"@stealthscale/vite-config-specimen": "^0.1
|
|
45
|
-
"@stealthscale/vite-config-theme": "^0.
|
|
39
|
+
"@stealthscale/hooks": "^0.3.0",
|
|
40
|
+
"@stealthscale/theme": "^0.5.0",
|
|
41
|
+
"@stealthscale/vite-config": "^0.8.0",
|
|
42
|
+
"@stealthscale/vite-config-i18n": "^0.2.1",
|
|
43
|
+
"@stealthscale/vite-config-react": "^0.9.1",
|
|
44
|
+
"@stealthscale/vite-config-specimen": "^0.2.1",
|
|
45
|
+
"@stealthscale/vite-config-theme": "^0.3.0",
|
|
46
46
|
"@stealthscale/vite-config-typescript": "^0.3.0",
|
|
47
47
|
"@testing-library/react": "^16.3",
|
|
48
48
|
"@types/react": "^19.3",
|
|
49
49
|
"@types/react-dom": "^19.3",
|
|
50
50
|
"happy-dom": "^20.14",
|
|
51
|
-
"lucide-react": "^1.
|
|
52
|
-
"oxc-transform-react": "^0.
|
|
51
|
+
"lucide-react": "^1.52",
|
|
52
|
+
"oxc-transform-react": "^0.153",
|
|
53
53
|
"publint": "^0.3",
|
|
54
54
|
"react": "^19.3",
|
|
55
55
|
"react-dom": "^19.3",
|
|
56
56
|
"typescript": "^7.0",
|
|
57
|
-
"vitest": "5.0.
|
|
57
|
+
"vitest": "5.0.3"
|
|
58
58
|
},
|
|
59
59
|
"peerDependencies": {
|
|
60
|
-
"@stealthscale/hooks": "^0.
|
|
61
|
-
"@stealthscale/theme": "^0.
|
|
60
|
+
"@stealthscale/hooks": "^0.3.0",
|
|
61
|
+
"@stealthscale/theme": "^0.5.0",
|
|
62
62
|
"react": "^19.3"
|
|
63
63
|
},
|
|
64
64
|
"engines": {
|