@saleor/macaw-ui 0.2.3 → 0.2.7

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 (88) hide show
  1. package/README.md +7 -0
  2. package/dist/ActionBar/ActionBar.d.ts +8 -0
  3. package/dist/ActionBar/context.d.ts +9 -0
  4. package/dist/ActionBar/index.d.ts +2 -0
  5. package/dist/ActionBar/styles.d.ts +2 -0
  6. package/dist/Alert/Alert.d.ts +1 -1
  7. package/dist/Alert/styles.d.ts +1 -1
  8. package/dist/Notification/styles.d.ts +1 -1
  9. package/dist/Savebar/index.d.ts +0 -1
  10. package/dist/Savebar/styles.d.ts +1 -1
  11. package/dist/icons/ArrowDropdownIcon.d.ts +2 -0
  12. package/dist/icons/CheckboxCheckedIcon.d.ts +1 -0
  13. package/dist/icons/CheckboxIcon.d.ts +1 -0
  14. package/dist/icons/CheckboxIndeterminateIcon.d.ts +1 -0
  15. package/dist/icons/CompleteIcon.d.ts +2 -0
  16. package/dist/icons/{Checkbox.d.ts → EditIcon.d.ts} +1 -1
  17. package/dist/icons/InfoIcon.d.ts +2 -0
  18. package/dist/icons/Logo.d.ts +1 -1
  19. package/dist/icons/LogoLight.d.ts +2 -0
  20. package/dist/icons/NotAllowedIcon.d.ts +2 -0
  21. package/dist/icons/NotAllowedInvertedIcon.d.ts +2 -0
  22. package/dist/icons/SearchIcon.d.ts +1 -0
  23. package/dist/icons/WarningIcon.d.ts +2 -0
  24. package/dist/icons/index.d.ts +11 -0
  25. package/dist/index.d.ts +2 -0
  26. package/dist/macaw-ui.cjs.development.js +419 -190
  27. package/dist/macaw-ui.cjs.development.js.map +1 -1
  28. package/dist/macaw-ui.cjs.production.min.js +1 -1
  29. package/dist/macaw-ui.cjs.production.min.js.map +1 -1
  30. package/dist/macaw-ui.esm.js +406 -188
  31. package/dist/macaw-ui.esm.js.map +1 -1
  32. package/dist/theme/createSaleorTheme/overrides/buttons.d.ts +2 -2
  33. package/dist/theme/createSaleorTheme/overrides/index.d.ts +2 -2
  34. package/dist/theme/createSaleorTheme/overrides/inputs.d.ts +2 -2
  35. package/dist/theme/createSaleorTheme/overrides/tables.d.ts +2 -2
  36. package/dist/theme/createSaleorTheme/shadows.d.ts +2 -2
  37. package/dist/theme/createSaleorTheme/types.d.ts +3 -7
  38. package/package.json +1 -1
  39. package/src/ActionBar/ActionBar.stories.tsx +34 -0
  40. package/src/ActionBar/ActionBar.tsx +58 -0
  41. package/src/ActionBar/context.tsx +32 -0
  42. package/src/ActionBar/index.ts +2 -0
  43. package/src/ActionBar/styles.ts +27 -0
  44. package/src/Alert/Alert.stories.tsx +10 -0
  45. package/src/Alert/Alert.tsx +10 -15
  46. package/src/Alert/styles.ts +0 -1
  47. package/src/Notification/Notification.tsx +7 -13
  48. package/src/Notification/styles.ts +0 -1
  49. package/src/Savebar/Savebar.stories.tsx +8 -7
  50. package/src/Savebar/Savebar.tsx +37 -69
  51. package/src/Savebar/index.ts +0 -1
  52. package/src/Savebar/styles.ts +0 -18
  53. package/src/Sidebar/MenuItem.tsx +0 -1
  54. package/src/Sidebar/Sidebar.tsx +8 -2
  55. package/src/SidebarDrawer/SidebarDrawer.tsx +4 -1
  56. package/src/UserChipMenu/UserChipMenu.tsx +2 -2
  57. package/src/icons/{ArrowDropdown.tsx → ArrowDropdownIcon.tsx} +3 -3
  58. package/src/icons/{CheckboxChecked.tsx → CheckboxCheckedIcon.tsx} +2 -2
  59. package/src/icons/{Checkbox.tsx → CheckboxIcon.tsx} +2 -2
  60. package/src/icons/{CheckboxIndeterminate.tsx → CheckboxIndeterminateIcon.tsx} +2 -2
  61. package/src/icons/CompleteIcon.tsx +25 -0
  62. package/src/icons/EditIcon.tsx +12 -0
  63. package/src/icons/InfoIcon.tsx +23 -0
  64. package/src/icons/Logo.tsx +3 -8
  65. package/src/icons/LogoLight.tsx +27 -0
  66. package/src/icons/NotAllowedIcon.tsx +25 -0
  67. package/src/icons/NotAllowedInvertedIcon.tsx +25 -0
  68. package/src/icons/SearchIcon.tsx +12 -0
  69. package/src/icons/WarningIcon.tsx +23 -0
  70. package/src/icons/index.ts +11 -0
  71. package/src/index.tsx +2 -0
  72. package/src/theme/ThemeProvider.tsx +3 -3
  73. package/src/theme/createSaleorTheme/createSaleorTheme.ts +7 -1
  74. package/src/theme/createSaleorTheme/overrides/buttons.ts +4 -2
  75. package/src/theme/createSaleorTheme/overrides/index.ts +2 -2
  76. package/src/theme/createSaleorTheme/overrides/inputs.ts +4 -3
  77. package/src/theme/createSaleorTheme/overrides/tables.ts +2 -3
  78. package/src/theme/createSaleorTheme/shadows.ts +2 -2
  79. package/src/theme/createSaleorTheme/types.ts +4 -10
  80. package/dist/Savebar/context.d.ts +0 -9
  81. package/dist/icons/ArrowDropdown.d.ts +0 -2
  82. package/dist/icons/CheckboxChecked.d.ts +0 -1
  83. package/dist/icons/CheckboxIndeterminate.d.ts +0 -1
  84. package/src/Savebar/context.tsx +0 -32
  85. package/src/assets/alert_icon.svg +0 -5
  86. package/src/assets/error_icon.svg +0 -5
  87. package/src/assets/info_icon.svg +0 -5
  88. package/src/assets/success_icon.svg +0 -5
