@televet/kibble-ui 1.0.17-beta.2 → 1.0.17-beta.3
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.
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
|
-
import { LogoHoliday } from './logo.
|
|
3
|
-
import { LogoType, LogoColor } from './logo.types';
|
|
2
|
+
import { LogoHoliday, LogoType, LogoColor } from './logo.types';
|
|
4
3
|
export interface ILogoProps {
|
|
5
4
|
type?: LogoType;
|
|
6
5
|
color?: LogoColor;
|
|
7
6
|
holiday?: LogoHoliday;
|
|
8
7
|
style?: CSSProperties;
|
|
8
|
+
handleClick?: () => void;
|
|
9
9
|
}
|
|
10
|
-
export declare const Logo: ({ type, color, holiday, style }: ILogoProps) => JSX.Element;
|
|
10
|
+
export declare const Logo: ({ type, color, holiday, style, handleClick }: ILogoProps) => JSX.Element;
|
|
@@ -1,31 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
Easter2 = "Easter2",
|
|
8
|
-
Easter3 = "Easter3",
|
|
9
|
-
Easter4 = "Easter4",
|
|
10
|
-
Easter5 = "Easter5",
|
|
11
|
-
Easter6 = "Easter6",
|
|
12
|
-
MothersDay = "MothersDay",
|
|
13
|
-
MemorialDay = "MemorialDay",
|
|
14
|
-
FathersDay = "FathersDay",
|
|
15
|
-
Halloween = "Halloween",
|
|
16
|
-
Thanksgiving = "Thanksgiving",
|
|
17
|
-
Christmas = "Christmas"
|
|
18
|
-
}
|
|
19
|
-
export declare const holidaysLogoIconMap: {
|
|
20
|
-
[key in LogoHoliday]: React.FC;
|
|
21
|
-
};
|
|
22
|
-
export declare const logoIconMap: {
|
|
23
|
-
black: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
24
|
-
white: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
25
|
-
teal: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
26
|
-
};
|
|
27
|
-
export declare const fullLogoMap: {
|
|
28
|
-
black: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
29
|
-
white: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
30
|
-
teal: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
31
|
-
};
|
|
2
|
+
import { Props } from 'framer-motion/types/types';
|
|
3
|
+
import { LogoColor, LogoHoliday } from './logo.types';
|
|
4
|
+
export declare const holidaysLogoIconMap: Record<LogoHoliday, React.FC<Props>>;
|
|
5
|
+
export declare const logoIconMap: Record<LogoColor, React.FC<Props>>;
|
|
6
|
+
export declare const fullLogoMap: Record<LogoColor, React.FC<Props>>;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
+
export declare type LogoHoliday = 'newYears' | 'valentines' | 'stPatricks' | 'easter1' | 'easter2' | 'easter3' | 'easter4' | 'easter5' | 'easter6' | 'mothersDay' | 'memorialDay' | 'fathersDay' | 'halloween' | 'thanksgiving' | 'christmas';
|
|
1
2
|
export declare type LogoType = 'full' | 'icon';
|
|
2
3
|
export declare type LogoColor = 'teal' | 'black' | 'white';
|
package/build/index.js
CHANGED
|
@@ -2079,43 +2079,23 @@ var SvgChristmas = function SvgChristmas(props) {
|
|
|
2079
2079
|
})));
|
|
2080
2080
|
};
|
|
2081
2081
|
|
|
2082
|
-
var
|
|
2083
|
-
|
|
2084
|
-
|
|
2085
|
-
|
|
2086
|
-
|
|
2087
|
-
|
|
2088
|
-
|
|
2089
|
-
|
|
2090
|
-
|
|
2091
|
-
|
|
2092
|
-
|
|
2093
|
-
|
|
2094
|
-
|
|
2095
|
-
|
|
2096
|
-
|
|
2097
|
-
|
|
2098
|
-
|
|
2099
|
-
LogoHoliday["Thanksgiving"] = "Thanksgiving";
|
|
2100
|
-
LogoHoliday["Christmas"] = "Christmas";
|
|
2101
|
-
})(LogoHoliday || (LogoHoliday = {}));
|
|
2102
|
-
var holidaysLogoIconMap = (_a = {},
|
|
2103
|
-
_a[LogoHoliday.NewYears] = SvgNewYears,
|
|
2104
|
-
_a[LogoHoliday.Valentines] = SvgValentines,
|
|
2105
|
-
_a[LogoHoliday.StPatricks] = SvgStPatricks,
|
|
2106
|
-
_a[LogoHoliday.Easter1] = SvgEaster1,
|
|
2107
|
-
_a[LogoHoliday.Easter2] = SvgEaster2,
|
|
2108
|
-
_a[LogoHoliday.Easter3] = SvgEaster3,
|
|
2109
|
-
_a[LogoHoliday.Easter4] = SvgEaster4,
|
|
2110
|
-
_a[LogoHoliday.Easter5] = SvgEaster5,
|
|
2111
|
-
_a[LogoHoliday.Easter6] = SvgEaster6,
|
|
2112
|
-
_a[LogoHoliday.MothersDay] = SvgMothersDay,
|
|
2113
|
-
_a[LogoHoliday.MemorialDay] = SvgMemorialDay,
|
|
2114
|
-
_a[LogoHoliday.FathersDay] = SvgFathersDay,
|
|
2115
|
-
_a[LogoHoliday.Halloween] = SvgHalloween,
|
|
2116
|
-
_a[LogoHoliday.Thanksgiving] = SvgThanksgiving,
|
|
2117
|
-
_a[LogoHoliday.Christmas] = SvgChristmas,
|
|
2118
|
-
_a);
|
|
2082
|
+
var holidaysLogoIconMap = {
|
|
2083
|
+
newYears: SvgNewYears,
|
|
2084
|
+
valentines: SvgValentines,
|
|
2085
|
+
stPatricks: SvgStPatricks,
|
|
2086
|
+
easter1: SvgEaster1,
|
|
2087
|
+
easter2: SvgEaster2,
|
|
2088
|
+
easter3: SvgEaster3,
|
|
2089
|
+
easter4: SvgEaster4,
|
|
2090
|
+
easter5: SvgEaster5,
|
|
2091
|
+
easter6: SvgEaster6,
|
|
2092
|
+
mothersDay: SvgMothersDay,
|
|
2093
|
+
memorialDay: SvgMemorialDay,
|
|
2094
|
+
fathersDay: SvgFathersDay,
|
|
2095
|
+
halloween: SvgHalloween,
|
|
2096
|
+
thanksgiving: SvgThanksgiving,
|
|
2097
|
+
christmas: SvgChristmas,
|
|
2098
|
+
};
|
|
2119
2099
|
var logoIconMap = {
|
|
2120
2100
|
black: SvgBlackIcon,
|
|
2121
2101
|
white: SvgWhiteIcon,
|
|
@@ -2128,7 +2108,7 @@ var fullLogoMap = {
|
|
|
2128
2108
|
};
|
|
2129
2109
|
|
|
2130
2110
|
var Logo = function (_a) {
|
|
2131
|
-
var _b = _a.type, type = _b === void 0 ? 'full' : _b, _c = _a.color, color = _c === void 0 ? 'teal' : _c, holiday = _a.holiday, style = _a.style;
|
|
2111
|
+
var _b = _a.type, type = _b === void 0 ? 'full' : _b, _c = _a.color, color = _c === void 0 ? 'teal' : _c, holiday = _a.holiday, style = _a.style, handleClick = _a.handleClick;
|
|
2132
2112
|
var LogoComponent;
|
|
2133
2113
|
if (holiday) {
|
|
2134
2114
|
LogoComponent = holidaysLogoIconMap[holiday];
|
|
@@ -2139,7 +2119,7 @@ var Logo = function (_a) {
|
|
|
2139
2119
|
else {
|
|
2140
2120
|
LogoComponent = fullLogoMap[color];
|
|
2141
2121
|
}
|
|
2142
|
-
return React__default["default"].createElement(LogoComponent, { style: style });
|
|
2122
|
+
return React__default["default"].createElement(LogoComponent, { style: style, onClick: handleClick });
|
|
2143
2123
|
};
|
|
2144
2124
|
|
|
2145
2125
|
/*! *****************************************************************************
|