@intlayer/design-system 8.9.4-canary.0 → 8.9.5

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 (25) hide show
  1. package/dist/esm/components/DictionaryFieldEditor/StructureView/StructureView.mjs +51 -21
  2. package/dist/esm/components/DictionaryFieldEditor/StructureView/StructureView.mjs.map +1 -1
  3. package/dist/esm/hooks/index.mjs +2 -2
  4. package/dist/esm/hooks/reactQuery.mjs +24 -1
  5. package/dist/esm/hooks/reactQuery.mjs.map +1 -1
  6. package/dist/esm/routes.mjs +3 -1
  7. package/dist/esm/routes.mjs.map +1 -1
  8. package/dist/types/components/Badge/index.d.ts +2 -2
  9. package/dist/types/components/Button/Button.d.ts +3 -3
  10. package/dist/types/components/Command/index.d.ts +2 -2
  11. package/dist/types/components/Container/index.d.ts +7 -7
  12. package/dist/types/components/DictionaryFieldEditor/StructureView/StructureView.d.ts.map +1 -1
  13. package/dist/types/components/Input/Checkbox.d.ts +3 -3
  14. package/dist/types/components/Input/Input.d.ts +1 -1
  15. package/dist/types/components/Link/Link.d.ts +2 -2
  16. package/dist/types/components/SwitchSelector/SwitchSelector.d.ts +1 -1
  17. package/dist/types/components/SwitchSelector/VerticalSwitchSelector.d.ts +1 -1
  18. package/dist/types/components/Tag/index.d.ts +2 -2
  19. package/dist/types/hooks/index.d.ts +2 -2
  20. package/dist/types/hooks/reactQuery.d.ts +3 -1
  21. package/dist/types/hooks/reactQuery.d.ts.map +1 -1
  22. package/dist/types/routes.d.ts +3 -1
  23. package/dist/types/routes.d.ts.map +1 -1
  24. package/package.json +26 -25
  25. package/tailwind.css +79 -10
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@intlayer/design-system",
3
- "version": "8.9.4-canary.0",
3
+ "version": "8.9.5",
4
4
  "private": false,
5
5
  "description": "Intlayer design system, including UI components used in the Intlayer editor, website, and visual editor/CMS.",
6
6
  "keywords": [
@@ -419,14 +419,14 @@
419
419
  "typecheck_": "tsc --noEmit --project tsconfig.types.json"
420
420
  },
421
421
  "dependencies": {
422
- "@better-auth/passkey": "1.6.9",
423
- "@better-auth/sso": "1.6.9",
424
- "@intlayer/api": "8.9.4-canary.0",
425
- "@intlayer/config": "8.9.4-canary.0",
426
- "@intlayer/core": "8.9.4-canary.0",
427
- "@intlayer/dictionaries-entry": "8.9.4-canary.0",
428
- "@intlayer/editor-react": "8.9.4-canary.0",
429
- "@intlayer/types": "8.9.4-canary.0",
422
+ "@better-auth/passkey": "1.6.11",
423
+ "@better-auth/sso": "1.6.11",
424
+ "@intlayer/api": "8.9.5",
425
+ "@intlayer/config": "8.9.5",
426
+ "@intlayer/core": "8.9.5",
427
+ "@intlayer/dictionaries-entry": "8.9.5",
428
+ "@intlayer/editor-react": "8.9.5",
429
+ "@intlayer/types": "8.9.5",
430
430
  "@radix-ui/react-dialog": "1.1.15",
431
431
  "@radix-ui/react-select": "2.2.6",
432
432
  "@radix-ui/react-slot": "1.2.4",
@@ -434,16 +434,17 @@
434
434
  "@tailwindcss/aspect-ratio": "0.4.2",
435
435
  "@tanstack/query-async-storage-persister": "5.100.9",
436
436
  "@tanstack/react-query-persist-client": "5.100.9",
437
- "better-auth": "1.6.9",
437
+ "@tanstack/react-virtual": "^3.13.24",
438
+ "better-auth": "1.6.11",
438
439
  "class-variance-authority": "0.7.1",
439
440
  "cmdk": "1.1.1",
440
441
  "defu": "6.1.7",
441
- "react-intlayer": "8.9.4-canary.0",
442
+ "react-intlayer": "8.9.5",
442
443
  "rollup-preserve-directives": "1.1.3",
443
444
  "zod": "4.4.3"
444
445
  },
