@strapi/design-system 1.18.0 → 2.0.0-beta.0

package/dist/Layout/HeaderLayout.js

@@ -1,53 +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 useElementOnScreen = require('../hooks/useElementOnScreen.js');
-const useResizeObserver = require('../hooks/useResizeObserver.js');
-const Box = require('../Box/Box.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 HeaderLayout = (props) => {
-    const baseHeaderLayoutRef = React.useRef(null);
-    const [headerSize, setHeaderSize] = React.useState(null);
-    const [containerRef, isVisible] = useElementOnScreen.useElementOnScreen({
-        root: null,
-        rootMargin: '0px',
-        threshold: 0,
-    });
-    useResizeObserver.useResizeObserver(containerRef, () => {
-        if (containerRef.current) {
-            setHeaderSize(containerRef.current.getBoundingClientRect());
-        }
-    });
-    React.useEffect(() => {
-        if (baseHeaderLayoutRef.current) {
-            setHeaderSize(baseHeaderLayoutRef.current.getBoundingClientRect());
-        }
-    }, [baseHeaderLayoutRef]);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { style: { height: headerSize?.height }, ref: containerRef, children: isVisible && jsxRuntime.jsx(BaseHeaderLayout, { ref: baseHeaderLayoutRef, ...props }) }), !isVisible && jsxRuntime.jsx(BaseHeaderLayout, { ...props, sticky: true, width: headerSize?.width })] }));
-};
-HeaderLayout.displayName = 'HeaderLayout';
-const StickyBox = styled__default.default(Box.Box) `
-  width: ${({ width }) => (width ? `${width / 16}rem` : undefined)};
-  z-index: ${({ theme }) => theme.zIndices[1]};
-`;
-const BaseHeaderLayout = React__default.default.forwardRef(({ navigationAction, primaryAction, secondaryAction, subtitle, title, sticky, width, ...props }, ref) => {
-    const isSubtitleString = typeof subtitle === 'string';
-    if (sticky) {
-        return (jsxRuntime.jsx(StickyBox, { paddingLeft: 6, paddingRight: 6, paddingTop: 3, paddingBottom: 3, position: "fixed", top: 0, right: 0, background: "neutral0", shadow: "tableShadow", width: width, "data-strapi-header-sticky": true, children: jsxRuntime.jsxs(Flex.Flex, { justifyContent: "space-between", children: [jsxRuntime.jsxs(Flex.Flex, { children: [navigationAction && jsxRuntime.jsx(Box.Box, { paddingRight: 3, children: navigationAction }), jsxRuntime.jsxs(Box.Box, { children: [jsxRuntime.jsx(Typography.Typography, { variant: "beta", as: "h1", ...props, children: title }), isSubtitleString ? (jsxRuntime.jsx(Typography.Typography, { variant: "pi", textColor: "neutral600", children: subtitle })) : (subtitle)] }), secondaryAction ? jsxRuntime.jsx(Box.Box, { paddingLeft: 4, children: secondaryAction }) : null] }), jsxRuntime.jsx(Flex.Flex, { children: primaryAction ? jsxRuntime.jsx(Box.Box, { paddingLeft: 2, children: primaryAction }) : undefined })] }) }));
-    }
-    return (jsxRuntime.jsxs(Box.Box, { ref: ref, paddingLeft: 10, paddingRight: 10, paddingBottom: 8, paddingTop: navigationAction ? 6 : 8, background: "neutral100", "data-strapi-header": true, children: [navigationAction ? jsxRuntime.jsx(Box.Box, { paddingBottom: 2, children: navigationAction }) : null, jsxRuntime.jsxs(Flex.Flex, { justifyContent: "space-between", children: [jsxRuntime.jsxs(Flex.Flex, { minWidth: 0, children: [jsxRuntime.jsx(Typography.Typography, { as: "h1", variant: "alpha", ...props, children: title }), secondaryAction ? jsxRuntime.jsx(Box.Box, { paddingLeft: 4, children: secondaryAction }) : null] }), primaryAction] }), isSubtitleString ? (jsxRuntime.jsx(Typography.Typography, { variant: "epsilon", textColor: "neutral600", as: "p", children: subtitle })) : (subtitle)] }));
-});
-
-exports.BaseHeaderLayout = BaseHeaderLayout;
-exports.HeaderLayout = HeaderLayout;

package/dist/Layout/HeaderLayout.mjs

