@dorsk/tsumikit 0.71.0 → 0.72.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.
Files changed (46) hide show
  1. package/README.md +33 -5
  2. package/dist/autoresize.js +13 -0
  3. package/dist/clipboard.js +12 -0
  4. package/dist/components/atoms/Artwork.svelte +4 -2
  5. package/dist/components/atoms/Avatar.svelte +4 -3
  6. package/dist/components/atoms/Badge.svelte +13 -0
  7. package/dist/components/atoms/Button.svelte +25 -9
  8. package/dist/components/atoms/Card.svelte +2 -0
  9. package/dist/components/atoms/Dot.svelte +1 -1
  10. package/dist/components/atoms/Icon.svelte +2 -0
  11. package/dist/components/atoms/Icon.svelte.d.ts +2 -0
  12. package/dist/components/atoms/Kbd.svelte +28 -16
  13. package/dist/components/atoms/Link.svelte +6 -4
  14. package/dist/components/atoms/Scrim.svelte +18 -1
  15. package/dist/components/atoms/Slider.svelte +11 -1
  16. package/dist/components/atoms/Swatch.svelte +12 -0
  17. package/dist/components/layouts/AppShell.svelte +70 -39
  18. package/dist/components/layouts/Container.svelte +25 -3
  19. package/dist/components/layouts/MasterDetail.svelte +59 -33
  20. package/dist/components/layouts/MasterDetail.svelte.d.ts +1 -1
  21. package/dist/components/layouts/NavItem.svelte +8 -4
  22. package/dist/components/layouts/NavSection.svelte +8 -2
  23. package/dist/components/layouts/ResizablePanel.svelte +14 -0
  24. package/dist/components/layouts/TabBar.svelte +217 -0
  25. package/dist/components/layouts/TabBar.svelte.d.ts +27 -0
  26. package/dist/components/layouts/Toolbar.svelte +5 -0
  27. package/dist/components/layouts/toolbar-roving.d.ts +16 -0
  28. package/dist/components/layouts/toolbar-roving.js +47 -1
  29. package/dist/components/molecules/FilterInput.svelte +7 -0
  30. package/dist/components/molecules/FilterInput.svelte.d.ts +2 -0
  31. package/dist/components/molecules/PullToRefresh.svelte +205 -0
  32. package/dist/components/molecules/PullToRefresh.svelte.d.ts +18 -0
  33. package/dist/components/molecules/SwipeRow.svelte +349 -0
  34. package/dist/components/molecules/SwipeRow.svelte.d.ts +37 -0
  35. package/dist/components/organisms/ConversationFeed.svelte +22 -8
  36. package/dist/components/organisms/ConversationFeed.svelte.d.ts +2 -0
  37. package/dist/components/organisms/DataTable.svelte +22 -5
  38. package/dist/components/organisms/DataTable.svelte.d.ts +4 -2
  39. package/dist/components/organisms/FilterSearchBar.svelte +4 -0
  40. package/dist/components/organisms/FilterSearchBar.svelte.d.ts +2 -0
  41. package/dist/index.d.ts +3 -0
  42. package/dist/index.js +3 -0
  43. package/dist/markdown.js +15 -7
  44. package/dist/styles/reset.css +30 -0
  45. package/dist/styles/syntax.css +0 -29
  46. package/package.json +1 -1
@@ -78,6 +78,11 @@ select {
78
78
  code,
79
79
  pre {
80
80
  font-family: var(--font-mono);
81
+ }
82
+ code {
83
+ font-size: var(--fs-xs);
84
+ }
85
+ pre {
81
86
  font-size: 0.875em;
82
87
  }
83
88
 
@@ -101,3 +106,28 @@ pre {
101
106
  }
102
107
  }
103
108
 
109
+ @media (prefers-reduced-motion: reduce) {
110
+ *,
111
+ *::before,
112
+ *::after {
113
+ animation-duration: 0.01ms !important;
114
+ animation-iteration-count: 1 !important;
115
+ transition-duration: 0.01ms !important;
116
+ scroll-behavior: auto !important;
117
+ }
118
+ }
119
+
120
+ /* Windows High Contrast: keep the focus ring on a system color. */
121
+ @media (forced-colors: active) {
122
+ :focus-visible {
123
+ outline: 2px solid Highlight;
124
+ outline-offset: 2px;
125
+ }
126
+ }
127
+
128
+ /* Stronger separators when the user asks for more contrast. */
129
+ @media (prefers-contrast: more) {
130
+ :root {
131
+ --border: var(--border-strong);
132
+ }
133
+ }
@@ -63,32 +63,3 @@
63
63
  .hljs-deletion {
64
64
  color: var(--danger);
65
65
  }
66
-
67
- @media (prefers-reduced-motion: reduce) {
68
- *,
69
- *::before,
70
- *::after {
71
- animation-duration: 0.01ms !important;
72
- animation-iteration-count: 1 !important;
73
- transition-duration: 0.01ms !important;
74
- scroll-behavior: auto !important;
75
- }
76
- }
77
-
78
- /* Forced colors (Windows High Contrast). The OS replaces our palette with its
79
- own; our job is to not fight it and to keep affordances visible. Keep the
80
- focus ring mapped to a system color, and make sure the focus outline shows
81
- even where we'd normally rely on a token border. */
82
- @media (forced-colors: active) {
83
- :focus-visible {
84
- outline: 2px solid Highlight;
85
- outline-offset: 2px;
86
- }
87
- }
88
-
89
- /* Stronger separators when the user asks for more contrast. */
90
- @media (prefers-contrast: more) {
91
- :root {
92
- --border: var(--border-strong);
93
- }
94
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dorsk/tsumikit",
3
- "version": "0.71.0",
3
+ "version": "0.72.0",
4
4
  "description": "Minimal, dependency-free Svelte 5 + pure-CSS UI kit. Token-driven atoms, molecules & layouts with theming out of the box.",
5
5
  "type": "module",
6
6
  "license": "MIT",