@firecms/ui 3.0.0-alpha.73 → 3.0.0-alpha.75

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 (36) hide show
  1. package/dist/components/CenteredView.d.ts +1 -2
  2. package/dist/components/Checkbox.d.ts +2 -1
  3. package/dist/index.es.js +7352 -7343
  4. package/dist/index.es.js.map +1 -1
  5. package/dist/index.umd.js +10 -10
  6. package/dist/index.umd.js.map +1 -1
  7. package/dist/styles.d.ts +5 -5
  8. package/package.json +2 -2
  9. package/src/components/Alert.tsx +9 -5
  10. package/src/components/Autocomplete.tsx +2 -2
  11. package/src/components/Avatar.tsx +4 -4
  12. package/src/components/Badge.tsx +1 -1
  13. package/src/components/BooleanSwitch.tsx +4 -4
  14. package/src/components/Button.tsx +1 -1
  15. package/src/components/Card.tsx +0 -1
  16. package/src/components/CenteredView.tsx +1 -3
  17. package/src/components/Checkbox.tsx +26 -9
  18. package/src/components/Chip.tsx +2 -2
  19. package/src/components/DateTimeField.tsx +4 -4
  20. package/src/components/Dialog.tsx +2 -3
  21. package/src/components/IconButton.tsx +3 -3
  22. package/src/components/Menu.tsx +1 -1
  23. package/src/components/MultiSelect.tsx +4 -4
  24. package/src/components/Popover.tsx +1 -1
  25. package/src/components/SearchBar.tsx +2 -2
  26. package/src/components/Select.tsx +6 -6
  27. package/src/components/Sheet.tsx +1 -1
  28. package/src/components/Skeleton.tsx +1 -1
  29. package/src/components/Spinner.tsx +1 -1
  30. package/src/components/Table.tsx +7 -7
  31. package/src/components/Tabs.tsx +8 -8
  32. package/src/components/TextField.tsx +2 -2
  33. package/src/components/Tooltip.tsx +2 -2
  34. package/src/components/Typography.tsx +1 -1
  35. package/src/components/common/SelectInputLabel.tsx +1 -1
  36. package/src/styles.ts +5 -5
package/src/components/Typography.tsx CHANGED
@@ -54,7 +54,7 @@ const variantToClasses = {
54
54
  subtitle2: "text-base font-headers font-medium",
55
55
  body1: "text-base",
56
56
  body2: "text-sm",
57
- label: "text-sm font-medium text-gray-500",
57
+ label: "text-sm font-medium text-slate-500",
58
58
  inherit: "text-inherit",
59
59
  caption: "text-xs",
60
60
  button: "text-sm font-medium"
package/src/components/common/SelectInputLabel.tsx CHANGED
@@ -3,7 +3,7 @@ import { cn } from "../../util";
3
3
 
4
4
  export function SelectInputLabel({ children, error }: { children: React.ReactNode, error?: boolean }) {
5
5
  return <div className={cn("text-sm font-medium ml-3.5 mb-1",
6
- error ? "text-red-500 dark:text-red-600" : "text-gray-500 dark:text-gray-300",)}>
6
+ error ? "text-red-500 dark:text-red-600" : "text-slate-500 dark:text-slate-300",)}>
7
7
  {children}
8
8
  </div>;
9
9
  }
package/src/styles.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  export const focusedMixin = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-transparent";
2
- export const focusedInvisibleMixin = "focus:bg-opacity-70 focus:bg-gray-100 focus:dark:bg-gray-800 focus:dark:bg-opacity-60";
2
+ export const focusedInvisibleMixin = "focus:bg-opacity-70 focus:bg-slate-100 focus:dark:bg-gray-800 focus:dark:bg-opacity-60";
3
3
  export const focusedClasses = "z-30 outline-none ring-2 ring-primary ring-opacity-75 ring-offset-2 ring-offset-transparent ";
4
- export const fieldBackgroundMixin = "bg-opacity-70 bg-gray-100 dark:bg-gray-800 dark:bg-opacity-60 transition duration-150 ease-in-out";
5
- export const fieldBackgroundInvisibleMixin = "bg-opacity-0 bg-gray-100 dark:bg-gray-800 dark:bg-opacity-0 transition duration-150 ease-in-out";
6
- export const fieldBackgroundDisabledMixin = "bg-opacity-100 dark:bg-opacity-90";
7
- export const fieldBackgroundHoverMixin = "hover:bg-opacity-90 dark:hover:bg-opacity-90";
4
+ export const fieldBackgroundMixin = "bg-opacity-50 bg-slate-200 dark:bg-gray-800 dark:bg-opacity-60 transition duration-150 ease-in-out";
5
+ export const fieldBackgroundInvisibleMixin = "bg-opacity-0 bg-slate-100 dark:bg-gray-800 dark:bg-opacity-0 transition duration-150 ease-in-out";
6
+ export const fieldBackgroundDisabledMixin = "bg-opacity-80 dark:bg-opacity-90";
7
+ export const fieldBackgroundHoverMixin = "hover:bg-opacity-70 dark:hover:bg-opacity-90";
8
8
  export const defaultBorderMixin = "border-gray-100 dark:border-gray-800 dark:border-opacity-80";
9
9
  export const paperMixin = "bg-white rounded-md dark:bg-gray-950 border dark:border-gray-800 dark:border-opacity-90 border-gray-100";
10
10
  export const cardMixin = "bg-white rounded-md dark:bg-gray-950 dark:border-gray-800 dark:border-opacity-50 transition duration-200 ease-in-out m-1 -p-1 border border-transparent";