@televet/kibble-ui 5.1.0-ne.0 → 5.1.0

package/AGENTS.md

@@ -104,6 +104,9 @@ component's props, the manifest updates on the next build — there is nothing t
 Regenerate it on its own with `npm run generate:manifest` (it needs `dist/` to exist, so run
 a build first).
 
+The Storybook URLs in the manifest point at `https://televet.github.io/kibble-ui`. Set
+`KIBBLE_STORYBOOK_BASE` before the build to point them somewhere else.
+
 ## Don't
 
 - Use `@ts-ignore` or `as any`

package/dist/components.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": 1,
-  "kibbleVersion": "5.1.0-ne.0",
-  "generatedAt": "2026-09-04T02:25:29.261Z",
+  "kibbleVersion": "5.1.0",
+  "generatedAt": "2026-09-08T20:01:46.332Z",
   "storybookBase": "https://televet.github.io/kibble-ui",
   "propsScope": "Props declared in kibble-ui. Inherited Chakra style and DOM props are summarised in extendsType.",
   "components": [

package/dist/types/components/Heading/heading.recipe.d.ts

@@ -3,5 +3,5 @@ import { HeadingSize } from './heading.types';
 export declare const headingRecipe: import('@chakra-ui/react').RecipeDefinition<{
     variant: Record<"accent" | "accentSubtle" | "brand" | "brandOnContrast" | "danger" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast" | "success" | "warning", SystemStyleObject>;
     size: Record<HeadingSize, SystemStyleObject>;
-    fontWeight: Record<import('../../../packages/kibble-primitives/src/index.ts').FontWeight, SystemStyleObject>;
+    fontWeight: Record<import('@televet/kibble-primitives').FontWeight, SystemStyleObject>;
 }>;

package/dist/types/components/Link/link.recipe.d.ts

@@ -1,5 +1,5 @@
 export declare const linkRecipe: import('@chakra-ui/react').RecipeDefinition<{
     variant: Record<"accent" | "accentSubtle" | "brand" | "brandOnContrast" | "danger" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast" | "success" | "warning", import('@chakra-ui/react').SystemStyleObject>;
     size: Record<import('..').TextSize, import('@chakra-ui/react').SystemStyleObject>;
-    fontWeight: Record<import('../../../packages/kibble-primitives/src/index.ts').FontWeight, import('@chakra-ui/react').SystemStyleObject>;
+    fontWeight: Record<import('@televet/kibble-primitives').FontWeight, import('@chakra-ui/react').SystemStyleObject>;
 }>;

package/dist/types/components/Rating/rating.component.d.ts

@@ -3,7 +3,7 @@ import { RatingGroup } from '@chakra-ui/react/rating-group';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 import { IconName } from '../Icon';
 import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
-import { KibbleSemanticColorToken } from '../../../packages/kibble-primitives/src/semantic/index.ts';
+import { KibbleSemanticColorToken } from '@televet/kibble-primitives/semantic';
 import { ConditionalValue } from '@chakra-ui/react';
 export interface RatingProps extends Omit<RatingGroup.RootProps, 'allowHalf'>, WithFormControlProps {
     /** Total number of ratings.

package/dist/types/components/Text/text.recipe.d.ts

@@ -4,5 +4,5 @@ export declare const textSizeStyles: Record<TextSize, SystemStyleObject>;
 export declare const textRecipe: import('@chakra-ui/react').RecipeDefinition<{
     variant: Record<"accent" | "accentSubtle" | "brand" | "brandOnContrast" | "danger" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast" | "success" | "warning", SystemStyleObject>;
     size: Record<TextSize, SystemStyleObject>;
-    fontWeight: Record<import('../../../packages/kibble-primitives/src/index.ts').FontWeight, SystemStyleObject>;
+    fontWeight: Record<import('@televet/kibble-primitives').FontWeight, SystemStyleObject>;
 }>;

package/dist/types/shared/types/theme.d.ts

@@ -1,2 +1,2 @@
-export type { ColorMode } from '../../../packages/kibble-primitives/src/index.ts';
+export type { ColorMode } from '@televet/kibble-primitives';
 export declare const colorModeThemeKey = "kibble-theme";

package/dist/types/theme/semanticTokens/aliasPurpose.records.d.ts

@@ -1,4 +1,4 @@
-import { SemanticColorScheme } from '../../../packages/kibble-primitives/src/semantic/index.ts';
+import { SemanticColorScheme } from '@televet/kibble-primitives/semantic';
 /** Scheme purpose (from Color schemes table). */
 export declare const SCHEME_PURPOSE: Record<SemanticColorScheme, string>;
 /** State meaning / when to use (from States table). Keys are lowercase state keys from the map. */

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

@@ -1 +1 @@
-export * from '../../../packages/kibble-primitives/src/semantic/index.ts';
+export * from '@televet/kibble-primitives/semantic';

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

@@ -11,9 +11,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
-                pressed: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('@televet/kibble-primitives').SemanticTokenDefinition;
+                hover: import('@televet/kibble-primitives').SemanticTokenDefinition;
+                pressed: import('@televet/kibble-primitives').SemanticTokenDefinition;
             };
         };
         secondary: {
@@ -21,9 +21,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
-                pressed: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('@televet/kibble-primitives').SemanticTokenDefinition;
+                hover: import('@televet/kibble-primitives').SemanticTokenDefinition;
+                pressed: import('@televet/kibble-primitives').SemanticTokenDefinition;
             };
         };
         brand: any;
