@adia-ai/web-components 0.0.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 +195 -0
- package/a2ui/dockables/action.js +152 -0
- package/a2ui/dockables/base.js +30 -0
- package/a2ui/dockables/controller.js +97 -0
- package/a2ui/dockables/data-source.js +103 -0
- package/a2ui/dockables/index.js +6 -0
- package/a2ui/dockables/lifecycle.js +84 -0
- package/a2ui/dockables/provider.js +59 -0
- package/a2ui/index.js +19 -0
- package/a2ui/manifest-runtime.js +226 -0
- package/a2ui/registry.js +200 -0
- package/a2ui/renderer.js +361 -0
- package/a2ui/root.js +152 -0
- package/a2ui/stream.js +243 -0
- package/a2ui/surface-manifest.js +294 -0
- package/a2ui/surface.js +222 -0
- package/a2ui/wire-factory.js +134 -0
- package/a2ui/wiring-engine.js +209 -0
- package/a2ui/wiring-registry.js +342 -0
- package/components/accordion/accordion.a2ui.json +129 -0
- package/components/accordion/accordion.css +133 -0
- package/components/accordion/accordion.js +125 -0
- package/components/accordion/accordion.yaml +527 -0
- package/components/action-list/action-list.a2ui.json +64 -0
- package/components/action-list/action-list.css +115 -0
- package/components/action-list/action-list.js +149 -0
- package/components/action-list/action-list.yaml +56 -0
- package/components/agent-artifact/agent-artifact.a2ui.json +99 -0
- package/components/agent-artifact/agent-artifact.css +94 -0
- package/components/agent-artifact/agent-artifact.js +169 -0
- package/components/agent-artifact/agent-artifact.yaml +71 -0
- package/components/agent-feedback-bar/agent-feedback-bar.a2ui.json +91 -0
- package/components/agent-feedback-bar/agent-feedback-bar.css +33 -0
- package/components/agent-feedback-bar/agent-feedback-bar.js +152 -0
- package/components/agent-feedback-bar/agent-feedback-bar.yaml +65 -0
- package/components/agent-questions/agent-questions.a2ui.json +89 -0
- package/components/agent-questions/agent-questions.css +146 -0
- package/components/agent-questions/agent-questions.js +189 -0
- package/components/agent-questions/agent-questions.yaml +63 -0
- package/components/agent-reasoning/agent-reasoning.a2ui.json +100 -0
- package/components/agent-reasoning/agent-reasoning.css +273 -0
- package/components/agent-reasoning/agent-reasoning.js +469 -0
- package/components/agent-reasoning/agent-reasoning.yaml +70 -0
- package/components/agent-suggestions/agent-suggestions.a2ui.json +87 -0
- package/components/agent-suggestions/agent-suggestions.css +18 -0
- package/components/agent-suggestions/agent-suggestions.js +87 -0
- package/components/agent-suggestions/agent-suggestions.yaml +59 -0
- package/components/agent-trace/agent-trace.a2ui.json +78 -0
- package/components/agent-trace/agent-trace.css +275 -0
- package/components/agent-trace/agent-trace.js +216 -0
- package/components/agent-trace/agent-trace.yaml +53 -0
- package/components/alert/alert.a2ui.json +211 -0
- package/components/alert/alert.css +88 -0
- package/components/alert/alert.js +96 -0
- package/components/alert/alert.yaml +205 -0
- package/components/avatar/avatar.a2ui.json +215 -0
- package/components/avatar/avatar.css +159 -0
- package/components/avatar/avatar.js +157 -0
- package/components/avatar/avatar.yaml +559 -0
- package/components/badge/badge.a2ui.json +169 -0
- package/components/badge/badge.css +78 -0
- package/components/badge/badge.js +53 -0
- package/components/badge/badge.yaml +612 -0
- package/components/block/block.a2ui.json +135 -0
- package/components/block/block.css +29 -0
- package/components/block/block.js +23 -0
- package/components/block/block.yaml +115 -0
- package/components/breadcrumb/breadcrumb.a2ui.json +86 -0
- package/components/breadcrumb/breadcrumb.css +78 -0
- package/components/breadcrumb/breadcrumb.js +44 -0
- package/components/breadcrumb/breadcrumb.yaml +84 -0
- package/components/button/button.a2ui.json +172 -0
- package/components/button/button.css +168 -0
- package/components/button/button.js +60 -0
- package/components/button/button.yaml +120 -0
- package/components/calendar-picker/calendar-picker.a2ui.json +139 -0
- package/components/calendar-picker/calendar-picker.css +321 -0
- package/components/calendar-picker/calendar-picker.js +324 -0
- package/components/calendar-picker/calendar-picker.yaml +243 -0
- package/components/canvas/canvas.a2ui.json +75 -0
- package/components/canvas/canvas.css +52 -0
- package/components/canvas/canvas.js +179 -0
- package/components/canvas/canvas.yaml +62 -0
- package/components/card/card.a2ui.json +276 -0
- package/components/card/card.css +362 -0
- package/components/card/card.js +58 -0
- package/components/card/card.yaml +527 -0
- package/components/chart/chart.a2ui.json +298 -0
- package/components/chart/chart.css +512 -0
- package/components/chart/chart.js +1075 -0
- package/components/chart/chart.yaml +540 -0
- package/components/chat/chat-input.css +141 -0
- package/components/chat/chat-input.js +242 -0
- package/components/chat/chat.a2ui.json +181 -0
- package/components/chat/chat.css +193 -0
- package/components/chat/chat.js +155 -0
- package/components/chat/chat.yaml +230 -0
- package/components/check/check.a2ui.json +134 -0
- package/components/check/check.css +126 -0
- package/components/check/check.js +58 -0
- package/components/check/check.yaml +109 -0
- package/components/code/code.a2ui.json +153 -0
- package/components/code/code.css +133 -0
- package/components/code/code.js +114 -0
- package/components/code/code.yaml +163 -0
- package/components/col/col.a2ui.json +104 -0
- package/components/col/col.css +36 -0
- package/components/col/col.js +19 -0
- package/components/col/col.yaml +364 -0
- package/components/color-picker/color-picker.a2ui.json +100 -0
- package/components/color-picker/color-picker.css +182 -0
- package/components/color-picker/color-picker.js +537 -0
- package/components/color-picker/color-picker.yaml +105 -0
- package/components/command/command.a2ui.json +221 -0
- package/components/command/command.css +251 -0
- package/components/command/command.js +284 -0
- package/components/command/command.yaml +186 -0
- package/components/description-list/description-list.a2ui.json +89 -0
- package/components/description-list/description-list.css +70 -0
- package/components/description-list/description-list.js +75 -0
- package/components/description-list/description-list.yaml +59 -0
- package/components/divider/divider.a2ui.json +126 -0
- package/components/divider/divider.css +102 -0
- package/components/divider/divider.js +47 -0
- package/components/divider/divider.yaml +366 -0
- package/components/drawer/drawer.a2ui.json +199 -0
- package/components/drawer/drawer.css +342 -0
- package/components/drawer/drawer.js +263 -0
- package/components/drawer/drawer.yaml +366 -0
- package/components/embed/embed.a2ui.json +150 -0
- package/components/embed/embed.css +28 -0
- package/components/embed/embed.js +63 -0
- package/components/embed/embed.yaml +224 -0
- package/components/empty-state/empty-state.a2ui.json +133 -0
- package/components/empty-state/empty-state.css +58 -0
- package/components/empty-state/empty-state.js +87 -0
- package/components/empty-state/empty-state.yaml +314 -0
- package/components/footer/footer.a2ui.json +79 -0
- package/components/footer/footer.yaml +239 -0
- package/components/grid/grid.a2ui.json +171 -0
- package/components/grid/grid.css +37 -0
- package/components/grid/grid.js +21 -0
- package/components/grid/grid.yaml +577 -0
- package/components/header/header.a2ui.json +76 -0
- package/components/header/header.yaml +336 -0
- package/components/heatmap/heatmap.a2ui.json +150 -0
- package/components/heatmap/heatmap.css +146 -0
- package/components/heatmap/heatmap.js +246 -0
- package/components/heatmap/heatmap.yaml +131 -0
- package/components/icon/icon.a2ui.json +79 -0
- package/components/icon/icon.css +20 -0
- package/components/icon/icon.js +26 -0
- package/components/icon/icon.yaml +233 -0
- package/components/image/image.a2ui.json +261 -0
- package/components/image/image.css +76 -0
- package/components/image/image.js +102 -0
- package/components/image/image.yaml +477 -0
- package/components/index.js +85 -0
- package/components/input/input.a2ui.json +284 -0
- package/components/input/input.css +162 -0
- package/components/input/input.js +148 -0
- package/components/input/input.yaml +496 -0
- package/components/inspector/inspector.a2ui.json +67 -0
- package/components/inspector/inspector.css +31 -0
- package/components/inspector/inspector.js +133 -0
- package/components/inspector/inspector.yaml +58 -0
- package/components/kbd/kbd.a2ui.json +96 -0
- package/components/kbd/kbd.css +62 -0
- package/components/kbd/kbd.js +24 -0
- package/components/kbd/kbd.yaml +213 -0
- package/components/list/list.a2ui.json +145 -0
- package/components/list/list.css +103 -0
- package/components/list/list.js +236 -0
- package/components/list/list.yaml +122 -0
- package/components/menu/menu.a2ui.json +146 -0
- package/components/menu/menu.css +146 -0
- package/components/menu/menu.js +296 -0
- package/components/menu/menu.yaml +123 -0
- package/components/modal/modal.a2ui.json +136 -0
- package/components/modal/modal.css +153 -0
- package/components/modal/modal.js +181 -0
- package/components/modal/modal.yaml +114 -0
- package/components/noodles/noodles.a2ui.json +145 -0
- package/components/noodles/noodles.css +118 -0
- package/components/noodles/noodles.js +470 -0
- package/components/noodles/noodles.yaml +123 -0
- package/components/otp-input/otp-input.a2ui.json +104 -0
- package/components/otp-input/otp-input.css +78 -0
- package/components/otp-input/otp-input.js +170 -0
- package/components/otp-input/otp-input.yaml +218 -0
- package/components/pagination/pagination.a2ui.json +122 -0
- package/components/pagination/pagination.css +162 -0
- package/components/pagination/pagination.js +185 -0
- package/components/pagination/pagination.yaml +165 -0
- package/components/pane/pane.a2ui.json +94 -0
- package/components/pane/pane.css +166 -0
- package/components/pane/pane.js +140 -0
- package/components/pane/pane.yaml +197 -0
- package/components/pipeline-status/pipeline-status.a2ui.json +90 -0
- package/components/pipeline-status/pipeline-status.css +162 -0
- package/components/pipeline-status/pipeline-status.js +176 -0
- package/components/pipeline-status/pipeline-status.yaml +99 -0
- package/components/popover/popover.a2ui.json +181 -0
- package/components/popover/popover.css +57 -0
- package/components/popover/popover.js +170 -0
- package/components/popover/popover.yaml +257 -0
- package/components/progress/progress.a2ui.json +199 -0
- package/components/progress/progress.css +88 -0
- package/components/progress/progress.js +64 -0
- package/components/progress/progress.yaml +342 -0
- package/components/progress-row/progress-row.a2ui.json +100 -0
- package/components/progress-row/progress-row.css +57 -0
- package/components/progress-row/progress-row.js +92 -0
- package/components/progress-row/progress-row.yaml +87 -0
- package/components/radio/radio.a2ui.json +232 -0
- package/components/radio/radio.css +102 -0
- package/components/radio/radio.js +73 -0
- package/components/radio/radio.yaml +248 -0
- package/components/range/range.a2ui.json +151 -0
- package/components/range/range.css +148 -0
- package/components/range/range.js +177 -0
- package/components/range/range.yaml +188 -0
- package/components/rating/rating.a2ui.json +105 -0
- package/components/rating/rating.css +92 -0
- package/components/rating/rating.js +138 -0
- package/components/rating/rating.yaml +74 -0
- package/components/richtext/richtext.a2ui.json +82 -0
- package/components/richtext/richtext.css +225 -0
- package/components/richtext/richtext.js +74 -0
- package/components/richtext/richtext.yaml +89 -0
- package/components/row/row.a2ui.json +102 -0
- package/components/row/row.css +51 -0
- package/components/row/row.js +39 -0
- package/components/row/row.yaml +358 -0
- package/components/search/search.a2ui.json +186 -0
- package/components/search/search.css +28 -0
- package/components/search/search.js +124 -0
- package/components/search/search.yaml +154 -0
- package/components/section/section.a2ui.json +78 -0
- package/components/section/section.yaml +338 -0
- package/components/segment/segment.a2ui.json +100 -0
- package/components/segment/segment.css +81 -0
- package/components/segment/segment.js +32 -0
- package/components/segment/segment.yaml +216 -0
- package/components/segmented/segmented.a2ui.json +106 -0
- package/components/segmented/segmented.css +67 -0
- package/components/segmented/segmented.js +149 -0
- package/components/segmented/segmented.yaml +91 -0
- package/components/select/select.a2ui.json +203 -0
- package/components/select/select.css +277 -0
- package/components/select/select.js +388 -0
- package/components/select/select.yaml +375 -0
- package/components/skeleton/skeleton.a2ui.json +120 -0
- package/components/skeleton/skeleton.css +47 -0
- package/components/skeleton/skeleton.js +43 -0
- package/components/skeleton/skeleton.yaml +153 -0
- package/components/slider/slider.a2ui.json +162 -0
- package/components/slider/slider.css +137 -0
- package/components/slider/slider.js +162 -0
- package/components/slider/slider.yaml +299 -0
- package/components/stack/stack.a2ui.json +62 -0
- package/components/stack/stack.css +28 -0
- package/components/stack/stack.js +18 -0
- package/components/stack/stack.yaml +54 -0
- package/components/stat/stat.a2ui.json +246 -0
- package/components/stat/stat.css +101 -0
- package/components/stat/stat.js +91 -0
- package/components/stat/stat.yaml +206 -0
- package/components/stepper/stepper.a2ui.json +77 -0
- package/components/stepper/stepper.css +243 -0
- package/components/stepper/stepper.js +118 -0
- package/components/stepper/stepper.yaml +73 -0
- package/components/stream/stream.a2ui.json +98 -0
- package/components/stream/stream.css +37 -0
- package/components/stream/stream.js +99 -0
- package/components/stream/stream.yaml +87 -0
- package/components/swiper/swiper.a2ui.json +140 -0
- package/components/swiper/swiper.css +267 -0
- package/components/swiper/swiper.js +285 -0
- package/components/swiper/swiper.yaml +268 -0
- package/components/switch/switch.a2ui.json +134 -0
- package/components/switch/switch.css +104 -0
- package/components/switch/switch.js +53 -0
- package/components/switch/switch.yaml +322 -0
- package/components/table/cell-types.js +296 -0
- package/components/table/table.a2ui.json +458 -0
- package/components/table/table.css +531 -0
- package/components/table/table.js +1392 -0
- package/components/table/table.yaml +528 -0
- package/components/tabs/tab.js +34 -0
- package/components/tabs/tabs.a2ui.json +174 -0
- package/components/tabs/tabs.css +162 -0
- package/components/tabs/tabs.js +226 -0
- package/components/tabs/tabs.yaml +255 -0
- package/components/tag/tag.a2ui.json +148 -0
- package/components/tag/tag.css +118 -0
- package/components/tag/tag.js +88 -0
- package/components/tag/tag.yaml +125 -0
- package/components/text/text.a2ui.json +99 -0
- package/components/text/text.css +65 -0
- package/components/text/text.js +35 -0
- package/components/text/text.yaml +360 -0
- package/components/textarea/textarea.a2ui.json +91 -0
- package/components/textarea/textarea.css +93 -0
- package/components/textarea/textarea.js +114 -0
- package/components/textarea/textarea.yaml +79 -0
- package/components/timeline/timeline.a2ui.json +82 -0
- package/components/timeline/timeline.css +389 -0
- package/components/timeline/timeline.js +171 -0
- package/components/timeline/timeline.yaml +185 -0
- package/components/toast/toast.a2ui.json +199 -0
- package/components/toast/toast.css +211 -0
- package/components/toast/toast.js +146 -0
- package/components/toast/toast.yaml +184 -0
- package/components/toggle-group/toggle-group.a2ui.json +126 -0
- package/components/toggle-group/toggle-group.css +102 -0
- package/components/toggle-group/toggle-group.js +147 -0
- package/components/toggle-group/toggle-group.yaml +98 -0
- package/components/toolbar/toolbar.a2ui.json +131 -0
- package/components/toolbar/toolbar.css +132 -0
- package/components/toolbar/toolbar.js +366 -0
- package/components/toolbar/toolbar.yaml +238 -0
- package/components/tooltip/tooltip.a2ui.json +148 -0
- package/components/tooltip/tooltip.css +39 -0
- package/components/tooltip/tooltip.js +96 -0
- package/components/tooltip/tooltip.yaml +201 -0
- package/components/tree/tree.a2ui.json +119 -0
- package/components/tree/tree.css +133 -0
- package/components/tree/tree.js +253 -0
- package/components/tree/tree.yaml +92 -0
- package/components/upload/upload.a2ui.json +185 -0
- package/components/upload/upload.css +115 -0
- package/components/upload/upload.js +189 -0
- package/components/upload/upload.yaml +302 -0
- package/core/anchor.js +187 -0
- package/core/controller.js +182 -0
- package/core/element.js +257 -0
- package/core/form.js +217 -0
- package/core/icons.js +180 -0
- package/core/markdown.js +95 -0
- package/core/polyfills.js +23 -0
- package/core/provider.js +262 -0
- package/core/signals.js +113 -0
- package/core/template.js +226 -0
- package/core/transport.js +77 -0
- package/package.json +38 -0
- package/patterns/adia-chat/adia-chat.a2ui.json +149 -0
- package/patterns/adia-chat/adia-chat.css +10 -0
- package/patterns/adia-chat/adia-chat.js +297 -0
- package/patterns/adia-chat/adia-chat.yaml +118 -0
- package/patterns/adia-chat/css/adia-chat.empty.css +12 -0
- package/patterns/adia-chat/css/adia-chat.layout.css +60 -0
- package/patterns/adia-chat/css/adia-chat.markdown.css +74 -0
- package/patterns/adia-chat/css/adia-chat.messages.css +87 -0
- package/patterns/adia-chat/css/adia-chat.streaming.css +30 -0
- package/patterns/adia-chat/css/adia-chat.tokens.css +95 -0
- package/patterns/adia-chat/index.html +93 -0
- package/patterns/adia-editor/adia-editor.a2ui.json +58 -0
- package/patterns/adia-editor/adia-editor.css +6 -0
- package/patterns/adia-editor/adia-editor.js +56 -0
- package/patterns/adia-editor/adia-editor.yaml +36 -0
- package/patterns/adia-editor/css/adia-editor.layout.css +86 -0
- package/patterns/adia-editor/css/adia-editor.tokens.css +28 -0
- package/patterns/adia-editor/index.html +179 -0
- package/patterns/app-nav/app-nav.a2ui.json +89 -0
- package/patterns/app-nav/app-nav.css +92 -0
- package/patterns/app-nav/app-nav.js +99 -0
- package/patterns/app-nav/app-nav.yaml +54 -0
- package/patterns/app-nav-group/app-nav-group.a2ui.json +82 -0
- package/patterns/app-nav-group/app-nav-group.css +261 -0
- package/patterns/app-nav-group/app-nav-group.js +116 -0
- package/patterns/app-nav-group/app-nav-group.yaml +59 -0
- package/patterns/app-nav-item/app-nav-item.a2ui.json +83 -0
- package/patterns/app-nav-item/app-nav-item.css +156 -0
- package/patterns/app-nav-item/app-nav-item.js +42 -0
- package/patterns/app-nav-item/app-nav-item.yaml +62 -0
- package/patterns/app-shell/app-shell.a2ui.json +114 -0
- package/patterns/app-shell/app-shell.css +14 -0
- package/patterns/app-shell/app-shell.js +251 -0
- package/patterns/app-shell/app-shell.yaml +66 -0
- package/patterns/app-shell/css/app-shell.collapsed.css +86 -0
- package/patterns/app-shell/css/app-shell.helpers.css +42 -0
- package/patterns/app-shell/css/app-shell.main.css +58 -0
- package/patterns/app-shell/css/app-shell.shell.css +44 -0
- package/patterns/app-shell/css/app-shell.sidebar.css +116 -0
- package/patterns/app-shell/css/app-shell.templates.css +214 -0
- package/patterns/app-shell/css/app-shell.tokens.css +116 -0
- package/patterns/app-shell/index.html +112 -0
- package/patterns/gen-ui/gen-ui.a2ui.json +72 -0
- package/patterns/gen-ui/gen-ui.css +83 -0
- package/patterns/gen-ui/gen-ui.js +136 -0
- package/patterns/gen-ui/gen-ui.yaml +43 -0
- package/patterns/index.js +10 -0
- package/patterns/section-nav/section-nav.a2ui.json +91 -0
- package/patterns/section-nav/section-nav.css +59 -0
- package/patterns/section-nav/section-nav.js +42 -0
- package/patterns/section-nav/section-nav.yaml +58 -0
- package/patterns/section-nav-group/section-nav-group.a2ui.json +95 -0
- package/patterns/section-nav-group/section-nav-group.css +74 -0
- package/patterns/section-nav-group/section-nav-group.js +84 -0
- package/patterns/section-nav-group/section-nav-group.yaml +66 -0
- package/patterns/section-nav-item/section-nav-item.a2ui.json +97 -0
- package/patterns/section-nav-item/section-nav-item.css +96 -0
- package/patterns/section-nav-item/section-nav-item.js +66 -0
- package/patterns/section-nav-item/section-nav-item.yaml +70 -0
- package/styles/colors/index.css +6 -0
- package/styles/colors/parameters.css +52 -0
- package/styles/colors/primitives-accent.css +89 -0
- package/styles/colors/primitives-brand.css +89 -0
- package/styles/colors/primitives-danger.css +89 -0
- package/styles/colors/primitives-info.css +89 -0
- package/styles/colors/primitives-neutral.css +91 -0
- package/styles/colors/primitives-shared.css +57 -0
- package/styles/colors/primitives-success.css +89 -0
- package/styles/colors/primitives-warning.css +89 -0
- package/styles/colors/primitives.css +17 -0
- package/styles/colors/scrims.css +182 -0
- package/styles/colors/semantics.css +595 -0
- package/styles/colors/surfaces.css +43 -0
- package/styles/fonts.css +99 -0
- package/styles/layouts/admin.css +7 -0
- package/styles/prose.css +186 -0
- package/styles/styles.css +193 -0
- package/styles/themes.css +155 -0
- package/styles/tokens.css +304 -0
- package/styles/typography.css +853 -0
- package/traits/active-state.js +24 -0
- package/traits/anchor-positioning.js +66 -0
- package/traits/attention-pulse.js +30 -0
- package/traits/confetti-burst.js +65 -0
- package/traits/confetti.js +57 -0
- package/traits/count-up.js +42 -0
- package/traits/define.js +76 -0
- package/traits/dirty-state.js +38 -0
- package/traits/drag-ghost.js +38 -0
- package/traits/draggable.js +73 -0
- package/traits/fade-presence.js +52 -0
- package/traits/focus-trap.js +63 -0
- package/traits/focusable.js +38 -0
- package/traits/glow-focus.js +33 -0
- package/traits/gradient-shift.js +32 -0
- package/traits/haptic-feedback.js +28 -0
- package/traits/hotkey.js +62 -0
- package/traits/hoverable.js +26 -0
- package/traits/index.js +55 -0
- package/traits/inertia-drag.js +133 -0
- package/traits/intersection-observer.js +33 -0
- package/traits/keyboard-nav.js +36 -0
- package/traits/magnetic-hover.js +37 -0
- package/traits/noise-texture.js +30 -0
- package/traits/parallax.js +42 -0
- package/traits/portal.js +27 -0
- package/traits/pressable.js +75 -0
- package/traits/resizable.js +100 -0
- package/traits/resize-observer.js +31 -0
- package/traits/ripple.js +53 -0
- package/traits/roving-tabindex.js +67 -0
- package/traits/scale-press.js +43 -0
- package/traits/scroll-lock.js +27 -0
- package/traits/shimmer-loading.js +44 -0
- package/traits/snap-to-grid.js +28 -0
- package/traits/sound-feedback.js +30 -0
- package/traits/spring-animate.js +56 -0
- package/traits/tilt-hover.js +37 -0
- package/traits/tossable.js +178 -0
- package/traits/typeahead.js +63 -0
- package/traits/typewriter.js +35 -0
- package/traits/validation.js +118 -0
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
/* ═══════════════════════════════════════════════════════════════
|
|
2
|
+
Color Primitives — Success (Fine Scale 05–95)
|
|
3
|
+
Tint: light-oriented (05 lightest → 95 darkest).
|
|
4
|
+
Shade: dark-oriented (05 darkest → 95 lightest).
|
|
5
|
+
Requires primitives-shared.css and parameters.css.
|
|
6
|
+
═══════════════════════════════════════════════════════════════ */
|
|
7
|
+
|
|
8
|
+
:root, theme-ui, [data-theme] {
|
|
9
|
+
/* ── Success tints (05 lightest → 95 darkest) ── */
|
|
10
|
+
--a-success-05-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-05) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-05) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
11
|
+
--a-success-10-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-10) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-10) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
12
|
+
--a-success-15-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-15) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-15) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
13
|
+
--a-success-20-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-20) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-20) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
14
|
+
--a-success-25-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-25) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-25) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
15
|
+
--a-success-30-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-30) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-30) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
16
|
+
--a-success-35-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-35) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-35) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
17
|
+
--a-success-40-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-40) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-40) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
18
|
+
--a-success-45-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-45) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-45) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
19
|
+
--a-success-50-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-50) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-50) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
20
|
+
--a-success-55-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-55) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-55) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
21
|
+
--a-success-60-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-60) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-60) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
22
|
+
--a-success-65-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-65) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-65) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
23
|
+
--a-success-70-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-70) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-70) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
24
|
+
--a-success-75-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-75) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-75) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
25
|
+
--a-success-80-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-80) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-80) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
26
|
+
--a-success-85-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-85) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-85) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
27
|
+
--a-success-90-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-90) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-90) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
28
|
+
--a-success-95-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-95) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-95) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
29
|
+
|
|
30
|
+
/* ── Success shades (05 darkest → 95 lightest) ── */
|
|
31
|
+
--a-success-05-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-05) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-05) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
32
|
+
--a-success-10-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-10) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-10) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
33
|
+
--a-success-15-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-15) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-15) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
34
|
+
--a-success-20-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-20) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-20) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
35
|
+
--a-success-25-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-25) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-25) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
36
|
+
--a-success-30-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-30) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-30) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
37
|
+
--a-success-35-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-35) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-35) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
38
|
+
--a-success-40-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-40) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-40) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
39
|
+
--a-success-45-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-45) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-45) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
40
|
+
--a-success-50-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-50) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-50) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
41
|
+
--a-success-55-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-55) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-55) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
42
|
+
--a-success-60-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-60) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-60) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
43
|
+
--a-success-65-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-65) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-65) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
44
|
+
--a-success-70-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-70) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-70) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
45
|
+
--a-success-75-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-75) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-75) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
46
|
+
--a-success-80-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-80) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-80) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
47
|
+
--a-success-85-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-85) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-85) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
48
|
+
--a-success-90-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-90) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-90) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
49
|
+
--a-success-95-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-95) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-95) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
|
|
50
|
+
|
|
51
|
+
/* ── Adaptive fine scale (light-dark) ── */
|
|
52
|
+
--a-success-05: light-dark(var(--a-success-05-tint), var(--a-success-05-shade));
|
|
53
|
+
--a-success-10: light-dark(var(--a-success-10-tint), var(--a-success-10-shade));
|
|
54
|
+
--a-success-20: light-dark(var(--a-success-20-tint), var(--a-success-20-shade));
|
|
55
|
+
--a-success-30: light-dark(var(--a-success-30-tint), var(--a-success-30-shade));
|
|
56
|
+
--a-success-40: light-dark(var(--a-success-40-tint), var(--a-success-40-shade));
|
|
57
|
+
--a-success-50: light-dark(var(--a-success-50-tint), var(--a-success-50-shade));
|
|
58
|
+
--a-success-60: light-dark(var(--a-success-60-tint), var(--a-success-60-shade));
|
|
59
|
+
--a-success-70: light-dark(var(--a-success-70-tint), var(--a-success-70-shade));
|
|
60
|
+
--a-success-80: light-dark(var(--a-success-80-tint), var(--a-success-80-shade));
|
|
61
|
+
--a-success-90: light-dark(var(--a-success-90-tint), var(--a-success-90-shade));
|
|
62
|
+
--a-success-95: light-dark(var(--a-success-95-tint), var(--a-success-95-shade));
|
|
63
|
+
|
|
64
|
+
/* ── Coarse surface scale (0-6, linear increment) ── */
|
|
65
|
+
--a-success-0-tint: oklch(calc(var(--a-color-l-max) - 0 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
|
|
66
|
+
--a-success-1-tint: oklch(calc(var(--a-color-l-max) - 1 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
|
|
67
|
+
--a-success-2-tint: oklch(calc(var(--a-color-l-max) - 2 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
|
|
68
|
+
--a-success-3-tint: oklch(calc(var(--a-color-l-max) - 3 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
|
|
69
|
+
--a-success-4-tint: oklch(calc(var(--a-color-l-max) - 4 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
|
|
70
|
+
--a-success-5-tint: oklch(calc(var(--a-color-l-max) - 5 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
|
|
71
|
+
--a-success-6-tint: oklch(calc(var(--a-color-l-max) - 6 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
|
|
72
|
+
|
|
73
|
+
--a-success-0-shade: oklch(calc(var(--a-color-l-min) + 0 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
|
|
74
|
+
--a-success-1-shade: oklch(calc(var(--a-color-l-min) + 1 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
|
|
75
|
+
--a-success-2-shade: oklch(calc(var(--a-color-l-min) + 2 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
|
|
76
|
+
--a-success-3-shade: oklch(calc(var(--a-color-l-min) + 3 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
|
|
77
|
+
--a-success-4-shade: oklch(calc(var(--a-color-l-min) + 4 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
|
|
78
|
+
--a-success-5-shade: oklch(calc(var(--a-color-l-min) + 5 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
|
|
79
|
+
--a-success-6-shade: oklch(calc(var(--a-color-l-min) + 6 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
|
|
80
|
+
|
|
81
|
+
/* ── Adaptive coarse scale (light-dark) ── */
|
|
82
|
+
--a-success-0: light-dark(var(--a-success-0-tint), var(--a-success-0-shade));
|
|
83
|
+
--a-success-1: light-dark(var(--a-success-1-tint), var(--a-success-1-shade));
|
|
84
|
+
--a-success-2: light-dark(var(--a-success-2-tint), var(--a-success-2-shade));
|
|
85
|
+
--a-success-3: light-dark(var(--a-success-3-tint), var(--a-success-3-shade));
|
|
86
|
+
--a-success-4: light-dark(var(--a-success-4-tint), var(--a-success-4-shade));
|
|
87
|
+
--a-success-5: light-dark(var(--a-success-5-tint), var(--a-success-5-shade));
|
|
88
|
+
--a-success-6: light-dark(var(--a-success-6-tint), var(--a-success-6-shade));
|
|
89
|
+
}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
/* ═══════════════════════════════════════════════════════════════
|
|
2
|
+
Color Primitives — Warning (Fine Scale 05–95)
|
|
3
|
+
Tint: light-oriented (05 lightest → 95 darkest).
|
|
4
|
+
Shade: dark-oriented (05 darkest → 95 lightest).
|
|
5
|
+
Requires primitives-shared.css and parameters.css.
|
|
6
|
+
═══════════════════════════════════════════════════════════════ */
|
|
7
|
+
|
|
8
|
+
:root, theme-ui, [data-theme] {
|
|
9
|
+
/* ── Warning tints (05 lightest → 95 darkest) ── */
|
|
10
|
+
--a-warning-05-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-05) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-05) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
11
|
+
--a-warning-10-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-10) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-10) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
12
|
+
--a-warning-15-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-15) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-15) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
13
|
+
--a-warning-20-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-20) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-20) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
14
|
+
--a-warning-25-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-25) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-25) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
15
|
+
--a-warning-30-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-30) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-30) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
16
|
+
--a-warning-35-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-35) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-35) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
17
|
+
--a-warning-40-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-40) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-40) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
18
|
+
--a-warning-45-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-45) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-45) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
19
|
+
--a-warning-50-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-50) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-50) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
20
|
+
--a-warning-55-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-55) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-55) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
21
|
+
--a-warning-60-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-60) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-60) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
22
|
+
--a-warning-65-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-65) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-65) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
23
|
+
--a-warning-70-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-70) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-70) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
24
|
+
--a-warning-75-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-75) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-75) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
25
|
+
--a-warning-80-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-80) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-80) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
26
|
+
--a-warning-85-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-85) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-85) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
27
|
+
--a-warning-90-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-90) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-90) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
28
|
+
--a-warning-95-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-95) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-95) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
29
|
+
|
|
30
|
+
/* ── Warning shades (05 darkest → 95 lightest) ── */
|
|
31
|
+
--a-warning-05-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-05) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-05) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
32
|
+
--a-warning-10-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-10) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-10) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
33
|
+
--a-warning-15-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-15) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-15) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
34
|
+
--a-warning-20-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-20) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-20) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
35
|
+
--a-warning-25-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-25) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-25) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
36
|
+
--a-warning-30-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-30) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-30) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
37
|
+
--a-warning-35-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-35) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-35) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
38
|
+
--a-warning-40-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-40) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-40) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
39
|
+
--a-warning-45-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-45) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-45) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
40
|
+
--a-warning-50-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-50) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-50) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
41
|
+
--a-warning-55-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-55) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-55) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
42
|
+
--a-warning-60-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-60) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-60) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
43
|
+
--a-warning-65-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-65) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-65) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
44
|
+
--a-warning-70-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-70) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-70) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
45
|
+
--a-warning-75-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-75) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-75) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
46
|
+
--a-warning-80-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-80) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-80) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
47
|
+
--a-warning-85-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-85) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-85) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
48
|
+
--a-warning-90-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-90) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-90) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
49
|
+
--a-warning-95-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-95) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-95) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
|
|
50
|
+
|
|
51
|
+
/* ── Coarse surface scale (0-6, linear increment) ── */
|
|
52
|
+
--a-warning-0-tint: oklch(calc(var(--a-color-l-max) - 0 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
|
|
53
|
+
--a-warning-1-tint: oklch(calc(var(--a-color-l-max) - 1 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
|
|
54
|
+
--a-warning-2-tint: oklch(calc(var(--a-color-l-max) - 2 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
|
|
55
|
+
--a-warning-3-tint: oklch(calc(var(--a-color-l-max) - 3 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
|
|
56
|
+
--a-warning-4-tint: oklch(calc(var(--a-color-l-max) - 4 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
|
|
57
|
+
--a-warning-5-tint: oklch(calc(var(--a-color-l-max) - 5 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
|
|
58
|
+
--a-warning-6-tint: oklch(calc(var(--a-color-l-max) - 6 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
|
|
59
|
+
|
|
60
|
+
--a-warning-0-shade: oklch(calc(var(--a-color-l-min) + 0 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
|
|
61
|
+
--a-warning-1-shade: oklch(calc(var(--a-color-l-min) + 1 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
|
|
62
|
+
--a-warning-2-shade: oklch(calc(var(--a-color-l-min) + 2 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
|
|
63
|
+
--a-warning-3-shade: oklch(calc(var(--a-color-l-min) + 3 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
|
|
64
|
+
--a-warning-4-shade: oklch(calc(var(--a-color-l-min) + 4 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
|
|
65
|
+
--a-warning-5-shade: oklch(calc(var(--a-color-l-min) + 5 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
|
|
66
|
+
--a-warning-6-shade: oklch(calc(var(--a-color-l-min) + 6 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
|
|
67
|
+
|
|
68
|
+
/* ── Adaptive fine scale (light-dark) ── */
|
|
69
|
+
--a-warning-05: light-dark(var(--a-warning-05-tint), var(--a-warning-05-shade));
|
|
70
|
+
--a-warning-10: light-dark(var(--a-warning-10-tint), var(--a-warning-10-shade));
|
|
71
|
+
--a-warning-20: light-dark(var(--a-warning-20-tint), var(--a-warning-20-shade));
|
|
72
|
+
--a-warning-30: light-dark(var(--a-warning-30-tint), var(--a-warning-30-shade));
|
|
73
|
+
--a-warning-40: light-dark(var(--a-warning-40-tint), var(--a-warning-40-shade));
|
|
74
|
+
--a-warning-50: light-dark(var(--a-warning-50-tint), var(--a-warning-50-shade));
|
|
75
|
+
--a-warning-60: light-dark(var(--a-warning-60-tint), var(--a-warning-60-shade));
|
|
76
|
+
--a-warning-70: light-dark(var(--a-warning-70-tint), var(--a-warning-70-shade));
|
|
77
|
+
--a-warning-80: light-dark(var(--a-warning-80-tint), var(--a-warning-80-shade));
|
|
78
|
+
--a-warning-90: light-dark(var(--a-warning-90-tint), var(--a-warning-90-shade));
|
|
79
|
+
--a-warning-95: light-dark(var(--a-warning-95-tint), var(--a-warning-95-shade));
|
|
80
|
+
|
|
81
|
+
/* ── Adaptive coarse scale (light-dark) ── */
|
|
82
|
+
--a-warning-0: light-dark(var(--a-warning-0-tint), var(--a-warning-0-shade));
|
|
83
|
+
--a-warning-1: light-dark(var(--a-warning-1-tint), var(--a-warning-1-shade));
|
|
84
|
+
--a-warning-2: light-dark(var(--a-warning-2-tint), var(--a-warning-2-shade));
|
|
85
|
+
--a-warning-3: light-dark(var(--a-warning-3-tint), var(--a-warning-3-shade));
|
|
86
|
+
--a-warning-4: light-dark(var(--a-warning-4-tint), var(--a-warning-4-shade));
|
|
87
|
+
--a-warning-5: light-dark(var(--a-warning-5-tint), var(--a-warning-5-shade));
|
|
88
|
+
--a-warning-6: light-dark(var(--a-warning-6-tint), var(--a-warning-6-shade));
|
|
89
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/* ═══════════════════════════════════════════════════════════════
|
|
2
|
+
Color Primitives — Fine Scale (05–95)
|
|
3
|
+
Tint: light-oriented (05 lightest → 95 darkest).
|
|
4
|
+
Shade: dark-oriented (05 darkest → 95 lightest).
|
|
5
|
+
L: linear interpolation. C: parabolic (peaks at step 50).
|
|
6
|
+
Requires parameters.css for --a-color-l-min, --a-color-l-max,
|
|
7
|
+
--{family}-c-min, --{family}-c-max, --{family}-hue.
|
|
8
|
+
═══════════════════════════════════════════════════════════════ */
|
|
9
|
+
|
|
10
|
+
@import './primitives-shared.css';
|
|
11
|
+
@import './primitives-neutral.css';
|
|
12
|
+
@import './primitives-brand.css';
|
|
13
|
+
@import './primitives-accent.css';
|
|
14
|
+
@import './primitives-info.css';
|
|
15
|
+
@import './primitives-success.css';
|
|
16
|
+
@import './primitives-warning.css';
|
|
17
|
+
@import './primitives-danger.css';
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
/* ═══════════════════════════════════════════════════════════════
|
|
2
|
+
Color Scrims — 7-step scale (0-6) per family.
|
|
3
|
+
|
|
4
|
+
Alpha: 0.10, 0.20, 0.30, 0.40, 0.50, 0.60, 0.70
|
|
5
|
+
Chroma: parabolic curve (0, 0.556, 0.889, 1.0, 0.889, 0.556, 0)
|
|
6
|
+
— peak saturation at step 3 (the default overlay weight).
|
|
7
|
+
|
|
8
|
+
Three tokens per step:
|
|
9
|
+
--a-{family}-N-tint-scrim always lightens (tint-scrim-l)
|
|
10
|
+
--a-{family}-N-shade-scrim always darkens (shade-scrim-l)
|
|
11
|
+
--a-{family}-N-scrim adaptive light-dark(shade, tint)
|
|
12
|
+
|
|
13
|
+
Use the adaptive -scrim by default. Reach for -tint-scrim / -shade-scrim
|
|
14
|
+
when you need fixed direction regardless of mode (e.g. modal backdrops
|
|
15
|
+
that should always dim).
|
|
16
|
+
|
|
17
|
+
Depends on: parameters.css
|
|
18
|
+
═══════════════════════════════════════════════════════════════ */
|
|
19
|
+
|
|
20
|
+
:root, theme-ui, [data-theme] {
|
|
21
|
+
|
|
22
|
+
/* ── Neutral ── */
|
|
23
|
+
--a-neutral-0-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-neutral-c-min) + 0.0000 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-0));
|
|
24
|
+
--a-neutral-0-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-neutral-c-min) + 0.0000 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-0));
|
|
25
|
+
--a-neutral-0-scrim: light-dark(var(--a-neutral-0-shade-scrim), var(--a-neutral-0-tint-scrim));
|
|
26
|
+
--a-neutral-1-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-neutral-c-min) + 0.5556 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-1));
|
|
27
|
+
--a-neutral-1-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-neutral-c-min) + 0.5556 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-1));
|
|
28
|
+
--a-neutral-1-scrim: light-dark(var(--a-neutral-1-shade-scrim), var(--a-neutral-1-tint-scrim));
|
|
29
|
+
--a-neutral-2-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-neutral-c-min) + 0.8889 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-2));
|
|
30
|
+
--a-neutral-2-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-neutral-c-min) + 0.8889 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-2));
|
|
31
|
+
--a-neutral-2-scrim: light-dark(var(--a-neutral-2-shade-scrim), var(--a-neutral-2-tint-scrim));
|
|
32
|
+
--a-neutral-3-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-neutral-c-min) + 1.0000 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-3));
|
|
33
|
+
--a-neutral-3-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-neutral-c-min) + 1.0000 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-3));
|
|
34
|
+
--a-neutral-3-scrim: light-dark(var(--a-neutral-3-shade-scrim), var(--a-neutral-3-tint-scrim));
|
|
35
|
+
--a-neutral-4-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-neutral-c-min) + 0.8889 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-4));
|
|
36
|
+
--a-neutral-4-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-neutral-c-min) + 0.8889 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-4));
|
|
37
|
+
--a-neutral-4-scrim: light-dark(var(--a-neutral-4-shade-scrim), var(--a-neutral-4-tint-scrim));
|
|
38
|
+
--a-neutral-5-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-neutral-c-min) + 0.5556 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-5));
|
|
39
|
+
--a-neutral-5-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-neutral-c-min) + 0.5556 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-5));
|
|
40
|
+
--a-neutral-5-scrim: light-dark(var(--a-neutral-5-shade-scrim), var(--a-neutral-5-tint-scrim));
|
|
41
|
+
--a-neutral-6-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-neutral-c-min) + 0.0000 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-6));
|
|
42
|
+
--a-neutral-6-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-neutral-c-min) + 0.0000 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-6));
|
|
43
|
+
--a-neutral-6-scrim: light-dark(var(--a-neutral-6-shade-scrim), var(--a-neutral-6-tint-scrim));
|
|
44
|
+
|
|
45
|
+
/* ── Accent ── */
|
|
46
|
+
--a-accent-0-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-accent-c-min) + 0.0000 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
47
|
+
--a-accent-0-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-accent-c-min) + 0.0000 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
48
|
+
--a-accent-0-scrim: light-dark(var(--a-accent-0-shade-scrim), var(--a-accent-0-tint-scrim));
|
|
49
|
+
--a-accent-1-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-accent-c-min) + 0.5556 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
50
|
+
--a-accent-1-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-accent-c-min) + 0.5556 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
51
|
+
--a-accent-1-scrim: light-dark(var(--a-accent-1-shade-scrim), var(--a-accent-1-tint-scrim));
|
|
52
|
+
--a-accent-2-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-accent-c-min) + 0.8889 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
53
|
+
--a-accent-2-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-accent-c-min) + 0.8889 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
54
|
+
--a-accent-2-scrim: light-dark(var(--a-accent-2-shade-scrim), var(--a-accent-2-tint-scrim));
|
|
55
|
+
--a-accent-3-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-accent-c-min) + 1.0000 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
56
|
+
--a-accent-3-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-accent-c-min) + 1.0000 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
57
|
+
--a-accent-3-scrim: light-dark(var(--a-accent-3-shade-scrim), var(--a-accent-3-tint-scrim));
|
|
58
|
+
--a-accent-4-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-accent-c-min) + 0.8889 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
59
|
+
--a-accent-4-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-accent-c-min) + 0.8889 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
60
|
+
--a-accent-4-scrim: light-dark(var(--a-accent-4-shade-scrim), var(--a-accent-4-tint-scrim));
|
|
61
|
+
--a-accent-5-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-accent-c-min) + 0.5556 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
62
|
+
--a-accent-5-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-accent-c-min) + 0.5556 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
63
|
+
--a-accent-5-scrim: light-dark(var(--a-accent-5-shade-scrim), var(--a-accent-5-tint-scrim));
|
|
64
|
+
--a-accent-6-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-accent-c-min) + 0.0000 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
65
|
+
--a-accent-6-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-accent-c-min) + 0.0000 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
66
|
+
--a-accent-6-scrim: light-dark(var(--a-accent-6-shade-scrim), var(--a-accent-6-tint-scrim));
|
|
67
|
+
|
|
68
|
+
/* ── Brand ── */
|
|
69
|
+
--a-brand-0-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-brand-c-min) + 0.0000 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
70
|
+
--a-brand-0-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-brand-c-min) + 0.0000 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
71
|
+
--a-brand-0-scrim: light-dark(var(--a-brand-0-shade-scrim), var(--a-brand-0-tint-scrim));
|
|
72
|
+
--a-brand-1-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-brand-c-min) + 0.5556 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
73
|
+
--a-brand-1-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-brand-c-min) + 0.5556 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
74
|
+
--a-brand-1-scrim: light-dark(var(--a-brand-1-shade-scrim), var(--a-brand-1-tint-scrim));
|
|
75
|
+
--a-brand-2-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-brand-c-min) + 0.8889 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
76
|
+
--a-brand-2-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-brand-c-min) + 0.8889 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
77
|
+
--a-brand-2-scrim: light-dark(var(--a-brand-2-shade-scrim), var(--a-brand-2-tint-scrim));
|
|
78
|
+
--a-brand-3-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-brand-c-min) + 1.0000 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
79
|
+
--a-brand-3-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-brand-c-min) + 1.0000 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
80
|
+
--a-brand-3-scrim: light-dark(var(--a-brand-3-shade-scrim), var(--a-brand-3-tint-scrim));
|
|
81
|
+
--a-brand-4-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-brand-c-min) + 0.8889 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
82
|
+
--a-brand-4-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-brand-c-min) + 0.8889 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
83
|
+
--a-brand-4-scrim: light-dark(var(--a-brand-4-shade-scrim), var(--a-brand-4-tint-scrim));
|
|
84
|
+
--a-brand-5-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-brand-c-min) + 0.5556 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
85
|
+
--a-brand-5-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-brand-c-min) + 0.5556 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
86
|
+
--a-brand-5-scrim: light-dark(var(--a-brand-5-shade-scrim), var(--a-brand-5-tint-scrim));
|
|
87
|
+
--a-brand-6-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-brand-c-min) + 0.0000 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
88
|
+
--a-brand-6-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-brand-c-min) + 0.0000 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
89
|
+
--a-brand-6-scrim: light-dark(var(--a-brand-6-shade-scrim), var(--a-brand-6-tint-scrim));
|
|
90
|
+
|
|
91
|
+
/* ── Info ── */
|
|
92
|
+
--a-info-0-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-info-c-min) + 0.0000 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
93
|
+
--a-info-0-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-info-c-min) + 0.0000 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
94
|
+
--a-info-0-scrim: light-dark(var(--a-info-0-shade-scrim), var(--a-info-0-tint-scrim));
|
|
95
|
+
--a-info-1-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-info-c-min) + 0.5556 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
96
|
+
--a-info-1-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-info-c-min) + 0.5556 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
97
|
+
--a-info-1-scrim: light-dark(var(--a-info-1-shade-scrim), var(--a-info-1-tint-scrim));
|
|
98
|
+
--a-info-2-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-info-c-min) + 0.8889 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
99
|
+
--a-info-2-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-info-c-min) + 0.8889 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
100
|
+
--a-info-2-scrim: light-dark(var(--a-info-2-shade-scrim), var(--a-info-2-tint-scrim));
|
|
101
|
+
--a-info-3-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-info-c-min) + 1.0000 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
102
|
+
--a-info-3-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-info-c-min) + 1.0000 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
103
|
+
--a-info-3-scrim: light-dark(var(--a-info-3-shade-scrim), var(--a-info-3-tint-scrim));
|
|
104
|
+
--a-info-4-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-info-c-min) + 0.8889 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
105
|
+
--a-info-4-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-info-c-min) + 0.8889 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
106
|
+
--a-info-4-scrim: light-dark(var(--a-info-4-shade-scrim), var(--a-info-4-tint-scrim));
|
|
107
|
+
--a-info-5-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-info-c-min) + 0.5556 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
108
|
+
--a-info-5-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-info-c-min) + 0.5556 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
109
|
+
--a-info-5-scrim: light-dark(var(--a-info-5-shade-scrim), var(--a-info-5-tint-scrim));
|
|
110
|
+
--a-info-6-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-info-c-min) + 0.0000 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
111
|
+
--a-info-6-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-info-c-min) + 0.0000 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
112
|
+
--a-info-6-scrim: light-dark(var(--a-info-6-shade-scrim), var(--a-info-6-tint-scrim));
|
|
113
|
+
|
|
114
|
+
/* ── Success ── */
|
|
115
|
+
--a-success-0-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-success-c-min) + 0.0000 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
116
|
+
--a-success-0-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-success-c-min) + 0.0000 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
117
|
+
--a-success-0-scrim: light-dark(var(--a-success-0-shade-scrim), var(--a-success-0-tint-scrim));
|
|
118
|
+
--a-success-1-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-success-c-min) + 0.5556 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
119
|
+
--a-success-1-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-success-c-min) + 0.5556 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
120
|
+
--a-success-1-scrim: light-dark(var(--a-success-1-shade-scrim), var(--a-success-1-tint-scrim));
|
|
121
|
+
--a-success-2-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-success-c-min) + 0.8889 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
122
|
+
--a-success-2-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-success-c-min) + 0.8889 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
123
|
+
--a-success-2-scrim: light-dark(var(--a-success-2-shade-scrim), var(--a-success-2-tint-scrim));
|
|
124
|
+
--a-success-3-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-success-c-min) + 1.0000 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
125
|
+
--a-success-3-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-success-c-min) + 1.0000 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
126
|
+
--a-success-3-scrim: light-dark(var(--a-success-3-shade-scrim), var(--a-success-3-tint-scrim));
|
|
127
|
+
--a-success-4-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-success-c-min) + 0.8889 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
128
|
+
--a-success-4-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-success-c-min) + 0.8889 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
129
|
+
--a-success-4-scrim: light-dark(var(--a-success-4-shade-scrim), var(--a-success-4-tint-scrim));
|
|
130
|
+
--a-success-5-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-success-c-min) + 0.5556 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
131
|
+
--a-success-5-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-success-c-min) + 0.5556 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
132
|
+
--a-success-5-scrim: light-dark(var(--a-success-5-shade-scrim), var(--a-success-5-tint-scrim));
|
|
133
|
+
--a-success-6-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-success-c-min) + 0.0000 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
134
|
+
--a-success-6-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-success-c-min) + 0.0000 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
135
|
+
--a-success-6-scrim: light-dark(var(--a-success-6-shade-scrim), var(--a-success-6-tint-scrim));
|
|
136
|
+
|
|
137
|
+
/* ── Warning ── */
|
|
138
|
+
--a-warning-0-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-warning-c-min) + 0.0000 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
139
|
+
--a-warning-0-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-warning-c-min) + 0.0000 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
140
|
+
--a-warning-0-scrim: light-dark(var(--a-warning-0-shade-scrim), var(--a-warning-0-tint-scrim));
|
|
141
|
+
--a-warning-1-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-warning-c-min) + 0.5556 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
142
|
+
--a-warning-1-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-warning-c-min) + 0.5556 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
143
|
+
--a-warning-1-scrim: light-dark(var(--a-warning-1-shade-scrim), var(--a-warning-1-tint-scrim));
|
|
144
|
+
--a-warning-2-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-warning-c-min) + 0.8889 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
145
|
+
--a-warning-2-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-warning-c-min) + 0.8889 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
146
|
+
--a-warning-2-scrim: light-dark(var(--a-warning-2-shade-scrim), var(--a-warning-2-tint-scrim));
|
|
147
|
+
--a-warning-3-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-warning-c-min) + 1.0000 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
148
|
+
--a-warning-3-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-warning-c-min) + 1.0000 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
149
|
+
--a-warning-3-scrim: light-dark(var(--a-warning-3-shade-scrim), var(--a-warning-3-tint-scrim));
|
|
150
|
+
--a-warning-4-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-warning-c-min) + 0.8889 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
151
|
+
--a-warning-4-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-warning-c-min) + 0.8889 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
152
|
+
--a-warning-4-scrim: light-dark(var(--a-warning-4-shade-scrim), var(--a-warning-4-tint-scrim));
|
|
153
|
+
--a-warning-5-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-warning-c-min) + 0.5556 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
154
|
+
--a-warning-5-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-warning-c-min) + 0.5556 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
155
|
+
--a-warning-5-scrim: light-dark(var(--a-warning-5-shade-scrim), var(--a-warning-5-tint-scrim));
|
|
156
|
+
--a-warning-6-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-warning-c-min) + 0.0000 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
157
|
+
--a-warning-6-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-warning-c-min) + 0.0000 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
158
|
+
--a-warning-6-scrim: light-dark(var(--a-warning-6-shade-scrim), var(--a-warning-6-tint-scrim));
|
|
159
|
+
|
|
160
|
+
/* ── Danger ── */
|
|
161
|
+
--a-danger-0-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-danger-c-min) + 0.0000 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
162
|
+
--a-danger-0-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-danger-c-min) + 0.0000 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
163
|
+
--a-danger-0-scrim: light-dark(var(--a-danger-0-shade-scrim), var(--a-danger-0-tint-scrim));
|
|
164
|
+
--a-danger-1-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-danger-c-min) + 0.5556 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
165
|
+
--a-danger-1-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-danger-c-min) + 0.5556 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
166
|
+
--a-danger-1-scrim: light-dark(var(--a-danger-1-shade-scrim), var(--a-danger-1-tint-scrim));
|
|
167
|
+
--a-danger-2-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-danger-c-min) + 0.8889 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
168
|
+
--a-danger-2-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-danger-c-min) + 0.8889 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
169
|
+
--a-danger-2-scrim: light-dark(var(--a-danger-2-shade-scrim), var(--a-danger-2-tint-scrim));
|
|
170
|
+
--a-danger-3-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-danger-c-min) + 1.0000 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
171
|
+
--a-danger-3-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-danger-c-min) + 1.0000 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
172
|
+
--a-danger-3-scrim: light-dark(var(--a-danger-3-shade-scrim), var(--a-danger-3-tint-scrim));
|
|
173
|
+
--a-danger-4-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-danger-c-min) + 0.8889 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
174
|
+
--a-danger-4-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-danger-c-min) + 0.8889 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
175
|
+
--a-danger-4-scrim: light-dark(var(--a-danger-4-shade-scrim), var(--a-danger-4-tint-scrim));
|
|
176
|
+
--a-danger-5-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-danger-c-min) + 0.5556 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
177
|
+
--a-danger-5-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-danger-c-min) + 0.5556 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
178
|
+
--a-danger-5-scrim: light-dark(var(--a-danger-5-shade-scrim), var(--a-danger-5-tint-scrim));
|
|
179
|
+
--a-danger-6-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-danger-c-min) + 0.0000 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
180
|
+
--a-danger-6-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-danger-c-min) + 0.0000 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
|
|
181
|
+
--a-danger-6-scrim: light-dark(var(--a-danger-6-shade-scrim), var(--a-danger-6-tint-scrim));
|
|
182
|
+
}
|