@@ -1,43 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import React__default, { useRef, useState, useEffect } from 'react';
-import styled from 'styled-components';
-import { useElementOnScreen } from '../hooks/useElementOnScreen.mjs';
-import { useResizeObserver } from '../hooks/useResizeObserver.mjs';
-import { Box } from '../Box/Box.mjs';
-import { Flex } from '../Flex/Flex.mjs';
-import { Typography } from '../Typography/Typography.mjs';
-
-const HeaderLayout = (props) => {
-    const baseHeaderLayoutRef = useRef(null);
-    const [headerSize, setHeaderSize] = useState(null);
-    const [containerRef, isVisible] = useElementOnScreen({
-        root: null,
-        rootMargin: '0px',
-        threshold: 0,
-    });
-    useResizeObserver(containerRef, () => {
-        if (containerRef.current) {
-            setHeaderSize(containerRef.current.getBoundingClientRect());
-        }
-    });
-    useEffect(() => {
-        if (baseHeaderLayoutRef.current) {
-            setHeaderSize(baseHeaderLayoutRef.current.getBoundingClientRect());
-        }
-    }, [baseHeaderLayoutRef]);
-    return (jsxs(Fragment, { children: [jsx("div", { style: { height: headerSize?.height }, ref: containerRef, children: isVisible && jsx(BaseHeaderLayout, { ref: baseHeaderLayoutRef, ...props }) }), !isVisible && jsx(BaseHeaderLayout, { ...props, sticky: true, width: headerSize?.width })] }));
-};
-HeaderLayout.displayName = 'HeaderLayout';
-const StickyBox = styled(Box) `
-  width: ${({ width }) => (width ? `${width / 16}rem` : undefined)};
-  z-index: ${({ theme }) => theme.zIndices[1]};
-`;
-const BaseHeaderLayout = React__default.forwardRef(({ navigationAction, primaryAction, secondaryAction, subtitle, title, sticky, width, ...props }, ref) => {
-    const isSubtitleString = typeof subtitle === 'string';
-    if (sticky) {
-        return (jsx(StickyBox, { paddingLeft: 6, paddingRight: 6, paddingTop: 3, paddingBottom: 3, position: "fixed", top: 0, right: 0, background: "neutral0", shadow: "tableShadow", width: width, "data-strapi-header-sticky": true, children: jsxs(Flex, { justifyContent: "space-between", children: [jsxs(Flex, { children: [navigationAction && jsx(Box, { paddingRight: 3, children: navigationAction }), jsxs(Box, { children: [jsx(Typography, { variant: "beta", as: "h1", ...props, children: title }), isSubtitleString ? (jsx(Typography, { variant: "pi", textColor: "neutral600", children: subtitle })) : (subtitle)] }), secondaryAction ? jsx(Box, { paddingLeft: 4, children: secondaryAction }) : null] }), jsx(Flex, { children: primaryAction ? jsx(Box, { paddingLeft: 2, children: primaryAction }) : undefined })] }) }));
-    }
-    return (jsxs(Box, { ref: ref, paddingLeft: 10, paddingRight: 10, paddingBottom: 8, paddingTop: navigationAction ? 6 : 8, background: "neutral100", "data-strapi-header": true, children: [navigationAction ? jsx(Box, { paddingBottom: 2, children: navigationAction }) : null, jsxs(Flex, { justifyContent: "space-between", children: [jsxs(Flex, { minWidth: 0, children: [jsx(Typography, { as: "h1", variant: "alpha", ...props, children: title }), secondaryAction ? jsx(Box, { paddingLeft: 4, children: secondaryAction }) : null] }), primaryAction] }), isSubtitleString ? (jsx(Typography, { variant: "epsilon", textColor: "neutral600", as: "p", children: subtitle })) : (subtitle)] }));
-});
-
-export { BaseHeaderLayout, HeaderLayout };

package/dist/Layout/Layout.js

@@ -1,24 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const styled = require('styled-components');
-const Box = require('../Box/Box.js');
-
-const _interopDefault = e => e && e.__esModule ? e : { default: e };
-
-const styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const GridContainer = styled__default.default(Box.Box) `
-  display: grid;
-  grid-template-columns: ${({ hasSideNav }) => (hasSideNav ? `auto 1fr` : '1fr')};
-`;
-const OverflowingItem = styled__default.default(Box.Box) `
-  overflow-x: hidden;
-`;
-const Layout = ({ sideNav, children }) => {
-    return (jsxRuntime.jsxs(GridContainer, { hasSideNav: Boolean(sideNav), children: [sideNav, jsxRuntime.jsx(OverflowingItem, { paddingBottom: 10, children: children })] }));
-};
-
-exports.Layout = Layout;

