@televet/kibble-ui 1.0.16 → 1.0.17-beta.2

package/build/components/Button/button.component.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { IconName } from '../Icon';
+import { ButtonOptions } from '@chakra-ui/button/dist/declarations/src/button';
+import { ButtonSize, ButtonVariant } from './button.types';
+export interface ButtonProps extends ButtonOptions {
+    children?: ReactNode;
+    variant: ButtonVariant;
+    size: ButtonSize;
+    iconName?: IconName;
+    iconPosition?: 'left' | 'right';
+}
+export declare const Button: (props: ButtonProps) => JSX.Element;

package/build/components/Button/button.model.d.ts

@@ -0,0 +1,5 @@
+import { ButtonColorOptions } from './button.types';
+import { AdaptiveColorMap } from '../../theme/tokens/colors';
+export interface ButtonVariantConfig extends AdaptiveColorMap<ButtonColorOptions> {
+    variant: 'solid' | 'outline' | 'ghost';
+}

package/build/components/Button/button.records.d.ts

@@ -0,0 +1,2 @@
+import { ButtonStyleConfig } from './button.types';
+export declare const ButtonConfig: ButtonStyleConfig;

package/build/components/Button/button.types.d.ts

@@ -0,0 +1,5 @@
+import { ButtonVariantConfig } from './button.model';
+export declare type ButtonVariant = 'primary' | 'primaryDestructive' | 'secondary' | 'secondaryDestructive' | 'secondarySubtle' | 'secondarySubtleDestructive' | 'tertiary' | 'tertiaryDestructive' | 'ghost' | 'ghostNeutral' | 'ghostDestructive';
+export declare type ButtonColorOptions = 'content' | 'default' | 'hover' | 'active' | 'border';
+export declare type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
+export declare type ButtonStyleConfig = Record<ButtonVariant, ButtonVariantConfig>;

package/build/components/Button/index.d.ts

@@ -0,0 +1,4 @@
+export * from './button.component';
+export * from './button.types';
+export * from './button.model';
+export * from './button.records';

package/build/components/Logo/index.d.ts

@@ -1,10 +1,2 @@
-import { CSSProperties } from 'react';
-import { LogoType, LogoColor, LogoHoliday } from './logo.records';
-export interface ILogoProps {
-    type?: LogoType;
-    color?: LogoColor;
-    holiday?: LogoHoliday;
-    style?: CSSProperties;
-}
-declare const Logo: ({ type, color, holiday, style }: ILogoProps) => JSX.Element;
-export default Logo;
+export * from './logo.component';
+export * from './logo.types';

package/build/components/Logo/logo.component.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties } from 'react';
+import { LogoHoliday } from './logo.records';
+import { LogoType, LogoColor } from './logo.types';
+export interface ILogoProps {
+    type?: LogoType;
+    color?: LogoColor;
+    holiday?: LogoHoliday;
+    style?: CSSProperties;
+}
+export declare const Logo: ({ type, color, holiday, style }: ILogoProps) => JSX.Element;

package/build/components/Logo/logo.records.d.ts

@@ -1,6 +1,4 @@
 /// <reference types="react" />
