@profpowell/vb-design-system 0.1.0

package/src/web-components/theme-import/catalog/govuk.tokens.json

@@ -0,0 +1,301 @@
+{
+  "color": {
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.4392,
+          0.2353
+        ],
+        "hex": "#00703c"
+      }
+    },
+    "primary-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.3529,
+          0.1882
+        ],
+        "hex": "#005a30"
+      }
+    },
+    "primary-active": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.2392,
+          0.1216
+        ],
+        "hex": "#003d1f"
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.1137,
+          0.4392,
+          0.7216
+        ],
+        "hex": "#1d70b8"
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.8667,
+          0
+        ],
+        "hex": "#ffdd00"
+      }
+    },
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      }
+    },
+    "surface": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      }
+    },
+    "surface-raised": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9529,
+          0.949,
+          0.9451
+        ],
+        "hex": "#f3f2f1"
+      }
+    },
+    "surface-sunken": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9725,
+          0.9725,
+          0.9725
+        ],
+        "hex": "#f8f8f8"
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.6941,
+          0.7059,
+          0.7137
+        ],
+        "hex": "#b1b4b6"
+      }
+    },
+    "border-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8706,
+          0.8784,
+          0.8863
+        ],
+        "hex": "#dee0e2"
+      }
+    },
+    "text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0431,
+          0.0471,
+          0.0471
+        ],
+        "hex": "#0b0c0c"
+      }
+    },
+    "text-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.3137,
+          0.3529,
+          0.3725
+        ],
+        "hex": "#505a5f"
+      }
+    },
+    "text-on-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      }
+    },
+    "error": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8314,
+          0.2078,
+          0.1098
+        ],
+        "hex": "#d4351c"
+      }
+    },
+    "success": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.4392,
+          0.2353
+        ],
+        "hex": "#00703c"
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9569,
+          0.4667,
+          0.2196
+        ],
+        "hex": "#f47738"
+      }
+    },
+    "info": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.1137,
+          0.4392,
+          0.7216
+        ],
+        "hex": "#1d70b8"
+      }
+    }
+  },
+  "typography": {
+    "family": {
+      "sans": {
+        "$type": "fontFamily",
+        "$value": [
+          "GDS Transport",
+          "arial",
+          "sans-serif"
+        ]
+      }
+    },
+    "size": {
+      "md": {
+        "$type": "dimension",
+        "$value": {
+          "value": 1.1875,
+          "unit": "rem"
+        }
+      }
+    },
+    "lineHeight": {
+      "normal": {
+        "$type": "number",
+        "$value": 1.31579
+      }
+    }
+  },
+  "border": {
+    "radius": {
+      "xs": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0,
+          "unit": "rem"
+        }
+      },
+      "s": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0,
+          "unit": "rem"
+        }
+      },
+      "m": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0,
+          "unit": "rem"
+        }
+      },
+      "l": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0,
+          "unit": "rem"
+        }
+      },
+      "xl": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0,
+          "unit": "rem"
+        }
+      }
+    }
+  },
+  "$extensions": {
+    "com.vanilla-breeze": {
+      "spec": "2025.10",
+      "vbVersion": "catalog-2026-05-15",
+      "catalog": true,
+      "source": {
+        "name": "GOV.UK Design System",
+        "homepage": "https://design-system.service.gov.uk/",
+        "tokenSource": "https://design-system.service.gov.uk/styles/colour/",
+        "license": "MIT",
+        "attribution": "© Crown copyright. GOV.UK Design System (Open Government Licence v3.0).",
+        "syncedAt": "2026-05-15"
+      }
+    }
+  }
+}

package/src/web-components/theme-import/catalog/manifest.json

