@signozhq/design-tokens 2.1.5 → 2.2.0
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 +58 -0
- package/dist/Typography/typography-styles.css +1 -1
- package/dist/design-tokens.js +4523 -6770
- package/dist/design-tokens.umd.cjs +1 -1
- package/dist/index.d.ts +5025 -1386
- package/dist/style.css +1 -1
- package/dist/tailwind-theme.css +1 -1
- package/dist/themes/signoz-tokens.css +13 -1
- package/package.json +56 -64
- package/dist/themes/aurora-tokens.css +0 -1
package/README.md
CHANGED
|
@@ -144,3 +144,61 @@ To regenerate tokens from JSON sources:
|
|
|
144
144
|
```bash
|
|
145
145
|
pnpm generate-tokens
|
|
146
146
|
```
|
|
147
|
+
|
|
148
|
+
---
|
|
149
|
+
|
|
150
|
+
## Release Process
|
|
151
|
+
|
|
152
|
+
Releases are managed by [Changesets](https://github.com/changesets/changesets) and published automatically by the `release` GitHub Actions workflow.
|
|
153
|
+
|
|
154
|
+
### 1. Add a changeset to your PR
|
|
155
|
+
|
|
156
|
+
Any PR that affects published code must include a changeset. From the repo root:
|
|
157
|
+
|
|
158
|
+
```bash
|
|
159
|
+
pnpm changeset
|
|
160
|
+
```
|
|
161
|
+
|
|
162
|
+
Pick the bump type and write a short summary:
|
|
163
|
+
|
|
164
|
+
- `patch` — bug fixes, internal token tweaks that don't change the public API
|
|
165
|
+
- `minor` — new tokens or backwards-compatible additions
|
|
166
|
+
- `major` — breaking changes (renamed/removed tokens, changed exports)
|
|
167
|
+
|
|
168
|
+
This creates a file under `.changeset/` (e.g. `.changeset/honest-needles-switch.md`). Commit it alongside your code changes.
|
|
169
|
+
|
|
170
|
+
> Tooling/CI/docs-only PRs that don't ship to consumers can skip the changeset.
|
|
171
|
+
|
|
172
|
+
### 2. Merge your PR to `main`
|
|
173
|
+
|
|
174
|
+
Once merged, the [`release` workflow](.github/workflows/release.yml) runs and opens (or updates) a PR titled **"chore: release versions"** which:
|
|
175
|
+
|
|
176
|
+
- Bumps `package.json` to the next version
|
|
177
|
+
- Updates `CHANGELOG.md`
|
|
178
|
+
- Removes the consumed `.changeset/*.md` files
|
|
179
|
+
|
|
180
|
+
### 3. Merge the release PR to publish
|
|
181
|
+
|
|
182
|
+
Merging the release PR triggers the workflow again. With no pending changesets, it runs `pnpm release` which:
|
|
183
|
+
|
|
184
|
+
- Builds the package (`pnpm build`)
|
|
185
|
+
- Publishes to npm via `changeset publish` (using the `NPM_TOKEN` secret)
|
|
186
|
+
- Pushes a git tag for the new version
|
|
187
|
+
|
|
188
|
+
You can also trigger the workflow manually from **Actions → release → Run workflow**.
|
|
189
|
+
|
|
190
|
+
### Local commands
|
|
191
|
+
|
|
192
|
+
```bash
|
|
193
|
+
pnpm changeset # add a changeset for the current change (commit the generated .md file)
|
|
194
|
+
pnpm release # build + publish — DO NOT run manually; CI handles this
|
|
195
|
+
```
|
|
196
|
+
|
|
197
|
+
> Avoid running `pnpm update-version` locally — it consumes pending changesets and rewrites `package.json` / `CHANGELOG.md` immediately, bypassing the release-PR review.
|
|
198
|
+
|
|
199
|
+
### One-time repo setup
|
|
200
|
+
|
|
201
|
+
For the workflow to open the release PR, ensure the following in the repository:
|
|
202
|
+
|
|
203
|
+
- **Settings → Actions → General → Workflow permissions:** enable "Allow GitHub Actions to create and approve pull requests".
|
|
204
|
+
- **Secrets:** an `NPM_TOKEN` with publish access to `@signozhq/design-tokens` is configured under **Settings → Secrets and variables → Actions**.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.typography-label-large-400{font-weight:400}.typography-label-large-400,.typography-label-large-500{font-family:Inter,sans-serif;font-size:18px;letter-spacing:0
|
|
1
|
+
.typography-label-large-400{font-weight:400}.typography-label-large-400,.typography-label-large-500{font-family:Inter,sans-serif;font-size:18px;line-height:1;letter-spacing:0}.typography-label-large-500{font-weight:500}.typography-label-large-600{font-family:Inter,sans-serif;font-size:18px;font-weight:600;line-height:1;letter-spacing:0}.typography-label-medium-400{font-weight:400}.typography-label-medium-400,.typography-label-medium-500{font-family:Inter,sans-serif;font-size:16px;line-height:1;letter-spacing:0}.typography-label-medium-500{font-weight:500}.typography-label-medium-600{font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:1;letter-spacing:0}.typography-label-base-400{font-weight:400}.typography-label-base-400,.typography-label-base-500{font-family:Inter,sans-serif;font-size:13px;line-height:1;letter-spacing:-.5px}.typography-label-base-500{font-weight:500}.typography-label-base-600{font-family:Inter,sans-serif;font-size:13px;font-weight:600;line-height:1;letter-spacing:-.5px}.typography-label-small-400{font-weight:400}.typography-label-small-400,.typography-label-small-500{font-family:Inter,sans-serif;font-size:11px;line-height:1;letter-spacing:0}.typography-label-small-500{font-weight:500}.typography-label-small-600{font-family:Inter,sans-serif;font-size:11px;font-weight:600;line-height:1;letter-spacing:0}.typography-uppercase-base-400{font-weight:400}.typography-uppercase-base-400,.typography-uppercase-base-500{font-family:Inter,sans-serif;font-size:13px;line-height:1;letter-spacing:4px}.typography-uppercase-base-500{font-weight:500}.typography-uppercase-base-600{font-family:Inter,sans-serif;font-size:13px;font-weight:600;line-height:1;letter-spacing:4px}.typography-uppercase-small-400{font-weight:400}.typography-uppercase-small-400,.typography-uppercase-small-500{font-family:Inter,sans-serif;font-size:11px;line-height:1;letter-spacing:4px}.typography-uppercase-small-500{font-weight:500}.typography-uppercase-small-600{font-family:Inter,sans-serif;font-size:11px;font-weight:600;line-height:1;letter-spacing:4px}.typography-code-base-400{font-weight:400}.typography-code-base-400,.typography-code-base-500{font-family:SF Mono,monospace;font-size:13px;line-height:1;letter-spacing:0}.typography-code-base-500{font-weight:500}.typography-code-base-600{font-family:SF Mono,monospace;font-size:13px;font-weight:600;line-height:1;letter-spacing:0}.typography-code-small-400{font-weight:400}.typography-code-small-400,.typography-code-small-500{font-family:SF Mono,monospace;font-size:11px;line-height:1;letter-spacing:0}.typography-code-small-500{font-weight:500}.typography-code-small-600{font-family:SF Mono,monospace;font-size:11px;font-weight:600;line-height:1;letter-spacing:0}.typography-paragraph-medium-400{font-weight:400}.typography-paragraph-medium-400,.typography-paragraph-medium-500{font-family:Inter,sans-serif;font-size:16px;line-height:24px;letter-spacing:0}.typography-paragraph-medium-500{font-weight:500}.typography-paragraph-medium-600{font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:24px;letter-spacing:0}.typography-paragraph-base-400{font-weight:400}.typography-paragraph-base-400,.typography-paragraph-base-500{font-family:Inter,sans-serif;font-size:13px;line-height:20px;letter-spacing:-.5px}.typography-paragraph-base-500{font-weight:500}.typography-paragraph-base-600{font-family:Inter,sans-serif;font-size:13px;font-weight:600;line-height:20px;letter-spacing:-.5px}.typography-paragraph-small-400{font-weight:400}.typography-paragraph-small-400,.typography-paragraph-small-500{font-family:Inter,sans-serif;font-size:11px;line-height:18px;letter-spacing:-.5px}.typography-paragraph-small-500{font-weight:500}.typography-paragraph-small-600{font-family:Inter,sans-serif;font-size:11px;font-weight:600;line-height:18px;letter-spacing:-.5px}
|