445
446
  "devDependencies": {
446
- "@intlayer/backend": "8.9.4-canary.0",
447
+ "@intlayer/backend": "8.9.5",
447
448
  "@shikijs/transformers": "4.0.2",
448
449
  "@storybook/addon-a11y": "8.6.14",
449
450
  "@storybook/addon-essentials": "8.6.14",
@@ -460,49 +461,49 @@
460
461
  "@storybook/theming": "8.6.14",
461
462
  "@svgr/core": "8.1.0",
462
463
  "@svgr/rollup": "8.1.0",
463
- "@tailwindcss/cli": "4.2.4",
464
+ "@tailwindcss/cli": "4.3.0",
464
465
  "@tailwindcss/vite": "4.3.0",
465
466
  "@testing-library/jest-dom": "6.9.1",
466
467
  "@testing-library/react": "16.3.2",
467
468
  "@testing-library/user-event": "14.6.1",
468
469
  "@types/espree": "11.1.0",
469
- "@types/node": "25.6.2",
470
+ "@types/node": "25.7.0",
470
471
  "@types/react": "19.2.14",
471
472
  "@types/react-dom": "19.2.3",
472
473
  "@utils/ts-config": "1.0.4",
473
474
  "@utils/ts-config-types": "1.0.4",
474
475
  "clsx": "2.1.1",
475
476
  "fast-glob": "3.3.3",
476
- "intlayer": "8.9.4-canary.0",
477
+ "intlayer": "8.9.5",
477
478
  "rimraf": "6.1.3",
478
479
  "shiki": "4.0.2",
479
480
  "storybook": "8.6.17",
480
- "tailwind-merge": "3.5.0",
481
+ "tailwind-merge": "3.6.0",
481
482
  "tsdown": "0.22.00",
482
483
  "typescript": "6.0.3",
483
- "vite": "8.0.11",
484
- "vite-intlayer": "8.9.4-canary.0",
484
+ "vite": "8.0.12",
485
+ "vite-intlayer": "8.9.5",
485
486
  "vite-plugin-dts": "5.0.0",
486
- "vitest": "4.1.5"
487
+ "vitest": "4.1.6"
487
488
  },
488
489
  "peerDependencies": {
489
490
  "@better-fetch/fetch": "1.1.21",
490
491
  "@hookform/resolvers": "5.2.2",
491
- "@intlayer/backend": "8.9.4-canary.0",
492
+ "@intlayer/backend": "8.9.5",
492
493
  "@monaco-editor/react": "4.7.0",
493
494
  "@shikijs/transformers": "4.0.2",
494
- "@tanstack/react-query": "5.100.9",
495
- "@tanstack/react-query-devtools": "5.100.9",
495
+ "@tanstack/react-query": "5.100.10",
496
+ "@tanstack/react-query-devtools": "5.100.10",
496
497
  "framer-motion": "12.38.0",
497
498
  "fuse.js": "7.3.0",
498
- "intlayer": "8.9.4-canary.0",
499
+ "intlayer": "8.9.5",
499
500
  "lucide-react": "1.14.0",
500
501
  "react": ">=16.0.0",
501
502
  "react-dom": ">=16.0.0",
502
503
  "react-hook-form": "7.75.0",
503
- "react-intlayer": "8.9.4-canary.0",
504
+ "react-intlayer": "8.9.5",
504
505
  "shiki": "4.0.2",
505
- "tailwindcss": "4.2.4"
506
+ "tailwindcss": "4.3.0"
506
507
  },