package/dist/Layout/Layout.mjs

@@ -1,16 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import styled from 'styled-components';
-import { Box } from '../Box/Box.mjs';
-
-const GridContainer = styled(Box) `
-  display: grid;
-  grid-template-columns: ${({ hasSideNav }) => (hasSideNav ? `auto 1fr` : '1fr')};
-`;
-const OverflowingItem = styled(Box) `
-  overflow-x: hidden;
-`;
-const Layout = ({ sideNav, children }) => {
-    return (jsxs(GridContainer, { hasSideNav: Boolean(sideNav), children: [sideNav, jsx(OverflowingItem, { paddingBottom: 10, children: children })] }));
-};
-
-export { Layout };

package/dist/Layout/TwoColsLayout.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const Grid = require('../Grid/Grid.js');
-const GridItem = require('../Grid/GridItem.js');
-const Box = require('../Box/Box.js');
-
-const TwoColsLayout = ({ startCol, endCol }) => {
-    return (jsxRuntime.jsxs(Grid.Grid, { gap: 4, children: [jsxRuntime.jsx(GridItem.GridItem, { col: 9, s: 12, children: jsxRuntime.jsx(Box.Box, { hasRadius: true, background: "neutral0", shadow: "tableShadow", children: startCol }) }), jsxRuntime.jsx(GridItem.GridItem, { col: 3, s: 12, children: jsxRuntime.jsx(Box.Box, { hasRadius: true, background: "neutral0", shadow: "tableShadow", children: endCol }) })] }));
-};
-
-exports.TwoColsLayout = TwoColsLayout;

package/dist/Layout/TwoColsLayout.mjs

@@ -1,10 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Grid } from '../Grid/Grid.mjs';
-import { GridItem } from '../Grid/GridItem.mjs';
-import { Box } from '../Box/Box.mjs';
-
-const TwoColsLayout = ({ startCol, endCol }) => {
-    return (jsxs(Grid, { gap: 4, children: [jsx(GridItem, { col: 9, s: 12, children: jsx(Box, { hasRadius: true, background: "neutral0", shadow: "tableShadow", children: startCol }) }), jsx(GridItem, { col: 3, s: 12, children: jsx(Box, { hasRadius: true, background: "neutral0", shadow: "tableShadow", children: endCol }) })] }));
-};
-
-export { TwoColsLayout };

package/dist/Layout/index.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const Layout = require('./Layout.js');
-const ActionLayout = require('./ActionLayout.js');
-const ContentLayout = require('./ContentLayout.js');
-const HeaderLayout = require('./HeaderLayout.js');
-const TwoColsLayout = require('./TwoColsLayout.js');
-const GridLayout = require('./GridLayout.js');
-
-
-
-exports.Layout = Layout.Layout;
-exports.ActionLayout = ActionLayout.ActionLayout;
-exports.ContentLayout = ContentLayout.ContentLayout;
-exports.BaseHeaderLayout = HeaderLayout.BaseHeaderLayout;
-exports.HeaderLayout = HeaderLayout.HeaderLayout;
-exports.TwoColsLayout = TwoColsLayout.TwoColsLayout;
-exports.GridLayout = GridLayout.GridLayout;

package/dist/Layout/index.mjs

@@ -1,6 +0,0 @@
-export { Layout } from './Layout.mjs';
-export { ActionLayout } from './ActionLayout.mjs';
-export { ContentLayout } from './ContentLayout.mjs';
-export { BaseHeaderLayout, HeaderLayout } from './HeaderLayout.mjs';
-export { TwoColsLayout } from './TwoColsLayout.mjs';
-export { GridLayout } from './GridLayout.mjs';

package/dist/Link/Link.js

