@atlaskit/primitives 19.0.1 → 20.0.0

package/dist/types-ts4.5/constants.d.ts

@@ -1,12 +0,0 @@
-export declare const LAYERS: {
-    readonly card: 100;
-    readonly navigation: 200;
-    readonly dialog: 300;
-    readonly layer: 400;
-    readonly blanket: 500;
-    readonly modal: 510;
-    readonly flag: 600;
-    readonly spotlight: 700;
-    readonly tooltip: 800;
-};
-export type Layer = keyof typeof LAYERS;

package/dist/types-ts4.5/entry-points/anchor.d.ts

@@ -1,2 +0,0 @@
-export type { AnchorProps } from '../components/anchor';
-export { default } from '../components/anchor';

package/dist/types-ts4.5/entry-points/bleed.d.ts

@@ -1,2 +0,0 @@
-export { default as Bleed } from '../components/bleed';
-export type { BleedProps } from '../components/bleed';

package/dist/types-ts4.5/entry-points/box.d.ts

@@ -1,3 +0,0 @@
-export { Box } from '../components/box';
-export type { BoxProps } from '../components/box';
-export { default } from '../components/box';

package/dist/types-ts4.5/entry-points/compiled-anchor.d.ts

@@ -1,2 +0,0 @@
-export { default as Anchor } from '../compiled/components/anchor';
-export type { AnchorProps } from '../compiled/components/anchor';

package/dist/types-ts4.5/entry-points/compiled-bleed.d.ts

@@ -1,2 +0,0 @@
-export { default as Bleed } from '../compiled/components/bleed';
-export type { BleedProps } from '../compiled/components/bleed';

package/dist/types-ts4.5/entry-points/compiled-box.d.ts

@@ -1,2 +0,0 @@
-export { default as Box } from '../compiled/components/box';
-export type { BoxProps } from '../compiled/components/box';

package/dist/types-ts4.5/entry-points/compiled-components-types.d.ts

@@ -1 +0,0 @@
-export type { PositiveSpaceToken as Space, TextColor } from '../compiled/components/types';

package/dist/types-ts4.5/entry-points/compiled-flex.d.ts

@@ -1,2 +0,0 @@
-export { default as Flex } from '../compiled/components/flex';
-export type { FlexProps } from '../compiled/components/flex';

package/dist/types-ts4.5/entry-points/compiled-focusable.d.ts

@@ -1,2 +0,0 @@
-export { default as Focusable } from '../compiled/components/focusable';
-export type { FocusableProps } from '../compiled/components/focusable';

package/dist/types-ts4.5/entry-points/compiled-grid.d.ts

@@ -1,2 +0,0 @@
-export { default as Grid } from '../compiled/components/grid';
-export type { GridProps } from '../compiled/components/grid';

package/dist/types-ts4.5/entry-points/compiled-hide.d.ts

@@ -1 +0,0 @@
-export { Hide } from '../compiled/responsive/hide';

package/dist/types-ts4.5/entry-points/compiled-inline.d.ts

@@ -1,2 +0,0 @@
-export { default as Inline } from '../compiled/components/inline';
-export type { InlineProps } from '../compiled/components/inline';

package/dist/types-ts4.5/entry-points/compiled-media-helper.d.ts

@@ -1 +0,0 @@
-export { media } from '../compiled/responsive/media-helper';

package/dist/types-ts4.5/entry-points/compiled-metric-text.d.ts

@@ -1,2 +0,0 @@
-export { default as MetricText } from '../compiled/components/metric-text';
-export type { MetricTextProps } from '../compiled/components/metric-text';

package/dist/types-ts4.5/entry-points/compiled-pressable.d.ts

@@ -1,2 +0,0 @@
-export { default as Pressable } from '../compiled/components/pressable';
-export type { PressableProps } from '../compiled/components/pressable';

package/dist/types-ts4.5/entry-points/compiled-show.d.ts

@@ -1 +0,0 @@
-export { Show } from '../compiled/responsive/show';

package/dist/types-ts4.5/entry-points/compiled-stack.d.ts

@@ -1,2 +0,0 @@
-export { default as Stack } from '../compiled/components/stack';
-export type { StackProps } from '../compiled/components/stack';

package/dist/types-ts4.5/entry-points/compiled-surface-provider.d.ts