@@ -65,9 +65,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
-                pressed: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('@televet/kibble-primitives').SemanticTokenDefinition;
+                hover: import('@televet/kibble-primitives').SemanticTokenDefinition;
+                pressed: import('@televet/kibble-primitives').SemanticTokenDefinition;
             };
         };
         primaryAlpha: {
@@ -75,9 +75,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
-                pressed: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('@televet/kibble-primitives').SemanticTokenDefinition;
+                hover: import('@televet/kibble-primitives').SemanticTokenDefinition;
+                pressed: import('@televet/kibble-primitives').SemanticTokenDefinition;
             };
         };
         secondaryAlpha: {
@@ -85,9 +85,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
-                pressed: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('@televet/kibble-primitives').SemanticTokenDefinition;
+                hover: import('@televet/kibble-primitives').SemanticTokenDefinition;
+                pressed: import('@televet/kibble-primitives').SemanticTokenDefinition;
             };
         };
         destructiveAlpha: {
@@ -95,20 +95,20 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
-                pressed: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('@televet/kibble-primitives').SemanticTokenDefinition;
+                hover: import('@televet/kibble-primitives').SemanticTokenDefinition;
+                pressed: import('@televet/kibble-primitives').SemanticTokenDefinition;
             };
         };
         overlay: {
             DEFAULT: any;
-            contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+            contrast: import('@televet/kibble-primitives').SemanticTokenDefinition;
         };
         backdrop: any;
         contrast: {
-            DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
-            subtle: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
-            moreSubtle: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+            DEFAULT: import('@televet/kibble-primitives').SemanticTokenDefinition;
+            subtle: import('@televet/kibble-primitives').SemanticTokenDefinition;
+            moreSubtle: import('@televet/kibble-primitives').SemanticTokenDefinition;
             mostSubtle: any;
         };
         gradientFull: {
@@ -116,9 +116,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
-                pressed: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('@televet/kibble-primitives').SemanticTokenDefinition;
+                hover: import('@televet/kibble-primitives').SemanticTokenDefinition;
+                pressed: import('@televet/kibble-primitives').SemanticTokenDefinition;
             };
         };
         gradientPink: {
@@ -140,15 +140,15 @@ export declare const semanticColorTokens: {
         subtle: any;
         strong: {
             DEFAULT: any;
-            contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+            contrast: import('@televet/kibble-primitives').SemanticTokenDefinition;
         };
         focus: {
             DEFAULT: any;
-            contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+            contrast: import('@televet/kibble-primitives').SemanticTokenDefinition;
         };
         brand: {
             DEFAULT: any;
-            contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+            contrast: import('@televet/kibble-primitives').SemanticTokenDefinition;
         };
         info: any;
         success: any;
@@ -162,8 +162,8 @@ export declare const semanticColorTokens: {
             subtle: any;
         };
         contrast: {
-            DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
-            subtle: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+            DEFAULT: import('@televet/kibble-primitives').SemanticTokenDefinition;
+            subtle: import('@televet/kibble-primitives').SemanticTokenDefinition;
         };
     };
     divider: {
@@ -175,22 +175,22 @@ export declare const semanticColorTokens: {
         default: any;
         subtle: {
             DEFAULT: any;
-            contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+            contrast: import('@televet/kibble-primitives').SemanticTokenDefinition;
         };
         interactive: {
             DEFAULT: any;
             hover: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('@televet/kibble-primitives').SemanticTokenDefinition;
+                hover: import('@televet/kibble-primitives').SemanticTokenDefinition;
             };
         };
         brand: {
             DEFAULT: any;
             hover: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('@televet/kibble-primitives').SemanticTokenDefinition;
+                hover: import('@televet/kibble-primitives').SemanticTokenDefinition;
             };
         };
         info: any;
@@ -204,12 +204,12 @@ export declare const semanticColorTokens: {
         };
         placeholder: {
             DEFAULT: any;
-            contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+            contrast: import('@televet/kibble-primitives').SemanticTokenDefinition;
         };
         accent: {
             DEFAULT: any;
             subtle: any;
         };
-        contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+        contrast: import('@televet/kibble-primitives').SemanticTokenDefinition;
     };
 };

