@tangle-network/brand 0.2.0 → 0.3.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/CHANGELOG.md +7 -1
- package/package.json +11 -9
- package/src/logo.stories.tsx +20 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,18 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.3.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 2330781: Repo converted to pnpm monorepo; package contents and exports unchanged.
|
|
8
|
+
|
|
3
9
|
## 0.2.0 — 2026-05-04
|
|
4
10
|
|
|
5
11
|
- **Breaking:** stops shipping fonts (`src/styles/fonts.css` removed, `./styles/fonts.css` export removed). Consumer apps must now load fonts themselves via `@fontsource/*` (recommended) or HTML `<link>`. Reasoning:
|
|
6
12
|
- `@import url(...)` inside library CSS breaks downstream when CSS chain-imports get reordered (mirrors `tangle-network/sandbox-ui#28`).
|
|
7
13
|
- Library-shipped Google Fonts requests are privacy-hostile.
|
|
8
14
|
- Consumers cannot fall back when the network fails.
|
|
9
|
-
|
|
15
|
+
See README "Fonts" section for migration.
|
|
10
16
|
- Selection color updated to teal `rgba(56, 178, 172, 0.22)` for cross-package consistency with sandbox-ui.
|
|
11
17
|
- Added GitHub Actions release workflow (`.github/workflows/release.yml`) — auto-publishes to npm and GitHub Packages on `package.json` version bump merged to `main`.
|
|
12
18
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tangle-network/brand",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"description": "Tangle brand system — design tokens, logo, Tailwind v4 theme. Single source of truth for every Tangle app.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -37,18 +37,16 @@
|
|
|
37
37
|
"./styles/globals.css": "./src/styles/globals.css",
|
|
38
38
|
"./styles/theme.css": "./src/styles/theme.css"
|
|
39
39
|
},
|
|
40
|
-
"scripts": {
|
|
41
|
-
"build": "tsup src/index.ts --format esm --dts --clean",
|
|
42
|
-
"dev": "tsup src/index.ts --format esm --dts --watch",
|
|
43
|
-
"prepublishOnly": "pnpm build"
|
|
44
|
-
},
|
|
45
40
|
"peerDependencies": {
|
|
46
41
|
"react": ">=18"
|
|
47
42
|
},
|
|
48
43
|
"peerDependenciesMeta": {
|
|
49
|
-
"react": {
|
|
44
|
+
"react": {
|
|
45
|
+
"optional": true
|
|
46
|
+
}
|
|
50
47
|
},
|
|
51
48
|
"devDependencies": {
|
|
49
|
+
"@storybook/react": "^8.6.18",
|
|
52
50
|
"@types/react": "^19.0.0",
|
|
53
51
|
"react": "^19.0.0",
|
|
54
52
|
"tsup": "^8.3.5",
|
|
@@ -60,5 +58,9 @@
|
|
|
60
58
|
"brand",
|
|
61
59
|
"tokens",
|
|
62
60
|
"tailwind"
|
|
63
|
-
]
|
|
64
|
-
|
|
61
|
+
],
|
|
62
|
+
"scripts": {
|
|
63
|
+
"build": "tsup src/index.ts --format esm --dts --clean",
|
|
64
|
+
"dev": "tsup src/index.ts --format esm --dts --watch"
|
|
65
|
+
}
|
|
66
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Logo } from "./logo";
|
|
3
|
+
|
|
4
|
+
const meta: Meta<typeof Logo> = {
|
|
5
|
+
title: "Brand/Logo",
|
|
6
|
+
component: Logo,
|
|
7
|
+
parameters: { layout: "centered" },
|
|
8
|
+
argTypes: {
|
|
9
|
+
size: { control: "select", options: ["sm", "md", "lg", "xl"] },
|
|
10
|
+
variant: { control: "select", options: ["full", "icon"] },
|
|
11
|
+
suffix: { control: "text" },
|
|
12
|
+
},
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export default meta;
|
|
16
|
+
type Story = StoryObj<typeof Logo>;
|
|
17
|
+
|
|
18
|
+
export const Full: Story = { args: { variant: "full", size: "md" } };
|
|
19
|
+
export const Icon: Story = { args: { variant: "icon", size: "md" } };
|
|
20
|
+
export const WithSuffix: Story = { args: { variant: "full", size: "lg", suffix: "Sandbox" } };
|