@@ -1,77 +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 reactRouterDom = require('react-router-dom');
-const styled = require('styled-components');
-const utils = require('../themes/utils.js');
-const Typography = require('../Typography/Typography.js');
-const Box = require('../Box/Box.js');
-
-const _interopDefault = e => e && e.__esModule ? e : { default: e };
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespace(React);
-const styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const LinkWrapper = styled__default.default.a `
-  display: inline-flex;
-  align-items: center;
-  text-decoration: none;
-  pointer-events: ${({ disabled }) => (disabled ? 'none' : undefined)};
-  color: ${({ disabled, theme }) => (disabled ? theme.colors.neutral600 : theme.colors.primary600)};
-
-  svg path {
-    transition: fill 150ms ease-out;
-    fill: currentColor;
-  }
-
-  svg {
-    font-size: ${10 / 16}rem;
-  }
-
-  ${Typography.Typography} {
-    transition: color 150ms ease-out;
-    color: currentColor;
-  }
-
-  &:hover {
-    color: ${({ theme }) => theme.colors.primary500};
-  }
-
-  &:active {
-    color: ${({ theme }) => theme.colors.primary700};
-  }
-
-  ${utils.buttonFocusStyle};
-`;
-const IconWrapper = styled__default.default(Box.Box) `
-  display: flex;
-`;
-const Link = React__namespace.forwardRef(({ children, href, to, disabled = false, startIcon, endIcon, ...restProps }, ref) => {
-    const target = href ? '_blank' : undefined;
-    const rel = href ? 'noreferrer noopener' : undefined;
-    return (jsxRuntime.jsxs(LinkWrapper, { as: to && !disabled ? reactRouterDom.NavLink : 'a', target: target, rel: rel, to: disabled ? undefined : to, href: disabled ? '#' : href, disabled: disabled, ref: ref, ...restProps, children: [startIcon && (jsxRuntime.jsx(IconWrapper, { as: "span", "aria-hidden": true, paddingRight: 2, children: startIcon })), jsxRuntime.jsx(Typography.Typography, { children: children }), endIcon && !href && (jsxRuntime.jsx(IconWrapper, { as: "span", "aria-hidden": true, paddingLeft: 2, children: endIcon })), href && (jsxRuntime.jsx(IconWrapper, { as: "span", "aria-hidden": true, paddingLeft: 2, children: jsxRuntime.jsx(icons.ExternalLink, {}) }))] }));
-});
-
-exports.Link = Link;

package/dist/Link/Link.mjs

@@ -1,50 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import * as React from 'react';
-import { ExternalLink } from '@strapi/icons';
-import { NavLink } from 'react-router-dom';
-import styled from 'styled-components';
-import { buttonFocusStyle } from '../themes/utils.mjs';
-import { Typography } from '../Typography/Typography.mjs';
-import { Box } from '../Box/Box.mjs';
-
-const LinkWrapper = styled.a `
-  display: inline-flex;
-  align-items: center;
-  text-decoration: none;
-  pointer-events: ${({ disabled }) => (disabled ? 'none' : undefined)};
-  color: ${({ disabled, theme }) => (disabled ? theme.colors.neutral600 : theme.colors.primary600)};
-
-  svg path {
-    transition: fill 150ms ease-out;
-    fill: currentColor;
-  }
-
-  svg {
-    font-size: ${10 / 16}rem;
-  }
-
-  ${Typography} {
-    transition: color 150ms ease-out;
-    color: currentColor;
-  }
-
-  &:hover {
-    color: ${({ theme }) => theme.colors.primary500};
-  }
-
-  &:active {
-    color: ${({ theme }) => theme.colors.primary700};
-  }
-
-  ${buttonFocusStyle};
-`;
-const IconWrapper = styled(Box) `
-  display: flex;
-`;
-const Link = React.forwardRef(({ children, href, to, disabled = false, startIcon, endIcon, ...restProps }, ref) => {
-    const target = href ? '_blank' : undefined;
-    const rel = href ? 'noreferrer noopener' : undefined;
-    return (jsxs(LinkWrapper, { as: to && !disabled ? NavLink : 'a', target: target, rel: rel, to: disabled ? undefined : to, href: disabled ? '#' : href, disabled: disabled, ref: ref, ...restProps, children: [startIcon && (jsx(IconWrapper, { as: "span", "aria-hidden": true, paddingRight: 2, children: startIcon })), jsx(Typography, { children: children }), endIcon && !href && (jsx(IconWrapper, { as: "span", "aria-hidden": true, paddingLeft: 2, children: endIcon })), href && (jsx(IconWrapper, { as: "span", "aria-hidden": true, paddingLeft: 2, children: jsx(ExternalLink, {}) }))] }));
-});
-
-export { Link };

package/dist/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/Link/index.mjs

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

package/dist/LinkButton/LinkButton.js