package/dist/types/theme/semanticTokens/utils/flattenSemanticTokenRecord.d.ts

@@ -1,4 +1,4 @@
-import { SemanticProperty } from '../../../../packages/kibble-primitives/src/semantic/index.ts';
+import { SemanticProperty } from '@televet/kibble-primitives/semantic';
 export type FlatSemanticTokenRecord = Record<string, {
     _dark: string;
     _light: string;

package/dist/types/theme/semanticTokens/utils/getSemanticColorToken.d.ts

@@ -1,4 +1,4 @@
-import { SemanticProperty } from '../../../../packages/kibble-primitives/src/semantic/index.ts';
+import { SemanticProperty } from '@televet/kibble-primitives/semantic';
 import { FlatSemanticTokenRecord } from './flattenSemanticTokenRecord';
 export type KibbleThemeMode = 'light' | 'dark';
 export declare const getSemanticColorTokenRecord: ({ property }: {

package/dist/types/theme/tokens/blurs/index.d.ts

@@ -1 +1 @@
-export * from '../../../../packages/kibble-primitives/src/core/blurs/index.ts';
+export * from '@televet/kibble-primitives/core/blurs';

package/dist/types/theme/tokens/borders/index.d.ts

@@ -1 +1 @@
-export * from '../../../../packages/kibble-primitives/src/core/borders/index.ts';
+export * from '@televet/kibble-primitives/core/borders';

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

@@ -1,3 +1,3 @@
-export declare const colorTokens: Record<import('../../../../packages/kibble-primitives/src/index.ts').CoreColor, Record<import('../../../../packages/kibble-primitives/src/index.ts').ColorValue, {
+export declare const colorTokens: Record<import('@televet/kibble-primitives').CoreColor, Record<import('@televet/kibble-primitives').ColorValue, {
     value: string;
 }>>;

package/dist/types/theme/tokens/colors/index.d.ts

@@ -1 +1 @@
-export * from '../../../../packages/kibble-primitives/src/core/colors/index.ts';
+export * from '@televet/kibble-primitives/core/colors';

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

@@ -1 +1 @@
-export * from '../../../../packages/kibble-primitives/src/core/shadows/index.ts';
+export * from '@televet/kibble-primitives/core/shadows';

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

@@ -1 +1 @@
-export * from '../../../../packages/kibble-primitives/src/core/sizes/index.ts';
+export * from '@televet/kibble-primitives/core/sizes';

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

@@ -1 +1 @@
-export * from '../../../../packages/kibble-primitives/src/core/spacing/index.ts';
+export * from '@televet/kibble-primitives/core/spacing';

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

@@ -1 +1 @@
-export * from '../../../../packages/kibble-primitives/src/core/transitions/index.ts';
+export * from '@televet/kibble-primitives/core/transitions';

package/dist/types/theme/tokens/typography/index.d.ts

@@ -1 +1 @@
-export * from '../../../../packages/kibble-primitives/src/core/typography/index.ts';
+export * from '@televet/kibble-primitives/core/typography';

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

@@ -1 +1 @@
-export * from '../../../../packages/kibble-primitives/src/core/zIndices/index.ts';
+export * from '@televet/kibble-primitives/core/zIndices';

package/package.json

@@ -4,7 +4,7 @@
     "packages/*"
   ],
   "description": "Kibble Design System by Otto",
-  "version": "5.1.0-ne.0",
+  "version": "5.1.0",
   "type": "module",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",