{ "schemaVersion": 1, "theme": "j3w1-theme", "version": "1.1.0", "component": "dialog", "variant": "default", "profile": "default", "source": { "algorithm": "sha256 over LF file bytes, base64", "files": { "theme.json": "sha256-FjbxWNVmq54PfYyfbDpWLo/fnejhJJ7pXq9enbf9hr4=", "site/recipes.json": "sha256-71h0SYIOKbPRh+V/IhtLV7ZGuX90wfmeo84Rx0sm494=", "scripts/lib/recipe-generator.mjs": "sha256-73WV6IUzUVgC3oyFESbgawkTU9o6mh+rKtZx8HgdZeA=", "scripts/lib/recipe-css.mjs": "sha256-dA/5L61Tsn+Gkmz/syAd689Z5IyuShpluZ1NfgXcZ/c=", "scripts/lib/recipe-markup.mjs": "sha256-pxTFKTEWI1f86ScNw0e2ZfSFkdba5Zs6a7GhmMbIUUQ=", "scripts/lib/markup.mjs": "sha256-/jd6ncIZAtDpNgML1FKkJn4mFJitU4mSXE9DLLvt2EI=", "spec/components/dialog.md": "sha256-zKmPZU3GdJ1IPYbCO6KY7oizbzzKXSdlw3ujXc+R3bE=", "spec/components/dialog.demo.html": "sha256-m9m1JcXKJ5j3f0rxR1fojmkYvtgzUnhgWBPA0iI6cSM=", "site/src/styles/recipe-foundation.css": "sha256-siLjKAkNj84Wa0+Xz5Vf2yj9DT9k0K/Swy/cwHNrvYo=", "site/src/styles/components/dialog.css": "sha256-JYVSY/qlwfi+ygYj4vWspfmxxphd5Oor8V5aF0k94D8=", "LICENSE.md": "sha256-Ih5+DpqcNXGWJX6BbYgpt6psmJi9lGcXGJzuiU7elE0=", "tokens/primitives.tokens.json": "sha256-X/TXFVN+jV4dVkMurNeNtKLmJxQSM7qD/jYQhTwe0aQ=", "tokens/semantic.tokens.json": "sha256-PZV4Bw5OnUmdCmmWavhJ/vap7UW6nl9zqAWH3xIcYrc=", "tokens/foundations.tokens.json": "sha256-/gYmJavPwEyem7mpNRhaBa8jjyuPKnSisugGky3PdCY=" }, "digest": "sha256-GrszyrRLp8eBf/MXc30+61R2ymrIyCL9kuGNlKdQe6k=", "revisionPolicy": "Resolve these paths at the same pinned commit as this manifest. The hosted source viewer identifies its supplying commit; generated source files contain content digests, never a floating revision claim." }, "dependencies": { "markup": "spec/components/dialog.demo.html", "styles": [ "site/src/styles/components/dialog.css" ], "foundation": "site/src/styles/recipe-foundation.css", "behavior": [] }, "tokens": [ "border.width.default", "border.width.emphasis", "color.action.destructive.border", "color.action.destructive.filled-bg", "color.action.destructive.filled-text", "color.action.destructive.hover-bg", "color.action.destructive.hover-text", "color.action.primary.bg", "color.action.primary.border", "color.action.primary.hover-bg", "color.action.primary.text", "color.action.secondary.bg", "color.action.secondary.border", "color.action.secondary.hover-bg", "color.action.secondary.text", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.overlay", "color.code.caret", "color.interaction.focus.ring", "color.interaction.focus.ring-container", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.primitive.alpha.black-65", "color.primitive.alpha.transparent", "color.primitive.ink.0", "color.primitive.ink.40", "color.primitive.ink.52", "color.primitive.paper.100", "color.primitive.paper.90", "color.primitive.red.150", "color.primitive.red.200", "color.primitive.red.350", "color.primitive.red.400", "color.primitive.red.750", "color.primitive.red.800", "color.primitive.rose.350", "color.primitive.rose.600", "color.primitive.rose.700", "color.primitive.rose.800", "color.surface.backdrop", "color.surface.canvas", "color.surface.input", "color.surface.overlay", "color.text.bright", "color.text.default", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "focus.offset-container", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.h2", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.h2", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "motion.duration.slow", "radius.none", "space.12", "space.16", "space.24", "space.4", "space.8", "z.dialog" ], "roles": [ "border.width.default", "color.action.destructive.border", "color.action.destructive.filled-bg", "color.action.destructive.filled-text", "color.action.destructive.hover-bg", "color.action.destructive.hover-text", "color.action.primary.bg", "color.action.primary.border", "color.action.primary.hover-bg", "color.action.primary.text", "color.action.secondary.bg", "color.action.secondary.border", "color.action.secondary.hover-bg", "color.action.secondary.text", "color.action.tertiary.hover-bg", "color.action.tertiary.text", "color.border.active", "color.border.control", "color.border.overlay", "color.code.caret", "color.interaction.focus.ring-container", "color.interaction.text-selection.bg", "color.interaction.text-selection.text", "color.surface.backdrop", "color.surface.canvas", "color.surface.input", "color.surface.overlay", "color.text.bright", "color.text.default", "color.text.muted", "density.comfortable.control-height", "density.comfortable.control-padding-x", "density.compact.control-height", "density.compact.control-padding-x", "focus.offset", "focus.offset-container", "focus.ring", "focus.ring-container", "font.family.mono", "font.line-height.h2", "font.line-height.ui-md", "font.line-height.ui-sm", "font.size.h2", "font.size.ui-md", "font.size.ui-sm", "font.weight.bold", "motion.duration.slow", "radius.none", "space.12", "space.16", "space.24", "space.4", "space.8", "z.dialog" ], "eligibility": { "border.width.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.filled-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.filled-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.destructive.hover-text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.primary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.border": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.secondary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.hover-bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.action.tertiary.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.active": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.border.control": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-007" ] }, "color.border.overlay": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.code.caret": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.bg": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.interaction.text-selection.text": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.backdrop": { "action": "use-and-report", "reason": "Use the pinned value and disclose every pending decision ID; approval statuses are unchanged.", "decisionIds": [ "D-008" ] }, "color.surface.canvas": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.input": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.surface.overlay": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.bright": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.default": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "color.text.muted": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.comfortable.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-height": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "density.compact.control-padding-x": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.offset-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "focus.ring-container": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.family.mono": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.h2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.line-height.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.h2": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-md": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.size.ui-sm": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "font.weight.bold": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "motion.duration.slow": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "radius.none": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.12": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.16": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.24": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.4": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "space.8": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] }, "z.dialog": { "action": "use", "reason": "Use within the role's documented scope and restrictions.", "decisionIds": [] } }, "states": [ "default", "open", "hover", "focus-visible", "reduced-motion" ], "limitations": [ "Visual-only: the native dialog is open in normal flow with a simulated backdrop.", "No showModal, focus trap, Escape handling, close actions or focus return is supplied. The host owns the complete modal lifecycle and positioning.", "Removing open hides the dialog but does not remove its backdrop wrapper; this is not a complete closed-state implementation." ], "transformations": [ "Use the default maintained demo fragment before documentation rendering.", "Remove forced-state selectors and documentation notes; retain actual native pseudo-classes.", "Scope CSS to .j3w1-recipe; rewrite IDs and ID references together for each instance.", "Convert rem lengths to multiples of font.size.ui-md, preserving the canonical 13px root geometry without changing the host root." ], "licenses": { "markup": "CC-BY-4.0", "css": "MIT", "notice": "j3w1 theme 1.1.0. Markup adapted from j3w1 UI Theme Spec, https://github.com/j3w1/theme, CC BY 4.0: https://creativecommons.org/licenses/by/4.0/. Changes: scoped instance IDs and documentation-only content removed. CSS and generator: MIT; see LICENSE.md." }, "files": { "markup.html": "sha256-tCW7Mk5+tWzhzYyjqUoeq0n4NvSo7BcQgPnRkWJlJa0=", "template.html": "sha256-wEyjdrOAEi5Nl9GacE9OJuowVldq8liSa3zH00D2f6Q=", "tokens.css": "sha256-KCtQwhDrjHSJHIR24p/TwKJon91BLxTG+AAhTK9ds5w=", "foundation.css": "sha256-XnPSougMR18bXbLygw4BzvGWpztDG6Tevc3aj4Hl0c8=", "component.css": "sha256-IcICdoO42oFKbkTx19yQ8a46dkR94d3zQHyoEQXuBCY=", "example.html": "sha256-Yll2MxHT4IFJ2+jGgpYfggVP5Xk8c8d+VBMY84Ck++c=", "two-instances.html": "sha256-tZ18gGVz+iXxkvcB2ogY1SpqBi4NRUCkqSFH6UbtYHo=", "LICENSE.md": "sha256-MJ1znn/zrFKHnYMcN32dOINis+ZRx00QVkU/dNLNFtE=", "README.md": "sha256-gS0AfHkpkp97f/ANUvRI9tzAjCrRAyhx6WzcHWdq+Sc=" } }