react-ui-suite 1.0.0 → 1.1.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.
Files changed (34) hide show
  1. package/README.md +174 -71
  2. package/dist/Alert-AVVBZ6TP.css +134 -0
  3. package/dist/Badge-FPJ2X7KC.css +80 -0
  4. package/dist/Button-S5BQ425L.css +49 -0
  5. package/dist/Card-SS7L6RAU.css +82 -0
  6. package/dist/Checkbox-DH24P7XS.css +113 -0
  7. package/dist/ColorPicker-K6LXYYSW.css +400 -0
  8. package/dist/Combobox-UQBN7KFK.css +130 -0
  9. package/dist/DatalistInput-72UMJ3OM.css +122 -0
  10. package/dist/DatePicker-ICNOIGZ2.css +311 -0
  11. package/dist/Dialog-ZY5E3VZ4.css +136 -0
  12. package/dist/Disclosure-YZNVFFHQ.css +95 -0
  13. package/dist/Dropdown-RQAPUZUJ.css +128 -0
  14. package/dist/InputField-TKTNGOH3.css +141 -0
  15. package/dist/NumberInput-KTYVXS7K.css +203 -0
  16. package/dist/OutputChip-CN7R243G.css +37 -0
  17. package/dist/Popover-UQEO2HLP.css +81 -0
  18. package/dist/ProgressMeter-6EOIFB3Y.css +95 -0
  19. package/dist/Radio-K6CDDBCQ.css +227 -0
  20. package/dist/ResizableContainer-KIX7YKZJ.css +165 -0
  21. package/dist/Select-UA2CM52H.css +216 -0
  22. package/dist/Slider-KHMHINU4.css +243 -0
  23. package/dist/StackedList-QF5242GF.css +109 -0
  24. package/dist/TabGroup-CV2AC3EO.css +307 -0
  25. package/dist/Table-GHEVUAUZ.css +187 -0
  26. package/dist/Textarea-ETXFJO7T.css +231 -0
  27. package/dist/Toggle-H2VEMC4W.css +125 -0
  28. package/dist/index.d.ts +80 -5
  29. package/dist/index.js +1584 -726
  30. package/dist/index.js.map +1 -1
  31. package/dist/layout-safety-HVFX63T3.css +36 -0
  32. package/dist/tokens-SXYSRKNB.css +44 -0
  33. package/dist/utility-vars-EJQQEY4Z.css +108 -0
  34. package/package.json +17 -14
