@workday/canvas-kit-react 9.0.0-alpha.334-next.4 → 9.0.0-alpha.336-next.6

package/dist/es6/layout/lib/Stack.d.ts

@@ -1,69 +0,0 @@
-import { FlexProps } from './Flex';
-import { StackStyleProps } from './utils/stack';
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export declare type StackProps = FlexProps & StackStyleProps;
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export declare const Stack: import("../../common").ElementComponent<"div", StackProps> & {
-    Item: import("../../common").ElementComponent<"div", import("..").CommonStyleProps>;
-};
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export interface HStackProps extends StackProps {
-    /**
-     * sets the direction for the stack
-     * @default "row"
-     * */
-    flexDirection?: 'row' | 'row-reverse';
-}
-/**
- * ### ⚠️ HStack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export declare const HStack: import("../../common").ElementComponent<"div", HStackProps> & {
-    Item: import("../../common").ElementComponent<"div", import("..").CommonStyleProps>;
-};
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export interface VStackProps extends StackProps {
-    /**
-     * sets the direction for the stack
-     * @default "column"
-     * */
-    flexDirection?: 'column' | 'column-reverse';
-}
-/**
- * ### ⚠️ VStack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export declare const VStack: import("../../common").ElementComponent<"div", VStackProps> & {
-    Item: import("../../common").ElementComponent<"div", import("..").CommonStyleProps>;
-};
-//# sourceMappingURL=Stack.d.ts.map

package/dist/es6/layout/lib/Stack.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Stack.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,SAAS,EAAC,MAAM,QAAQ,CAAC;AAEvC,OAAO,EAAQ,eAAe,EAAC,MAAM,eAAe,CAAC;AAErD;;;;;;GAMG;AACH,oBAAY,UAAU,GAAG,SAAS,GAAG,eAAe,CAAC;AAkCrD;;;;;;GAMG;AACH,eAAO,MAAM,KAAK;;CAiBhB,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C;;;SAGK;IACL,aAAa,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC;CACvC;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;;CAYjB,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C;;;SAGK;IACL,aAAa,CAAC,EAAE,QAAQ,GAAG,gBAAgB,CAAC;CAC7C;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;;CAYjB,CAAC"}

package/dist/es6/layout/lib/Stack.js

@@ -1,102 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from 'react';
-import styled from '@emotion/styled';
-import { createComponent } from '@workday/canvas-kit-react/common';
-import { Box } from './Box';
-import { Flex } from './Flex';
-import { getValidChildren } from './utils/getValidChildren';
-import { stack } from './utils/stack';
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-var StackItem = createComponent('div')({
-    displayName: 'Stack.Item',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, elemProps = __rest(_a, ["children"]);
-        return (React.createElement(Box, __assign({ as: Element, ref: ref, display: "inline-block", flex: "0 0 auto", minWidth: 0 }, elemProps), children));
-    },
-});
-// prevent `spacing` prop from being passed through to the HTML element
-var shouldForwardProp = function (prop) {
-    return prop !== 'spacing';
-};
-var StyledStack = styled(Flex, { shouldForwardProp: shouldForwardProp })(stack);
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export var Stack = createComponent('div')({
-    displayName: 'Stack',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, _b = _a.shouldWrapChildren, shouldWrapChildren = _b === void 0 ? false : _b, elemProps = __rest(_a, ["children", "shouldWrapChildren"]);
-        var validChildren = getValidChildren(children);
-        return (React.createElement(StyledStack, __assign({ as: Element, ref: ref, flexDirection: "row" }, elemProps), shouldWrapChildren
-            ? validChildren.map(function (child, index) { return (React.createElement(StackItem, { key: child.props.id || index }, child)); })
-            : validChildren));
-    },
-    subComponents: {
-        Item: StackItem,
-    },
-});
-/**
- * ### ⚠️ HStack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export var HStack = createComponent('div')({
-    displayName: 'HStack',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, _b = _a.flexDirection, flexDirection = _b === void 0 ? 'row' : _b, elemProps = __rest(_a, ["children", "flexDirection"]);
-        return (React.createElement(Stack, __assign({ as: Element, ref: ref, flexDirection: flexDirection }, elemProps), children));
-    },
-    subComponents: {
-        Item: StackItem,
-    },
-});
-/**
- * ### ⚠️ VStack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export var VStack = createComponent('div')({
-    displayName: 'VStack',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, _b = _a.flexDirection, flexDirection = _b === void 0 ? 'column' : _b, elemProps = __rest(_a, ["children", "flexDirection"]);
-        return (React.createElement(Stack, __assign({ as: Element, ref: ref, flexDirection: flexDirection }, elemProps), children));
-    },
-    subComponents: {
-        Item: StackItem,
-    },
-});

package/dist/es6/layout/lib/utils/stack.d.ts

@@ -1,54 +0,0 @@
-import { SystemPropValues } from './systemProps';
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export declare type StackDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
-declare const selector = "& > *:not(style) ~ *:not(style)";
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export declare type StackSpacing = SystemPropValues['space'];
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export declare type StackStyleProps = {
-    /** sets space values between child elements (bidirectional support)
-     * @deprecated
-     */
-    spacing: StackSpacing;
-    /**
-     * sets the direction for the stack
-     * @default "row"
-     * */
-    flexDirection?: StackDirection;
-    /**
-     * when `true` wraps each child element in a `Stack.Item`
-     * @deprecated
-     * @default false
-     * */
-    shouldWrapChildren?: boolean;
-};
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export declare function stack<P extends StackStyleProps>(props: P): {
-    "& > *:not(style) ~ *:not(style)": {};
-};
-export {};
-//# sourceMappingURL=stack.d.ts.map