@@ -1,60 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const reactRouterDom = require('react-router-dom');
-const styled = require('styled-components');
-const utils = require('../Button/utils.js');
-const BaseButton = require('../BaseButton/BaseButton.js');
-const Flex = require('../Flex/Flex.js');
-const Typography = require('../Typography/Typography.js');
-
-const _interopDefault = e => e && e.__esModule ? e : { default: e };
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespace(React);
-const styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const LinkWrapper = styled__default.default(BaseButton.BaseButtonWrapper) `
-  &[aria-disabled='true'] {
-    ${utils.getDisabledStyle}
-    &:active {
-      ${utils.getDisabledStyle}
-    }
-  }
-  &:hover {
-    ${utils.getHoverStyle}
-  }
-  &:active {
-    ${utils.getActiveStyle}
-  }
-  ${utils.getVariantStyle}
-`;
-const LinkButton = React__namespace.forwardRef(({ variant = 'default', startIcon, endIcon, disabled = false, children, size = 'S', href, to, ...props }, ref) => {
-    const target = href ? '_blank' : undefined;
-    const rel = href ? 'noreferrer noopener' : undefined;
-    const paddingX = size === 'S' ? 2 : '10px';
-    const paddingY = 4;
-    return (jsxRuntime.jsxs(LinkWrapper, { ref: ref, "aria-disabled": disabled, size: size, variant: variant, target: target, rel: rel, to: disabled ? undefined : to, href: disabled ? '#' : href, background: "buttonPrimary600", borderColor: "buttonPrimary600", hasRadius: true, gap: 2, inline: true, paddingBottom: paddingX, paddingLeft: paddingY, paddingRight: paddingY, paddingTop: paddingX, pointerEvents: disabled ? 'none' : undefined, ...props, as: to && !disabled ? reactRouterDom.NavLink : 'a', 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 })] }));
-});
-
-exports.LinkButton = LinkButton;

package/dist/LinkButton/LinkButton.mjs

@@ -1,33 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import * as React from 'react';
-import { NavLink } from 'react-router-dom';
-import styled from 'styled-components';
-import { getDisabledStyle, getHoverStyle, getActiveStyle, getVariantStyle } from '../Button/utils.mjs';
-import { BaseButtonWrapper } from '../BaseButton/BaseButton.mjs';
-import { Flex } from '../Flex/Flex.mjs';
-import { Typography } from '../Typography/Typography.mjs';
-
-const LinkWrapper = styled(BaseButtonWrapper) `
-  &[aria-disabled='true'] {
-    ${getDisabledStyle}
-    &:active {
-      ${getDisabledStyle}
-    }
-  }
-  &:hover {
-    ${getHoverStyle}
-  }
-  &:active {
-    ${getActiveStyle}
-  }
-  ${getVariantStyle}
-`;
-const LinkButton = React.forwardRef(({ variant = 'default', startIcon, endIcon, disabled = false, children, size = 'S', href, to, ...props }, ref) => {
-    const target = href ? '_blank' : undefined;
-    const rel = href ? 'noreferrer noopener' : undefined;
-    const paddingX = size === 'S' ? 2 : '10px';
-    const paddingY = 4;
-    return (jsxs(LinkWrapper, { ref: ref, "aria-disabled": disabled, size: size, variant: variant, target: target, rel: rel, to: disabled ? undefined : to, href: disabled ? '#' : href, background: "buttonPrimary600", borderColor: "buttonPrimary600", hasRadius: true, gap: 2, inline: true, paddingBottom: paddingX, paddingLeft: paddingY, paddingRight: paddingY, paddingTop: paddingX, pointerEvents: disabled ? 'none' : undefined, ...props, as: to && !disabled ? NavLink : 'a', 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 })] }));
-});
-
-export { LinkButton };

package/dist/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/LinkButton/index.mjs

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

package/dist/LiveRegions/LiveRegions.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const constants = require('./constants.js');
-const VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
-
-const LiveRegions = () => {
-    return (jsxRuntime.jsxs(VisuallyHidden.VisuallyHidden, { children: [jsxRuntime.jsx("p", { role: "log", "aria-live": "polite", id: constants.LiveRegionIds.Log, "aria-relevant": "all" }), jsxRuntime.jsx("p", { role: "status", "aria-live": "polite", id: constants.LiveRegionIds.Status, "aria-relevant": "all" }), jsxRuntime.jsx("p", { role: "alert", "aria-live": "assertive", id: constants.LiveRegionIds.Alert, "aria-relevant": "all" })] }));
-};
-
-exports.LiveRegions = LiveRegions;

package/dist/LiveRegions/LiveRegions.mjs

