@atlaskit/ds-explorations 1.4.0 → 1.6.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/ds-explorations
 
+## 1.6.0
+
+### Minor Changes
+
+- [`9f9498aafb1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9f9498aafb1) - [ux] Box API introduces `hidden` for `overflow` prop.
+
+## 1.5.0
+
+### Minor Changes
+
+- [`c146611a18c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c146611a18c) - [ux] Migrate progress-indicator package to use spacing primitives to control spacing in both component and examples. Spacing values have been slightly updated depending on indicator size and spacing properties
+
 ## 1.4.0
 
 ### Minor Changes

package/dist/cjs/components/box.partial.js

@@ -183,6 +183,9 @@ var positionMap = {
 var overflowMap = {
   auto: (0, _react2.css)({
     overflow: 'auto'
+  }),
+  hidden: (0, _react2.css)({
+    overflow: 'hidden'
   })
 };
 var baseStyles = (0, _react2.css)({

package/dist/cjs/components/text.partial.js

@@ -20,7 +20,7 @@ var _colorMap = _interopRequireDefault(require("../internal/color-map"));
 var _surfaceProvider = require("./surface-provider");
 
 var _excluded = ["children"];
-var asAllowlist = ['span', 'div', 'p'];
+var asAllowlist = ['span', 'div', 'p', 'strong'];
 var fontFamily = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
 var fontSizeMap = {
   '11px': (0, _react2.css)({

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/ds-explorations",
-	"version": "1.4.0",
+	"version": "1.6.0",
 	"sideEffects": false
 }

package/dist/es2019/components/box.partial.js

@@ -166,6 +166,9 @@ const positionMap = {
 const overflowMap = {
   auto: css({
     overflow: 'auto'
+  }),
+  hidden: css({
+    overflow: 'hidden'
   })
 };
 const baseStyles = css({

package/dist/es2019/components/text.partial.js

@@ -4,7 +4,7 @@ import { css, jsx } from '@emotion/react';
 import invariant from 'tiny-invariant';
 import surfaceColorMap from '../internal/color-map';
 import { useSurface } from './surface-provider';
-const asAllowlist = ['span', 'div', 'p'];
+const asAllowlist = ['span', 'div', 'p', 'strong'];
 const fontFamily = `-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`;
 const fontSizeMap = {
   '11px': css({

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/ds-explorations",
-	"version": "1.4.0",
+	"version": "1.6.0",
 	"sideEffects": false
 }

package/dist/esm/components/box.partial.js

@@ -170,6 +170,9 @@ var positionMap = {
 var overflowMap = {
   auto: css({
     overflow: 'auto'
+  }),
+  hidden: css({
+    overflow: 'hidden'
   })
 };
 var baseStyles = css({

package/dist/esm/components/text.partial.js

@@ -7,7 +7,7 @@ import { css, jsx } from '@emotion/react';
 import invariant from 'tiny-invariant';
 import surfaceColorMap from '../internal/color-map';
 import { useSurface } from './surface-provider';
-var asAllowlist = ['span', 'div', 'p'];
+var asAllowlist = ['span', 'div', 'p', 'strong'];
 var fontFamily = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
 var fontSizeMap = {
   '11px': css({

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/ds-explorations",
-	"version": "1.4.0",
+	"version": "1.6.0",
 	"sideEffects": false
 }

package/dist/types/components/box.partial.d.ts

@@ -172,6 +172,7 @@ declare const positionMap: {
 declare type Overflow = keyof typeof overflowMap;
 declare const overflowMap: {
     auto: import("@emotion/react").SerializedStyles;
+    hidden: import("@emotion/react").SerializedStyles;
 };
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}

package/dist/types/components/inline.partial.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { ReactNode } from 'react';
 import type { BasePrimitiveProps } from './types';
-interface InlineProps extends BasePrimitiveProps {
+export interface InlineProps extends BasePrimitiveProps {
     /**
      * Used to align children along the cross axis.
      */

package/dist/types/components/stack.partial.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { ReactNode } from 'react';
 import { BasePrimitiveProps } from './types';
-interface StackProps extends BasePrimitiveProps {
+export interface StackProps extends BasePrimitiveProps {
     /**
      * Used to align children along the cross axis.
      */

package/dist/types/components/text.partial.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { FC, ReactNode } from 'react';
 import type { BasePrimitiveProps } from './types';
-declare const asAllowlist: readonly ["span", "div", "p"];
+declare const asAllowlist: readonly ["span", "div", "p", "strong"];
 declare type AsElement = typeof asAllowlist[number];
 export interface TextProps extends BasePrimitiveProps {
     /**

package/dist/types/index.d.ts

@@ -5,3 +5,5 @@ 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';
+export type { InlineProps as UNSAFE_InlineProps } from './components/inline.partial';
+export type { StackProps as UNSAFE_StackProps } from './components/stack.partial';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/ds-explorations",
-  "version": "1.4.0",
+  "version": "1.6.0",
   "description": "An experimental package for exploration and validation of spacing / typography foundations.",
   "license": "Apache-2.0",
   "atlassian": {

package/report.api.md

@@ -29,7 +29,7 @@ import { RefAttributes } from 'react';
 import { SerializedStyles } from '@emotion/react';
 
 // @public (undocumented)
-const asAllowlist: readonly ['span', 'div', 'p'];
+const asAllowlist: readonly ['span', 'div', 'p', 'strong'];
 
 // @public (undocumented)
 type AsElement = typeof asAllowlist[number];
@@ -347,16 +347,6 @@ const heightMap: {
   'size.600': SerializedStyles;
 };
 
-// @public (undocumented)
-interface InlineProps extends BasePrimitiveProps {
-  alignItems?: FlexAlignItems_2;
-  children: ReactNode;
-  divider?: ReactNode;
-  flexWrap?: FlexWrap;
-  gap: ColumnGap;
-  justifyContent?: FlexJustifyContent_2;
-}
-
 // @public (undocumented)
 type InteractionBackgroundColor = keyof typeof backgroundHoverColorMap;
 
@@ -388,6 +378,7 @@ type Overflow = keyof typeof overflowMap;
 // @public (undocumented)
 const overflowMap: {
   auto: SerializedStyles;
+  hidden: SerializedStyles;
 };
 
 // @public (undocumented)
@@ -487,15 +478,6 @@ const rowGapMap: {
   'scale.800': SerializedStyles;
 };
 
-// @public (undocumented)
-interface StackProps extends BasePrimitiveProps {
-  alignItems?: FlexAlignItems_3;
-  children: ReactNode;
-  flexWrap?: FlexWrap_2;
-  gap: RowGap;
-  justifyContent?: FlexJustifyContent_3;
-}
-
 // @public (undocumented)
 type TextAlign = keyof typeof textAlignMap;
 
@@ -549,9 +531,19 @@ export type UNSAFE_BoxProps<T extends ElementType = 'div'> = Omit<
 
 // @public
 export const UNSAFE_Inline: MemoExoticComponent<
-  ForwardRefExoticComponent<InlineProps & RefAttributes<HTMLDivElement>>
+  ForwardRefExoticComponent<UNSAFE_InlineProps & RefAttributes<HTMLDivElement>>
 >;
 
+// @public (undocumented)
+export interface UNSAFE_InlineProps extends BasePrimitiveProps {
+  alignItems?: FlexAlignItems_2;
+  children: ReactNode;
+  divider?: ReactNode;
+  flexWrap?: FlexWrap;
+  gap: ColumnGap;
+  justifyContent?: FlexJustifyContent_2;
+}
+
 // @public (undocumented)
 export const UNSAFE_InteractionSurface: ({
   appearance,
@@ -561,9 +553,18 @@ export const UNSAFE_InteractionSurface: ({
 
 // @public
 export const UNSAFE_Stack: MemoExoticComponent<
-  ForwardRefExoticComponent<StackProps & RefAttributes<HTMLDivElement>>
+  ForwardRefExoticComponent<UNSAFE_StackProps & RefAttributes<HTMLDivElement>>
 >;
 
+// @public (undocumented)
+export interface UNSAFE_StackProps extends BasePrimitiveProps {
+  alignItems?: FlexAlignItems_3;
+  children: ReactNode;
+  flexWrap?: FlexWrap_2;
+  gap: RowGap;
+  justifyContent?: FlexJustifyContent_3;
+}
+
 // @internal
 export const UNSAFE_Text: FC<UNSAFE_TextProps>;
 

package/src/components/box.partial.tsx

@@ -284,6 +284,7 @@ const positionMap = {
 type Overflow = keyof typeof overflowMap;
 const overflowMap = {
   auto: css({ overflow: 'auto' }),
+  hidden: css({ overflow: 'hidden' }),
 };
 
 const baseStyles = css({

package/src/components/inline.partial.tsx

@@ -7,7 +7,7 @@ import { token } from '@atlaskit/tokens';
 
 import type { BasePrimitiveProps } from './types';
 
-interface InlineProps extends BasePrimitiveProps {
+export interface InlineProps extends BasePrimitiveProps {
   /**
    * Used to align children along the cross axis.
    */

package/src/components/stack.partial.tsx

@@ -7,7 +7,7 @@ import { token } from '@atlaskit/tokens';
 
 import { BasePrimitiveProps } from './types';
 
-interface StackProps extends BasePrimitiveProps {
+export interface StackProps extends BasePrimitiveProps {
   /**
    * Used to align children along the cross axis.
    */

package/src/components/text.partial.tsx

@@ -11,7 +11,7 @@ import surfaceColorMap from '../internal/color-map';
 import { useSurface } from './surface-provider';
 import type { BasePrimitiveProps } from './types';
 
-const asAllowlist = ['span', 'div', 'p'] as const;
+const asAllowlist = ['span', 'div', 'p', 'strong'] as const;
 type AsElement = typeof asAllowlist[number];
 export interface TextProps extends BasePrimitiveProps {
   /**

package/src/index.tsx

@@ -5,3 +5,5 @@ 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';
+export type { InlineProps as UNSAFE_InlineProps } from './components/inline.partial';
+export type { StackProps as UNSAFE_StackProps } from './components/stack.partial';

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

@@ -18,7 +18,7 @@ import { RefAttributes } from 'react';
 import { SerializedStyles } from '@emotion/react';
 
 // @public (undocumented)
-const asAllowlist: readonly ["span", "div", "p"];
+const asAllowlist: readonly ["span", "div", "p", "strong"];
 
 // @public (undocumented)
 type AsElement = typeof asAllowlist[number];
@@ -331,16 +331,6 @@ const heightMap: {
     'size.600': SerializedStyles;
 };
 
-// @public (undocumented)
-interface InlineProps extends BasePrimitiveProps {
-    alignItems?: FlexAlignItems_2;
-    children: ReactNode;
-    divider?: ReactNode;
-    flexWrap?: FlexWrap;
-    gap: ColumnGap;
-    justifyContent?: FlexJustifyContent_2;
-}
-
 // @public (undocumented)
 type InteractionBackgroundColor = keyof typeof backgroundHoverColorMap;
 
@@ -372,6 +362,7 @@ type Overflow = keyof typeof overflowMap;
 // @public (undocumented)
 const overflowMap: {
     auto: SerializedStyles;
+    hidden: SerializedStyles;
 };
 
 // @public (undocumented)
@@ -471,15 +462,6 @@ const rowGapMap: {
     'scale.800': SerializedStyles;
 };
 
-// @public (undocumented)
-interface StackProps extends BasePrimitiveProps {
-    alignItems?: FlexAlignItems_3;
-    children: ReactNode;
-    flexWrap?: FlexWrap_2;
-    gap: RowGap;
-    justifyContent?: FlexJustifyContent_3;
-}
-
 // @public (undocumented)
 type TextAlign = keyof typeof textAlignMap;
 
@@ -527,13 +509,32 @@ export const UNSAFE_Box: BoxComponent;
 export type UNSAFE_BoxProps<T extends ElementType = 'div'> = Omit<ComponentPropsWithoutRef<T>, PropsToOmit> & BasePrimitiveProps & BoxPropsBase<T>;
 
 // @public
-export const UNSAFE_Inline: MemoExoticComponent<ForwardRefExoticComponent<InlineProps & RefAttributes<HTMLDivElement>>>;
+export const UNSAFE_Inline: MemoExoticComponent<ForwardRefExoticComponent<UNSAFE_InlineProps & RefAttributes<HTMLDivElement>>>;
+
+// @public (undocumented)
+export interface UNSAFE_InlineProps extends BasePrimitiveProps {
+    alignItems?: FlexAlignItems_2;
+    children: ReactNode;
+    divider?: ReactNode;
+    flexWrap?: FlexWrap;
+    gap: ColumnGap;
+    justifyContent?: FlexJustifyContent_2;
+}
 
 // @public (undocumented)
 export const UNSAFE_InteractionSurface: ({ appearance, children, testId, }: InteractionSurfaceProps) => jsx.JSX.Element;
 
 // @public
-export const UNSAFE_Stack: MemoExoticComponent<ForwardRefExoticComponent<StackProps & RefAttributes<HTMLDivElement>>>;
+export const UNSAFE_Stack: MemoExoticComponent<ForwardRefExoticComponent<UNSAFE_StackProps & RefAttributes<HTMLDivElement>>>;
+
+// @public (undocumented)
+export interface UNSAFE_StackProps extends BasePrimitiveProps {
+    alignItems?: FlexAlignItems_3;
+    children: ReactNode;
+    flexWrap?: FlexWrap_2;
+    gap: RowGap;
+    justifyContent?: FlexJustifyContent_3;
+}
 
 // @internal
 export const UNSAFE_Text: FC<UNSAFE_TextProps>;