@commercetools/nimbus 2.0.1-rc2 → 2.0.1-rc4

package/dist/theme/tokens/letter-spacings.d.ts

@@ -0,0 +1,3 @@
+export declare const letterSpacings: Record<string, {
+    value: string;
+}>;

package/dist/theme/tokens/line-heights.d.ts

@@ -0,0 +1,80 @@
+export declare const lineHeights: {
+    "250": {
+        value: string;
+    };
+    "300": {
+        value: string;
+    };
+    "350": {
+        value: string;
+    };
+    "400": {
+        value: string;
+    };
+    "450": {
+        value: string;
+    };
+    "500": {
+        value: string;
+    };
+    "550": {
+        value: string;
+    };
+    "600": {
+        value: string;
+    };
+    "650": {
+        value: string;
+    };
+    "700": {
+        value: string;
+    };
+    "750": {
+        value: string;
+    };
+    "800": {
+        value: string;
+    };
+    "900": {
+        value: string;
+    };
+    "1100": {
+        value: string;
+    };
+    "1200": {
+        value: string;
+    };
+    "1400": {
+        value: string;
+    };
+    "1500": {
+        value: string;
+    };
+    "1800": {
+        value: string;
+    };
+    "2000": {
+        value: string;
+    };
+    "2100": {
+        value: string;
+    };
+    "2300": {
+        value: string;
+    };
+    "2400": {
+        value: string;
+    };
+    "2800": {
+        value: string;
+    };
+    "3200": {
+        value: string;
+    };
+    "3500": {
+        value: string;
+    };
+    "3800": {
+        value: string;
+    };
+};

package/dist/theme/tokens/radii.d.ts

@@ -0,0 +1,29 @@
+export declare const radii: {
+    "50": {
+        value: string;
+    };
+    "100": {
+        value: string;
+    };
+    "150": {
+        value: string;
+    };
+    "200": {
+        value: string;
+    };
+    "300": {
+        value: string;
+    };
+    "400": {
+        value: string;
+    };
+    "500": {
+        value: string;
+    };
+    "600": {
+        value: string;
+    };
+    full: {
+        value: string;
+    };
+};

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