@@ -0,0 +1,132 @@
+{
+  "$schema": "https://vanilla-breeze.com/schemas/dtcg-catalog.schema.json",
+  "spec": "2025.10",
+  "syncedAt": "2026-05-15",
+  "entries": [
+    {
+      "id": "material",
+      "name": "Material Design 3",
+      "summary": "Google's open design system. Material You color scheme with elevation surfaces.",
+      "homepage": "https://m3.material.io/",
+      "source": "https://m3.material.io/styles/color/system/tokens",
+      "license": "Apache-2.0",
+      "attribution": "© Google LLC. Material is a trademark of Google LLC.",
+      "tags": [
+        "color-system",
+        "elevation",
+        "material"
+      ],
+      "file": "material.tokens.json",
+      "syncedAt": "2026-05-15"
+    },
+    {
+      "id": "carbon",
+      "name": "IBM Carbon",
+      "summary": "IBM's open design system. 14px body, zero radius, 8px grid, IBM Plex.",
+      "homepage": "https://carbondesignsystem.com/",
+      "source": "https://carbondesignsystem.com/elements/color/tokens/",
+      "license": "Apache-2.0",
+      "attribution": "© IBM Corporation. Carbon Design System.",
+      "tags": [
+        "enterprise",
+        "tight",
+        "plex"
+      ],
+      "file": "carbon.tokens.json",
+      "syncedAt": "2026-05-15"
+    },
+    {
+      "id": "salesforce",
+      "name": "Salesforce Lightning",
+      "summary": "Salesforce Lightning Design System (SLDS). Trailblazer blue, Salesforce Sans.",
+      "homepage": "https://www.lightningdesignsystem.com/",
+      "source": "https://www.lightningdesignsystem.com/design-tokens/",
+      "license": "BSD-3-Clause",
+      "attribution": "© Salesforce, Inc. Lightning Design System.",
+      "tags": [
+        "enterprise",
+        "crm"
+      ],
+      "file": "salesforce.tokens.json",
+      "syncedAt": "2026-05-15"
+    },
+    {
+      "id": "govuk",
+      "name": "GOV.UK Design System",
+      "summary": "UK Government design system. Black on white, accessible green CTA, GDS Transport.",
+      "homepage": "https://design-system.service.gov.uk/",
+      "source": "https://design-system.service.gov.uk/styles/colour/",
+      "license": "MIT",
+      "attribution": "© Crown copyright. GOV.UK Design System (Open Government Licence v3.0).",
+      "tags": [
+        "government",
+        "accessibility",
+        "high-contrast"
+      ],
+      "file": "govuk.tokens.json",
+      "syncedAt": "2026-05-15"
+    },
+    {
+      "id": "atlassian",
+      "name": "Atlassian Design Tokens",
+      "summary": "Atlassian (Jira/Confluence) design tokens. Indigo blue primary, Charlie typeface.",
+      "homepage": "https://atlassian.design/",
+      "source": "https://atlassian.design/components/tokens/",
+      "license": "Apache-2.0",
+      "attribution": "© Atlassian Pty Ltd. Atlassian Design System.",
+      "tags": [
+        "enterprise",
+        "productivity"
+      ],
+      "file": "atlassian.tokens.json",
+      "syncedAt": "2026-05-15"
+    },
+    {
+      "id": "tailwind",
+      "name": "Tailwind defaults",
+      "summary": "Tailwind CSS default palette + spacing. Synthesized from public Tailwind docs.",
+      "homepage": "https://tailwindcss.com/",
+      "source": "https://tailwindcss.com/docs/customizing-colors",
+      "license": "MIT",
+      "attribution": "Tailwind CSS — © Tailwind Labs Inc.",
+      "tags": [
+        "utility",
+        "web"
+      ],
+      "file": "tailwind.tokens.json",
+      "syncedAt": "2026-05-15",
+      "note": "Tailwind does not publish DTCG natively; this entry is hand-synthesized from default-theme JS."
+    },
+    {
+      "id": "bootstrap",
+      "name": "Bootstrap defaults",
+      "summary": "Bootstrap 5 default theme. Primary blue, system-ui font, 0.375rem radius.",
+      "homepage": "https://getbootstrap.com/",
+      "source": "https://getbootstrap.com/docs/5.3/customize/color/",
+      "license": "MIT",
+      "attribution": "Bootstrap — © The Bootstrap Authors.",
+      "tags": [
+        "framework",
+        "web"
+      ],
+      "file": "bootstrap.tokens.json",
+      "syncedAt": "2026-05-15",
+      "note": "Bootstrap does not publish DTCG natively; this entry is hand-synthesized from _variables.scss."
+    },
+    {
+      "id": "catppuccin-mocha",
+      "name": "Catppuccin Mocha",
+      "summary": "The dark Catppuccin flavor. Soothing pastel theme widely used in dev tooling.",
+      "homepage": "https://catppuccin.com/",
+      "source": "https://github.com/catppuccin/catppuccin/blob/main/docs/style-guide.md",
+      "license": "MIT",
+      "attribution": "Catppuccin — © Catppuccin Org.",
+      "tags": [
+        "dark",
+        "developer"
+      ],
+      "file": "catppuccin-mocha.tokens.json",
+      "syncedAt": "2026-05-15"
+    }
+  ]
+}

