@televet/kibble-ui 4.0.0-beta.77 → 4.0.0-beta.79

package/dist/types/components/Avatar/avatar.recipe.d.ts

@@ -5,7 +5,7 @@ type AvatarSlotStyles = {
 };
 export declare const avatarRecipe: import('@chakra-ui/react').SlotRecipeDefinition<AvatarSlot, {
     size: Record<"xs" | "sm" | "md" | "lg" | "xl", AvatarSlotStyles>;
-    variant: Record<"accent" | "default" | "contrast" | "dashed" | "outlineAccent" | "outlineYellow", AvatarSlotStyles>;
+    variant: Record<"accent" | "default" | "dashed" | "contrast" | "outlineAccent" | "outlineYellow", AvatarSlotStyles>;
     interactive: {
         true: {
             root: {

package/dist/types/components/Button/button.recipe.d.ts

@@ -1,5 +1,5 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
 export declare const buttonRecipe: import('@chakra-ui/react').RecipeDefinition<{
-    variant: Record<"primary" | "primaryOnContrast" | "primaryDestructive" | "primaryDestructiveOnContrast" | "secondary" | "secondaryOnContrast" | "secondaryDestructive" | "secondaryDestructiveOnContrast" | "secondarySubtle" | "secondarySubtleOnContrast" | "secondarySubtleDestructive" | "secondarySubtleDestructiveOnContrast" | "tertiary" | "tertiaryOnContrast" | "tertiaryDestructive" | "tertiaryDestructiveOnContrast" | "ghost" | "ghostOnContrast" | "ghostNeutral" | "ghostNeutralOnContrast" | "ghostDestructive" | "ghostDestructiveOnContrast" | "ai", SystemStyleObject>;
+    variant: Record<"primary" | "secondary" | "tertiary" | "primaryOnContrast" | "primaryDestructive" | "primaryDestructiveOnContrast" | "secondaryOnContrast" | "secondaryDestructive" | "secondaryDestructiveOnContrast" | "secondarySubtle" | "secondarySubtleOnContrast" | "secondarySubtleDestructive" | "secondarySubtleDestructiveOnContrast" | "tertiaryOnContrast" | "tertiaryDestructive" | "tertiaryDestructiveOnContrast" | "ghost" | "ghostOnContrast" | "ghostNeutral" | "ghostNeutralOnContrast" | "ghostDestructive" | "ghostDestructiveOnContrast" | "ai", SystemStyleObject>;
     size: Record<"xs" | "sm" | "md" | "lg", SystemStyleObject>;
 }>;

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

@@ -1,6 +1,6 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
 export declare const logoRecipe: import('@chakra-ui/react').RecipeDefinition<{
-    type: Record<"icon" | "full", SystemStyleObject>;
+    type: Record<"full" | "icon", SystemStyleObject>;
     variant: Record<"default" | "primary", SystemStyleObject>;
     onContrast: {
         true: {};

package/dist/types/components/Menu/menu.recipe.d.ts

@@ -1 +1 @@
-export declare const menuRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "trigger" | "checkboxItem" | "item" | "itemGroupLabel" | "triggerItem", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "trigger" | "checkboxItem" | "item" | "itemGroupLabel" | "triggerItem">>;
+export declare const menuRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"trigger" | "content" | "checkboxItem" | "item" | "itemGroupLabel" | "triggerItem", import('@chakra-ui/react').SlotRecipeVariantRecord<"trigger" | "content" | "checkboxItem" | "item" | "itemGroupLabel" | "triggerItem">>;

package/dist/types/components/Modal/modal.recipe.d.ts

@@ -1,4 +1,4 @@
-export declare const modalRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "content" | "footer" | "header" | "title" | "positioner" | "root" | "closeTrigger" | "backdrop" | "actionTrigger", {
+export declare const modalRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "root" | "content" | "footer" | "header" | "title" | "positioner" | "closeTrigger" | "backdrop" | "actionTrigger", {
     expanded: {
         true: {
             backdrop: {

package/dist/types/components/PinInput/pinInput.recipe.d.ts

@@ -1,4 +1,4 @@
-export declare const pinInputRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "root" | "hiddenInput" | "control", {
+export declare const pinInputRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "input" | "hiddenInput" | "control", {
     size: {
         sm: {
             input: import('@chakra-ui/react').SystemStyleObject;

package/dist/types/components/Popover/popover.recipe.d.ts

@@ -1,5 +1,5 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
-type PopoverSlot = "root" | "content" | "arrow" | "arrowTip" | "body" | "header" | "footer";
+type PopoverSlot = "root" | "content" | "arrow" | "arrowTip" | "body" | "header" | "footer" | "trigger";
 type PopoverSlotStyles = {
     [key in PopoverSlot]?: SystemStyleObject;
 };

package/dist/types/components/Spinner/spinner.recipe.d.ts

@@ -4,7 +4,7 @@ type SpinnerSlot = (typeof spinnerSlots)[number];
 type SpinnerSlotStyles = {
     [key in SpinnerSlot]?: SystemStyleObject;
 };
-export declare const spinnerRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "spinner" | "root", {
+export declare const spinnerRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "label" | "spinner", {
     variant: Record<"accent" | "accentSubtle" | "brand" | "brandOnContrast" | "danger" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast" | "success" | "warning", SpinnerSlotStyles>;
     size: Record<string, SpinnerSlotStyles>;
     fullScreen: {

package/dist/types/components/TimePicker/timePicker.recipe.d.ts

@@ -1 +1 @@
-export declare const timePickerRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"container" | "list" | "trigger", import('@chakra-ui/react').SlotRecipeVariantRecord<"container" | "list" | "trigger">>;
+export declare const timePickerRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"trigger" | "container" | "list", import('@chakra-ui/react').SlotRecipeVariantRecord<"trigger" | "container" | "list">>;

package/dist/types/components/Tooltip/tooltip.component.d.ts

@@ -1,7 +1,9 @@
 import { default as React } from 'react';
-import { Tooltip as CTooltip } from '@chakra-ui/react/tooltip';
+import { HoverCard } from '@chakra-ui/react/hover-card';
 import { Placement } from '../../shared/types/placement';
-export interface TooltipProps extends CTooltip.RootProps {
+export interface TooltipProps extends Omit<HoverCard.RootProps, "children"> {
+    children?: React.ReactNode;
+    disabled?: boolean;
     label: string;
     placement?: Placement;
     portalled?: boolean;

package/dist/types/components/Tooltip/tooltip.recipe.d.ts

@@ -1 +1 @@
-export declare const tooltipRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "trigger" | "arrow" | "arrowTip" | "root", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "trigger" | "arrow" | "arrowTip" | "root">>;
+export declare const tooltipRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "trigger" | "content" | "arrow" | "arrowTip", import('@chakra-ui/react').SlotRecipeVariantRecord<"root" | "trigger" | "content" | "arrow" | "arrowTip">>;

package/dist/types/theme/tokens/shadows/shadows.config.d.ts

@@ -26,9 +26,6 @@ export declare const shadowTokens: {
     outline: {
         value: string;
     };
-    active: {
-        value: string;
-    };
     xsR: {
         value: string;
     };
@@ -56,6 +53,9 @@ export declare const shadowTokens: {
     "hover.contrast": {
         value: string;
     };
+    active: {
+        value: string;
+    };
     "active.contrast": {
         value: string;
     };

package/dist/types/theme/tokens/sizes/sizes.config.d.ts

@@ -52,16 +52,16 @@ export declare const sizeTokens: {
     "2xs": {
         value: string;
     };
-    max: {
+    full: {
         value: string;
     };
     "3xs": {
         value: string;
     };
-    min: {
+    max: {
         value: string;
     };
-    full: {
+    min: {
         value: string;
     };
 };

package/dist/types/theme/tokens/spacing/spacing.config.d.ts

@@ -23,9 +23,6 @@ export declare const spacingTokens: {
     10: {
         value: string;
     };
-    px: {
-        value: string;
-    };
     1: {
         value: string;
     };
@@ -98,4 +95,7 @@ export declare const spacingTokens: {
     3.5: {
         value: string;
     };
+    px: {
+        value: string;
+    };
 };

package/dist/types/theme/tokens/transitions/transitions.config.d.ts

@@ -25,10 +25,10 @@ export declare const transitionEasingTokens: {
     "ease-in": {
         value: string;
     };
-    "ease-in-out": {
+    "ease-out": {
         value: string;
     };
-    "ease-out": {
+    "ease-in-out": {
         value: string;
     };
 };

package/dist/types/theme/tokens/zIndices/zIndices.config.d.ts

@@ -14,31 +14,31 @@ export declare const zIndexTokens: {
     tooltip: {
         value: string;
     };
-    tooltipExtra: {
+    sticky: {
         value: string;
     };
-    hide: {
+    auto: {
         value: string;
     };
-    docked: {
+    banner: {
         value: string;
     };
-    dropdown: {
+    hide: {
         value: string;
     };
-    sticky: {
+    docked: {
         value: string;
     };
-    banner: {
+    dropdown: {
         value: string;
     };
     modal: {
         value: string;
     };
-    auto: {
+    skipLink: {
         value: string;
     };
-    skipLink: {
+    tooltipExtra: {
         value: string;
     };
 };

package/package.json

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

package/dist/chunks/checkbox.records-CXDQlfs4.js

@@ -1,2 +0,0 @@
-"use strict";const a=require("./index-CZ42b9rT.js"),T=require("./withTruncation-DqAm-acL.js"),P=require("./use-locale-context-BdqHZ8L8.js");var S=a.createAnatomy("checkbox").parts("root","label","control","indicator"),h=S.build(),V=e=>e.ids?.root??`checkbox:${e.id}`,m=e=>e.ids?.label??`checkbox:${e.id}:label`,x=e=>e.ids?.control??`checkbox:${e.id}:control`,g=e=>e.ids?.hiddenInput??`checkbox:${e.id}:input`,F=e=>e.getById(V(e)),l=e=>e.getById(g(e));function A(e,t){const{send:d,context:c,prop:r,computed:C,scope:o}=e,i=r("disabled"),p=r("readOnly"),v=r("invalid"),b=!i&&c.get("focused"),I=!i&&c.get("focusVisible"),n=C("checked"),f=C("indeterminate"),u={"data-active":a.dataAttr(c.get("active")),"data-focus":a.dataAttr(b),"data-focus-visible":a.dataAttr(I),"data-readonly":a.dataAttr(p),"data-hover":a.dataAttr(c.get("hovered")),"data-disabled":a.dataAttr(i),"data-state":f?"indeterminate":n?"checked":"unchecked","data-invalid":a.dataAttr(v)};return{checked:n,disabled:i,indeterminate:f,focused:b,checkedState:n,setChecked(s){d({type:"CHECKED.SET",checked:s,isTrusted:!1})},toggleChecked(){d({type:"CHECKED.TOGGLE",checked:n,isTrusted:!1})},getRootProps(){return t.label({...h.root.attrs,...u,dir:r("dir"),id:V(o),htmlFor:g(o),onPointerMove(){i||d({type:"CONTEXT.SET",context:{hovered:!0}})},onPointerLeave(){i||d({type:"CONTEXT.SET",context:{hovered:!1}})},onClick(s){a.getEventTarget(s)===l(o)&&s.stopPropagation()}})},getLabelProps(){return t.element({...h.label.attrs,...u,dir:r("dir"),id:m(o)})},getControlProps(){return t.element({...h.control.attrs,...u,dir:r("dir"),id:x(o),"aria-hidden":!0})},getIndicatorProps(){return t.element({...h.indicator.attrs,...u,dir:r("dir"),hidden:!f&&!n})},getHiddenInputProps(){return t.input({id:g(o),type:"checkbox",required:r("required"),defaultChecked:n,disabled:i,"aria-labelledby":m(o),"aria-invalid":v,name:r("name"),form:r("form"),value:r("value"),style:a.visuallyHiddenStyle,onFocus(){const s=T.isFocusVisible();d({type:"CONTEXT.SET",context:{focused:!0,focusVisible:s}})},onBlur(){d({type:"CONTEXT.SET",context:{focused:!1,focusVisible:!1}})},onClick(s){if(p){s.preventDefault();return}const E=s.currentTarget.checked;d({type:"CHECKED.SET",checked:E,isTrusted:!0})}})}}}var{not:y}=a.createGuards(),N=a.createMachine({props({props:e}){return{value:"on",...e,defaultChecked:!!e.defaultChecked}},initialState(){return"ready"},context({prop:e,bindable:t}){return{checked:t(()=>({defaultValue:e("defaultChecked"),value:e("checked"),onChange(d){e("onCheckedChange")?.({checked:d})}})),fieldsetDisabled:t(()=>({defaultValue:!1})),focusVisible:t(()=>({defaultValue:!1})),active:t(()=>({defaultValue:!1})),focused:t(()=>({defaultValue:!1})),hovered:t(()=>({defaultValue:!1}))}},watch({track:e,context:t,prop:d,action:c}){e([()=>d("disabled")],()=>{c(["removeFocusIfNeeded"])}),e([()=>t.get("checked")],()=>{c(["syncInputElement"])})},effects:["trackFormControlState","trackPressEvent","trackFocusVisible"],on:{"CHECKED.TOGGLE":[{guard:y("isTrusted"),actions:["toggleChecked","dispatchChangeEvent"]},{actions:["toggleChecked"]}],"CHECKED.SET":[{guard:y("isTrusted"),actions:["setChecked","dispatchChangeEvent"]},{actions:["setChecked"]}],"CONTEXT.SET":{actions:["setContext"]}},computed:{indeterminate:({context:e})=>k(e.get("checked")),checked:({context:e})=>D(e.get("checked")),disabled:({context:e,prop:t})=>!!t("disabled")||e.get("fieldsetDisabled")},states:{ready:{}},implementations:{guards:{isTrusted:({event:e})=>!!e.isTrusted},effects:{trackPressEvent({context:e,computed:t,scope:d}){if(!t("disabled"))return a.trackPress({pointerNode:F(d),keyboardNode:l(d),isValidKey:c=>c.key===" ",onPress:()=>e.set("active",!1),onPressStart:()=>e.set("active",!0),onPressEnd:()=>e.set("active",!1)})},trackFocusVisible({computed:e,scope:t}){if(!e("disabled"))return T.trackFocusVisible({root:t.getRootNode?.()})},trackFormControlState({context:e,scope:t}){return a.trackFormControl(l(t),{onFieldsetDisabledChange(d){e.set("fieldsetDisabled",d)},onFormReset(){e.set("checked",e.initial("checked"))}})}},actions:{setContext({context:e,event:t}){for(const d in t.context)e.set(d,t.context[d])},syncInputElement({context:e,computed:t,scope:d}){const c=l(d);c&&(a.setElementChecked(c,t("checked")),c.indeterminate=k(e.get("checked")))},removeFocusIfNeeded({context:e,prop:t}){t("disabled")&&e.get("focused")&&(e.set("focused",!1),e.set("focusVisible",!1))},setChecked({context:e,event:t}){e.set("checked",t.checked)},toggleChecked({context:e,computed:t}){const d=k(t("checked"))?!0:!t("checked");e.set("checked",d)},dispatchChangeEvent({computed:e,scope:t}){queueMicrotask(()=>{const d=l(t);a.dispatchInputCheckedEvent(d,{checked:e("checked")})})}}}});function k(e){return e==="indeterminate"}function D(e){return k(e)?!1:!!e}P.createProps()(["defaultChecked","checked","dir","disabled","form","getRootNode","id","ids","invalid","name","onCheckedChange","readOnly","required","value"]);const O=S.extendWith("group"),H={sm:3,md:4,lg:5},L={sm:2,md:2,lg:3};exports.CheckboxLabelSpacing=L;exports.CheckboxSizeMap=H;exports.checkboxAnatomy=O;exports.connect=A;exports.machine=N;
-//# sourceMappingURL=checkbox.records-CXDQlfs4.js.map