@ids-group-ltd/ids-design-system 0.2.0 → 0.2.2
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 +3 -66
- package/package.json +2 -5
- package/styles/_typography.scss +3 -2
package/README.md
CHANGED
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Angular component library, design tokens and themes for IDS Group products.
|
|
4
4
|
|
|
5
|
+
📖 **Live docs & component showcase:** https://ids-ds.proto.ids-group.co.uk/
|
|
6
|
+
|
|
5
7
|
- 45+ standalone components (buttons, forms, overlays, navigation, data display)
|
|
6
8
|
- Three-tier token architecture: palette → semantic theme → geometry/typography/motion tokens
|
|
7
9
|
- Bundled fonts (Mulish, JetBrains Mono) — no external font CDN required
|
|
@@ -66,71 +68,6 @@ import { ButtonComponent } from '@ids-group-ltd/ids-design-system';
|
|
|
66
68
|
export class ExampleComponent {}
|
|
67
69
|
```
|
|
68
70
|
|
|
69
|
-
## Development
|
|
70
|
-
|
|
71
|
-
This repo contains the library (`src/`) and a documentation app (`ds-docs/`).
|
|
72
|
-
|
|
73
|
-
```bash
|
|
74
|
-
npm run build # build the library into dist/ds
|
|
75
|
-
npm start # serve the docs app
|
|
76
|
-
npm run build:docs # build the docs app
|
|
77
|
-
```
|
|
78
|
-
|
|
79
|
-
## Releasing
|
|
80
|
-
|
|
81
|
-
Releases follow [SemVer](https://semver.org): `fix` → patch, new backwards-compatible
|
|
82
|
-
features → minor, breaking changes (API or visual) → major. A new Angular major
|
|
83
|
-
always means a new package major. See `CHANGELOG.md` for history.
|
|
84
|
-
|
|
85
|
-
Before releasing, add your notes to the `## Unreleased` section of `CHANGELOG.md`
|
|
86
|
-
on `main`. Then release one of two ways.
|
|
87
|
-
|
|
88
|
-
### Option A — one-click in Bitbucket (recommended)
|
|
89
|
-
|
|
90
|
-
In the Bitbucket UI: **Pipelines → Run pipeline → branch `main` →** pick
|
|
91
|
-
`release-patch`, `release-minor`, `release-major`, or `release-beta`. CI bumps the
|
|
92
|
-
version, stamps the CHANGELOG, commits, tags, pushes `main`, builds `dist/ds`, and
|
|
93
|
-
publishes to npm — no local tooling needed. `## Unreleased` must be filled first;
|
|
94
|
-
preflight fails the pipeline early otherwise.
|
|
95
|
-
|
|
96
|
-
### Option B — locally
|
|
97
|
-
|
|
98
|
-
With a clean, in-sync `main`:
|
|
99
|
-
|
|
100
|
-
```bash
|
|
101
|
-
npm run release:patch # 0.1.0 -> 0.1.1 bugfixes
|
|
102
|
-
npm run release:minor # 0.1.0 -> 0.2.0 new components/inputs/tokens
|
|
103
|
-
npm run release:major # 0.x -> 1.0.0 breaking changes
|
|
104
|
-
npm run release:beta # 0.2.0 -> 0.2.1-beta.0 pre-release
|
|
105
|
-
|
|
106
|
-
git push origin main --follow-tags # the tag push triggers CI publish
|
|
107
|
-
```
|
|
108
|
-
|
|
109
|
-
Each `release:*` runs preflight checks first (must be on a clean, in-sync `main`
|
|
110
|
-
with a non-empty `## Unreleased` CHANGELOG section), bumps the version, stamps the
|
|
111
|
-
CHANGELOG (`## Unreleased` → `## x.y.z — date`, opening a fresh Unreleased), and
|
|
112
|
-
creates a `release: x.y.z` commit plus a `vX.Y.Z` git tag locally — it does **not**
|
|
113
|
-
publish. The tag push to Bitbucket runs `bitbucket-pipelines.yml`, which builds
|
|
114
|
-
`dist/ds` and publishes it through `infrastructure/scripts/publish.sh`. That script
|
|
115
|
-
refuses to publish if the tag does not match the built version or if the version is
|
|
116
|
-
already on npm.
|
|
117
|
-
|
|
118
|
-
Bypass preflight in emergencies with `SKIP_PREFLIGHT=1 npm run release:patch`.
|
|
119
|
-
|
|
120
|
-
CI auth uses two Secured repository variables: `NPM_TOKEN` (npm granular access
|
|
121
|
-
token, read+write on `@ids-group-ltd`, "Bypass 2FA" enabled) for publishing, and —
|
|
122
|
-
for the one-click pipelines only — `RELEASE_TOKEN`, a Bitbucket Repository Access
|
|
123
|
-
Token with `repository:write` used to push the bump commit and tag back to `main`.
|
|
124
|
-
|
|
125
|
-
Manual publish (fallback, requires an authenticated npm session):
|
|
126
|
-
|
|
127
|
-
```bash
|
|
128
|
-
npm run publish:manual
|
|
129
|
-
```
|
|
130
|
-
|
|
131
|
-
Pre-releases: `npm run release:beta` bumps to `x.y.z-beta.N`; the matching tag
|
|
132
|
-
publishes under the `next` dist-tag (never `latest`).
|
|
133
|
-
|
|
134
71
|
## License
|
|
135
72
|
|
|
136
|
-
|
|
73
|
+
MIT © IDS Group Ltd
|
package/package.json
CHANGED
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ids-group-ltd/ids-design-system",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.2",
|
|
4
4
|
"description": "IDS Group Angular design system: components, tokens, themes",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"
|
|
7
|
-
"type": "git",
|
|
8
|
-
"url": "git+https://bitbucket.org/itband/ids-design-system.git"
|
|
9
|
-
},
|
|
6
|
+
"homepage": "https://ids-ds.proto.ids-group.co.uk/",
|
|
10
7
|
"keywords": [
|
|
11
8
|
"angular",
|
|
12
9
|
"design-system",
|
package/styles/_typography.scss
CHANGED
|
@@ -18,8 +18,9 @@
|
|
|
18
18
|
.t-xs-bold { font: var(--font-weight-bold) var(--font-size-xs)/var(--line-height-base) var(--font-sans); }
|
|
19
19
|
.t-overline { font: var(--font-weight-bold) var(--font-size-2xs)/var(--line-height-base) var(--font-sans); letter-spacing: var(--letter-spacing-wider); text-transform: uppercase; color: var(--text-tertiary); }
|
|
20
20
|
.t-caption { font: var(--font-weight-regular) var(--font-size-xs)/var(--line-height-base) var(--font-sans); color: var(--text-tertiary); }
|
|
21
|
-
.t-mono
|
|
22
|
-
.t-mono-
|
|
21
|
+
.t-mono { font: var(--font-weight-medium) var(--font-size-mono)/var(--line-height-base) var(--font-mono); }
|
|
22
|
+
.t-mono-inline { font: var(--font-weight-regular) var(--font-size-mono)/1 var(--font-mono); background: var(--surface-secondary); color: var(--text-primary); padding: 1px var(--space-1); border-radius: var(--radius-sm); }
|
|
23
|
+
.t-mono-block { font: var(--font-weight-regular) var(--font-size-mono)/var(--line-height-loose) var(--font-mono); background: var(--surface-secondary); border: var(--border-width-default) solid var(--border-divider); border-radius: var(--radius-md); padding: var(--space-3) var(--space-4); }
|
|
23
24
|
|
|
24
25
|
.sr-only {
|
|
25
26
|
position: absolute !important;
|