@atlaskit/primitives 13.3.8 → 13.4.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/primitives
 
+## 13.4.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 13.4.0
+
+### Minor Changes
+
+- [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
+  [`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
+  Update `React` from v16 to v18
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 13.3.8
 
 ### Patch Changes

package/dist/cjs/compiled/components/anchor.js

@@ -1,4 +1,4 @@
-/* anchor.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* anchor.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -70,7 +70,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.8",
+    packageVersion: "13.4.1",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

package/dist/cjs/compiled/components/bleed.js

@@ -1,4 +1,4 @@
-/* bleed.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* bleed.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/compiled/components/box.js

@@ -1,4 +1,4 @@
-/* box.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* box.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/compiled/components/flex.js

@@ -1,4 +1,4 @@
-/* flex.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* flex.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/compiled/components/focusable.js

@@ -1,4 +1,4 @@
-/* focusable.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* focusable.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/compiled/components/grid.js

@@ -1,4 +1,4 @@
-/* grid.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* grid.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/compiled/components/inline.js

@@ -1,4 +1,4 @@
-/* inline.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* inline.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/compiled/components/pressable.js

@@ -1,4 +1,4 @@
-/* pressable.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* pressable.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -60,7 +60,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.8",
+    packageVersion: "13.4.1",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/cjs/compiled/components/stack.js

@@ -1,4 +1,4 @@
-/* stack.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* stack.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/compiled/components/text.js

@@ -1,4 +1,4 @@
-/* text.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* text.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/compiled/responsive/hide.js

@@ -1,4 +1,4 @@
-/* hide.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* hide.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/compiled/responsive/show.js

@@ -1,4 +1,4 @@
-/* show.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* show.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/components/anchor.js

@@ -100,7 +100,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.8",
+    packageVersion: "13.4.1",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

package/dist/cjs/components/pressable.js

@@ -95,7 +95,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.8",
+    packageVersion: "13.4.1",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/cjs/xcss/xcss.js

@@ -114,14 +114,14 @@ var isSafeEnvToThrow = function isSafeEnvToThrow() {
 };
 var reNestedSelectors = /(\.|\s|&+|\*\>|#|\[.*\])/;
 var safeSelectors = /^@media .*$|^::?.*$|^@supports .*$/;
-var transformStyles = function transformStyles(styleObj) {
+var _transformStyles = function transformStyles(styleObj) {
   if (!styleObj || (0, _typeof2.default)(styleObj) !== 'object') {
     return styleObj;
   }
 
   // If styles are defined as a CSSObject[], recursively call on each element until we reach CSSObject
   if (Array.isArray(styleObj)) {
-    return styleObj.map(transformStyles);
+    return styleObj.map(_transformStyles);
   }
 
   // Modifies styleObj in place. Be careful.
@@ -132,7 +132,7 @@ var transformStyles = function transformStyles(styleObj) {
     // If key is a pseudo class or a pseudo element, then value should be an object.
     // So, call transformStyles on the value
     if ((0, _typeof2.default)(value) === 'object' && safeSelectors.test(key)) {
-      styleObj[key] = transformStyles(value);
+      styleObj[key] = _transformStyles(value);
       return;
     }
     if (isSafeEnvToThrow()) {
@@ -154,7 +154,7 @@ var transformStyles = function transformStyles(styleObj) {
   return styleObj;
 };
 var baseXcss = function baseXcss(style) {
-  var transformedStyles = transformStyles(style);
+  var transformedStyles = _transformStyles(style);
   return (0, _defineProperty2.default)({}, uniqueSymbol, (0, _react.css)(transformedStyles));
 };
 
@@ -166,7 +166,7 @@ var baseXcss = function baseXcss(style) {
  * @private
  * @deprecated
  */
-var parseXcss = exports.parseXcss = function parseXcss(args) {
+var _parseXcss = exports.parseXcss = function parseXcss(args) {
   if (Array.isArray(args)) {
     var emotion = [];
     var staticArr = [];
@@ -175,7 +175,7 @@ var parseXcss = exports.parseXcss = function parseXcss(args) {
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var arg = _step.value;
-        var result = parseXcss(arg);
+        var result = _parseXcss(arg);
         if (result.emotion) {
           emotion.push.apply(emotion, (0, _toConsumableArray2.default)(result.emotion));
         }
@@ -213,7 +213,6 @@ var parseXcss = exports.parseXcss = function parseXcss(args) {
   }
   return {};
 };
-
 // Media queries should not contain nested media queries
 
 // Allow only a specific subset of chained selectors to maintain workable TypeScript performance

package/dist/es2019/compiled/components/anchor.js

@@ -1,4 +1,4 @@
-/* anchor.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* anchor.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./anchor.compiled.css";
 import * as React from 'react';
@@ -55,7 +55,7 @@ const AnchorNoRef = ({
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.8",
+    packageVersion: "13.4.1",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

package/dist/es2019/compiled/components/bleed.js

@@ -1,4 +1,4 @@
-/* bleed.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* bleed.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./bleed.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/compiled/components/box.js

@@ -1,4 +1,4 @@
-/* box.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* box.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./box.compiled.css";
 import * as React from 'react';

package/dist/es2019/compiled/components/flex.js

@@ -1,4 +1,4 @@
-/* flex.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* flex.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./flex.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/compiled/components/focusable.js

@@ -1,4 +1,4 @@
-/* focusable.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* focusable.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./focusable.compiled.css";
 import * as React from 'react';

package/dist/es2019/compiled/components/grid.js

@@ -1,4 +1,4 @@
-/* grid.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* grid.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./grid.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/compiled/components/inline.js

@@ -1,4 +1,4 @@
-/* inline.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* inline.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./inline.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/compiled/components/pressable.js

@@ -1,4 +1,4 @@
-/* pressable.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* pressable.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./pressable.compiled.css";
 import * as React from 'react';
@@ -46,7 +46,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.8",
+    packageVersion: "13.4.1",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/es2019/compiled/components/stack.js

@@ -1,4 +1,4 @@
-/* stack.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* stack.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./stack.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/compiled/components/text.js

@@ -1,4 +1,4 @@
-/* text.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* text.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./text.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/compiled/responsive/hide.js

@@ -1,4 +1,4 @@
-/* hide.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* hide.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./hide.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/compiled/responsive/show.js

@@ -1,4 +1,4 @@
-/* show.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* show.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./show.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/components/anchor.js

@@ -90,7 +90,7 @@ const AnchorNoRef = ({
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.8",
+    packageVersion: "13.4.1",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

package/dist/es2019/components/pressable.js

@@ -85,7 +85,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.8",
+    packageVersion: "13.4.1",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/esm/compiled/components/anchor.js

@@ -1,4 +1,4 @@
-/* anchor.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* anchor.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _typeof from "@babel/runtime/helpers/typeof";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
@@ -60,7 +60,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.8",
+    packageVersion: "13.4.1",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

package/dist/esm/compiled/components/bleed.js

@@ -1,4 +1,4 @@
-/* bleed.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* bleed.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./bleed.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/compiled/components/box.js

@@ -1,4 +1,4 @@
-/* box.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* box.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["as", "children", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "style", "testId", "xcss"],

package/dist/esm/compiled/components/flex.js

@@ -1,4 +1,4 @@
-/* flex.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* flex.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./flex.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/compiled/components/focusable.js

@@ -1,4 +1,4 @@
-/* focusable.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* focusable.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

package/dist/esm/compiled/components/grid.js

@@ -1,4 +1,4 @@
-/* grid.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* grid.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./grid.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/compiled/components/inline.js

@@ -1,4 +1,4 @@
-/* inline.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* inline.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./inline.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/compiled/components/pressable.js

@@ -1,4 +1,4 @@
-/* pressable.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* pressable.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "isDisabled", "type", "onClick", "interactionName", "componentName", "analyticsContext", "style", "testId", "xcss"],
@@ -50,7 +50,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.8",
+    packageVersion: "13.4.1",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/esm/compiled/components/stack.js

@@ -1,4 +1,4 @@
-/* stack.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* stack.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./stack.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/compiled/components/text.js

@@ -1,4 +1,4 @@
-/* text.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* text.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./text.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/compiled/responsive/hide.js

@@ -1,4 +1,4 @@
-/* hide.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* hide.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./hide.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/compiled/responsive/show.js

@@ -1,4 +1,4 @@
-/* show.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* show.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./show.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/components/anchor.js

@@ -94,7 +94,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.8",
+    packageVersion: "13.4.1",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

package/dist/esm/components/pressable.js

@@ -89,7 +89,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.8",
+    packageVersion: "13.4.1",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/esm/xcss/xcss.js

@@ -110,14 +110,14 @@ var isSafeEnvToThrow = function isSafeEnvToThrow() {
 };
 var reNestedSelectors = /(\.|\s|&+|\*\>|#|\[.*\])/;
 var safeSelectors = /^@media .*$|^::?.*$|^@supports .*$/;
-var transformStyles = function transformStyles(styleObj) {
+var _transformStyles = function transformStyles(styleObj) {
   if (!styleObj || _typeof(styleObj) !== 'object') {
     return styleObj;
   }
 
   // If styles are defined as a CSSObject[], recursively call on each element until we reach CSSObject
   if (Array.isArray(styleObj)) {
-    return styleObj.map(transformStyles);
+    return styleObj.map(_transformStyles);
   }
 
   // Modifies styleObj in place. Be careful.
@@ -128,7 +128,7 @@ var transformStyles = function transformStyles(styleObj) {
     // If key is a pseudo class or a pseudo element, then value should be an object.
     // So, call transformStyles on the value
     if (_typeof(value) === 'object' && safeSelectors.test(key)) {
-      styleObj[key] = transformStyles(value);
+      styleObj[key] = _transformStyles(value);
       return;
     }
     if (isSafeEnvToThrow()) {
@@ -150,7 +150,7 @@ var transformStyles = function transformStyles(styleObj) {
   return styleObj;
 };
 var baseXcss = function baseXcss(style) {
-  var transformedStyles = transformStyles(style);
+  var transformedStyles = _transformStyles(style);
   return _defineProperty({}, uniqueSymbol, cssEmotion(transformedStyles));
 };
 
@@ -162,7 +162,7 @@ var baseXcss = function baseXcss(style) {
  * @private
  * @deprecated
  */
-export var parseXcss = function parseXcss(args) {
+var _parseXcss = function parseXcss(args) {
   if (Array.isArray(args)) {
     var emotion = [];
     var staticArr = [];
@@ -171,7 +171,7 @@ export var parseXcss = function parseXcss(args) {
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var arg = _step.value;
-        var result = parseXcss(arg);
+        var result = _parseXcss(arg);
         if (result.emotion) {
           emotion.push.apply(emotion, _toConsumableArray(result.emotion));
         }
@@ -209,13 +209,9 @@ export var parseXcss = function parseXcss(args) {
   }
   return {};
 };
-
-// Media queries should not contain nested media queries
-
+export { _parseXcss as parseXcss }; // Media queries should not contain nested media queries
 // Allow only a specific subset of chained selectors to maintain workable TypeScript performance
-
 // Pseudos should not contain nested pseudos, or media queries
-
 /**
  * ### xcss
  *

package/dist/types/compiled/components/flex.d.ts

@@ -66,46 +66,5 @@ export type FlexProps<T extends ElementType = 'div'> = {
  * )
  * ```
  */
-declare const Flex: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<{
-    /**
-     * The DOM element to render as the Flex. Defaults to `div`.
-     */
-    as?: "div" | "dl" | "li" | "ol" | "span" | "ul" | undefined;
-    /**
-     * Used to align children along the main axis.
-     */
-    justifyContent?: JustifyContent | undefined;
-    /**
-     * Used to align children along the cross axis.
-     */
-    alignItems?: AlignItems | undefined;
-    /**
-     * Represents the space between each child.
-     */
-    columnGap?: import("./types").PositiveSpaceToken | undefined;
-    /**
-     * Represents the space between each child.
-     */
-    gap?: import("./types").PositiveSpaceToken | undefined;
-    /**
-     * Represents the space between each child.
-     */
-    rowGap?: import("./types").PositiveSpaceToken | undefined;
-    /**
-     * Represents the flex direction property of CSS flexbox.
-     */
-    direction?: Direction | undefined;
-    /**
-     * Represents the flex wrap property of CSS flexbox.
-     */
-    wrap?: Wrap | undefined;
-    /**
-     * Elements to be rendered inside the Flex.
-     */
-    children: ReactNode;
-    /**
-     * Forwarded ref element.
-     */
-    ref?: any;
-} & BasePrimitiveProps, "gap" | "rowGap" | "columnGap" | "alignItems" | "direction" | "justifyContent" | "children" | "wrap" | "as" | keyof BasePrimitiveProps> & import("react").RefAttributes<any>>>;
+declare const Flex: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<FlexProps<ElementType>, "ref"> & import("react").RefAttributes<any>>>;
 export default Flex;

package/dist/types/compiled/components/grid.d.ts

@@ -76,56 +76,5 @@ export type GridProps<T extends ElementType = 'div'> = {
  * )
  * ```
  */
-declare const Grid: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<{
-    /**
-     * The DOM element to render as the Flex. Defaults to `div`.
-     */
-    as?: "div" | "ol" | "span" | "ul" | undefined;
-    /**
-     * Used to align children along the inline axis.
-     */
-    justifyContent?: JustifyContent | undefined;
-    /**
-     * Used to align the grid along the inline axis.
-     *
-     * @deprecated This prop is not hooked up and doesn't nothing!
-     */
-    justifyItems?: JustifyItems | undefined;
-    /**
-     * Used to align children along the block axis.
-     */
-    alignItems?: AlignItems | undefined;
-    /**
-     * Used to align the grid along the block axis.
-     */
-    alignContent?: AlignContent | undefined;
-    /**
-     * Represents the space between each column.
-     */
-    columnGap?: import("./types").PositiveSpaceToken | undefined;
-    /**
-     * Represents the space between each child across both axes.
-     */
-    gap?: import("./types").PositiveSpaceToken | undefined;
-    /**
-     * Represents the space between each row.
-     */
-    rowGap?: import("./types").PositiveSpaceToken | undefined;
-    /**
-     * Specifies how auto-placed items get flowed into the grid. CSS `grid-auto-flow`.
-     */
-    autoFlow?: AutoFlow | undefined;
-    /**
-     * Elements to be rendered inside the grid. Required as a grid without children should not be a grid.
-     */
-    children: ReactNode;
-    /**
-     * HTML id attrubute.
-     */
-    id?: string | undefined;
-    /**
-     * Forwarded ref element.
-     */
-    ref?: any;
-} & BasePrimitiveProps, "gap" | "rowGap" | "columnGap" | "alignContent" | "alignItems" | "justifyContent" | "justifyItems" | "children" | "as" | "id" | "autoFlow" | keyof BasePrimitiveProps> & import("react").RefAttributes<any>>>;
+declare const Grid: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<GridProps<ElementType>, "ref"> & import("react").RefAttributes<any>>>;
 export default Grid;