@karmo-co/drift-kit-reference 23.15.2 → 23.16.1

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.
Files changed (6) hide show
  1. package/manifest/components/accordion.md +1 -1
  2. package/manifest/index.json +31 -1
  3. package/manifest/setup.md +17 -17
  4. package/manifest/tokens/border-width.md +2 -0
  5. package/manifest/tokens/radius.md +7 -0
  6. package/package.json +1 -1
package/manifest/components/accordion.md CHANGED
@@ -44,4 +44,4 @@ import { Accordion } from '@karmo-co/drift-kit/react';
44
44
 
45
45
  ## Component tokens
46
46
 
47
- `--dk-component-accordion-inset`, `--dk-component-accordion-padding-block`, `--dk-component-accordion-small-padding-block`, `--dk-component-accordion-large-padding-block`, `--dk-component-accordion-padding-inline`, `--dk-component-accordion-flush-padding-inline`, `--dk-component-accordion-row-radius`, `--dk-component-accordion-row-surface-hover`, `--dk-component-accordion-row-surface-active`, `--dk-component-accordion-press-scale`, `--dk-component-accordion-focus-ring-width`, `--dk-component-accordion-focus-ring`, `--dk-component-accordion-gap`, `--dk-component-accordion-font-family`, `--dk-component-accordion-font-size`, `--dk-component-accordion-line-height`, `--dk-component-accordion-small-font-size`, `--dk-component-accordion-small-line-height`, `--dk-component-accordion-large-font-size`, `--dk-component-accordion-large-line-height`, `--dk-component-accordion-summary-font-weight`, `--dk-component-accordion-summary-color`, `--dk-component-accordion-heading-gap`, `--dk-component-accordion-description-font-size`, `--dk-component-accordion-description-line-height`, `--dk-component-accordion-description-color`, `--dk-component-accordion-content-color`, `--dk-component-accordion-surface`, `--dk-component-accordion-border`, `--dk-component-accordion-border-width`, `--dk-component-accordion-radius`, `--dk-component-accordion-rule`, `--dk-component-accordion-joined-rule`, `--dk-component-accordion-icon-size`, `--dk-component-accordion-icon-color`, `--dk-component-accordion-icon-color-hover`, `--dk-component-accordion-icon-gap`, `--dk-component-accordion-leading-size`, `--dk-component-accordion-leading-color`, `--dk-component-accordion-meta-gap`, `--dk-component-accordion-title-color-disabled`, `--dk-component-accordion-description-color-disabled`, `--dk-component-accordion-icon-color-disabled`, `--dk-component-accordion-open-duration`, `--dk-component-accordion-close-duration`, `--dk-component-accordion-easing`, `--dk-component-accordion-content-rise`, `--dk-component-accordion-duration`
47
+ `--dk-component-accordion-inset`, `--dk-component-accordion-padding-block`, `--dk-component-accordion-small-padding-block`, `--dk-component-accordion-large-padding-block`, `--dk-component-accordion-padding-inline`, `--dk-component-accordion-flush-padding-inline`, `--dk-component-accordion-row-radius`, `--dk-component-accordion-row-surface-hover`, `--dk-component-accordion-row-surface-active`, `--dk-component-accordion-press-scale`, `--dk-component-accordion-focus-ring-width`, `--dk-component-accordion-focus-ring`, `--dk-component-accordion-gap`, `--dk-component-accordion-font-family`, `--dk-component-accordion-font-size`, `--dk-component-accordion-line-height`, `--dk-component-accordion-small-font-size`, `--dk-component-accordion-small-line-height`, `--dk-component-accordion-large-font-size`, `--dk-component-accordion-large-line-height`, `--dk-component-accordion-summary-font-weight`, `--dk-component-accordion-summary-color`, `--dk-component-accordion-heading-gap`, `--dk-component-accordion-description-font-size`, `--dk-component-accordion-description-line-height`, `--dk-component-accordion-description-color`, `--dk-component-accordion-content-color`, `--dk-component-accordion-surface`, `--dk-component-accordion-border`, `--dk-component-accordion-border-width`, `--dk-component-accordion-rule-width`, `--dk-component-accordion-radius`, `--dk-component-accordion-rule`, `--dk-component-accordion-joined-rule`, `--dk-component-accordion-icon-size`, `--dk-component-accordion-icon-color`, `--dk-component-accordion-icon-color-hover`, `--dk-component-accordion-icon-gap`, `--dk-component-accordion-leading-size`, `--dk-component-accordion-leading-color`, `--dk-component-accordion-meta-gap`, `--dk-component-accordion-title-color-disabled`, `--dk-component-accordion-description-color-disabled`, `--dk-component-accordion-icon-color-disabled`, `--dk-component-accordion-open-duration`, `--dk-component-accordion-close-duration`, `--dk-component-accordion-easing`, `--dk-component-accordion-content-rise`, `--dk-component-accordion-duration`
package/manifest/index.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "schema": 1,
3
- "version": "23.15.2",
3
+ "version": "23.16.1",
4
4
  "built": "2026-11-02",