package/src/web-components/theme-import/catalog/material.tokens.json

@@ -0,0 +1,289 @@
+{
+  "color": {
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.4039,
+          0.3137,
+          0.6431
+        ],
+        "hex": "#6750a4"
+      }
+    },
+    "primary-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.4941,
+          0.4078,
+          0.7176
+        ],
+        "hex": "#7e68b7"
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.3843,
+          0.3569,
+          0.4431
+        ],
+        "hex": "#625b71"
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.4902,
+          0.3216,
+          0.3765
+        ],
+        "hex": "#7d5260"
+      }
+    },
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.9843,
+          0.9961
+        ],
+        "hex": "#fffbfe"
+      }
+    },
+    "surface": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.9843,
+          0.9961
+        ],
+        "hex": "#fffbfe"
+      }
+    },
+    "surface-raised": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9686,
+          0.949,
+          0.9804
+        ],
+        "hex": "#f7f2fa"
+      }
+    },
+    "surface-sunken": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9412,
+          0.9176,
+          0.9647
+        ],
+        "hex": "#f0eaf6"
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.4745,
+          0.4549,
+          0.4941
+        ],
+        "hex": "#79747e"
+      }
+    },
+    "border-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.7922,
+          0.7686,
+          0.8157
+        ],
+        "hex": "#cac4d0"
+      }
+    },
+    "text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.1098,
+          0.1059,
+          0.1216
+        ],
+        "hex": "#1c1b1f"
+      }
+    },
+    "text-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.2863,
+          0.2706,
+          0.3098
+        ],
+        "hex": "#49454f"
+      }
+    },
+    "text-on-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      }
+    },
+    "error": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.702,
+          0.149,
+          0.1176
+        ],
+        "hex": "#b3261e"
+      }
+    },
+    "success": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.2196,
+          0.4157,
+          0.1255
+        ],
+        "hex": "#386a20"
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.4902,
+          0.3412,
+          0
+        ],
+        "hex": "#7d5700"
+      }
+    },
+    "info": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.3804,
+          0.6431
+        ],
+        "hex": "#0061a4"
+      }
+    }
+  },
+  "typography": {
+    "family": {
+      "sans": {
+        "$type": "fontFamily",
+        "$value": [
+          "Roboto",
+          "system-ui",
+          "sans-serif"
+        ]
+      }
+    },
+    "size": {
+      "md": {
+        "$type": "dimension",
+        "$value": {
+          "value": 1,
+          "unit": "rem"
+        }
+      }
+    },
+    "lineHeight": {
+      "normal": {
+        "$type": "number",
+        "$value": 1.5
+      }
+    }
+  },
+  "border": {
+    "radius": {
+      "xs": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0.25,
+          "unit": "rem"
+        }
+      },
+      "s": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0.5,
+          "unit": "rem"
+        }
+      },
+      "m": {
+        "$type": "dimension",
+        "$value": {
+          "value": 0.75,
+          "unit": "rem"
+        }
+      },
+      "l": {
+        "$type": "dimension",
+        "$value": {
+          "value": 1,
+          "unit": "rem"
+        }
+      },
+      "xl": {
+        "$type": "dimension",
+        "$value": {
+          "value": 1.5,
+          "unit": "rem"
+        }
+      }
+    }
+  },
+  "$extensions": {
+    "com.vanilla-breeze": {
+      "spec": "2025.10",
+      "vbVersion": "catalog-2026-05-15",
+      "catalog": true,
+      "source": {
+        "name": "Material Design 3",
+        "homepage": "https://m3.material.io/",
+        "tokenSource": "https://m3.material.io/styles/color/system/tokens",
+        "license": "Apache-2.0",
+        "attribution": "© Google LLC. Material is a trademark of Google LLC.",
+        "syncedAt": "2026-05-15"
+      }
+    }
+  }
+}