@strapi/design-system 1.19.0-typescript.0 → 2.0.0-beta.1

package/dist/v2/Breadcrumbs/Breadcrumbs.js

@@ -1,34 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const styled = require('styled-components');
-const Divider = require('./Divider.js');
-const Flex = require('../../Flex/Flex.js');
-const Box = require('../../Box/Box.js');
-
-const _interopDefault = e => e && e.__esModule ? e : { default: e };
-
-const styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const AlignedList = styled__default.default(Flex.Flex) `
-  // CrumbLinks do have padding-x, because they need to have a
-  // interaction effect, which mis-aligns the breadcrumbs on the left.
-  // This normalizes the behavior by moving the first item to left by
-  // the same amount it has inner padding
-  :first-child {
-    margin-left: ${({ theme }) => `calc(-1*${theme.spaces[2]})`};
-  }
-`;
-const Breadcrumbs = ({ label, children, ...props }) => {
-    const childrenArray = React.Children.toArray(children);
-    return (jsxRuntime.jsx(Box.Box, { "aria-label": label, ...props, children: jsxRuntime.jsx(AlignedList, { as: "ol", children: React.Children.map(childrenArray, (child, index) => {
-                const shouldDisplayDivider = childrenArray.length > 1 && index + 1 < childrenArray.length;
-                return (jsxRuntime.jsxs(Flex.Flex, { inline: true, as: "li", children: [child, shouldDisplayDivider && jsxRuntime.jsx(Divider.Divider, {})] }));
-            }) }) }));
-};
-Breadcrumbs.displayName = 'Breadcrumbs';
-
-exports.Breadcrumbs = Breadcrumbs;

package/dist/v2/Breadcrumbs/Breadcrumbs.mjs

@@ -1,26 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Children } from 'react';
-import styled from 'styled-components';
-import { Divider } from './Divider.mjs';
-import { Flex } from '../../Flex/Flex.mjs';
-import { Box } from '../../Box/Box.mjs';
-
-const AlignedList = styled(Flex) `
-  // CrumbLinks do have padding-x, because they need to have a
-  // interaction effect, which mis-aligns the breadcrumbs on the left.
-  // This normalizes the behavior by moving the first item to left by
-  // the same amount it has inner padding
-  :first-child {
-    margin-left: ${({ theme }) => `calc(-1*${theme.spaces[2]})`};
-  }
-`;
-const Breadcrumbs = ({ label, children, ...props }) => {
-    const childrenArray = Children.toArray(children);
-    return (jsx(Box, { "aria-label": label, ...props, children: jsx(AlignedList, { as: "ol", children: Children.map(childrenArray, (child, index) => {
-                const shouldDisplayDivider = childrenArray.length > 1 && index + 1 < childrenArray.length;
-                return (jsxs(Flex, { inline: true, as: "li", children: [child, shouldDisplayDivider && jsx(Divider, {})] }));
-            }) }) }));
-};
-Breadcrumbs.displayName = 'Breadcrumbs';
-
-export { Breadcrumbs };

package/dist/v2/Breadcrumbs/Crumb.d.ts