5
5
  "components": [
6
6
  {
@@ -1467,6 +1467,36 @@
1467
1467
  "components": [],
1468
1468
  "tokens": []
1469
1469
  }
1470
+ },
1471
+ "23.16.0": {
1472
+ "added": {
1473
+ "components": [],
1474
+ "tokens": [
1475
+ "--dk-border-radius-control-100",
1476
+ "--dk-border-radius-control-125",
1477
+ "--dk-border-radius-control-150",
1478
+ "--dk-border-radius-control-200",
1479
+ "--dk-border-radius-control-300",
1480
+ "--dk-border-radius-control-400",
1481
+ "--dk-border-radius-control-50",
1482
+ "--dk-border-width-separator-25",
1483
+ "--dk-border-width-separator-50"
1484
+ ]
1485
+ },
1486
+ "removed": {
1487
+ "components": [],
1488
+ "tokens": []
1489
+ }
1490
+ },
1491
+ "23.16.1": {
1492
+ "added": {
1493
+ "components": [],
1494
+ "tokens": []
1495
+ },
1496
+ "removed": {
1497
+ "components": [],
1498
+ "tokens": []
1499
+ }
1470
1500
  }
1471
1501
  }
1472
1502
  }
package/manifest/setup.md CHANGED
@@ -24,9 +24,9 @@ Installed as `@karmo-co/drift-kit` from GitHub Packages.
24
24
  |---|---|
25
25
  | `data-brand` | `karmo`, `volvo` |
26
26
  | `data-theme` | `dark`, `light` |
27
- | `data-border-radius` | `bubbly`, `normal`, `sharp` |
28
- | `data-border-width` | `medium`, `thick`, `thin` |
29
- | `data-density` | `normal`, `spacious`, `tight` |
27
+ | `data-border-radius` | `bubbly`, `normal`, `plush`, `round`, `sharp` |
28
+ | `data-border-width` | `bold`, `heavy`, `medium`, `thick`, `thin` |
29
+ | `data-density` | `airy`, `compact`, `normal`, `spacious`, `tight` |
30
30
  | `data-fidelity` | `midfi`, `wireframe` |
31
31
  | `data-device` | `desktop`, `phone`, `tablet` |
32
32
 
@@ -54,23 +54,23 @@ A page with no npm install (a plain HTML prototype, a slide deck) links this ver
54
54
  Both scripts are deferred, and an icon script goes after `components.js`, which replaces the icon registry when it runs: an icon script that runs first loses its set. Every tag carries its file's `integrity` from the table below and `crossorigin="anonymous"`, so a file whose bytes changed never loads. In this order:
55
55
 
