@atlaskit/primitives 1.2.3 → 1.3.1

package/tmp/api-report-tmp.d.ts

@@ -10,7 +10,6 @@ import type * as CSS_2 from 'csstype';
 import type { CSSProperties } from 'react';
 import type { CSSPropertiesWithMultiValues } from '@emotion/serialize';
 import { ElementType } from 'react';
-import { FC } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { jsx } from '@emotion/react';
 import { MemoExoticComponent } from 'react';
@@ -66,6 +65,9 @@ const alignItemsMap_2: {
 // @public (undocumented)
 type AllMedia = '@media (prefers-color-scheme: dark)' | '@media (prefers-color-scheme: light)' | '@media (prefers-reduced-motion: reduce)' | '@media screen and (forced-colors: active), screen and (-ms-high-contrast: active)' | MediaQuery;
 
+// @public (undocumented)
+type AllowedElements = Exclude<keyof JSX.IntrinsicElements, SVGElements>;
+
 // @public (undocumented)
 type AtRulesWithoutMedia = Exclude<CSS_2.AtRules, '@media'>;
 
@@ -81,45 +83,125 @@ export type BackgroundColor = keyof typeof backgroundColorMap;
 // @public (undocumented)
 const backgroundColorMap: {
     readonly 'color.background.accent.lime.subtlest': "var(--ds-background-accent-lime-subtlest)";
+    readonly 'color.background.accent.lime.subtlest.hovered': "var(--ds-background-accent-lime-subtlest-hovered)";
+    readonly 'color.background.accent.lime.subtlest.pressed': "var(--ds-background-accent-lime-subtlest-pressed)";
     readonly 'color.background.accent.lime.subtler': "var(--ds-background-accent-lime-subtler)";
+    readonly 'color.background.accent.lime.subtler.hovered': "var(--ds-background-accent-lime-subtler-hovered)";
+    readonly 'color.background.accent.lime.subtler.pressed': "var(--ds-background-accent-lime-subtler-pressed)";
     readonly 'color.background.accent.lime.subtle': "var(--ds-background-accent-lime-subtle)";
+    readonly 'color.background.accent.lime.subtle.hovered': "var(--ds-background-accent-lime-subtle-hovered)";
+    readonly 'color.background.accent.lime.subtle.pressed': "var(--ds-background-accent-lime-subtle-pressed)";
     readonly 'color.background.accent.lime.bolder': "var(--ds-background-accent-lime-bolder)";
+    readonly 'color.background.accent.lime.bolder.hovered': "var(--ds-background-accent-lime-bolder-hovered)";
+    readonly 'color.background.accent.lime.bolder.pressed': "var(--ds-background-accent-lime-bolder-pressed)";
     readonly 'color.background.accent.red.subtlest': "var(--ds-background-accent-red-subtlest)";
+    readonly 'color.background.accent.red.subtlest.hovered': "var(--ds-background-accent-red-subtlest-hovered)";
+    readonly 'color.background.accent.red.subtlest.pressed': "var(--ds-background-accent-red-subtlest-pressed)";
     readonly 'color.background.accent.red.subtler': "var(--ds-background-accent-red-subtler)";
+    readonly 'color.background.accent.red.subtler.hovered': "var(--ds-background-accent-red-subtler-hovered)";
+    readonly 'color.background.accent.red.subtler.pressed': "var(--ds-background-accent-red-subtler-pressed)";
     readonly 'color.background.accent.red.subtle': "var(--ds-background-accent-red-subtle)";
+    readonly 'color.background.accent.red.subtle.hovered': "var(--ds-background-accent-red-subtle-hovered)";
+    readonly 'color.background.accent.red.subtle.pressed': "var(--ds-background-accent-red-subtle-pressed)";
     readonly 'color.background.accent.red.bolder': "var(--ds-background-accent-red-bolder)";
+    readonly 'color.background.accent.red.bolder.hovered': "var(--ds-background-accent-red-bolder-hovered)";
+    readonly 'color.background.accent.red.bolder.pressed': "var(--ds-background-accent-red-bolder-pressed)";
     readonly 'color.background.accent.orange.subtlest': "var(--ds-background-accent-orange-subtlest)";
+    readonly 'color.background.accent.orange.subtlest.hovered': "var(--ds-background-accent-orange-subtlest-hovered)";
+    readonly 'color.background.accent.orange.subtlest.pressed': "var(--ds-background-accent-orange-subtlest-pressed)";
     readonly 'color.background.accent.orange.subtler': "var(--ds-background-accent-orange-subtler)";
+    readonly 'color.background.accent.orange.subtler.hovered': "var(--ds-background-accent-orange-subtler-hovered)";
+    readonly 'color.background.accent.orange.subtler.pressed': "var(--ds-background-accent-orange-subtler-pressed)";
     readonly 'color.background.accent.orange.subtle': "var(--ds-background-accent-orange-subtle)";
+    readonly 'color.background.accent.orange.subtle.hovered': "var(--ds-background-accent-orange-subtle-hovered)";
+    readonly 'color.background.accent.orange.subtle.pressed': "var(--ds-background-accent-orange-subtle-pressed)";
     readonly 'color.background.accent.orange.bolder': "var(--ds-background-accent-orange-bolder)";
+    readonly 'color.background.accent.orange.bolder.hovered': "var(--ds-background-accent-orange-bolder-hovered)";
+    readonly 'color.background.accent.orange.bolder.pressed': "var(--ds-background-accent-orange-bolder-pressed)";
     readonly 'color.background.accent.yellow.subtlest': "var(--ds-background-accent-yellow-subtlest)";
+    readonly 'color.background.accent.yellow.subtlest.hovered': "var(--ds-background-accent-yellow-subtlest-hovered)";
+    readonly 'color.background.accent.yellow.subtlest.pressed': "var(--ds-background-accent-yellow-subtlest-pressed)";
     readonly 'color.background.accent.yellow.subtler': "var(--ds-background-accent-yellow-subtler)";
+    readonly 'color.background.accent.yellow.subtler.hovered': "var(--ds-background-accent-yellow-subtler-hovered)";
+    readonly 'color.background.accent.yellow.subtler.pressed': "var(--ds-background-accent-yellow-subtler-pressed)";
     readonly 'color.background.accent.yellow.subtle': "var(--ds-background-accent-yellow-subtle)";
+    readonly 'color.background.accent.yellow.subtle.hovered': "var(--ds-background-accent-yellow-subtle-hovered)";
+    readonly 'color.background.accent.yellow.subtle.pressed': "var(--ds-background-accent-yellow-subtle-pressed)";
     readonly 'color.background.accent.yellow.bolder': "var(--ds-background-accent-yellow-bolder)";
+    readonly 'color.background.accent.yellow.bolder.hovered': "var(--ds-background-accent-yellow-bolder-hovered)";
+    readonly 'color.background.accent.yellow.bolder.pressed': "var(--ds-background-accent-yellow-bolder-pressed)";
     readonly 'color.background.accent.green.subtlest': "var(--ds-background-accent-green-subtlest)";
+    readonly 'color.background.accent.green.subtlest.hovered': "var(--ds-background-accent-green-subtlest-hovered)";
+    readonly 'color.background.accent.green.subtlest.pressed': "var(--ds-background-accent-green-subtlest-pressed)";
     readonly 'color.background.accent.green.subtler': "var(--ds-background-accent-green-subtler)";
+    readonly 'color.background.accent.green.subtler.hovered': "var(--ds-background-accent-green-subtler-hovered)";
+    readonly 'color.background.accent.green.subtler.pressed': "var(--ds-background-accent-green-subtler-pressed)";
     readonly 'color.background.accent.green.subtle': "var(--ds-background-accent-green-subtle)";
+    readonly 'color.background.accent.green.subtle.hovered': "var(--ds-background-accent-green-subtle-hovered)";
+    readonly 'color.background.accent.green.subtle.pressed': "var(--ds-background-accent-green-subtle-pressed)";
     readonly 'color.background.accent.green.bolder': "var(--ds-background-accent-green-bolder)";
+    readonly 'color.background.accent.green.bolder.hovered': "var(--ds-background-accent-green-bolder-hovered)";
+    readonly 'color.background.accent.green.bolder.pressed': "var(--ds-background-accent-green-bolder-pressed)";
     readonly 'color.background.accent.teal.subtlest': "var(--ds-background-accent-teal-subtlest)";
+    readonly 'color.background.accent.teal.subtlest.hovered': "var(--ds-background-accent-teal-subtlest-hovered)";
+    readonly 'color.background.accent.teal.subtlest.pressed': "var(--ds-background-accent-teal-subtlest-pressed)";
     readonly 'color.background.accent.teal.subtler': "var(--ds-background-accent-teal-subtler)";
+    readonly 'color.background.accent.teal.subtler.hovered': "var(--ds-background-accent-teal-subtler-hovered)";
+    readonly 'color.background.accent.teal.subtler.pressed': "var(--ds-background-accent-teal-subtler-pressed)";
     readonly 'color.background.accent.teal.subtle': "var(--ds-background-accent-teal-subtle)";
+    readonly 'color.background.accent.teal.subtle.hovered': "var(--ds-background-accent-teal-subtle-hovered)";
+    readonly 'color.background.accent.teal.subtle.pressed': "var(--ds-background-accent-teal-subtle-pressed)";
     readonly 'color.background.accent.teal.bolder': "var(--ds-background-accent-teal-bolder)";
+    readonly 'color.background.accent.teal.bolder.hovered': "var(--ds-background-accent-teal-bolder-hovered)";
+    readonly 'color.background.accent.teal.bolder.pressed': "var(--ds-background-accent-teal-bolder-pressed)";
     readonly 'color.background.accent.blue.subtlest': "var(--ds-background-accent-blue-subtlest)";
+    readonly 'color.background.accent.blue.subtlest.hovered': "var(--ds-background-accent-blue-subtlest-hovered)";
+    readonly 'color.background.accent.blue.subtlest.pressed': "var(--ds-background-accent-blue-subtlest-pressed)";
     readonly 'color.background.accent.blue.subtler': "var(--ds-background-accent-blue-subtler)";
+    readonly 'color.background.accent.blue.subtler.hovered': "var(--ds-background-accent-blue-subtler-hovered)";
+    readonly 'color.background.accent.blue.subtler.pressed': "var(--ds-background-accent-blue-subtler-pressed)";
     readonly 'color.background.accent.blue.subtle': "var(--ds-background-accent-blue-subtle)";
+    readonly 'color.background.accent.blue.subtle.hovered': "var(--ds-background-accent-blue-subtle-hovered)";
+    readonly 'color.background.accent.blue.subtle.pressed': "var(--ds-background-accent-blue-subtle-pressed)";
     readonly 'color.background.accent.blue.bolder': "var(--ds-background-accent-blue-bolder)";
+    readonly 'color.background.accent.blue.bolder.hovered': "var(--ds-background-accent-blue-bolder-hovered)";
+    readonly 'color.background.accent.blue.bolder.pressed': "var(--ds-background-accent-blue-bolder-pressed)";
     readonly 'color.background.accent.purple.subtlest': "var(--ds-background-accent-purple-subtlest)";
+    readonly 'color.background.accent.purple.subtlest.hovered': "var(--ds-background-accent-purple-subtlest-hovered)";
+    readonly 'color.background.accent.purple.subtlest.pressed': "var(--ds-background-accent-purple-subtlest-pressed)";
     readonly 'color.background.accent.purple.subtler': "var(--ds-background-accent-purple-subtler)";
+    readonly 'color.background.accent.purple.subtler.hovered': "var(--ds-background-accent-purple-subtler-hovered)";
+    readonly 'color.background.accent.purple.subtler.pressed': "var(--ds-background-accent-purple-subtler-pressed)";
     readonly 'color.background.accent.purple.subtle': "var(--ds-background-accent-purple-subtle)";
+    readonly 'color.background.accent.purple.subtle.hovered': "var(--ds-background-accent-purple-subtle-hovered)";
+    readonly 'color.background.accent.purple.subtle.pressed': "var(--ds-background-accent-purple-subtle-pressed)";
     readonly 'color.background.accent.purple.bolder': "var(--ds-background-accent-purple-bolder)";
+    readonly 'color.background.accent.purple.bolder.hovered': "var(--ds-background-accent-purple-bolder-hovered)";
+    readonly 'color.background.accent.purple.bolder.pressed': "var(--ds-background-accent-purple-bolder-pressed)";
     readonly 'color.background.accent.magenta.subtlest': "var(--ds-background-accent-magenta-subtlest)";
+    readonly 'color.background.accent.magenta.subtlest.hovered': "var(--ds-background-accent-magenta-subtlest-hovered)";
+    readonly 'color.background.accent.magenta.subtlest.pressed': "var(--ds-background-accent-magenta-subtlest-pressed)";
     readonly 'color.background.accent.magenta.subtler': "var(--ds-background-accent-magenta-subtler)";
+    readonly 'color.background.accent.magenta.subtler.hovered': "var(--ds-background-accent-magenta-subtler-hovered)";
+    readonly 'color.background.accent.magenta.subtler.pressed': "var(--ds-background-accent-magenta-subtler-pressed)";
     readonly 'color.background.accent.magenta.subtle': "var(--ds-background-accent-magenta-subtle)";
+    readonly 'color.background.accent.magenta.subtle.hovered': "var(--ds-background-accent-magenta-subtle-hovered)";
+    readonly 'color.background.accent.magenta.subtle.pressed': "var(--ds-background-accent-magenta-subtle-pressed)";
     readonly 'color.background.accent.magenta.bolder': "var(--ds-background-accent-magenta-bolder)";
+    readonly 'color.background.accent.magenta.bolder.hovered': "var(--ds-background-accent-magenta-bolder-hovered)";
+    readonly 'color.background.accent.magenta.bolder.pressed': "var(--ds-background-accent-magenta-bolder-pressed)";
     readonly 'color.background.accent.gray.subtlest': "var(--ds-background-accent-gray-subtlest)";
+    readonly 'color.background.accent.gray.subtlest.hovered': "var(--ds-background-accent-gray-subtlest-hovered)";
+    readonly 'color.background.accent.gray.subtlest.pressed': "var(--ds-background-accent-gray-subtlest-pressed)";
     readonly 'color.background.accent.gray.subtler': "var(--ds-background-accent-gray-subtler)";
+    readonly 'color.background.accent.gray.subtler.hovered': "var(--ds-background-accent-gray-subtler-hovered)";
+    readonly 'color.background.accent.gray.subtler.pressed': "var(--ds-background-accent-gray-subtler-pressed)";
     readonly 'color.background.accent.gray.subtle': "var(--ds-background-accent-gray-subtle)";
+    readonly 'color.background.accent.gray.subtle.hovered': "var(--ds-background-accent-gray-subtle-hovered)";
+    readonly 'color.background.accent.gray.subtle.pressed': "var(--ds-background-accent-gray-subtle-pressed)";
     readonly 'color.background.accent.gray.bolder': "var(--ds-background-accent-gray-bolder)";
+    readonly 'color.background.accent.gray.bolder.hovered': "var(--ds-background-accent-gray-bolder-hovered)";
+    readonly 'color.background.accent.gray.bolder.pressed': "var(--ds-background-accent-gray-bolder-pressed)";
     readonly 'color.background.disabled': "var(--ds-background-disabled)";
     readonly 'color.background.input': "var(--ds-background-input)";
     readonly 'color.background.input.hovered': "var(--ds-background-input-hovered)";
@@ -197,7 +279,7 @@ const backgroundColorMap: {
 };
 
 // @public (undocumented)
-type BaseBoxPropsFoundation<T extends ElementType> = {
+type BaseBoxProps<T extends CustomElementType> = {
     as?: T;
     children?: ReactNode;
     backgroundColor?: BackgroundColor;
@@ -289,10 +371,10 @@ const borderWidthMap: {
 export const Box: BoxComponent;
 
 // @public (undocumented)
-type BoxComponent<T extends ElementType = 'div'> = (<T extends ElementType>(props: BoxProps<T>) => ReactElement | null) & FC<BoxProps<T>>;
+type BoxComponent = <T extends CustomElementType>(props: BoxProps<T>) => ReactElement | null;
 
 // @public (undocumented)
-export type BoxProps<T extends ElementType> = Omit<ComponentPropsWithoutRef<T>, 'as' | 'className'> & BasePrimitiveProps & BaseBoxPropsFoundation<T>;
+export type BoxProps<T extends CustomElementType> = Omit<ComponentPropsWithoutRef<T>, 'as' | 'className'> & BasePrimitiveProps & BaseBoxProps<T>;
 
 // @public
 export type Breakpoint = 'lg' | 'md' | 'sm' | 'xl' | 'xs' | 'xxs';
@@ -312,6 +394,11 @@ type CSSPseudos = {
     [Pseudo in CSS_2.Pseudos]?: Omit<SafeCSSObject, AllMedia | CSS_2.Pseudos>;
 };
 
+// @public (undocumented)
+type CustomElementType<P = any> = {
+    [K in AllowedElements]: P extends JSX.IntrinsicElements[K] ? K : never;
+}[AllowedElements];
+
 // @public (undocumented)
 export type Dimension = keyof typeof dimensionMap;
 
@@ -586,6 +673,9 @@ export type StackProps<T extends ElementType = 'div'> = {
     ref?: React.ComponentPropsWithRef<T>['ref'];
 } & BasePrimitiveProps;
 
+// @public (undocumented)
+type SVGElements = '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' | 'svg' | 'switch' | 'symbol' | 'text' | 'textPath' | 'tspan' | 'use' | 'view';
+
 // @public (undocumented)
 export type TextColor = keyof typeof textColorMap;
 

package/dist/cjs/components/internal/base-box.js

@@ -1,61 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.BaseBox = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _styleMaps = require("../../xcss/style-maps.partial");
-var _excluded = ["as", "className", "children", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "style", "testId"];
-/* eslint-disable @repo/internal/styles/no-exported-styles */
-/** @jsx jsx */
-// Without this type annotation on Box we don't get autocomplete for props due to forwardRef types
-
-/**
- * __Box__
- *
- * Box is a primitive component that has the design decisions of the Atlassian Design System baked in.
- * Renders a `div` by default.
- *
- * @internal
- */
-var BaseBox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var as = _ref.as,
-    className = _ref.className,
-    children = _ref.children,
-    backgroundColor = _ref.backgroundColor,
-    padding = _ref.padding,
-    paddingBlock = _ref.paddingBlock,
-    paddingBlockStart = _ref.paddingBlockStart,
-    paddingBlockEnd = _ref.paddingBlockEnd,
-    paddingInline = _ref.paddingInline,
-    paddingInlineStart = _ref.paddingInlineStart,
-    paddingInlineEnd = _ref.paddingInlineEnd,
-    style = _ref.style,
-    testId = _ref.testId,
-    htmlAttributes = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var Component = as || 'div';
-  var node = (0, _react2.jsx)(Component, (0, _extends2.default)({
-    style: style,
-    ref: ref
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  }, htmlAttributes, {
-    className: className,
-    css: [baseStyles, backgroundColor && _styleMaps.backgroundColorStylesMap[backgroundColor], padding && _styleMaps.paddingStylesMap.padding[padding], paddingBlock && _styleMaps.paddingStylesMap.paddingBlock[paddingBlock], paddingBlockStart && _styleMaps.paddingStylesMap.paddingBlockStart[paddingBlockStart], paddingBlockEnd && _styleMaps.paddingStylesMap.paddingBlockEnd[paddingBlockEnd], paddingInline && _styleMaps.paddingStylesMap.paddingInline[paddingInline], paddingInlineStart && _styleMaps.paddingStylesMap.paddingInlineStart[paddingInlineStart], paddingInlineEnd && _styleMaps.paddingStylesMap.paddingInlineEnd[paddingInlineEnd]],
-    "data-testid": testId
-  }), children);
-  return node;
-});
-exports.BaseBox = BaseBox;
-BaseBox.displayName = 'BaseBox';
-var _default = BaseBox;
-exports.default = _default;
-var baseStyles = (0, _react2.css)({
-  boxSizing: 'border-box',
-  appearance: 'none',
-  border: 'none'
-});

package/dist/es2019/components/internal/base-box.js

@@ -1,52 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/* eslint-disable @repo/internal/styles/no-exported-styles */
-/** @jsx jsx */
-import { forwardRef } from 'react';
-import { css, jsx } from '@emotion/react';
-import { backgroundColorStylesMap, paddingStylesMap } from '../../xcss/style-maps.partial';
-
-// Without this type annotation on Box we don't get autocomplete for props due to forwardRef types
-
-/**
- * __Box__
- *
- * Box is a primitive component that has the design decisions of the Atlassian Design System baked in.
- * Renders a `div` by default.
- *
- * @internal
- */
-export const BaseBox = /*#__PURE__*/forwardRef(({
-  as,
-  className,
-  children,
-  backgroundColor,
-  padding,
-  paddingBlock,
-  paddingBlockStart,
-  paddingBlockEnd,
-  paddingInline,
-  paddingInlineStart,
-  paddingInlineEnd,
-  style,
-  testId,
-  ...htmlAttributes
-}, ref) => {
-  const Component = as || 'div';
-  const node = jsx(Component, _extends({
-    style: style,
-    ref: ref
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  }, htmlAttributes, {
-    className: className,
-    css: [baseStyles, backgroundColor && backgroundColorStylesMap[backgroundColor], padding && paddingStylesMap.padding[padding], paddingBlock && paddingStylesMap.paddingBlock[paddingBlock], paddingBlockStart && paddingStylesMap.paddingBlockStart[paddingBlockStart], paddingBlockEnd && paddingStylesMap.paddingBlockEnd[paddingBlockEnd], paddingInline && paddingStylesMap.paddingInline[paddingInline], paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart], paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd]],
-    "data-testid": testId
-  }), children);
-  return node;
-});
-BaseBox.displayName = 'BaseBox';
-export default BaseBox;
-const baseStyles = css({
-  boxSizing: 'border-box',
-  appearance: 'none',
-  border: 'none'
-});

package/dist/esm/components/internal/base-box.js

@@ -1,53 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "className", "children", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "style", "testId"];
-/* eslint-disable @repo/internal/styles/no-exported-styles */
-/** @jsx jsx */
-import { forwardRef } from 'react';
-import { css, jsx } from '@emotion/react';
-import { backgroundColorStylesMap, paddingStylesMap } from '../../xcss/style-maps.partial';
-
-// Without this type annotation on Box we don't get autocomplete for props due to forwardRef types
-
-/**
- * __Box__
- *
- * Box is a primitive component that has the design decisions of the Atlassian Design System baked in.
- * Renders a `div` by default.
- *
- * @internal
- */
-export var BaseBox = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var as = _ref.as,
-    className = _ref.className,
-    children = _ref.children,
-    backgroundColor = _ref.backgroundColor,
-    padding = _ref.padding,
-    paddingBlock = _ref.paddingBlock,
-    paddingBlockStart = _ref.paddingBlockStart,
-    paddingBlockEnd = _ref.paddingBlockEnd,
-    paddingInline = _ref.paddingInline,
-    paddingInlineStart = _ref.paddingInlineStart,
-    paddingInlineEnd = _ref.paddingInlineEnd,
-    style = _ref.style,
-    testId = _ref.testId,
-    htmlAttributes = _objectWithoutProperties(_ref, _excluded);
-  var Component = as || 'div';
-  var node = jsx(Component, _extends({
-    style: style,
-    ref: ref
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  }, htmlAttributes, {
-    className: className,
-    css: [baseStyles, backgroundColor && backgroundColorStylesMap[backgroundColor], padding && paddingStylesMap.padding[padding], paddingBlock && paddingStylesMap.paddingBlock[paddingBlock], paddingBlockStart && paddingStylesMap.paddingBlockStart[paddingBlockStart], paddingBlockEnd && paddingStylesMap.paddingBlockEnd[paddingBlockEnd], paddingInline && paddingStylesMap.paddingInline[paddingInline], paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart], paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd]],
-    "data-testid": testId
-  }), children);
-  return node;
-});
-BaseBox.displayName = 'BaseBox';
-export default BaseBox;
-var baseStyles = css({
-  boxSizing: 'border-box',
-  appearance: 'none',
-  border: 'none'
-});

