@atlaskit/ds-explorations 1.0.0 → 1.2.0

package/dist/types-ts4.0/components/inline.partial.d.ts

@@ -1,86 +0,0 @@
-/** @jsx jsx */
-import { ReactNode } from 'react';
-import type { BasePrimitiveProps, NonTextChildren } from './types';
-interface InlineProps extends BasePrimitiveProps {
-    /**
-     * Used to align children along the cross axis.
-     */
-    alignItems?: FlexAlignItems;
-    /**
-     * Used to align children along the main axis.
-     */
-    justifyContent?: FlexJustifyContent;
-    /**
-     * Sets whether children are forced onto one line or can wrap onto multiple lines
-     */
-    flexWrap?: FlexWrap;
-    /**
-     * Token representing gap between children.
-     */
-    gap: ColumnGap;
-    /**
-     * Renders a divider between children.
-     * If a string is provided it will automatically be wrapped in a `<Text>` component.
-     */
-    divider?: ReactNode;
-    /**
-     * Elements to be rendered inside the Inline.
-     */
-    children: NonTextChildren;
-}
-declare type FlexAlignItems = keyof typeof flexAlignItemsMap;
-declare const flexAlignItemsMap: {
-    center: import("@emotion/react").SerializedStyles;
-    baseline: import("@emotion/react").SerializedStyles;
-    flexStart: import("@emotion/react").SerializedStyles;
-    flexEnd: import("@emotion/react").SerializedStyles;
-    start: import("@emotion/react").SerializedStyles;
-    end: import("@emotion/react").SerializedStyles;
-};
-declare type FlexJustifyContent = keyof typeof flexJustifyContentMap;
-declare const flexJustifyContentMap: {
-    center: import("@emotion/react").SerializedStyles;
-    flexStart: import("@emotion/react").SerializedStyles;
-    flexEnd: import("@emotion/react").SerializedStyles;
-    start: import("@emotion/react").SerializedStyles;
-    end: import("@emotion/react").SerializedStyles;
-};
-declare type FlexWrap = keyof typeof flexWrapMap;
-declare const flexWrapMap: {
-    wrap: import("@emotion/react").SerializedStyles;
-};
-/**
- * __Inline__
- *
- * Inline is a primitive component based on flexbox that manages the horizontal layout of direct children.
- * Renders a `div` by default.
- *
- */
-declare const Inline: import("react").ForwardRefExoticComponent<InlineProps & import("react").RefAttributes<HTMLDivElement>>;
-export default Inline;
-/**
- * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::cff5655983f2243060cade5b107d7762>>
- * @codegenId spacing
- * @codegenCommand yarn codegen-styles
- * @codegenParams ["columnGap"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::0c1fe9904b2ff2465a532b97ab76491e>>
- */
-declare const columnGapMap: {
-    'scale.0': import("@emotion/react").SerializedStyles;
-    'scale.025': import("@emotion/react").SerializedStyles;
-    'scale.050': import("@emotion/react").SerializedStyles;
-    'scale.075': import("@emotion/react").SerializedStyles;
-    'scale.100': import("@emotion/react").SerializedStyles;
-    'scale.150': import("@emotion/react").SerializedStyles;
-    'scale.200': import("@emotion/react").SerializedStyles;
-    'scale.250': import("@emotion/react").SerializedStyles;
-    'scale.300': import("@emotion/react").SerializedStyles;
-    'scale.400': import("@emotion/react").SerializedStyles;
-    'scale.500': import("@emotion/react").SerializedStyles;
-    'scale.600': import("@emotion/react").SerializedStyles;
-};
-export declare type ColumnGap = keyof typeof columnGapMap;
-/**
- * @codegenEnd
- */

package/dist/types-ts4.0/components/interaction-surface.partial.d.ts

