@mittwald/flow-design-tokens 0.1.0-alpha.289 → 0.1.0-alpha.290

package/dist/variables.json

@@ -13750,6 +13750,1453 @@
       }
     }
   },
+  "code-block": {
+    "font-size": {
+      "value": "0.875rem",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "{font-size.s}"
+      },
+      "name": "CodeBlockFontSize",
+      "attributes": {
+        "category": "code-block",
+        "type": "font-size"
+      },
+      "path": [
+        "code-block",
+        "font-size"
+      ]
+    },
+    "padding": {
+      "value": "16px",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.m}"
+      },
+      "name": "CodeBlockPadding",
+      "attributes": {
+        "category": "code-block",
+        "type": "padding"
+      },
+      "path": [
+        "code-block",
+        "padding"
+      ]
+    },
+    "corner-radius": {
+      "value": "4px",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "{corner-radius.default}"
+      },
+      "name": "CodeBlockCornerRadius",
+      "attributes": {
+        "category": "code-block",
+        "type": "corner-radius"
+      },
+      "path": [
+        "code-block",
+        "corner-radius"
+      ]
+    },
+    "code-to-button-spacing": {
+      "value": "16px",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.m}"
+      },
+      "name": "CodeBlockCodeToButtonSpacing",
+      "attributes": {
+        "category": "code-block",
+        "type": "code-to-button-spacing"
+      },
+      "path": [
+        "code-block",
+        "code-to-button-spacing"
+      ]
+    },
+    "default-background-color": {
+      "value": "#E6E6E6",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "{neutral-soft-background-color.default}"
+      },
+      "name": "CodeBlockDefaultBackgroundColor",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-background-color"
+      },
+      "path": [
+        "code-block",
+        "default-background-color"
+      ]
+    },
+    "default-content-color": {
+      "value": "#222222",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "{neutral-soft-content-color.default}"
+      },
+      "name": "CodeBlockDefaultContentColor",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-content-color"
+      },
+      "path": [
+        "code-block",
+        "default-content-color"
+      ]
+    },
+    "default-syntax-color-addition": {
+      "value": "#397300",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#397300"
+      },
+      "name": "CodeBlockDefaultSyntaxColorAddition",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-addition"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-addition"
+      ]
+    },
+    "default-syntax-color-built-in": {
+      "value": "#397300",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#397300"
+      },
+      "name": "CodeBlockDefaultSyntaxColorBuiltIn",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-built-in"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-built-in"
+      ]
+    },
+    "default-syntax-color-bullet": {
+      "value": "#397300",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#397300"
+      },
+      "name": "CodeBlockDefaultSyntaxColorBullet",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-bullet"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-bullet"
+      ]
+    },
+    "default-syntax-color-code": {
+      "value": "#397300",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#397300"
+      },
+      "name": "CodeBlockDefaultSyntaxColorCode",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-code"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-code"
+      ]
+    },
+    "default-syntax-color-comment": {
+      "value": "#666666",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#666666"
+      },
+      "name": "CodeBlockDefaultSyntaxColorComment",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-comment"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-comment"
+      ]
+    },
+    "default-syntax-color-deletion": {
+      "value": "#880000",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#880000"
+      },
+      "name": "CodeBlockDefaultSyntaxColorDeletion",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-deletion"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-deletion"
+      ]
+    },
+    "default-syntax-color-link": {
+      "value": "#a94747",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#a94747"
+      },
+      "name": "CodeBlockDefaultSyntaxColorLink",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-link"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-link"
+      ]
+    },
+    "default-syntax-color-literal": {
+      "value": "#4c6d3b",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#4c6d3b"
+      },
+      "name": "CodeBlockDefaultSyntaxColorLiteral",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-literal"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-literal"
+      ]
+    },
+    "default-syntax-color-meta": {
+      "value": "#1e6e94",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#1e6e94"
+      },
+      "name": "CodeBlockDefaultSyntaxColorMeta",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-meta"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-meta"
+      ]
+    },
+    "default-syntax-color-meta-string": {
+      "value": "#326d8b",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#326d8b"
+      },
+      "name": "CodeBlockDefaultSyntaxColorMetaString",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-meta-string"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-meta-string"
+      ]
+    },
+    "default-syntax-color-number": {
+      "value": "#880000",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#880000"
+      },
+      "name": "CodeBlockDefaultSyntaxColorNumber",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-number"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-number"
+      ]
+    },
+    "default-syntax-color-quote": {
+      "value": "#880000",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#880000"
+      },
+      "name": "CodeBlockDefaultSyntaxColorQuote",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-quote"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-quote"
+      ]
+    },
+    "default-syntax-color-regexp": {
+      "value": "#a94747",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#a94747"
+      },
+      "name": "CodeBlockDefaultSyntaxColorRegexp",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-regexp"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-regexp"
+      ]
+    },
+    "default-syntax-color-section": {
+      "value": "#880000",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#880000"
+      },
+      "name": "CodeBlockDefaultSyntaxColorSection",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-section"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-section"
+      ]
+    },
+    "default-syntax-color-selector-attr": {
+      "value": "#a94747",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#a94747"
+      },
+      "name": "CodeBlockDefaultSyntaxColorSelectorAttr",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-selector-attr"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-selector-attr"
+      ]
+    },
+    "default-syntax-color-selector-class": {
+      "value": "#880000",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#880000"
+      },
+      "name": "CodeBlockDefaultSyntaxColorSelectorClass",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-selector-class"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-selector-class"
+      ]
+    },
+    "default-syntax-color-selector-id": {
+      "value": "#880000",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#880000"
+      },
+      "name": "CodeBlockDefaultSyntaxColorSelectorId",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-selector-id"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-selector-id"
+      ]
+    },
+    "default-syntax-color-selector-pseudo": {
+      "value": "#a94747",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#a94747"
+      },
+      "name": "CodeBlockDefaultSyntaxColorSelectorPseudo",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-selector-pseudo"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-selector-pseudo"
+      ]
+    },
+    "default-syntax-color-string": {
+      "value": "#880000",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#880000"
+      },
+      "name": "CodeBlockDefaultSyntaxColorString",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-string"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-string"
+      ]
+    },
+    "default-syntax-color-symbol": {
+      "value": "#a94747",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#a94747"
+      },
+      "name": "CodeBlockDefaultSyntaxColorSymbol",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-symbol"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-symbol"
+      ]
+    },
+    "default-syntax-color-template-tag": {
+      "value": "#880000",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#880000"
+      },
+      "name": "CodeBlockDefaultSyntaxColorTemplateTag",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-template-tag"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-template-tag"
+      ]
+    },
+    "default-syntax-color-template-variable": {
+      "value": "#a94747",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#a94747"
+      },
+      "name": "CodeBlockDefaultSyntaxColorTemplateVariable",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-template-variable"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-template-variable"
+      ]
+    },
+    "default-syntax-color-title": {
+      "value": "#880000",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#880000"
+      },
+      "name": "CodeBlockDefaultSyntaxColorTitle",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-title"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-title"
+      ]
+    },
+    "default-syntax-color-type": {
+      "value": "#880000",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#880000"
+      },
+      "name": "CodeBlockDefaultSyntaxColorType",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-type"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-type"
+      ]
+    },
+    "default-syntax-color-variable": {
+      "value": "#a94747",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#a94747"
+      },
+      "name": "CodeBlockDefaultSyntaxColorVariable",
+      "attributes": {
+        "category": "code-block",
+        "type": "default-syntax-color-variable"
+      },
+      "path": [
+        "code-block",
+        "default-syntax-color-variable"
+      ]
+    },
+    "light-background-color": {
+      "value": "rgb(255 255 255 / 12.5%)",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "{light-soft-background-color.default}"
+      },
+      "name": "CodeBlockLightBackgroundColor",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-background-color"
+      },
+      "path": [
+        "code-block",
+        "light-background-color"
+      ]
+    },
+    "light-content-color": {
+      "value": "rgb(255 255 255 / 100%)",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "{light-soft-content-color}"
+      },
+      "name": "CodeBlockLightContentColor",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-content-color"
+      },
+      "path": [
+        "code-block",
+        "light-content-color"
+      ]
+    },
+    "light-syntax-color-addition": {
+      "value": "#68d100",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#68d100"
+      },
+      "name": "CodeBlockLightSyntaxColorAddition",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-addition"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-addition"
+      ]
+    },
+    "light-syntax-color-built-in": {
+      "value": "#68d100",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#68d100"
+      },
+      "name": "CodeBlockLightSyntaxColorBuiltIn",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-built-in"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-built-in"
+      ]
+    },
+    "light-syntax-color-bullet": {
+      "value": "#68d100",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#68d100"
+      },
+      "name": "CodeBlockLightSyntaxColorBullet",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-bullet"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-bullet"
+      ]
+    },
+    "light-syntax-color-code": {
+      "value": "#68d100",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#68d100"
+      },
+      "name": "CodeBlockLightSyntaxColorCode",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-code"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-code"
+      ]
+    },
+    "light-syntax-color-comment": {
+      "value": "#b8b8b8",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#b8b8b8"
+      },
+      "name": "CodeBlockLightSyntaxColorComment",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-comment"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-comment"
+      ]
+    },
+    "light-syntax-color-deletion": {
+      "value": "#ff9e9e",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#ff9e9e"
+      },
+      "name": "CodeBlockLightSyntaxColorDeletion",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-deletion"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-deletion"
+      ]
+    },
+    "light-syntax-color-link": {
+      "value": "#dcacac",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#dcacac"
+      },
+      "name": "CodeBlockLightSyntaxColorLink",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-link"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-link"
+      ]
+    },
+    "light-syntax-color-literal": {
+      "value": "#9fc28e",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#9fc28e"
+      },
+      "name": "CodeBlockLightSyntaxColorLiteral",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-literal"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-literal"
+      ]
+    },
+    "light-syntax-color-meta": {
+      "value": "#77c0e4",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#77c0e4"
+      },
+      "name": "CodeBlockLightSyntaxColorMeta",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-meta"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-meta"
+      ]
+    },
+    "light-syntax-color-meta-string": {
+      "value": "#8ebfd7",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#8ebfd7"
+      },
+      "name": "CodeBlockLightSyntaxColorMetaString",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-meta-string"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-meta-string"
+      ]
+    },
+    "light-syntax-color-number": {
+      "value": "#ff9e9e",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#ff9e9e"
+      },
+      "name": "CodeBlockLightSyntaxColorNumber",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-number"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-number"
+      ]
+    },
+    "light-syntax-color-pseudo": {
+      "value": "#dcacac",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#dcacac"
+      },
+      "name": "CodeBlockLightSyntaxColorPseudo",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-pseudo"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-pseudo"
+      ]
+    },
+    "light-syntax-color-quote": {
+      "value": "#ff9e9e",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#ff9e9e"
+      },
+      "name": "CodeBlockLightSyntaxColorQuote",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-quote"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-quote"
+      ]
+    },
+    "light-syntax-color-regexp": {
+      "value": "#dcacac",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#dcacac"
+      },
+      "name": "CodeBlockLightSyntaxColorRegexp",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-regexp"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-regexp"
+      ]
+    },
+    "light-syntax-color-section": {
+      "value": "#ff9e9e",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#ff9e9e"
+      },
+      "name": "CodeBlockLightSyntaxColorSection",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-section"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-section"
+      ]
+    },
+    "light-syntax-color-selector-attr": {
+      "value": "#dcacac",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#dcacac"
+      },
+      "name": "CodeBlockLightSyntaxColorSelectorAttr",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-selector-attr"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-selector-attr"
+      ]
+    },
+    "light-syntax-color-selector-class": {
+      "value": "#ff9e9e",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#ff9e9e"
+      },
+      "name": "CodeBlockLightSyntaxColorSelectorClass",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-selector-class"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-selector-class"
+      ]
+    },
+    "light-syntax-color-selector-id": {
+      "value": "#ff9e9e",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#ff9e9e"
+      },
+      "name": "CodeBlockLightSyntaxColorSelectorId",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-selector-id"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-selector-id"
+      ]
+    },
+    "light-syntax-color-string": {
+      "value": "#ff9e9e",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#ff9e9e"
+      },
+      "name": "CodeBlockLightSyntaxColorString",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-string"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-string"
+      ]
+    },
+    "light-syntax-color-symbol": {
+      "value": "#dcacac",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#dcacac"
+      },
+      "name": "CodeBlockLightSyntaxColorSymbol",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-symbol"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-symbol"
+      ]
+    },
+    "light-syntax-color-template-tag": {
+      "value": "#ff9e9e",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#ff9e9e"
+      },
+      "name": "CodeBlockLightSyntaxColorTemplateTag",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-template-tag"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-template-tag"
+      ]
+    },
+    "light-syntax-color-template-variable": {
+      "value": "#dcacac",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#dcacac"
+      },
+      "name": "CodeBlockLightSyntaxColorTemplateVariable",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-template-variable"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-template-variable"
+      ]
+    },
+    "light-syntax-color-title": {
+      "value": "#ff9e9e",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#ff9e9e"
+      },
+      "name": "CodeBlockLightSyntaxColorTitle",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-title"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-title"
+      ]
+    },
+    "light-syntax-color-type": {
+      "value": "#ff9e9e",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#ff9e9e"
+      },
+      "name": "CodeBlockLightSyntaxColorType",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-type"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-type"
+      ]
+    },
+    "light-syntax-color-variable": {
+      "value": "#dcacac",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#dcacac"
+      },
+      "name": "CodeBlockLightSyntaxColorVariable",
+      "attributes": {
+        "category": "code-block",
+        "type": "light-syntax-color-variable"
+      },
+      "path": [
+        "code-block",
+        "light-syntax-color-variable"
+      ]
+    },
+    "dark-background-color": {
+      "value": "rgb(0 0 0 / 12.5%)",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "{dark-soft-background-color.default}"
+      },
+      "name": "CodeBlockDarkBackgroundColor",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-background-color"
+      },
+      "path": [
+        "code-block",
+        "dark-background-color"
+      ]
+    },
+    "dark-content-color": {
+      "value": "rgb(0 0 0 / 100%)",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "{dark-soft-content-color}"
+      },
+      "name": "CodeBlockDarkContentColor",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-content-color"
+      },
+      "path": [
+        "code-block",
+        "dark-content-color"
+      ]
+    },
+    "dark-syntax-color-addition": {
+      "value": "#306100",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#306100"
+      },
+      "name": "CodeBlockDarkSyntaxColorAddition",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-addition"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-addition"
+      ]
+    },
+    "dark-syntax-color-built-in": {
+      "value": "#306100",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#306100"
+      },
+      "name": "CodeBlockDarkSyntaxColorBuiltIn",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-built-in"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-built-in"
+      ]
+    },
+    "dark-syntax-color-bullet": {
+      "value": "#306100",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#306100"
+      },
+      "name": "CodeBlockDarkSyntaxColorBullet",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-bullet"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-bullet"
+      ]
+    },
+    "dark-syntax-color-code": {
+      "value": "#306100",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#306100"
+      },
+      "name": "CodeBlockDarkSyntaxColorCode",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-code"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-code"
+      ]
+    },
+    "dark-syntax-color-comment": {
+      "value": "#575757",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#575757"
+      },
+      "name": "CodeBlockDarkSyntaxColorComment",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-comment"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-comment"
+      ]
+    },
+    "dark-syntax-color-deletion": {
+      "value": "#880000",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#880000"
+      },
+      "name": "CodeBlockDarkSyntaxColorDeletion",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-deletion"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-deletion"
+      ]
+    },
+    "dark-syntax-color-link": {
+      "value": "#8c3b3b",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#8c3b3b"
+      },
+      "name": "CodeBlockDarkSyntaxColorLink",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-link"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-link"
+      ]
+    },
+    "dark-syntax-color-literal": {
+      "value": "#405d32",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#405d32"
+      },
+      "name": "CodeBlockDarkSyntaxColorLiteral",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-literal"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-literal"
+      ]
+    },
+    "dark-syntax-color-meta": {
+      "value": "#195b7b",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#195b7b"
+      },
+      "name": "CodeBlockDarkSyntaxColorMeta",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-meta"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-meta"
+      ]
+    },
+    "dark-syntax-color-meta-string": {
+      "value": "#2a5b74",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#2a5b74"
+      },
+      "name": "CodeBlockDarkSyntaxColorMetaString",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-meta-string"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-meta-string"
+      ]
+    },
+    "dark-syntax-color-number": {
+      "value": "#880000",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#880000"
+      },
+      "name": "CodeBlockDarkSyntaxColorNumber",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-number"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-number"
+      ]
+    },
+    "dark-syntax-color-pseudo": {
+      "value": "#8c3b3b",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#8c3b3b"
+      },
+      "name": "CodeBlockDarkSyntaxColorPseudo",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-pseudo"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-pseudo"
+      ]
+    },
+    "dark-syntax-color-quote": {
+      "value": "#880000",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#880000"
+      },
+      "name": "CodeBlockDarkSyntaxColorQuote",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-quote"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-quote"
+      ]
+    },
+    "dark-syntax-color-regexp": {
+      "value": "#8c3b3b",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#8c3b3b"
+      },
+      "name": "CodeBlockDarkSyntaxColorRegexp",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-regexp"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-regexp"
+      ]
+    },
+    "dark-syntax-color-section": {
+      "value": "#880000",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#880000"
+      },
+      "name": "CodeBlockDarkSyntaxColorSection",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-section"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-section"
+      ]
+    },
+    "dark-syntax-color-selector-attr": {
+      "value": "#8c3b3b",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#8c3b3b"
+      },
+      "name": "CodeBlockDarkSyntaxColorSelectorAttr",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-selector-attr"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-selector-attr"
+      ]
+    },
+    "dark-syntax-color-selector-class": {
+      "value": "#880000",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#880000"
+      },
+      "name": "CodeBlockDarkSyntaxColorSelectorClass",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-selector-class"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-selector-class"
+      ]
+    },
+    "dark-syntax-color-selector-id": {
+      "value": "#880000",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#880000"
+      },
+      "name": "CodeBlockDarkSyntaxColorSelectorId",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-selector-id"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-selector-id"
+      ]
+    },
+    "dark-syntax-color-string": {
+      "value": "#880000",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#880000"
+      },
+      "name": "CodeBlockDarkSyntaxColorString",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-string"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-string"
+      ]
+    },
+    "dark-syntax-color-symbol": {
+      "value": "#8c3b3b",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#8c3b3b"
+      },
+      "name": "CodeBlockDarkSyntaxColorSymbol",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-symbol"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-symbol"
+      ]
+    },
+    "dark-syntax-color-template-tag": {
+      "value": "#880000",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#880000"
+      },
+      "name": "CodeBlockDarkSyntaxColorTemplateTag",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-template-tag"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-template-tag"
+      ]
+    },
+    "dark-syntax-color-template-variable": {
+      "value": "#8c3b3b",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#8c3b3b"
+      },
+      "name": "CodeBlockDarkSyntaxColorTemplateVariable",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-template-variable"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-template-variable"
+      ]
+    },
+    "dark-syntax-color-title": {
+      "value": "#880000",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#880000"
+      },
+      "name": "CodeBlockDarkSyntaxColorTitle",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-title"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-title"
+      ]
+    },
+    "dark-syntax-color-type": {
+      "value": "#880000",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#880000"
+      },
+      "name": "CodeBlockDarkSyntaxColorType",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-type"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-type"
+      ]
+    },
+    "dark-syntax-color-variable": {
+      "value": "#8c3b3b",
+      "filePath": "src/components/code-block.yml",
+      "isSource": true,
+      "original": {
+        "value": "#8c3b3b"
+      },
+      "name": "CodeBlockDarkSyntaxColorVariable",
+      "attributes": {
+        "category": "code-block",
+        "type": "dark-syntax-color-variable"
+      },
+      "path": [
+        "code-block",
+        "dark-syntax-color-variable"
+      ]
+    }
+  },
   "column-layout": {
     "content-to-content-spacing": {
       "value": "1rem",