@regardio/react 0.8.2 → 1.0.1
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.1",
|
|
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,80 @@
|
|
|
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": "
|
|
197
|
+
"@base-ui/react": "1.4.1",
|
|
198
|
+
"@maptiler/sdk": "4.0.1",
|
|
222
199
|
"@mdx-js/react": "3.1.1",
|
|
223
|
-
"@
|
|
224
|
-
"@regardio/tailwind": "^0.4.3",
|
|
225
|
-
"@supabase/supabase-js": "2.100.0",
|
|
200
|
+
"@supabase/supabase-js": "2.104.0",
|
|
226
201
|
"cmdk": "1.1.1",
|
|
227
202
|
"embla-carousel": "8.6.0",
|
|
228
203
|
"embla-carousel-react": "8.6.0",
|
|
229
204
|
"input-otp": "1.4.2",
|
|
230
205
|
"intl-parse-accept-language": "1.0.0",
|
|
231
206
|
"leaflet": "alpha",
|
|
232
|
-
"lucide-react": "1.
|
|
233
|
-
"markdown-to-jsx": "9.7.
|
|
234
|
-
"react": "19.2.
|
|
207
|
+
"lucide-react": "1.8.0",
|
|
208
|
+
"markdown-to-jsx": "9.7.16",
|
|
209
|
+
"react": "19.2.5",
|
|
235
210
|
"react-day-picker": "9.14.0",
|
|
236
|
-
"react-dom": "19.2.
|
|
237
|
-
"react-hook-form": "7.72.
|
|
238
|
-
"react-resizable-panels": "4.
|
|
239
|
-
"react-router": "7.
|
|
211
|
+
"react-dom": "19.2.5",
|
|
212
|
+
"react-hook-form": "7.72.1",
|
|
213
|
+
"react-resizable-panels": "4.10.0",
|
|
214
|
+
"react-router": "7.14.1",
|
|
240
215
|
"tailwind-variants": "3.2.2",
|
|
241
216
|
"vaul": "1.1.2",
|
|
242
|
-
"zod": "4.3.6"
|
|
217
|
+
"zod": "4.3.6",
|
|
218
|
+
"@regardio/js": "1.0.1",
|
|
219
|
+
"@regardio/tailwind": "1.0.1"
|
|
243
220
|
},
|
|
244
221
|
"devDependencies": {
|
|
245
|
-
"@
|
|
246
|
-
"@storybook/addon-
|
|
247
|
-
"@storybook/addon-
|
|
248
|
-
"@storybook/
|
|
249
|
-
"@storybook/react": "
|
|
250
|
-
"@storybook/react-vite": "10.3.3",
|
|
222
|
+
"@storybook/addon-a11y": "10.3.5",
|
|
223
|
+
"@storybook/addon-docs": "10.3.5",
|
|
224
|
+
"@storybook/addon-vitest": "10.3.5",
|
|
225
|
+
"@storybook/react": "10.3.5",
|
|
226
|
+
"@storybook/react-vite": "10.3.5",
|
|
251
227
|
"@tailwindcss/vite": "4.2.2",
|
|
252
228
|
"@testing-library/jest-dom": "6.9.1",
|
|
253
229
|
"@testing-library/react": "16.3.2",
|
|
254
230
|
"@total-typescript/ts-reset": "0.6.1",
|
|
255
231
|
"@types/leaflet": "1.9.21",
|
|
256
|
-
"@types/node": "25.
|
|
232
|
+
"@types/node": "25.6.0",
|
|
257
233
|
"@types/react": "19.2.14",
|
|
258
234
|
"@types/react-dom": "19.2.3",
|
|
259
235
|
"@vitejs/plugin-react": "6.0.1",
|
|
260
|
-
"@vitest/browser-playwright": "4.1.
|
|
261
|
-
"@vitest/coverage-v8": "4.1.
|
|
262
|
-
"@vitest/ui": "4.1.
|
|
263
|
-
"jsdom": "29.0.
|
|
264
|
-
"playwright": "1.
|
|
265
|
-
"storybook": "10.3.
|
|
236
|
+
"@vitest/browser-playwright": "4.1.4",
|
|
237
|
+
"@vitest/coverage-v8": "4.1.4",
|
|
238
|
+
"@vitest/ui": "4.1.4",
|
|
239
|
+
"jsdom": "29.0.2",
|
|
240
|
+
"playwright": "1.59.1",
|
|
241
|
+
"storybook": "10.3.5",
|
|
266
242
|
"tailwindcss": "4.2.2",
|
|
267
|
-
"tsdown": "0.21.
|
|
268
|
-
"typescript": "6.0.
|
|
269
|
-
"vite": "8.0.
|
|
270
|
-
"vitest": "4.1.
|
|
243
|
+
"tsdown": "0.21.9",
|
|
244
|
+
"typescript": "6.0.3",
|
|
245
|
+
"vite": "8.0.9",
|
|
246
|
+
"vitest": "4.1.4",
|
|
247
|
+
"@regardio/dev": "2.0.1"
|
|
271
248
|
},
|
|
272
249
|
"engines": {
|
|
273
|
-
"node": ">=
|
|
250
|
+
"node": ">=24"
|
|
251
|
+
},
|
|
252
|
+
"scripts": {
|
|
253
|
+
"build": "tsdown",
|
|
254
|
+
"clean": "rimraf .turbo dist",
|
|
255
|
+
"dev": "tsdown --watch",
|
|
256
|
+
"fix": "run-s fix:pkg fix:md fix:biome",
|
|
257
|
+
"fix:biome": "biome check --write --unsafe .",
|
|
258
|
+
"fix:md": "markdownlint-cli2 --config ../../.markdownlint-cli2.jsonc --fix",
|
|
259
|
+
"fix:pkg": "sort-package-json",
|
|
260
|
+
"lint": "run-s lint:md lint:biome",
|
|
261
|
+
"lint:biome": "biome check .",
|
|
262
|
+
"lint:md": "markdownlint-cli2 --config ../../.markdownlint-cli2.jsonc",
|
|
263
|
+
"lint:pkg": "sort-package-json --check",
|
|
264
|
+
"report": "vitest run --coverage",
|
|
265
|
+
"storybook": "storybook dev -p 6006",
|
|
266
|
+
"storybook:build": "storybook build -o storybook-static",
|
|
267
|
+
"test": "run-p test:*",
|
|
268
|
+
"test:e2e": "vitest run --project storybook",
|
|
269
|
+
"test:unit": "vitest run --project unit",
|
|
270
|
+
"typecheck": "tsc --noEmit"
|
|
274
271
|
}
|
|
275
272
|
}
|
|
@@ -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>
|