@@ -1,49 +0,0 @@
-/** @jsx jsx */
-import { ReactNode } from 'react';
-import { jsx } from '@emotion/react';
-import { BasePrimitiveProps } from './types';
-interface InteractionSurfaceProps extends BasePrimitiveProps {
-    children: ReactNode;
-    appearance?: InteractionBackgroundColor;
-}
-/**
- *
- * @example
- * ```js
- * // a minimal icon button
- * <Box as="button">
- *   <InteractionSurface>
- *    <WarningIcon label="icon button" />
- *  </InteractionSurface>
- * </Box>
- * ```
- */
-declare const InteractionSurface: ({ appearance, children, testId, }: InteractionSurfaceProps) => jsx.JSX.Element;
-export default InteractionSurface;
-declare const backgroundHoverColorMap: {
-    'inverse.subtle': import("@emotion/react").SerializedStyles;
-    input: import("@emotion/react").SerializedStyles;
-    neutral: import("@emotion/react").SerializedStyles;
-    'neutral.subtle': import("@emotion/react").SerializedStyles;
-    'neutral.bold': import("@emotion/react").SerializedStyles;
-    'brand.bold': import("@emotion/react").SerializedStyles;
-    selected: import("@emotion/react").SerializedStyles;
-    'selected.bold': import("@emotion/react").SerializedStyles;
-    danger: import("@emotion/react").SerializedStyles;
-    'danger.bold': import("@emotion/react").SerializedStyles;
-    warning: import("@emotion/react").SerializedStyles;
-    'warning.bold': import("@emotion/react").SerializedStyles;
-    success: import("@emotion/react").SerializedStyles;
-    'success.bold': import("@emotion/react").SerializedStyles;
-    discovery: import("@emotion/react").SerializedStyles;
-    'discovery.bold': import("@emotion/react").SerializedStyles;
-    information: import("@emotion/react").SerializedStyles;
-    'information.bold': import("@emotion/react").SerializedStyles;
-    'elevation.surface': import("@emotion/react").SerializedStyles;
-    'elevation.surface.raised': import("@emotion/react").SerializedStyles;
-    'elevation.surface.overlay': import("@emotion/react").SerializedStyles;
-};
-declare type InteractionBackgroundColor = keyof typeof backgroundHoverColorMap;
-/**
- * @codegenEnd
- */

package/dist/types-ts4.0/components/stack.partial.d.ts

@@ -1,80 +0,0 @@
-/// <reference types="react" />
-import { BasePrimitiveProps, NonTextChildren } from './types';
-interface StackProps extends BasePrimitiveProps {
-    /**
-     * Used to align children along the cross axis.
-     */
-    alignItems?: FlexAlignItems;
-    /**
-     * Used to align children along the main axis.
-     */
-    justifyContent?: FlexJustifyContent;
-    /**
-     * Sets whether children are forced onto one line or can wrap onto multiple lines
-     */
-    flexWrap?: FlexWrap;
-    /**
-     * Token representing gap between children.
-     */
-    gap: RowGap;
-    /**
-     * Elements to be rendered inside the Stack.
-     */
-    children: NonTextChildren;
-}
-declare type FlexAlignItems = keyof typeof flexAlignItemsMap;
-declare const flexAlignItemsMap: {
-    center: import("@emotion/react").SerializedStyles;
-    baseline: import("@emotion/react").SerializedStyles;
-    flexStart: import("@emotion/react").SerializedStyles;
-    flexEnd: import("@emotion/react").SerializedStyles;
-    start: import("@emotion/react").SerializedStyles;
-    end: import("@emotion/react").SerializedStyles;
-};
-declare type FlexJustifyContent = keyof typeof flexJustifyContentMap;
-declare const flexJustifyContentMap: {
-    center: import("@emotion/react").SerializedStyles;
-    flexStart: import("@emotion/react").SerializedStyles;
-    flexEnd: import("@emotion/react").SerializedStyles;
-    start: import("@emotion/react").SerializedStyles;
-    end: import("@emotion/react").SerializedStyles;
-};
-declare type FlexWrap = keyof typeof flexWrapMap;
-declare const flexWrapMap: {
-    wrap: import("@emotion/react").SerializedStyles;
-};
-/**
- * __Stack__
- *
- * Stack is a primitive component based on flexbox that manages the vertical layout of direct children.
- * Renders a `div` by default.
- *
- */
-declare const Stack: import("react").ForwardRefExoticComponent<StackProps & import("react").RefAttributes<HTMLDivElement>>;
-export default Stack;
-/**
- * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::c486b14097494305925c3c989823d602>>
- * @codegenId spacing
- * @codegenCommand yarn codegen-styles
- * @codegenParams ["rowGap"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::0c1fe9904b2ff2465a532b97ab76491e>>
- */
-declare const rowGapMap: {
-    'scale.0': import("@emotion/react").SerializedStyles;
-    'scale.025': import("@emotion/react").SerializedStyles;
-    'scale.050': import("@emotion/react").SerializedStyles;
-    'scale.075': import("@emotion/react").SerializedStyles;
-    'scale.100': import("@emotion/react").SerializedStyles;
-    'scale.150': import("@emotion/react").SerializedStyles;
-    'scale.200': import("@emotion/react").SerializedStyles;
-    'scale.250': import("@emotion/react").SerializedStyles;
-    'scale.300': import("@emotion/react").SerializedStyles;
-    'scale.400': import("@emotion/react").SerializedStyles;
-    'scale.500': import("@emotion/react").SerializedStyles;
-    'scale.600': import("@emotion/react").SerializedStyles;
-};
-export declare type RowGap = keyof typeof rowGapMap;
-/**
- * @codegenEnd
- */

