@nextelco/common-ui 1.6.85 → 1.6.87
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/dist/bundle.js +1 -1
- package/dist/types/components/atoms/Button/variants/ActionButton.d.ts +2 -2
- package/dist/types/components/atoms/Button/variants/IconButton.d.ts +3 -1
- package/dist/types/components/atoms/Button/variants/IconButton.stories.d.ts +5 -1
- package/dist/types/components/atoms/Card/Card3.d.ts +1 -1
- package/dist/types/components/atoms/Card/Card6.d.ts +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/styles/themes/ButtonThemes.d.ts +3 -0
- package/dist/types/types/ButtonThemes.d.ts +13 -0
- package/package.json +1 -1
- package/dist/types/types/ButtonTheme.d.ts +0 -8
@@ -1,12 +1,12 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { PropsWithChildren } from 'react';
|
3
3
|
import { IconProp } from '@fortawesome/fontawesome-svg-core';
|
4
|
-
import { ButtonTheme } from '../../../../types/ButtonTheme';
|
5
4
|
import './ActionButton.scss';
|
5
|
+
import { ActionButtonTheme } from '../../../../types/ButtonThemes';
|
6
6
|
type Props = PropsWithChildren<{
|
7
7
|
icon?: IconProp;
|
8
8
|
title: string;
|
9
|
-
theme:
|
9
|
+
theme: ActionButtonTheme;
|
10
10
|
onClick: () => void;
|
11
11
|
}>;
|
12
12
|
declare const ActionButton: ({ icon, title, theme, onClick }: Props) => React.JSX.Element;
|
@@ -2,9 +2,11 @@ import React from 'react';
|
|
2
2
|
import { PropsWithChildren } from 'react';
|
3
3
|
import { IconProp } from '@fortawesome/fontawesome-svg-core';
|
4
4
|
import './IconButton.scss';
|
5
|
+
import { IconButtonTheme } from '../../../../types/ButtonThemes';
|
5
6
|
type Props = PropsWithChildren<{
|
6
7
|
icon: IconProp;
|
7
8
|
onClick: () => void;
|
9
|
+
theme: IconButtonTheme;
|
8
10
|
}>;
|
9
|
-
declare const IconButton: ({ icon, onClick }: Props) => React.JSX.Element;
|
11
|
+
declare const IconButton: ({ icon, onClick, theme }: Props) => React.JSX.Element;
|
10
12
|
export default IconButton;
|
@@ -2,6 +2,10 @@ import type { Meta, StoryObj } from '@storybook/react';
|
|
2
2
|
import IconButton from './IconButton';
|
3
3
|
declare const meta: Meta<typeof IconButton>;
|
4
4
|
export default meta;
|
5
|
-
type Story = StoryObj<typeof
|
5
|
+
type Story = StoryObj<typeof IconButton>;
|
6
6
|
export declare const Close: Story;
|
7
7
|
export declare const Filter: Story;
|
8
|
+
export declare const DefaultSize: Story;
|
9
|
+
export declare const CompactSize: Story;
|
10
|
+
export declare const UltraCompactSize: Story;
|
11
|
+
export declare const LargeSize: Story;
|
@@ -12,5 +12,5 @@ type Props = PropsWithChildren<{
|
|
12
12
|
image: string;
|
13
13
|
onClick: () => void;
|
14
14
|
}>;
|
15
|
-
declare const Card3: ({ text1, text2, textFontColor, backgroundColor, textButton, textButtonFontColor, buttonBackgroundColor, image, onClick }: Props) => React.JSX.Element;
|
15
|
+
declare const Card3: ({ text1, text2, textFontColor, backgroundColor, textButton, textButtonFontColor, buttonBackgroundColor, image, onClick, }: Props) => React.JSX.Element;
|
16
16
|
export default Card3;
|
@@ -14,5 +14,5 @@ type Props = PropsWithChildren<{
|
|
14
14
|
image: string;
|
15
15
|
onClick: () => void;
|
16
16
|
}>;
|
17
|
-
declare const Card6: ({ text1, text2, text3, text4, textFontColor, backgroundColor, textButton, textButtonFontColor, buttonBackgroundColor, image, onClick }: Props) => React.JSX.Element;
|
17
|
+
declare const Card6: ({ text1, text2, text3, text4, textFontColor, backgroundColor, textButton, textButtonFontColor, buttonBackgroundColor, image, onClick, }: Props) => React.JSX.Element;
|
18
18
|
export default Card6;
|
package/dist/types/index.d.ts
CHANGED
@@ -32,6 +32,6 @@ export { useAuth, AuthProvider } from './contexts/authContext';
|
|
32
32
|
export { ApiProvider } from './contexts/apiContext';
|
33
33
|
export { useApi } from './hooks/useApi';
|
34
34
|
export { LoggedUser } from './types/LoggedUser';
|
35
|
-
export {
|
35
|
+
export { ActionButtonTheme, IconButtonTheme } from './types/ButtonThemes';
|
36
36
|
export { Menu, Submenu } from './types/SidebarMenu';
|
37
37
|
export { FontWeight } from './constants/FontWeight';
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { FontWeight } from '../constants/FontWeight';
|
2
|
+
export interface ActionButtonTheme {
|
3
|
+
backgroundColor: string;
|
4
|
+
fontColor: string;
|
5
|
+
iconColor: string;
|
6
|
+
fontWeight?: FontWeight;
|
7
|
+
size: 'default' | 'compact' | 'large';
|
8
|
+
}
|
9
|
+
export interface IconButtonTheme {
|
10
|
+
backgroundColor: string;
|
11
|
+
iconColor: string;
|
12
|
+
size: 'default' | 'compact' | 'large' | 'ultra-compact';
|
13
|
+
}
|
package/package.json
CHANGED