{"_id":"@bestiary-ui/style","_rev":"3-18a5b9908e51a3a8e3c018f0b6aa8a3c","name":"@bestiary-ui/style","dist-tags":{"latest":"0.1.1"},"versions":{"0.0.1":{"name":"@bestiary-ui/style","version":"0.0.1","_id":"@bestiary-ui/style@0.0.1","maintainers":[{"name":"veliar","email":"veliar2001@gmail.com"}],"dist":{"shasum":"c65594be50d8952cc8c2cd8a11c33b974b7cdec8","tarball":"https://registry.npmjs.org/@bestiary-ui/style/-/style-0.0.1.tgz","fileCount":6,"integrity":"sha512-mVmvFNpABBszCkICZJd/57jQybpvoh1byKm4yh3On5DIplAfy3+z8zJ+ksrwISkq9kvnZLJLiIK+xFb5iQD52Q==","signatures":[{"sig":"MEUCICNCmYts3DeUxfEG33yYO61eE+yRhgfFIm246SwrgDoxAiEApNNL4GVgbY6HYYBgugKX1QwSUiAH1C/0D2vesqR381o=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1455},"main":"./index.css","type":"module","exports":{".":"./index.css","./base.css":"./base.css","./dark.css":"./dark.css","./light.css":"./light.css","./tokens.css":"./tokens.css"},"_npmUser":{"name":"veliar","email":"veliar2001@gmail.com"},"_npmVersion":"11.6.2","directories":{},"_nodeVersion":"24.12.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/style_0.0.1_1768332636486_0.48918515919541905","host":"s3://npm-registry-packages-npm-production"}},"0.1.0":{"name":"@bestiary-ui/style","version":"0.1.0","author":{"name":"Bestiary UI"},"license":"MIT","_id":"@bestiary-ui/style@0.1.0","maintainers":[{"name":"veliar","email":"veliar2001@gmail.com"}],"homepage":"https://github.com/bestiary/bestiary-ui/tree/main/packages/style#readme","bugs":{"url":"https://github.com/bestiary/bestiary-ui/issues"},"dist":{"shasum":"f03c54b2bd4a5271d0c5aed54682ce5797ccd58a","tarball":"https://registry.npmjs.org/@bestiary-ui/style/-/style-0.1.0.tgz","fileCount":155,"integrity":"sha512-k+XHZvA7+TDMYUJ5r5T9EfBC/qxIWVySfoaBKxbfBC3j+yaCd+cfRMhkOBBvTzFUe+VQFQf0Q8NU4Mk5lGKlpg==","signatures":[{"sig":"MEYCIQCBEdP7CgXRInHrL0Y3yMtqJW1Zc00tpwfDnVGvhlaZgwIhAKkmxjzTTU+2IRRdMGncOYs3+Pgv7nMyGLvKkHOh65MR","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":463157},"main":"./index.css","unpkg":"./index.bundle.css","exports":{".":"./index.css","./bundle":"./index.bundle.css","./reset.css":"./base/reset.css","./tokens/red.css":"./tokens/palettes/red.css","./tokens/sky.css":"./tokens/palettes/sky.css","./tokens/blue.css":"./tokens/palettes/blue.css","./tokens/blur.css":"./tokens/effects/blur.css","./tokens/cyan.css":"./tokens/palettes/cyan.css","./tokens/ease.css":"./tokens/behavior/ease.css","./tokens/gray.css":"./tokens/palettes/gray.css","./tokens/lime.css":"./tokens/palettes/lime.css","./tokens/mist.css":"./tokens/palettes/mist.css","./tokens/pink.css":"./tokens/palettes/pink.css","./tokens/ring.css":"./tokens/effects/ring.css","./tokens/rose.css":"./tokens/palettes/rose.css","./tokens/size.css":"./tokens/layout/size.css","./tokens/teal.css":"./tokens/palettes/teal.css","./tokens/time.css":"./tokens/behavior/time.css","./tokens/zinc.css":"./tokens/palettes/zinc.css","./tokens/amber.css":"./tokens/palettes/amber.css","./tokens/files.css":"./tokens/palettes/files.css","./tokens/green.css":"./tokens/palettes/green.css","./tokens/mauve.css":"./tokens/palettes/mauve.css","./tokens/olive.css":"./tokens/palettes/olive.css","./tokens/slate.css":"./tokens/palettes/slate.css","./tokens/stone.css":"./tokens/palettes/stone.css","./tokens/taupe.css":"./tokens/palettes/taupe.css","./essences/leaf.css":"./essences/leaf.css","./themes/forest.css":"./themes/forest.css","./tokens/brands.css":"./tokens/palettes/brands.css","./tokens/common.css":"./tokens/palettes/common.css","./tokens/indigo.css":"./tokens/palettes/indigo.css","./tokens/layers.css":"./tokens/layout/layers.css","./tokens/orange.css":"./tokens/palettes/orange.css","./tokens/purple.css":"./tokens/palettes/purple.css","./tokens/radius.css":"./tokens/borders/radius.css","./tokens/shadow.css":"./tokens/effects/shadow.css","./tokens/violet.css":"./tokens/palettes/violet.css","./tokens/yellow.css":"./tokens/palettes/yellow.css","./utilities/gap.css":"./utilities/composition/gap.css","./components/tag.css":"./components/data-display/tag.css","./tokens/aspects.css":"./tokens/layout/aspects.css","./tokens/emerald.css":"./tokens/palettes/emerald.css","./tokens/fuchsia.css":"./tokens/palettes/fuchsia.css","./tokens/neutral.css":"./tokens/palettes/neutral.css","./tokens/opacity.css":"./tokens/effects/opacity.css","./tokens/strokes.css":"./tokens/borders/strokes.css","./utilities/blur.css":"./utilities/effects/blur.css","./utilities/flex.css":"./utilities/composition/flex.css","./utilities/size.css":"./utilities/sizing/size.css","./components/card.css":"./components/data-display/card.css","./components/spin.css":"./components/feedback/spin.css","./tokens/contract.css":"./tokens/contract.css","./tokens/spacings.css":"./tokens/layout/spacings.css","./utilities/index.css":"./utilities/index.css","./utilities/inset.css":"./utilities/layout/inset.css","./utilities/lists.css":"./utilities/typography/lists.css","./utilities/order.css":"./utilities/composition/order.css","./components/badge.css":"./components/data-display/badge.css","./components/image.css":"./components/data-display/image.css","./components/index.css":"./components/index.css","./components/table.css":"./components/data-display/table.css","./tokens/font-size.css":"./tokens/typography/font-size.css","./tokens/fractions.css":"./tokens/layout/fractions.css","./utilities/cursor.css":"./utilities/interactivity/cursor.css","./utilities/margin.css":"./utilities/spacing/margin.css","./utilities/motion.css":"./utilities/interactivity/motion.css","./utilities/scroll.css":"./utilities/interactivity/scroll.css","./utilities/tables.css":"./utilities/layout/tables.css","./components/avatar.css":"./components/data-display/avatar.css","./components/button.css":"./components/general/button.css","./components/rating.css":"./components/data-entry/rating.css","./tokens/containers.css":"./tokens/layout/containers.css","./tokens/inset-ring.css":"./tokens/effects/inset-ring.css","./tokens/line-clamp.css":"./tokens/typography/line-clamp.css","./tokens/primitives.css":"./tokens/primitives.css","./utilities/borders.css":"./utilities/borders/borders.css","./utilities/columns.css":"./utilities/layout/columns.css","./utilities/display.css":"./utilities/layout/display.css","./utilities/opacity.css":"./utilities/effects/opacity.css","./utilities/padding.css":"./utilities/spacing/padding.css","./utilities/z-index.css":"./utilities/layout/z-index.css","./components/divider.css":"./components/layout/divider.css","./components/message.css":"./components/feedback/message.css","./tokens/breakpoints.css":"./tokens/layout/breakpoints.css","./tokens/drop-shadow.css":"./tokens/effects/drop-shadow.css","./tokens/font-family.css":"./tokens/typography/font-family.css","./tokens/font-weight.css":"./tokens/typography/font-weight.css","./tokens/line-height.css":"./tokens/typography/line-height.css","./tokens/text-shadow.css":"./tokens/typography/text-shadow.css","./utilities/grid-row.css":"./utilities/composition/grid-row.css","./utilities/overflow.css":"./utilities/layout/overflow.css","./utilities/position.css":"./utilities/layout/position.css","./components/checkbox.css":"./components/data-entry/checkbox.css","./components/password.css":"./components/data-entry/password.css","./components/progress.css":"./components/feedback/progress.css","./components/skeleton.css":"./components/feedback/skeleton.css","./components/splitter.css":"./components/layout/splitter.css","./components/textarea.css":"./components/data-entry/textarea.css","./tokens/inset-shadow.css":"./tokens/effects/inset-shadow.css","./tokens/radius-blobs.css":"./tokens/borders/radius-blobs.css","./utilities/font-size.css":"./utilities/typography/font-size.css","./utilities/grid-auto.css":"./utilities/composition/grid-auto.css","./utilities/translate.css":"./utilities/interactivity/translate.css","./components/accordion.css":"./components/data-display/accordion.css","./components/paginator.css":"./components/navigation/paginator.css","./utilities/align-self.css":"./utilities/composition/align-self.css","./utilities/block-size.css":"./utilities/sizing/block-size.css","./utilities/box-shadow.css":"./utilities/effects/box-shadow.css","./utilities/object-fit.css":"./utilities/layout/object-fit.css","./utilities/overscroll.css":"./utilities/layout/overscroll.css","./utilities/place-self.css":"./utilities/composition/place-self.css","./utilities/text-align.css":"./utilities/typography/text-align.css","./utilities/transforms.css":"./utilities/interactivity/transforms.css","./utilities/typography.css":"./utilities/typography/typography.css","./utilities/visibility.css":"./utilities/layout/visibility.css","./components/breadcrumb.css":"./components/navigation/breadcrumb.css","./components/icon-field.css":"./components/data-entry/icon-field.css","./components/input-text.css":"./components/data-entry/input-text.css","./components/scroll-top.css":"./components/navigation/scroll-top.css","./tokens/letter-spacing.css":"./tokens/typography/letter-spacing.css","./tokens/radius-organic.css":"./tokens/borders/radius-organic.css","./utilities/align-items.css":"./utilities/composition/align-items.css","./utilities/grid-column.css":"./utilities/composition/grid-column.css","./utilities/inline-size.css":"./utilities/sizing/inline-size.css","./utilities/place-items.css":"./utilities/composition/place-items.css","./utilities/text-shadow.css":"./utilities/typography/text-shadow.css","./components/date-picker.css":"./components/data-entry/date-picker.css","./utilities/aspect-ratio.css":"./utilities/layout/aspect-ratio.css","./utilities/justify-self.css":"./utilities/composition/justify-self.css","./utilities/text-control.css":"./utilities/typography/text-control.css","./components/avatar-group.css":"./components/data-display/avatar-group.css","./utilities/align-content.css":"./utilities/composition/align-content.css","./utilities/interactivity.css":"./utilities/interactivity/interactivity.css","./utilities/justify-items.css":"./utilities/composition/justify-items.css","./utilities/place-content.css":"./utilities/composition/place-content.css","./components/overlay-badge.css":"./components/data-display/overlay-badge.css","./components/select-button.css":"./components/data-entry/select-button.css","./utilities/font-smoothing.css":"./utilities/typography/font-smoothing.css","./utilities/grid-auto-flow.css":"./utilities/composition/grid-auto-flow.css","./utilities/max-block-size.css":"./utilities/sizing/max-block-size.css","./utilities/min-block-size.css":"./utilities/sizing/min-block-size.css","./tokens/radius-conditional.css":"./tokens/borders/radius-conditional.css","./utilities/justify-content.css":"./utilities/composition/justify-content.css","./utilities/max-inline-size.css":"./utilities/sizing/max-inline-size.css","./utilities/min-inline-size.css":"./utilities/sizing/min-inline-size.css","./utilities/object-position.css":"./utilities/layout/object-position.css","./utilities/text-decoration.css":"./utilities/typography/text-decoration.css","./utilities/text-formatting.css":"./utilities/typography/text-formatting.css","./utilities/grid-template-rows.css":"./utilities/composition/grid-template-rows.css","./utilities/grid-template-columns.css":"./utilities/composition/grid-template-columns.css"},"gitHead":"338bd7234fb04b4071a95da15c5966d1da3a2eec","private":false,"_npmUser":{"name":"veliar","email":"veliar2001@gmail.com"},"jsdelivr":"./index.bundle.css","repository":{"url":"git+https://github.com/bestiary/bestiary-ui.git","type":"git","directory":"packages/style"},"_npmVersion":"11.6.2","description":"Core styles, variables, and CSS utilities for Bestiary UI","directories":{},"_nodeVersion":"24.12.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/style_0.1.0_1777313416848_0.7084984394628338","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@bestiary-ui/style","version":"0.1.1","description":"Core styles, variables, and CSS utilities for Bestiary UI","private":false,"author":{"name":"Bestiary UI"},"license":"MIT","homepage":"https://github.com/bestiary/bestiary-ui/tree/main/packages/style#readme","repository":{"type":"git","url":"git+https://github.com/bestiary/bestiary-ui.git","directory":"packages/style"},"publishConfig":{"access":"public"},"main":"./index.css","unpkg":"./index.bundle.css","jsdelivr":"./index.bundle.css","exports":{".":"./index.css","./reset.css":"./base/reset.css","./components/index.css":"./components/index.css","./essences/leaf.css":"./essences/leaf.css","./tokens/contract.css":"./tokens/contract.css","./tokens/primitives.css":"./tokens/primitives.css","./themes/forest.css":"./themes/forest.css","./utilities/index.css":"./utilities/index.css","./components/accordion.css":"./components/data-display/accordion.css","./components/avatar.css":"./components/data-display/avatar.css","./components/badge.css":"./components/data-display/badge.css","./components/card.css":"./components/data-display/card.css","./components/image.css":"./components/data-display/image.css","./components/table.css":"./components/data-display/table.css","./components/tag.css":"./components/data-display/tag.css","./components/checkbox.css":"./components/data-entry/checkbox.css","./components/date-picker.css":"./components/data-entry/date-picker.css","./components/icon-field.css":"./components/data-entry/icon-field.css","./components/input-text.css":"./components/data-entry/input-text.css","./components/password.css":"./components/data-entry/password.css","./components/rating.css":"./components/data-entry/rating.css","./components/select-button.css":"./components/data-entry/select-button.css","./components/textarea.css":"./components/data-entry/textarea.css","./components/message.css":"./components/feedback/message.css","./components/progress.css":"./components/feedback/progress.css","./components/skeleton.css":"./components/feedback/skeleton.css","./components/spin.css":"./components/feedback/spin.css","./components/button.css":"./components/general/button.css","./components/divider.css":"./components/layout/divider.css","./components/splitter.css":"./components/layout/splitter.css","./components/breadcrumb.css":"./components/navigation/breadcrumb.css","./components/paginator.css":"./components/navigation/paginator.css","./components/scroll-top.css":"./components/navigation/scroll-top.css","./tokens/ease.css":"./tokens/behavior/ease.css","./tokens/time.css":"./tokens/behavior/time.css","./tokens/radius-blobs.css":"./tokens/borders/radius-blobs.css","./tokens/radius-conditional.css":"./tokens/borders/radius-conditional.css","./tokens/radius-organic.css":"./tokens/borders/radius-organic.css","./tokens/radius.css":"./tokens/borders/radius.css","./tokens/strokes.css":"./tokens/borders/strokes.css","./tokens/blur.css":"./tokens/effects/blur.css","./tokens/drop-shadow.css":"./tokens/effects/drop-shadow.css","./tokens/inset-ring.css":"./tokens/effects/inset-ring.css","./tokens/inset-shadow.css":"./tokens/effects/inset-shadow.css","./tokens/opacity.css":"./tokens/effects/opacity.css","./tokens/ring.css":"./tokens/effects/ring.css","./tokens/shadow.css":"./tokens/effects/shadow.css","./tokens/aspects.css":"./tokens/layout/aspects.css","./tokens/breakpoints.css":"./tokens/layout/breakpoints.css","./tokens/containers.css":"./tokens/layout/containers.css","./tokens/fractions.css":"./tokens/layout/fractions.css","./tokens/layers.css":"./tokens/layout/layers.css","./tokens/size.css":"./tokens/layout/size.css","./tokens/spacings.css":"./tokens/layout/spacings.css","./tokens/amber.css":"./tokens/palettes/amber.css","./tokens/blue.css":"./tokens/palettes/blue.css","./tokens/brands.css":"./tokens/palettes/brands.css","./tokens/common.css":"./tokens/palettes/common.css","./tokens/cyan.css":"./tokens/palettes/cyan.css","./tokens/emerald.css":"./tokens/palettes/emerald.css","./tokens/files.css":"./tokens/palettes/files.css","./tokens/fuchsia.css":"./tokens/palettes/fuchsia.css","./tokens/gray.css":"./tokens/palettes/gray.css","./tokens/green.css":"./tokens/palettes/green.css","./tokens/indigo.css":"./tokens/palettes/indigo.css","./tokens/lime.css":"./tokens/palettes/lime.css","./tokens/mauve.css":"./tokens/palettes/mauve.css","./tokens/mist.css":"./tokens/palettes/mist.css","./tokens/neutral.css":"./tokens/palettes/neutral.css","./tokens/olive.css":"./tokens/palettes/olive.css","./tokens/orange.css":"./tokens/palettes/orange.css","./tokens/pink.css":"./tokens/palettes/pink.css","./tokens/purple.css":"./tokens/palettes/purple.css","./tokens/red.css":"./tokens/palettes/red.css","./tokens/rose.css":"./tokens/palettes/rose.css","./tokens/sky.css":"./tokens/palettes/sky.css","./tokens/slate.css":"./tokens/palettes/slate.css","./tokens/stone.css":"./tokens/palettes/stone.css","./tokens/taupe.css":"./tokens/palettes/taupe.css","./tokens/teal.css":"./tokens/palettes/teal.css","./tokens/violet.css":"./tokens/palettes/violet.css","./tokens/yellow.css":"./tokens/palettes/yellow.css","./tokens/zinc.css":"./tokens/palettes/zinc.css","./tokens/font-family.css":"./tokens/typography/font-family.css","./tokens/font-size.css":"./tokens/typography/font-size.css","./tokens/font-weight.css":"./tokens/typography/font-weight.css","./tokens/letter-spacing.css":"./tokens/typography/letter-spacing.css","./tokens/line-clamp.css":"./tokens/typography/line-clamp.css","./tokens/line-height.css":"./tokens/typography/line-height.css","./tokens/text-shadow.css":"./tokens/typography/text-shadow.css","./utilities/borders.css":"./utilities/borders/borders.css","./utilities/align-content.css":"./utilities/composition/align-content.css","./utilities/align-items.css":"./utilities/composition/align-items.css","./utilities/align-self.css":"./utilities/composition/align-self.css","./utilities/flex.css":"./utilities/composition/flex.css","./utilities/gap.css":"./utilities/composition/gap.css","./utilities/grid-auto-flow.css":"./utilities/composition/grid-auto-flow.css","./utilities/grid-auto.css":"./utilities/composition/grid-auto.css","./utilities/grid-column.css":"./utilities/composition/grid-column.css","./utilities/grid-row.css":"./utilities/composition/grid-row.css","./utilities/grid-template-columns.css":"./utilities/composition/grid-template-columns.css","./utilities/grid-template-rows.css":"./utilities/composition/grid-template-rows.css","./utilities/justify-content.css":"./utilities/composition/justify-content.css","./utilities/justify-items.css":"./utilities/composition/justify-items.css","./utilities/justify-self.css":"./utilities/composition/justify-self.css","./utilities/order.css":"./utilities/composition/order.css","./utilities/place-content.css":"./utilities/composition/place-content.css","./utilities/place-items.css":"./utilities/composition/place-items.css","./utilities/place-self.css":"./utilities/composition/place-self.css","./utilities/blur.css":"./utilities/effects/blur.css","./utilities/box-shadow.css":"./utilities/effects/box-shadow.css","./utilities/opacity.css":"./utilities/effects/opacity.css","./utilities/cursor.css":"./utilities/interactivity/cursor.css","./utilities/interactivity.css":"./utilities/interactivity/interactivity.css","./utilities/motion.css":"./utilities/interactivity/motion.css","./utilities/scroll.css":"./utilities/interactivity/scroll.css","./utilities/transforms.css":"./utilities/interactivity/transforms.css","./utilities/translate.css":"./utilities/interactivity/translate.css","./utilities/aspect-ratio.css":"./utilities/layout/aspect-ratio.css","./utilities/columns.css":"./utilities/layout/columns.css","./utilities/display.css":"./utilities/layout/display.css","./utilities/inset.css":"./utilities/layout/inset.css","./utilities/object-fit.css":"./utilities/layout/object-fit.css","./utilities/object-position.css":"./utilities/layout/object-position.css","./utilities/overflow.css":"./utilities/layout/overflow.css","./utilities/overscroll.css":"./utilities/layout/overscroll.css","./utilities/position.css":"./utilities/layout/position.css","./utilities/tables.css":"./utilities/layout/tables.css","./utilities/visibility.css":"./utilities/layout/visibility.css","./utilities/z-index.css":"./utilities/layout/z-index.css","./utilities/block-size.css":"./utilities/sizing/block-size.css","./utilities/inline-size.css":"./utilities/sizing/inline-size.css","./utilities/max-block-size.css":"./utilities/sizing/max-block-size.css","./utilities/max-inline-size.css":"./utilities/sizing/max-inline-size.css","./utilities/min-block-size.css":"./utilities/sizing/min-block-size.css","./utilities/min-inline-size.css":"./utilities/sizing/min-inline-size.css","./utilities/size.css":"./utilities/sizing/size.css","./utilities/margin.css":"./utilities/spacing/margin.css","./utilities/padding.css":"./utilities/spacing/padding.css","./utilities/font-size.css":"./utilities/typography/font-size.css","./utilities/font-smoothing.css":"./utilities/typography/font-smoothing.css","./utilities/lists.css":"./utilities/typography/lists.css","./utilities/text-align.css":"./utilities/typography/text-align.css","./utilities/text-control.css":"./utilities/typography/text-control.css","./utilities/text-decoration.css":"./utilities/typography/text-decoration.css","./utilities/text-formatting.css":"./utilities/typography/text-formatting.css","./utilities/text-shadow.css":"./utilities/typography/text-shadow.css","./utilities/typography.css":"./utilities/typography/typography.css","./bundle":"./index.bundle.css"},"gitHead":"7777a1bc7077f404a93d1675254b70cc2586f670","_id":"@bestiary-ui/style@0.1.1","bugs":{"url":"https://github.com/bestiary/bestiary-ui/issues"},"_nodeVersion":"24.12.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-bJftR79AvKXbOmPnn2JkqsUAbfW4n3VMd8U6NExgrC0NIKGbhdHBaL62diW6qJCy6ykIkMNsI2byRAwsyZz+Ig==","shasum":"1ec78ea473d48a7b655a8e375c3e75667889b329","tarball":"https://registry.npmjs.org/@bestiary-ui/style/-/style-0.1.1.tgz","fileCount":153,"unpackedSize":476230,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCoeZ/b6Rt7AEBDfLA/xJA8WMGXw8PUjS9s6J//Z6aJQwIhAMI3BvrOCl5ExZt7+3/xnzYM6cqRiO0ctUw6muYZDUp5"}]},"_npmUser":{"name":"veliar","email":"veliar2001@gmail.com"},"directories":{},"maintainers":[{"name":"veliar","email":"veliar2001@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/style_0.1.1_1782929438737_0.13618859059361332"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-13T19:30:36.438Z","modified":"2026-07-01T18:10:39.007Z","0.0.1":"2026-01-13T19:30:36.632Z","0.1.0":"2026-04-27T18:10:17.008Z","0.1.1":"2026-07-01T18:10:38.899Z"},"bugs":{"url":"https://github.com/bestiary/bestiary-ui/issues"},"author":{"name":"Bestiary UI"},"license":"MIT","homepage":"https://github.com/bestiary/bestiary-ui/tree/main/packages/style#readme","repository":{"type":"git","url":"git+https://github.com/bestiary/bestiary-ui.git","directory":"packages/style"},"description":"Core styles, variables, and CSS utilities for Bestiary UI","maintainers":[{"name":"veliar","email":"veliar2001@gmail.com"}],"readme":"# @bestiary-ui/style\n\nThe core styling engine and design token system for the Bestiary UI ecosystem. A lightweight, framework-agnostic CSS library built with modern web standards.\n\n![npm v](https://img.shields.io/npm/v/%40bestiary-ui%2Fstyle.svg)\n![license](https://img.shields.io/npm/l/%40bestiary-ui%2Fstyle.svg)\n\n## Features\n\n*   **Design Tokens First:** Fully powered by CSS Variables and Houdini `@property` for type-safe animations and performance.\n*   **Zero Specificity:** Most selectors use the `:where()` pseudo-class, allowing you to override any style with a single custom class without `!important`.\n*   **Cascade Layers:** Organized into `@layer` (reset, tokens, components, utilities) to prevent style conflicts and ensure a predictable cascade.\n*   **Multi-Dimensional Theming:** Independent control over Geometry (`data-theme`), Palette (`data-essence`), and Appearance (`data-color-mode`).\n*   **OKLCH Color Space:** Perceptually uniform colors with native support for wide-gamut displays and dynamic transparency.\n*   **Modern Reset:** Built-in \"smart\" reset with `text-wrap: balance`, `logical properties`, and `field-sizing`.\n\n## Installation\n\n```bash\n# Using pnpm\npnpm add @bestiary-ui/style\n\n# Using npm\nnpm install @bestiary-ui/style\n\n# Using yarn\nyarn add @bestiary-ui/style\n```\n\n## Usage\n\n### 1. The Full Bundle (Recommended for simple projects)\nImport everything (tokens, reset, all components, and utilities) in one go.\n\n**Via JavaScript/TypeScript:**\n```javascript\nimport \"@bestiary-ui/style/index.bundle.css\";\n```\n\n**Via CDN (Unpkg):**\n```html\n<link rel=\"stylesheet\" href=\"https://unpkg.com/@bestiary-ui/style/index.bundle.css\">\n```\n\n### 2. Granular Imports (Optimized)\nImport only what you need to keep your CSS bundle small.\n\n```css\n/* 1. Core Definitions (Required) */\n@import \"@bestiary-ui/style/tokens/primitives.css\";\n@import \"@bestiary-ui/style/tokens/contract.css\";\n\n/* 2. Base Reset */\n@import \"@bestiary-ui/style/reset.css\";\n\n/* 3. Theming Configuration */\n@import \"@bestiary-ui/style/themes/forest.css\";\n@import \"@bestiary-ui/style/essences/leaf.css\";\n\n/* 4. Individual Components */\n@import \"@bestiary-ui/style/components/button.css\";\n@import \"@bestiary-ui/style/components/card.css\";\n\n/* 5. Utilities */\n@import \"@bestiary-ui/style/utilities.css\";\n```\n\n## Theming Architecture\n\nBestiary UI uses a 3-axis system applied via HTML data attributes:\n\n```html\n<html\n    data-theme=\"forest\"\n    data-essence=\"leaf\"\n    data-color-mode=\"dark\"\n>\n```\n\n| Attribute | Scope | Examples |\n|-----------|-------|----------|\n| `data-theme` | Geometry & Motion | `forest`, `minimal`, `brutal` |\n| `data-essence` | Color Palettes | `leaf`, `ocean`, `magma` |\n| `data-color-mode` | Light/Dark logic | `light`, `dark` |\n\n## Customization\n\nSince all components rely on the **Semantic Contract**, you can override the entire design system by redefining variables in your local CSS. Thanks to `:where()` and `@layer`, your overrides will work without `!important`.\n\n```css\n:root {\n    /* Change brand color globally */\n    --b-primary-500: oklch(0.6 0.2 250);\n\n    /* Change global corner rounding */\n    --b-radius-factor: 2;\n\n    /* Override a specific component locally */\n    --b-button-border-width: 2px;\n}\n```\n\n## License\n\nMIT © [Bestiary UI](https://github.com/bestiary/bestiary-ui)","readmeFilename":"README.md"}