56
56
  ```html
57
- <link rel="stylesheet" href="https://storage.googleapis.com/drift-kit-public/23.15.2/drift-kit.css" integrity="sha384-002+0pZSMIafE8X9l2tbms/OsG30DkGvLWCvU8iELHtHFXp5Zz2ZnlbzzDSW1EWl" crossorigin="anonymous" />
58
- <script src="https://storage.googleapis.com/drift-kit-public/23.15.2/components.js" integrity="sha384-6bgPeXzyY1L4DcjcDOyPNUDttLQKf7h3mwxs/FGMHVRC8/fIn16KHoqy+g4/FBFx" crossorigin="anonymous" defer></script>
59
- <script src="https://storage.googleapis.com/drift-kit-public/23.15.2/drift-icons-<set>.js" integrity="<its integrity>" crossorigin="anonymous" defer></script>
57
+ <link rel="stylesheet" href="https://storage.googleapis.com/drift-kit-public/23.16.1/drift-kit.css" integrity="sha384-FT/6twy6+Se4OEHQRN9YSjs1xhdaRBuDQYreja+CnoWZMXFgfP/DDBkcnApQeGK+" crossorigin="anonymous" />
58
+ <script src="https://storage.googleapis.com/drift-kit-public/23.16.1/components.js" integrity="sha384-PixQSfB80CFgHI7WqirLsBL2pULUX1J70rp0wrTFdGR3VQQ+4MagxaGt3HWW+fI1" crossorigin="anonymous" defer></script>
59
+ <script src="https://storage.googleapis.com/drift-kit-public/23.16.1/drift-icons-<set>.js" integrity="<its integrity>" crossorigin="anonymous" defer></script>
60
60
  ```
61
61
 
62
62
  | File | Address | Integrity |
63
63
  |---|---|---|