package/dist/types/components/internal/base-box.d.ts

@@ -1,85 +0,0 @@
-/** @jsx jsx */
-import { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType, FC, ReactElement, ReactNode } from 'react';
-import { BackgroundColor, type Space } from '../../xcss/style-maps.partial';
-import type { BasePrimitiveProps } from '../types';
-export type BaseBoxProps<T extends ElementType> = Omit<ComponentPropsWithoutRef<T>, 'as' | 'className'> & BasePrimitiveProps & BaseBoxPropsFoundation<T> & ClassName;
-type ClassName = {
-    /**
-     * The HTML className attribute.
-     *
-     * Before using this prop please ensure:
-     * - The styles cannot otherwise be achieved through `Box` directly.
-     * - The use case needs custom styles that cannot be designed or implemented differently
-     *
-     * Ensure you're using the `@atlaskit/eslint-plugin-design-system` with this prop to prevent unbounded usage.
-     *
-     * @see `@atlaskit/eslint-plugin-design-system`
-     */
-    className?: string;
-};
-export type BaseBoxPropsFoundation<T extends ElementType> = {
-    /**
-     * The DOM element to render as the Box. Defaults to `div`.
-     */
-    as?: T;
-    /**
-     * Elements to be rendered inside the Box.
-     */
-    children?: ReactNode;
-    /**
-     * Token representing background color with a built-in fallback value.
-     */
-    backgroundColor?: BackgroundColor;
-    /**
-     * Tokens representing CSS shorthand for `paddingBlock` and `paddingInline` together.
-     *
-     * @see paddingBlock
-     * @see paddingInline
-     */
-    padding?: Space;
-    /**
-     * Tokens representing CSS shorthand `paddingBlock`.
-     *
-     * @see paddingBlockStart
-     * @see paddingBlockEnd
-     */
-    paddingBlock?: Space;
-    /**
-     * Tokens representing CSS `paddingBlockStart`.
-     */
-    paddingBlockStart?: Space;
-    /**
-     * Tokens representing CSS `paddingBlockEnd`.
-     */
-    paddingBlockEnd?: Space;
-    /**
-     * Tokens representing CSS shorthand `paddingInline`.
-     *
-     * @see paddingInlineStart
-     * @see paddingInlineEnd
-     */
-    paddingInline?: Space;
-    /**
-     * Tokens representing CSS `paddingInlineStart`.
-     */
-    paddingInlineStart?: Space;
-    /**
-     * Tokens representing CSS `paddingInlineEnd`.
-     */
-    paddingInlineEnd?: Space;
-    /**
-     * Forwarded ref element
-     */
-    ref?: ComponentPropsWithRef<T>['ref'];
-};
-export type BaseBoxComponent<T extends ElementType = 'div'> = (<T extends ElementType>(props: BaseBoxProps<T>) => ReactElement | null) & FC<BaseBoxProps<T>>;
-/**
- * __Box__
- *
- * Box is a primitive component that has the design decisions of the Atlassian Design System baked in.
- * Renders a `div` by default.
- *
- * @internal
- */
-export declare const BaseBox: BaseBoxComponent;
-export default BaseBox;