@@ -1 +0,0 @@
-export { useSurface as UNSAFE_useSurface, SurfaceContext as UNSAFE_SurfaceContext, } from '../utils/surface-provider';

package/dist/types-ts4.5/entry-points/compiled-text.d.ts

@@ -1,2 +0,0 @@
-export { default as Text } from '../compiled/components/text';
-export type { TextProps } from '../compiled/components/text';

package/dist/types-ts4.5/entry-points/compiled-types.d.ts

@@ -1 +0,0 @@
-export type { Breakpoint, MediaQuery } from '../compiled/responsive/types';

package/dist/types-ts4.5/entry-points/compiled-use-media-query.d.ts

@@ -1 +0,0 @@
-export { UNSAFE_useMediaQuery } from '../compiled/responsive/use-media-query';

package/dist/types-ts4.5/entry-points/compiled-utils-types.d.ts

@@ -1 +0,0 @@
-export type { BackgroundColorToken as BackgroundColor } from '../utils/types';

package/dist/types-ts4.5/entry-points/constants.d.ts

@@ -1 +0,0 @@
-export { UNSAFE_BREAKPOINTS_CONFIG } from '../responsive/constants';

package/dist/types-ts4.5/entry-points/flex.d.ts

@@ -1,2 +0,0 @@
-export { default as Flex } from '../components/flex';
-export type { FlexProps } from '../components/flex';

package/dist/types-ts4.5/entry-points/grid.d.ts

@@ -1,2 +0,0 @@
-export { default as Grid } from '../components/grid';
-export type { GridProps } from '../components/grid';

package/dist/types-ts4.5/entry-points/inline.d.ts

@@ -1,2 +0,0 @@
-export type { InlineProps } from '../components/inline';
-export { default } from '../components/inline';

package/dist/types-ts4.5/entry-points/media-helper.d.ts

@@ -1 +0,0 @@
-export { media, UNSAFE_media } from '../responsive/media-helper';

package/dist/types-ts4.5/entry-points/metric-text.d.ts

@@ -1,2 +0,0 @@
-export type { MetricTextProps } from '../components/metric-text';
-export { default } from '../components/metric-text';

package/dist/types-ts4.5/entry-points/pressable.d.ts

@@ -1,2 +0,0 @@
-export type { PressableProps } from '../components/pressable';
-export { default } from '../components/pressable';

package/dist/types-ts4.5/entry-points/responsive-build-media-query-css.d.ts

@@ -1 +0,0 @@
-export { UNSAFE_buildAboveMediaQueryCSS } from '../responsive/build-media-query-css';

package/dist/types-ts4.5/entry-points/responsive-constants.d.ts

@@ -1 +0,0 @@
-export { UNSAFE_BREAKPOINTS_ORDERED_LIST, UNSAFE_BREAKPOINTS_CONFIG, } from '../responsive/constants';

package/dist/types-ts4.5/entry-points/responsive-hide.d.ts

@@ -1 +0,0 @@
-export { Hide } from '../responsive/hide';

package/dist/types-ts4.5/entry-points/responsive-media-helper.d.ts

@@ -1 +0,0 @@
-export { media, UNSAFE_media } from '../responsive/media-helper';

package/dist/types-ts4.5/entry-points/responsive-show.d.ts

@@ -1 +0,0 @@
-export { Show } from '../responsive/show';

package/dist/types-ts4.5/entry-points/responsive-types.d.ts

@@ -1 +0,0 @@
-export type { Breakpoint, ResponsiveObject, ResponsiveCSSObject, MediaQuery, } from '../responsive/types';

package/dist/types-ts4.5/entry-points/responsive-use-media-query.d.ts

@@ -1 +0,0 @@
-export { UNSAFE_useMediaQuery } from '../responsive/use-media-query';

package/dist/types-ts4.5/entry-points/stack.d.ts

@@ -1,2 +0,0 @@
-export type { StackProps } from '../components/stack';
-export { default } from '../components/stack';

package/dist/types-ts4.5/entry-points/surface-provider.d.ts

@@ -1 +0,0 @@
-export { useSurface as UNSAFE_useSurface } from '../utils/surface-provider';

package/dist/types-ts4.5/entry-points/text.d.ts

@@ -1,2 +0,0 @@
-export type { TextProps } from '../components/text';
-export { default } from '../components/text';