64
- | `drift-kit.css` | `https://storage.googleapis.com/drift-kit-public/23.15.2/drift-kit.css` | `sha384-002+0pZSMIafE8X9l2tbms/OsG30DkGvLWCvU8iELHtHFXp5Zz2ZnlbzzDSW1EWl` |
65
- | `drift-kit.min.css` | `https://storage.googleapis.com/drift-kit-public/23.15.2/drift-kit.min.css` | `sha384-ljSmtHDmoDnIVfOSo/VlJdUqeDz2kq5ml3597YdDOcOwDUjJYYVonSp2tQKelpV+` |
66
- | `components.js` | `https://storage.googleapis.com/drift-kit-public/23.15.2/components.js` | `sha384-6bgPeXzyY1L4DcjcDOyPNUDttLQKf7h3mwxs/FGMHVRC8/fIn16KHoqy+g4/FBFx` |
67
- | `drift-icons-card.js` | `https://storage.googleapis.com/drift-kit-public/23.15.2/drift-icons-card.js` | `sha384-Dl18Pw11QQ+/KtbAzbjt1DdP6fJwFNn4kCykxtFsF+uEZtUfMIseQJ7s14OmqEmg` |
68
- | `drift-icons-coolicon.js` | `https://storage.googleapis.com/drift-kit-public/23.15.2/drift-icons-coolicon.js` | `sha384-8WaBw9LZuhj/u7G2Jf1aiVo8HBhMj1fBsmpSWJnYi5Xdi2ANXB3BLBZxz2NLQGYl` |
69
- | `drift-icons-feather.js` | `https://storage.googleapis.com/drift-kit-public/23.15.2/drift-icons-feather.js` | `sha384-MFEltFi3gRSwgNdAMXGCYo+6Ri9iXLLWp4Gq3AeayzeliWAo3czd+pTTLAFHHU6s` |
70
- | `drift-icons-flag-circle.js` | `https://storage.googleapis.com/drift-kit-public/23.15.2/drift-icons-flag-circle.js` | `sha384-gtU89vOz98Fbn0KZWzkHVQA4+kFhOFYoT/Dr43ljTskqkyGDMw1ihH1I7Zn25dzZ` |
71
- | `drift-icons-flag.js` | `https://storage.googleapis.com/drift-kit-public/23.15.2/drift-icons-flag.js` | `sha384-VtM24IDkwASIVzD5hI+ijQYRXufYQbveKM0+wqaFSGZbrYZlodFlnvZOexhCpiH9` |
72
- | `drift-icons-lucide.js` | `https://storage.googleapis.com/drift-kit-public/23.15.2/drift-icons-lucide.js` | `sha384-wLKQdccKZKGXZJ9kcU8XCKyNI79EGI/7NrBVmOAlE0DZNThpyW1SY6z4j3teJLB0` |
73
- | `drift-icons-social.js` | `https://storage.googleapis.com/drift-kit-public/23.15.2/drift-icons-social.js` | `sha384-+hPy5fFjIqfIAmDN+WOwekTLu7NIFZvyzOwXUTAiBEQqnZ0/kXgd4frbSGOr/c8c` |
64
+ | `drift-kit.css` | `https://storage.googleapis.com/drift-kit-public/23.16.1/drift-kit.css` | `sha384-FT/6twy6+Se4OEHQRN9YSjs1xhdaRBuDQYreja+CnoWZMXFgfP/DDBkcnApQeGK+` |
65
+ | `drift-kit.min.css` | `https://storage.googleapis.com/drift-kit-public/23.16.1/drift-kit.min.css` | `sha384-ELPn5uZdJcOC5F1/+XDEzztoeW5H5HzPRgWRZQUyjDnDPemf69mCotadMzirGOUJ` |
66
+ | `components.js` | `https://storage.googleapis.com/drift-kit-public/23.16.1/components.js` | `sha384-PixQSfB80CFgHI7WqirLsBL2pULUX1J70rp0wrTFdGR3VQQ+4MagxaGt3HWW+fI1` |
67
+ | `drift-icons-card.js` | `https://storage.googleapis.com/drift-kit-public/23.16.1/drift-icons-card.js` | `sha384-Dl18Pw11QQ+/KtbAzbjt1DdP6fJwFNn4kCykxtFsF+uEZtUfMIseQJ7s14OmqEmg` |
68
+ | `drift-icons-coolicon.js` | `https://storage.googleapis.com/drift-kit-public/23.16.1/drift-icons-coolicon.js` | `sha384-8WaBw9LZuhj/u7G2Jf1aiVo8HBhMj1fBsmpSWJnYi5Xdi2ANXB3BLBZxz2NLQGYl` |
69
+ | `drift-icons-feather.js` | `https://storage.googleapis.com/drift-kit-public/23.16.1/drift-icons-feather.js` | `sha384-MFEltFi3gRSwgNdAMXGCYo+6Ri9iXLLWp4Gq3AeayzeliWAo3czd+pTTLAFHHU6s` |
70
+ | `drift-icons-flag-circle.js` | `https://storage.googleapis.com/drift-kit-public/23.16.1/drift-icons-flag-circle.js` | `sha384-gtU89vOz98Fbn0KZWzkHVQA4+kFhOFYoT/Dr43ljTskqkyGDMw1ihH1I7Zn25dzZ` |
71
+ | `drift-icons-flag.js` | `https://storage.googleapis.com/drift-kit-public/23.16.1/drift-icons-flag.js` | `sha384-VtM24IDkwASIVzD5hI+ijQYRXufYQbveKM0+wqaFSGZbrYZlodFlnvZOexhCpiH9` |
72
+ | `drift-icons-lucide.js` | `https://storage.googleapis.com/drift-kit-public/23.16.1/drift-icons-lucide.js` | `sha384-wLKQdccKZKGXZJ9kcU8XCKyNI79EGI/7NrBVmOAlE0DZNThpyW1SY6z4j3teJLB0` |
73
+ | `drift-icons-social.js` | `https://storage.googleapis.com/drift-kit-public/23.16.1/drift-icons-social.js` | `sha384-+hPy5fFjIqfIAmDN+WOwekTLu7NIFZvyzOwXUTAiBEQqnZ0/kXgd4frbSGOr/c8c` |
74
74
 
75
75
  ### Integrity for 23.4.0
76
76
 
@@ -98,5 +98,5 @@ The behaviour script initialises every component on the page when it loads. Mark
98
98
  The kit class names the drift-critique capture script keys on, at this version. Pass them to it as `--kit '<this JSON>'` so its alignment and reduced-motion checks read this version's names.
99
99
 