package/README.md CHANGED
@@ -38,3 +38,10 @@ import { ThemeProvider } from "@saleor/macaw-ui";
38
38
  ## License
39
39
  Distributed under the Creative Common Attribution 4.0 International License
40
40
  [https://creativecommons.org/licenses/by/4.0/](https://creativecommons.org/licenses/by/4.0/)
41
+
42
+ ## Thanks
43
+
44
+ <a href="https://www.chromatic.com/"><img src="https://user-images.githubusercontent.com/321738/84662277-e3db4f80-af1b-11ea-88f5-91d67a5e59f6.png" width="153" height="30" alt="Chromatic" /></a>
45
+
46
+ Thanks to [Chromatic](https://www.chromatic.com/) for providing the visual testing platform that helps us review UI changes and catch visual regressions.
47
+
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ import { ConfirmButtonTransitionState } from "../ConfirmButton";
3
+ export interface ActionBarProps {
4
+ disabled: boolean;
5
+ state: ConfirmButtonTransitionState;
6
+ children: React.ReactNode[] | React.ReactNode;
7
+ }
8
+ export declare const ActionBar: React.FC<ActionBarProps>;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ export interface ActionBarContextType {
3
+ anchor: React.RefObject<HTMLDivElement>;
4
+ docked: boolean;
5
+ setDocked: (docked: boolean) => void;
6
+ }
7
+ export declare const ActionBarContext: React.Context<ActionBarContextType | undefined>;
8
+ export declare const useActionBar: () => ActionBarContextType;
9
+ export declare const ActionBarProvider: React.FC;
@@ -0,0 +1,2 @@
1
+ export * from "./ActionBar";
2
+ export * from "./context";
@@ -0,0 +1,2 @@
1
+ declare const useStyles: (props?: any) => Record<"content" | "paper" | "root", string>;
2
+ export default useStyles;
@@ -4,6 +4,6 @@ export interface AlertProps {
4
4
  className?: string;
5
5
  close?: boolean;
6
6
  variant: AlertVariant;
7
- title: string;
7
+ title?: string;
8
8
  }
9
9
  export declare const Alert: React.FC<AlertProps>;
@@ -1,2 +1,2 @@
1
- declare const useStyles: (props?: any) => Record<"close" | "content" | "icon" | "closeNoContent" | "container" | "root" | "titleBar" | "error" | "success" | "warning", string>;
1
+ declare const useStyles: (props?: any) => Record<"close" | "content" | "closeNoContent" | "container" | "root" | "titleBar" | "error" | "success" | "warning", string>;
2
2
  export default useStyles;
@@ -1,2 +1,2 @@
1
- declare const useStyles: (props?: any) => Record<"actionBtn" | "text" | "icon" | "closeBtn" | "closeBtnInfo" | "error" | "success" | "warning" | "info" | "hiddenText" | "snackbar" | "snackbarContainer" | "snackbarAction" | "messageContainer" | "container" | "title", string>;
1
+ declare const useStyles: (props?: any) => Record<"actionBtn" | "text" | "closeBtn" | "closeBtnInfo" | "error" | "success" | "warning" | "info" | "hiddenText" | "snackbar" | "snackbarContainer" | "snackbarAction" | "messageContainer" | "container" | "title", string>;
2
2
  export default useStyles;
@@ -1,2 +1 @@
1
1
  export * from "./Savebar";
2
- export * from "./context";
@@ -1,2 +1,2 @@
1
- declare const useStyles: (props?: any) => Record<"button" | "content" | "cancelButton" | "deleteButton" | "paper" | "root" | "spacer", string>;
1
+ declare const useStyles: (props?: any) => Record<"button" | "cancelButton" | "deleteButton" | "spacer", string>;
2
2
  export default useStyles;
@@ -0,0 +1,2 @@
1
+ declare const ArrowDropdownIcon: import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").SvgIconTypeMap<{}, "svg">>;
2
+ export default ArrowDropdownIcon;
@@ -0,0 +1 @@
1
+ export declare const CheckboxCheckedIcon: import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").SvgIconTypeMap<{}, "svg">>;
@@ -0,0 +1 @@
1
+ export declare const CheckboxIcon: import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").SvgIconTypeMap<{}, "svg">>;
@@ -0,0 +1 @@
1
+ export declare const CheckboxIndeterminateIcon: import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").SvgIconTypeMap<{}, "svg">>;
@@ -0,0 +1,2 @@
1
+ import React from "react";
2
+ export declare const CompleteIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -1 +1 @@
1
- export declare const Checkbox: import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").SvgIconTypeMap<{}, "svg">>;
1
+ export declare const EditIcon: import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").SvgIconTypeMap<{}, "svg">>;
@@ -0,0 +1,2 @@
1
+ import React from "react";
2
+ export declare const InfoIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -1,2 +1,2 @@
1
1
  import React from "react";
2
- export declare const Logo: React.FC;
2
+ export declare const Logo: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -0,0 +1,2 @@
1
+ import React from "react";
2
+ export declare const LogoLight: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -0,0 +1,2 @@
1
+ import React from "react";
2
+ export declare const NotAllowedIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -0,0 +1,2 @@
1
+ import React from "react";
2
+ export declare const NotAllowedInvertedIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -0,0 +1 @@
1
+ export declare const SearchIcon: import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").SvgIconTypeMap<{}, "svg">>;
@@ -0,0 +1,2 @@
1
+ import React from "react";
2
+ export declare const WarningIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -0,0 +1,11 @@
1
+ export * from "./CompleteIcon";
2
+ export * from "./InfoIcon";
3
+ export * from "./NotAllowedIcon";
4
+ export * from "./NotAllowedInvertedIcon";
5
+ export * from "./WarningIcon";
6
+ export * from "./ArrowDropdownIcon";
7
+ export * from "./CheckboxIcon";
8
+ export * from "./CheckboxCheckedIcon";
9
+ export * from "./CheckboxIndeterminateIcon";
10
+ export * from "./SearchIcon";
11
+ export * from "./EditIcon";
package/dist/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export * from "./theme";
2
2
  export * from "./extensions";
3
+ export * from "./icons";
3
4
  export * from "./Savebar";
4
5
  export * from "./Backlink";
5
6
  export * from "./ConfirmButton";
@@ -11,3 +12,4 @@ export * from "./Notification";
11
12
  export * from "./UserChipMenu";
12
13
  export * from "./ResponsiveTable";
13
14
  export * from "./Tooltip";
15
+ export * from "./ActionBar";