@umami/shiso 1.1.6 → 1.1.8

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/CHANGELOG.md +14 -0
  2. package/dist/chunks/App.js +3 -2
  3. package/package.json +1 -1
  4. package/src/components/docs/Callout.tsx +1 -1
  5. package/src/components/docs/styles.ts +2 -2
  6. package/src/styles/tokens.css +27 -27
package/CHANGELOG.md CHANGED
@@ -3,6 +3,20 @@
3
3
  All notable changes to `@umami/shiso` are documented here. This project follows
4
4
  [Semantic Versioning](https://semver.org/).
5
5
 
6
+ ## 1.1.8 - 2026-08-19
7
+
8
+ ### Changed
9
+
10
+ - Replace the custom and Zinc-derived light and dark grayscale theme tokens with
11
+ exact values from Tailwind's Neutral palette.
12
+
13
+ ## 1.1.7 - 2026-08-19
14
+
15
+ ### Fixed
16
+
17
+ - Remove the nested callout description's leading paragraph margin so the first
18
+ line of text and icon share the same line box.
19
+
6
20
  ## 1.1.6 - 2026-08-19
7
21
 
8
22
  ### Fixed
package/dist/chunks/App.js CHANGED
@@ -10979,8 +10979,9 @@ const styles = {
10979
10979
  accordionContent: "px-4 pb-4 text-base leading-7",
10980
10980
  expandableTrigger: "items-center px-4 py-3 text-sm font-normal text-foreground hover:no-underline",
10981
10981
  callout: "my-4 flex items-start gap-3 rounded-lg border px-3 py-2.5 text-sm leading-6",
10982
- calloutIcon: "flex h-6 w-5 shrink-0 items-center justify-center [&_svg]:block [&_svg]:size-4 [&_svg]:translate-y-0.5",
10982
+ calloutIcon: "flex h-6 w-5 shrink-0 items-center justify-center [&_svg]:block [&_svg]:size-4",
10983
10983
  calloutBody: "flex min-w-0 flex-1 flex-col gap-[0.35rem] [&>:first-child]:mt-0 [&>:last-child]:mb-0 [&_:where(p,ul,ol)]:my-[0.35rem] [&>:where(p,ul,ol):first-child]:mt-0 [&>:where(p,ul,ol):last-child]:mb-0",
10984
+ calloutDescription: "text-sm text-inherit leading-6 [&>:first-child]:mt-0 [&>:last-child]:mb-0",
10984
10985
  calloutTitle: "font-semibold leading-6",
10985
10986
  note: "border-border bg-muted/50 text-foreground",
10986
10987
  info: "border-blue-300 bg-blue-50 text-blue-900 dark:border-blue-400/40 dark:bg-blue-400/10 dark:text-blue-300",
@@ -11355,7 +11356,7 @@ function Callout({ title, icon, children, variant = "note" }) {
11355
11356
  className: styles.calloutTitle,
11356
11357
  children: title
11357
11358
  }) : null, /* @__PURE__ */ jsx(AlertDescription, {
11358
- className: "text-sm text-inherit leading-6",
11359
+ className: styles.calloutDescription,
11359
11360
  children
11360
11361
  })]
11361
11362
  })]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/shiso",
3
- "version": "1.1.6",
3
+ "version": "1.1.8",
4
4
  "description": "Open-source documentation framework for Markdown and MDX sites.",
5
5
  "type": "module",