@@ -1,8 +0,0 @@
-import { TypographyProps } from '../../Typography';
-export interface CrumbProps extends TypographyProps {
-    isCurrent?: boolean;
-}
-export declare const Crumb: {
-    ({ children, isCurrent, ...props }: CrumbProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/v2/Breadcrumbs/Crumb.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const Box = require('../../Box/Box.js');
-const Typography = require('../../Typography/Typography.js');
-
-const Crumb = ({ children, isCurrent = false, ...props }) => (jsxRuntime.jsx(Box.Box, { paddingLeft: 2, paddingRight: 2, paddingTop: 1, paddingBottom: 1, children: jsxRuntime.jsx(Typography.Typography, { variant: "pi", textColor: "neutral800", fontWeight: isCurrent ? 'bold' : 'normal', "aria-current": isCurrent, ...props, children: children }) }));
-Crumb.displayName = 'Crumb';
-
-exports.Crumb = Crumb;

package/dist/v2/Breadcrumbs/Crumb.mjs

@@ -1,8 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Box } from '../../Box/Box.mjs';
-import { Typography } from '../../Typography/Typography.mjs';
-
-const Crumb = ({ children, isCurrent = false, ...props }) => (jsx(Box, { paddingLeft: 2, paddingRight: 2, paddingTop: 1, paddingBottom: 1, children: jsx(Typography, { variant: "pi", textColor: "neutral800", fontWeight: isCurrent ? 'bold' : 'normal', "aria-current": isCurrent, ...props, children: children }) }));
-Crumb.displayName = 'Crumb';
-
-export { Crumb };

package/dist/v2/Breadcrumbs/CrumbLink.d.ts

@@ -1,5 +0,0 @@
-import { BaseLinkProps } from '../../BaseLink';
-export declare const CrumbLink: {
-    ({ children, ...props }: BaseLinkProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/v2/Breadcrumbs/CrumbLink.js

@@ -1,30 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const styled = require('styled-components');
-const BaseLink = require('../../BaseLink/BaseLink.js');
-
-const _interopDefault = e => e && e.__esModule ? e : { default: e };
-
-const styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const StyledLink = styled__default.default(BaseLink.BaseLink) `
-  border-radius: ${({ theme }) => theme.borderRadius};
-  color: ${({ theme }) => theme.colors.neutral600};
-  font-size: ${({ theme }) => theme.fontSizes[1]};
-  line-height: ${({ theme }) => theme.lineHeights[4]};
-  padding: ${({ theme }) => `${theme.spaces[1]} ${theme.spaces[2]}`};
-  text-decoration: none;
-
-  :hover,
-  :focus {
-    background-color: ${({ theme }) => theme.colors.neutral200};
-    color: ${({ theme }) => theme.colors.neutral700};
-  }
-`;
-const CrumbLink = ({ children, ...props }) => jsxRuntime.jsx(StyledLink, { ...props, children: children });
-CrumbLink.displayName = 'CrumbLink';
-
-exports.CrumbLink = CrumbLink;

package/dist/v2/Breadcrumbs/CrumbLink.mjs

@@ -1,22 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import styled from 'styled-components';
-import { BaseLink } from '../../BaseLink/BaseLink.mjs';
-
-const StyledLink = styled(BaseLink) `
-  border-radius: ${({ theme }) => theme.borderRadius};
-  color: ${({ theme }) => theme.colors.neutral600};
-  font-size: ${({ theme }) => theme.fontSizes[1]};
-  line-height: ${({ theme }) => theme.lineHeights[4]};
-  padding: ${({ theme }) => `${theme.spaces[1]} ${theme.spaces[2]}`};
-  text-decoration: none;
-
-  :hover,
-  :focus {
-    background-color: ${({ theme }) => theme.colors.neutral200};
-    color: ${({ theme }) => theme.colors.neutral700};
-  }
-`;
-const CrumbLink = ({ children, ...props }) => jsx(StyledLink, { ...props, children: children });
-CrumbLink.displayName = 'CrumbLink';
-
-export { CrumbLink };

package/dist/v2/Breadcrumbs/CrumbSimpleMenu.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { ButtonProps } from '../../Button';
-export interface CrumbSimpleMenuProps extends ButtonProps {
-    'aria-label': string;
-    icon?: React.ReactElement;
-    endIcon?: React.ReactNode;
-}
-export declare const CrumbSimpleMenu: {
-    ({ children, ...props }: CrumbSimpleMenuProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/v2/Breadcrumbs/CrumbSimpleMenu.js

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const styled = require('styled-components');
-const SimpleMenu = require('../SimpleMenu/SimpleMenu.js');
-const Button = require('../../Button/Button.js');
-
-const _interopDefault = e => e && e.__esModule ? e : { default: e };
-
-const styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const StyledButton = styled__default.default(Button.Button) `
-  padding: ${({ theme }) => `${theme.spaces[1]} ${theme.spaces[2]}`};
-  height: unset;
-
-  :hover,
-  :focus {
-    background-color: ${({ theme }) => theme.colors.neutral200};
-  }
-`;
-const CrumbSimpleMenu = ({ children, ...props }) => (jsxRuntime.jsx(SimpleMenu.SimpleMenu, { endIcon: null, as: StyledButton, size: "S", ...props, children: children }));
-CrumbSimpleMenu.displayName = 'CrumbSimpleMenu';
-
-exports.CrumbSimpleMenu = CrumbSimpleMenu;

package/dist/v2/Breadcrumbs/CrumbSimpleMenu.mjs

@@ -1,18 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import styled from 'styled-components';
-import { SimpleMenu } from '../SimpleMenu/SimpleMenu.mjs';
-import { Button } from '../../Button/Button.mjs';
-
-const StyledButton = styled(Button) `
-  padding: ${({ theme }) => `${theme.spaces[1]} ${theme.spaces[2]}`};
-  height: unset;
-
-  :hover,
-  :focus {
-    background-color: ${({ theme }) => theme.colors.neutral200};
-  }
-`;
-const CrumbSimpleMenu = ({ children, ...props }) => (jsx(SimpleMenu, { endIcon: null, as: StyledButton, size: "S", ...props, children: children }));
-CrumbSimpleMenu.displayName = 'CrumbSimpleMenu';
-
-export { CrumbSimpleMenu };

package/dist/v2/Breadcrumbs/Divider.d.ts

@@ -1,4 +0,0 @@
-export declare const Divider: {
-    (): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/v2/Breadcrumbs/Divider.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const Box = require('../../Box/Box.js');
-const Typography = require('../../Typography/Typography.js');
-
-const Divider = () => {
-    return (jsxRuntime.jsx(Box.Box, { "aria-hidden": true, paddingLeft: 1, paddingRight: 1, children: jsxRuntime.jsx(Typography.Typography, { variant: "pi", textColor: "neutral500", children: "/" }) }));
-};
-Divider.displayName = 'Divider';
-
-exports.Divider = Divider;

package/dist/v2/Breadcrumbs/Divider.mjs

@@ -1,10 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Box } from '../../Box/Box.mjs';
-import { Typography } from '../../Typography/Typography.mjs';
-
-const Divider = () => {
-    return (jsx(Box, { "aria-hidden": true, paddingLeft: 1, paddingRight: 1, children: jsx(Typography, { variant: "pi", textColor: "neutral500", children: "/" }) }));
-};
-Divider.displayName = 'Divider';
-
-export { Divider };

package/dist/v2/Breadcrumbs/__tests__/Breadcrumbs.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/v2/Breadcrumbs/index.d.ts

@@ -1,4 +0,0 @@
-export * from './Breadcrumbs';
-export * from './Crumb';
-export * from './CrumbLink';
-export * from './CrumbSimpleMenu';

package/dist/v2/Breadcrumbs/index.js

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const Breadcrumbs = require('./Breadcrumbs.js');
-const Crumb = require('./Crumb.js');
-const CrumbLink = require('./CrumbLink.js');
-const CrumbSimpleMenu = require('./CrumbSimpleMenu.js');
-
-
-
-exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
-exports.Crumb = Crumb.Crumb;
-exports.CrumbLink = CrumbLink.CrumbLink;
-exports.CrumbSimpleMenu = CrumbSimpleMenu.CrumbSimpleMenu;

package/dist/v2/Breadcrumbs/index.mjs

@@ -1,4 +0,0 @@
-export { Breadcrumbs } from './Breadcrumbs.mjs';
-export { Crumb } from './Crumb.mjs';
-export { CrumbLink } from './CrumbLink.mjs';
-export { CrumbSimpleMenu } from './CrumbSimpleMenu.mjs';

package/dist/v2/Link/Link.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { BaseLinkProps } from '../../BaseLink';
-export interface LinkProps extends BaseLinkProps {
-    startIcon?: React.ReactNode;
-    endIcon?: React.ReactNode;
-    /**
-     * @default true
-     */
-    isExternal?: boolean;
-}
-export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/v2/Link/Link.js

@@ -1,48 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const icons = require('@strapi/icons');
-const styled = require('styled-components');
-const utils = require('../../themes/utils.js');
-const BaseLink = require('../../BaseLink/BaseLink.js');
-const Typography = require('../../Typography/Typography.js');
-
-const _interopDefault = e => e && e.__esModule ? e : { default: e };
-
-const React__default = /*#__PURE__*/_interopDefault(React);
-const styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const LinkWrapper = styled__default.default(BaseLink.BaseLink) `
-  display: inline-flex;
-  align-items: center;
-  text-decoration: none;
-  gap: ${({ theme }) => theme.spaces[2]};
-  pointer-events: ${({ disabled }) => (disabled ? 'none' : undefined)};
-
-  svg {
-    font-size: ${10 / 16}rem;
-
-    path {
-      fill: ${({ disabled, theme }) => (disabled ? theme.colors.neutral600 : theme.colors.primary600)};
-    }
-  }
-
-  &:hover {
-    color: ${({ theme }) => theme.colors.primary500};
-  }
-
-  &:active {
-    color: ${({ theme }) => theme.colors.primary700};
-  }
-
-  ${utils.buttonFocusStyle};
-`;
-const Link = React__default.default.forwardRef(({ children, href, disabled = false, startIcon, endIcon, isExternal = true, ...props }, ref) => {
-    return (jsxRuntime.jsxs(LinkWrapper, { ref: ref, href: href, disabled: disabled, isExternal: isExternal, ...props, children: [startIcon, jsxRuntime.jsx(Typography.Typography, { textColor: disabled ? 'neutral600' : 'primary600', children: children }), endIcon, href && !endIcon && isExternal && jsxRuntime.jsx(icons.ExternalLink, {})] }));
-});
-Link.displayName = 'Link';
-
-exports.Link = Link;

package/dist/v2/Link/Link.mjs

@@ -1,39 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React__default from 'react';
-import { ExternalLink } from '@strapi/icons';
-import styled from 'styled-components';
-import { buttonFocusStyle } from '../../themes/utils.mjs';
-import { BaseLink } from '../../BaseLink/BaseLink.mjs';
-import { Typography } from '../../Typography/Typography.mjs';
-
-const LinkWrapper = styled(BaseLink) `
-  display: inline-flex;
-  align-items: center;
-  text-decoration: none;
-  gap: ${({ theme }) => theme.spaces[2]};
-  pointer-events: ${({ disabled }) => (disabled ? 'none' : undefined)};
-
-  svg {
-    font-size: ${10 / 16}rem;
-
-    path {
-      fill: ${({ disabled, theme }) => (disabled ? theme.colors.neutral600 : theme.colors.primary600)};
-    }
-  }
-
-  &:hover {
-    color: ${({ theme }) => theme.colors.primary500};
-  }
-
-  &:active {
-    color: ${({ theme }) => theme.colors.primary700};
-  }
-
-  ${buttonFocusStyle};
-`;
-const Link = React__default.forwardRef(({ children, href, disabled = false, startIcon, endIcon, isExternal = true, ...props }, ref) => {
-    return (jsxs(LinkWrapper, { ref: ref, href: href, disabled: disabled, isExternal: isExternal, ...props, children: [startIcon, jsx(Typography, { textColor: disabled ? 'neutral600' : 'primary600', children: children }), endIcon, href && !endIcon && isExternal && jsx(ExternalLink, {})] }));
-});
-Link.displayName = 'Link';
-
-export { Link };

package/dist/v2/Link/index.d.ts

@@ -1 +0,0 @@
-export * from './Link';

package/dist/v2/Link/index.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const Link = require('./Link.js');
-
-
-
-exports.Link = Link.Link;

package/dist/v2/Link/index.mjs

@@ -1 +0,0 @@
-export { Link } from './Link.mjs';

package/dist/v2/LinkButton/LinkButton.d.ts

@@ -1,61 +0,0 @@
-import React from 'react';
-import { BaseButtonProps } from '../../BaseButton';
-import { BaseLinkProps } from '../../BaseLink';
-import { VARIANTS, BUTTON_SIZES } from '../../Button/constants';
-interface SharedLinkProps extends BaseLinkProps {
-    disabled?: boolean;
-    endIcon?: React.ReactNode;
-    size?: (typeof BUTTON_SIZES)[number];
-    startIcon?: React.ReactNode;
-    variant?: (typeof VARIANTS)[number];
-}
-export type LinkButtonProps = SharedLinkProps & BaseButtonProps;
-export declare const LinkButton: React.ForwardRefExoticComponent<SharedLinkProps & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & Pick<import("styled-components").CSSProperties, "cursor" | "display" | "overflow" | "pointerEvents" | "transform" | "position" | "textAlign" | "textTransform" | "zIndex" | "animation" | "transition"> & {
-    _hover?: ((theme: import("styled-components").DefaultTheme) => string) | undefined;
-    background?: import("../../types").DefaultThemeOrCSSProp<"colors", "background">;
-    basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
-    borderColor?: keyof import("../../themes/colors").Colors | undefined;
-    color?: keyof import("../../themes/colors").Colors | undefined;
-    flex?: import("csstype").Property.Flex<string | number> | undefined;
-    fontSize?: import("../../types").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
-    grow?: import("csstype").Property.FlexGrow | undefined;
-    hasRadius?: boolean | undefined;
-    hiddenS?: boolean | undefined;
-    hiddenXS?: boolean | undefined;
-    padding?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"padding">;
-    paddingBottom?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"paddingBottom">;
-    paddingLeft?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"paddingLeft">;
-    paddingRight?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"paddingRight">;
-    paddingTop?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"paddingTop">;
-    marginLeft?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"marginLeft">;
-    marginBottom?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"marginBottom">;
-    marginRight?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"marginRight">;
-    marginTop?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"marginTop">;
-    shadow?: keyof import("../../themes/colors").Shadows | undefined;
-    shrink?: import("csstype").Property.FlexShrink | undefined;
-    lineHeight?: import("../../types").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
-    width?: import("../../types").DefaultThemeOrCSSProp<"spaces", "width">;
-    minWidth?: import("../../types").DefaultThemeOrCSSProp<"spaces", "minWidth">;
-    maxWidth?: import("../../types").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
-    height?: import("../../types").DefaultThemeOrCSSProp<"spaces", "height">;
-    minHeight?: import("../../types").DefaultThemeOrCSSProp<"spaces", "minHeight">;
-    maxHeight?: import("../../types").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
-    top?: import("../../types").DefaultThemeOrCSSProp<"spaces", "top">;
-    left?: import("../../types").DefaultThemeOrCSSProp<"spaces", "left">;
-    bottom?: import("../../types").DefaultThemeOrCSSProp<"spaces", "bottom">;
-    right?: import("../../types").DefaultThemeOrCSSProp<"spaces", "right">;
-    borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
-    borderStyle?: import("csstype").Property.BorderStyle | undefined;
-    borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
-    children?: React.ReactNode;
-    as?: string | React.ComponentType<any> | undefined;
-    forwardedAs?: string | React.ComponentType<any> | undefined;
-} & {
-    alignItems?: import("csstype").Property.AlignItems | undefined;
-    direction?: import("csstype").Property.FlexDirection | undefined;
-    gap?: any;
-    inline?: boolean | undefined;
-    justifyContent?: import("csstype").Property.JustifyContent | undefined;
-    wrap?: import("csstype").Property.FlexWrap | undefined;
-} & React.RefAttributes<HTMLAnchorElement>>;
-export {};

package/dist/v2/LinkButton/LinkButton.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const styled = require('styled-components');
-const utils = require('../../Button/utils.js');
-const BaseButton = require('../../BaseButton/BaseButton.js');
-const BaseLink = require('../../BaseLink/BaseLink.js');
-const Flex = require('../../Flex/Flex.js');
-const Typography = require('../../Typography/Typography.js');
-
-const _interopDefault = e => e && e.__esModule ? e : { default: e };
-
-const React__default = /*#__PURE__*/_interopDefault(React);
-const styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const LinkWrapper = styled__default.default(BaseButton.BaseButtonWrapper) `
-  text-decoration: none;
-
-  &[aria-disabled='true'] {
-    ${utils.getDisabledStyle}
-    &:active {
-      ${utils.getDisabledStyle}
-    }
-  }
-
-  &:hover {
-    ${utils.getHoverStyle}
-  }
-
-  &:active {
-    ${utils.getActiveStyle}
-  }
-
-  ${utils.getVariantStyle}
-`;
-const LinkButton = React__default.default.forwardRef(({ variant = 'default', startIcon, endIcon, disabled = false, children, size = 'S', as = BaseLink.BaseLink, ...props }, ref) => {
-    const paddingX = size === 'S' ? 2 : '10px';
-    const paddingY = 4;
-    return (jsxRuntime.jsxs(LinkWrapper, { ref: ref, "aria-disabled": disabled, size: size, variant: variant, background: "buttonPrimary600", borderColor: "buttonPrimary600", hasRadius: true, gap: 2, inline: true, paddingBottom: paddingX, paddingLeft: paddingY, paddingRight: paddingY, paddingTop: paddingX, pointerEvents: disabled ? 'none' : undefined, ...props, as: as || BaseLink.BaseLink, children: [startIcon && jsxRuntime.jsx(Flex.Flex, { "aria-hidden": true, children: startIcon }), jsxRuntime.jsx(Typography.Typography, { variant: size === 'S' ? 'pi' : undefined, fontWeight: "bold", textColor: "buttonNeutral0", children: children }), endIcon && jsxRuntime.jsx(Flex.Flex, { "aria-hidden": true, children: endIcon })] }));
-});
-LinkButton.displayName = 'LinkButton';
-
-exports.LinkButton = LinkButton;

package/dist/v2/LinkButton/LinkButton.mjs

@@ -1,37 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React__default from 'react';
-import styled from 'styled-components';
-import { getDisabledStyle, getHoverStyle, getActiveStyle, getVariantStyle } from '../../Button/utils.mjs';
-import { BaseButtonWrapper } from '../../BaseButton/BaseButton.mjs';
-import { BaseLink } from '../../BaseLink/BaseLink.mjs';
-import { Flex } from '../../Flex/Flex.mjs';
-import { Typography } from '../../Typography/Typography.mjs';
-
-const LinkWrapper = styled(BaseButtonWrapper) `
-  text-decoration: none;
-
-  &[aria-disabled='true'] {
-    ${getDisabledStyle}
-    &:active {
-      ${getDisabledStyle}
-    }
-  }
-
-  &:hover {
-    ${getHoverStyle}
-  }
-
-  &:active {
-    ${getActiveStyle}
-  }
-
-  ${getVariantStyle}
-`;
-const LinkButton = React__default.forwardRef(({ variant = 'default', startIcon, endIcon, disabled = false, children, size = 'S', as = BaseLink, ...props }, ref) => {
-    const paddingX = size === 'S' ? 2 : '10px';
-    const paddingY = 4;
-    return (jsxs(LinkWrapper, { ref: ref, "aria-disabled": disabled, size: size, variant: variant, background: "buttonPrimary600", borderColor: "buttonPrimary600", hasRadius: true, gap: 2, inline: true, paddingBottom: paddingX, paddingLeft: paddingY, paddingRight: paddingY, paddingTop: paddingX, pointerEvents: disabled ? 'none' : undefined, ...props, as: as || BaseLink, children: [startIcon && jsx(Flex, { "aria-hidden": true, children: startIcon }), jsx(Typography, { variant: size === 'S' ? 'pi' : undefined, fontWeight: "bold", textColor: "buttonNeutral0", children: children }), endIcon && jsx(Flex, { "aria-hidden": true, children: endIcon })] }));
-});
-LinkButton.displayName = 'LinkButton';
-
-export { LinkButton };

package/dist/v2/LinkButton/index.d.ts

@@ -1 +0,0 @@
-export * from './LinkButton';

package/dist/v2/LinkButton/index.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const LinkButton = require('./LinkButton.js');
-
-
-
-exports.LinkButton = LinkButton.LinkButton;

package/dist/v2/LinkButton/index.mjs

@@ -1 +0,0 @@
-export { LinkButton } from './LinkButton.mjs';

package/dist/v2/MainNav/MainNav.d.ts

@@ -1,5 +0,0 @@
-import { FlexProps } from '../../Flex';
-export interface MainNavProps extends FlexProps<'nav'> {
-    condensed?: boolean;
-}
-export declare const MainNav: ({ condensed, ...props }: MainNavProps) => import("react/jsx-runtime").JSX.Element;

package/dist/v2/MainNav/MainNav.js

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const styled = require('styled-components');
-const MainNavContext = require('./MainNavContext.js');
-const Flex = require('../../Flex/Flex.js');
-
-const _interopDefault = e => e && e.__esModule ? e : { default: e };
-
-const styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const MainNavWrapper = styled__default.default(Flex.Flex) `
-  width: ${({ condensed }) => (condensed ? 'max-content' : `${224 / 16}rem`)};
-  border-right: 1px solid ${({ theme }) => theme.colors.neutral150};
-`;
-const MainNav = ({ condensed = false, ...props }) => {
-    return (jsxRuntime.jsx(MainNavContext.MainNavContext.Provider, { value: condensed, children: jsxRuntime.jsx(MainNavWrapper, { alignItems: "normal", as: "nav", background: "neutral0", condensed: condensed, direction: "column", height: "100vh", position: "sticky", top: 0, zIndex: 2, ...props }) }));
-};
-
-exports.MainNav = MainNav;

package/dist/v2/MainNav/MainNav.mjs

@@ -1,14 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import styled from 'styled-components';
-import { MainNavContext } from './MainNavContext.mjs';
-import { Flex } from '../../Flex/Flex.mjs';
-
-const MainNavWrapper = styled(Flex) `
-  width: ${({ condensed }) => (condensed ? 'max-content' : `${224 / 16}rem`)};
-  border-right: 1px solid ${({ theme }) => theme.colors.neutral150};
-`;
-const MainNav = ({ condensed = false, ...props }) => {
-    return (jsx(MainNavContext.Provider, { value: condensed, children: jsx(MainNavWrapper, { alignItems: "normal", as: "nav", background: "neutral0", condensed: condensed, direction: "column", height: "100vh", position: "sticky", top: 0, zIndex: 2, ...props }) }));
-};
-
-export { MainNav };

package/dist/v2/MainNav/MainNavContext.d.ts

@@ -1,2 +0,0 @@
-export declare const MainNavContext: import("react").Context<boolean>;
-export declare const useMainNav: () => boolean;

package/dist/v2/MainNav/MainNavContext.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const React = require('react');
-
-const MainNavContext = React.createContext(false);
-const useMainNav = () => React.useContext(MainNavContext);
-
-exports.MainNavContext = MainNavContext;
-exports.useMainNav = useMainNav;

package/dist/v2/MainNav/MainNavContext.mjs

@@ -1,6 +0,0 @@
-import { createContext, useContext } from 'react';
-
-const MainNavContext = createContext(false);
-const useMainNav = () => useContext(MainNavContext);
-
-export { MainNavContext, useMainNav };