@@ -0,0 +1,278 @@
+export declare const sizes: {
+    "1/2": {
+        value: string;
+    };
+    "1/3": {
+        value: string;
+    };
+    "2/3": {
+        value: string;
+    };
+    "1/4": {
+        value: string;
+    };
+    "3/4": {
+        value: string;
+    };
+    "1/5": {
+        value: string;
+    };
+    "2/5": {
+        value: string;
+    };
+    "3/5": {
+        value: string;
+    };
+    "4/5": {
+        value: string;
+    };
+    "1/6": {
+        value: string;
+    };
+    "2/6": {
+        value: string;
+    };
+    "3/6": {
+        value: string;
+    };
+    "4/6": {
+        value: string;
+    };
+    "5/6": {
+        value: string;
+    };
+    "1/12": {
+        value: string;
+    };
+    "2/12": {
+        value: string;
+    };
+    "3/12": {
+        value: string;
+    };
+    "4/12": {
+        value: string;
+    };
+    "5/12": {
+        value: string;
+    };
+    "6/12": {
+        value: string;
+    };
+    "7/12": {
+        value: string;
+    };
+    "8/12": {
+        value: string;
+    };
+    "9/12": {
+        value: string;
+    };
+    "10/12": {
+        value: string;
+    };
+    "11/12": {
+        value: string;
+    };
+    max: {
+        value: string;
+    };
+    min: {
+        value: string;
+    };
+    fit: {
+        value: string;
+    };
+    prose: {
+        value: string;
+    };
+    full: {
+        value: string;
+    };
+    dvh: {
+        value: string;
+    };
+    svh: {
+        value: string;
+    };
+    lvh: {
+        value: string;
+    };
+    dvw: {
+        value: string;
+    };
+    svw: {
+        value: string;
+    };
+    lvw: {
+        value: string;
+    };
+    vw: {
+        value: string;
+    };
+    vh: {
+        value: string;
+    };
+    "25": {
+        value: string;
+    };
+    "50": {
+        value: string;
+    };
+    "100": {
+        value: string;
+    };
+    "150": {
+        value: string;
+    };
+    "200": {
+        value: string;
+    };
+    "250": {
+        value: string;
+    };
+    "300": {
+        value: string;
+    };
+    "350": {
+        value: string;
+    };
+    "400": {
+        value: string;
+    };
+    "450": {
+        value: string;
+    };
+    "500": {
+        value: string;
+    };
+    "600": {
+        value: string;
+    };
+    "700": {
+        value: string;
+    };
+    "800": {
+        value: string;
+    };
+    "900": {
+        value: string;
+    };
+    "1000": {
+        value: string;
+    };
+    "1100": {
+        value: string;
+    };
+    "1200": {
+        value: string;
+    };
+    "1400": {
+        value: string;
+    };
+    "1600": {
+        value: string;
+    };
+    "2000": {
+        value: string;
+    };
+    "2400": {
+        value: string;
+    };
+    "2800": {
+        value: string;
+    };
+    "3200": {
+        value: string;
+    };
+    "3600": {
+        value: string;
+    };
+    "4000": {
+        value: string;
+    };
+    "4400": {
+        value: string;
+    };
+    "4800": {
+        value: string;
+    };
+    "5200": {
+        value: string;
+    };
+    "5600": {
+        value: string;
+    };
+    "6000": {
+        value: string;
+    };
+    "6400": {
+        value: string;
+    };
+    "7200": {
+        value: string;
+    };
+    "8000": {
+        value: string;
+    };
+    "9600": {
+        value: string;
+    };
+    "3xs": {
+        value: string;
+    };
+    "2xs": {
+        value: string;
+    };
+    xs: {
+        value: string;
+    };
+    sm: {
+        value: string;
+    };
+    md: {
+        value: string;
+    };
+    lg: {
+        value: string;
+    };
+    xl: {
+        value: string;
+    };
+    "2xl": {
+        value: string;
+    };
+    "3xl": {
+        value: string;
+    };
+    "4xl": {
+        value: string;
+    };
+    "5xl": {
+        value: string;
+    };
+    "6xl": {
+        value: string;
+    };
+    "7xl": {
+        value: string;
+    };
+    "8xl": {
+        value: string;
+    };
+    "breakpoint-sm": {
+        value: string;
+    };
+    "breakpoint-md": {
+        value: string;
+    };
+    "breakpoint-lg": {
+        value: string;
+    };
+    "breakpoint-xl": {
+        value: string;
+    };
+    "breakpoint-2xl": {
+        value: string;
+    };
+};

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

@@ -0,0 +1,74 @@
+export declare const spacing: {
+    "25": {
+        value: string;
+    };
+    "50": {
+        value: string;
+    };
+    "100": {
+        value: string;
+    };
+    "150": {
+        value: string;
+    };
+    "200": {
+        value: string;
+    };
+    "250": {
+        value: string;
+    };
+    "300": {
+        value: string;
+    };
+    "350": {
+        value: string;
+    };
+    "400": {
+        value: string;
+    };
+    "450": {
+        value: string;
+    };
+    "500": {
+        value: string;
+    };
+    "600": {
+        value: string;
+    };
+    "700": {
+        value: string;
+    };
+    "800": {
+        value: string;
+    };
+    "900": {
+        value: string;
+    };
+    "1000": {
+        value: string;
+    };
+    "1100": {
+        value: string;
+    };
+    "1200": {
+        value: string;
+    };
+    "1400": {
+        value: string;
+    };
+    "1600": {
+        value: string;
+    };
+    "2000": {
+        value: string;
+    };
+    "2400": {
+        value: string;
+    };
+    "2800": {
+        value: string;
+    };
+    "3200": {
+        value: string;
+    };
+};

package/dist/theme/tokens/z-index.d.ts