package/dist/types-ts4.0/components/surface-provider.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-/**
- * __Surface context__
- *
- * A surface context provides context information on the current background (if set).
- */
-export declare const SurfaceContext: import("react").Context<"color.blanket" | "color.blanket.selected" | "color.blanket.danger" | "elevation.surface" | "elevation.surface.sunken" | "elevation.surface.raised" | "elevation.surface.overlay" | "disabled" | "inverse.subtle" | "input" | "neutral" | "neutral.subtle" | "neutral.bold" | "brand.bold" | "selected" | "selected.bold" | "danger" | "danger.bold" | "warning" | "warning.bold" | "success" | "success.bold" | "discovery" | "discovery.bold" | "information" | "information.bold">;
-/**
- * __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: () => "color.blanket" | "color.blanket.selected" | "color.blanket.danger" | "elevation.surface" | "elevation.surface.sunken" | "elevation.surface.raised" | "elevation.surface.overlay" | "disabled" | "inverse.subtle" | "input" | "neutral" | "neutral.subtle" | "neutral.bold" | "brand.bold" | "selected" | "selected.bold" | "danger" | "danger.bold" | "warning" | "warning.bold" | "success" | "success.bold" | "discovery" | "discovery.bold" | "information" | "information.bold";

package/dist/types-ts4.0/components/text.partial.d.ts

@@ -1,131 +0,0 @@
-/** @jsx jsx */
-import { FC, ReactNode } from 'react';
-import type { BasePrimitiveProps } from './types';
-declare const asAllowlist: readonly [
-    "span",
-    "div",
-    "p"
-];
-declare type AsElement = typeof asAllowlist[number];
-export interface TextProps extends BasePrimitiveProps {
-    /**
-     * HTML tag to be rendered. Defaults to `span`.
-     */
-    as?: AsElement;
-    /**
-     * Elements rendered within the Text element
-     */
-    children: ReactNode;
-    /**
-     * Text color
-     */
-    color?: TextColor;
-    /**
-     * Font size https://developer.mozilla.org/en-US/docs/Web/CSS/font-size
-     */
-    fontSize?: FontSize;
-    /**
-     * Font weight https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight
-     */
-    fontWeight?: FontWeight;
-    /**
-     * Line height https://developer.mozilla.org/en-US/docs/Web/CSS/line-height
-     */
-    lineHeight?: LineHeight;
-    /**
-     * Truncates text with an ellipsis when text overflows its parent container
-     * (i.e. `width` has been set on parent that is shorter than text length).
-     */
-    shouldTruncate?: boolean;
-    /**
-     * Text align https://developer.mozilla.org/en-US/docs/Web/CSS/text-align
-     */
-    textAlign?: TextAlign;
-    /**
-     * Text transform https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform
-     */
-    textTransform?: TextTransform;
-    /**
-     * Vertical align https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align
-     */
-    verticalAlign?: VerticalAlign;
-}
-declare type FontSize = keyof typeof fontSizeMap;
-declare const fontSizeMap: {
-    '11px': import("@emotion/react").SerializedStyles;
-    '12px': import("@emotion/react").SerializedStyles;
-    '14px': import("@emotion/react").SerializedStyles;
-};
-declare type FontWeight = keyof typeof fontWeightMap;
-declare const fontWeightMap: {
-    '400': import("@emotion/react").SerializedStyles;
-    '500': import("@emotion/react").SerializedStyles;
-    '600': import("@emotion/react").SerializedStyles;
-    '700': import("@emotion/react").SerializedStyles;
-};
-declare type LineHeight = keyof typeof lineHeightMap;
-declare const lineHeightMap: {
-    '12px': import("@emotion/react").SerializedStyles;
-    '16px': import("@emotion/react").SerializedStyles;
-    '20px': import("@emotion/react").SerializedStyles;
-    '24px': import("@emotion/react").SerializedStyles;
-    '28px': import("@emotion/react").SerializedStyles;
-    '32px': import("@emotion/react").SerializedStyles;
-    '40px': import("@emotion/react").SerializedStyles;
-};
-declare type TextAlign = keyof typeof textAlignMap;
-declare const textAlignMap: {
-    center: import("@emotion/react").SerializedStyles;
-    end: import("@emotion/react").SerializedStyles;
-    start: import("@emotion/react").SerializedStyles;
-};
-declare type TextTransform = keyof typeof textTransformMap;
-declare const textTransformMap: {
-    none: import("@emotion/react").SerializedStyles;
-    lowercase: import("@emotion/react").SerializedStyles;
-    uppercase: import("@emotion/react").SerializedStyles;
-};
-declare type VerticalAlign = keyof typeof verticalAlignMap;
-declare const verticalAlignMap: {
-    top: import("@emotion/react").SerializedStyles;
-    middle: import("@emotion/react").SerializedStyles;
-    bottom: import("@emotion/react").SerializedStyles;
-};
-/**
- * __Text__
- *
- * Text is a primitive component that has the Atlassian Design System's design guidelines baked in.
- * This includes considerations for text attributes such as color, font size, font weight, and line height.
- * It renders a `span` by default.
- *
- * @internal
- */
-declare const Text: FC<TextProps>;
-export default Text;
-/**
- * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::21771f01de3c37646642de03274f0738>>
- * @codegenId colors
- * @codegenCommand yarn codegen-styles
- * @codegenParams ["text"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::0c1fe9904b2ff2465a532b97ab76491e>>
- */
-declare const textColorMap: {
-    'color.text': import("@emotion/react").SerializedStyles;
-    subtle: import("@emotion/react").SerializedStyles;
-    subtlest: import("@emotion/react").SerializedStyles;
-    disabled: import("@emotion/react").SerializedStyles;
-    inverse: import("@emotion/react").SerializedStyles;
-    brand: import("@emotion/react").SerializedStyles;
-    selected: import("@emotion/react").SerializedStyles;
-    danger: import("@emotion/react").SerializedStyles;
-    warning: import("@emotion/react").SerializedStyles;
-    'warning.inverse': import("@emotion/react").SerializedStyles;
-    success: import("@emotion/react").SerializedStyles;
-    discovery: import("@emotion/react").SerializedStyles;
-    information: import("@emotion/react").SerializedStyles;
-};
-export declare type TextColor = keyof typeof textColorMap;
-/**
- * @codegenEnd
- */

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

