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

package/dist/types/theme/providers/theme.provider.d.ts

@@ -1,9 +1,8 @@
 import { default as React } from 'react';
-import { ChakraProviderProps } from '@chakra-ui/react';
-import { SystemContext } from '@chakra-ui/react/styled-system';
+import { ChakraProviderProps, SystemContext } from '@chakra-ui/react/styled-system';
 import { ColorModeProviderProps } from './colorMode.provider';
-interface KibbleThemeProviderProps extends Omit<ChakraProviderProps, 'value'>, Omit<ColorModeProviderProps, 'children' | 'storageKey'> {
+interface KibbleThemeProviderProps extends Omit<ChakraProviderProps, "value">, Omit<ColorModeProviderProps, "children"> {
     customTheme?: SystemContext;
 }
-export declare const KibbleThemeProvider: ({ customTheme, children, enableSystem, ...rest }: KibbleThemeProviderProps) => React.JSX.Element;
+export declare const KibbleThemeProvider: ({ customTheme, children, ...rest }: KibbleThemeProviderProps) => React.JSX.Element;
 export {};

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

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

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

@@ -139,7 +139,7 @@ export declare const semanticColorTokens: {
             contrast: any;
         };
         subtle: any;
-        'subtle.contrast': import('./semanticTokens.types').SemanticTokenDefinition;
+        "subtle.contrast": import('./semanticTokens.types').SemanticTokenDefinition;
         success: any;
         warning: any;
     };
@@ -178,10 +178,6 @@ export declare const semanticColorTokens: {
             };
             hover: any;
         };
-        logo: {
-            DEFAULT: any;
-            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
-        };
         placeholder: {
             DEFAULT: any;
             contrast: import('./semanticTokens.types').SemanticTokenDefinition;

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

@@ -29,10 +29,6 @@ export declare const semanticTextColorTokens: {
         };
         hover: any;
     };
-    logo: {
-        DEFAULT: any;
-        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
-    };
     placeholder: {
         DEFAULT: any;
         contrast: import('./semanticTokens.types').SemanticTokenDefinition;
@@ -74,7 +70,7 @@ export declare const semanticBorderColorTokens: {
         contrast: any;
     };
     subtle: any;
-    'subtle.contrast': import('./semanticTokens.types').SemanticTokenDefinition;
+    "subtle.contrast": import('./semanticTokens.types').SemanticTokenDefinition;
     success: any;
     warning: any;
 };
@@ -333,7 +329,7 @@ export declare const semanticColorTokenRecord: {
             contrast: any;
         };
         subtle: any;
-        'subtle.contrast': import('./semanticTokens.types').SemanticTokenDefinition;
+        "subtle.contrast": import('./semanticTokens.types').SemanticTokenDefinition;
         success: any;
         warning: any;
     };
@@ -372,10 +368,6 @@ export declare const semanticColorTokenRecord: {
             };
             hover: any;
         };
