@atlaskit/ds-explorations 5.0.3 → 5.0.5

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/ds-explorations
 
+## 5.0.5
+
+### Patch Changes
+
+- [`74c2f420ee49b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/74c2f420ee49b) -
+  Internal changes to how border radius is applied.
+
+## 5.0.4
+
+### Patch Changes
+
+- [`098cfbb01dc36`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/098cfbb01dc36) -
+  Add missing npmignore files to remove unnecessary files from published package
+
 ## 5.0.3
 
 ### Patch Changes

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * __Surface context__
  *

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

@@ -1,4 +1,3 @@
-/// <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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * __Surface context__
  *

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

@@ -1,4 +1,3 @@
-/// <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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/ds-explorations",
-	"version": "5.0.3",
+	"version": "5.0.5",
 	"description": "DEPRECATED. Use @atlaskit/primitives. An experimental package for exploration and validation of spacing / typography foundations.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -25,7 +25,7 @@
 		"prepare": "yarn ak-postbuild"
 	},
 	"dependencies": {
-		"@atlaskit/tokens": "^6.0.0",
+		"@atlaskit/tokens": "^6.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},
@@ -35,15 +35,13 @@
 	"devDependencies": {
 		"@af/formatting": "workspace:^",
 		"@atlaskit/ds-lib": "^5.0.0",
-		"@atlaskit/primitives": "^14.11.0",
+		"@atlaskit/primitives": "^14.13.0",
 		"@atlaskit/textfield": "^8.0.0",
-		"@atlaskit/visual-regression": "workspace:^",
 		"@atlassian/codegen": "^0.1.0",
 		"@testing-library/react": "^13.4.0",
 		"fs-extra": "^4.0.2",
 		"react-dom": "^18.2.0",
-		"ts-node": "^10.9.1",
-		"typescript": "~5.4.2"
+		"ts-node": "^10.9.1"
 	},
 	"techstack": {
 		"@atlassian/frontend": {
@@ -70,8 +68,5 @@
 			]
 		}
 	},
-	"af:exports": {
-		".": "./src/index.tsx"
-	},
 	"homepage": "https://atlaskit.atlassian.com"
 }

package/afm-cc/tsconfig.json

@@ -1,28 +0,0 @@
-{
-	"extends": "../../../../tsconfig.entry-points.confluence.json",
-	"compilerOptions": {
-		"target": "es5",
-		"composite": true,
-		"outDir": "../../../../../confluence/tsDist/@atlaskit__ds-explorations",
-		"rootDir": "../"
-	},
-	"include": [
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*",
-		"../src/**/examples/*",
-		"../src/**/examples/**/*",
-		"../src/**/*.stories.*",
-		"../src/**/stories/*",
-		"../src/**/stories/**/*"
-	],
-	"references": [
-		{
-			"path": "../../tokens/afm-cc/tsconfig.json"
-		}
-	]
-}

package/afm-jira/tsconfig.json

@@ -1,28 +0,0 @@
-{
-	"extends": "../../../../tsconfig.entry-points.jira.json",
-	"compilerOptions": {
-		"target": "es5",
-		"outDir": "../../../../../tsDist/@atlaskit__ds-explorations/app",
-		"rootDir": "../",
-		"composite": true
-	},
-	"include": [
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*",
-		"../src/**/examples/*",
-		"../src/**/examples/**/*",
-		"../src/**/*.stories.*",
-		"../src/**/stories/*",
-		"../src/**/stories/**/*"
-	],
-	"references": [
-		{
-			"path": "../../tokens/afm-jira/tsconfig.json"
-		}
-	]
-}

package/afm-townsquare/tsconfig.json

@@ -1,28 +0,0 @@
-{
-	"extends": "../../../../tsconfig.entry-points.townsquare.json",
-	"compilerOptions": {
-		"target": "es5",
-		"outDir": "../../../../../townsquare/tsDist/@atlaskit__ds-explorations/app",
-		"rootDir": "../",
-		"composite": true
-	},
-	"include": [
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*",
-		"../src/**/examples/*",
-		"../src/**/examples/**/*",
-		"../src/**/*.stories.*",
-		"../src/**/stories/*",
-		"../src/**/stories/**/*"
-	],
-	"references": [
-		{
-			"path": "../../tokens/afm-townsquare/tsconfig.json"
-		}
-	]
-}

package/build/tsconfig.json

@@ -1,21 +0,0 @@
-{
-  "extends": "../tsconfig",
-  "compilerOptions": {
-    "target": "es5",
-    "paths": {}
-  },
-  "include": [
-    "../src/**/*.tsx"
-  ],
-  "exclude": [
-    "../src/**/__tests__/*",
-    "../src/**/*.test.*",
-    "../src/**/test.*",
-    "../src/**/examples.*",
-    "../src/**/examples/*",
-    "../src/**/examples/**/*",
-    "../src/**/*.stories.*",
-    "../src/**/stories/*",
-    "../src/**/stories/**/*"
-  ]
-}

package/docs/01-basic.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-
-import { AtlassianInternalWarning, DevPreviewWarning, md } from '@atlaskit/docs';
-import { token } from '@atlaskit/tokens';
-
-export default md`
-${(
-	<>
-		{/* eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766 */}
-		<div style={{ marginBottom: token('space.100', '8px') }}>
-			<AtlassianInternalWarning />
-		</div>
-		{/* eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766 */}
-		<div style={{ marginTop: token('space.100', '8px') }}>
-			<DevPreviewWarning />
-		</div>
-	</>
-)}`;

package/examples/99-interactions.tsx

@@ -1,185 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { Fragment } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-
-import Button from '@atlaskit/button/new';
-import { Code } from '@atlaskit/code';
-import { UNSAFE_InteractionSurface as InteractionSurface } from '@atlaskit/ds-explorations';
-import Heading from '@atlaskit/heading';
-import WarningIcon from '@atlaskit/icon/glyph/warning';
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, Inline, Pressable, Stack, Text, xcss } from '@atlaskit/primitives';
-import Textfield from '@atlaskit/textfield';
-import { token } from '@atlaskit/tokens';
-
-const fieldsetStyles = xcss({
-	flex: '1 1 100%',
-	borderStyle: 'solid',
-	borderWidth: 'border.width',
-	borderColor: 'color.border',
-	':hover': {
-		backgroundColor: 'color.background.input.hovered',
-	},
-	':invalid': {
-		borderColor: 'color.border.danger',
-	},
-	':focus': {
-		backgroundColor: 'color.background.input',
-		borderColor: 'color.border.focused',
-	},
-	':focus-within': {
-		backgroundColor: 'color.background.input',
-		borderColor: 'color.border.focused',
-	},
-});
-
-const focusRingBoxStyles = xcss({
-	borderRadius: 'border.radius',
-	position: 'relative',
-});
-
-export default () => {
-	return (
-		<Box padding="space.100" testId="all">
-			<Stack space="space.200">
-				<Heading size="xsmall">Current ADS Buttons</Heading>
-				<Inline space="space.200">
-					<Button appearance="primary">brand.bold</Button>
-					<Button appearance="default">neutral</Button>
-					<Button appearance="warning">warning.bold</Button>
-				</Inline>
-				<Heading size="xsmall">
-					Buttons with <Code>InteractionSurface</Code>
-				</Heading>
-				<Inline space="space.200" testId="buttons">
-					{(
-						[
-							'color.background.brand.bold',
-							'color.background.neutral',
-							'color.background.warning.bold',
-						] as const
-					).map((app) => (
-						<Pressable
-							key={app}
-							onClick={() => console.log('hello')}
-							xcss={focusRingBoxStyles}
-							paddingInline="space.150"
-							backgroundColor={app}
-						>
-							<InteractionSurface>
-								<Text align="center" weight="medium">
-									{app}
-								</Text>
-							</InteractionSurface>
-						</Pressable>
-					))}
-				</Inline>
-				<Heading size="xsmall">
-					Icon Buttons with <Code>InteractionSurface</Code>
-				</Heading>
-				<Inline space="space.200" testId="icon-buttons">
-					<Pressable
-						backgroundColor="color.background.brand.bold"
-						onClick={() => console.log('hello')}
-						padding="space.050"
-						xcss={focusRingBoxStyles}
-					>
-						<InteractionSurface>
-							<WarningIcon
-								label="icon button"
-								primaryColor={token('color.icon.inverse')}
-								secondaryColor={token('color.background.brand.bold')}
-							/>
-						</InteractionSurface>
-					</Pressable>
-					<Pressable
-						backgroundColor="color.background.neutral"
-						onClick={() => console.log('hello')}
-						xcss={focusRingBoxStyles}
-						padding="space.050"
-					>
-						<InteractionSurface>
-							<WarningIcon label="icon button" />
-						</InteractionSurface>
-					</Pressable>
-					<Pressable
-						backgroundColor="color.background.warning.bold"
-						onClick={() => console.log('hello')}
-						xcss={focusRingBoxStyles}
-						padding="space.050"
-					>
-						<InteractionSurface>
-							<WarningIcon
-								label="icon button"
-								primaryColor={token('color.icon.warning.inverse')}
-								secondaryColor={token('color.background.warning.bold')}
-							/>
-						</InteractionSurface>
-					</Pressable>
-				</Inline>
-				<Heading size="xsmall">
-					Progress Indicator with <Code>InteractionSurface</Code>
-				</Heading>
-				<Inline space="space.200" testId="progress-indicators">
-					{(
-						[
-							'color.background.brand.bold',
-							'color.background.neutral',
-							'color.background.warning.bold',
-						] as const
-					).map((app) => (
-						<Pressable
-							key={app}
-							backgroundColor={app}
-							onClick={() => console.log('hello')}
-							xcss={focusRingBoxStyles}
-							padding="space.050"
-							aria-label="progress indicator"
-						>
-							<InteractionSurface>
-								<Fragment />
-							</InteractionSurface>
-						</Pressable>
-					))}
-				</Inline>
-				<Heading size="xsmall">Textfield / input spikes</Heading>
-				<Stack space="space.200">
-					<label htmlFor="textfield">Textfield</label>
-					<Textfield id="textfield" />
-					<label htmlFor="input">Input</label>
-					<Box
-						as="fieldset"
-						padding="space.100"
-						tabIndex={-1}
-						backgroundColor="color.background.input"
-						xcss={fieldsetStyles}
-					>
-						<input
-							id="input"
-							pattern="\d+"
-							style={{
-								// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-								padding: 0,
-								// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-								border: 'none',
-								// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-								fontSize: 14,
-								// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-								background: 'transparent',
-								// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-								appearance: 'none',
-								// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-								outline: 'none',
-							}}
-						/>
-					</Box>
-				</Stack>
-			</Stack>
-		</Box>
-	);
-};

package/examples/config.jsonc

@@ -1,13 +0,0 @@
-/**
- * This file is used by the test scaling project to optimise test result caching
- * Examples that are used by tests affect the outcome of tests so must be included when hashing
- * They are defined here so the hashing algorithm doesn't need to search test files for example usage each time
- */
-{
-  "testExamples": [
-    "02-text.tsx"
-  ],
-  "exampleDependencies": [
-    "@atlaskit/ds-lib"
-  ]
-}