package/dist/types-ts4.5/entry-points/types.d.ts

@@ -1 +0,0 @@
-export type { Breakpoint, MediaQuery } from '../responsive/types';

package/dist/types-ts4.5/entry-points/xcss.d.ts

@@ -1,2 +0,0 @@
-export { xcss, tokensMap } from '../xcss/xcss';
-export type { XCSS } from '../xcss/xcss';

package/dist/types-ts4.5/index.d.ts

@@ -1,27 +0,0 @@
-export type { Dimension, BackgroundColor, Space, BorderColor, BorderRadius, BorderWidth, Layer, TextColor, Shadow, } from './xcss/style-maps.partial';
-export { default as Box } from './components/box';
-export type { BoxProps } from './components/box';
-export { default as Inline } from './components/inline';
-export type { InlineProps } from './components/inline';
-export { xcss, tokensMap } from './xcss/xcss';
-export type { XCSS } from './xcss/xcss';
-export { default as Stack } from './components/stack';
-export type { StackProps } from './components/stack';
-export { default as Flex } from './components/flex';
-export type { FlexProps } from './components/flex';
-export { default as Grid } from './components/grid';
-export type { GridProps } from './components/grid';
-export { default as Bleed } from './components/bleed';
-export type { BleedProps } from './components/bleed';
-export { default as Text } from './components/text';
-export type { TextProps } from './components/text';
-export { default as MetricText } from './components/metric-text';
-export type { MetricTextProps } from './components/metric-text';
-export { default as Pressable } from './components/pressable';
-export type { PressableProps } from './components/pressable';
-export { default as Anchor } from './components/anchor';
-export type { AnchorProps } from './components/anchor';
-export { media, UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG } from './responsive';
-export type { Breakpoint, MediaQuery } from './responsive';
-export { useSurface as UNSAFE_useSurface } from './utils/surface-provider';
-export { inverseColorMap as UNSAFE_inverseColorMap } from './xcss/style-maps.partial';

package/dist/types-ts4.5/responsive/build-media-query-css.d.ts

@@ -1,2 +0,0 @@
-export { UNSAFE_buildAboveMediaQueryCSS } from './unsafe-build-above-media-query-css';
-export { UNSAFE_buildBelowMediaQueryCSS } from './unsafe-build-below-media-query-css';

package/dist/types-ts4.5/responsive/constants.d.ts

@@ -1,67 +0,0 @@
-/**
- * Our internal configuration for breakpoints configuration.
- *
- * We explicitly use `-0.01rem` for "max" values to both ensure we do not overlap our media queries, but also don't skip any fractional pixels.  There is a chance this is not safe in some browsers, eg. Safari has weird rounding.
- * @see: https://tzi.fr/css/prevent-double-breakpoint/
- *
- * @experimental Unsafe for direct consumption outside of the design system itself; please use our `media` export instead for media queries.
- */
-export declare const UNSAFE_BREAKPOINTS_CONFIG: {
-    readonly xxs: {
-        readonly gridItemGutter: 'var(--ds-space-200)';
-        readonly gridMargin: 'var(--ds-space-200)';
-        readonly min: '0rem';
-        readonly max: '29.99rem';
-    };
-    readonly xs: {
-        readonly gridItemGutter: 'var(--ds-space-200)';
-        readonly gridMargin: 'var(--ds-space-200)';
-        readonly min: '30rem';
-        readonly max: '47.99rem';
-    };
-    readonly sm: {
-        readonly gridItemGutter: 'var(--ds-space-200)';
-        readonly gridMargin: 'var(--ds-space-300)';
-        readonly min: '48rem';
-        readonly max: '63.99rem';
-    };
-    readonly md: {
-        readonly gridItemGutter: 'var(--ds-space-300)';
-        readonly gridMargin: 'var(--ds-space-400)';
-        readonly min: '64rem';
-        readonly max: '89.99rem';
-    };
-    readonly lg: {
-        readonly gridItemGutter: 'var(--ds-space-400)';
-        readonly gridMargin: 'var(--ds-space-400)';
-        readonly min: '90rem';
-        readonly max: '110.49rem';
-    };
-    readonly xl: {
-        readonly gridItemGutter: 'var(--ds-space-400)';
-        readonly gridMargin: 'var(--ds-space-500)';
-        readonly min: '110.5rem';
-        readonly max: null;
-    };
-};
-/**
- * The list of breakpoints in order from smallest to largest.  You may need to clone and reverse this list if you want the opposite.
- *
- * This is intentional for cascading with `min-width` or `media.above`. Media queries go from lowest width to highest.
- *
- * @experimental Unsafe for consumption outside of the design system itself.
- */
-export declare const UNSAFE_BREAKPOINTS_ORDERED_LIST: [
-    "xxs",
-    "xs",
-    "sm",
-    "md",
-    "lg",
-    "xl"
-];
-/**
- * This is our smallest breakpoint with a few nuances to it:
- * 1. It is the default value for shorthands, eg. `<GridItem span={6} />` maps to `{ [SMALLEST_BREAKPOINT]: props.span }`
- * 2. It's omitted in `media.below` as there's nothing below `0px`.
- */
-export declare const SMALLEST_BREAKPOINT: 'xxs';