package/dist/layout-safety-HVFX63T3.css ADDED
@@ -0,0 +1,36 @@
1
+ .rui-root {
2
+ box-sizing: border-box;
3
+ min-width: 0;
4
+ min-height: 0;
5
+ max-width: 100%;
6
+ max-height: 100%;
7
+ }
8
+
9
+ .rui-surface {
10
+ overflow: hidden;
11
+ }
12
+
13
+ .rui-overlay-root {
14
+ box-sizing: border-box;
15
+ }
16
+
17
+ .rui-text-truncate {
18
+ overflow: hidden;
19
+ text-overflow: ellipsis;
20
+ white-space: nowrap;
21
+ min-width: 0;
22
+ }
23
+
24
+ .rui-text-wrap {
25
+ white-space: normal;
26
+ overflow-wrap: anywhere;
27
+ min-width: 0;
28
+ }
29
+
30
+ .rui-root img,
31
+ .rui-root svg,
32
+ .rui-root video,
33
+ .rui-root canvas {
34
+ max-width: 100%;
35
+ max-height: 100%;
36
+ }
package/dist/tokens-SXYSRKNB.css ADDED
@@ -0,0 +1,44 @@
1
+ :root,
2
+ [data-theme="light"] {
3
+ --rui-color-surface: #ffffff;
4
+ --rui-color-surface-muted: #f1f5f9; /* slate-100 */
5
+ --rui-color-surface-ghost-hover: rgba(15, 23, 42, 0.04); /* slate-900 @ 4% */
6
+ --rui-color-surface-inverse: rgba(24, 24, 27, 1); /* zinc-900/70 */
7
+ --rui-color-surface-inverse-hover: #27272a; /* zinc-800 */
8
+ --rui-color-border: #cbd5f5; /* slate-300 */
9
+ --rui-color-border-strong: #94a3b8; /* slate-400 */
10
+ --rui-color-border-inverse: rgba(63, 63, 70, 0.6); /* zinc-700/60 */
11
+ --rui-color-border-inverse-hover: #71717a; /* zinc-500 */
12
+ --rui-color-text-strong: #0f172a; /* slate-900 */
13
+ --rui-color-text-muted: #475569; /* slate-600 */
14
+ --rui-color-text-inverse: #f4f4f5; /* zinc-100 */
15
+ --rui-color-focus-ring: #64748b; /* slate-500 */
16
+
17
+ --rui-shadow-button: 0 1px 2px rgb(15 23 42 / 0.08);
18
+
19
+ --rui-radius-xl: 0.75rem;
20
+
21
+ --rui-space-1: 0.25rem;
22
+ --rui-space-1-5: 0.375rem;
23
+ --rui-space-2: 0.5rem;
24
+ --rui-space-3: 0.75rem;
25
+ --rui-space-4: 1rem;
26
+ }
27
+
28
+ [data-theme="dark"] {
29
+ --rui-color-surface: rgba(24, 24, 27, 1); /* zinc-900/70 */
30
+ --rui-color-surface-muted: #27272a; /* zinc-800 */
31
+ --rui-color-surface-ghost-hover: rgba(248, 250, 252, 0.05); /* light tint */
32
+ --rui-color-surface-inverse: #ffffff;
33
+ --rui-color-surface-inverse-hover: #f8fafc;
34
+ --rui-color-border: rgba(63, 63, 70, 0.6); /* zinc-700/60 */
35
+ --rui-color-border-strong: #71717a; /* zinc-500 */
36
+ --rui-color-border-inverse: rgba(148, 163, 184, 0.15); /* slate-400/15 */
37
+ --rui-color-border-inverse-hover: rgba(148, 163, 184, 0.4);
38
+ --rui-color-text-strong: #f4f4f5; /* zinc-100 */
39
+ --rui-color-text-muted: #d4d4d8; /* zinc-300 */
40
+ --rui-color-text-inverse: #0f172a;
41
+ --rui-color-focus-ring: #cbd5f5; /* slate-300 */
42
+
43
+ --rui-shadow-button: 0 1px 2px rgba(2, 6, 23, 0.2); /* slate-950/20 */
44
+ }
package/dist/utility-vars-EJQQEY4Z.css ADDED
@@ -0,0 +1,108 @@
1
+ /* Minimal base needed for generated utility output parity (variable initialization only). */
2
+ *, ::before, ::after {
3
+ --rui-border-spacing-x: 0;
4
+ --rui-border-spacing-y: 0;
5
+ --rui-translate-x: 0;
6
+ --rui-translate-y: 0;
7
+ --rui-rotate: 0;
8
+ --rui-skew-x: 0;
9
+ --rui-skew-y: 0;
10
+ --rui-scale-x: 1;
11
+ --rui-scale-y: 1;
12
+ --rui-pan-x: ;
13
+ --rui-pan-y: ;
14
+ --rui-pinch-zoom: ;
15
+ --rui-scroll-snap-strictness: proximity;
16
+ --rui-gradient-from-position: ;
17
+ --rui-gradient-via-position: ;
18
+ --rui-gradient-to-position: ;
19
+ --rui-ordinal: ;
20
+ --rui-slashed-zero: ;
21
+ --rui-numeric-figure: ;
22
+ --rui-numeric-spacing: ;
23
+ --rui-numeric-fraction: ;
24
+ --rui-ring-inset: ;
25
+ --rui-ring-offset-width: 0px;
26
+ --rui-ring-offset-color: #fff;
27
+ --rui-ring-color: rgb(59 130 246 / 0.5);
28
+ --rui-ring-offset-shadow: 0 0 #0000;
29
+ --rui-ring-shadow: 0 0 #0000;
30
+ --rui-shadow: 0 0 #0000;
31
+ --rui-shadow-colored: 0 0 #0000;
32
+ --rui-blur: ;
33
+ --rui-brightness: ;
34
+ --rui-contrast: ;
35
+ --rui-grayscale: ;
36
+ --rui-hue-rotate: ;
37
+ --rui-invert: ;
38
+ --rui-saturate: ;
39
+ --rui-sepia: ;
40
+ --rui-drop-shadow: ;
41
+ --rui-backdrop-blur: ;
42
+ --rui-backdrop-brightness: ;
43
+ --rui-backdrop-contrast: ;
44
+ --rui-backdrop-grayscale: ;
45
+ --rui-backdrop-hue-rotate: ;
46
+ --rui-backdrop-invert: ;
47
+ --rui-backdrop-opacity: ;
48
+ --rui-backdrop-saturate: ;
49
+ --rui-backdrop-sepia: ;
50
+ --rui-contain-size: ;
51
+ --rui-contain-layout: ;
52
+ --rui-contain-paint: ;
53
+ --rui-contain-style: ;
54
+ }
55
+
56
+ ::backdrop {
57
+ --rui-border-spacing-x: 0;
58
+ --rui-border-spacing-y: 0;
59
+ --rui-translate-x: 0;
60
+ --rui-translate-y: 0;
61
+ --rui-rotate: 0;
62
+ --rui-skew-x: 0;
63
+ --rui-skew-y: 0;
64
+ --rui-scale-x: 1;
65
+ --rui-scale-y: 1;
66
+ --rui-pan-x: ;
67
+ --rui-pan-y: ;
68
+ --rui-pinch-zoom: ;
69
+ --rui-scroll-snap-strictness: proximity;
70
+ --rui-gradient-from-position: ;
71
+ --rui-gradient-via-position: ;
72
+ --rui-gradient-to-position: ;
73
+ --rui-ordinal: ;
74
+ --rui-slashed-zero: ;
75
+ --rui-numeric-figure: ;
76
+ --rui-numeric-spacing: ;
77
+ --rui-numeric-fraction: ;
78
+ --rui-ring-inset: ;
79
+ --rui-ring-offset-width: 0px;
80
+ --rui-ring-offset-color: #fff;
81
+ --rui-ring-color: rgb(59 130 246 / 0.5);
82
+ --rui-ring-offset-shadow: 0 0 #0000;
83
+ --rui-ring-shadow: 0 0 #0000;
84
+ --rui-shadow: 0 0 #0000;
85
+ --rui-shadow-colored: 0 0 #0000;
86
+ --rui-blur: ;
87
+ --rui-brightness: ;
88
+ --rui-contrast: ;
89
+ --rui-grayscale: ;
90
+ --rui-hue-rotate: ;
91
+ --rui-invert: ;
92
+ --rui-saturate: ;
93
+ --rui-sepia: ;
94
+ --rui-drop-shadow: ;
95
+ --rui-backdrop-blur: ;
96
+ --rui-backdrop-brightness: ;
97
+ --rui-backdrop-contrast: ;
98
+ --rui-backdrop-grayscale: ;
99
+ --rui-backdrop-hue-rotate: ;
100
+ --rui-backdrop-invert: ;
101
+ --rui-backdrop-opacity: ;
102
+ --rui-backdrop-saturate: ;
103
+ --rui-backdrop-sepia: ;
104
+ --rui-contain-size: ;
105
+ --rui-contain-layout: ;
106
+ --rui-contain-paint: ;
107
+ --rui-contain-style: ;
108
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-ui-suite",
3
- "version": "1.0.0",
3
+ "version": "1.1.2",
4
4
  "type": "module",
5
5
  "types": "dist/index.d.ts",
6
6
  "exports": {
@@ -22,28 +22,31 @@
22
22
  "dev": "tsup --watch --config tsup.config.ts",
23
23
  "lint": "eslint . --ext .ts,.tsx",
24
24
  "test": "vitest run --config ../vitest.config.ts",
25
- "prepublishOnly": "npm run build && npm run test && npm run lint"
25
+ "prepublishOnly": "npm run build && npm run test && npm run lint",
26
+ "format": "prettier . --write",
27
+ "format:check": "prettier . --check",
28
+ "publish": "npm publish --access public"
26
29
  },
27
30
  "peerDependencies": {
28
- "react": "^18",
29
- "react-dom": "^18"
31
+ "react": "^19.2.4",
32
+ "react-dom": "^19.2.4"
30
33
  },
31
34
  "dependencies": {
32
- "tailwind-merge": "^2.3.0"
35
+ "clsx": "^2.1.1"
33
36
  },
34
37
  "devDependencies": {
35
38
  "@testing-library/jest-dom": "^6.6.3",
36
- "@testing-library/react": "^16.1.0",
39
+ "@testing-library/react": "^16.3.2",
37
40
  "@testing-library/user-event": "^14.5.2",
38
- "@types/react": "^18.3.3",
39
- "@types/react-dom": "^18.3.0",
40
- "@vitest/mocker": "^4.0.15",
41
- "jsdom": "^25.0.1",
42
- "react": "^18.3.1",
43
- "react-dom": "^18.3.1",
41
+ "@types/react": "^19.2.13",
42
+ "@types/react-dom": "^19.2.3",
43
+ "@vitest/mocker": "^4.0.18",
44
+ "jsdom": "^28.0.0",
45
+ "react": "^19.2.4",
46
+ "react-dom": "^19.2.4",
44
47
  "tsup": "^8.5.1",
45
48
  "typescript": "^5.9.3",
46
- "vite-node": "^5.2.0",
47
- "vitest": "^4.0.15"
49
+ "vite-node": "^5.3.0",
50
+ "vitest": "^4.0.18"
48
51
  }
49
52
  }