100
100
  ```json
101
- {"version":"23.15.2","field":".dk-component-input__field","trigger":".dk-component-select__trigger","button":".dk-component-button","iconButton":".dk-component-icon-button","spinners":[".dk-component-loading-spinner",".dk-component-button__spinner"],"componentPrefix":"dk-component-","fieldRoot":"dk-component-input"}
101
+ {"version":"23.16.1","field":".dk-component-input__field","trigger":".dk-component-select__trigger","button":".dk-component-button","iconButton":".dk-component-icon-button","spinners":[".dk-component-loading-spinner",".dk-component-button__spinner"],"componentPrefix":"dk-component-","fieldRoot":"dk-component-input"}
102
102
  ```
package/manifest/tokens/border-width.md CHANGED
@@ -10,3 +10,5 @@ Declared values, light and dark. Reference a token by name; never copy its value
10
10
  | `--dk-border-width-100` | `var(--dk-dynamic-border-width-100)` | `var(--dk-dynamic-border-width-100)` |
11
11
  | `--dk-border-width-150` | `var(--dk-dynamic-border-width-150)` | `var(--dk-dynamic-border-width-150)` |
12
12
  | `--dk-border-width-200` | `var(--dk-dynamic-border-width-200)` | `var(--dk-dynamic-border-width-200)` |
13
+ | `--dk-border-width-separator-25` | `var(--dk-dynamic-border-width-separator-25)` | `var(--dk-dynamic-border-width-separator-25)` |
14
+ | `--dk-border-width-separator-50` | `var(--dk-dynamic-border-width-separator-50)` | `var(--dk-dynamic-border-width-separator-50)` |
package/manifest/tokens/radius.md CHANGED
@@ -16,5 +16,12 @@ Declared values, light and dark. Reference a token by name; never copy its value
16
16
  | `--dk-border-radius-400` | `var(--dk-dynamic-border-radius-400)` | `var(--dk-dynamic-border-radius-400)` |
17
17
  | `--dk-border-radius-500` | `var(--dk-dynamic-border-radius-500)` | `var(--dk-dynamic-border-radius-500)` |
18
18
  | `--dk-border-radius-600` | `var(--dk-dynamic-border-radius-600)` | `var(--dk-dynamic-border-radius-600)` |
19
+ | `--dk-border-radius-control-50` | `var(--dk-dynamic-border-radius-control-50)` | `var(--dk-dynamic-border-radius-control-50)` |
20
+ | `--dk-border-radius-control-100` | `var(--dk-dynamic-border-radius-control-100)` | `var(--dk-dynamic-border-radius-control-100)` |
21
+ | `--dk-border-radius-control-125` | `var(--dk-dynamic-border-radius-control-125)` | `var(--dk-dynamic-border-radius-control-125)` |
22
+ | `--dk-border-radius-control-150` | `var(--dk-dynamic-border-radius-control-150)` | `var(--dk-dynamic-border-radius-control-150)` |
23
+ | `--dk-border-radius-control-200` | `var(--dk-dynamic-border-radius-control-200)` | `var(--dk-dynamic-border-radius-control-200)` |
24
+ | `--dk-border-radius-control-300` | `var(--dk-dynamic-border-radius-control-300)` | `var(--dk-dynamic-border-radius-control-300)` |
25
+ | `--dk-border-radius-control-400` | `var(--dk-dynamic-border-radius-control-400)` | `var(--dk-dynamic-border-radius-control-400)` |
19
26
  | `--dk-border-radius-round` | `var(--dk-dynamic-border-radius-round)` | `var(--dk-dynamic-border-radius-round)` |
20
27
  | `--dk-border-radius-round-fixed` | `624.9375rem` | `624.9375rem` |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@karmo-co/drift-kit-reference",
3
- "version": "23.15.2",
3
+ "version": "23.16.1",
4
4
  "description": "Reference documentation of Karmo's private Drift design system, for Karmo's Claude skills. Documentation only.",
5
5
  "bin": {
6
6
  "drift-kit-ref": "bin/drift-kit-ref.js"