6
6
  "bin": {
package/src/components/docs/Callout.tsx CHANGED
@@ -34,7 +34,7 @@ export function Callout({ title, icon, children, variant = 'note' }: CalloutProp
34
34
  </span>
35
35
  <div className={styles.calloutBody}>
36
36
  {title ? <AlertTitle className={styles.calloutTitle}>{title}</AlertTitle> : null}
37
- <AlertDescription className="text-sm text-inherit leading-6">{children}</AlertDescription>
37
+ <AlertDescription className={styles.calloutDescription}>{children}</AlertDescription>
38
38
  </div>
39
39
  </Alert>
40
40
  );
package/src/components/docs/styles.ts CHANGED
@@ -11,10 +11,10 @@ export const styles = {
11
11
  'items-center px-4 py-3 text-sm font-normal text-foreground hover:no-underline',
12
12
 
13
13
  callout: 'my-4 flex items-start gap-3 rounded-lg border px-3 py-2.5 text-sm leading-6',
14
- calloutIcon:
15
- 'flex h-6 w-5 shrink-0 items-center justify-center [&_svg]:block [&_svg]:size-4 [&_svg]:translate-y-0.5',
14
+ calloutIcon: 'flex h-6 w-5 shrink-0 items-center justify-center [&_svg]:block [&_svg]:size-4',
16
15
  calloutBody:
17
16
  'flex min-w-0 flex-1 flex-col gap-[0.35rem] [&>:first-child]:mt-0 [&>:last-child]:mb-0 [&_:where(p,ul,ol)]:my-[0.35rem] [&>:where(p,ul,ol):first-child]:mt-0 [&>:where(p,ul,ol):last-child]:mb-0',
17
+ calloutDescription: 'text-sm text-inherit leading-6 [&>:first-child]:mt-0 [&>:last-child]:mb-0',
18
18
  calloutTitle: 'font-semibold leading-6',
19
19
  note: 'border-border bg-muted/50 text-foreground',
20
20
  info: 'border-blue-300 bg-blue-50 text-blue-900 dark:border-blue-400/40 dark:bg-blue-400/10 dark:text-blue-300',
package/src/styles/tokens.css CHANGED
@@ -47,22 +47,22 @@
47
47
  --radius: 0.625rem;
48
48
 
49
49
  --background: #ffffff;
50
- --foreground: #111827;
50
+ --foreground: #171717;
51
51
  --card: #fafafa;
52
- --card-foreground: #111827;
52
+ --card-foreground: #171717;
53
53
  --popover: #ffffff;
54
- --popover-foreground: #111827;
54
+ --popover-foreground: #171717;
55
55
  --primary: #16a34a;
56
56
  --primary-foreground: #ffffff;
57
- --secondary: #f4f4f5;
58
- --secondary-foreground: #18181b;
59
- --muted: #f4f4f5;
60
- --muted-foreground: #71717a;
61
- --accent: #f4f4f5;
62
- --accent-foreground: #18181b;
57
+ --secondary: #f5f5f5;
58
+ --secondary-foreground: #171717;
59
+ --muted: #f5f5f5;
60
+ --muted-foreground: #737373;
61
+ --accent: #f5f5f5;
62
+ --accent-foreground: #171717;
63
63
  --destructive: #dc2626;
64
- --border: #e4e4e7;
65
- --input: #d4d4d8;
64
+ --border: #e5e5e5;
65
+ --input: #d4d4d4;
66
66
  --ring: #16a34a;
67
67
  --chart-1: #16a34a;
68
68
  --chart-2: #2563eb;
@@ -70,45 +70,45 @@
70
70
  --chart-4: #d97706;
71
71
  --chart-5: #dc2626;
72
72
  --sidebar: #fafafa;
73
- --sidebar-foreground: #111827;
73
+ --sidebar-foreground: #171717;
74
74
  --sidebar-primary: #16a34a;
75
75
  --sidebar-primary-foreground: #ffffff;
76
- --sidebar-accent: #f4f4f5;
77
- --sidebar-accent-foreground: #18181b;
78
- --sidebar-border: #e4e4e7;
76
+ --sidebar-accent: #f5f5f5;
77
+ --sidebar-accent-foreground: #171717;
78
+ --sidebar-border: #e5e5e5;
79
79
  --sidebar-ring: #16a34a;
80
80
  }
81
81
 
82
82
  [data-theme="dark"] {
83
- --background: #101014;
83
+ --background: #0a0a0a;
84
84
  --foreground: #fafafa;
85
- --card: #18181c;
85
+ --card: #171717;
86
86
  --card-foreground: #fafafa;
87
- --popover: #18181c;
87
+ --popover: #171717;
88
88
  --popover-foreground: #fafafa;
89
89
  --primary: #16a34a;
90
90
  --primary-foreground: #ffffff;
91
- --secondary: #1e1e23;
91
+ --secondary: #262626;
92
92
  --secondary-foreground: #fafafa;
93
- --muted: #1e1e23;
94
- --muted-foreground: #8b8b94;
95
- --accent: #1e1e23;
93
+ --muted: #262626;
94
+ --muted-foreground: #a3a3a3;
95
+ --accent: #262626;
96
96
  --accent-foreground: #fafafa;
97
97
  --destructive: #f87171;
98
- --border: #2b2b31;
99
- --input: #3f3f46;
98
+ --border: #262626;
99
+ --input: #404040;
100
100
  --ring: #22c55e;
101
101
  --chart-1: #4ade80;
102
102
  --chart-2: #60a5fa;
103
103
  --chart-3: #c084fc;
104
104
  --chart-4: #fbbf24;
105
105
  --chart-5: #f87171;
106
- --sidebar: #18181c;
106
+ --sidebar: #171717;
107
107
  --sidebar-foreground: #fafafa;
108
108
  --sidebar-primary: #22c55e;
109
109
  --sidebar-primary-foreground: #ffffff;
110
- --sidebar-accent: #1e1e23;
110
+ --sidebar-accent: #262626;
111
111
  --sidebar-accent-foreground: #fafafa;
112
- --sidebar-border: #2b2b31;
112
+ --sidebar-border: #262626;
113
113
  --sidebar-ring: #22c55e;
114
114
  }