@regardio/brand 1.0.1 → 1.1.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 (4) hide show
  1. package/README.md +35 -41
  2. package/dist/generated/icons/regardio-ensemble-icon-mono.mjs +14 -42
  3. package/dist/generated/sprites/compass-sprite-provider.mjs +3 -7
  4. package/package.json +12 -12
package/README.md CHANGED
@@ -1,13 +1,12 @@
1
1
  # Regardio Brand
2
2
 
3
- > **Design system and branding for the Regardio ecosystem**
3
+ > Design system and branding for the Regardio ecosystem.
4
4
 
5
- Regardio Brand provides the visual identity, design tokens, brand guidelines,
6
- and branded components for all Regardio applications. The package includes:
5
+ Regardio Brand carries the visual identity, design tokens, and branded components every Regardio application draws on. The package includes:
7
6
 
8
- - **Design system** - Colors, typography, tokens, grid layout system
9
- - **Branded components** - Button and other UI components with Regardio visual identity
10
- - **Brand assets** - SVG files and React components for logos, icons, sprites
7
+ - **Design system** — colors, typography, tokens, the grid layout
8
+ - **Branded components** — Button and other UI primitives with the Regardio visual identity
9
+ - **Brand assets** — SVG files and React components for logos, icons, and sprites
11
10
 
12
11
  ## Installation
13
12
 
@@ -15,9 +14,9 @@ and branded components for all Regardio applications. The package includes:
15
14
  pnpm add @regardio/brand
16
15
  ```
17
16
 
18
- ## Branded Components
17
+ ## Branded components
19
18
 
20
- Regardio branded components represent the Regardio visual identity (flat blue, no border, ample padding, Georama bold font). Use these consistently across all Regardio applications.
19
+ Branded components wear the Regardio identity: flat blue, no border, generous padding, Georama bold. They read the same across every Regardio application, which is the point.
21
20
 
22
21
  ```tsx
23
22
  import { Button } from '@regardio/brand/button';
@@ -25,18 +24,17 @@ import { Button } from '@regardio/brand/button';
25
24
  <Button variant="primary">Click me</Button>
26
25
  ```
27
26
 
28
- ## Asset Catalog
27
+ ## Asset catalog
29
28
 
30
- Run Storybook to browse the complete asset catalog:
29
+ Run Storybook to browse the full asset catalog:
31
30
 
32
31
  ```bash
33
32
  pnpm storybook
34
33
  ```
35
34
 
36
- This opens an interactive catalog at `http://localhost:6006` with all icons,
37
- logos, colors, and compass sprites.
35
+ An interactive catalog opens at `http://localhost:6006` — every icon, logo, color, and compass sprite, in one place.
38
36
 
39
- ## Sample Assets
37
+ ## Sample assets
40
38
 
41
39
  <!-- markdownlint-disable MD033 -->
42
40
  <p style="background:#f1eded; display: flex; gap: 16px; align-items: center; padding: 16px;">
@@ -47,26 +45,26 @@ logos, colors, and compass sprites.
47
45
  </p>
48
46
  <!-- markdownlint-enable MD033 -->
49
47
 
50
- ## Asset Categories
48
+ ## Asset categories
51
49
 
52
- ### SVG Files
50
+ ### SVG files
53
51
 
54
- Raw SVG assets are available in `src/svg/`:
52
+ Raw SVG assets sit under `src/svg/`:
55
53
 
56
54
  - **`icons/`** — Regardio logos, icons, and system symbols
57
55
  - **`compass-base/`** — Compass sprite components (pursuits, needs, plans, circles, facets, bridges)
58
56
 
59
- ### React Components
57
+ ### React components
60
58
 
61
59
  Generated React components are exported from the package:
62
60
 
63
- - **Icons & Logos** — `@regardio/brand/icons/*`
64
- - **System Layer Icons** — `@regardio/brand/icons/system-layer-*`
61
+ - **Icons & logos** — `@regardio/brand/icons/*`
62
+ - **System layer icons** — `@regardio/brand/icons/system-layer-*`
65
63
  - **Sprites** — `@regardio/brand/sprites/*`
66
64
 
67
65
  ## Usage
68
66
 
69
- ### React Components
67
+ ### React components
70
68
 