-export declare type LogoType = 'full' | 'icon';
-export declare type LogoColor = 'teal' | 'black' | 'white';
 export declare enum LogoHoliday {
     NewYears = "NewYears",
     Valentines = "Valentines",

package/build/components/Logo/logo.types.d.ts

@@ -0,0 +1,2 @@
+export declare type LogoType = 'full' | 'icon';
+export declare type LogoColor = 'teal' | 'black' | 'white';

package/build/components/Tooltip/index.d.ts

@@ -0,0 +1,3 @@
+export * from './tooltip.component';
+export * from './tooltip.model';
+export * from './tooltip.records';

package/build/components/Tooltip/tooltip.component.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { Placement, TooltipProps as ChakraTooltipProps } from '@chakra-ui/react';
+export interface TooltipProps extends ChakraTooltipProps {
+    children: ReactNode;
+    label: string;
+    placement: Placement;
+}
+export declare const Tooltip: ({ children, label, placement, isOpen, defaultIsOpen, ...rest }: TooltipProps) => JSX.Element;

package/build/components/Tooltip/tooltip.model.d.ts

@@ -0,0 +1,4 @@
+import { AdaptiveColor } from '../../theme/tokens';
+export interface TooltipStyleConfig {
+    color: AdaptiveColor;
+}

package/build/components/Tooltip/tooltip.records.d.ts

@@ -0,0 +1,9 @@
+import { TooltipStyleConfig } from './tooltip.model';
+export declare const TooltipGlobalStyle: {
+    '[id^=tooltip]': {
+        padding: string;
+        borderRadius: string;
+        textTransform: string;
+    };
+};
+export declare const TooltipConfig: TooltipStyleConfig;

package/build/index.js

@@ -747,6 +747,105 @@ var Icon = function (_a) {
     return React__default["default"].createElement(MappedIcon, { width: d, height: d, color: c });
 };
 
+var _path$k, _path2$7;
+
+function _extends$k() { _extends$k = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
+
+var SvgTeal = function SvgTeal(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
+    width: 200,
+    height: 44,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M176.773 35.166c-2.461 4.878-7.25 7.877-13.739 7.877-9.219 0-15.708-6.4-15.708-15.574 0-8.95 6.579-15.574 15.35-15.574 8.951 0 15.127 6.534 15.127 15.842 0 1.03-.045 1.79-.135 2.149h-21.749c.313 3.49 3.49 5.996 7.115 5.996 3.222 0 4.968-1.387 6.355-3.58l7.384 2.864Zm-7.563-11.009c-.358-3.177-3.043-5.46-6.579-5.46-3.49 0-6.31 2.64-6.668 5.46h13.247ZM192.482 3.929v8.682H200v7.205h-7.518v10.875c0 3.178 1.387 4.43 4.251 4.43 1.074 0 2.282-.313 3.222-.894v7.563c-1.298.671-3.311 1.208-6.131 1.208-6.221 0-10.069-3.849-10.069-10.427V19.86h-4.207v-7.205h4.207V3.974h8.727v-.045ZM139.047.035c-3.715.18-6.713 3.178-6.892 6.892-.179 4.162 3.133 7.564 7.205 7.564h.179l.134 5.236c0 .492.716.671.94.224 0 0 4.699-8.862 4.744-8.951.895-1.79 1.253-2.327 1.253-3.76 0-4.072-3.446-7.384-7.563-7.205ZM129.022 23.396h-.045L117.521.037h-10.696l17.23 33.52 4.878 9.442 4.922-9.622-4.833-9.98Z",
+    fill: "#050E5F"
+  })), _path2$7 || (_path2$7 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M0 .26h31.193v8.413H20.139v33.564h-9.04V8.673H0V.259ZM58.537 35.166c-2.462 4.879-7.25 7.877-13.74 7.877-9.219 0-15.708-6.4-15.708-15.574 0-8.95 6.579-15.574 15.35-15.574 8.951 0 15.127 6.534 15.127 15.843 0 1.029-.045 1.79-.134 2.148h-21.75c.313 3.49 3.49 5.997 7.115 5.997 3.223 0 4.968-1.388 6.355-3.58l7.385 2.863Zm-7.564-11.009c-.358-3.177-3.043-5.46-6.578-5.46-3.491 0-6.31 2.64-6.668 5.46h13.246ZM73.216.26v41.977h-8.772V.26h8.772ZM107.675 35.166c-2.461 4.879-7.25 7.877-13.739 7.877-9.219 0-15.708-6.4-15.708-15.574 0-8.95 6.579-15.574 15.35-15.574 8.951 0 15.126 6.534 15.126 15.843 0 1.029-.044 1.79-.134 2.148H86.82c.314 3.49 3.491 5.997 7.116 5.997 3.222 0 4.968-1.388 6.355-3.58l7.384 2.863Zm-7.518-11.009c-.358-3.177-3.043-5.46-6.579-5.46-3.49 0-6.31 2.64-6.668 5.46h13.247Z",
+    fill: "#39ADC3"
+  })));
+};
+
+var _path$j;
+
+function _extends$j() { _extends$j = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
+
+var SvgTealIcon = function SvgTealIcon(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
+    width: 56,
+    height: 60,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M55.596 10.103c0-5.73-4.783-10.35-10.59-10.085-5.17.246-9.389 4.443-9.618 9.609-.265 5.8 4.359 10.579 10.095 10.579h.23l.158 7.334c.018.723.971.953 1.324.318 0 0 6.583-12.395 6.636-12.501 1.253-2.521 1.765-3.244 1.765-5.254ZM31.01 32.618h-.017v.035L14.932 0H0l30.887 60 6.9-13.435-6.777-13.947Z",
+    fill: "#39ADC3"
+  })));
+};
+
+var _path$i;
+
+function _extends$i() { _extends$i = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
+
+var SvgBlack = function SvgBlack(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
+    width: 200,
+    height: 44,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M0 .23h31.193v8.414H20.139V42.21h-9.04V8.644H0V.231ZM58.537 35.138c-2.462 4.878-7.25 7.876-13.74 7.876-9.219 0-15.708-6.4-15.708-15.574 0-8.95 6.579-15.574 15.35-15.574 8.951 0 15.127 6.534 15.127 15.843 0 1.03-.045 1.79-.134 2.148h-21.75c.313 3.49 3.49 5.997 7.115 5.997 3.223 0 4.968-1.387 6.355-3.58l7.385 2.864Zm-7.564-11.01c-.358-3.177-3.043-5.46-6.578-5.46-3.491 0-6.31 2.641-6.669 5.46h13.247ZM73.216.23V42.21h-8.772V.23h8.772ZM107.675 35.138c-2.461 4.878-7.25 7.876-13.739 7.876-9.22 0-15.708-6.4-15.708-15.574 0-8.95 6.578-15.574 15.35-15.574 8.951 0 15.126 6.534 15.126 15.843 0 1.03-.044 1.79-.134 2.148H86.82c.314 3.49 3.491 5.997 7.116 5.997 3.222 0 4.968-1.387 6.355-3.58l7.384 2.864Zm-7.518-11.01c-.358-3.177-3.044-5.46-6.579-5.46-3.49 0-6.31 2.641-6.668 5.46h13.247ZM176.773 35.138c-2.461 4.878-7.25 7.876-13.739 7.876-9.219 0-15.708-6.4-15.708-15.574 0-8.95 6.579-15.574 15.35-15.574 8.951 0 15.127 6.534 15.127 15.843 0 1.03-.045 1.79-.135 2.148h-21.749c.313 3.49 3.49 5.997 7.115 5.997 3.222 0 4.968-1.387 6.355-3.58l7.384 2.864Zm-7.563-11.01c-.358-3.177-3.043-5.46-6.579-5.46-3.49 0-6.31 2.641-6.668 5.46h13.247ZM192.482 3.9v8.682H200v7.206h-7.518v10.875c0 3.177 1.387 4.43 4.251 4.43 1.074 0 2.282-.313 3.222-.895v7.563c-1.298.671-3.311 1.209-6.131 1.209-6.221 0-10.069-3.85-10.069-10.428v-12.71h-4.207v-7.205h4.207V3.945h8.727V3.9ZM139.047.007c-3.715.179-6.713 3.177-6.892 6.892-.179 4.162 3.133 7.563 7.205 7.563h.179l.134 5.236c0 .492.716.671.94.224 0 0 4.699-8.861 4.744-8.95.895-1.79 1.253-2.328 1.253-3.76 0-4.072-3.446-7.384-7.563-7.205ZM129.022 23.368h-.045L117.521.007h-10.696l17.23 33.52 4.878 9.442 4.922-9.621-4.833-9.98Z",
+    fill: "#000"
+  })));
+};
+
+var _path$h;
+
+function _extends$h() { _extends$h = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
+
+var SvgBlackIcon = function SvgBlackIcon(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
+    width: 56,
+    height: 60,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M55.596 10.103c0-5.73-4.783-10.35-10.59-10.085-5.17.246-9.389 4.443-9.618 9.609-.265 5.8 4.359 10.579 10.095 10.579h.23l.158 7.334c.018.723.971.953 1.324.318 0 0 6.583-12.395 6.636-12.5 1.253-2.522 1.765-3.245 1.765-5.255ZM31.01 32.618h-.017v.035L14.932 0H0l30.887 60 6.9-13.435-6.777-13.947Z",
+    fill: "#000"
+  })));
+};
+
+var _path$g;
+
+function _extends$g() { _extends$g = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
+
+var SvgWhite = function SvgWhite(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
+    width: 200,
+    height: 44,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M0 .245h31.193v8.413H20.139v33.565h-9.04V8.66H0V.245ZM58.537 35.152c-2.462 4.878-7.25 7.877-13.74 7.877-9.219 0-15.708-6.4-15.708-15.574 0-8.95 6.579-15.574 15.35-15.574 8.951 0 15.127 6.534 15.127 15.842 0 1.03-.045 1.79-.134 2.148h-21.75c.313 3.491 3.49 5.997 7.115 5.997 3.223 0 4.968-1.387 6.355-3.58l7.385 2.864Zm-7.564-11.009c-.358-3.178-3.043-5.46-6.578-5.46-3.491 0-6.31 2.64-6.669 5.46h13.247ZM73.216.245v41.978h-8.772V.245h8.772ZM107.675 35.152c-2.461 4.878-7.25 7.877-13.739 7.877-9.22 0-15.708-6.4-15.708-15.574 0-8.95 6.579-15.574 15.35-15.574 8.951 0 15.126 6.534 15.126 15.842 0 1.03-.044 1.79-.134 2.148H86.82c.314 3.491 3.491 5.997 7.116 5.997 3.222 0 4.968-1.387 6.355-3.58l7.384 2.864Zm-7.518-11.009c-.358-3.178-3.043-5.46-6.579-5.46-3.49 0-6.31 2.64-6.668 5.46h13.247ZM176.773 35.152c-2.461 4.878-7.25 7.877-13.739 7.877-9.219 0-15.708-6.4-15.708-15.574 0-8.95 6.579-15.574 15.35-15.574 8.951 0 15.127 6.534 15.127 15.842 0 1.03-.045 1.79-.135 2.148h-21.749c.313 3.491 3.49 5.997 7.115 5.997 3.222 0 4.968-1.387 6.355-3.58l7.384 2.864Zm-7.563-11.009c-.358-3.178-3.043-5.46-6.579-5.46-3.49 0-6.31 2.64-6.668 5.46h13.247ZM192.482 3.915v8.682H200v7.205h-7.518v10.875c0 3.177 1.387 4.43 4.251 4.43 1.074 0 2.282-.313 3.222-.895v7.563c-1.298.672-3.311 1.209-6.131 1.209-6.22 0-10.069-3.849-10.069-10.428v-12.71h-4.207v-7.204h4.207V3.959h8.727v-.044ZM139.047.021c-3.715.18-6.713 3.178-6.892 6.892-.179 4.162 3.133 7.563 7.205 7.563h.179l.134 5.236c0 .493.716.672.94.224 0 0 4.699-8.86 4.744-8.95.895-1.79 1.253-2.328 1.253-3.76 0-4.072-3.446-7.384-7.563-7.205ZM129.022 23.382h-.045L117.521.022h-10.696l17.23 33.52 4.878 9.442 4.922-9.622-4.833-9.98Z",
+    fill: "#fff"
+  })));
+};
+
+var _path$f;
+
+function _extends$f() { _extends$f = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
+
+var SvgWhiteIcon = function SvgWhiteIcon(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
+    width: 56,
+    height: 60,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M55.596 10.103c0-5.73-4.783-10.35-10.59-10.085-5.17.246-9.389 4.443-9.618 9.609-.265 5.8 4.359 10.579 10.095 10.579h.23l.158 7.334c.018.723.971.953 1.324.318 0 0 6.583-12.395 6.636-12.501 1.253-2.521 1.765-3.244 1.765-5.254ZM31.01 32.618h-.017v.035L14.932 0H0l30.887 60 6.9-13.435-6.777-13.947Z",
+    fill: "#fff"
+  })));
+};
+
 var _path$e, _path2$6, _path3$5, _path4$3, _path5$3;
 
 function _extends$e() { _extends$e = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
@@ -2000,7 +2099,7 @@ var LogoHoliday;
     LogoHoliday["Thanksgiving"] = "Thanksgiving";
     LogoHoliday["Christmas"] = "Christmas";
 })(LogoHoliday || (LogoHoliday = {}));
