@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.
- package/README.md +7 -0
- package/dist/ActionBar/ActionBar.d.ts +8 -0
- package/dist/ActionBar/context.d.ts +9 -0
- package/dist/ActionBar/index.d.ts +2 -0
- package/dist/ActionBar/styles.d.ts +2 -0
- package/dist/Alert/Alert.d.ts +1 -1
- package/dist/Alert/styles.d.ts +1 -1
- package/dist/Notification/styles.d.ts +1 -1
- package/dist/Savebar/index.d.ts +0 -1
- package/dist/Savebar/styles.d.ts +1 -1
- package/dist/icons/ArrowDropdownIcon.d.ts +2 -0
- package/dist/icons/CheckboxCheckedIcon.d.ts +1 -0
- package/dist/icons/CheckboxIcon.d.ts +1 -0
- package/dist/icons/CheckboxIndeterminateIcon.d.ts +1 -0
- package/dist/icons/CompleteIcon.d.ts +2 -0
- package/dist/icons/{Checkbox.d.ts → EditIcon.d.ts} +1 -1
- package/dist/icons/InfoIcon.d.ts +2 -0
- package/dist/icons/Logo.d.ts +1 -1
- package/dist/icons/LogoLight.d.ts +2 -0
- package/dist/icons/NotAllowedIcon.d.ts +2 -0
- package/dist/icons/NotAllowedInvertedIcon.d.ts +2 -0
- package/dist/icons/SearchIcon.d.ts +1 -0
- package/dist/icons/WarningIcon.d.ts +2 -0
- package/dist/icons/index.d.ts +11 -0
- package/dist/index.d.ts +2 -0
- package/dist/macaw-ui.cjs.development.js +419 -190
- package/dist/macaw-ui.cjs.development.js.map +1 -1
- package/dist/macaw-ui.cjs.production.min.js +1 -1
- package/dist/macaw-ui.cjs.production.min.js.map +1 -1
- package/dist/macaw-ui.esm.js +406 -188
- package/dist/macaw-ui.esm.js.map +1 -1
- package/dist/theme/createSaleorTheme/overrides/buttons.d.ts +2 -2
- package/dist/theme/createSaleorTheme/overrides/index.d.ts +2 -2
- package/dist/theme/createSaleorTheme/overrides/inputs.d.ts +2 -2
- package/dist/theme/createSaleorTheme/overrides/tables.d.ts +2 -2
- package/dist/theme/createSaleorTheme/shadows.d.ts +2 -2
- package/dist/theme/createSaleorTheme/types.d.ts +3 -7
- package/package.json +1 -1
- package/src/ActionBar/ActionBar.stories.tsx +34 -0
- package/src/ActionBar/ActionBar.tsx +58 -0
- package/src/ActionBar/context.tsx +32 -0
- package/src/ActionBar/index.ts +2 -0
- package/src/ActionBar/styles.ts +27 -0
- package/src/Alert/Alert.stories.tsx +10 -0
- package/src/Alert/Alert.tsx +10 -15
- package/src/Alert/styles.ts +0 -1
- package/src/Notification/Notification.tsx +7 -13
- package/src/Notification/styles.ts +0 -1
- package/src/Savebar/Savebar.stories.tsx +8 -7
- package/src/Savebar/Savebar.tsx +37 -69
- package/src/Savebar/index.ts +0 -1
- package/src/Savebar/styles.ts +0 -18
- package/src/Sidebar/MenuItem.tsx +0 -1
- package/src/Sidebar/Sidebar.tsx +8 -2
- package/src/SidebarDrawer/SidebarDrawer.tsx +4 -1
- package/src/UserChipMenu/UserChipMenu.tsx +2 -2
- package/src/icons/{ArrowDropdown.tsx → ArrowDropdownIcon.tsx} +3 -3
- package/src/icons/{CheckboxChecked.tsx → CheckboxCheckedIcon.tsx} +2 -2
- package/src/icons/{Checkbox.tsx → CheckboxIcon.tsx} +2 -2
- package/src/icons/{CheckboxIndeterminate.tsx → CheckboxIndeterminateIcon.tsx} +2 -2
- package/src/icons/CompleteIcon.tsx +25 -0
- package/src/icons/EditIcon.tsx +12 -0
- package/src/icons/InfoIcon.tsx +23 -0
- package/src/icons/Logo.tsx +3 -8
- package/src/icons/LogoLight.tsx +27 -0
- package/src/icons/NotAllowedIcon.tsx +25 -0
- package/src/icons/NotAllowedInvertedIcon.tsx +25 -0
- package/src/icons/SearchIcon.tsx +12 -0
- package/src/icons/WarningIcon.tsx +23 -0
- package/src/icons/index.ts +11 -0
- package/src/index.tsx +2 -0
- package/src/theme/ThemeProvider.tsx +3 -3
- package/src/theme/createSaleorTheme/createSaleorTheme.ts +7 -1
- package/src/theme/createSaleorTheme/overrides/buttons.ts +4 -2
- package/src/theme/createSaleorTheme/overrides/index.ts +2 -2
- package/src/theme/createSaleorTheme/overrides/inputs.ts +4 -3
- package/src/theme/createSaleorTheme/overrides/tables.ts +2 -3
- package/src/theme/createSaleorTheme/shadows.ts +2 -2
- package/src/theme/createSaleorTheme/types.ts +4 -10
- package/dist/Savebar/context.d.ts +0 -9
- package/dist/icons/ArrowDropdown.d.ts +0 -2
- package/dist/icons/CheckboxChecked.d.ts +0 -1
- package/dist/icons/CheckboxIndeterminate.d.ts +0 -1
- package/src/Savebar/context.tsx +0 -32
- package/src/assets/alert_icon.svg +0 -5
- package/src/assets/error_icon.svg +0 -5
- package/src/assets/info_icon.svg +0 -5
- 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;
|
package/dist/Alert/Alert.d.ts
CHANGED
package/dist/Alert/styles.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const useStyles: (props?: any) => Record<"close" | "content" | "
|
|
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" | "
|
|
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;
|
package/dist/Savebar/index.d.ts
CHANGED
package/dist/Savebar/styles.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const useStyles: (props?: any) => Record<"button" | "
|
|
1
|
+
declare const useStyles: (props?: any) => Record<"button" | "cancelButton" | "deleteButton" | "spacer", string>;
|
|
2
2
|
export default useStyles;
|
|
@@ -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">>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const EditIcon: import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").SvgIconTypeMap<{}, "svg">>;
|
package/dist/icons/Logo.d.ts
CHANGED
|
@@ -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 @@
|
|
|
1
|
+
export declare const SearchIcon: import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").SvgIconTypeMap<{}, "svg">>;
|
|
@@ -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";
|