@televet/kibble-ui 4.0.0-beta.126 → 4.0.0-beta.128

package/dist/esm/theme/semanticTokens/index.js

@@ -1,3 +1,4 @@
+import { i as c } from "../../../chunks/invertToken-DkyAF_BY.js";
 const r = [
   "text",
   "text.accent",
@@ -108,6 +109,7 @@ const r = [
   "border.warning"
 ];
 export {
+  c as invertToken,
   a as semanticBackgroundTokens,
   e as semanticBorderTokens,
   t as semanticDividerTokens,

package/dist/esm/theme/semanticTokens/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/theme/semanticTokens/semanticTokens.types.ts"],"sourcesContent":["export type SemanticProperty = 'text' | 'background' | 'border' | 'divider';\n\nexport type SemanticColorScheme =\n  | 'primary'\n  | 'secondary'\n  | 'danger'\n  | 'warning'\n  | 'success'\n  | 'neutral'\n  | 'primaryAlpha'\n  | 'secondaryAlpha'\n  | 'dangerAlpha'\n  | 'neutralAlpha'\n  | 'ai';\n\nexport type SemanticTokenDefinition = {\n  value: {\n    _light: string | number;\n    _dark: string | number;\n  };\n};\n\nexport const semanticTypographyTokens = [\n  'text',\n  'text.accent',\n  'text.accentSubtle',\n  'text.brand',\n  'text.brand.contrast',\n  'text.brand.contrast.hover',\n  'text.brand.hover',\n  'text.contrast',\n  'text.danger',\n  'text.danger.contrast',\n  'text.default',\n  'text.info',\n  'text.interactive',\n  'text.interactive.contrast',\n  'text.interactive.contrast.hover',\n  'text.interactive.hover',\n  'text.placeholder',\n  'text.placeholder.contrast',\n  'text.subtle',\n  'text.subtle.contrast',\n  'text.success',\n  'text.warning',\n] as const;\nexport type SemanticTypographyToken = (typeof semanticTypographyTokens)[number];\n\nexport const semanticBackgroundTokens = [\n  'background.accent',\n  'background.accentSubtle',\n  'background.ai',\n  'background.ai.hover',\n  'background.ai.pressed',\n  'background.alpha',\n  'background.alpha.contrast',\n  'background.alpha.contrast.hover',\n  'background.alpha.contrast.pressed',\n  'background.alpha.hover',\n  'background.alpha.pressed',\n  'background.backdrop',\n  'background.brand',\n  'background.contrast',\n  'background.danger',\n  'background.danger.contrast',\n  'background.default',\n  'background.destructive',\n  'background.destructive.hover',\n  'background.destructive.pressed',\n  'background.destructive.contrast',\n  'background.destructive.contrast.hover',\n  'background.destructive.contrast.pressed',\n  'background.destructiveAlpha',\n  'background.destructiveAlpha.contrast',\n  'background.destructiveAlpha.contrast.hover',\n  'background.destructiveAlpha.contrast.pressed',\n  'background.destructiveAlpha.hover',\n  'background.destructiveAlpha.pressed',\n  'background.info',\n  'background.note',\n  'background.note.hover',\n  'background.overlay',\n  'background.primary',\n  'background.primary.contrast',\n  'background.primary.contrast.hover',\n  'background.primary.contrast.pressed',\n  'background.primary.hover',\n  'background.primary.pressed',\n  'background.primaryAlpha',\n  'background.primaryAlpha.contrast',\n  'background.primaryAlpha.contrast.hover',\n  'background.primaryAlpha.contrast.pressed',\n  'background.primaryAlpha.hover',\n  'background.primaryAlpha.pressed',\n  'background.secondary',\n  'background.secondary.contrast',\n  'background.secondary.contrast.hover',\n  'background.secondary.contrast.pressed',\n  'background.secondary.hover',\n  'background.secondary.pressed',\n  'background.secondaryAlpha',\n  'background.secondaryAlpha.contrast',\n  'background.secondaryAlpha.contrast.hover',\n  'background.secondaryAlpha.contrast.pressed',\n  'background.secondaryAlpha.hover',\n  'background.secondaryAlpha.pressed',\n  'background.subtle',\n  'background.subtle.contrast',\n  'background.subtle.less',\n  'background.subtle.more',\n  'background.subtle.most',\n  'background.success',\n  'background.success.contrast',\n  'background.warning',\n  'background.warning.contrast',\n] as const;\nexport type SemanticBackgroundColorToken = (typeof semanticBackgroundTokens)[number];\n\nexport const semanticDividerTokens = ['divider', 'divider.default'] as const;\nexport type SemanticDividerColorToken = (typeof semanticDividerTokens)[number];\n\nexport const semanticBorderTokens = [\n  'border',\n  'border.accent',\n  'border.accentSubtle',\n  'border.brand',\n  'border.contrast',\n  'border.danger',\n  'border.danger.contrast',\n  'border.default',\n  'border.focus',\n  'border.focus.contrast',\n  'border.info',\n  'border.strong',\n  'border.strong.contrast',\n  'border.subtle',\n  'border.subtle.contrast',\n  'border.success',\n  'border.warning',\n] as const;\nexport type SemanticBorderColorToken = (typeof semanticBorderTokens)[number];\n"],"names":["semanticTypographyTokens","semanticBackgroundTokens","semanticDividerTokens","semanticBorderTokens"],"mappings":"AAsBO,MAAMA,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGaC,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGaC,IAAwB,CAAC,WAAW,iBAAiB,GAGrDC,IAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
+{"version":3,"file":"index.js","sources":["../../../../src/theme/semanticTokens/semanticTokens.types.ts"],"sourcesContent":["export type SemanticProperty = 'text' | 'background' | 'border' | 'divider';\n\nexport type SemanticColorScheme =\n  | 'primary'\n  | 'secondary'\n  | 'danger'\n  | 'warning'\n  | 'success'\n  | 'neutral'\n  | 'primaryAlpha'\n  | 'secondaryAlpha'\n  | 'dangerAlpha'\n  | 'neutralAlpha'\n  | 'ai';\n\nexport type SemanticTokenDefinition = {\n  value: {\n    _light: string | number;\n    _dark: string | number;\n  };\n};\n\nexport const semanticTypographyTokens = [\n  'text',\n  'text.accent',\n  'text.accentSubtle',\n  'text.brand',\n  'text.brand.contrast',\n  'text.brand.contrast.hover',\n  'text.brand.hover',\n  'text.contrast',\n  'text.danger',\n  'text.danger.contrast',\n  'text.default',\n  'text.info',\n  'text.interactive',\n  'text.interactive.contrast',\n  'text.interactive.contrast.hover',\n  'text.interactive.hover',\n  'text.placeholder',\n  'text.placeholder.contrast',\n  'text.subtle',\n  'text.subtle.contrast',\n  'text.success',\n  'text.warning',\n] as const;\nexport type SemanticTypographyToken = (typeof semanticTypographyTokens)[number];\n\nexport const semanticBackgroundTokens = [\n  'background.accent',\n  'background.accentSubtle',\n  'background.ai',\n  'background.ai.hover',\n  'background.ai.pressed',\n  'background.alpha',\n  'background.alpha.contrast',\n  'background.alpha.contrast.hover',\n  'background.alpha.contrast.pressed',\n  'background.alpha.hover',\n  'background.alpha.pressed',\n  'background.backdrop',\n  'background.brand',\n  'background.contrast',\n  'background.danger',\n  'background.danger.contrast',\n  'background.default',\n  'background.destructive',\n  'background.destructive.hover',\n  'background.destructive.pressed',\n  'background.destructive.contrast',\n  'background.destructive.contrast.hover',\n  'background.destructive.contrast.pressed',\n  'background.destructiveAlpha',\n  'background.destructiveAlpha.contrast',\n  'background.destructiveAlpha.contrast.hover',\n  'background.destructiveAlpha.contrast.pressed',\n  'background.destructiveAlpha.hover',\n  'background.destructiveAlpha.pressed',\n  'background.info',\n  'background.note',\n  'background.note.hover',\n  'background.overlay',\n  'background.primary',\n  'background.primary.contrast',\n  'background.primary.contrast.hover',\n  'background.primary.contrast.pressed',\n  'background.primary.hover',\n  'background.primary.pressed',\n  'background.primaryAlpha',\n  'background.primaryAlpha.contrast',\n  'background.primaryAlpha.contrast.hover',\n  'background.primaryAlpha.contrast.pressed',\n  'background.primaryAlpha.hover',\n  'background.primaryAlpha.pressed',\n  'background.secondary',\n  'background.secondary.contrast',\n  'background.secondary.contrast.hover',\n  'background.secondary.contrast.pressed',\n  'background.secondary.hover',\n  'background.secondary.pressed',\n  'background.secondaryAlpha',\n  'background.secondaryAlpha.contrast',\n  'background.secondaryAlpha.contrast.hover',\n  'background.secondaryAlpha.contrast.pressed',\n  'background.secondaryAlpha.hover',\n  'background.secondaryAlpha.pressed',\n  'background.subtle',\n  'background.subtle.contrast',\n  'background.subtle.less',\n  'background.subtle.more',\n  'background.subtle.most',\n  'background.success',\n  'background.success.contrast',\n  'background.warning',\n  'background.warning.contrast',\n] as const;\nexport type SemanticBackgroundColorToken = (typeof semanticBackgroundTokens)[number];\n\nexport const semanticDividerTokens = ['divider', 'divider.default'] as const;\nexport type SemanticDividerColorToken = (typeof semanticDividerTokens)[number];\n\nexport const semanticBorderTokens = [\n  'border',\n  'border.accent',\n  'border.accentSubtle',\n  'border.brand',\n  'border.contrast',\n  'border.danger',\n  'border.danger.contrast',\n  'border.default',\n  'border.focus',\n  'border.focus.contrast',\n  'border.info',\n  'border.strong',\n  'border.strong.contrast',\n  'border.subtle',\n  'border.subtle.contrast',\n  'border.success',\n  'border.warning',\n] as const;\nexport type SemanticBorderColorToken = (typeof semanticBorderTokens)[number];\n"],"names":["semanticTypographyTokens","semanticBackgroundTokens","semanticDividerTokens","semanticBorderTokens"],"mappings":";AAsBO,MAAMA,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGaC,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGaC,IAAwB,CAAC,WAAW,iBAAiB,GAGrDC,IAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/dist/types/components/Logo/logo.component.d.ts

@@ -3,8 +3,7 @@ import { BoxProps } from '@chakra-ui/react/box';
 import { LogoType, LogoVariant } from './logo.types';
 export interface LogoProps extends Omit<BoxProps, 'color'> {
     onClick?: () => void;
-    onContrast?: boolean;
     type?: LogoType;
     variant?: LogoVariant;
 }
-export declare const Logo: ({ onClick, onContrast, type, variant, ...rest }: LogoProps) => React.JSX.Element;
+export declare const Logo: ({ onClick, type, variant, ...rest }: LogoProps) => React.JSX.Element;

package/dist/types/components/Logo/logo.recipe.d.ts

@@ -1,9 +1,24 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
 export declare const logoRecipe: import('@chakra-ui/react').RecipeDefinition<{
     type: Record<"full" | "icon", SystemStyleObject>;
-    variant: Record<"default" | "primary", SystemStyleObject>;
-    onContrast: {
-        true: {};
-        false: {};
+    variant: {
+        primary: SystemStyleObject;
+        accent: SystemStyleObject;
+        accentSubtle: SystemStyleObject;
+        brand: SystemStyleObject;
+        brandOnContrast: SystemStyleObject;
+        danger: SystemStyleObject;
+        dangerOnContrast: SystemStyleObject;
+        default: SystemStyleObject;
+        info: SystemStyleObject;
+        interactive: SystemStyleObject;
+        interactiveOnContrast: SystemStyleObject;
+        onContrast: SystemStyleObject;
+        placeholder: SystemStyleObject;
+        placeholderOnContrast: SystemStyleObject;
+        subtle: SystemStyleObject;
+        subtleOnContrast: SystemStyleObject;
+        success: SystemStyleObject;
+        warning: SystemStyleObject;
     };
 }>;

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

@@ -1,4 +1,4 @@
+import { TypographyVariant } from '../../shared/types/typography';
 export declare const logoTypes: readonly ["full", "icon"];
 export type LogoType = (typeof logoTypes)[number];
-export declare const logoVariants: readonly ["default", "primary"];
-export type LogoVariant = (typeof logoVariants)[number];
+export type LogoVariant = TypographyVariant | 'primary';

package/dist/types/theme/semanticTokens/index.d.ts

@@ -1 +1,2 @@
 export * from './semanticTokens.types';
+export { invertToken } from './utils/invertToken';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@televet/kibble-ui",
   "description": "Kibble Design System by Otto",
-  "version": "4.0.0-beta.126",
+  "version": "4.0.0-beta.128",
   "type": "module",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.js",

package/dist/chunks/logo.types-BbSodfBq.js

@@ -1,76 +0,0 @@
-import { j as r } from "./jsx-runtime-C5mzlN2N.js";
-import { F as i, a as c } from "./IconLogo-UpYiHEKq.js";
-import { b as p } from "./config-DlTdf-Yt.js";
-import { u as f } from "./use-recipe-d63ABaZ3.js";
-import { B as u } from "./box-Ck9I7FYv.js";
-const m = {
-  full: {
-    width: "200px"
-  },
-  icon: {
-    width: "60px"
-  }
-}, d = {
-  default: {
-    color: "text"
-  },
-  primary: {
-    color: "text.logo"
-  }
-}, g = p({
-  base: {},
-  variants: {
-    type: m,
-    variant: d,
-    onContrast: {
-      true: {},
-      false: {}
-    }
-  },
-  compoundVariants: [
-    {
-      onContrast: !0,
-      variant: "default",
-      css: {
-        color: "text.contrast"
-      }
-    },
-    {
-      onContrast: !0,
-      variant: "primary",
-      css: {
-        color: "text.logo.contrast"
-      }
-    }
-  ],
-  defaultVariants: {
-    type: "full",
-    variant: "default",
-    onContrast: !1
-  }
-}), C = ({
-  onClick: o,
-  onContrast: a = !1,
-  type: t = "full",
-  variant: s = "default",
-  ...e
-}) => {
-  const l = t === "full" ? i : c, n = f({ recipe: g })({ variant: s, type: t, onContrast: a });
-  return /* @__PURE__ */ r.jsx(
-    u,
-    {
-      className: "Logo",
-      "data-testid": "kibble-logo",
-      ...o && { cursor: "pointer", onClick: o },
-      css: n,
-      ...e,
-      children: /* @__PURE__ */ r.jsx(l, { color: "currentColor", width: "100%", height: "100%" })
-    }
-  );
-}, b = ["full", "icon"], j = ["default", "primary"];
-export {
-  C as L,
-  j as a,
-  b as l
-};
-//# sourceMappingURL=logo.types-BbSodfBq.js.map

package/dist/chunks/logo.types-BbSodfBq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"logo.types-BbSodfBq.js","sources":["../../src/components/Logo/logo.recipe.ts","../../src/components/Logo/logo.component.tsx","../../src/components/Logo/logo.types.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { LogoType, LogoVariant } from './logo.types';\n\nconst logoTypeStyles: Record<LogoType, SystemStyleObject> = {\n  full: {\n    width: '200px',\n  },\n  icon: {\n    width: '60px',\n  },\n};\n\nconst logoVariantStyles: Record<LogoVariant, SystemStyleObject> = {\n  default: {\n    color: 'text',\n  },\n  primary: {\n    color: 'text.logo',\n  },\n};\n\nexport const logoRecipe = defineRecipe({\n  base: {},\n  variants: {\n    type: logoTypeStyles,\n    variant: logoVariantStyles,\n    onContrast: {\n      true: {},\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {\n      onContrast: true,\n      variant: 'default',\n      css: {\n        color: 'text.contrast',\n      },\n    },\n    {\n      onContrast: true,\n      variant: 'primary',\n      css: {\n        color: 'text.logo.contrast',\n      },\n    },\n  ],\n  defaultVariants: {\n    type: 'full',\n    variant: 'default',\n    onContrast: false,\n  },\n});\n","import React from 'react';\nimport { Box, BoxProps } from '@chakra-ui/react/box';\nimport { LogoType, LogoVariant } from './logo.types';\nimport { FullLogo, IconLogo } from './generated';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { logoRecipe } from './logo.recipe';\n\nexport interface LogoProps extends Omit<BoxProps, 'color'> {\n  onClick?: () => void;\n  onContrast?: boolean;\n  type?: LogoType;\n  variant?: LogoVariant;\n}\n\nexport const Logo = ({\n  onClick,\n  onContrast = false,\n  type = 'full',\n  variant = 'default',\n  ...rest\n}: LogoProps): React.JSX.Element => {\n  const LogoComponent = type === 'full' ? FullLogo : IconLogo;\n  const recipe = useRecipe({ recipe: logoRecipe });\n  const styles = recipe({ variant, type, onContrast });\n\n  return (\n    <Box\n      className=\"Logo\"\n      data-testid=\"kibble-logo\"\n      {...(onClick && { cursor: 'pointer', onClick })}\n      css={styles}\n      {...rest}\n    >\n      <LogoComponent color=\"currentColor\" width=\"100%\" height=\"100%\" />\n    </Box>\n  );\n};\n","export const logoTypes = ['full', 'icon'] as const;\nexport type LogoType = (typeof logoTypes)[number];\n\nexport const logoVariants = ['default', 'primary'] as const;\nexport type LogoVariant = (typeof logoVariants)[number];\n"],"names":["logoTypeStyles","logoVariantStyles","logoRecipe","defineRecipe","Logo","onClick","onContrast","type","variant","rest","LogoComponent","FullLogo","IconLogo","styles","useRecipe","jsx","Box","logoTypes","logoVariants"],"mappings":";;;;;AAGA,MAAMA,IAAsD;AAAA,EAC1D,MAAM;AAAA,IACJ,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,EAAA;AAEX,GAEMC,IAA4D;AAAA,EAChE,SAAS;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,EAAA;AAEX,GAEaC,IAAaC,EAAa;AAAA,EACrC,MAAM,CAAC;AAAA,EACP,UAAU;AAAA,IACR,MAAMH;AAAA,IACN,SAASC;AAAA,IACT,YAAY;AAAA,MACV,MAAM,CAAC;AAAA,MACP,OAAO,CAAA;AAAA,IAAC;AAAA,EAEZ;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,KAAK;AAAA,QACH,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IACA;AAAA,MACE,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,KAAK;AAAA,QACH,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EAEJ;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,IACT,YAAY;AAAA,EAAA;AAEhB,CAAC,GCtCYG,IAAO,CAAC;AAAA,EACnB,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAAoC;AAC5B,QAAAC,IAAgBH,MAAS,SAASI,IAAWC,GAE7CC,IADSC,EAAU,EAAE,QAAQZ,GAAY,EACzB,EAAE,SAAAM,GAAS,MAAAD,GAAM,YAAAD,GAAY;AAGjD,SAAAS,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACX,GAAIX,KAAW,EAAE,QAAQ,WAAW,SAAAA,EAAQ;AAAA,MAC7C,KAAKQ;AAAA,MACJ,GAAGJ;AAAA,MAEJ,gCAACC,GAAc,EAAA,OAAM,gBAAe,OAAM,QAAO,QAAO,OAAO,CAAA;AAAA,IAAA;AAAA,EACjE;AAEJ,GCpCaO,IAAY,CAAC,QAAQ,MAAM,GAG3BC,IAAe,CAAC,WAAW,SAAS;"}

package/dist/chunks/logo.types-CA_5hGAi.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),r=require("./IconLogo-C4aZqkn1.js"),l=require("./config-BFcXpdZo.js"),u=require("./use-recipe-DaPWl_pL.js"),p=require("./box-Baq7UBls.js"),f={full:{width:"200px"},icon:{width:"60px"}},g={default:{color:"text"},primary:{color:"text.logo"}},d=l.defineRecipe({base:{},variants:{type:f,variant:g,onContrast:{true:{},false:{}}},compoundVariants:[{onContrast:!0,variant:"default",css:{color:"text.contrast"}},{onContrast:!0,variant:"primary",css:{color:"text.logo.contrast"}}],defaultVariants:{type:"full",variant:"default",onContrast:!1}}),x=({onClick:o,onContrast:s=!1,type:t="full",variant:n="default",...a})=>{const c=t==="full"?r.ForwardRef:r.ForwardRef$1,i=u.useRecipe({recipe:d})({variant:n,type:t,onContrast:s});return e.jsxRuntimeExports.jsx(p.Box,{className:"Logo","data-testid":"kibble-logo",...o&&{cursor:"pointer",onClick:o},css:i,...a,children:e.jsxRuntimeExports.jsx(c,{color:"currentColor",width:"100%",height:"100%"})})},y=["full","icon"],m=["default","primary"];exports.Logo=x;exports.logoTypes=y;exports.logoVariants=m;
-//# sourceMappingURL=logo.types-CA_5hGAi.js.map

package/dist/chunks/logo.types-CA_5hGAi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"logo.types-CA_5hGAi.js","sources":["../../src/components/Logo/logo.recipe.ts","../../src/components/Logo/logo.component.tsx","../../src/components/Logo/logo.types.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { LogoType, LogoVariant } from './logo.types';\n\nconst logoTypeStyles: Record<LogoType, SystemStyleObject> = {\n  full: {\n    width: '200px',\n  },\n  icon: {\n    width: '60px',\n  },\n};\n\nconst logoVariantStyles: Record<LogoVariant, SystemStyleObject> = {\n  default: {\n    color: 'text',\n  },\n  primary: {\n    color: 'text.logo',\n  },\n};\n\nexport const logoRecipe = defineRecipe({\n  base: {},\n  variants: {\n    type: logoTypeStyles,\n    variant: logoVariantStyles,\n    onContrast: {\n      true: {},\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {\n      onContrast: true,\n      variant: 'default',\n      css: {\n        color: 'text.contrast',\n      },\n    },\n    {\n      onContrast: true,\n      variant: 'primary',\n      css: {\n        color: 'text.logo.contrast',\n      },\n    },\n  ],\n  defaultVariants: {\n    type: 'full',\n    variant: 'default',\n    onContrast: false,\n  },\n});\n","import React from 'react';\nimport { Box, BoxProps } from '@chakra-ui/react/box';\nimport { LogoType, LogoVariant } from './logo.types';\nimport { FullLogo, IconLogo } from './generated';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { logoRecipe } from './logo.recipe';\n\nexport interface LogoProps extends Omit<BoxProps, 'color'> {\n  onClick?: () => void;\n  onContrast?: boolean;\n  type?: LogoType;\n  variant?: LogoVariant;\n}\n\nexport const Logo = ({\n  onClick,\n  onContrast = false,\n  type = 'full',\n  variant = 'default',\n  ...rest\n}: LogoProps): React.JSX.Element => {\n  const LogoComponent = type === 'full' ? FullLogo : IconLogo;\n  const recipe = useRecipe({ recipe: logoRecipe });\n  const styles = recipe({ variant, type, onContrast });\n\n  return (\n    <Box\n      className=\"Logo\"\n      data-testid=\"kibble-logo\"\n      {...(onClick && { cursor: 'pointer', onClick })}\n      css={styles}\n      {...rest}\n    >\n      <LogoComponent color=\"currentColor\" width=\"100%\" height=\"100%\" />\n    </Box>\n  );\n};\n","export const logoTypes = ['full', 'icon'] as const;\nexport type LogoType = (typeof logoTypes)[number];\n\nexport const logoVariants = ['default', 'primary'] as const;\nexport type LogoVariant = (typeof logoVariants)[number];\n"],"names":["logoTypeStyles","logoVariantStyles","logoRecipe","defineRecipe","Logo","onClick","onContrast","type","variant","rest","LogoComponent","FullLogo","IconLogo","styles","useRecipe","jsx","Box","logoTypes","logoVariants"],"mappings":"qMAGMA,EAAsD,CAC1D,KAAM,CACJ,MAAO,OACT,EACA,KAAM,CACJ,MAAO,MAAA,CAEX,EAEMC,EAA4D,CAChE,QAAS,CACP,MAAO,MACT,EACA,QAAS,CACP,MAAO,WAAA,CAEX,EAEaC,EAAaC,EAAAA,aAAa,CACrC,KAAM,CAAC,EACP,SAAU,CACR,KAAMH,EACN,QAASC,EACT,WAAY,CACV,KAAM,CAAC,EACP,MAAO,CAAA,CAAC,CAEZ,EACA,iBAAkB,CAChB,CACE,WAAY,GACZ,QAAS,UACT,IAAK,CACH,MAAO,eAAA,CAEX,EACA,CACE,WAAY,GACZ,QAAS,UACT,IAAK,CACH,MAAO,oBAAA,CACT,CAEJ,EACA,gBAAiB,CACf,KAAM,OACN,QAAS,UACT,WAAY,EAAA,CAEhB,CAAC,ECtCYG,EAAO,CAAC,CACnB,QAAAC,EACA,WAAAC,EAAa,GACb,KAAAC,EAAO,OACP,QAAAC,EAAU,UACV,GAAGC,CACL,IAAoC,CAC5B,MAAAC,EAAgBH,IAAS,OAASI,EAAW,WAAAC,EAAA,aAE7CC,EADSC,EAAA,UAAU,CAAE,OAAQZ,EAAY,EACzB,CAAE,QAAAM,EAAS,KAAAD,EAAM,WAAAD,EAAY,EAGjD,OAAAS,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,UAAU,OACV,cAAY,cACX,GAAIX,GAAW,CAAE,OAAQ,UAAW,QAAAA,CAAQ,EAC7C,IAAKQ,EACJ,GAAGJ,EAEJ,iCAACC,EAAc,CAAA,MAAM,eAAe,MAAM,OAAO,OAAO,MAAO,CAAA,CAAA,CACjE,CAEJ,ECpCaO,EAAY,CAAC,OAAQ,MAAM,EAG3BC,EAAe,CAAC,UAAW,SAAS"}