-(_a = {},
+var holidaysLogoIconMap = (_a = {},
     _a[LogoHoliday.NewYears] = SvgNewYears,
     _a[LogoHoliday.Valentines] = SvgValentines,
     _a[LogoHoliday.StPatricks] = SvgStPatricks,
@@ -2016,7 +2115,32 @@ var LogoHoliday;
     _a[LogoHoliday.Halloween] = SvgHalloween,
     _a[LogoHoliday.Thanksgiving] = SvgThanksgiving,
     _a[LogoHoliday.Christmas] = SvgChristmas,
-    _a);
+    _a);
+var logoIconMap = {
+    black: SvgBlackIcon,
+    white: SvgWhiteIcon,
+    teal: SvgTealIcon,
+};
+var fullLogoMap = {
+    black: SvgBlack,
+    white: SvgWhite,
+    teal: SvgTeal,
+};
+
+var Logo = function (_a) {
+    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;
+    var LogoComponent;
+    if (holiday) {
+        LogoComponent = holidaysLogoIconMap[holiday];
+    }
+    else if (type === 'icon') {
+        LogoComponent = logoIconMap[color];
+    }
+    else {
+        LogoComponent = fullLogoMap[color];
+    }
+    return React__default["default"].createElement(LogoComponent, { style: style });
+};
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -2633,6 +2757,7 @@ exports.Heading = Heading;
 exports.HeadingConfig = HeadingConfig;
 exports.Icon = Icon;
 exports.KibbleThemeProvider = KibbleThemeProvider;
+exports.Logo = Logo;
 exports.Text = Text;
 exports.TextConfig = TextConfig;
 exports.Textarea = Textarea;