package/dist/types-ts4.5/responsive/hide.d.ts

@@ -1,41 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactNode } from 'react';
-import { jsx } from '@emotion/react';
-import { type BasePrimitiveProps } from '../components/types';
-import { type Breakpoint } from './types';
-type As = 'article' | 'aside' | 'dialog' | 'div' | 'footer' | 'header' | 'li' | 'main' | 'nav' | 'ol' | 'section' | 'span' | 'ul';
-type ResponsiveHideProps = {
-    as?: As;
-    children: ReactNode;
-} & ({
-    above?: never;
-    /**
-     * Apply CSS to hide this specifically **below** this breakpoint.
-     * The smallest breakpoint is not included as it would never be shown and this would not be performant.
-     *
-     * @important do not mix `above` and `below` (TypeScript should prevent this).
-     */
-    below: Exclude<Breakpoint, 'xxs'>;
-} | {
-    /**
-     * Apply CSS to hide this specifically **above** this breakpoint.
-     * The smallest breakpoint is not included as it would always be shown and this would not be performant.
-     *
-     * @important do not mix `above` and `below` (TypeScript should prevent this).
-     */
-    above: Exclude<Breakpoint, 'xxs'>;
-    below?: never;
-}) & Pick<BasePrimitiveProps, 'xcss'>;
-/**
- * Hides the content at a given breakpoint.  By default, content is shown.  The primary use case is for visual presentation.
- * Mix `<Hide above="md">` with `<Show above="md">` to achieve content that shifts at a breakpoint.
- *
- * Please note:
- * - This only uses `display: none` hide, it does not skip rendering of children trees.
- * - As this is rendered at all times, there is little performance savings here (just that this is not painted).
- */
-export declare const Hide: ({ above, below, children, as: AsElement, xcss, }: ResponsiveHideProps) => jsx.JSX.Element;
-export {};

package/dist/types-ts4.5/responsive/index.d.ts

@@ -1,7 +0,0 @@
-export { media, UNSAFE_media } from './media-helper';
-export { UNSAFE_buildAboveMediaQueryCSS } from './build-media-query-css';
-export { UNSAFE_BREAKPOINTS_ORDERED_LIST, UNSAFE_BREAKPOINTS_CONFIG } from './constants';
-export type { Breakpoint, ResponsiveObject, ResponsiveCSSObject, MediaQuery } from './types';
-export { UNSAFE_useMediaQuery } from './use-media-query';
-export { Show } from './show';
-export { Hide } from './hide';

package/dist/types-ts4.5/responsive/media-helper.d.ts

@@ -1,29 +0,0 @@
-/**
- * Keep `UNSAFE_media` for backwards compatibility.
- */
-export declare const UNSAFE_media: {
-    above: {
-        readonly xxs: '@media all';
-        readonly xs: '@media (min-width: 30rem)';
-        readonly sm: '@media (min-width: 48rem)';
-        readonly md: '@media (min-width: 64rem)';
-        readonly lg: '@media (min-width: 90rem)';
-        readonly xl: '@media (min-width: 110.5rem)';
-    };
-    only: {
-        readonly xxs: '@media (min-width: 0rem) and (max-width: 29.99rem)';
-        readonly xs: '@media (min-width: 30rem) and (max-width: 47.99rem)';
-        readonly sm: '@media (min-width: 48rem) and (max-width: 63.99rem)';
-        readonly md: '@media (min-width: 64rem) and (max-width: 89.99rem)';
-        readonly lg: '@media (min-width: 90rem) and (max-width: 110.49rem)';
-        readonly xl: '@media (min-width: 110.5rem)';
-    };
-    below: {
-        readonly xs: '@media not all and (min-width: 30rem)';
-        readonly sm: '@media not all and (min-width: 48rem)';
-        readonly md: '@media not all and (min-width: 64rem)';
-        readonly lg: '@media not all and (min-width: 90rem)';
-        readonly xl: '@media not all and (min-width: 110.5rem)';
-    };
-};
-export { media } from './media';

