@mittwald/flow-react-components 0.1.0-alpha.157 → 0.1.0-alpha.159

package/dist/types/components/RadioGroup/RadioGroup.d.ts

@@ -1,9 +1,10 @@
 import { PropsWithChildren, default as React } from 'react';
 import { ColumnLayoutProps } from '../ColumnLayout';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
+import { PropsWithContainerBreakpointSize } from '../../lib/types/props';
 
 import * as Aria from "react-aria-components";
-export interface RadioGroupProps extends PropsWithChildren<Omit<Aria.RadioGroupProps, "children">>, FlowComponentProps, Pick<ColumnLayoutProps, "s" | "m" | "l"> {
+export interface RadioGroupProps extends PropsWithChildren<Omit<Aria.RadioGroupProps, "children">>, FlowComponentProps, Pick<ColumnLayoutProps, "s" | "m" | "l">, PropsWithContainerBreakpointSize {
     variant?: "segmented" | "default";
 }
 export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<never>>;

package/dist/types/components/RadioGroup/stories/Default.stories.d.ts

@@ -12,4 +12,5 @@ export declare const RadioButtonDisabled: Story;
 export declare const RadioButtonsWithContent: Story;
 export declare const WithFieldError: Story;
 export declare const SegmentedVariant: Story;
+export declare const CustomContainerBreakpoint: Story;
 export declare const SegmentedVariantWithFieldError: Story;

package/dist/types/lib/getContainerBreakpointSizeClassName.d.ts

@@ -0,0 +1,3 @@
+import { ContainerBreakpointSize } from './types/props';
+
+export declare const getContainerBreakpointSizeClassName: (containerBreakpointSize: ContainerBreakpointSize) => string;

package/dist/types/lib/types/props.d.ts

@@ -12,3 +12,7 @@ export interface PropsWithClassName {
 export type PropsWithElementType<T extends keyof ReactHTML = never> = HTMLAttributes<HTMLElement> & {
     elementType?: T | ExoticComponent;
 };
+export type ContainerBreakpointSize = "xs" | "s" | "m" | "l" | "xl";
+export interface PropsWithContainerBreakpointSize {
+    containerBreakpointSize?: ContainerBreakpointSize;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.157",
+  "version": "0.1.0-alpha.159",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -280,7 +280,7 @@
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.4",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.157",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.159",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.24.1",
     "@react-types/shared": "^3.23.1",
@@ -307,7 +307,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.157",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.159",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^19.3.0",
     "@storybook/addon-a11y": "^8.1.10",
@@ -383,5 +383,5 @@
       "optional": true
     }
   },
-  "gitHead": "338d6d3e6f896ba260bd94b438e01a745e185b40"
+  "gitHead": "f9caa7c56513eb7628ffa988b851f526226e6179"
 }