package/dist/es6/layout/lib/utils/stack.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/stack.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAEvE;;;;;;GAMG;AACH,oBAAY,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAEjF,QAAA,MAAM,QAAQ,oCAAoC,CAAC;AAEnD;;;;;;GAMG;AACH,oBAAY,YAAY,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAErD;;;;;;GAMG;AACH,oBAAY,eAAe,GAAG;IAC5B;;OAEG;IACH,OAAO,EAAE,YAAY,CAAC;IACtB;;;SAGK;IACL,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B;;;;SAIK;IACL,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAMF;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,CAAC,SAAS,eAAe,EAAE,KAAK,EAAE,CAAC;;EAuBxD"}

package/dist/es6/layout/lib/utils/stack.js

@@ -1,32 +0,0 @@
-import { space as spaceTokens } from '@workday/canvas-kit-react/tokens';
-var selector = '& > *:not(style) ~ *:not(style)';
-var getSpace = function (value) {
-    return spaceTokens[value] || value;
-};
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export function stack(props) {
-    var _a;
-    var _b = props.flexDirection, flexDirection = _b === void 0 ? 'row' : _b, spacing = props.spacing;
-    var styles = {};
-    if (flexDirection === 'column') {
-        styles = { marginTop: getSpace(spacing) };
-    }
-    if (flexDirection === 'column-reverse') {
-        styles = { marginBottom: getSpace(spacing) };
-    }
-    if (flexDirection === 'row') {
-        styles = { marginInlineStart: getSpace(spacing) };
-    }
-    if (flexDirection === 'row-reverse') {
-        styles = { marginInlineEnd: getSpace(spacing) };
-    }
-    return _a = {},
-        _a[selector] = styles,
-        _a;
-}

package/layout/lib/Stack.tsx