71
69
  ```tsx
72
70
  import { RegardioLogoColor } from "@regardio/brand/icons/regardio-logo-color";
@@ -89,8 +87,7 @@ function App() {
89
87
 
90
88
  ### CompassSpriteProvider
91
89
 
92
- The `CompassSpriteProvider` embeds SVG symbol definitions for all compass sprites
93
- directly into the DOM. Include it **once** at the root of your application:
90
+ `CompassSpriteProvider` embeds SVG symbol definitions for every compass sprite directly in the DOM. Include it **once** at the root of the application:
94
91
 
95
92
  ```tsx
96
93
  import { CompassSpriteProvider } from "@regardio/brand/sprites/compass-sprite-provider";
@@ -104,7 +101,7 @@ function App() {
104
101
  }
105
102
  ```
106
103
 
107
- Then use `CompassSprite` anywhere in your app to reference sprites by ID:
104
+ Afterwards, `CompassSprite` references sprites by ID anywhere in the app:
108
105
 
109
106
  ```tsx
110
107
  import { CompassSprite } from "@regardio/brand/sprites/compass-sprite";
@@ -114,22 +111,21 @@ import { CompassSprite } from "@regardio/brand/sprites/compass-sprite";
114
111
  <CompassSprite id="bridge-view-enables" width={100} height={70} />
115
112
  ```
116
113
 
117
- ### Regardio Color Scheme with Tailwind CSS
114
+ ### Regardio color scheme with Tailwind CSS
118
115
 
119
- Import `colors.css` to use the Regardio color palette with Tailwind CSS v4:
116
+ Import `colors.css` to pull the Regardio palette into Tailwind CSS v4:
120
117
 
121
118
  ```css
122
119
  @import "@regardio/brand/styles/colors.css";
123
120
  ```
124
121
 
125
- This provides CSS custom properties using the `@theme` directive, making colors
126
- available as Tailwind utilities. The palette includes:
122
+ The file defines CSS custom properties through the `@theme` directive, making every color available as a Tailwind utility. The palette covers:
127
123
 
128
- - **coral**, **orange**, **yellow**, **olive**, **lime**, **green**, **teal**, **aqua**, **blue**, **violet**, **plum**, **red** — full spectrum
124
+ - **coral**, **orange**, **yellow**, **olive**, **lime**, **green**, **teal**, **aqua**, **blue**, **violet**, **plum**, **red** — the full spectrum
129
125
  - **gray** — neutral tones with warm undertones
130
126
  - **white**, **black** — base colors
131
127
 
132
- Each color has shades from `50` (lightest) to `950` (darkest):
128
+ Each color carries shades from `50` (lightest) to `950` (darkest):
133
129
 
134
130
  ```html
135
131
  <div class="bg-coral-500 text-white">Coral background</div>
@@ -137,10 +133,9 @@ Each color has shades from `50` (lightest) to `950` (darkest):
137
133
  <div class="border-violet-300">Violet border</div>
138
134
  ```
139
135
 
140
- The compass sprites use these colors via Tailwind classes (e.g., `fill-green-300`),
141
- so the color scheme must be loaded for sprites to render correctly.
136
+ Compass sprites lean on these colors through Tailwind classes (for example, `fill-green-300`), so the color scheme is a prerequisite for sprites to render correctly.
142
137
 
143
- ### Design System Styles
138
+ ### Design system styles
144
139
 
145
140
  Import the complete design system (colors, tokens, typography, base styles, grid):
146
141
 
@@ -148,7 +143,7 @@ Import the complete design system (colors, tokens, typography, base styles, grid
148
143
  @import "@regardio/brand/styles/index.css";
149
144
  ```
150
145
 
151
- Or import individual style modules:
146
+ Or pull in individual style modules:
152
147
 
153
148
  ```css
154
149
  @import "@regardio/brand/styles/colors.css";
@@ -158,7 +153,7 @@ Or import individual style modules:
158
153
  @import "@regardio/brand/styles/grid.css";
159
154
  ```
160
155
 
161
- ### Grid System
156
+ ### Grid system
162
157
 
163
158
  Regardio's standard container and grid layout utilities:
164
159
 
@@ -171,7 +166,7 @@ Regardio's standard container and grid layout utilities:
171
166
  </div>
