@firecms/ui 3.0.0-canary.65 → 3.0.0-canary.67

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 (6) hide show
  1. package/dist/index.es.js +16 -8
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.umd.js +1 -1
  4. package/dist/index.umd.js.map +1 -1
  5. package/package.json +2 -2
  6. package/src/components/Menubar.tsx +12 -9
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@firecms/ui",
3
3
  "type": "module",
4
- "version": "3.0.0-canary.65",
4
+ "version": "3.0.0-canary.67",
5
5
  "description": "Awesome Firebase/Firestore-based headless open-source CMS",
6
6
  "funding": {
7
7
  "url": "https://github.com/sponsors/firecmsco"
@@ -117,7 +117,7 @@
117
117
  "src",
118
118
  "tailwind.config.js"
119
119
  ],
120
- "gitHead": "98cb193ab118f1593913f82bdedea344bcac6c87",
120
+ "gitHead": "1b00fdca862f86ddec3fbed0cefc1e6a95d076d6",
121
121
  "publishConfig": {
122
122
  "access": "public"
123
123
  }
package/src/components/Menubar.tsx CHANGED
@@ -7,7 +7,8 @@ export function Menubar({
7
7
  className
8
8
  }: { children: React.ReactNode, className?: string }) {
9
9
  return (
10
- <MenubarPrimitive.Root className={cls("z-10 flex bg-white dark:bg-gray-950 p-[3px] rounded-sm shadow-sm", className)}>
10
+ <MenubarPrimitive.Root
11
+ className={cls("z-10 flex bg-white dark:bg-gray-950 p-[3px] rounded-sm shadow-sm", className)}>
11
12
  {children}
12
13
  </MenubarPrimitive.Root>
13
14
  )
@@ -29,7 +30,7 @@ export function MenubarTrigger({
29
30
  }: { children: React.ReactNode, className?: string }) {
30
31
  return (
31
32
  <MenubarPrimitive.Trigger
32
- className={cls("py-2 px-3 outline-none select-none font-medium leading-none rounded text-text-primary dark:text-text-primary-dark text-[13px] flex items-center justify-between gap-[2px] data-[highlighted]:bg-gray-100 data-[highlighted]:dark:bg-gray-800 data-[state=open]:bg-gray-100 data-[state=open]:dark:bg-gray-800",
33
+ className={cls("py-2 px-3 outline-none select-none font-medium leading-none rounded text-text-primary dark:text-text-primary-dark text-[13px] flex items-center justify-between gap-[2px] data-[highlighted]:bg-slate-100 data-[highlighted]:dark:bg-gray-800 data-[state=open]:bg-slate-100 data-[state=open]:dark:bg-gray-800 hover:bg-slate-200 hover:bg-opacity-75 dark:hover:bg-gray-700 dark:hover:bg-opacity-50",
33
34
  className)}>
34
35
  {children}
35
36
  </MenubarPrimitive.Trigger>
@@ -87,8 +88,9 @@ export function MenubarItem({
87
88
  }) {
88
89
  return (
89
90
  <MenubarPrimitive.Item
90
- className={cls("group text-[13px] leading-none text-text-primary dark:text-text-primary-dark rounded flex items-center h-[32px] px-[10px] py-[2px] relative select-none outline-none data-[state=open]:bg-gray-100 data-[state=open]:dark:bg-gray-800 data-[state=open]:text-text-primary data-[state=open]:dark:text-text-primary-dark data-[highlighted]:bg-gray-100 data-[highlighted]:dark:bg-gray-800 data-[disabled]:text-disabled data-[disabled]:dark:text-disabled-dark data-[disabled]:pointer-events-none",
91
+ className={cls("group text-[13px] leading-none rounded flex items-center h-[32px] px-[10px] py-[2px] relative select-none outline-none data-[state=open]:bg-slate-100 data-[state=open]:dark:bg-gray-800 data-[state=open]:text-text-primary data-[state=open]:dark:text-text-primary-dark data-[highlighted]:bg-slate-100 data-[highlighted]:dark:bg-gray-800 data-[disabled]:text-disabled data-[disabled]:dark:text-disabled-dark data-[disabled]:pointer-events-none",
91
92
  leftPadding ? "pl-5" : "",
93
+ disabled ? "pointer-events-none text-text-secondary dark:text-text-secondary-dark" : "text-text-primary dark:text-text-primary-dark",
92
94
  className)}
93
95
  disabled={disabled}
94
96
  {...rest}
@@ -108,7 +110,7 @@ export function MenubarSeparator({
108
110
  }) {
109
111
  return (
110
112
  <MenubarPrimitive.Separator
111
- className={cls("h-[1px] bg-gray-100 dark:bg-gray-800 m-[5px]", className)}
113
+ className={cls("h-[1px] bg-slate-100 dark:bg-gray-800 m-[5px]", className)}
112
114
  {...rest}
113
115
  >
114
116
  {children}
@@ -141,7 +143,7 @@ export function MenubarSubTrigger({
141
143
  }) {
142
144
  return (
143
145
  <MenubarPrimitive.SubTrigger
144
- className={cls("group text-[13px] leading-none text-text-primary dark:text-text-primary-dark rounded flex items-center h-[32px] px-[10px] py-[2px] relative select-none outline-none data-[state=open]:bg-gray-100 data-[state=open]:dark:bg-gray-800 data-[state=open]:text-text-primary data-[state=open]:dark:text-text-primary-dark data-[highlighted]:bg-gray-100 data-[highlighted]:dark:bg-gray-800 data-[disabled]:text-disabled data-[disabled]:dark:text-disabled-dark data-[disabled]:pointer-events-none",
146
+ className={cls("group text-[13px] leading-none text-text-primary dark:text-text-primary-dark rounded flex items-center h-[32px] px-[10px] py-[2px] relative select-none outline-none data-[state=open]:bg-slate-100 data-[state=open]:dark:bg-gray-800 data-[state=open]:text-text-primary data-[state=open]:dark:text-text-primary-dark data-[highlighted]:bg-slate-100 data-[highlighted]:dark:bg-gray-800 data-[disabled]:text-disabled data-[disabled]:dark:text-disabled-dark data-[disabled]:pointer-events-none",
145
147
  className)}
146
148
  {...rest}
147
149
  >
@@ -186,7 +188,7 @@ export function MenubarCheckboxItem({
186
188
  }) {
187
189
  return (
188
190
  <MenubarPrimitive.CheckboxItem
189
- className={cls("text-[13px] leading-none text-text-primary dark:text-text-primary-dark rounded flex items-center h-[32px] px-[10px] py-[2px] relative select-none pl-5 outline-none data-[highlighted]:bg-gray-100 data-[highlighted]:dark:bg-gray-800 data-[disabled]:text-disabled data-[disabled]:dark:text-disabled-dark data-[disabled]:pointer-events-none",
191
+ className={cls("text-[13px] leading-none text-text-primary dark:text-text-primary-dark rounded flex items-center h-[32px] px-[10px] py-[2px] relative select-none pl-5 outline-none data-[highlighted]:bg-slate-100 data-[highlighted]:dark:bg-gray-800 data-[disabled]:text-disabled data-[disabled]:dark:text-disabled-dark data-[disabled]:pointer-events-none",
190
192
  className)}
191
193
  checked={checked}
192
194
  onCheckedChange={onCheckedChange}
@@ -249,7 +251,7 @@ export function MenubarRadioItem({
249
251
  }) {
250
252
  return (
251
253
  <MenubarPrimitive.RadioItem
252
- className={cls("text-[13px] leading-none text-text-primary dark:text-text-primary-dark rounded flex items-center h-[32px] px-[10px] py-[2px] relative select-none pl-5 outline-none data-[highlighted]:bg-gray-100 data-[highlighted]:dark:bg-gray-800 data-[disabled]:text-disabled data-[disabled]:dark:text-disabled-dark data-[disabled]:pointer-events-none",
254
+ className={cls("text-[13px] leading-none text-text-primary dark:text-text-primary-dark rounded flex items-center h-[32px] px-[10px] py-[2px] relative select-none pl-5 outline-none data-[highlighted]:bg-slate-100 data-[highlighted]:dark:bg-gray-800 data-[disabled]:text-disabled data-[disabled]:dark:text-disabled-dark data-[disabled]:pointer-events-none",
253
255
  className)}
254
256
  value={value}
255
257
  {...rest}>
@@ -268,8 +270,9 @@ export function MenubarShortcut({
268
270
  }) {
269
271
  return (
270
272
  <div
271
- className={cls("ml-auto pl-5 group-data-[highlighted]:text-white group-data-[disabled]:text-disabled data-[disabled]:dark:text-disabled-dark",
272
- className)}>
273
+ className={cls("ml-auto pl-5 group-data-[disabled]:text-disabled data-[disabled]:dark:text-disabled-dark",
274
+ className)}
275
+ {...rest}>
273
276
  {children}
274
277
  </div>
275
278
  )