@karmo-co/drift-kit-reference 23.8.3 → 23.10.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/manifest/components/slider.md +1 -1
- package/manifest/index.json +21 -1
- package/manifest/setup.md +14 -14
- package/manifest/tokens/motion.md +4 -4
- package/package.json +1 -1
|
@@ -36,4 +36,4 @@ import { Slider } from '@karmo-co/drift-kit/react';
|
|
|
36
36
|
|
|
37
37
|
## Component tokens
|
|
38
38
|
|
|
39
|
-
`--dk-component-slider-thumb-size`, `--dk-component-slider-small-thumb-size`, `--dk-component-slider-large-thumb-size`, `--dk-component-slider-track-height`, `--dk-component-slider-small-track-height`, `--dk-component-slider-large-track-height`, `--dk-component-slider-radius`, `--dk-component-slider-
|
|
39
|
+
`--dk-component-slider-thumb-size`, `--dk-component-slider-small-thumb-size`, `--dk-component-slider-large-thumb-size`, `--dk-component-slider-track-height`, `--dk-component-slider-small-track-height`, `--dk-component-slider-large-track-height`, `--dk-component-slider-radius`, `--dk-component-slider-halo-size`, `--dk-component-slider-halo-strength`, `--dk-component-slider-press-scale`, `--dk-component-slider-focus-ring-width`, `--dk-component-slider-focus-ring-offset`, `--dk-component-slider-gap`, `--dk-component-slider-stops-gap`, `--dk-component-slider-track-surface`, `--dk-component-slider-fill-surface`, `--dk-component-slider-thumb-surface`, `--dk-component-slider-thumb-shadow`, `--dk-component-slider-thumb-edge`, `--dk-component-slider-thumb-edge-width`, `--dk-component-slider-focus-ring`, `--dk-component-slider-thumb-border-width`, `--dk-component-slider-thumb-border`, `--dk-component-slider-tick-size`, `--dk-component-slider-tick-color`, `--dk-component-slider-disabled-track`, `--dk-component-slider-disabled-fill`, `--dk-component-slider-disabled-thumb`, `--dk-component-slider-label-font-family`, `--dk-component-slider-label-font-size`, `--dk-component-slider-label-line-height`, `--dk-component-slider-small-label-font-size`, `--dk-component-slider-small-label-line-height`, `--dk-component-slider-large-label-font-size`, `--dk-component-slider-large-label-line-height`, `--dk-component-slider-label-font-weight`, `--dk-component-slider-label-color`, `--dk-component-slider-value-color`, `--dk-component-slider-stop-font-size`, `--dk-component-slider-stop-line-height`, `--dk-component-slider-stop-color`, `--dk-component-slider-stop-color-hover`, `--dk-component-slider-stop-chosen-color`, `--dk-component-slider-stop-chosen-font-weight`, `--dk-component-slider-disabled-text`
|
package/manifest/index.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"schema": 1,
|
|
3
|
-
"version": "23.
|
|
3
|
+
"version": "23.10.0",
|
|
4
4
|
"built": "2026-10-28",
|
|
5
5
|
"components": [
|
|
6
6
|
{
|
|
@@ -1282,6 +1282,26 @@
|
|
|
1282
1282
|
"components": [],
|
|
1283
1283
|
"tokens": []
|
|
1284
1284
|
}
|
|
1285
|
+
},
|
|
1286
|
+
"23.9.0": {
|
|
1287
|
+
"added": {
|
|
1288
|
+
"components": [],
|
|
1289
|
+
"tokens": []
|
|
1290
|
+
},
|
|
1291
|
+
"removed": {
|
|
1292
|
+
"components": [],
|
|
1293
|
+
"tokens": []
|
|
1294
|
+
}
|
|
1295
|
+
},
|
|
1296
|
+
"23.10.0": {
|
|
1297
|
+
"added": {
|
|
1298
|
+
"components": [],
|
|
1299
|
+
"tokens": []
|
|
1300
|
+
},
|
|
1301
|
+
"removed": {
|
|
1302
|
+
"components": [],
|
|
1303
|
+
"tokens": []
|
|
1304
|
+
}
|
|
1285
1305
|
}
|
|
1286
1306
|
}
|
|
1287
1307
|
}
|
package/manifest/setup.md
CHANGED
|
@@ -53,23 +53,23 @@ A page with no npm install (a plain HTML prototype, a slide deck) links this ver
|
|
|
53
53
|
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:
|
|
54
54
|
|
|
55
55
|
```html
|
|
56
|
-
<link rel="stylesheet" href="https://storage.googleapis.com/drift-kit-public/23.
|
|
57
|
-
<script src="https://storage.googleapis.com/drift-kit-public/23.
|
|
58
|
-
<script src="https://storage.googleapis.com/drift-kit-public/23.
|
|
56
|
+
<link rel="stylesheet" href="https://storage.googleapis.com/drift-kit-public/23.10.0/drift-kit.css" integrity="sha384-bJ8oJQDcCBZniXn9ZsTe+BDUM3i4v1XzgefodSAGZAtSML+mXDOPRKLm44o3nC8l" crossorigin="anonymous" />
|
|
57
|
+
<script src="https://storage.googleapis.com/drift-kit-public/23.10.0/components.js" integrity="sha384-1dHKJqBRAqZWhsJmsIRh0MIOWGTZ1Mmq8yq8fuM5jMBRHAQ0grPB1fLsCw72tjX2" crossorigin="anonymous" defer></script>
|
|
58
|
+
<script src="https://storage.googleapis.com/drift-kit-public/23.10.0/drift-icons-<set>.js" integrity="<its integrity>" crossorigin="anonymous" defer></script>
|
|
59
59
|
```
|
|
60
60
|
|
|
61
61
|
| File | Address | Integrity |
|
|
62
62
|
|---|---|---|
|
|
63
|
-
| `drift-kit.css` | `https://storage.googleapis.com/drift-kit-public/23.
|
|
64
|
-
| `drift-kit.min.css` | `https://storage.googleapis.com/drift-kit-public/23.
|
|
65
|
-
| `components.js` | `https://storage.googleapis.com/drift-kit-public/23.
|
|
66
|
-
| `drift-icons-card.js` | `https://storage.googleapis.com/drift-kit-public/23.
|
|
67
|
-
| `drift-icons-coolicon.js` | `https://storage.googleapis.com/drift-kit-public/23.
|
|
68
|
-
| `drift-icons-feather.js` | `https://storage.googleapis.com/drift-kit-public/23.
|
|
69
|
-
| `drift-icons-flag-circle.js` | `https://storage.googleapis.com/drift-kit-public/23.
|
|
70
|
-
| `drift-icons-flag.js` | `https://storage.googleapis.com/drift-kit-public/23.
|
|
71
|
-
| `drift-icons-lucide.js` | `https://storage.googleapis.com/drift-kit-public/23.
|
|
72
|
-
| `drift-icons-social.js` | `https://storage.googleapis.com/drift-kit-public/23.
|
|
63
|
+
| `drift-kit.css` | `https://storage.googleapis.com/drift-kit-public/23.10.0/drift-kit.css` | `sha384-bJ8oJQDcCBZniXn9ZsTe+BDUM3i4v1XzgefodSAGZAtSML+mXDOPRKLm44o3nC8l` |
|
|
64
|
+
| `drift-kit.min.css` | `https://storage.googleapis.com/drift-kit-public/23.10.0/drift-kit.min.css` | `sha384-FarBUQmsyB/Y1BBaDjl2lIHGG/P+X8Y+b0Ib1wQpXnhkrYl5c4nYDPD4r7D6tKFp` |
|
|
65
|
+
| `components.js` | `https://storage.googleapis.com/drift-kit-public/23.10.0/components.js` | `sha384-1dHKJqBRAqZWhsJmsIRh0MIOWGTZ1Mmq8yq8fuM5jMBRHAQ0grPB1fLsCw72tjX2` |
|
|
66
|
+
| `drift-icons-card.js` | `https://storage.googleapis.com/drift-kit-public/23.10.0/drift-icons-card.js` | `sha384-Dl18Pw11QQ+/KtbAzbjt1DdP6fJwFNn4kCykxtFsF+uEZtUfMIseQJ7s14OmqEmg` |
|
|
67
|
+
| `drift-icons-coolicon.js` | `https://storage.googleapis.com/drift-kit-public/23.10.0/drift-icons-coolicon.js` | `sha384-8WaBw9LZuhj/u7G2Jf1aiVo8HBhMj1fBsmpSWJnYi5Xdi2ANXB3BLBZxz2NLQGYl` |
|
|
68
|
+
| `drift-icons-feather.js` | `https://storage.googleapis.com/drift-kit-public/23.10.0/drift-icons-feather.js` | `sha384-MFEltFi3gRSwgNdAMXGCYo+6Ri9iXLLWp4Gq3AeayzeliWAo3czd+pTTLAFHHU6s` |
|
|
69
|
+
| `drift-icons-flag-circle.js` | `https://storage.googleapis.com/drift-kit-public/23.10.0/drift-icons-flag-circle.js` | `sha384-gtU89vOz98Fbn0KZWzkHVQA4+kFhOFYoT/Dr43ljTskqkyGDMw1ihH1I7Zn25dzZ` |
|
|
70
|
+
| `drift-icons-flag.js` | `https://storage.googleapis.com/drift-kit-public/23.10.0/drift-icons-flag.js` | `sha384-VtM24IDkwASIVzD5hI+ijQYRXufYQbveKM0+wqaFSGZbrYZlodFlnvZOexhCpiH9` |
|
|
71
|
+
| `drift-icons-lucide.js` | `https://storage.googleapis.com/drift-kit-public/23.10.0/drift-icons-lucide.js` | `sha384-yEy9LdLbPCXUy577fmNq4loJ2G9AQ1InAW54iozwnVfe8KIK6gVe2227eaNmxFi1` |
|
|
72
|
+
| `drift-icons-social.js` | `https://storage.googleapis.com/drift-kit-public/23.10.0/drift-icons-social.js` | `sha384-+hPy5fFjIqfIAmDN+WOwekTLu7NIFZvyzOwXUTAiBEQqnZ0/kXgd4frbSGOr/c8c` |
|
|
73
73
|
|
|
74
74
|
### Integrity for 23.4.0
|
|
75
75
|
|
|
@@ -97,5 +97,5 @@ The behaviour script initialises every component on the page when it loads. Mark
|
|
|
97
97
|
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.
|
|
98
98
|
|
|
99
99
|
```json
|
|
100
|
-
{"version":"23.
|
|
100
|
+
{"version":"23.10.0","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
101
|
```
|
|
@@ -4,11 +4,11 @@ Declared values, light and dark. Reference a token by name; never copy its value
|
|
|
4
4
|
|
|
5
5
|
| Token | Light | Dark |
|
|
6
6
|
|---|---|---|
|
|
7
|
-
| `--dk-motion-cascade-beat` | `
|
|
8
|
-
| `--dk-motion-cascade-duration` | `var(--dk-motion-duration-
|
|
9
|
-
| `--dk-motion-cascade-easing` | `var(--dk-motion-easing-
|
|
7
|
+
| `--dk-motion-cascade-beat` | `100ms` | `100ms` |
|
|
8
|
+
| `--dk-motion-cascade-duration` | `var(--dk-primitive-motion-duration-1200)` | `var(--dk-primitive-motion-duration-1200)` |
|
|
9
|
+
| `--dk-motion-cascade-easing` | `var(--dk-primitive-motion-easing-sweep)` | `var(--dk-primitive-motion-easing-sweep)` |
|
|
10
10
|
| `--dk-motion-cascade-max-beats` | `8` | `8` |
|
|
11
|
-
| `--dk-motion-cascade-rise` | `
|
|
11
|
+
| `--dk-motion-cascade-rise` | `24px` | `24px` |
|
|
12
12
|
| `--dk-motion-curtain-content-delay` | `var(--dk-primitive-motion-duration-480)` | `var(--dk-primitive-motion-duration-480)` |
|
|
13
13
|
| `--dk-motion-curtain-recede-duration` | `var(--dk-primitive-motion-duration-850)` | `var(--dk-primitive-motion-duration-850)` |
|
|
14
14
|
| `--dk-motion-curtain-recede-easing` | `var(--dk-motion-easing-gentle)` | `var(--dk-motion-easing-gentle)` |
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@karmo-co/drift-kit-reference",
|
|
3
|
-
"version": "23.
|
|
3
|
+
"version": "23.10.0",
|
|
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"
|