@@ -1,146 +0,0 @@
-import * as React from 'react';
-import styled from '@emotion/styled';
-import {createComponent, StyledType} from '@workday/canvas-kit-react/common';
-import {Box, BoxProps} from './Box';
-import {Flex, FlexProps} from './Flex';
-import {getValidChildren} from './utils/getValidChildren';
-import {stack, StackStyleProps} from './utils/stack';
-
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export type StackProps = FlexProps & StackStyleProps;
-
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-const StackItem = createComponent('div')({
-  displayName: 'Stack.Item',
-  Component: ({children, ...elemProps}: BoxProps, ref, Element) => {
-    return (
-      <Box
-        as={Element}
-        ref={ref}
-        display="inline-block"
-        flex="0 0 auto"
-        minWidth={0}
-        {...elemProps}
-      >
-        {children}
-      </Box>
-    );
-  },
-});
-
-// prevent `spacing` prop from being passed through to the HTML element
-const shouldForwardProp = (prop: string) => {
-  return prop !== 'spacing';
-};
-
-const StyledStack = styled(Flex, {shouldForwardProp})<StyledType & StackProps>(stack);
-
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export const Stack = createComponent('div')({
-  displayName: 'Stack',
-  Component: ({children, shouldWrapChildren = false, ...elemProps}: StackProps, ref, Element) => {
-    const validChildren = getValidChildren(children);
-    return (
-      <StyledStack as={Element} ref={ref} flexDirection="row" {...elemProps}>
-        {shouldWrapChildren
-          ? validChildren.map((child, index) => (
-              <StackItem key={child.props.id || index}>{child}</StackItem>
-            ))
-          : validChildren}
-      </StyledStack>
-    );
-  },
-  subComponents: {
-    Item: StackItem,
-  },
-});
-
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export interface HStackProps extends StackProps {
-  /**
-   * sets the direction for the stack
-   * @default "row"
-   * */
-  flexDirection?: 'row' | 'row-reverse';
-}
-
-/**
- * ### ⚠️ HStack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export const HStack = createComponent('div')({
-  displayName: 'HStack',
-  Component: ({children, flexDirection = 'row', ...elemProps}: HStackProps, ref, Element) => {
-    return (
-      <Stack as={Element} ref={ref} flexDirection={flexDirection} {...elemProps}>
-        {children}
-      </Stack>
-    );
-  },
-  subComponents: {
-    Item: StackItem,
-  },
-});
-
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export interface VStackProps extends StackProps {
-  /**
-   * sets the direction for the stack
-   * @default "column"
-   * */
-  flexDirection?: 'column' | 'column-reverse';
-}
-
-/**
- * ### ⚠️ VStack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export const VStack = createComponent('div')({
-  displayName: 'VStack',
-  Component: ({children, flexDirection = 'column', ...elemProps}: VStackProps, ref, Element) => {
-    return (
-      <Stack as={Element} ref={ref} flexDirection={flexDirection} {...elemProps}>
-        {children}
-      </Stack>
-    );
-  },
-  subComponents: {
-    Item: StackItem,
-  },
-});

package/layout/lib/utils/stack.ts

@@ -1,83 +0,0 @@
-import {space as spaceTokens} from '@workday/canvas-kit-react/tokens';
-import {CanvasSystemPropValues, SystemPropValues} from './systemProps';
-
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export type StackDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
-
-const selector = '& > *:not(style) ~ *:not(style)';
-
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export type StackSpacing = SystemPropValues['space'];
-
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export type StackStyleProps = {
-  /** sets space values between child elements (bidirectional support)
-   * @deprecated
-   */
-  spacing: StackSpacing;
-  /**
-   * sets the direction for the stack
-   * @default "row"
-   * */
-  flexDirection?: StackDirection;
-  /**
-   * when `true` wraps each child element in a `Stack.Item`
-   * @deprecated
-   * @default false
-   * */
-  shouldWrapChildren?: boolean;
-};
-
-const getSpace = (value: SystemPropValues['space']) => {
-  return spaceTokens[value as CanvasSystemPropValues['space']] || value;
-};
-
-/**
- * ### ⚠️ Stack has been soft-deprecated and will be removed in v9 ⚠️
- * - If you would like resolve this now, run this codemod: `npx @workday/canvas-kit-codemod softDeprecate/Stack [path]`
- * - You can learn more about the codemod package [here](https://github.com/Workday/canvas-kit/tree/master/modules/codemod)
- * - There is more context [here]() as to why this decision was made
- * @deprecated
- */
-export function stack<P extends StackStyleProps>(props: P) {
-  const {flexDirection = 'row', spacing} = props;
-  let styles = {};
-
-  if (flexDirection === 'column') {
-    styles = {marginTop: getSpace(spacing)};
-  }
-
-  if (flexDirection === 'column-reverse') {
-    styles = {marginBottom: getSpace(spacing)};
-  }
-
-  if (flexDirection === 'row') {
-    styles = {marginInlineStart: getSpace(spacing)};
-  }
-
-  if (flexDirection === 'row-reverse') {
-    styles = {marginInlineEnd: getSpace(spacing)};
-  }
-
-  return {
-    [selector]: styles,
-  };
-}