507
508
  "peerDependenciesMeta": {
508
509
  "@intlayer/backend": {
package/tailwind.css CHANGED
@@ -14,18 +14,18 @@
14
14
  --color-card: rgba(231, 231, 231);
15
15
  --color-card-hover: rgba(231, 231, 231);
16
16
 
17
- --color-hypertext: rgba(203, 235, 64);
17
+ --color-hypertext: var(--color-text);
18
18
  --color-hypertext-hover: rgba(197, 101, 212);
19
- --color-hypertext-active: rgba(203, 235, 64);
19
+ --color-hypertext-active: var(--color-text);
20
20
 
21
21
  --color-shadow: rgba(18, 18, 18);
22
22
 
23
- --color-primary: rgba(203, 235, 64);
23
+ --color-primary: var(--color-text);
24
24
  --color-primary-50: rgba(249, 253, 230);
25
25
  --color-primary-100: rgba(238, 248, 186);
26
26
  --color-primary-200: rgba(226, 243, 143);
27
27
  --color-primary-300: rgba(215, 239, 105);
28
- --color-primary-400: rgba(203, 235, 64);
28
+ --color-primary-400: var(--color-text);
29
29
  --color-primary-500: rgba(182, 211, 57);
30
30
  --color-primary-600: rgba(153, 177, 48);
31
31
  --color-primary-700: rgba(116, 134, 37);
@@ -111,6 +111,21 @@
111
111
  --color-white: rgba(255, 255, 255);
112
112
 
113
113
  --color-black: rgba(0, 0, 0);
114
+
115
+ /* Shadcn standard theme variables mapped to the design system */
116
+ --color-foreground: var(--foreground);
117
+ --color-muted: var(--muted);
118
+ --color-muted-foreground: var(--muted-foreground);
119
+ --color-popover: var(--popover);
120
+ --color-popover-foreground: var(--popover-foreground);
121
+ --color-accent: var(--accent);
122
+ --color-accent-foreground: var(--accent-foreground);
123
+ --color-border: var(--border);
124
+ --color-input: var(--input);
125
+ --color-ring: var(--ring);
126
+ --radius-lg: var(--radius);
127
+ --radius-md: calc(var(--radius) - 2px);
128
+ --radius-sm: calc(var(--radius) - 4px);
114
129
  }
115
130
 
116
131
  @variant dark
@@ -133,13 +148,13 @@
133
148
  --color-card: rgba(231, 231, 231);
134
149
  --color-card-hover: rgba(231, 231, 231);
135
150
 
136
- --color-hypertext: rgba(203, 235, 64);
151
+ --color-hypertext: var(--color-text);
137
152
  --color-hypertext-hover: rgba(197, 101, 212);
138
- --color-hypertext-active: rgba(203, 235, 64);
153
+ --color-hypertext-active: var(--color-text);
139
154
 
140
155
  --color-shadow: rgba(18, 18, 18);
141
156
 
142
- --color-primary: rgba(203, 235, 64);
157
+ --color-primary: var(--color-text);
143
158
  --color-secondary: rgba(255, 230, 109);
144
159
  --color-destructive: rgba(251, 125, 60);
145
160
  --color-neutral: rgba(93, 93, 93);
@@ -150,6 +165,33 @@
150
165
 
151
166
  --color-white: rgba(255, 255, 255);
152
167
  --color-black: rgba(0, 0, 0);
168
+
169
+ /* Shadcn mappings (Light) */
170
+ --background: var(--color-background);
171
+ --foreground: var(--color-text);
172
+ --card: var(--color-card);
173
+ --card-foreground: var(--color-text);
174
+ --popover: var(--color-card);
175
+ --popover-foreground: var(--color-text);
176
+ --primary: var(--color-text);
177
+ --primary-foreground: var(--color-background);
178
+ --secondary: var(--color-secondary);
179
+ --secondary-foreground: var(--color-text-light);
180
+ --muted: var(--color-neutral-100);
181
+ --muted-foreground: var(--color-neutral-600);
182
+ --accent: var(--color-card);
183
+ --accent-foreground: var(--color-text);
184
+ --destructive: var(--color-destructive);
185
+ --destructive-foreground: var(--color-white);
186
+ --border: var(--color-neutral-200);
187
+ --input: var(--color-neutral-200);
188
+ --ring: var(--color-primary);
189
+ --radius: 0.5rem;
190
+
191
+ /* Monaco theme variables */
192
+ --monaco-background: var(--color-background);
193
+ --monaco-foreground: var(--color-text);
194
+ --monaco-border: var(--color-neutral-200);
153
195
  }
154
196
 
155
197
  [data-theme="dark"] {
@@ -164,13 +206,13 @@
164
206
  --color-card: rgba(39, 39, 39);
165
207
  --color-card-hover: rgba(79, 79, 79);
166
208
 
167
- --color-hypertext: rgba(203, 235, 64);
209
+ --color-hypertext: var(--color-text);
168
210
  --color-hypertext-hover: rgba(197, 101, 212);
169
- --color-hypertext-active: rgba(203, 235, 64);
211
+ --color-hypertext-active: var(--color-text);
170
212
 
171
213
  --color-shadow: rgba(18, 18, 18);
172
214
 
173
- --color-primary: rgba(203, 235, 64);
215
+ --color-primary: var(--color-text);
174
216
  --color-secondary: rgba(255, 230, 109);
175
217
  --color-destructive: rgba(251, 125, 60);
176
218
  --color-neutral: rgba(93, 93, 93);
@@ -181,8 +223,35 @@
181
223
 
182
224
  --color-white: rgba(255, 255, 255);
183
225
  --color-black: rgba(0, 0, 0);
226
+
227
+ /* Shadcn mappings (Dark) */
228
+ --background: var(--color-background);
229
+ --foreground: var(--color-text);
230
+ --card: var(--color-card);
231
+ --card-foreground: var(--color-text);
232
+ --popover: var(--color-card);
233
+ --popover-foreground: var(--color-text);
234
+ --primary: var(--color-text);
235
+ --primary-foreground: var(--color-background);
236
+ --secondary: var(--color-secondary);
237
+ --secondary-foreground: var(--color-text-light);
238
+ --muted: rgba(79, 79, 79, 1);
239
+ --muted-foreground: rgba(176, 176, 176, 1);
240
+ --accent: var(--color-card);
241
+ --accent-foreground: var(--color-text);
242
+ --destructive: var(--color-destructive);
243
+ --destructive-foreground: var(--color-white);
244
+ --border: rgba(79, 79, 79, 1);
245
+ --input: rgba(79, 79, 79, 1);
246
+ --ring: var(--color-primary);
247
+
248
+ /* Monaco theme variables */
249
+ --monaco-background: var(--color-background);
250
+ --monaco-foreground: var(--color-text);
251
+ --monaco-border: rgba(79, 79, 79, 1);
184
252
  }
185
253
 
186
254
  @plugin '@tailwindcss/aspect-ratio';
187
255
 
188
256
  @source "./src/**/*.{ts,tsx,svg}";
257
+