@@ -0,0 +1,41 @@
+export declare const zIndex: {
+    hide: {
+        value: number;
+    };
+    base: {
+        value: number;
+    };
+    docked: {
+        value: number;
+    };
+    dropdown: {
+        value: number;
+    };
+    sticky: {
+        value: number;
+    };
+    banner: {
+        value: number;
+    };
+    overlay: {
+        value: number;
+    };
+    modal: {
+        value: number;
+    };
+    popver: {
+        value: number;
+    };
+    skipNav: {
+        value: number;
+    };
+    toast: {
+        value: number;
+    };
+    tooltip: {
+        value: number;
+    };
+    max: {
+        value: number;
+    };
+};

package/dist/type-utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './omit-props';
+export * from './slot-types';

package/dist/type-utils/omit-props.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Utility type helpers for omitting props from consumer-facing component prop types
+ */
+/**
+ * Omit polymorphic props (`as` and `asChild`) from a type.
+ *
+ * **Use case:** For components that use the polymorphic `as` and `asChild` props
+ * internally, but do not make them available to the consumer.
+ *
+ * **Background:**
+ * React-Aria's components cannot be configured to use `as` and `asChild` internally,
+ * and cannot be directly styled by Chakra's styledSystem. Therefore components
+ * from `react-aria-components` should be wrapped in a Chakra `withContext`
+ * root component to set the styles onto the `r-a-c` component using `asChild`.
+ * This means that we need to allow polymorphism internally, but should not
+ * allow it in the external props API since it would not work.
+ *
+ * @template T - The type to omit polymorphic props from
+ *
+ * @example
+ * ```typescript
+ * export type AccordionItemProps = OmitPolymorphicProps<
+ *   RaDisclosureProps & HTMLChakraProps<"div">
+ * > & {
+ *   children: ReactNode;
+ * };
+ * ```
+ */
+export type OmitPolymorphicProps<T> = Omit<T, "as" | "asChild">;

package/dist/type-utils/slot-types.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Utility types for slot components to avoid TS2742 warnings
+ *
+ * These types provide explicit return type annotations for slot components
+ * to prevent TypeScript from inferring non-portable types that reference
+ * internal Chakra UI recipe types.
+ */
+/**
+ * Slot component type for withProvider
+ *
+ * Use this as the explicit return type for slot components created with withProvider.
+ *
+ * @template TElement - The HTML element type (e.g., HTMLDivElement, HTMLButtonElement)
+ * @template TProps - The props type for the slot component
+ *
+ * @example
+ * ```typescript
+ * export const AccordionRootSlot: SlotComponent<HTMLDivElement, AccordionRootSlotProps> =
+ *   withProvider<HTMLDivElement, AccordionRootSlotProps>("div", "root");
+ * ```
+ */
+export type SlotComponent<TElement = Element, TProps = Record<string, unknown>> = React.ForwardRefExoticComponent<React.PropsWithoutRef<TProps> & React.RefAttributes<TElement>>;

package/dist/utils/extractStyleProps.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Extracts chakra-ui style-props from an object, separating them from other props
+ * @param props The props object to separate
+ * @returns A tuple containing [styleProps, otherProps]
+ */
+export declare function extractStyleProps<T extends object>(props: T): [Record<string, unknown>, Omit<T, string>];

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { extractStyleProps } from './extractStyleProps';
+export { noop } from './noop';

package/dist/utils/noop.d.ts

@@ -0,0 +1,12 @@
+/**
+ * A no-operation function that does nothing.
+ * Useful as a default callback or placeholder function.
+ *
+ * @example
+ * ```tsx
+ * const MyComponent = ({ onClick = noop }: { onClick?: () => void }) => (
+ *   <button onClick={onClick}>Click me</button>
+ * );
+ * ```
+ */
+export declare const noop: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools/nimbus",
-  "version": "2.0.1-rc2",
+  "version": "2.0.1-rc4",
   "main": "./dist/index.cjs",
   "module": "./dist/index.es.js",
   "type": "module",