@atlaskit/ds-explorations 0.1.4 → 1.0.0

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

@@ -0,0 +1,583 @@
+## API Report File for "@atlaskit/ds-explorations"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
+import type { CSSProperties } from 'react';
+import { ElementType } from 'react';
+import { FC } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { jsx } from '@emotion/react';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+import { SerializedStyles } from '@emotion/react';
+
+// @public (undocumented)
+const asAllowlist: readonly ["span", "div", "p"];
+
+// @public (undocumented)
+type AsElement = typeof asAllowlist[number];
+
+// @public (undocumented)
+type BackgroundColor = keyof typeof backgroundColorMap;
+
+// @public (undocumented)
+const backgroundColorMap: {
+    disabled: SerializedStyles;
+    'inverse.subtle': SerializedStyles;
+    input: SerializedStyles;
+    neutral: SerializedStyles;
+    'neutral.subtle': SerializedStyles;
+    'neutral.bold': SerializedStyles;
+    'brand.bold': SerializedStyles;
+    selected: SerializedStyles;
+    'selected.bold': SerializedStyles;
+    danger: SerializedStyles;
+    'danger.bold': SerializedStyles;
+    warning: SerializedStyles;
+    'warning.bold': SerializedStyles;
+    success: SerializedStyles;
+    'success.bold': SerializedStyles;
+    discovery: SerializedStyles;
+    'discovery.bold': SerializedStyles;
+    information: SerializedStyles;
+    'information.bold': SerializedStyles;
+    'color.blanket': SerializedStyles;
+    'color.blanket.selected': SerializedStyles;
+    'color.blanket.danger': SerializedStyles;
+    'elevation.surface': SerializedStyles;
+    'elevation.surface.sunken': SerializedStyles;
+    'elevation.surface.raised': SerializedStyles;
+    'elevation.surface.overlay': SerializedStyles;
+};
+
+// @public (undocumented)
+const backgroundHoverColorMap: {
+    'inverse.subtle': SerializedStyles;
+    input: SerializedStyles;
+    neutral: SerializedStyles;
+    'neutral.subtle': SerializedStyles;
+    'neutral.bold': SerializedStyles;
+    'brand.bold': SerializedStyles;
+    selected: SerializedStyles;
+    'selected.bold': SerializedStyles;
+    danger: SerializedStyles;
+    'danger.bold': SerializedStyles;
+    warning: SerializedStyles;
+    'warning.bold': SerializedStyles;
+    success: SerializedStyles;
+    'success.bold': SerializedStyles;
+    discovery: SerializedStyles;
+    'discovery.bold': SerializedStyles;
+    information: SerializedStyles;
+    'information.bold': SerializedStyles;
+    'elevation.surface': SerializedStyles;
+    'elevation.surface.raised': SerializedStyles;
+    'elevation.surface.overlay': SerializedStyles;
+};
+
+// @public (undocumented)
+interface BasePrimitiveProps {
+    testId?: string;
+    UNSAFE_style?: CSSProperties;
+}
+
+// @public (undocumented)
+type BorderColor = keyof typeof borderColorMap;
+
+// @public
+const borderColorMap: {
+    'color.border': SerializedStyles;
+    bold: SerializedStyles;
+    inverse: SerializedStyles;
+    focused: SerializedStyles;
+    input: SerializedStyles;
+    disabled: SerializedStyles;
+    brand: SerializedStyles;
+    selected: SerializedStyles;
+    danger: SerializedStyles;
+    warning: SerializedStyles;
+    success: SerializedStyles;
+    discovery: SerializedStyles;
+    information: SerializedStyles;
+};
+
+// @public (undocumented)
+type BorderRadius = keyof typeof borderRadiusMap;
+
+// @public (undocumented)
+const borderRadiusMap: {
+    normal: SerializedStyles;
+    rounded: SerializedStyles;
+    badge: SerializedStyles;
+};
+
+// @public (undocumented)
+type BorderStyle = keyof typeof borderStyleMap;
+
+// @public (undocumented)
+const borderStyleMap: {
+    none: SerializedStyles;
+    solid: SerializedStyles;
+    dashed: SerializedStyles;
+    dotted: SerializedStyles;
+};
+
+// @public (undocumented)
+type BorderWidth = keyof typeof borderWidthMap;
+
+// @public (undocumented)
+const borderWidthMap: {
+    '0px': SerializedStyles;
+    '1px': SerializedStyles;
+    '2px': SerializedStyles;
+    '3px': SerializedStyles;
+};
+
+// @public (undocumented)
+type BoxComponent<T extends ElementType = 'div'> = (<T extends ElementType = 'div'>(props: UNSAFE_BoxProps<T>) => ReactElement | null) & FC<UNSAFE_BoxProps<T>>;
+
+// @public (undocumented)
+type BoxPropsBase<T extends ElementType> = {
+    as?: T;
+    children?: NonTextChildren | boolean | null;
+    className?: string;
+    backgroundColor?: BackgroundColor;
+    borderStyle?: BorderStyle;
+    borderWidth?: BorderWidth;
+    borderColor?: BorderColor;
+    borderRadius?: BorderRadius;
+    flexDirection?: FlexDirection;
+    alignItems?: FlexAlignItems;
+    justifyContent?: FlexJustifyContent;
+    overflow?: Overflow;
+    padding?: Padding;
+    paddingBlock?: PaddingBlock;
+    paddingInline?: PaddingInline;
+    width?: Width;
+    height?: Height;
+    display?: Display;
+    position?: Position;
+    ref?: ComponentPropsWithRef<T>['ref'];
+};
+
+// @public (undocumented)
+type ColumnGap = keyof typeof columnGapMap;
+
+// @public
+const columnGapMap: {
+    'scale.0': SerializedStyles;
+    'scale.025': SerializedStyles;
+    'scale.050': SerializedStyles;
+    'scale.075': SerializedStyles;
+    'scale.100': SerializedStyles;
+    'scale.150': SerializedStyles;
+    'scale.200': SerializedStyles;
+    'scale.250': SerializedStyles;
+    'scale.300': SerializedStyles;
+    'scale.400': SerializedStyles;
+    'scale.500': SerializedStyles;
+    'scale.600': SerializedStyles;
+};
+
+// @public (undocumented)
+type Display = keyof typeof displayMap;
+
+// @public (undocumented)
+const displayMap: {
+    block: SerializedStyles;
+    inline: SerializedStyles;
+    flex: SerializedStyles;
+    inlineFlex: SerializedStyles;
+};
+
+// @public (undocumented)
+type FlexAlignItems = keyof typeof flexAlignItemsMap;
+
+// @public (undocumented)
+type FlexAlignItems_2 = keyof typeof flexAlignItemsMap_2;
+
+// @public (undocumented)
+type FlexAlignItems_3 = keyof typeof flexAlignItemsMap_3;
+
+// @public (undocumented)
+const flexAlignItemsMap: {
+    center: SerializedStyles;
+    baseline: SerializedStyles;
+    flexStart: SerializedStyles;
+    flexEnd: SerializedStyles;
+};
+
+// @public (undocumented)
+const flexAlignItemsMap_2: {
+    center: SerializedStyles;
+    baseline: SerializedStyles;
+    flexStart: SerializedStyles;
+    flexEnd: SerializedStyles;
+    start: SerializedStyles;
+    end: SerializedStyles;
+};
+
+// @public (undocumented)
+const flexAlignItemsMap_3: {
+    center: SerializedStyles;
+    baseline: SerializedStyles;
+    flexStart: SerializedStyles;
+    flexEnd: SerializedStyles;
+    start: SerializedStyles;
+    end: SerializedStyles;
+};
+
+// @public (undocumented)
+type FlexDirection = keyof typeof flexDirectionMap;
+
+// @public (undocumented)
+const flexDirectionMap: {
+    column: SerializedStyles;
+    row: SerializedStyles;
+};
+
+// @public (undocumented)
+type FlexJustifyContent = keyof typeof flexJustifyContentMap;
+
+// @public (undocumented)
+type FlexJustifyContent_2 = keyof typeof flexJustifyContentMap_2;
+
+// @public (undocumented)
+type FlexJustifyContent_3 = keyof typeof flexJustifyContentMap_3;
+
+// @public (undocumented)
+const flexJustifyContentMap: {
+    center: SerializedStyles;
+    flexStart: SerializedStyles;
+    flexEnd: SerializedStyles;
+};
+
+// @public (undocumented)
+const flexJustifyContentMap_2: {
+    center: SerializedStyles;
+    flexStart: SerializedStyles;
+    flexEnd: SerializedStyles;
+    start: SerializedStyles;
+    end: SerializedStyles;
+};
+
+// @public (undocumented)
+const flexJustifyContentMap_3: {
+    center: SerializedStyles;
+    flexStart: SerializedStyles;
+    flexEnd: SerializedStyles;
+    start: SerializedStyles;
+    end: SerializedStyles;
+};
+
+// @public (undocumented)
+type FlexWrap = keyof typeof flexWrapMap;
+
+// @public (undocumented)
+type FlexWrap_2 = keyof typeof flexWrapMap_2;
+
+// @public (undocumented)
+const flexWrapMap: {
+    wrap: SerializedStyles;
+};
+
+// @public (undocumented)
+const flexWrapMap_2: {
+    wrap: SerializedStyles;
+};
+
+// @public (undocumented)
+type FontSize = keyof typeof fontSizeMap;
+
+// @public (undocumented)
+const fontSizeMap: {
+    '11px': SerializedStyles;
+    '12px': SerializedStyles;
+    '14px': SerializedStyles;
+};
+
+// @public (undocumented)
+type FontWeight = keyof typeof fontWeightMap;
+
+// @public (undocumented)
+const fontWeightMap: {
+    '400': SerializedStyles;
+    '500': SerializedStyles;
+    '600': SerializedStyles;
+    '700': SerializedStyles;
+};
+
+// @public (undocumented)
+type Height = keyof typeof heightMap;
+
+// @public (undocumented)
+const heightMap: {
+    'scale.0': SerializedStyles;
+    'scale.025': SerializedStyles;
+    'scale.050': SerializedStyles;
+    'scale.075': SerializedStyles;
+    'scale.100': SerializedStyles;
+    'scale.150': SerializedStyles;
+    'scale.200': SerializedStyles;
+    'scale.250': SerializedStyles;
+    'scale.300': SerializedStyles;
+    'scale.400': SerializedStyles;
+    'scale.500': SerializedStyles;
+    'scale.600': SerializedStyles;
+};
+
+// @public (undocumented)
+interface InlineProps extends BasePrimitiveProps {
+    alignItems?: FlexAlignItems_2;
+    children: NonTextChildren;
+    divider?: ReactNode;
+    flexWrap?: FlexWrap;
+    gap: ColumnGap;
+    justifyContent?: FlexJustifyContent_2;
+}
+
+// @public (undocumented)
+type InteractionBackgroundColor = keyof typeof backgroundHoverColorMap;
+
+// @public (undocumented)
+interface InteractionSurfaceProps extends BasePrimitiveProps {
+    // (undocumented)
+    appearance?: InteractionBackgroundColor;
+    // (undocumented)
+    children: ReactNode;
+}
+
+// @public (undocumented)
+type LineHeight = keyof typeof lineHeightMap;
+
+// @public (undocumented)
+const lineHeightMap: {
+    '12px': SerializedStyles;
+    '16px': SerializedStyles;
+    '20px': SerializedStyles;
+    '24px': SerializedStyles;
+    '28px': SerializedStyles;
+    '32px': SerializedStyles;
+    '40px': SerializedStyles;
+};
+
+// @public (undocumented)
+type NonTextChildren = (JSX.Element | false | null)[] | JSX.Element;
+
+// @public (undocumented)
+type Overflow = keyof typeof overflowMap;
+
+// @public (undocumented)
+const overflowMap: {
+    auto: SerializedStyles;
+};
+
+// @public (undocumented)
+type Padding = keyof typeof paddingMap;
+
+// @public (undocumented)
+type PaddingBlock = keyof typeof paddingBlockMap;
+
+// @public (undocumented)
+const paddingBlockMap: {
+    'scale.0': SerializedStyles;
+    'scale.025': SerializedStyles;
+    'scale.050': SerializedStyles;
+    'scale.075': SerializedStyles;
+    'scale.100': SerializedStyles;
+    'scale.150': SerializedStyles;
+    'scale.200': SerializedStyles;
+    'scale.250': SerializedStyles;
+    'scale.300': SerializedStyles;
+    'scale.400': SerializedStyles;
+    'scale.500': SerializedStyles;
+    'scale.600': SerializedStyles;
+};
+
+// @public (undocumented)
+type PaddingInline = keyof typeof paddingInlineMap;
+
+// @public (undocumented)
+const paddingInlineMap: {
+    'scale.0': SerializedStyles;
+    'scale.025': SerializedStyles;
+    'scale.050': SerializedStyles;
+    'scale.075': SerializedStyles;
+    'scale.100': SerializedStyles;
+    'scale.150': SerializedStyles;
+    'scale.200': SerializedStyles;
+    'scale.250': SerializedStyles;
+    'scale.300': SerializedStyles;
+    'scale.400': SerializedStyles;
+    'scale.500': SerializedStyles;
+    'scale.600': SerializedStyles;
+};
+
+// @public
+const paddingMap: {
+    'scale.0': SerializedStyles;
+    'scale.025': SerializedStyles;
+    'scale.050': SerializedStyles;
+    'scale.075': SerializedStyles;
+    'scale.100': SerializedStyles;
+    'scale.150': SerializedStyles;
+    'scale.200': SerializedStyles;
+    'scale.250': SerializedStyles;
+    'scale.300': SerializedStyles;
+    'scale.400': SerializedStyles;
+    'scale.500': SerializedStyles;
+    'scale.600': SerializedStyles;
+};
+
+// @public (undocumented)
+type Position = keyof typeof positionMap;
+
+// @public (undocumented)
+const positionMap: {
+    absolute: SerializedStyles;
+    relative: SerializedStyles;
+    static: SerializedStyles;
+};
+
+// @public (undocumented)
+type PropsToOmit = 'as' | 'className' | 'style';
+
+// @public (undocumented)
+type RowGap = keyof typeof rowGapMap;
+
+// @public
+const rowGapMap: {
+    'scale.0': SerializedStyles;
+    'scale.025': SerializedStyles;
+    'scale.050': SerializedStyles;
+    'scale.075': SerializedStyles;
+    'scale.100': SerializedStyles;
+    'scale.150': SerializedStyles;
+    'scale.200': SerializedStyles;
+    'scale.250': SerializedStyles;
+    'scale.300': SerializedStyles;
+    'scale.400': SerializedStyles;
+    'scale.500': SerializedStyles;
+    'scale.600': SerializedStyles;
+};
+
+// @public (undocumented)
+interface StackProps extends BasePrimitiveProps {
+    alignItems?: FlexAlignItems_3;
+    children: NonTextChildren;
+    flexWrap?: FlexWrap_2;
+    gap: RowGap;
+    justifyContent?: FlexJustifyContent_3;
+}
+
+// @public (undocumented)
+type TextAlign = keyof typeof textAlignMap;
+
+// @public (undocumented)
+const textAlignMap: {
+    center: SerializedStyles;
+    end: SerializedStyles;
+    start: SerializedStyles;
+};
+
+// @public (undocumented)
+type TextColor = keyof typeof textColorMap;
+
+// @public
+const textColorMap: {
+    'color.text': SerializedStyles;
+    subtle: SerializedStyles;
+    subtlest: SerializedStyles;
+    disabled: SerializedStyles;
+    inverse: SerializedStyles;
+    brand: SerializedStyles;
+    selected: SerializedStyles;
+    danger: SerializedStyles;
+    warning: SerializedStyles;
+    'warning.inverse': SerializedStyles;
+    success: SerializedStyles;
+    discovery: SerializedStyles;
+    information: SerializedStyles;
+};
+
+// @public (undocumented)
+type TextTransform = keyof typeof textTransformMap;
+
+// @public (undocumented)
+const textTransformMap: {
+    none: SerializedStyles;
+    lowercase: SerializedStyles;
+    uppercase: SerializedStyles;
+};
+
+// @internal
+export const UNSAFE_Box: BoxComponent;
+
+// @public (undocumented)
+export type UNSAFE_BoxProps<T extends ElementType = 'div'> = Omit<ComponentPropsWithoutRef<T>, PropsToOmit> & BasePrimitiveProps & BoxPropsBase<T>;
+
+// @public
+export const UNSAFE_Inline: ForwardRefExoticComponent<InlineProps & RefAttributes<HTMLDivElement>>;
+
+// @public (undocumented)
+export const UNSAFE_InteractionSurface: ({ appearance, children, testId, }: InteractionSurfaceProps) => jsx.JSX.Element;
+
+// @public
+export const UNSAFE_Stack: ForwardRefExoticComponent<StackProps & RefAttributes<HTMLDivElement>>;
+
+// @internal
+export const UNSAFE_Text: FC<UNSAFE_TextProps>;
+
+// @public (undocumented)
+export interface UNSAFE_TextProps extends BasePrimitiveProps {
+    as?: AsElement;
+    children: ReactNode;
+    color?: TextColor;
+    fontSize?: FontSize;
+    fontWeight?: FontWeight;
+    lineHeight?: LineHeight;
+    shouldTruncate?: boolean;
+    textAlign?: TextAlign;
+    textTransform?: TextTransform;
+    verticalAlign?: VerticalAlign;
+}
+
+// @public (undocumented)
+type VerticalAlign = keyof typeof verticalAlignMap;
+
+// @public (undocumented)
+const verticalAlignMap: {
+    top: SerializedStyles;
+    middle: SerializedStyles;
+    bottom: SerializedStyles;
+};
+
+// @public (undocumented)
+type Width = keyof typeof widthMap;
+
+// @public (undocumented)
+const widthMap: {
+    'scale.0': SerializedStyles;
+    'scale.025': SerializedStyles;
+    'scale.050': SerializedStyles;
+    'scale.075': SerializedStyles;
+    'scale.100': SerializedStyles;
+    'scale.150': SerializedStyles;
+    'scale.200': SerializedStyles;
+    'scale.250': SerializedStyles;
+    'scale.300': SerializedStyles;
+    'scale.400': SerializedStyles;
+    'scale.500': SerializedStyles;
+    'scale.600': SerializedStyles;
+};
+
+// (No @packageDocumentation comment for this package)
+
+```

package/dist/cjs/constants.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SPACING_SCALE = void 0;
-var SPACING_SCALE = {
-  'sp-0': 0,
-  'sp-25': 2,
-  'sp-50': 4,
-  'sp-75': 6,
-  'sp-100': 8,
-  'sp-150': 12,
-  'sp-200': 16,
-  'sp-300': 24,
-  'sp-400': 32,
-  'sp-500': 40,
-  'sp-600': 48,
-  'sp-800': 64
-};
-exports.SPACING_SCALE = SPACING_SCALE;

package/dist/es2019/constants.js

@@ -1,14 +0,0 @@
-export const SPACING_SCALE = {
-  'sp-0': 0,
-  'sp-25': 2,
-  'sp-50': 4,
-  'sp-75': 6,
-  'sp-100': 8,
-  'sp-150': 12,
-  'sp-200': 16,
-  'sp-300': 24,
-  'sp-400': 32,
-  'sp-500': 40,
-  'sp-600': 48,
-  'sp-800': 64
-};

package/dist/esm/constants.js

@@ -1,14 +0,0 @@
-export var SPACING_SCALE = {
-  'sp-0': 0,
-  'sp-25': 2,
-  'sp-50': 4,
-  'sp-75': 6,
-  'sp-100': 8,
-  'sp-150': 12,
-  'sp-200': 16,
-  'sp-300': 24,
-  'sp-400': 32,
-  'sp-500': 40,
-  'sp-600': 48,
-  'sp-800': 64
-};

package/dist/types/constants.d.ts

@@ -1,15 +0,0 @@
-export declare const SPACING_SCALE: {
-    'sp-0': number;
-    'sp-25': number;
-    'sp-50': number;
-    'sp-75': number;
-    'sp-100': number;
-    'sp-150': number;
-    'sp-200': number;
-    'sp-300': number;
-    'sp-400': number;
-    'sp-500': number;
-    'sp-600': number;
-    'sp-800': number;
-};
-export declare type GlobalSpacingToken = keyof typeof SPACING_SCALE;

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

@@ -1,15 +0,0 @@
-export declare const SPACING_SCALE: {
-    'sp-0': number;
-    'sp-25': number;
-    'sp-50': number;
-    'sp-75': number;
-    'sp-100': number;
-    'sp-150': number;
-    'sp-200': number;
-    'sp-300': number;
-    'sp-400': number;
-    'sp-500': number;
-    'sp-600': number;
-    'sp-800': number;
-};
-export declare type GlobalSpacingToken = keyof typeof SPACING_SCALE;

package/src/constants.tsx

@@ -1,16 +0,0 @@
-export const SPACING_SCALE = {
-  'sp-0': 0,
-  'sp-25': 2,
-  'sp-50': 4,
-  'sp-75': 6,
-  'sp-100': 8,
-  'sp-150': 12,
-  'sp-200': 16,
-  'sp-300': 24,
-  'sp-400': 32,
-  'sp-500': 40,
-  'sp-600': 48,
-  'sp-800': 64,
-};
-
-export type GlobalSpacingToken = keyof typeof SPACING_SCALE;