package/dist/types-ts4.5/responsive/media.d.ts

@@ -1,25 +0,0 @@
-export declare const media: {
-    above: {
-        readonly xxs: "@media all";
-        readonly xs: "@media (min-width: 30rem)";
-        readonly sm: "@media (min-width: 48rem)";
-        readonly md: "@media (min-width: 64rem)";
-        readonly lg: "@media (min-width: 90rem)";
-        readonly xl: "@media (min-width: 110.5rem)";
-    };
-    only: {
-        readonly xxs: "@media (min-width: 0rem) and (max-width: 29.99rem)";
-        readonly xs: "@media (min-width: 30rem) and (max-width: 47.99rem)";
-        readonly sm: "@media (min-width: 48rem) and (max-width: 63.99rem)";
-        readonly md: "@media (min-width: 64rem) and (max-width: 89.99rem)";
-        readonly lg: "@media (min-width: 90rem) and (max-width: 110.49rem)";
-        readonly xl: "@media (min-width: 110.5rem)";
-    };
-    below: {
-        readonly xs: "@media not all and (min-width: 30rem)";
-        readonly sm: "@media not all and (min-width: 48rem)";
-        readonly md: "@media not all and (min-width: 64rem)";
-        readonly lg: "@media not all and (min-width: 90rem)";
-        readonly xl: "@media not all and (min-width: 110.5rem)";
-    };
-};

package/dist/types-ts4.5/responsive/show.d.ts

@@ -1,40 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactElement, type ReactNode } from 'react';
-import { type BasePrimitiveProps } from '../components/types';
-import type { Breakpoint } from './types';
-type As = 'article' | 'aside' | 'dialog' | 'div' | 'footer' | 'header' | 'li' | 'main' | 'nav' | 'ol' | 'section' | 'span' | 'ul';
-type ResponsiveShowProps = {
-    as?: As;
-    children: ReactNode;
-} & ({
-    above?: never;
-    /**
-     * Apply CSS to show this specifically **below** this breakpoint.
-     * The smallest breakpoint is not included as it would never be shown and this would not be performant.
-     *
-     * @important do not mix `above` and `below` (TypeScript should prevent this).
-     */
-    below: Exclude<Breakpoint, 'xxs'>;
-} | {
-    /**
-     * Apply CSS to show this specifically **above** this breakpoint.
-     * The smallest breakpoint is not included as it would always be shown and this would not be performant.
-     *
-     * @important do not mix `above` and `below` (TypeScript should prevent this).
-     */
-    above: Exclude<Breakpoint, 'xxs'>;
-    below?: never;
-}) & Pick<BasePrimitiveProps, 'xcss'>;
-/**
- * Shows the content at a given breakpoint.  By default, content is hidden.  The primary use case is for visual presentation.
- * Mix `<Show above="md">` with `<Hide above="md">` to achieve content that shifts at a breakpoint.
- *
- * Please note:
- * - This only uses `display: none` and `display: revert` to show/hide, it does not skip rendering of children trees.
- * - As this is rendered at all times, there is little performance savings here (just that this is not painted).
- */
-export declare const Show: ({ above, below, children, as: AsElement, xcss, }: ResponsiveShowProps) => ReactElement<ResponsiveShowProps>;
-export {};

package/dist/types-ts4.5/responsive/types.d.ts

