@firecms/ui 3.3.0-canary.451aa49 → 3.3.0-canary.5906216

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 (80) hide show
  1. package/dist/components/Autocomplete.d.ts +1 -1
  2. package/dist/components/BooleanSwitchWithLabel.d.ts +1 -1
  3. package/dist/components/Card.d.ts +2 -3
  4. package/dist/components/Checkbox.d.ts +2 -1
  5. package/dist/components/Chip.d.ts +5 -1
  6. package/dist/components/CircularProgress.d.ts +2 -1
  7. package/dist/components/Collapse.d.ts +1 -1
  8. package/dist/components/ColorPicker.d.ts +2 -1
  9. package/dist/components/DebouncedTextField.d.ts +2 -1
  10. package/dist/components/Dialog.d.ts +2 -1
  11. package/dist/components/DialogActions.d.ts +1 -1
  12. package/dist/components/DialogContent.d.ts +1 -1
  13. package/dist/components/DialogTitle.d.ts +1 -1
  14. package/dist/components/ExpandablePanel.d.ts +1 -1
  15. package/dist/components/FileUpload.d.ts +1 -1
  16. package/dist/components/FilterChip.d.ts +34 -0
  17. package/dist/components/IconButton.d.ts +1 -0
  18. package/dist/components/InfoLabel.d.ts +1 -1
  19. package/dist/components/LoadingButton.d.ts +1 -1
  20. package/dist/components/Menu.d.ts +1 -1
  21. package/dist/components/Menubar.d.ts +16 -16
  22. package/dist/components/MultiSelect.d.ts +1 -1
  23. package/dist/components/Paper.d.ts +1 -1
  24. package/dist/components/Popover.d.ts +3 -1
  25. package/dist/components/ResizablePanels.d.ts +1 -1
  26. package/dist/components/SearchBar.d.ts +1 -1
  27. package/dist/components/Select.d.ts +2 -2
  28. package/dist/components/Separator.d.ts +1 -1
  29. package/dist/components/Skeleton.d.ts +2 -1
  30. package/dist/components/Table.d.ts +5 -5
  31. package/dist/components/Tabs.d.ts +2 -2
  32. package/dist/components/TextField.d.ts +2 -2
  33. package/dist/components/ToggleButtonGroup.d.ts +1 -1
  34. package/dist/components/Typography.d.ts +1 -1
  35. package/dist/components/common/SelectInputLabel.d.ts +1 -1
  36. package/dist/components/index.d.ts +1 -0
  37. package/dist/hooks/PortalContainerContext.d.ts +1 -1
  38. package/dist/hooks/index.d.ts +1 -0
  39. package/dist/hooks/useDebounceCallback.d.ts +13 -0
  40. package/dist/icons/FirestoreIcon.d.ts +2 -1
  41. package/dist/icons/GitHubIcon.d.ts +2 -1
  42. package/dist/icons/HandleIcon.d.ts +1 -1
  43. package/dist/index.css +43 -32
  44. package/dist/index.es.js +988 -530
  45. package/dist/index.es.js.map +1 -1
  46. package/dist/index.umd.js +987 -529
  47. package/dist/index.umd.js.map +1 -1
  48. package/dist/styles.d.ts +1 -1
  49. package/package.json +8 -8
  50. package/src/components/Alert.tsx +7 -7
  51. package/src/components/Avatar.tsx +1 -1
  52. package/src/components/BooleanSwitch.tsx +6 -3
  53. package/src/components/Button.tsx +17 -13
  54. package/src/components/Card.tsx +3 -1
  55. package/src/components/CenteredView.tsx +1 -1
  56. package/src/components/Checkbox.tsx +10 -4
  57. package/src/components/Chip.tsx +70 -11
  58. package/src/components/Collapse.tsx +2 -0
  59. package/src/components/Dialog.tsx +8 -5
  60. package/src/components/ExpandablePanel.tsx +3 -2
  61. package/src/components/FilterChip.tsx +79 -0
  62. package/src/components/IconButton.tsx +11 -6
  63. package/src/components/InfoLabel.tsx +1 -1
  64. package/src/components/InputLabel.tsx +2 -2
  65. package/src/components/Label.tsx +1 -1
  66. package/src/components/LoadingButton.tsx +1 -1
  67. package/src/components/Menu.tsx +2 -0
  68. package/src/components/Popover.tsx +9 -3
  69. package/src/components/RadioGroup.tsx +1 -1
  70. package/src/components/Select.tsx +8 -6
  71. package/src/components/Separator.tsx +2 -2
  72. package/src/components/Skeleton.tsx +25 -8
  73. package/src/components/TextField.tsx +27 -13
  74. package/src/components/TextareaAutosize.tsx +10 -0
  75. package/src/components/ToggleButtonGroup.tsx +4 -2
  76. package/src/components/index.tsx +1 -0
  77. package/src/hooks/index.ts +1 -0
  78. package/src/hooks/useDebounceCallback.tsx +47 -0
  79. package/src/index.css +43 -32
  80. package/src/styles.ts +1 -1
package/dist/index.css CHANGED
@@ -19,26 +19,26 @@
19
19
  --color-field-disabled: rgb(224 224 226);
20
20
  --color-field-disabled-dark: rgb(35 35 37);
21
21
 