@@ -1,14 +0,0 @@
-import type { CSSProperties } from 'react';
-export interface BasePrimitiveProps {
-    /**
-     * A unique string that appears as data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
-     */
-    testId?: string;
-    /**
-     * Inline styles to be applied to the primitive.
-     * Marked as "unsafe" because any CSS properties can be provided here without any extra control or validation, including those that would be better managed by the primitive itself via props.
-     * Effectively equivalent to the standard `style` prop but marked with a special name so we can rationalise its usage IN THE FUTURE.
-     */
-    UNSAFE_style?: CSSProperties;
-}
-export declare type NonTextChildren = JSX.Element | (JSX.Element | null | false)[];

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

@@ -1,7 +0,0 @@
-export { default as UNSAFE_Box } from './components/box.partial';
-export { default as UNSAFE_Text } from './components/text.partial';
-export { default as UNSAFE_Inline } from './components/inline.partial';
-export { default as UNSAFE_Stack } from './components/stack.partial';
-export { default as UNSAFE_InteractionSurface } from './components/interaction-surface.partial';
-export type { BoxProps as UNSAFE_BoxProps } from './components/box.partial';
-export type { TextProps as UNSAFE_TextProps } from './components/text.partial';

package/dist/types-ts4.0/internal/color-map.d.ts

