@cube-dev/ui-kit 0.0.0-canary-ce17ba4 → 0.0.0-canary-1bcd6b2

package/types/components/fields/FilterPicker/FilterPicker.d.ts

@@ -21,8 +21,6 @@ export interface CubeFilterPickerProps<T> extends Omit<CubeFilterListBoxProps<T>
     isCheckable?: boolean;
     /** Whether to flip the popover placement */
     shouldFlip?: boolean;
-    /** Minimum padding in pixels between the popover and viewport edges */
-    containerPadding?: number;
     /** Tooltip for the trigger button (separate from field tooltip) */
     triggerTooltip?: CubeItemProps['tooltip'];
     /** Description for the trigger button (separate from field description) */

package/types/components/fields/Picker/Picker.d.ts

@@ -20,8 +20,6 @@ export interface CubePickerProps<T> extends Omit<CubeListBoxProps<T>, 'size' | '
     isCheckable?: boolean;
     /** Whether to flip the popover placement */
     shouldFlip?: boolean;
-    /** Minimum padding in pixels between the popover and viewport edges */
-    containerPadding?: number;
     /** Tooltip for the trigger button (separate from field tooltip) */
     triggerTooltip?: CubeItemProps['tooltip'];
     /** Description for the trigger button (separate from field description) */

package/types/components/fields/Select/Select.d.ts

@@ -45,8 +45,6 @@ export interface CubeSelectBaseProps<T> extends BasePropsWithoutChildren, AriaLa
     wrapperStyles?: Styles;
     direction?: 'top' | 'bottom';
     shouldFlip?: boolean;
-    /** Minimum padding in pixels between the popover and viewport edges */
-    containerPadding?: number;
     inputProps?: Props;
     type?: 'outline' | 'clear' | 'primary' | (string & {});
     suffixPosition?: 'before' | 'after';
@@ -55,10 +53,6 @@ export interface CubeSelectBaseProps<T> extends BasePropsWithoutChildren, AriaLa
     isClearable?: boolean;
     /** Callback called when the clear button is pressed */
     onClear?: () => void;