172
167
  ```
173
168
 
174
- See [Grid System documentation](./docs/grid-system.md) for complete usage guide.
169
+ See [Grid System documentation](./docs/grid-system.md) for the complete usage guide.
175
170
 
176
171
  ## Scripts
177
172
 
@@ -179,9 +174,9 @@ See [Grid System documentation](./docs/grid-system.md) for complete usage guide.
179
174
  |--------|-------------|
180
175
  | `pnpm build` | Build TypeScript to `dist/` |
181
176
  | `pnpm dev` | Watch mode for development |
182
- | `pnpm generate` | Regenerate all React components from SVGs |
183
- | `pnpm storybook` | Launch Storybook asset catalog |
184
- | `pnpm storybook:build` | Build static Storybook site |
177
+ | `pnpm generate` | Regenerate React components from SVGs |
178
+ | `pnpm storybook` | Launch the Storybook asset catalog |
179
+ | `pnpm storybook:build` | Build the static Storybook site |
185
180
  | `pnpm lint` | Run linting checks |
186
181
  | `pnpm fix` | Auto-fix linting issues |
187
182
  | `pnpm typecheck` | TypeScript type checking |
@@ -197,9 +192,8 @@ See [Grid System documentation](./docs/grid-system.md) for complete usage guide.
197
192
 
198
193
  ## License
199
194
 
200
- **CC BY-SA 4.0** — Regardio Brand assets are freely available for use and adaptation.
195
+ **CC BY-SA 4.0** — Regardio Brand assets are free to use and adapt.
201
196
 
202
197
  ---
203
198
 
204
- *Part of the [Regardio Ensemble](https://regard.io/ensemble) toolkit for
205
- shared well-being.*
199
+ *Part of the [Regardio Ensemble](https://regard.io/ensemble) toolkit for shared well-being.*
package/dist/generated/icons/regardio-ensemble-icon-mono.mjs CHANGED
@@ -145,49 +145,21 @@ const SvgRegardioEnsembleIconMono = ({ title, titleId, ...props }) => /* @__PURE
145
145
  className: "fill-gray-100",
146
146
  d: "M583.77 544c-4.15 0-8.34-.23-12.46-.69-1.97-2.57-3.94-4.92-5.92-7.03a78 78 0 0 0-14.56-12.12c-.04-.02-.06-.07-.04-.12l.04-.13s.05-.07.09-.07c1.63.09 3.28.14 4.91.14 8.86 0 17.7-1.36 26.25-4.04 1.08-.34 2.23-.73 3.61-1.23 12.1 6 23.3 13.77 33.37 23.1.03.03.04.07.03.11l-.04.12s-.05.06-.09.06c-6.52.38-13.26.67-20.03.86-1.7.23-3.27.41-4.78.55-3.44.32-6.94.48-10.39.48z"
147
147
  }),
148
- /* @__PURE__ */ jsx("path", {
149
- className: "fill-gray-50",
150
- d: "M505.41 508.23a80.7 80.7 0 0 0-17.99-5.47c-4.28-.77-8.69-1.19-13.12-1.26a84 84 0 0 1-18.04-14.05 87 87 0 0 1-7.03-8.18c-.02-.03-.03-.08 0-.11.02-.03.05-.05.08-.05h.02c3.16.59 6.24 1.2 9.16 1.81 5.09.63 10.13 1.76 14.98 3.34 4.44 1.45 8.83 3.33 13.06 5.6 5.46 7.03 11.84 13.15 18.97 18.2.04.03.05.09.03.13-.02.03-.05.05-.09.05h-.04z"
151
- }),
152
- /* @__PURE__ */ jsx("path", {
153
- className: "fill-gray-50",
154
- d: "M509.68 508.63s-.06-.01-.08-.03a81.4 81.4 0 0 0-23.16-18.56c-8.43-10.86-14.42-23.75-17.35-37.31 0-.04 0-.08.05-.11.02 0 .03-.01.05-.01s.05 0 .06.02c2.93 2.45 5.84 4.95 8.64 7.45a83 83 0 0 1 19.84 19.07c1.54 2.08 3.03 4.31 4.43 6.62l.03.2.02.21c.73 7.83 3.27 15.34 7.57 22.31.03.04.02.1-.03.13-.02.01-.04.02-.06.02z"
155
- }),
156
- /* @__PURE__ */ jsx("path", {
157
- className: "fill-gray-50",
158
- d: "M511.84 510.23s-.09-.03-.1-.08a81.4 81.4 0 0 0-9.76-24.28 50.4 50.4 0 0 1 .45-12.32c.6-3.74 1.63-7.49 3.06-11.14 1.16-4.21 2.59-9.24 4.31-14.51.01-.04.04-.06.08-.07.04 0 .07.02.09.05 2.5 4.36 4.52 8.95 6.01 13.66a69.1 69.1 0 0 1 3.09 25.3c-3.87 7.47-6.28 15.29-7.16 23.3 0 .05-.04.09-.09.09z"
159
- }),
160
- /* @__PURE__ */ jsx("path", {
161
- className: "fill-gray-50",
162
- d: "M514.61 507.23s-.03 0-.05-.01c-.04-.02-.06-.08-.04-.12 2.46-6.5 3.93-13.32 4.37-20.27 5.52-10.63 13.91-20.13 24.28-27.5.02-.01.04-.02.06-.02s.04 0 .05.02c.04.02.05.06.05.1-2.16 12.66-6.85 24.61-13.57 34.56-4.31 2.71-8.26 5.9-11.75 9.5a63 63 0 0 0-3.32 3.72c-.02.02-.05.04-.08.04z"
163
- }),
164
- /* @__PURE__ */ jsx("path", {
165
- className: "fill-gray-50",
166
- d: "M513.89 510.95s-.07-.02-.09-.05a.11.11 0 0 1 .03-.13c6.01-4.62 11.31-10.31 15.76-16.9 10.79-6.77 23.76-10.33 37.55-10.33 3.07 0 6.21.18 9.33.53.04 0 .07.03.08.06s0 .07-.02.1c-8.25 9.49-18.62 17.06-30.01 21.89-1.92-.14-3.83-.21-5.71-.21-4.41 0-8.85.4-13.2 1.18-4.65.84-9.26 2.14-13.69 3.85h-.04zm-45.74 12.63v-.1l-.04.09c-8.06-1.08-15.86-3.7-23.23-7.79-3.69-1.41-7.42-2.93-11.06-4.51q-.06-.03-.06-.09c0-.06.02-.07.05-.09 12.63-6.51 25.87-9.81 39.35-9.81h1.15c9.7 5.63 20.15 9.14 31.1 10.45.05 0 .09.05.09.1s-.04.09-.09.1c-10.48.5-20.57 3.07-29.99 7.64a79 79 0 0 0-7.19 3.98c-.02 0-.03.02-.05.02h-.01z"
167
- }),
168
- /* @__PURE__ */ jsx("path", {
169
- className: "fill-gray-50",
170
- d: "M432.96 554.7c-1.15 0-2.29-.01-3.43-.04-.04 0-.08-.03-.09-.06-.01-.04 0-.08.02-.11 8.57-8.49 18.51-16.72 29.52-24.44 2.82-2.39 5.89-4.63 9.13-6.65 2.71.34 5.39.51 8.03.51 6.95 0 13.82-1.21 20.39-3.59h.03c.04 0 .07.02.09.05.02.04.01.1-.03.13a74.26 74.26 0 0 0-22.94 28.13c-1.69.71-3.33 1.32-4.93 1.84a76.8 76.8 0 0 1-24.05 3.84h-.95c-3.57.26-7.2.39-10.8.39z"
171
- }),
172
- /* @__PURE__ */ jsx("path", {
173
- className: "fill-gray-50",
174
- d: "M467.56 602.39s-.03 0-.05-.01c-.03-.02-.05-.05-.05-.08-.36-5.26-.56-10.67-.57-16.05-.54-5.97-.35-12 .57-17.92a73.5 73.5 0 0 1 6.04-19.78c5.28-2.18 10.27-4.89 14.88-8.11a73.1 73.1 0 0 0 15.39-14.45c.02-.02.05-.04.08-.04.02 0 .03 0 .05.01.04.02.06.08.04.12-4.93 13.58-5.54 28.98-1.77 44.52-6.03 10.07-14.27 18.86-23.83 25.49a82.6 82.6 0 0 1-10.73 6.28c-.01 0-.03.01-.04.01z"
175
- }),
176
- /* @__PURE__ */ jsx("path", {
177
- className: "fill-gray-50",
178
- d: "M517.52 607.7s-.07-.02-.09-.05a286 286 0 0 1-9.92-20.81c-.58-1.3-1.14-2.63-1.66-3.94a93.5 93.5 0 0 1-3.88-12.24c6.77-11.29 10.77-24.09 11.6-37.1 0-.05.04-.09.09-.09.04 0 .08.03.1.07 2.79 10.25 8.04 19.55 15.6 27.63.07.08.41.42.41.42l.04.46v.47c0 7.53-1.02 14.98-3.01 22.2-1.66 5.99-3.95 11.74-6.82 17.07-.78 1.93-1.58 3.89-2.39 5.86q-.03.06-.09.06z"
179
- }),
180
- /* @__PURE__ */ jsx("path", {
181
- className: "fill-gray-50",
182
- d: "M560.64 584.06s-.04 0-.05-.02c-3.65-2.33-7.33-4.8-10.96-7.33-7.58-3.98-14.3-9.02-19.98-14.99-.2-15.93-4.86-31.28-13.5-44.45-.03-.04-.02-.1.02-.13.02-.01.04-.02.06-.02.03 0 .05.01.07.03 5.94 6.56 13.39 12.1 22.15 16.45 11.25 13.95 18.95 31.34 22.28 50.34 0 .04 0 .08-.04.1-.02.01-.04.02-.06.02z"
183
- }),
184
- /* @__PURE__ */ jsx("path", {
185
- className: "fill-gray-50",
186
- d: "M570.21 543.11c-11.48-1.4-22.2-4.54-31.85-9.34-5.35-6.62-11.4-12.36-18.02-17.08a.11.11 0 0 1-.03-.13c.02-.03.05-.05.09-.05h.04a88 88 0 0 0 15.83 5.29c4.82 1.11 9.76 1.82 14.66 2.1 5.4 3.46 10.31 7.55 14.66 12.18a79 79 0 0 1 5.82 6.98c.02.03.03.08 0 .11-.02.03-.05.05-.09.05 0 0-.9-.09-1.12-.12z"
187
- }),
188
- /* @__PURE__ */ jsx("path", {
148
+ /* @__PURE__ */ jsxs("g", {
189
149
  className: "fill-gray-50",
190
- d: "M555.85 524.25c-1.64 0-3.29-.05-4.93-.14-9.86-6.33-20.72-10.26-32.32-11.68-.05 0-.09-.05-.09-.1s.04-.09.09-.1c.8-.04 1.6-.08 2.41-.14 8.79-.66 17.35-2.73 25.44-6.16 1.24.08 2.28.18 3.23.3 8.39 1.01 16.5 3.43 24.09 7.19 4.03 1.58 8.08 3.38 12.03 5.36.04.02.06.06.05.1 0 .04-.03.07-.07.09-1.38.5-2.53.89-3.62 1.23a88 88 0 0 1-26.33 4.05z"
150
+ children: [
151
+ /* @__PURE__ */ jsx("path", { d: "M505.41 508.23a80.7 80.7 0 0 0-17.99-5.47c-4.28-.77-8.69-1.19-13.12-1.26a84 84 0 0 1-18.04-14.05 87 87 0 0 1-7.03-8.18c-.02-.03-.03-.08 0-.11.02-.03.05-.05.08-.05h.02c3.16.59 6.24 1.2 9.16 1.81 5.09.63 10.13 1.76 14.98 3.34 4.44 1.45 8.83 3.33 13.06 5.6 5.46 7.03 11.84 13.15 18.97 18.2.04.03.05.09.03.13-.02.03-.05.05-.09.05h-.04z" }),
152
+ /* @__PURE__ */ jsx("path", { d: "M509.68 508.63s-.06-.01-.08-.03a81.4 81.4 0 0 0-23.16-18.56c-8.43-10.86-14.42-23.75-17.35-37.31 0-.04 0-.08.05-.11.02 0 .03-.01.05-.01s.05 0 .06.02c2.93 2.45 5.84 4.95 8.64 7.45a83 83 0 0 1 19.84 19.07c1.54 2.08 3.03 4.31 4.43 6.62l.03.2.02.21c.73 7.83 3.27 15.34 7.57 22.31.03.04.02.1-.03.13-.02.01-.04.02-.06.02z" }),
153
+ /* @__PURE__ */ jsx("path", { d: "M511.84 510.23s-.09-.03-.1-.08a81.4 81.4 0 0 0-9.76-24.28 50.4 50.4 0 0 1 .45-12.32c.6-3.74 1.63-7.49 3.06-11.14 1.16-4.21 2.59-9.24 4.31-14.51.01-.04.04-.06.08-.07.04 0 .07.02.09.05 2.5 4.36 4.52 8.95 6.01 13.66a69.1 69.1 0 0 1 3.09 25.3c-3.87 7.47-6.28 15.29-7.16 23.3 0 .05-.04.09-.09.09z" }),
154
+ /* @__PURE__ */ jsx("path", { d: "M514.61 507.23s-.03 0-.05-.01c-.04-.02-.06-.08-.04-.12 2.46-6.5 3.93-13.32 4.37-20.27 5.52-10.63 13.91-20.13 24.28-27.5.02-.01.04-.02.06-.02s.04 0 .05.02c.04.02.05.06.05.1-2.16 12.66-6.85 24.61-13.57 34.56-4.31 2.71-8.26 5.9-11.75 9.5a63 63 0 0 0-3.32 3.72c-.02.02-.05.04-.08.04z" }),
155
+ /* @__PURE__ */ jsx("path", { d: "M513.89 510.95s-.07-.02-.09-.05a.11.11 0 0 1 .03-.13c6.01-4.62 11.31-10.31 15.76-16.9 10.79-6.77 23.76-10.33 37.55-10.33 3.07 0 6.21.18 9.33.53.04 0 .07.03.08.06s0 .07-.02.1c-8.25 9.49-18.62 17.06-30.01 21.89-1.92-.14-3.83-.21-5.71-.21-4.41 0-8.85.4-13.2 1.18-4.65.84-9.26 2.14-13.69 3.85h-.04zm-45.74 12.63v-.1l-.04.09c-8.06-1.08-15.86-3.7-23.23-7.79-3.69-1.41-7.42-2.93-11.06-4.51q-.06-.03-.06-.09c0-.06.02-.07.05-.09 12.63-6.51 25.87-9.81 39.35-9.81h1.15c9.7 5.63 20.15 9.14 31.1 10.45.05 0 .09.05.09.1s-.04.09-.09.1c-10.48.5-20.57 3.07-29.99 7.64a79 79 0 0 0-7.19 3.98c-.02 0-.03.02-.05.02h-.01z" }),
156
+ /* @__PURE__ */ jsx("path", { d: "M432.96 554.7c-1.15 0-2.29-.01-3.43-.04-.04 0-.08-.03-.09-.06-.01-.04 0-.08.02-.11 8.57-8.49 18.51-16.72 29.52-24.44 2.82-2.39 5.89-4.63 9.13-6.65 2.71.34 5.39.51 8.03.51 6.95 0 13.82-1.21 20.39-3.59h.03c.04 0 .07.02.09.05.02.04.01.1-.03.13a74.26 74.26 0 0 0-22.94 28.13c-1.69.71-3.33 1.32-4.93 1.84a76.8 76.8 0 0 1-24.05 3.84h-.95c-3.57.26-7.2.39-10.8.39z" }),
157
+ /* @__PURE__ */ jsx("path", { d: "M467.56 602.39s-.03 0-.05-.01c-.03-.02-.05-.05-.05-.08-.36-5.26-.56-10.67-.57-16.05-.54-5.97-.35-12 .57-17.92a73.5 73.5 0 0 1 6.04-19.78c5.28-2.18 10.27-4.89 14.88-8.11a73.1 73.1 0 0 0 15.39-14.45c.02-.02.05-.04.08-.04.02 0 .03 0 .05.01.04.02.06.08.04.12-4.93 13.58-5.54 28.98-1.77 44.52-6.03 10.07-14.27 18.86-23.83 25.49a82.6 82.6 0 0 1-10.73 6.28c-.01 0-.03.01-.04.01z" }),
158
+ /* @__PURE__ */ jsx("path", { d: "M517.52 607.7s-.07-.02-.09-.05a286 286 0 0 1-9.92-20.81c-.58-1.3-1.14-2.63-1.66-3.94a93.5 93.5 0 0 1-3.88-12.24c6.77-11.29 10.77-24.09 11.6-37.1 0-.05.04-.09.09-.09.04 0 .08.03.1.07 2.79 10.25 8.04 19.55 15.6 27.63.07.08.41.42.41.42l.04.46v.47c0 7.53-1.02 14.98-3.01 22.2-1.66 5.99-3.95 11.74-6.82 17.07-.78 1.93-1.58 3.89-2.39 5.86q-.03.06-.09.06z" }),
159
+ /* @__PURE__ */ jsx("path", { d: "M560.64 584.06s-.04 0-.05-.02c-3.65-2.33-7.33-4.8-10.96-7.33-7.58-3.98-14.3-9.02-19.98-14.99-.2-15.93-4.86-31.28-13.5-44.45-.03-.04-.02-.1.02-.13.02-.01.04-.02.06-.02.03 0 .05.01.07.03 5.94 6.56 13.39 12.1 22.15 16.45 11.25 13.95 18.95 31.34 22.28 50.34 0 .04 0 .08-.04.1-.02.01-.04.02-.06.02z" }),
160
+ /* @__PURE__ */ jsx("path", { d: "M570.21 543.11c-11.48-1.4-22.2-4.54-31.85-9.34-5.35-6.62-11.4-12.36-18.02-17.08a.11.11 0 0 1-.03-.13c.02-.03.05-.05.09-.05h.04a88 88 0 0 0 15.83 5.29c4.82 1.11 9.76 1.82 14.66 2.1 5.4 3.46 10.31 7.55 14.66 12.18a79 79 0 0 1 5.82 6.98c.02.03.03.08 0 .11-.02.03-.05.05-.09.05 0 0-.9-.09-1.12-.12z" }),
161
+ /* @__PURE__ */ jsx("path", { d: "M555.85 524.25c-1.64 0-3.29-.05-4.93-.14-9.86-6.33-20.72-10.26-32.32-11.68-.05 0-.09-.05-.09-.1s.04-.09.09-.1c.8-.04 1.6-.08 2.41-.14 8.79-.66 17.35-2.73 25.44-6.16 1.24.08 2.28.18 3.23.3 8.39 1.01 16.5 3.43 24.09 7.19 4.03 1.58 8.08 3.38 12.03 5.36.04.02.06.06.05.1 0 .04-.03.07-.07.09-1.38.5-2.53.89-3.62 1.23a88 88 0 0 1-26.33 4.05z" })
162
+ ]
191
163
  }),
192
164
  /* @__PURE__ */ jsx("path", {
193
165
  className: "fill-white",
package/dist/generated/sprites/compass-sprite-provider.mjs CHANGED
@@ -129,17 +129,13 @@ function CompassSpriteProvider() {
129
129
  className: "fill-gray-900",
130
130
  d: "M419.53 285.33V14.17c0-7.83-6.35-14.17-14.17-14.17H12.31C5.51 0 0 5.51 0 12.31v273.02c0 6.8 5.51 12.31 12.31 12.31h394.91c6.8 0 12.31-5.51 12.31-12.31"
131
131
  }),
132
- /* @__PURE__ */ jsx("path", {
133
- className: "fill-aqua-400",
134
- d: "M84.67 272.31"
135
- }),
136
132
  /* @__PURE__ */ jsx("path", {
137
133
  className: "fill-aqua-300",
138
- d: "M68.98 270.58a1186 1186 0 0 1-31.19-4.07c10.35 1.49 20.75 2.84 31.19 4.07m82.37 6.81"
134
+ d: "M68.98 270.58a1186 1186 0 0 1-31.19-4.07c10.35 1.49 20.75 2.84 31.19 4.07"
139
135
  }),
140
136
  /* @__PURE__ */ jsx("path", {
141
137
  className: "fill-aqua-400",
142
- d: "M125.35 227.48c-5.16.36-9.13 3.83-9.13 7.98v12.01L0 255.53v4.91c2.29.4 4.57.83 6.86 1.22q15.405 2.625 30.93 4.86c10.35 1.49 20.75 2.84 31.19 4.07 5.22.61 10.45 1.19 15.69 1.73 10.48 1.09 20.99 2.04 31.55 2.86 7.78.6 15.57 1.13 23.39 1.59 3.91.23 7.82.44 11.74.63 19.59.95 39.31 1.44 59.13 1.44q17.61 0 35.1-.51c3.89-.11 7.77-.24 11.65-.39q23.265-.9 46.29-2.67c39.23-3.01 77.92-7.9 116-14.58V207.5l-294.18 19.98z"
138
+ d: "M125.35 227.48c-5.16.36-9.13 3.83-9.13 7.98v12.01L0 255.53v4.91c2.29.4 4.57.83 6.86 1.22q15.405 2.625 30.93 4.86c15.525 2.235 20.75 2.84 31.19 4.07 5.22.61 10.45 1.19 15.69 1.73 10.48 1.09 20.99 2.04 31.55 2.86 7.78.6 15.57 1.13 23.39 1.59 3.91.23 7.82.44 11.74.63 19.59.95 39.31 1.44 59.13 1.44q17.61 0 35.1-.51c3.89-.11 7.77-.24 11.65-.39q23.265-.9 46.29-2.67c39.23-3.01 77.92-7.9 116-14.58V207.5l-294.18 19.98z"
143
139
  }),
144
140
  /* @__PURE__ */ jsx("path", {
145
141
  className: "fill-aqua-300",
@@ -551,7 +547,7 @@ function CompassSpriteProvider() {
551
547
  }),
552
548
  /* @__PURE__ */ jsx("path", {
553
549
  className: "fill-gray-950",
554
- d: "M149.31 649.8c-50.92 0-100.8-4.4-149.31-12.82v192.6c0 6.8 5.51 12.31 12.31 12.31h271.16c7.83 0 14.17-6.35 14.17-14.18V637.14c-48.2 8.31-97.76 12.66-148.33 12.66M148.82 312.58c-62.88 0-114.04 51.16-114.04 114.04s51.16 114.04 114.04 114.04 114.04-51.16 114.04-114.04-51.16-114.04-114.04-114.04"
550
+ d: "M149.31 649.8c-50.92 0-100.8-4.4-149.31-12.82v192.6c0 6.8 5.51 12.31 12.31 12.31h271.16c7.83 0 14.17-6.35 14.17-14.18V637.14c-48.2 8.31-97.76 12.66-148.33 12.66m-.49-337.22c-62.88 0-114.04 51.16-114.04 114.04s51.16 114.04 114.04 114.04 114.04-51.16 114.04-114.04-51.16-114.04-114.04-114.04"
555
551
  }),
556
552
  /* @__PURE__ */ jsx("path", {
557
553
  className: "fill-gray-400",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://www.schemastore.org/package.json",
3
3
  "name": "@regardio/brand",
4
- "version": "1.0.1",
4
+ "version": "1.1.0",
5
5
  "private": false,
6
6
  "description": "Regardio Brand Assets",
7
7
  "homepage": "https://codeberg.org/regardio/commons/src/branch/main/packages/brand",
@@ -110,8 +110,8 @@
110
110
  ],
111
111
  "dependencies": {
112
112
  "@fontsource-variable/georama": "5.2.8",
113
- "@regardio/react": "1.0.1",
114
- "@regardio/tailwind": "1.0.1"
113
+ "@regardio/react": "1.1.0",
114
+ "@regardio/tailwind": "1.1.0"
115
115
  },
116
116
  "devDependencies": {
117
117
  "@storybook/addon-a11y": "10.3.5",
@@ -121,15 +121,15 @@
121
121
  "@svgr/cli": "8.1.0",
122
122
  "@svgr/plugin-jsx": "8.1.0",
123
123
  "@svgr/plugin-svgo": "8.1.0",
124
- "@tailwindcss/vite": "4.2.2",
124
+ "@tailwindcss/vite": "4.2.4",
125
125
  "@total-typescript/ts-reset": "0.6.1",
126
126
  "@types/node": "25.6.0",
127
127
  "@types/react": "19.2.14",
128
128
  "@types/react-dom": "19.2.3",
129
129
  "@vitejs/plugin-react": "6.0.1",
130
- "@vitest/browser-playwright": "4.1.4",
131
- "@vitest/coverage-v8": "4.1.4",
132
- "@vitest/ui": "4.1.4",
130
+ "@vitest/browser-playwright": "4.1.5",
131
+ "@vitest/coverage-v8": "4.1.5",
132
+ "@vitest/ui": "4.1.5",
133
133
  "linkedom": "0.18.12",
134
134
  "node-html-parser": "7.1.0",
135
135
  "playwright": "1.59.1",
@@ -137,13 +137,13 @@
137
137
  "react-dom": "19.2.5",
138
138
  "storybook": "10.3.5",
139
139
  "svgo": "4.0.1",
140
- "tailwindcss": "4.2.2",
141
- "tsdown": "0.21.9",
140
+ "tailwindcss": "4.2.4",
141
+ "tsdown": "0.21.10",
142
142
  "tsx": "4.21.0",
143
143
  "typescript": "6.0.3",
144
- "vite": "8.0.9",
145
- "vitest": "4.1.4",
146
- "@regardio/dev": "2.0.1"
144
+ "vite": "8.0.10",
145
+ "vitest": "4.1.5",
146
+ "@regardio/dev": "2.1.0"
147
147
  },
148
148
  "scripts": {
149
149
  "build": "tsdown",