@@ -1,32 +0,0 @@
-import { type SerializedStyles } from '@emotion/react';
-import type { media } from './media';
-/**
- * The breakpoints we have for responsiveness.
- */
-export type Breakpoint = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-/**
- * All supported media queries for use as keys, eg. in `xcss({ [MediaQuery]: { … } })`.
- *
- * TODO: Should this have `media.above.xxs`?  This is explicitly `@media all`, which I believe is just additional specificity (which could lead to some mistakes)
- */
-export type MediaQuery = (typeof media.above)[Breakpoint];
-/**
- * An object type mapping a value to each breakpoint (optionally).
- */
-export type ResponsiveObject<T> = Partial<Record<Breakpoint, T>>;
-/**
- * A map of breakpoints to CSS, commonly used to build maps given a responsive object
- * so we can statically compile CSS upfront, but dynamically apply it.
- *
- * @example Here we could conditionally load margins based a `setMarginBreakpoints={['xs', 'md']}` type prop.
- * ```tsx
- * const marginMediaQueries = {
- *   xxs: css({ [media.above.xxs]: margin: 0 } }),
- *   xs: css({ [media.above.xs]: margin: 4 } }),
- *   //…
- * }
- *
- * return <div css={setMarginBreakpoints.map(breakpoint => marginMediaQueries[breakpoint])} />
- * ```
- */
-export type ResponsiveCSSObject = ResponsiveObject<SerializedStyles>;

package/dist/types-ts4.5/responsive/unsafe-build-above-media-query-css.d.ts

@@ -1,33 +0,0 @@
-import { type CSSObject, type SerializedStyles } from '@emotion/react';
-import type { Breakpoint } from './types';
-/**
- * Build a map of breakpoints to css with media queries and nested styles.
- *
- * @internal Not intended to be used outside of DST at this stage.
- * @experimental Not intended to be used outside of DST at this stage.
- *
- * @example
- * A map to build optional `display:none` for consumption on a div.
- * ```ts
- * const hideMediaQueries = buildAboveMediaQueryCSS({ display: 'none' });
- *
- * const Component = ({ hideAtBreakpoints: ('xs' | 'sm')[], children: ReactNode }) => {
- *   return <div css={hideAtBreakpoints.map(b => hideMediaQueries[b])}>{children}</div>;
- * }
- * ```
- *
- * This roughly builds a map that will look roughly like this (if done manually):
- * ```ts
- * {
- *   xxs: css({ '@media all': { display: 'none' } }),
- *   xs: css({ '@media (min-width: 30rem)': { display: 'none' } }),
- *   sm: css({ '@media (min-width: 48rem)': { display: 'none' } }),
- * }
- * ```
- */
-export declare const UNSAFE_buildAboveMediaQueryCSS: (
-/**
- * The desired CSS to place inside of the media query.
- * This can either be a css object directly or functional with `breakpoint` as the arg to return a css object.
- */
-input: CSSObject | ((breakpoint: Breakpoint) => CSSObject)) => Required<Partial<Record<Breakpoint, SerializedStyles>>>;

package/dist/types-ts4.5/responsive/unsafe-build-below-media-query-css.d.ts

@@ -1,32 +0,0 @@
-import { type CSSObject, type SerializedStyles } from '@emotion/react';
-import type { Breakpoint } from './types';
-/**
- * Build a map of breakpoints to css with media queries and nested styles.
- *
- * @internal Not intended to be used outside of DST at this stage.
- * @experimental Not intended to be used outside of DST at this stage.
- *
- * @example
- * A map to build optional `display:none` for consumption on a div.
- * ```ts
- * const hideMediaQueries = buildBelowMediaQueryCSS({ display: 'none' });
- *
- * const Component = ({ hideAtBreakpoints: ('xs' | 'sm')[], children: ReactNode }) => {
- *   return <div css={hideAtBreakpoints.map(b => hideMediaQueries[b])}>{children}</div>;
- * }
- * ```
- *
- * This roughly builds a map that will look roughly like this (if done manually):
- * ```ts
- * {
- *   xs: css({ '@media not all and (min-width: 30rem)': { display: 'none' } }),
- *   sm: css({ '@media not all and (min-width: 48rem)': { display: 'none' } }),
- * }
- * ```
- */
-export declare const UNSAFE_buildBelowMediaQueryCSS: (
-/**
- * The desired CSS to place inside of the media query.
- * This can either be a css object directly or functional with `breakpoint` as the arg to return a css object.
- */
-input: CSSObject | ((breakpoint: Breakpoint) => CSSObject)) => Required<Partial<Record<Breakpoint, SerializedStyles>>>;

