{"_id":"@amsc/amsc-theme","_rev":"5-9aa819fd59020b5c771057d53254cc41","name":"@amsc/amsc-theme","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"@amsc/amsc-theme","version":"1.0.0","author":{"name":"American Science Cloud"},"license":"MIT","_id":"@amsc/amsc-theme@1.0.0","maintainers":[{"name":"nramirez-amsc","email":"nelson.alexander@americansciencecloud.org"}],"dist":{"shasum":"6149cd4ca79c960e10894314381d10eb0e9a8b79","tarball":"https://registry.npmjs.org/@amsc/amsc-theme/-/amsc-theme-1.0.0.tgz","fileCount":2,"integrity":"sha512-G21MA+TF5EFtkNw2EXFvSFYWjgit3aY3On/ItNG5wQU++7bWBrbdqM+PcZgTkhyM2xS2am3M/XWeOWgqNpXbNQ==","signatures":[{"sig":"MEYCIQC7h8rfw8CqLiHxWZIynJ12abnCqKODQmf4uNoyDxSNOAIhAIX7VTl7rhdEL+2b2JcrgECI0v9XPkb6Jklh869/rrAp","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8247},"main":"dist/amsc-theme.css","type":"module","exports":{"./dist/amsc-theme.css":"./dist/amsc-theme.css","./dist/amsc-theme.min.css":"./dist/amsc-theme.min.css"},"gitHead":"980456dc8b5cb2de7deb864356928b2bf6d6d597","scripts":{"dev":"rollup -c --watch","build":"rollup -c","clean":"rm -rf dist .turbo"},"_npmUser":{"name":"nramirez-amsc","email":"nelson.alexander@americansciencecloud.org"},"_npmVersion":"11.12.1","description":"AMSC brand theme for the Packets Design System — bundles @esnet/packets-ui-css with AMSC color and typography overrides into a single CSS import.","directories":{},"_nodeVersion":"26.0.0","_hasShrinkwrap":false,"devDependencies":{"rollup":"^4.53.5","cssnano":"^6.0.1","postcss-import":"^16.1.0","@amsc/amsc-tokens":"workspace:^","rollup-plugin-postcss":"^4.0.2"},"_npmOperationalInternal":{"tmp":"tmp/amsc-theme_1.0.0_1783437874004_0.4294631486637188","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@amsc/amsc-theme","version":"1.0.1","author":{"name":"American Science Cloud"},"license":"MIT","_id":"@amsc/amsc-theme@1.0.1","maintainers":[{"name":"nramirez-amsc","email":"nelson.alexander@americansciencecloud.org"}],"homepage":"https://gitlab.com/amsc2/infrastructure-and-services/amsc-interfaces/amsc-design-system#readme","bugs":{"url":"https://gitlab.com/amsc2/infrastructure-and-services/amsc-interfaces/amsc-design-system/issues"},"dist":{"shasum":"d79cf6448ed36c0a259e7e8cc8dc8659572656b9","tarball":"https://registry.npmjs.org/@amsc/amsc-theme/-/amsc-theme-1.0.1.tgz","fileCount":4,"integrity":"sha512-Ay58a8qDngiYlPVmMbUC9UiArz+jzRoWMaU7zGnrkjiAedaHOPWbY5y3HzaAz5SMONZiNhU2uxN6pQLgleZQ+A==","signatures":[{"sig":"MEQCIDmDquvMRDsy/DrLQYH/K36PWVVBCp7H6IM6k6SFU73fAiAJuO+IaN5lSjrWqOIR7AqUtZ99C/SUrgzzB4EAVG1GUw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":300976},"main":"dist/amsc-theme.css","type":"module","exports":{"./dist/amsc-theme.css":"./dist/amsc-theme.css","./dist/amsc-theme.min.css":"./dist/amsc-theme.min.css"},"gitHead":"6e245479ea2c08921502149c39cbedaa4962b0cd","scripts":{"dev":"rollup -c --watch","build":"rollup -c","clean":"rm -rf dist .turbo"},"_npmUser":{"name":"GitLab CI/CD","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"gitlab","oidcConfigId":"oidc:fda63ba6-dd0b-4197-8aed-d6fbbb24fd5e"}},"repository":{"url":"git+https://gitlab.com/amsc2/infrastructure-and-services/amsc-interfaces/amsc-design-system.git","type":"git"},"_npmVersion":"11.18.0","description":"AMSC brand theme for the Packets Design System — bundles @esnet/packets-ui-css with AMSC color and typography overrides into a single CSS import.","directories":{},"_nodeVersion":"22.23.1","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^4.53.5","cssnano":"^6.0.1","postcss-import":"^16.1.0","@amsc/amsc-tokens":"workspace:^","rollup-plugin-postcss":"^4.0.2"},"_npmOperationalInternal":{"tmp":"tmp/amsc-theme_1.0.1_1783439505944_0.6880500830563507","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@amsc/amsc-theme","version":"1.0.2","author":{"name":"American Science Cloud"},"license":"MIT","_id":"@amsc/amsc-theme@1.0.2","maintainers":[{"name":"nramirez-amsc","email":"nelson.alexander@americansciencecloud.org"}],"homepage":"https://gitlab.com/amsc2/infrastructure-and-services/amsc-interfaces/amsc-design-system#readme","bugs":{"url":"https://gitlab.com/amsc2/infrastructure-and-services/amsc-interfaces/amsc-design-system/issues"},"dist":{"shasum":"9714c50443055bed78fe192544edc76279e51d7a","tarball":"https://registry.npmjs.org/@amsc/amsc-theme/-/amsc-theme-1.0.2.tgz","fileCount":4,"integrity":"sha512-lvrDWwu1UEiEpkdhXRXpkk23i/fzj/cBJ40SL+gYyHxoEhY0Xxqe/RWq9eYnar2nZYxycx3IA+bsqv5MICQ6wQ==","signatures":[{"sig":"MEYCIQCqCRIJ7+RP6omuMueSjaIMFGDh50/wlsL/hZqB4ilOrQIhAPqc5TjIpDK6vf8bg+Ol1s/V+ay7RJkzFGgzErdEiNFK","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":300480},"main":"dist/amsc-theme.css","type":"module","exports":{"./dist/amsc-theme.css":"./dist/amsc-theme.css","./dist/amsc-theme.min.css":"./dist/amsc-theme.min.css"},"gitHead":"032d10e2ffdab4090ed0af160d45ac50b438b83e","scripts":{"dev":"rollup -c --watch","build":"rollup -c","clean":"rm -rf dist .turbo"},"_npmUser":{"name":"GitLab CI/CD","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"gitlab","oidcConfigId":"oidc:fda63ba6-dd0b-4197-8aed-d6fbbb24fd5e"}},"repository":{"url":"git+https://gitlab.com/amsc2/infrastructure-and-services/amsc-interfaces/amsc-design-system.git","type":"git"},"_npmVersion":"11.18.0","description":"AMSC brand theme for the Packets Design System — bundles @esnet/packets-ui-css with AMSC color and typography overrides into a single CSS import.","directories":{},"_nodeVersion":"22.23.1","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^4.53.5","cssnano":"^6.0.1","postcss-import":"^16.1.0","@amsc/amsc-tokens":"workspace:^","@esnet/packets-ui-css":"2.0.1-beta.1","rollup-plugin-postcss":"^4.0.2"},"_npmOperationalInternal":{"tmp":"tmp/amsc-theme_1.0.2_1783440039344_0.22287121587274195","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@amsc/amsc-theme","version":"1.0.3","author":{"name":"American Science Cloud"},"license":"MIT","_id":"@amsc/amsc-theme@1.0.3","maintainers":[{"name":"nramirez-amsc","email":"nelson.alexander@americansciencecloud.org"}],"homepage":"https://gitlab.com/amsc2/infrastructure-and-services/amsc-interfaces/amsc-design-system#readme","bugs":{"url":"https://gitlab.com/amsc2/infrastructure-and-services/amsc-interfaces/amsc-design-system/issues"},"dist":{"shasum":"c3b3828a893f2b6cc342177c76e947b0e27fbc1b","tarball":"https://registry.npmjs.org/@amsc/amsc-theme/-/amsc-theme-1.0.3.tgz","fileCount":4,"integrity":"sha512-ZIzFBo3yrZmz9vjRkRFTOvIunm/ym6lVcpNz7sQUDWNtgUk5zPT5C503WtjaAuziHG5FzNQ7bCZdCitvWlrhjg==","signatures":[{"sig":"MEYCIQCSPx5tviJpnD/SZcKjdQ8g5mAUXXrxAYW8hqOxcB6kbQIhAIwRtvHDa5r/n84jgIaf4r6QEIflbzkzlW/+ZsRdQ1oJ","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":302144},"main":"dist/amsc-theme.css","type":"module","exports":{"./dist/amsc-theme.css":"./dist/amsc-theme.css","./dist/amsc-theme.min.css":"./dist/amsc-theme.min.css"},"gitHead":"988dfb130526d799154189ec31ed3c40ebfca8d1","scripts":{"dev":"rollup -c --watch","build":"rollup -c","clean":"rm -rf dist .turbo"},"_npmUser":{"name":"GitLab CI/CD","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"gitlab","oidcConfigId":"oidc:fda63ba6-dd0b-4197-8aed-d6fbbb24fd5e"}},"repository":{"url":"git+https://gitlab.com/amsc2/infrastructure-and-services/amsc-interfaces/amsc-design-system.git","type":"git"},"_npmVersion":"12.0.1","description":"AMSC brand theme for the Packets Design System — bundles @esnet/packets-ui-css with AMSC color and typography overrides into a single CSS import.","directories":{},"_nodeVersion":"22.23.1","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^4.53.5","cssnano":"^6.0.1","postcss-import":"^16.1.0","@amsc/amsc-tokens":"workspace:^","@esnet/packets-ui-css":"2.0.1-beta.1","rollup-plugin-postcss":"^4.0.2"},"_npmOperationalInternal":{"tmp":"tmp/amsc-theme_1.0.3_1784780212717_0.5723984897880443","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@amsc/amsc-theme","version":"1.0.4","description":"AMSC brand theme for the Packets Design System — bundles @esnet/packets-ui-css with AMSC color and typography overrides into a single CSS import.","author":{"name":"American Science Cloud"},"type":"module","license":"MIT","scripts":{"build":"rollup -c","dev":"rollup -c --watch","clean":"rm -rf dist .turbo"},"exports":{"./dist/amsc-theme.css":"./dist/amsc-theme.css","./dist/amsc-theme.min.css":"./dist/amsc-theme.min.css"},"main":"dist/amsc-theme.css","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://gitlab.com/amsc2/infrastructure-and-services/amsc-interfaces/amsc-design-system.git"},"devDependencies":{"@esnet/packets-ui-css":"2.0.1-beta.1","@amsc/amsc-tokens":"workspace:^","cssnano":"^6.0.1","postcss-import":"^16.1.0","rollup":"^4.53.5","rollup-plugin-postcss":"^4.0.2"},"gitHead":"c0308aa56ba7d3320d5a60854a1237d311161473","_id":"@amsc/amsc-theme@1.0.4","bugs":{"url":"https://gitlab.com/amsc2/infrastructure-and-services/amsc-interfaces/amsc-design-system/issues"},"homepage":"https://gitlab.com/amsc2/infrastructure-and-services/amsc-interfaces/amsc-design-system#readme","_nodeVersion":"22.23.2","_npmVersion":"12.0.2","dist":{"integrity":"sha512-jJuJ8YaC5qRVxSIFISK3OcLkx/ZEbaHVCdAfFbAepXylKytdovStMoxotfVMlx65sutw6cP70I8huMsHRLdt2w==","shasum":"7ced6a8a60bd9943fdf1ca7e03d097227b0db466","tarball":"https://registry.npmjs.org/@amsc/amsc-theme/-/amsc-theme-1.0.4.tgz","fileCount":4,"unpackedSize":303058,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCvRjq4ITvCal+JR4i/D6bitvjAd6uRMh1xwT3dayx5hwIhAJ34MpbAHhhItMhKLzxm85QqBOnYJPQVbnQdgFwUWxa5"}]},"_npmUser":{"name":"GitLab CI/CD","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"gitlab","oidcConfigId":"oidc:fda63ba6-dd0b-4197-8aed-d6fbbb24fd5e"}},"directories":{},"maintainers":[{"name":"nramirez-amsc","email":"nelson.alexander@americansciencecloud.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/amsc-theme_1.0.4_1786718828124_0.7018394768632359"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-07T15:24:33.895Z","modified":"2026-08-14T14:47:08.599Z","1.0.0":"2026-07-07T15:24:34.141Z","1.0.1":"2026-07-07T15:51:46.104Z","1.0.2":"2026-07-07T16:00:39.507Z","1.0.3":"2026-07-23T04:16:52.868Z","1.0.4":"2026-08-14T14:47:08.284Z"},"bugs":{"url":"https://gitlab.com/amsc2/infrastructure-and-services/amsc-interfaces/amsc-design-system/issues"},"author":{"name":"American Science Cloud"},"license":"MIT","homepage":"https://gitlab.com/amsc2/infrastructure-and-services/amsc-interfaces/amsc-design-system#readme","repository":{"type":"git","url":"git+https://gitlab.com/amsc2/infrastructure-and-services/amsc-interfaces/amsc-design-system.git"},"description":"AMSC brand theme for the Packets Design System — bundles @esnet/packets-ui-css with AMSC color and typography overrides into a single CSS import.","maintainers":[{"name":"nramirez-amsc","email":"nelson.alexander@americansciencecloud.org"}],"readme":"# @amsc/amsc-theme\n\nAMSC brand theme for the [Packets Design System](https://packets.es.net/react/).\n\nBundles `@esnet/packets-ui-css` with AMSC color and typography overrides into a single CSS file. One install, one import — no manual token configuration required.\n\n## What it does\n\n| Layer | What it provides |\n|---|---|\n| `@esnet/packets-ui-css` | Packets component styles (bundled inside) |\n| `@amsc/amsc-tokens` | AMSC CSS custom properties (bundled inside) |\n| `src/override.css` | Maps `--pkts-*` vars to AMSC values |\n\n**Overridden from Packets defaults:**\n- `--pkts-color-light-primary` → `#004573` (AMSC navy)\n- `--pkts-color-core-blue-700` / `-500` → AMSC navy / blue-alt. Packets primary buttons, links and focus rings read the blue ramp directly at these positions (bright cyan by default), so shifting them is the only token-level way to make primary controls navy instead of teal.\n- Font families → Figtree (display), Roboto (sans), Roboto Mono (mono)\n\n**Left at Packets defaults (already correct):** the red ramp / `destructive` / `error` roles (the AMSC and Packets red ramps are byte-identical, so red renders as AMSC red with no override), `--pkts-color-light-secondary` (an outline-button role in Packets 2.x, not red), `tertiary`, `accent`, and all size/spacing/motion/shadow tokens.\n\n**AMSC-only additions** (not in Packets): `--amsc-color-light-blue-alt`, `--amsc-color-light-dark-blue`, `--amsc-color-light-light-blue` — declared by the bundled `@amsc/amsc-tokens`.\n\n---\n\n## Installation\n\n```bash\nnpm install @amsc/amsc-theme\n```\n\n> **Note:** `@esnet/packets-ui-css` and `@amsc/amsc-tokens` are bundled inside the output CSS. You do not need to install them separately.\n\n### Import the CSS\n\n**React / Vite** — in your app entry file (e.g. `src/main.tsx` or `src/index.css`):\n\n```css\n@import \"@amsc/amsc-theme/dist/amsc-theme.css\";\n```\n\nOr as a JS import:\n\n```ts\nimport \"@amsc/amsc-theme/dist/amsc-theme.css\";\n```\n\n**Plain HTML** — in your `<head>`:\n\n```html\n<link rel=\"stylesheet\" href=\"node_modules/@amsc/amsc-theme/dist/amsc-theme.css\">\n```\n\n**CDN** (no npm, for Streamlit/Airflow/static sites):\n\n```html\n<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@amsc/amsc-theme@latest/dist/amsc-theme.css\">\n```\n\n### Load AMSC fonts\n\nAdd to your `<head>` **before** the theme stylesheet:\n\n```html\n<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin />\n<link\n  href=\"https://fonts.googleapis.com/css2?family=Figtree:wght@300..700&family=Roboto:ital,wght@0,300..700;1,300..700&family=Roboto+Mono:ital,wght@0,300..700;1,300..700&family=Zilla+Slab:wght@400;700&display=swap\"\n  rel=\"stylesheet\"\n/>\n```\n\n### Add the `packets` class\n\nPackets requires a `packets` class on the root element. Add it to `<body>` in your `index.html`:\n\n```html\n<body class=\"packets light\">\n```\n\n> Dark mode is not yet configured. Keep `light` until a dark mode theme is defined.\n\n---\n\n## Verifying the integration\n\nAfter setup, open your app and inspect the computed styles on any element. You should see:\n\n```\nfont-family: \"Roboto\", sans-serif        ← AMSC override active\n--pkts-color-light-primary: #004573      ← AMSC navy\n--amsc-color-light-blue-alt: #00608c     ← AMSC-only token available\n```\n\nIf you still see `Signika` or `Source Sans 3`, the theme CSS is not loading or is being overridden by a higher-specificity rule in your app's own CSS.\n\n---\n\n## Conflict resolution\n\nIf your app has existing CSS that hardcodes colors or font families, those declarations will override the theme's custom property values on specific elements. Common culprits:\n\n```css\n/* These will override the theme — replace with token references */\nfont-family: sans-serif;                  → font-family: var(--pkts-font-family-body-sans);\ncolor: #004573;                           → color: var(--pkts-color-light-primary);\nbackground-color: #A6111B;               → background-color: var(--pkts-color-light-error);\n```\n\nFollow the [agent implementation guide](https://gitlab.com/amsc2/infrastructure-and-services/amsc-interfaces/amsc-design-system/-/blob/main/docs/agents.md) for a pre-flight conflict report and setup checklist.\n\n---\n\n## Updating Packets\n\n`@esnet/packets-ui-css` is a build-time dependency of `@amsc/amsc-theme`. Packets updates flow in when `@amsc/amsc-theme` releases a new version — consumers still only need to install `@amsc/amsc-theme`.\n\nTo bump the Packets version:\n\n1. Update `@esnet/packets-ui-css` in `packages/amsc-theme/package.json`\n2. Run `pnpm install` and `pnpm run build` from the repo root\n3. Verify the output, then release a new `@amsc/amsc-theme` version\n\nCurrently depends on: `@esnet/packets-ui-css@2.0.1-beta.1`\n\n---\n\n## Migration from `@amsc/amsc-ui-css`\n\n`@amsc/amsc-ui-css` is deprecated. To migrate:\n\n```bash\nnpm uninstall @amsc/amsc-ui-css\nnpm install @amsc/amsc-theme\n```\n\nReplace any import of `@amsc/amsc-ui-css/dist/styles.css` with `@amsc/amsc-theme/dist/amsc-theme.css`. The visual output should be equivalent.\n\n---\n\n## Token reference\n\n| CSS custom property | Value | Source |\n|---|---|---|\n| `--pkts-color-light-primary` | `#004573` | `@amsc/amsc-tokens` via override |\n| `--pkts-color-core-blue-700` | `#004573` | `@amsc/amsc-tokens` via override (primary base/active) |\n| `--pkts-color-core-blue-500` | `#00608C` | `@amsc/amsc-tokens` via override (primary hover) |\n| `--pkts-color-light-error` | `#A6111B` | Packets default (matches AMSC red ramp) |\n| `--amsc-color-light-blue-alt` | `#00608C` | `@amsc/amsc-tokens` |\n| `--amsc-color-light-dark-blue` | `#112A4D` | `@amsc/amsc-tokens` |\n| `--amsc-color-light-light-blue` | `#9CE2FF` | `@amsc/amsc-tokens` |\n| `--pkts-font-family-body-sans` | `\"Roboto\"` | `@amsc/amsc-tokens` via override |\n| `--pkts-font-family-body-display` | `\"Figtree\"` | `@amsc/amsc-tokens` via override |\n| `--pkts-font-family-body-mono` | `\"Roboto Mono\"` | `@amsc/amsc-tokens` via override |\n\nFor the full token list see [`@amsc/amsc-tokens`](../design-tokens/README.md).\n\n---\n\n## Publishing\n\n`@amsc/amsc-theme` is published to the public npm registry at [npmjs.com/package/@amsc/amsc-theme](https://www.npmjs.com/package/@amsc/amsc-theme). CI publishes via [npm trusted publishing](https://docs.npmjs.com/trusted-publishers) (OIDC) — no npm tokens in GitLab.\n\n### Releasing a new version\n\n1. **Merge** your changes to `main`\n2. **Bump the version** in `packages/amsc-theme/package.json` following semver:\n   - Patch (`1.0.x`) — bug fixes, no API changes\n   - Minor (`1.x.0`) — new tokens or overrides added, fully backward compatible\n   - Major (`x.0.0`) — breaking changes (e.g. renamed tokens, dropped Packets version)\n3. **Commit** the version bump\n4. **Tag and push** to trigger the CI publish job:\n   ```bash\n   git tag amsc-theme-v<version>   # e.g. amsc-theme-v1.0.1\n   git push origin amsc-theme-v<version>\n   ```\n5. The `publish:amsc-theme` CI job publishes to npm using OIDC trusted publishing.\n\n### Questions\n\nFor publishing questions, contact **Nelson Alexander** — [nelson.alexander@americansciencecloud.org](mailto:nelson.alexander@americansciencecloud.org).\n","readmeFilename":"README.md"}