package/dist/types-ts4.5/components/internal/base-box.d.ts

@@ -1,85 +0,0 @@
-/** @jsx jsx */
-import { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType, FC, ReactElement, ReactNode } from 'react';
-import { BackgroundColor, type Space } from '../../xcss/style-maps.partial';
-import type { BasePrimitiveProps } from '../types';
-export type BaseBoxProps<T extends ElementType> = Omit<ComponentPropsWithoutRef<T>, 'as' | 'className'> & BasePrimitiveProps & BaseBoxPropsFoundation<T> & ClassName;
-type ClassName = {
-    /**
-     * The HTML className attribute.
-     *
-     * Before using this prop please ensure:
-     * - The styles cannot otherwise be achieved through `Box` directly.
-     * - The use case needs custom styles that cannot be designed or implemented differently
-     *
-     * Ensure you're using the `@atlaskit/eslint-plugin-design-system` with this prop to prevent unbounded usage.
-     *
-     * @see `@atlaskit/eslint-plugin-design-system`
-     */
-    className?: string;
-};
-export type BaseBoxPropsFoundation<T extends ElementType> = {
-    /**
-     * The DOM element to render as the Box. Defaults to `div`.
-     */
-    as?: T;
-    /**
-     * Elements to be rendered inside the Box.
-     */
-    children?: ReactNode;
-    /**
-     * Token representing background color with a built-in fallback value.
-     */
-    backgroundColor?: BackgroundColor;
-    /**
-     * Tokens representing CSS shorthand for `paddingBlock` and `paddingInline` together.
-     *
-     * @see paddingBlock
-     * @see paddingInline
-     */
-    padding?: Space;
-    /**
-     * Tokens representing CSS shorthand `paddingBlock`.
-     *
-     * @see paddingBlockStart
-     * @see paddingBlockEnd
-     */
-    paddingBlock?: Space;
-    /**
-     * Tokens representing CSS `paddingBlockStart`.
-     */
-    paddingBlockStart?: Space;
-    /**
-     * Tokens representing CSS `paddingBlockEnd`.
-     */
-    paddingBlockEnd?: Space;
-    /**
-     * Tokens representing CSS shorthand `paddingInline`.
-     *
-     * @see paddingInlineStart
-     * @see paddingInlineEnd
-     */
-    paddingInline?: Space;
-    /**
-     * Tokens representing CSS `paddingInlineStart`.
-     */
-    paddingInlineStart?: Space;
-    /**
-     * Tokens representing CSS `paddingInlineEnd`.
-     */
-    paddingInlineEnd?: Space;
-    /**
-     * Forwarded ref element
-     */
-    ref?: ComponentPropsWithRef<T>['ref'];
-};
-export type BaseBoxComponent<T extends ElementType = 'div'> = (<T extends ElementType>(props: BaseBoxProps<T>) => ReactElement | null) & FC<BaseBoxProps<T>>;
-/**
- * __Box__
- *
- * Box is a primitive component that has the design decisions of the Atlassian Design System baked in.
- * Renders a `div` by default.
- *
- * @internal
- */
-export declare const BaseBox: BaseBoxComponent;
-export default BaseBox;