-    /** Whether the trigger should use button styling
-     * @default false
-     */
-    isButton?: boolean;
 }
 export interface CubeSelectProps<T> extends CubeSelectBaseProps<T> {
     popoverRef?: RefObject<HTMLInputElement>;

package/types/components/fields/TextInputMapper/TextInputMapper.d.ts

@@ -1,7 +1,6 @@
 import { ComponentType } from 'react';
 import { FieldBaseProps } from '../../../shared';
 export interface CubeTextInputMapperProps extends FieldBaseProps {
-    qa?: string;
     actionLabel?: string;
     isDisabled?: boolean;
     value?: Record<string, string>;

package/types/components/overlays/Dialog/DialogTrigger.d.ts

@@ -39,8 +39,6 @@ export interface CubeDialogTriggerProps extends OverlayTriggerProps, PositionPro
     defaultOpen?: boolean;
     shouldFlip?: boolean;
     shouldUpdatePosition?: boolean;
-    /** Minimum padding in pixels between the popover and viewport edges */
-    containerPadding?: number;
 }
 /**
  * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's

package/types/provider.d.ts

@@ -2,7 +2,6 @@ import { ForwardedRef, PropsWithChildren, ReactElement } from 'react';
 import { NavigationAdapter } from './providers/navigation.types';
 import { Props } from './tasty';
 export interface ProviderProps extends Props {
-    breakpoints?: number[];
     insideForm?: boolean;
     isDisabled?: boolean;
     isReadOnly?: boolean;
@@ -12,7 +11,7 @@ export interface ProviderProps extends Props {
     ref?: ReactElement;
     root?: ForwardedRef<any>;
 }
-export type ProviderInsideProps = Omit<ProviderProps, 'styles' | 'breakpoints'>;
+export type ProviderInsideProps = Omit<ProviderProps, 'styles'>;
 export declare const UIKitContext: import("react").Context<ProviderInsideProps>;
 export declare function Provider(allProps: PropsWithChildren<ProviderProps>): import("react/jsx-runtime").JSX.Element;
 export declare function useProviderProps<T extends ProviderProps = Props>(props: T): T;

package/types/tasty/index.d.ts

@@ -3,16 +3,14 @@ export * from './utils/filterBaseProps';
 export * from './utils/colors';
 export * from './utils/styles';
 export * from './utils/modAttrs';
-export * from './utils/responsive';
 export * from './utils/renderStyles';
 export * from './utils/dotize';
 export * from './styles/list';
-export * from './providers/BreakpointsProvider';
 export * from './utils/mergeStyles';
 export * from './utils/warnings';
 export * from './utils/getDisplayName';
 export * from './injector';
 export * from './debug';
-export type { TastyProps, GlobalTastyProps, AllBasePropsWithMods, } from './tasty';
+export type { TastyProps, AllBasePropsWithMods } from './tasty';
 export type { AllBaseProps, BaseProps, BaseStyleProps, DimensionStyleProps, ColorStyleProps, OuterStyleProps, PositionStyleProps, TextStyleProps, BlockStyleProps, ContainerStyleProps, BasePropsWithoutChildren, Props, FlowStyleProps, ShortGridStyles, GlobalStyledProps, TagName, } from './types';
 export type { StylesInterface, Styles, StylesWithoutSelectors, NoType, Selector, SuffixForSelector, NotSelector, } from './styles/types';

package/types/tasty/styles/createStyle.d.ts

@@ -1,6 +1 @@
-/**
- * Convert color fallback chain to RGB fallback chain.
- * Example: var(--primary-color, var(--secondary-color)) → var(--primary-color-rgb, var(--secondary-color-rgb))
- */
-export declare function convertColorChainToRgbChain(colorValue: string): string;
 export declare function createStyle(styleName: string, cssStyle?: string, converter?: (styleValue: string | number | true) => string | undefined): any;

package/types/tasty/styles/types.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { ResponsiveStyleValue } from '../utils/styles';
+import { StyleValue, StyleValueStateMap } from '../utils/styles';
 type NamedColor = 'purple' | 'purple-text' | 'purple-icon' | 'purple-bg' | 'purple-01' | 'purple-02' | 'purple-03' | 'purple-04' | 'dark' | 'dark-01' | 'dark-02' | 'dark-03' | 'dark-04' | 'dark-05' | 'dark-bg' | 'text' | 'primary' | 'disabled' | 'disabled-bg' | 'disabled-text' | 'danger' | 'danger-bg' | 'danger-text' | 'danger-icon' | 'success' | 'success-bg' | 'success-text' | 'success-icon' | 'note' | 'note-bg' | 'note-text' | 'note-icon' | 'white' | 'light' | 'light-grey' | 'black' | 'pink' | 'pink-01' | 'pink-02' | 'border' | 'clear' | 'shadow' | 'draft' | 'minor';
 type Digit = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
 type OpaquePercentage = '' | `.${Digit}` | `.${Digit}${Digit}` | '.100';
@@ -354,10 +354,10 @@ export type SuffixForSelector = '&' | '.' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' |
 export type Selector = `${SuffixForSelector}${string}`;
 export type NotSelector = Exclude<string, Selector | keyof StylesInterface>;
 export type StylesWithoutSelectors = {
-    [key in keyof StylesInterface]?: ResponsiveStyleValue<StylesInterface[key]>;
+    [key in keyof StylesInterface]?: StyleValue<StylesInterface[key]> | StyleValueStateMap<StylesInterface[key]>;
 };
 export type Styles = StylesWithoutSelectors & {
-    [key: string]: ResponsiveStyleValue<string | number | boolean | undefined> | Styles;
+    [key: string]: StyleValue<string | number | boolean | undefined> | StyleValueStateMap<string | number | boolean | undefined> | Styles;
     /**
      * Selector combinator: `undefined` (descendant, default), `'>'` (child), `'+'` (adjacent), `'~'` (sibling).
      * Can chain with capitalized names: `'> Body > Row >'`. Spaces required around combinators.

package/types/tasty/tasty.d.ts

@@ -1,7 +1,7 @@
 import { ComponentType } from 'react';
 import { Styles, StylesInterface } from './styles/types';
 import { AllBaseProps, BaseProps, BaseStyleProps, Props } from './types';
-import { ResponsiveStyleValue } from './utils/styles';
+import { StyleValue, StyleValueStateMap } from './utils/styles';
 type StyleList = readonly (keyof {
     [key in keyof StylesInterface]: StylesInterface[key];
 })[];
@@ -22,11 +22,8 @@ export type TastyProps<K extends StyleList, V extends VariantMap, DefaultProps =
     element?: BaseProps['element'];
     variants?: V;
 } & Partial<Omit<DefaultProps, 'as' | 'styles' | 'styleProps'>> & Pick<BaseProps, 'qa' | 'qaVal'> & WithVariant<V>;
-export interface GlobalTastyProps {
-    breakpoints?: number[];
-}
 export type AllBasePropsWithMods<K extends StyleList> = AllBaseProps & {
-    [key in K[number]]?: ResponsiveStyleValue<StylesInterface[key]>;
+    [key in K[number]]?: StyleValue<StylesInterface[key]> | StyleValueStateMap<StylesInterface[key]>;
 } & BaseStyleProps;
 type TastyComponentPropsWithDefaults<Props extends PropsWithStyles, DefaultProps extends Partial<Props>> = keyof DefaultProps extends never ? Props : {
     [key in Extract<keyof Props, keyof DefaultProps>]?: Props[key];

package/types/tasty/utils/renderStyles.d.ts

@@ -29,13 +29,13 @@ export declare function isSelector(key: string): boolean;
  * Render styles to StyleResult[] format (recommended)
  * Supports both component and global styling with advanced optimizations
  */
-export declare function renderStyles(styles?: Styles, responsive?: number[], className?: string): RenderResult;
+export declare function renderStyles(styles?: Styles, className?: string): RenderResult;
 /**
  * Render styles without className for element styles (injector will add it)
  */
-export declare function renderStyles(styles: Styles | undefined, responsive?: number[]): RenderResult;
+export declare function renderStyles(styles: Styles | undefined): RenderResult;
 /**
  * Render styles for direct injection with a specific selector
  * Bypasses CSS text generation and flattening by directly creating StyleResult[]
  */
-export declare function renderStyles(styles: Styles | undefined, responsive: number[], selector: string): StyleResult[];
+export declare function renderStyles(styles: Styles | undefined, selector: string): StyleResult[];

package/types/tasty/utils/styles.d.ts

@@ -4,7 +4,11 @@ export type StyleValue<T = string> = T | boolean | number | null | undefined;
 export type StyleValueStateMap<T = string> = {
     [key: string]: StyleValue<T>;
 };
-export type ResponsiveStyleValue<T = string> = StyleValue<T> | StyleValue<T>[] | StyleValueStateMap<T> | StyleValueStateMap<T>[];
+/**
+ * Combined type for style values that can be either a direct value or a state map.
+ * Use this for component props that accept style values.
+ */
+export type StylePropValue<T = string> = StyleValue<T> | StyleValueStateMap<T>;
 export type ComputeModel = string | number;
 export type CSSMap = {
     $?: string | string[];
@@ -19,7 +23,7 @@ export type StyleHandler = RawStyleHandler & {
 export interface StyleStateData {
     model?: ComputeModel;
     tokens?: string[];
-    value: ResponsiveStyleValue;
+    value: StyleValue | StyleValueStateMap;
     /** The list of mods to apply */
     mods: string[];
     /** The list of **not** mods to apply (e.g. `:not(:hover)`) */
@@ -35,7 +39,7 @@ export type StyleStateDataListMap = {
     [key: string]: StyleStateDataList;
 };
 export type StyleMap = {
-    [key: string]: ResponsiveStyleValue;
+    [key: string]: StyleValue | StyleValueStateMap;
 };
 export type StyleStateMap = {
     [key: string]: StyleStateData;
@@ -102,7 +106,7 @@ export declare const parseStateNotation: typeof parseStateNotationInner;
 /**
  * Parse state notation and return tokens, modifiers and compute model.
  */
-export declare function styleStateMapToStyleStateDataList(styleStateMap: StyleStateMap | ResponsiveStyleValue): {
+export declare function styleStateMapToStyleStateDataList(styleStateMap: StyleStateMap | StyleValue | StyleValueStateMap): {
     states: StyleStateDataList;
     mods: string[];
 };

package/es/tasty/providers/BreakpointsProvider.js

@@ -1,16 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-ce17ba4
- * Released under the MIT license.
- */
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext } from 'react';
-// Default breakpoints mirror Bootstrap defaults without md and xxl breakpoints.
-export const BreakpointsContext = createContext([980]);
-export function BreakpointsProvider({ value, children, }) {
-    return (_jsx(BreakpointsContext.Provider, { value: value, children: children }));
-}
-
-        

package/es/tasty/utils/responsive.js

@@ -1,60 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-ce17ba4
- * Released under the MIT license.
- */
-
-const zonesCache = {};
-export function pointsToZones(points) {
-    const cacheKey = points.join('|');
-    if (!zonesCache[cacheKey]) {
-        const zones = [];
-        points.forEach((point, i) => {
-            const zone = {};
-            if (i) {
-                zone.max = points[i - 1] - 1;
-            }
-            zone.min = point;
-            zones.push(zone);
-        });
-        zones.push({
-            max: points[points.length - 1] - 1,
-        });
-        zones.forEach((zone) => {
-            const queries = [];
-            if (zone.min) {
-                queries.push(`(min-width: ${zone.min}px)`);
-            }
-            if (zone.max) {
-                queries.push(`(max-width: ${zone.max}px)`);
-            }
-            zone.mediaQuery = queries.join(' and ');
-        });
-        zonesCache[cacheKey] = zones;
-    }
-    return zonesCache[cacheKey];
-}
-// export function getResponsiveValue(values, zoneNumber) {
-//   for (let i = zoneNumber; i >= 0; i--) {
-//     if (values[i] != null)
-//   }
-// }
-export function normalizeStyleZones(value, zoneNumber) {
-    if (value == null)
-        return value;
-    const arr = Array.from(Array(zoneNumber));
-    if (typeof value === 'string')
-        return arr.map(() => value);
-    if (Array.isArray(value)) {
-        let prevValue = null;
-        for (let i = 0; i < arr.length; i++) {
-            arr[i] = value[i] == null ? prevValue : value[i];
-            prevValue = arr[i];
-        }
-        return arr;
-    }
-    return [];
-}
-
-        

package/types/tasty/providers/BreakpointsProvider.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-export declare const BreakpointsContext: import("react").Context<number[]>;
-interface BreakpointsProviderProps {
-    value: number[];
-    children: ReactNode;
-}
-export declare function BreakpointsProvider({ value, children, }: BreakpointsProviderProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/types/tasty/utils/responsive.d.ts

@@ -1,8 +0,0 @@
-import { ResponsiveStyleValue } from './styles';
-export interface ResponsiveZone {
-    max?: number;
-    min?: number;
-    mediaQuery?: string;
-}
-export declare function pointsToZones(points: number[]): any;
-export declare function normalizeStyleZones(value: ResponsiveStyleValue, zoneNumber: number): any[] | null | undefined;