package/dist/types-ts4.5/responsive/use-media-query.d.ts

@@ -1,23 +0,0 @@
-import { UNSAFE_media } from './media-helper';
-type NestedQueryString = `above.${keyof typeof UNSAFE_media.above}` | `below.${keyof typeof UNSAFE_media.below}`;
-/**
- * A hook which returnes a `window.matchMedia` result to help you build responsively around breakpoints in JavaScript.
- *
- * The returning value **WILL NOT** update or react to change.  You can use `mq.matches` to get the latest version and you can use the optional listener argument to react to changes as desired.
- *
- * @important
- *  - This will always be `null` in SSR and the event listener should not fire on SSR => clientside hydration.
- *  - `above.xxs` will always be truthy, your listener should never fire.
- *
- * @experimental This hook only works on the client-side and is not safe in an SSR environment as `window` is unavailable (and the user's viewport would be unknown)
- *
- * @example
- * const mq = useMediaQuery('below.md', useCallback((event) => console.log('changed', event.matches)), []))
- * const isMobile = mq?.matches;
- *
- * @returns
- *  - `MediaQueryList`, primarily used to get if that media query is currently
- *  - `null` when `matchMedia` is unavailable, eg. in SSR.
- */
-export declare const UNSAFE_useMediaQuery: (queryString: NestedQueryString, listener?: (event: MediaQueryListEvent) => void) => MediaQueryList | null;
-export {};

package/dist/types-ts4.5/utils/has-text-ancestor-context.d.ts

@@ -1,9 +0,0 @@
-import { type Provider } from 'react';
-/**
- * @internal
- */
-export declare const useHasTextAncestor: () => boolean;
-/**
- * @internal
- */
-export declare const HasTextAncestorProvider: Provider<boolean>;

package/dist/types-ts4.5/utils/surface-context.d.ts

@@ -1,8 +0,0 @@
-import { type Context } from 'react';
-import type { BackgroundColorToken } from './types';
-/**
- * __Surface context__
- *
- * A surface context provides context information on the current background (if set).
- */
-export declare const SurfaceContext: Context<BackgroundColorToken>;

package/dist/types-ts4.5/utils/surface-provider.d.ts

@@ -1,10 +0,0 @@
-import type { BackgroundColorToken } from './types';
-/**
- * __useSurface__
- *
- * Return the current surface. If no parent sets a surface color it falls back to the default surface.
- *
- * @see SurfaceContext
- */
-export declare const useSurface: () => BackgroundColorToken;
-export { SurfaceContext } from './surface-context';

package/dist/types-ts4.5/utils/types.d.ts

