@televet/kibble-ui 1.17.17 → 1.17.18
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 +12 -0
- package/build/components/MediaAndIcons/Logo/logo.component.d.ts +2 -3
- package/build/components/MediaAndIcons/Logo/logo.config.d.ts +1 -2
- package/build/components/MediaAndIcons/Logo/logo.types.d.ts +0 -1
- package/build/components/MediaAndIcons/Logo/logos.d.ts +1 -16
- package/build/index.js +27 -1308
- package/build/index.js.map +1 -1
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -23,3 +23,15 @@ Once these steps are complete you should be able to install the packages depende
|
|
|
23
23
|
```bash
|
|
24
24
|
$ npm install
|
|
25
25
|
```
|
|
26
|
+
|
|
27
|
+
## Bundle Analyzer
|
|
28
|
+
|
|
29
|
+
We are using [rollup-plugin-visualizer](https://github.com/btd/rollup-plugin-visualizer) to get the metrics for our bundle.
|
|
30
|
+
|
|
31
|
+
To generate the metrics, you'll need to run:
|
|
32
|
+
|
|
33
|
+
```bash
|
|
34
|
+
$ npm run build
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
After the build finishes, look for the file named `stats.html` and open it in the browser of your choice.
|
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { LogoType, LogoColor } from './logo.types';
|
|
2
2
|
export interface ILogoProps {
|
|
3
3
|
type?: LogoType;
|
|
4
4
|
color?: LogoColor;
|
|
5
|
-
holiday?: LogoHoliday;
|
|
6
5
|
height?: number;
|
|
7
6
|
width?: number;
|
|
8
7
|
handleClick?: () => void;
|
|
9
8
|
}
|
|
10
9
|
export declare const Logo: {
|
|
11
|
-
({ type, color,
|
|
10
|
+
({ type, color, height, width, handleClick }: ILogoProps): JSX.Element;
|
|
12
11
|
displayName: string;
|
|
13
12
|
};
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Props } from 'framer-motion/types/types';
|
|
3
|
-
import { LogoColor
|
|
4
|
-
export declare const holidaysLogoIconMap: Record<LogoHoliday, React.FC<Props>>;
|
|
3
|
+
import { LogoColor } from './logo.types';
|
|
5
4
|
export declare const logoIconMap: Record<LogoColor, React.FC<Props>>;
|
|
6
5
|
export declare const fullLogoMap: Record<LogoColor, React.FC<Props>>;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
export declare type LogoHoliday = 'newYears' | 'valentines' | 'stPatricks' | 'easter1' | 'easter2' | 'easter3' | 'easter4' | 'easter5' | 'easter6' | 'mothersDay' | 'memorialDay' | 'fathersDay' | 'halloween' | 'thanksgiving' | 'christmas';
|
|
2
1
|
export declare type LogoType = 'full' | 'icon';
|
|
3
2
|
export declare type LogoColor = 'teal' | 'black' | 'white';
|
|
@@ -4,19 +4,4 @@ import { ReactComponent as BlackLogo } from '../../../assets/logos/black.svg';
|
|
|
4
4
|
import { ReactComponent as BlackLogoIcon } from '../../../assets/logos/blackIcon.svg';
|
|
5
5
|
import { ReactComponent as WhiteLogo } from '../../../assets/logos/white.svg';
|
|
6
6
|
import { ReactComponent as WhiteLogoIcon } from '../../../assets/logos/whiteIcon.svg';
|
|
7
|
-
|
|
8
|
-
import { ReactComponent as ValentinesLogoIcon } from '../../../assets/logos/holidays/valentines.svg';
|
|
9
|
-
import { ReactComponent as StPatricksLogoIcon } from '../../../assets/logos/holidays/stPatricks.svg';
|
|
10
|
-
import { ReactComponent as Easter1LogoIcon } from '../../../assets/logos/holidays/easter1.svg';
|
|
11
|
-
import { ReactComponent as Easter2LogoIcon } from '../../../assets/logos/holidays/easter2.svg';
|
|
12
|
-
import { ReactComponent as Easter3LogoIcon } from '../../../assets/logos/holidays/easter3.svg';
|
|
13
|
-
import { ReactComponent as Easter4LogoIcon } from '../../../assets/logos/holidays/easter4.svg';
|
|
14
|
-
import { ReactComponent as Easter5LogoIcon } from '../../../assets/logos/holidays/easter5.svg';
|
|
15
|
-
import { ReactComponent as Easter6LogoIcon } from '../../../assets/logos/holidays/easter6.svg';
|
|
16
|
-
import { ReactComponent as MothersDayLogoIcon } from '../../../assets/logos/holidays/mothersDay.svg';
|
|
17
|
-
import { ReactComponent as MemorialDayLogoIcon } from '../../../assets/logos/holidays/memorialDay.svg';
|
|
18
|
-
import { ReactComponent as FathersDayLogoIcon } from '../../../assets/logos/holidays/fathersDay.svg';
|
|
19
|
-
import { ReactComponent as HalloweenLogoIcon } from '../../../assets/logos/holidays/halloween.svg';
|
|
20
|
-
import { ReactComponent as ThanksgivingLogoIcon } from '../../../assets/logos/holidays/thanksgiving.svg';
|
|
21
|
-
import { ReactComponent as ChristmasLogoIcon } from '../../../assets/logos/holidays/christmas.svg';
|
|
22
|
-
export { TealLogo, TealLogoIcon, BlackLogo, BlackLogoIcon, WhiteLogo, WhiteLogoIcon, NewYearsLogoIcon, ValentinesLogoIcon, StPatricksLogoIcon, Easter1LogoIcon, Easter2LogoIcon, Easter3LogoIcon, Easter4LogoIcon, Easter5LogoIcon, Easter6LogoIcon, MothersDayLogoIcon, MemorialDayLogoIcon, FathersDayLogoIcon, HalloweenLogoIcon, ThanksgivingLogoIcon, ChristmasLogoIcon, };
|
|
7
|
+
export { TealLogo, TealLogoIcon, BlackLogo, BlackLogoIcon, WhiteLogo, WhiteLogoIcon };
|