@timebraid/tokens 1.4.0 → 1.6.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 +1 -1
- package/assets/icon-1024.png +0 -0
- package/assets/icon-128.png +0 -0
- package/assets/icon-256.png +0 -0
- package/assets/icon-512.png +0 -0
- package/assets/icon-64.png +0 -0
- package/assets/icon-README.md +3 -1
- package/assets/icon-indigo.svg +2 -2
- package/assets/icon-light-1024.png +0 -0
- package/assets/icon-light.svg +2 -2
- package/assets/logo-small.svg +1 -1
- package/assets/logo.svg +2 -2
- package/assets/mark-512.png +0 -0
- package/assets/mark-mono.svg +6 -4
- package/assets/mark-small-on-indigo.svg +1 -1
- package/assets/mark-small.svg +1 -1
- package/assets/mark-transparent-1024.png +0 -0
- package/assets/mark-transparent.svg +2 -2
- package/package.json +1 -1
- package/tokens/base.css +1 -0
- package/tokens/spacing.css +7 -6
- package/tokens/theme.css +1 -1
package/README.md
CHANGED
|
@@ -20,7 +20,7 @@ Light is `:root`; dark is `[data-theme="dark"]` on the root element, set by `wat
|
|
|
20
20
|
- `tokens/base.css` - element defaults.
|
|
21
21
|
- `tokens/fonts.css` - font stacks. Currently loads Instrument Sans + JetBrains Mono from Google Fonts; swap for local `@font-face` when licensed files exist.
|
|
22
22
|
- `tokens/v1/` - the 1.2 theme, kept for one release behind `styles-v1.css`.
|
|
23
|
-
- `assets/` - the stopwatch icon: `logo.svg` (the indigo plate, 64px+), `logo-small.svg` (flat mark below 64px), `mark-transparent.svg`, `mark-mono.svg`, `icon-light.svg`, PNG exports 16 to 1024; see `assets/icon-README.md`.
|
|
23
|
+
- `assets/` - the stopwatch icon: `logo.svg` (the indigo plate, 64px+), `logo-small.svg` (flat mark below 64px), `mark-transparent.svg`, `mark-mono.svg`, `icon-light.svg`, PNG exports 16 to 1024; see `assets/icon-README.md`. Centred masters since 1.5.0. A PNG export can also be imported directly by path (e.g. `@timebraid/tokens/assets/icon-256.png`) as a plain URL when a consumer needs a static image outside `TLogo`, such as a placeholder avatar photo.
|
|
24
24
|
|
|
25
25
|
## Rails
|
|
26
26
|
|
package/assets/icon-1024.png
CHANGED
|
Binary file
|
package/assets/icon-128.png
CHANGED
|
Binary file
|
package/assets/icon-256.png
CHANGED
|
Binary file
|
package/assets/icon-512.png
CHANGED
|
Binary file
|
package/assets/icon-64.png
CHANGED
|
Binary file
|
package/assets/icon-README.md
CHANGED
|
@@ -4,6 +4,8 @@ A stopwatch on an indigo squircle plate. Brushed-steel case with a knurled bezel
|
|
|
4
4
|
|
|
5
5
|
One instrument, two faces: the watch you know, and what Timebraid adds - several timers at once, one honest total.
|
|
6
6
|
|
|
7
|
+
Centred export, 20 September 2026: the watch now sits centred on the plate (the first export sat about 14 px low). The files keep their names, so consumers only regenerate.
|
|
8
|
+
|
|
7
9
|
## Files
|
|
8
10
|
|
|
9
11
|
| File | Use |
|
|
@@ -27,7 +29,7 @@ The detailed SVGs set their text in JetBrains Mono 700 (times) and Instrument Sa
|
|
|
27
29
|
|
|
28
30
|
| Platform | Source | Output |
|
|
29
31
|
|---|---|---|
|
|
30
|
-
| macOS (Tauri) | `icon-1024.png` | `.icns
|
|
32
|
+
| macOS (Tauri) | `icon-1024.png` | `.icns` whose every slot is the plate scaled to 824/1024 of the slot and centred on transparency (Apple's macOS icon grid); `icon-16.png` and `icon-32.png` feed the small slots the same way |
|
|
31
33
|
| Windows (Tauri) | `icon-1024.png` | `.ico` with 256/64/48/32/16 layers, the 48/32/16 layers from the small-mark PNGs |
|
|
32
34
|
| Linux | `icon-{512,256,128,64}.png` | hicolor set |
|
|
33
35
|
| iOS | `icon-1024.png` | one 1024 App Store icon; Xcode derives the sizes |
|
package/assets/icon-indigo.svg
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024" xmlns:c2pa="http://c2pa.org/manifest"
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024" xmlns:c2pa="http://c2pa.org/manifest">
|
|
2
2
|
<defs>
|
|
3
3
|
|
|
4
4
|
<linearGradient id="plate" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#4A57D2"></stop><stop offset=".52" stop-color="#2C3391"></stop><stop offset="1" stop-color="#151A54"></stop></linearGradient>
|
|
@@ -64,5 +64,5 @@
|
|
|
64
64
|
</symbol>
|
|
65
65
|
</defs>
|
|
66
66
|
<rect width="1024" height="1024" rx="225" fill="url(#plate)"></rect><rect width="1024" height="1024" rx="225" fill="url(#lift)"></rect>
|
|
67
|
-
<g transform="translate(512
|
|
67
|
+
<g transform="translate(512 512) scale(1.12) translate(-512 -530)"><use href="#watch"></use></g>
|
|
68
68
|
</svg>
|
|
Binary file
|
package/assets/icon-light.svg
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024" xmlns:c2pa="http://c2pa.org/manifest"
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024" xmlns:c2pa="http://c2pa.org/manifest">
|
|
2
2
|
<defs>
|
|
3
3
|
|
|
4
4
|
<linearGradient id="plate" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#4A57D2"></stop><stop offset=".52" stop-color="#2C3391"></stop><stop offset="1" stop-color="#151A54"></stop></linearGradient>
|
|
@@ -64,5 +64,5 @@
|
|
|
64
64
|
</symbol>
|
|
65
65
|
</defs>
|
|
66
66
|
<rect width="1024" height="1024" rx="225" fill="#EEF0F6"></rect>
|
|
67
|
-
<g transform="translate(512
|
|
67
|
+
<g transform="translate(512 512) scale(1.12) translate(-512 -530)"><use href="#watch"></use></g>
|
|
68
68
|
</svg>
|
package/assets/logo-small.svg
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" xmlns:c2pa="http://c2pa.org/manifest"
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" xmlns:c2pa="http://c2pa.org/manifest">
|
|
2
2
|
<defs><clipPath id="d"><circle cx="512" cy="560" r="300"></circle></clipPath><clipPath id="br"><polygon points="1024,0 1024,1024 0,1024"></polygon></clipPath></defs>
|
|
3
3
|
<rect width="1024" height="1024" rx="225" fill="#2C3391"></rect>
|
|
4
4
|
<rect x="464" y="130" width="96" height="120" rx="24" fill="#FFFFFF"></rect>
|
package/assets/logo.svg
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024" xmlns:c2pa="http://c2pa.org/manifest"
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024" xmlns:c2pa="http://c2pa.org/manifest">
|
|
2
2
|
<defs>
|
|
3
3
|
|
|
4
4
|
<linearGradient id="plate" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#4A57D2"></stop><stop offset=".52" stop-color="#2C3391"></stop><stop offset="1" stop-color="#151A54"></stop></linearGradient>
|
|
@@ -64,5 +64,5 @@
|
|
|
64
64
|
</symbol>
|
|
65
65
|
</defs>
|
|
66
66
|
<rect width="1024" height="1024" rx="225" fill="url(#plate)"></rect><rect width="1024" height="1024" rx="225" fill="url(#lift)"></rect>
|
|
67
|
-
<g transform="translate(512
|
|
67
|
+
<g transform="translate(512 512) scale(1.12) translate(-512 -530)"><use href="#watch"></use></g>
|
|
68
68
|
</svg>
|
package/assets/mark-512.png
CHANGED
|
Binary file
|
package/assets/mark-mono.svg
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" xmlns:c2pa="http://c2pa.org/manifest">
|
|
2
2
|
<defs><clipPath id="d"><circle cx="512" cy="560" r="300"></circle></clipPath><clipPath id="br"><polygon points="1024,0 1024,1024 0,1024"></polygon></clipPath></defs>
|
|
3
|
+
<g fill="currentColor">
|
|
3
4
|
<rect x="464" y="130" width="96" height="120" rx="24"></rect>
|
|
4
|
-
<circle cx="512" cy="560" r="340" fill="none" stroke="currentColor" stroke-width="
|
|
5
|
+
<circle cx="512" cy="560" r="340" fill="none" stroke="currentColor" stroke-width="44"></circle>
|
|
5
6
|
<g clip-path="url(#d)"><rect width="1024" height="1024" clip-path="url(#br)"></rect></g>
|
|
6
|
-
<line x1="512" y1="560" x2="512" y2="360" stroke="currentColor" stroke-width="
|
|
7
|
-
<circle cx="512" cy="560" r="
|
|
7
|
+
<line x1="512" y1="560" x2="512" y2="360" stroke="currentColor" stroke-width="44" stroke-linecap="round"></line><line x1="512" y1="560" x2="372" y2="640" stroke="currentColor" stroke-width="44" stroke-linecap="round"></line>
|
|
8
|
+
<circle cx="512" cy="560" r="40"></circle>
|
|
9
|
+
</g>
|
|
8
10
|
</svg>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" xmlns:c2pa="http://c2pa.org/manifest"
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" xmlns:c2pa="http://c2pa.org/manifest">
|
|
2
2
|
<defs><clipPath id="d"><circle cx="512" cy="560" r="300"></circle></clipPath><clipPath id="br"><polygon points="1024,0 1024,1024 0,1024"></polygon></clipPath></defs>
|
|
3
3
|
<rect width="1024" height="1024" rx="225" fill="#2C3391"></rect>
|
|
4
4
|
<rect x="464" y="130" width="96" height="120" rx="24" fill="#FFFFFF"></rect>
|
package/assets/mark-small.svg
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" xmlns:c2pa="http://c2pa.org/manifest"
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" xmlns:c2pa="http://c2pa.org/manifest">
|
|
2
2
|
<defs><clipPath id="d"><circle cx="512" cy="560" r="300"></circle></clipPath><clipPath id="br"><polygon points="1024,0 1024,1024 0,1024"></polygon></clipPath></defs>
|
|
3
3
|
|
|
4
4
|
<rect x="464" y="130" width="96" height="120" rx="24" fill="#2C3391"></rect>
|
|
Binary file
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024" xmlns:c2pa="http://c2pa.org/manifest"
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024" xmlns:c2pa="http://c2pa.org/manifest">
|
|
2
2
|
<defs>
|
|
3
3
|
|
|
4
4
|
<linearGradient id="plate" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#4A57D2"></stop><stop offset=".52" stop-color="#2C3391"></stop><stop offset="1" stop-color="#151A54"></stop></linearGradient>
|
|
@@ -63,5 +63,5 @@
|
|
|
63
63
|
<circle cx="512" cy="548" r="22" fill="url(#amber)" filter="url(#soft)"></circle><circle cx="512" cy="548" r="8" fill="#10131C"></circle>
|
|
64
64
|
</symbol>
|
|
65
65
|
</defs>
|
|
66
|
-
<g transform="translate(512
|
|
66
|
+
<g transform="translate(512 512) scale(1.12) translate(-512 -530)"><use href="#watch"></use></g>
|
|
67
67
|
</svg>
|
package/package.json
CHANGED
package/tokens/base.css
CHANGED
|
@@ -12,6 +12,7 @@ a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[t
|
|
|
12
12
|
@keyframes t-pulse{0%,100%{opacity:1}50%{opacity:.35}}
|
|
13
13
|
@keyframes t-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
|
|
14
14
|
@keyframes t-sheet{from{transform:translateY(100%)}to{transform:none}}
|
|
15
|
+
@keyframes t-drawer{from{transform:translateX(-100%)}to{transform:none}}
|
|
15
16
|
@keyframes t-scrim{from{opacity:0}to{opacity:1}}
|
|
16
17
|
@keyframes t-pop{from{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}
|
|
17
18
|
@keyframes t-island{from{transform:scaleX(.6);opacity:.4}to{transform:none;opacity:1}}
|
package/tokens/spacing.css
CHANGED
|
@@ -23,28 +23,29 @@
|
|
|
23
23
|
--gutter:24px;
|
|
24
24
|
|
|
25
25
|
--sidebar-w:232px;
|
|
26
|
-
--content-max:
|
|
27
|
-
--content-max-narrow:
|
|
26
|
+
--content-max:1040px;
|
|
27
|
+
--content-max-narrow:760px;
|
|
28
28
|
--gutter-phone:16px;
|
|
29
29
|
|
|
30
30
|
--row-h:46px;
|
|
31
31
|
--row-h-sub:56px;
|
|
32
32
|
--row-h-dense:40px;
|
|
33
|
-
--control-h-sm:
|
|
34
|
-
--control-h-md:
|
|
33
|
+
--control-h-sm:30px;
|
|
34
|
+
--control-h-md:36px;
|
|
35
35
|
--control-h-lg:44px;
|
|
36
36
|
--control-h-xl:50px;
|
|
37
37
|
--pill-h:46px;
|
|
38
38
|
--pill-h-compact:30px;
|
|
39
39
|
--timer-bar-h:56px;
|
|
40
40
|
--timer-bar-pad:72px;
|
|
41
|
-
--tab-bar-h-ios:84px;
|
|
41
|
+
--inset-top:env(safe-area-inset-top,0px);--inset-bottom:env(safe-area-inset-bottom,0px);--tab-bar-h-ios:84px;
|
|
42
42
|
--tab-bar-pad-ios:100px;
|
|
43
43
|
--nav-bar-h-android:80px;
|
|
44
44
|
--nav-bar-pad-android:96px;
|
|
45
45
|
--toggle-w:46px;
|
|
46
46
|
--toggle-h:28px;
|
|
47
47
|
--field-h:38px;
|
|
48
|
-
--seg-h:
|
|
48
|
+
--seg-h:36px;
|
|
49
|
+
--seg-h-sm:30px;
|
|
49
50
|
--icon-square:28px;
|
|
50
51
|
}
|
package/tokens/theme.css
CHANGED
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
--sh-card:0 1px 2px rgba(14,16,36,.04),0 0 0 1px rgba(14,16,36,.04);
|
|
39
39
|
--sh-float:0 12px 32px -8px rgba(14,16,36,.22),0 2px 6px rgba(14,16,36,.08),0 0 0 1px rgba(14,16,36,.05);
|
|
40
40
|
--sh-sheet:0 -8px 40px -8px rgba(14,16,36,.24);
|
|
41
|
-
--sh-thumb:0 2px 6px rgba(0,0,0,.25);--sh-seg:0 1px
|
|
41
|
+
--sh-thumb:0 2px 6px rgba(0,0,0,.25);--sh-seg:0 1px 2px rgba(0,0,0,.14),0 3px 8px -2px rgba(0,0,0,.12),0 0 0 .5px var(--sep);
|
|
42
42
|
--blur:saturate(180%) blur(22px);
|
|
43
43
|
--scrim:rgba(10,11,20,.42);
|
|
44
44
|
--dash:rgba(255,255,255,.7);
|