@synerise/ds-flex-box 1.1.4 → 1.2.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.2.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-flex-box@1.1.4...@synerise/ds-flex-box@1.2.0) (2026-05-22)
+
+### Features
+
+- **modal:** migration from antd ([3588b65](https://github.com/Synerise/synerise-design/commit/3588b65fbe67838fed4ee5125090ad47d334e04b))
+
 ## [1.1.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-flex-box@1.1.3...@synerise/ds-flex-box@1.1.4) (2026-05-04)
 
 ### Bug Fixes

package/dist/Flex.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { FlexProps } from './Flex.types';
+export declare const Flex: React.ForwardRefExoticComponent<Omit<FlexProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/Flex.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { StyledFlex } from "./Flex.styles.js";
+const Flex = forwardRef(({
+  gap,
+  ...rest
+}, ref) => /* @__PURE__ */ jsx(StyledFlex, { ref, $gap: gap, ...rest }));
+Flex.displayName = "Flex";
+export {
+  Flex
+};

package/dist/Flex.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledFlex: import('styled-components').StyledComponent<import('react').FunctionComponent<import('@rebass/grid').FlexProps>, any, {
+    $gap?: number | string;
+}, never>;

package/dist/Flex.styles.js

@@ -0,0 +1,25 @@
+import styled from "styled-components";
+import { Flex } from "@rebass/grid";
+const resolveGap = (gap, space) => {
+  if (gap === void 0) {
+    return void 0;
+  }
+  if (typeof gap === "string") {
+    return gap;
+  }
+  const scaled = space?.[gap];
+  return `${scaled ?? gap}px`;
+};
+const StyledFlex = /* @__PURE__ */ styled(Flex).withConfig({
+  displayName: "Flexstyles__StyledFlex",
+  componentId: "sc-2ccfg7-0"
+})(["", ""], ({
+  $gap,
+  theme
+}) => {
+  const value = resolveGap($gap, theme?.space);
+  return value ? `gap: ${value};` : "";
+});
+export {
+  StyledFlex
+};

package/dist/Flex.types.d.ts

@@ -0,0 +1,14 @@
+import { FlexProps as RebassFlexProps } from '@rebass/grid';
+export type FlexProps = RebassFlexProps & {
+    /**
+     * CSS `gap` between flex items.
+     *
+     * - `number` — index into the theme's `space` scale
+     *   (e.g. `gap={2}` resolves to `12px` with the default scale
+     *   `[0, 8, 12, 16, 24, 32, 48, 64]`). Out-of-range values fall back to `${gap}px`.
+     * - `string` — passed through verbatim (e.g. `gap="1rem"`, `gap="8px 16px"`).
+     *
+     * Omit to leave the property unset.
+     */
+    gap?: number | string;
+};

package/dist/Flex.types.js

@@ -0,0 +1 @@
+

package/dist/index.d.ts

@@ -1 +1,3 @@
-export { Flex, Box, type BoxProps, type FlexProps } from '@rebass/grid';
+export { Box, type BoxProps } from '@rebass/grid';
+export { Flex } from './Flex';
+export { type FlexProps } from './Flex.types';

package/dist/index.js

@@ -1,4 +1,5 @@
-import { Box, Flex } from "@rebass/grid";
+import { Box } from "@rebass/grid";
+import { Flex } from "./Flex.js";
 export {
   Box,
   Flex

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-flex-box",
-  "version": "1.1.4",
+  "version": "1.2.0",
   "description": "FlexBox UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -52,5 +52,5 @@
   "devDependencies": {
     "@types/rebass__grid": "^6.0.14"
   },
-  "gitHead": "c5eee882509cbeb4544cb45939620881b829d4d9"
+  "gitHead": "f257f56d8991010593efd5ea9915335e813671a6"
 }