@commercetools/nimbus 0.0.0-canary-20251031185705 → 0.0.0-canary-20251105152021

package/dist/utils/display-color-palettes.d.ts

@@ -0,0 +1,39 @@
+import { ReactNode } from 'react';
+import { NimbusColorPalette } from '../type-utils';
+/**
+ * Props for the DisplayColorPalettes component.
+ */
+type DisplayColorPalettesProps = {
+    /**
+     * Render function that receives a color palette string and returns a ReactNode.
+     * This function is called for each palette in each palette group, allowing
+     * components to be rendered with different colorPalette props.
+     *
+     * @example
+     * <DisplayColorPalettes>
+     *   {(palette) => <Badge colorPalette={palette}>{palette}</Badge>}
+     * </DisplayColorPalettes>
+     */
+    children: (palette: NimbusColorPalette) => ReactNode;
+};
+/**
+ * Component for displaying all color palettes in organized groups.
+ *
+ * This utility component iterates through semantic, brand, and system color
+ * palettes, rendering a custom component for each palette using the provided
+ * render function. Useful for showcasing component variations across all
+ * available color palettes in Storybook stories.
+ *
+ * @example
+ * ```tsx
+ * <DisplayColorPalettes>
+ *   {(palette) => (
+ *     <Badge colorPalette={palette}>
+ *       {palette}
+ *     </Badge>
+ *   )}
+ * </DisplayColorPalettes>
+ * ```
+ */
+export declare const DisplayColorPalettes: ({ children, }: DisplayColorPalettesProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/utils/index.d.ts

@@ -1,3 +1,4 @@
+export { DisplayColorPalettes } from './display-color-palettes';
 export { extractAriaAttributes } from './extract-aria-attributes';
 export { extractStyleProps } from './extract-style-props';
 export { noop } from './no-op';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools/nimbus",
-  "version": "0.0.0-canary-20251031185705",
+  "version": "0.0.0-canary-20251105152021",
   "main": "./dist/index.cjs",
   "module": "./dist/index.es.js",
   "type": "module",
@@ -91,6 +91,7 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-intl": "^7.1.13",
+    "rollup": "^4.52.5",
     "rollup-plugin-tree-shakeable": "^2.0.0",
     "slate": "^0.75.0",
     "slate-history": "^0.113.1",
@@ -101,8 +102,8 @@
     "vite-plugin-dts": "^4.5.4",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.2.4",
-    "@commercetools/nimbus-icons": "^0.0.0-canary-20251031185705",
-    "@commercetools/nimbus-tokens": "^0.0.0-canary-20251031185705"
+    "@commercetools/nimbus-icons": "^0.0.0-canary-20251105152021",
+    "@commercetools/nimbus-tokens": "^0.0.0-canary-20251105152021"
   },
   "peerDependencies": {
     "@chakra-ui/react": "^3.27.1",
@@ -112,8 +113,8 @@
     "slate-history": "^0.113.1",
     "slate-hyperscript": "^0.77.0",
     "slate-react": "^0.75.0",
-    "@commercetools/nimbus-icons": "^0.0.0-canary-20251031185705",
-    "@commercetools/nimbus-tokens": "^0.0.0-canary-20251031185705"
+    "@commercetools/nimbus-icons": "^0.0.0-canary-20251105152021",
+    "@commercetools/nimbus-tokens": "^0.0.0-canary-20251105152021"
   },
   "scripts": {
     "build": "pnpm run build-theme-typings && pnpm run build:lib",