@@ -1,36 +0,0 @@
-declare const _default: {
-    readonly 'neutral.bold': "inverse";
-    readonly 'neutral.bold.hovered': "inverse";
-    readonly 'neutral.bold.pressed': "inverse";
-    readonly 'brand.bold': "inverse";
-    readonly 'brand.bold.hovered': "inverse";
-    readonly 'brand.bold.pressed': "inverse";
-    readonly 'selected.bold': "inverse";
-    readonly 'selected.bold.hovered': "inverse";
-    readonly 'selected.bold.pressed': "inverse";
-    readonly 'danger.bold': "inverse";
-    readonly 'danger.bold.hovered': "inverse";
-    readonly 'danger.bold.pressed': "inverse";
-    readonly 'warning.bold': "warning.inverse";
-    readonly 'warning.bold.hovered': "warning.inverse";
-    readonly 'warning.bold.pressed': "warning.inverse";
-    readonly 'success.bold': "inverse";
-    readonly 'success.bold.hovered': "inverse";
-    readonly 'success.bold.pressed': "inverse";
-    readonly 'discovery.bold': "inverse";
-    readonly 'discovery.bold.hovered': "inverse";
-    readonly 'discovery.bold.pressed': "inverse";
-    readonly 'information.bold': "inverse";
-    readonly 'information.bold.hovered': "inverse";
-    readonly 'information.bold.pressed': "inverse";
-};
-/**
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- *
- * The color map is used to map a background color token to a matching text color that will meet contrast.
- *
- * @codegen <<SignedSource::c9429c38d12f88de9f5be644bf5e704a>>
- * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::0c1fe9904b2ff2465a532b97ab76491e>>
- */
-export default _default;

package/dist/types-ts4.0/internal/role-to-element.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-/**
- * Adapted straight from react-mui, with a small change.
- * @see https://www.unpkg.com/browse/react-gui@0.2.1/src/modules/getAccessibilityElementWithSideEffect.js
- */
-declare const roleToElementType: {
-    readonly article: "article";
-    readonly banner: "header";
-    readonly blockquote: "blockquote";
-    readonly button: "button";
-    readonly code: "code";
-    readonly complementary: "aside";
-    readonly contentinfo: "footer";
-    readonly deletion: "del";
-    readonly emphasis: "em";
-    readonly figure: "figure";
-    readonly insertion: "ins";
-    readonly form: "form";
-    readonly link: "a";
-    readonly list: "ul";
-    readonly listitem: "li";
-    readonly main: "main";
-    readonly navigation: "nav";
-    readonly region: "section";
-    readonly strong: "strong";
-    readonly presentation: "div";
-    readonly group: "fieldset";
-};
-declare type RoleMap = typeof roleToElementType;
-export declare type Role = keyof RoleMap;
-export declare type SupportedElements = RoleMap[Role] & keyof JSX.IntrinsicElements;
-export default roleToElementType;

package/dist/types-ts4.0/internal/spacing-scale.d.ts

@@ -1,22 +0,0 @@
-/**
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- *
- * Some artifact
- *
- * @codegen <<SignedSource::caecb926afa82b027fba396074de5c2c>>
- * @codegenCommand yarn codegen-styles
- */
-export declare const spacingScale: readonly [
-    "scale.0",
-    "scale.025",
-    "scale.050",
-    "scale.075",
-    "scale.100",
-    "scale.150",
-    "scale.200",
-    "scale.250",
-    "scale.300",
-    "scale.400",
-    "scale.500",
-    "scale.600"
-];