22
- /* Text Colors */
23
- --color-text-primary: rgba(0, 0, 0, 0.87);
24
- --color-text-secondary: rgba(0, 0, 0, 0.52);
25
- --color-text-disabled: rgba(0, 0, 0, 0.38);
22
+ /* Text Colors — using opaque values so icon strokes render solidly */
23
+ --color-text-primary: #212121;
24
+ --color-text-secondary: #757575;
25
+ --color-text-disabled: #9e9e9e;
26
26
  --color-text-primary-dark: #ffffff;
27
- --color-text-secondary-dark: rgba(255, 255, 255, 0.6);
28
- --color-text-disabled-dark: rgba(255, 255, 255, 0.48);
27
+ --color-text-secondary-dark: #a0a0a9;
28
+ --color-text-disabled-dark: #757580;
29
29
 
30
30
  /* Surface Colors */
31
- --color-surface-50: #f8f8fc;
32
- --color-surface-100: #e7e7eb;
33
- --color-surface-200: #cfcfd6;
34
- --color-surface-300: #b7b7bf;
35
- --color-surface-400: #a0a0a9;
36
- --color-surface-500: #87878f;
37
- --color-surface-600: #6b6b74;
38
- --color-surface-700: #454552;
39
- --color-surface-800: #292934;
40
- --color-surface-900: #18181c;
41
- --color-surface-950: #101013;
31
+ --color-surface-50: #fafafa;
32
+ --color-surface-100: #f5f5f5;
33
+ --color-surface-200: #e5e5e5;
34
+ --color-surface-300: #d4d4d4;
35
+ --color-surface-400: #a3a3a3;
36
+ --color-surface-500: #737373;
37
+ --color-surface-600: #404040;
38
+ --color-surface-700: #2e2e33;
39
+ --color-surface-800: #1f1f23;
40
+ --color-surface-900: #131316;
41
+ --color-surface-950: #0d0d0f;
42
42
 
43
43
  /* Surface Accent Colors */
44
44
  --color-surface-accent-50: #f8fafc;
@@ -50,8 +50,18 @@
50
50
  --color-surface-accent-600: #475569;
51
51
  --color-surface-accent-700: #334155;
52
52
  --color-surface-accent-800: #1e293b;
53
- --color-surface-accent-900: #0f172a;
54
- --color-surface-accent-950: #020617;
53
+ --color-surface-accent-900: #172033;
54
+ --color-surface-accent-950: #0f172a;
55
+ }
56
+
57
+ /* Native UI (scrollbars, form controls) must follow the active theme,
58
+ otherwise Chrome renders light scrollbars in dark mode */
59
+ html {
60
+ color-scheme: light;
61
+ }
62
+
63
+ html.dark {
64
+ color-scheme: dark;
55
65
  }
56
66
 
57
67
  /* Chrome, Safari and Opera */
@@ -65,50 +75,51 @@
65
75
  }
66
76
 
67
77
  .typography-h1 {
68
- @apply text-6xl font-headers font-light tracking-tight;
78
+ @apply text-4xl font-headers font-semibold tracking-tight;
69
79
  }
70
80
 
71
81
  .typography-h2 {
72
- @apply text-5xl font-headers font-light tracking-tight;
82
+ @apply text-3xl font-headers font-semibold tracking-tight;
73
83
  }
74
84
 
75
85
  .typography-h3 {
76
- @apply text-4xl font-headers font-normal tracking-tight;
86
+ @apply text-2xl font-headers font-semibold tracking-tight;
77
87
  }
78
88
 
79
89
  .typography-h4 {
80
- @apply text-3xl font-headers font-normal tracking-tight;
90
+ @apply text-xl font-headers font-semibold tracking-[-0.01em];
81
91
  }
82
92
 
83
93
  .typography-h5 {
84
- @apply text-2xl font-headers font-normal;
94
+ @apply text-lg font-headers font-semibold tracking-[-0.01em];
85
95
  }
86
96
 
87
97
  .typography-h6 {
88
- @apply text-xl font-headers font-medium;
98
+ @apply text-base font-headers font-semibold tracking-[-0.01em];
89
99
  }
90
100
 
91
101
  .typography-subtitle1 {
92
- @apply text-lg font-headers font-medium;
102
+ @apply text-sm font-headers font-semibold tracking-[-0.01em];
93
103
  }
94
104
 
95
105
  .typography-subtitle2 {
96
- @apply text-base font-headers font-medium;
106
+ @apply text-sm font-headers font-medium;
97
107
  }
98
108
 
99
109
  .typography-body1 {
110
+ @apply text-sm;
100
111
  }
101
112
 
102
113
  .typography-body2 {
103
- @apply text-sm;
114
+ @apply text-xs;
104
115
  }
105
116
 
106
117
  .typography-caption {
107
- @apply text-xs;
118
+ @apply text-[11px] leading-[1.4];
108
119
  }
109
120
 
110
121
  .typography-label {
111
- @apply text-sm font-medium;
122
+ @apply text-xs font-medium tracking-wide;
112
123
  }
113
124
 
114
125
  .typography-inherit {
@@ -116,10 +127,10 @@
116
127
  }
117
128
 
118
129
  .typography-button {
119
- @apply text-sm font-semibold uppercase;
130
+ @apply text-sm font-semibold tracking-wide;
120
131
  }
121
132
 
122
133
  :focus-visible {
123
- @apply outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-transparent
134
+ @apply outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-0 focus-visible:ring-offset-transparent
124
135
  }
125
136