@regardio/react 0.9.0 → 1.0.2
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/dist/countdown/index.mjs
CHANGED
|
@@ -36,14 +36,14 @@ function Countdown() {
|
|
|
36
36
|
hsl(var(--green-500)) 195deg,
|
|
37
37
|
hsl(var(--teal-500)) 195deg,
|
|
38
38
|
hsl(var(--teal-500)) 225deg,
|
|
39
|
-
hsl(var(--
|
|
40
|
-
hsl(var(--
|
|
39
|
+
hsl(var(--aqua-500)) 225deg,
|
|
40
|
+
hsl(var(--aqua-500)) 255deg,
|
|
41
41
|
hsl(var(--blue-500)) 255deg,
|
|
42
42
|
hsl(var(--blue-500)) 285deg,
|
|
43
|
-
hsl(var(--
|
|
44
|
-
hsl(var(--
|
|
45
|
-
hsl(var(--
|
|
46
|
-
hsl(var(--
|
|
43
|
+
hsl(var(--violet-500)) 285deg,
|
|
44
|
+
hsl(var(--violet-500)) 315deg,
|
|
45
|
+
hsl(var(--plum-500)) 315deg,
|
|
46
|
+
hsl(var(--plum-500)) 345deg,
|
|
47
47
|
hsl(var(--red-500)) 345deg
|
|
48
48
|
)` },
|
|
49
49
|
children: /* @__PURE__ */ jsx("span", {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://www.schemastore.org/package.json",
|
|
3
3
|
"name": "@regardio/react",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "1.0.2",
|
|
5
5
|
"private": false,
|
|
6
6
|
"description": "Regardio React UI components",
|
|
7
7
|
"keywords": [
|
|
@@ -11,13 +11,14 @@
|
|
|
11
11
|
"regardio",
|
|
12
12
|
"tailwindcss"
|
|
13
13
|
],
|
|
14
|
-
"homepage": "https://
|
|
14
|
+
"homepage": "https://codeberg.org/regardio/commons/src/branch/main/packages/react",
|
|
15
15
|
"bugs": {
|
|
16
|
-
"url": "https://
|
|
16
|
+
"url": "https://codeberg.org/regardio/commons/issues"
|
|
17
17
|
},
|
|
18
18
|
"repository": {
|
|
19
19
|
"type": "git",
|
|
20
|
-
"url": "git+https://
|
|
20
|
+
"url": "git+https://codeberg.org/regardio/commons.git",
|
|
21
|
+
"directory": "packages/react"
|
|
21
22
|
},
|
|
22
23
|
"license": "MIT",
|
|
23
24
|
"author": "Bernd Matzner <bernd.matzner@regard.io>",
|
|
@@ -192,84 +193,70 @@
|
|
|
192
193
|
"dist",
|
|
193
194
|
"src"
|
|
194
195
|
],
|
|
195
|
-
"scripts": {
|
|
196
|
-
"build": "tsdown",
|
|
197
|
-
"clean": "exec-clean .turbo dist",
|
|
198
|
-
"dev": "tsdown --watch",
|
|
199
|
-
"fix:biome": "lint-biome check --write --unsafe .",
|
|
200
|
-
"fix:md": "lint-md --fix",
|
|
201
|
-
"fix:pkg": "lint-package --fix",
|
|
202
|
-
"fix": "exec-s fix:pkg fix:md fix:biome",
|
|
203
|
-
"lint:biome": "lint-biome check .",
|
|
204
|
-
"lint:md": "lint-md",
|
|
205
|
-
"lint:pkg": "lint-package",
|
|
206
|
-
"lint": "exec-s lint:md lint:biome",
|
|
207
|
-
"prepare": "exec-husky",
|
|
208
|
-
"report": "vitest run --coverage",
|
|
209
|
-
"ship:hotfix": "ship-hotfix",
|
|
210
|
-
"ship:production": "ship-production",
|
|
211
|
-
"ship:staging": "ship-staging",
|
|
212
|
-
"storybook:build": "storybook build -o storybook-static",
|
|
213
|
-
"storybook": "storybook dev -p 6006",
|
|
214
|
-
"test:unit": "vitest run",
|
|
215
|
-
"test": "exec-s test:*",
|
|
216
|
-
"tsdown": "tsdown",
|
|
217
|
-
"typecheck": "exec-tsc --noEmit"
|
|
218
|
-
},
|
|
219
196
|
"dependencies": {
|
|
220
|
-
"@base-ui/react": "1.
|
|
221
|
-
"@maptiler/sdk": "3.11.1",
|
|
197
|
+
"@base-ui/react": "1.4.1",
|
|
222
198
|
"@mdx-js/react": "3.1.1",
|
|
223
|
-
"@
|
|
224
|
-
"@regardio/tailwind": "^0.4.3",
|
|
225
|
-
"@supabase/supabase-js": "2.102.1",
|
|
226
|
-
"cmdk": "1.1.1",
|
|
199
|
+
"@supabase/supabase-js": "2.104.0",
|
|
227
200
|
"embla-carousel": "8.6.0",
|
|
228
201
|
"embla-carousel-react": "8.6.0",
|
|
229
|
-
"
|
|
230
|
-
"
|
|
231
|
-
"
|
|
232
|
-
"lucide-react": "1.7.0",
|
|
233
|
-
"markdown-to-jsx": "9.7.13",
|
|
234
|
-
"react": "19.2.4",
|
|
235
|
-
"react-day-picker": "9.14.0",
|
|
236
|
-
"react-dom": "19.2.4",
|
|
237
|
-
"react-hook-form": "7.72.1",
|
|
238
|
-
"react-resizable-panels": "4.9.0",
|
|
239
|
-
"react-router": "7.14.0",
|
|
240
|
-
"tailwind-variants": "3.2.2",
|
|
241
|
-
"vaul": "1.1.2",
|
|
242
|
-
"zod": "4.3.6"
|
|
202
|
+
"markdown-to-jsx": "9.7.16",
|
|
203
|
+
"@regardio/js": "1.0.2",
|
|
204
|
+
"@regardio/tailwind": "1.0.2"
|
|
243
205
|
},
|
|
244
206
|
"devDependencies": {
|
|
245
|
-
"@
|
|
246
|
-
"@storybook/addon-
|
|
247
|
-
"@storybook/addon-
|
|
248
|
-
"@storybook/
|
|
249
|
-
"@storybook/react": "
|
|
250
|
-
"@
|
|
251
|
-
"@tailwindcss/vite": "4.2.2",
|
|
207
|
+
"@storybook/addon-a11y": "10.3.5",
|
|
208
|
+
"@storybook/addon-docs": "10.3.5",
|
|
209
|
+
"@storybook/addon-vitest": "10.3.5",
|
|
210
|
+
"@storybook/react": "10.3.5",
|
|
211
|
+
"@storybook/react-vite": "10.3.5",
|
|
212
|
+
"@tailwindcss/vite": "4.2.4",
|
|
252
213
|
"@testing-library/jest-dom": "6.9.1",
|
|
253
214
|
"@testing-library/react": "16.3.2",
|
|
254
215
|
"@total-typescript/ts-reset": "0.6.1",
|
|
255
216
|
"@types/leaflet": "1.9.21",
|
|
256
|
-
"@types/node": "25.
|
|
217
|
+
"@types/node": "25.6.0",
|
|
257
218
|
"@types/react": "19.2.14",
|
|
258
219
|
"@types/react-dom": "19.2.3",
|
|
259
220
|
"@vitejs/plugin-react": "6.0.1",
|
|
260
|
-
"@vitest/browser-playwright": "4.1.
|
|
261
|
-
"@vitest/coverage-v8": "4.1.
|
|
262
|
-
"@vitest/ui": "4.1.
|
|
221
|
+
"@vitest/browser-playwright": "4.1.5",
|
|
222
|
+
"@vitest/coverage-v8": "4.1.5",
|
|
223
|
+
"@vitest/ui": "4.1.5",
|
|
263
224
|
"jsdom": "29.0.2",
|
|
264
225
|
"playwright": "1.59.1",
|
|
265
|
-
"storybook": "10.3.
|
|
266
|
-
"tailwindcss": "4.2.
|
|
267
|
-
"tsdown": "0.21.
|
|
268
|
-
"typescript": "6.0.
|
|
269
|
-
"vite": "8.0.
|
|
270
|
-
"vitest": "4.1.
|
|
226
|
+
"storybook": "10.3.5",
|
|
227
|
+
"tailwindcss": "4.2.4",
|
|
228
|
+
"tsdown": "0.21.9",
|
|
229
|
+
"typescript": "6.0.3",
|
|
230
|
+
"vite": "8.0.9",
|
|
231
|
+
"vitest": "4.1.5",
|
|
232
|
+
"@regardio/dev": "2.0.2"
|
|
233
|
+
},
|
|
234
|
+
"peerDependencies": {
|
|
235
|
+
"react": "19.2.5",
|
|
236
|
+
"react-dom": "19.2.5",
|
|
237
|
+
"react-router": "7.14.2"
|
|
271
238
|
},
|
|
272
239
|
"engines": {
|
|
273
|
-
"node": ">=
|
|
240
|
+
"node": ">=24"
|
|
241
|
+
},
|
|
242
|
+
"scripts": {
|
|
243
|
+
"build": "tsdown",
|
|
244
|
+
"clean": "rimraf .turbo dist",
|
|
245
|
+
"dev": "tsdown --watch",
|
|
246
|
+
"fix": "run-s fix:pkg fix:md fix:biome",
|
|
247
|
+
"fix:biome": "biome check --write --unsafe .",
|
|
248
|
+
"fix:md": "markdownlint-cli2 --config ../../.markdownlint-cli2.jsonc --fix",
|
|
249
|
+
"fix:pkg": "sort-package-json",
|
|
250
|
+
"lint": "run-s lint:md lint:biome",
|
|
251
|
+
"lint:biome": "biome check .",
|
|
252
|
+
"lint:md": "markdownlint-cli2 --config ../../.markdownlint-cli2.jsonc",
|
|
253
|
+
"lint:pkg": "sort-package-json --check",
|
|
254
|
+
"report": "vitest run --coverage",
|
|
255
|
+
"storybook": "storybook dev -p 6006",
|
|
256
|
+
"storybook:build": "storybook build -o storybook-static",
|
|
257
|
+
"test": "run-p test:*",
|
|
258
|
+
"test:e2e": "vitest run --project storybook",
|
|
259
|
+
"test:unit": "vitest run --project unit",
|
|
260
|
+
"typecheck": "tsc --noEmit"
|
|
274
261
|
}
|
|
275
262
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import type React from 'react';
|
|
2
3
|
import { Button } from './button';
|
|
3
4
|
|
|
4
5
|
const meta: Meta<typeof Button> = {
|
|
@@ -120,9 +121,9 @@ export const AsLink: Story = {
|
|
|
120
121
|
args: {
|
|
121
122
|
children: 'Link Button',
|
|
122
123
|
nativeButton: false,
|
|
123
|
-
render: (props
|
|
124
|
+
render: (props) => (
|
|
124
125
|
<a
|
|
125
|
-
{...props}
|
|
126
|
+
{...(props as React.ComponentProps<'a'>)}
|
|
126
127
|
href="#example"
|
|
127
128
|
/>
|
|
128
129
|
),
|
|
@@ -58,14 +58,14 @@ export function Countdown(): React.JSX.Element {
|
|
|
58
58
|
hsl(var(--green-500)) 195deg,
|
|
59
59
|
hsl(var(--teal-500)) 195deg,
|
|
60
60
|
hsl(var(--teal-500)) 225deg,
|
|
61
|
-
hsl(var(--
|
|
62
|
-
hsl(var(--
|
|
61
|
+
hsl(var(--aqua-500)) 225deg,
|
|
62
|
+
hsl(var(--aqua-500)) 255deg,
|
|
63
63
|
hsl(var(--blue-500)) 255deg,
|
|
64
64
|
hsl(var(--blue-500)) 285deg,
|
|
65
|
-
hsl(var(--
|
|
66
|
-
hsl(var(--
|
|
67
|
-
hsl(var(--
|
|
68
|
-
hsl(var(--
|
|
65
|
+
hsl(var(--violet-500)) 285deg,
|
|
66
|
+
hsl(var(--violet-500)) 315deg,
|
|
67
|
+
hsl(var(--plum-500)) 315deg,
|
|
68
|
+
hsl(var(--plum-500)) 345deg,
|
|
69
69
|
hsl(var(--red-500)) 345deg
|
|
70
70
|
)`,
|
|
71
71
|
}}
|
|
@@ -218,15 +218,15 @@ export const AlignVariants: Story = {
|
|
|
218
218
|
export const StyleOverrides: Story = {
|
|
219
219
|
name: 'Style Overrides (tailwind-variants)',
|
|
220
220
|
render: () => (
|
|
221
|
-
<Grid.Root className="bg-linear-to-r from-
|
|
221
|
+
<Grid.Root className="bg-linear-to-r from-violet-50 to-plum-50 p-4 rounded-lg">
|
|
222
222
|
<Grid.Item
|
|
223
|
-
className="bg-
|
|
223
|
+
className="bg-violet-200 rounded-lg p-6"
|
|
224
224
|
span={6}
|
|
225
225
|
>
|
|
226
226
|
Custom styled item
|
|
227
227
|
</Grid.Item>
|
|
228
228
|
<Grid.Item
|
|
229
|
-
className="bg-
|
|
229
|
+
className="bg-plum-200 rounded-lg p-6"
|
|
230
230
|
span={6}
|
|
231
231
|
>
|
|
232
232
|
Custom styled item
|
|
@@ -111,7 +111,7 @@ export const CustomElements: Story = {
|
|
|
111
111
|
<List.Item className="px-3 py-1 bg-green-100 text-green-800 rounded-full text-sm">
|
|
112
112
|
TypeScript
|
|
113
113
|
</List.Item>
|
|
114
|
-
<List.Item className="px-3 py-1 bg-
|
|
114
|
+
<List.Item className="px-3 py-1 bg-violet-100 text-violet-800 rounded-full text-sm">
|
|
115
115
|
Tailwind
|
|
116
116
|
</List.Item>
|
|
117
117
|
</List.Root>
|