-        logo: {
-            DEFAULT: any;
-            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
-        };
         placeholder: {
             DEFAULT: any;
             contrast: import('./semanticTokens.types').SemanticTokenDefinition;

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

@@ -1,5 +1,5 @@
-export type SemanticProperty = 'text' | 'background' | 'border' | 'divider';
-export type SemanticColorScheme = 'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'neutral' | 'primaryAlpha' | 'secondaryAlpha' | 'dangerAlpha' | 'neutralAlpha' | 'ai';
+export type SemanticProperty = "text" | "background" | "border" | "divider";
+export type SemanticColorScheme = "primary" | "secondary" | "danger" | "warning" | "success" | "neutral" | "primaryAlpha" | "secondaryAlpha" | "dangerAlpha" | "neutralAlpha" | "ai";
 export type SemanticTokenDefinition = {
     value: {
         _light: string | number;

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

@@ -1,6 +1,6 @@
 import { SemanticProperty } from '../semanticTokens.types';
 import { FlatSemanticTokenRecord } from './flattenSemanticTokenRecord';
-export type KibbleThemeMode = 'light' | 'dark';
-export declare const getSemanticColorTokenRecord: ({ property }: {
+export type KibbleThemeMode = "light" | "dark";
+export declare const getSemanticColorTokenRecord: ({ property, }: {
     property: SemanticProperty;
 }) => FlatSemanticTokenRecord;

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

@@ -0,0 +1,2 @@
+export * from './semanticTokens/index'
+export {}

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

@@ -1,2 +1 @@
-export declare const kibbleThemeConfig: import('@chakra-ui/react').SystemConfig;
 export declare const system: import('@chakra-ui/react').SystemContext;

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

@@ -0,0 +1,22 @@
+import { ColorsToken, BordersToken, SpacingToken, SizesToken, RadiiToken, ShadowsToken, FontSizesToken, FontWeightsToken, FontsToken, LineHeightsToken, LetterSpacingsToken, BreakpointsToken, ZIndexToken } from './tokens/generated/token.gen';
+declare module "@chakra-ui/styled-system" {
+  export interface CustomThemeTypings {
+    colors: ColorsToken;
+    borders: BordersToken;
+    spacing: SpacingToken;
+    sizes: SizesToken;
+    radii: RadiiToken;
+    shadows: ShadowsToken;
+    fontSizes: FontSizesToken;
+    fontWeights: FontWeightsToken;
+    fonts: FontsToken;
+    lineHeights: LineHeightsToken;
+    letterSpacings: LetterSpacingsToken;
+    breakpoints: BreakpointsToken;
+    zIndex: ZIndexToken;
+  }
+}
+
+declare module "@chakra-ui/react" {
+  export interface ThemeTypings extends CustomThemeTypings {}
+}

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

@@ -1 +1 @@
-export type Blur = 'none' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
+export type Blur = "none" | "sm" | "base" | "md" | "lg" | "xl" | "2xl" | "3xl";

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

@@ -0,0 +1,2 @@
+export * from './blurs/index'
+export {}

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

@@ -1,2 +1,2 @@
-export type Border = 'none' | '1px' | '2px' | '4px' | '8px';
-export type Radius = 'none' | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
+export type Border = "none" | "1px" | "2px" | "4px" | "8px";
+export type Radius = "none" | "xs" | "sm" | "base" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";

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

@@ -0,0 +1,2 @@
+export * from './borders/index'
+export {}

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

@@ -1,2 +1,2 @@
-export type ColorValue = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
-export type CoreColor = 'primary' | 'secondary' | 'tertiary' | 'neutral' | 'danger' | 'warning' | 'success' | 'primaryAlpha' | 'secondaryAlpha' | 'dangerAlpha' | 'primaryAlphaInverse' | 'secondaryAlphaInverse' | 'blackAlpha' | 'whiteAlpha' | 'dangerAlphaInverse';
+export type ColorValue = "50" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
+export type CoreColor = "primary" | "secondary" | "tertiary" | "neutral" | "danger" | "warning" | "success" | "primaryAlpha" | "secondaryAlpha" | "dangerAlpha" | "primaryAlphaInverse" | "secondaryAlphaInverse" | "blackAlpha" | "whiteAlpha" | "dangerAlphaInverse";

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

@@ -0,0 +1,2 @@
+export * from './colors/index'
+export {}

package/dist/types/theme/tokens/generated/conditions.gen.d.ts

@@ -0,0 +1,262 @@
+export interface Conditions {
+  /** `@media (hover: hover),&:is(:hover, [data-hover]):not(:disabled, [data-disabled])` */
+  _hover: string
+  /** `&:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state=open])` */
+  _active: string
+  /** `&:is(:focus, [data-focus])` */
+  _focus: string
+  /** `&:is(:focus-within, [data-focus-within])` */
+  _focusWithin: string
+  /** `&:is(:focus-visible, [data-focus-visible])` */
+  _focusVisible: string
+  /** `&:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])` */
+  _disabled: string
+  /** `&:visited` */
+  _visited: string
+  /** `&:target` */
+  _target: string
+  /** `&:is([data-readonly], [aria-readonly=true], [readonly])` */
+  _readOnly: string
+  /** `&:read-write` */
+  _readWrite: string
+  /** `&:is(:empty, [data-empty])` */
+  _empty: string
+  /** `&:is(:checked, [data-checked], [aria-checked=true], [data-state=checked])` */
+  _checked: string
+  /** `&:enabled` */
+  _enabled: string
+  /** `&:is([aria-expanded=true], [data-expanded], [data-state=expanded])` */
+  _expanded: string
+  /** `&[data-highlighted]` */
+  _highlighted: string
+  /** `&[data-complete]` */
+  _complete: string
+  /** `&[data-incomplete]` */
+  _incomplete: string
+  /** `&[data-dragging]` */
+  _dragging: string
+  /** `&::before` */
+  _before: string
+  /** `&::after` */
+  _after: string
+  /** `&::first-letter` */
+  _firstLetter: string
+  /** `&::first-line` */
+  _firstLine: string
+  /** `&::marker` */
+  _marker: string
+  /** `&::selection` */
+  _selection: string
+  /** `&::file-selector-button` */
+  _file: string
+  /** `&::backdrop` */
+  _backdrop: string
+  /** `&:first-of-type` */
+  _first: string
+  /** `&:last-of-type` */
+  _last: string
+  /** `&:not(:first-of-type)` */
+  _notFirst: string
+  /** `&:not(:last-of-type)` */
+  _notLast: string
+  /** `&:only-child` */
+  _only: string
+  /** `&:nth-of-type(even)` */
+  _even: string
+  /** `&:nth-of-type(odd)` */
+  _odd: string
+  /** `.peer:is(:focus, [data-focus]) ~ &` */
+  _peerFocus: string
+  /** `.peer:is(:hover, [data-hover]):not(:disabled, [data-disabled]) ~ &` */
+  _peerHover: string
+  /** `.peer:is(:active, [data-active]):not(:disabled, [data-disabled]) ~ &` */
+  _peerActive: string
+  /** `.peer:focus-within ~ &` */
+  _peerFocusWithin: string
+  /** `.peer:is(:focus-visible, [data-focus-visible]) ~ &` */
+  _peerFocusVisible: string
+  /** `.peer:is(:disabled, [disabled], [data-disabled]) ~ &` */
+  _peerDisabled: string
+  /** `.peer:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) ~ &` */
+  _peerChecked: string
+  /** `.peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ &` */
+  _peerInvalid: string
+  /** `.peer:is([aria-expanded=true], [data-expanded], [data-state=expanded]) ~ &` */
+  _peerExpanded: string
+  /** `.peer:placeholder-shown ~ &` */
+  _peerPlaceholderShown: string
+  /** `.group:is(:focus, [data-focus]) &` */
+  _groupFocus: string
+  /** `.group:is(:hover, [data-hover]):not(:disabled, [data-disabled]) &` */
+  _groupHover: string
+  /** `.group:is(:active, [data-active]):not(:disabled, [data-disabled]) &` */
+  _groupActive: string
+  /** `.group:focus-within &` */
+  _groupFocusWithin: string
+  /** `.group:is(:focus-visible, [data-focus-visible]) &` */
+  _groupFocusVisible: string
+  /** `.group:is(:disabled, [disabled], [data-disabled]) &` */
+  _groupDisabled: string
+  /** `.group:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) &` */
+  _groupChecked: string
+  /** `.group:is([aria-expanded=true], [data-expanded], [data-state=expanded]) &` */
+  _groupExpanded: string
+  /** `.group:invalid &` */
+  _groupInvalid: string
+  /** `&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate])` */
+  _indeterminate: string
+  /** `&:is([data-required], [aria-required=true])` */
+  _required: string
+  /** `&:is([data-valid], [data-state=valid])` */
+  _valid: string
+  /** `&:is([data-invalid], [aria-invalid=true], [data-state=invalid])` */
+  _invalid: string
+  /** `&:autofill` */
+  _autofill: string
+  /** `&:is(:in-range, [data-in-range])` */
+  _inRange: string
+  /** `&:is(:out-of-range, [data-outside-range])` */
+  _outOfRange: string
+  /** `&::placeholder, &[data-placeholder]` */
+  _placeholder: string
+  /** `&:is(:placeholder-shown, [data-placeholder-shown])` */
+  _placeholderShown: string
+  /** `&:is([aria-pressed=true], [data-pressed])` */
+  _pressed: string
+  /** `&:is([aria-selected=true], [data-selected])` */
+  _selected: string
+  /** `&:is([aria-grabbed=true], [data-grabbed])` */
+  _grabbed: string
+  /** `&[data-state=under-value]` */
+  _underValue: string
+  /** `&[data-state=over-value]` */
+  _overValue: string
+  /** `&[data-state=at-value]` */
+  _atValue: string
+  /** `&:default` */
+  _default: string
+  /** `&:optional` */
+  _optional: string
+  /** `&:is([open], [data-open], [data-state=open])` */
+  _open: string
+  /** `&:is([closed], [data-closed], [data-state=closed])` */
+  _closed: string
+  /** `&is(:fullscreen, [data-fullscreen])` */
+  _fullscreen: string
+  /** `&:is([data-loading], [aria-busy=true])` */
+  _loading: string
+  /** `&:is([hidden], [data-hidden])` */
+  _hidden: string
+  /** `&[data-current]` */
+  _current: string
+  /** `&[aria-current=page]` */
+  _currentPage: string
+  /** `&[aria-current=step]` */
+  _currentStep: string
+  /** `&[data-today]` */
+  _today: string
+  /** `&[data-unavailable]` */
+  _unavailable: string
+  /** `&[data-range-start]` */
+  _rangeStart: string
+  /** `&[data-range-end]` */
+  _rangeEnd: string
+  /** `&[data-now]` */
+  _now: string
+  /** `&[data-topmost]` */
+  _topmost: string
+  /** `@media (prefers-reduced-motion: reduce)` */
+  _motionReduce: string
+  /** `@media (prefers-reduced-motion: no-preference)` */
+  _motionSafe: string
+  /** `@media print` */
+  _print: string
+  /** `@media (orientation: landscape)` */
+  _landscape: string
+  /** `@media (orientation: portrait)` */
+  _portrait: string
+  /** `.dark &, .dark .chakra-theme:not(.light) &` */
+  _dark: string
+  /** `:root &, .light &` */
+  _light: string
+  /** `@media (prefers-color-scheme: dark)` */
+  _osDark: string
+  /** `@media (prefers-color-scheme: light)` */
+  _osLight: string
+  /** `@media (forced-colors: active)` */
+  _highContrast: string
+  /** `@media (prefers-contrast: less)` */
+  _lessContrast: string
+  /** `@media (prefers-contrast: more)` */
+  _moreContrast: string
+  /** `[dir=ltr] &` */
+  _ltr: string
+  /** `[dir=rtl] &` */
+  _rtl: string
+  /** `&::-webkit-scrollbar` */
+  _scrollbar: string
+  /** `&::-webkit-scrollbar-thumb` */
+  _scrollbarThumb: string
+  /** `&::-webkit-scrollbar-track` */
+  _scrollbarTrack: string
+  /** `&[data-orientation=horizontal]` */
+  _horizontal: string
+  /** `&[data-orientation=vertical]` */
+  _vertical: string
+  /** `& :where(svg)` */
+  _icon: string
+  /** `@starting-style` */
+  _starting: string
+  /** `@media screen and (min-width: 30rem)` */
+  sm: string
+  /** `@media screen and (min-width: 30rem) and (max-width: 47.9975rem)` */
+  smOnly: string
+  /** `@media screen and (max-width: 29.9975rem)` */
+  smDown: string
+  /** `@media screen and (min-width: 48rem)` */
+  md: string
+  /** `@media screen and (min-width: 48rem) and (max-width: 63.9975rem)` */
+  mdOnly: string
+  /** `@media screen and (max-width: 47.9975rem)` */
+  mdDown: string
+  /** `@media screen and (min-width: 64rem)` */
+  lg: string
+  /** `@media screen and (min-width: 64rem) and (max-width: 79.9975rem)` */
+  lgOnly: string
+  /** `@media screen and (max-width: 63.9975rem)` */
+  lgDown: string
+  /** `@media screen and (min-width: 80rem)` */
+  xl: string
+  /** `@media screen and (min-width: 80rem) and (max-width: 95.9975rem)` */
+  xlOnly: string
+  /** `@media screen and (max-width: 79.9975rem)` */
+  xlDown: string
+  /** `@media screen and (min-width: 96rem)` */
+  "2xl": string
+  /** `@media screen and (min-width: 96rem)` */
+  "2xlOnly": string
+  /** `@media screen and (max-width: 95.9975rem)` */
+  "2xlDown": string
+  /** `@media screen and (min-width: 30rem) and (max-width: 47.9975rem)` */
+  smToMd: string
+  /** `@media screen and (min-width: 30rem) and (max-width: 63.9975rem)` */
+  smToLg: string
+  /** `@media screen and (min-width: 30rem) and (max-width: 79.9975rem)` */
+  smToXl: string
+  /** `@media screen and (min-width: 30rem) and (max-width: 95.9975rem)` */
+  smTo2xl: string
+  /** `@media screen and (min-width: 48rem) and (max-width: 63.9975rem)` */
+  mdToLg: string
+  /** `@media screen and (min-width: 48rem) and (max-width: 79.9975rem)` */
+  mdToXl: string
+  /** `@media screen and (min-width: 48rem) and (max-width: 95.9975rem)` */
+  mdTo2xl: string
+  /** `@media screen and (min-width: 64rem) and (max-width: 79.9975rem)` */
+  lgToXl: string
+  /** `@media screen and (min-width: 64rem) and (max-width: 95.9975rem)` */
+  lgTo2xl: string
+  /** `@media screen and (min-width: 80rem) and (max-width: 95.9975rem)` */
+  xlTo2xl: string
+  /** The base (=no conditions) styles to apply  */
+  base: string
+}

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

@@ -0,0 +1,5 @@
+export * from './system.gen.d';
+export * from './token.gen.d';
+export * from './recipes.gen.d';
+export * from './conditions.gen.d';
+export * from './prop-types.gen.d';