@@ -1,6 +0,0 @@
-/**
- * A list of all of the SVG-ish elements from JSX.IntrinsicElements
- * as we typically want to remove these from allowed elements.
- */
-export type SVGElements = 'svg' | 'animate' | 'animateMotion' | 'animateTransform' | 'circle' | 'clipPath' | 'defs' | 'desc' | 'ellipse' | 'feBlend' | 'feColorMatrix' | 'feComponentTransfer' | 'feComposite' | 'feConvolveMatrix' | 'feDiffuseLighting' | 'feDisplacementMap' | 'feDistantLight' | 'feDropShadow' | 'feFlood' | 'feFuncA' | 'feFuncB' | 'feFuncG' | 'feFuncR' | 'feGaussianBlur' | 'feImage' | 'feMerge' | 'feMergeNode' | 'feMorphology' | 'feOffset' | 'fePointLight' | 'feSpecularLighting' | 'feSpotLight' | 'feTile' | 'feTurbulence' | 'filter' | 'foreignObject' | 'g' | 'image' | 'line' | 'linearGradient' | 'marker' | 'mask' | 'metadata' | 'mpath' | 'path' | 'pattern' | 'polygon' | 'polyline' | 'radialGradient' | 'rect' | 'stop' | 'switch' | 'symbol' | 'text' | 'textPath' | 'tspan' | 'use' | 'view';
-export type BackgroundColorToken = 'color.background.accent.lime.subtlest' | 'color.background.accent.lime.subtlest.hovered' | 'color.background.accent.lime.subtlest.pressed' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtler.hovered' | 'color.background.accent.lime.subtler.pressed' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.subtle.hovered' | 'color.background.accent.lime.subtle.pressed' | 'color.background.accent.lime.bolder' | 'color.background.accent.lime.bolder.hovered' | 'color.background.accent.lime.bolder.pressed' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtlest.hovered' | 'color.background.accent.red.subtlest.pressed' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtler.hovered' | 'color.background.accent.red.subtler.pressed' | 'color.background.accent.red.subtle' | 'color.background.accent.red.subtle.hovered' | 'color.background.accent.red.subtle.pressed' | 'color.background.accent.red.bolder' | 'color.background.accent.red.bolder.hovered' | 'color.background.accent.red.bolder.pressed' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtlest.hovered' | 'color.background.accent.orange.subtlest.pressed' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtler.hovered' | 'color.background.accent.orange.subtler.pressed' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.subtle.hovered' | 'color.background.accent.orange.subtle.pressed' | 'color.background.accent.orange.bolder' | 'color.background.accent.orange.bolder.hovered' | 'color.background.accent.orange.bolder.pressed' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtlest.hovered' | 'color.background.accent.yellow.subtlest.pressed' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtler.hovered' | 'color.background.accent.yellow.subtler.pressed' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.subtle.hovered' | 'color.background.accent.yellow.subtle.pressed' | 'color.background.accent.yellow.bolder' | 'color.background.accent.yellow.bolder.hovered' | 'color.background.accent.yellow.bolder.pressed' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtlest.hovered' | 'color.background.accent.green.subtlest.pressed' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtler.hovered' | 'color.background.accent.green.subtler.pressed' | 'color.background.accent.green.subtle' | 'color.background.accent.green.subtle.hovered' | 'color.background.accent.green.subtle.pressed' | 'color.background.accent.green.bolder' | 'color.background.accent.green.bolder.hovered' | 'color.background.accent.green.bolder.pressed' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtlest.hovered' | 'color.background.accent.teal.subtlest.pressed' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtler.hovered' | 'color.background.accent.teal.subtler.pressed' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.subtle.hovered' | 'color.background.accent.teal.subtle.pressed' | 'color.background.accent.teal.bolder' | 'color.background.accent.teal.bolder.hovered' | 'color.background.accent.teal.bolder.pressed' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtlest.hovered' | 'color.background.accent.blue.subtlest.pressed' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtler.hovered' | 'color.background.accent.blue.subtler.pressed' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.subtle.hovered' | 'color.background.accent.blue.subtle.pressed' | 'color.background.accent.blue.bolder' | 'color.background.accent.blue.bolder.hovered' | 'color.background.accent.blue.bolder.pressed' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtlest.hovered' | 'color.background.accent.purple.subtlest.pressed' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtler.hovered' | 'color.background.accent.purple.subtler.pressed' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.subtle.hovered' | 'color.background.accent.purple.subtle.pressed' | 'color.background.accent.purple.bolder' | 'color.background.accent.purple.bolder.hovered' | 'color.background.accent.purple.bolder.pressed' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtlest.hovered' | 'color.background.accent.magenta.subtlest.pressed' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtler.hovered' | 'color.background.accent.magenta.subtler.pressed' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.subtle.hovered' | 'color.background.accent.magenta.subtle.pressed' | 'color.background.accent.magenta.bolder' | 'color.background.accent.magenta.bolder.hovered' | 'color.background.accent.magenta.bolder.pressed' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtlest.hovered' | 'color.background.accent.gray.subtlest.pressed' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtler.hovered' | 'color.background.accent.gray.subtler.pressed' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.subtle.hovered' | 'color.background.accent.gray.subtle.pressed' | 'color.background.accent.gray.bolder' | 'color.background.accent.gray.bolder.hovered' | 'color.background.accent.gray.bolder.pressed' | 'color.background.disabled' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.brand.subtlest' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.subtler' | 'color.background.danger.subtler.hovered' | 'color.background.danger.subtler.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.subtler' | 'color.background.warning.subtler.hovered' | 'color.background.warning.subtler.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.subtler' | 'color.background.success.subtler.hovered' | 'color.background.success.subtler.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.subtler' | 'color.background.discovery.subtler.hovered' | 'color.background.discovery.subtler.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.subtler' | 'color.background.information.subtler.hovered' | 'color.background.information.subtler.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.skeleton' | 'color.skeleton.subtle' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.pressed' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'utility.elevation.surface.current';