@@ -1,9 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { LiveRegionIds } from './constants.mjs';
-import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.mjs';
-
-const LiveRegions = () => {
-    return (jsxs(VisuallyHidden, { children: [jsx("p", { role: "log", "aria-live": "polite", id: LiveRegionIds.Log, "aria-relevant": "all" }), jsx("p", { role: "status", "aria-live": "polite", id: LiveRegionIds.Status, "aria-relevant": "all" }), jsx("p", { role: "alert", "aria-live": "assertive", id: LiveRegionIds.Alert, "aria-relevant": "all" })] }));
-};
-
-export { LiveRegions };

package/dist/LiveRegions/constants.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const LiveRegionIds = {
-    Log: 'live-region-log',
-    Status: 'live-region-status',
-    Alert: 'live-region-alert',
-};
-
-exports.LiveRegionIds = LiveRegionIds;

package/dist/LiveRegions/constants.mjs

@@ -1,7 +0,0 @@
-const LiveRegionIds = {
-    Log: 'live-region-log',
-    Status: 'live-region-status',
-    Alert: 'live-region-alert',
-};
-
-export { LiveRegionIds };

package/dist/LiveRegions/index.js

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

package/dist/LiveRegions/index.mjs

@@ -1,2 +0,0 @@
-export { useNotifyAT } from './useNotifyAT.mjs';
-export { LiveRegions } from './LiveRegions.mjs';

package/dist/LiveRegions/useNotifyAT.js

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const React = require('react');
-const constants = require('./constants.js');
-
-const notifyLog = (message) => {
-    const logEl = document.querySelector(`#${constants.LiveRegionIds.Log}`);
-    if (logEl) {
-        logEl.innerText = message;
-    }
-};
-const notifyStatus = (message) => {
-    const statusEl = document.querySelector(`#${constants.LiveRegionIds.Status}`);
-    if (statusEl) {
-        statusEl.innerText = message;
-    }
-};
-const notifyAlert = (message) => {
-    const alertEl = document.querySelector(`#${constants.LiveRegionIds.Alert}`);
-    if (alertEl) {
-        alertEl.innerText = message;
-    }
-};
-const useNotifyAT = () => {
-    React.useEffect(() => {
-        return () => {
-            notifyLog('');
-            notifyAlert('');
-            notifyStatus('');
-        };
-    }, []);
-    return { notifyLog, notifyAlert, notifyStatus };
-};
-
-exports.useNotifyAT = useNotifyAT;

package/dist/LiveRegions/useNotifyAT.mjs

@@ -1,33 +0,0 @@
-import { useEffect } from 'react';
-import { LiveRegionIds } from './constants.mjs';
-
-const notifyLog = (message) => {
-    const logEl = document.querySelector(`#${LiveRegionIds.Log}`);
-    if (logEl) {
-        logEl.innerText = message;
-    }
-};
-const notifyStatus = (message) => {
-    const statusEl = document.querySelector(`#${LiveRegionIds.Status}`);
-    if (statusEl) {
-        statusEl.innerText = message;
-    }
-};
-const notifyAlert = (message) => {
-    const alertEl = document.querySelector(`#${LiveRegionIds.Alert}`);
-    if (alertEl) {
-        alertEl.innerText = message;
-    }
-};
-const useNotifyAT = () => {
-    useEffect(() => {
-        return () => {
-            notifyLog('');
-            notifyAlert('');
-            notifyStatus('');
-        };
-    }, []);
-    return { notifyLog, notifyAlert, notifyStatus };
-};
-
-export { useNotifyAT };

package/dist/Loader/Loader.js

@@ -1,51 +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 loader = require('./assets/loader.svg.js');
-const VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
-
-const _interopDefault = e => e && e.__esModule ? e : { default: e };
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespace(React);
-const styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const rotation = styled.keyframes `
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(359deg);
-  }
-`;
-const LoaderImg = styled__default.default.img `
-  animation: ${rotation} 1s infinite linear;
-  will-change: transform;
-  ${({ small, theme }) => small && `width: ${theme.spaces[6]}; height: ${theme.spaces[6]};`}
-`;
-const Loader = React__namespace.forwardRef(({ children, small = false, ...props }, ref) => {
-    return (jsxRuntime.jsxs("div", { role: "alert", "aria-live": "assertive", ref: ref, ...props, children: [jsxRuntime.jsx(VisuallyHidden.VisuallyHidden, { children: children }), jsxRuntime.jsx(LoaderImg, { src: loader, "aria-hidden": true, small: small })] }));
-});
-
-exports.Loader = Loader;