@atlaskit/ds-explorations 3.5.1 → 4.0.0

package/dist/cjs/components/interaction-surface.partial.js

@@ -53,11 +53,11 @@ var InteractionSurface = function InteractionSurface(_ref) {
 var _default = exports.default = InteractionSurface;
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::89bd3320fce21de26499baab1e0904c8>>
+ * @codegen <<SignedSource::700f09143685cc887dba88cc11533b9c>>
  * @codegenId interactions
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["background"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f27d1519d51cc4a85383a00907847774>>
  */
 var backgroundActiveColorMap = {
   'accent.lime.subtlest': (0, _react2.css)({

package/dist/cjs/index.js

@@ -10,11 +10,4 @@ Object.defineProperty(exports, "UNSAFE_InteractionSurface", {
     return _interactionSurface.default;
   }
 });
-Object.defineProperty(exports, "UNSAFE_Text", {
-  enumerable: true,
-  get: function get() {
-    return _text.default;
-  }
-});
-var _text = _interopRequireDefault(require("./components/text.partial"));
 var _interactionSurface = _interopRequireDefault(require("./components/interaction-surface.partial"));

package/dist/cjs/internal/color-map.js

@@ -9,9 +9,9 @@ exports.default = void 0;
  *
  * The color map is used to map a background color token to a matching text color that will meet contrast.
  *
- * @codegen <<SignedSource::6d974d81ce795e3ce5be6c5035a69fb4>>
+ * @codegen <<SignedSource::4069cec92f6504471d42a7c6cc0f7930>>
  * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f27d1519d51cc4a85383a00907847774>>
  */
 var _default = exports.default = {
   'neutral.bold': 'inverse',

package/dist/es2019/components/interaction-surface.partial.js

@@ -48,11 +48,11 @@ export default InteractionSurface;
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::89bd3320fce21de26499baab1e0904c8>>
+ * @codegen <<SignedSource::700f09143685cc887dba88cc11533b9c>>
  * @codegenId interactions
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["background"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f27d1519d51cc4a85383a00907847774>>
  */
 const backgroundActiveColorMap = {
   'accent.lime.subtlest': css({

package/dist/es2019/index.js

@@ -1,2 +1 @@
-export { default as UNSAFE_Text } from './components/text.partial';
 export { default as UNSAFE_InteractionSurface } from './components/interaction-surface.partial';

package/dist/es2019/internal/color-map.js

@@ -3,9 +3,9 @@
  *
  * The color map is used to map a background color token to a matching text color that will meet contrast.
  *
- * @codegen <<SignedSource::6d974d81ce795e3ce5be6c5035a69fb4>>
+ * @codegen <<SignedSource::4069cec92f6504471d42a7c6cc0f7930>>
  * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f27d1519d51cc4a85383a00907847774>>
  */
 export default {
   'neutral.bold': 'inverse',

package/dist/esm/components/interaction-surface.partial.js

@@ -47,11 +47,11 @@ export default InteractionSurface;
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::89bd3320fce21de26499baab1e0904c8>>
+ * @codegen <<SignedSource::700f09143685cc887dba88cc11533b9c>>
  * @codegenId interactions
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["background"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f27d1519d51cc4a85383a00907847774>>
  */
 var backgroundActiveColorMap = {
   'accent.lime.subtlest': css({

package/dist/esm/index.js

@@ -1,2 +1 @@
-export { default as UNSAFE_Text } from './components/text.partial';
 export { default as UNSAFE_InteractionSurface } from './components/interaction-surface.partial';

package/dist/esm/internal/color-map.js

@@ -3,9 +3,9 @@
  *
  * The color map is used to map a background color token to a matching text color that will meet contrast.
  *
- * @codegen <<SignedSource::6d974d81ce795e3ce5be6c5035a69fb4>>
+ * @codegen <<SignedSource::4069cec92f6504471d42a7c6cc0f7930>>
  * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f27d1519d51cc4a85383a00907847774>>
  */
 export default {
   'neutral.bold': 'inverse',

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
-import { BasePrimitiveProps } from './types';
+import { type BasePrimitiveProps } from './types';
 interface InteractionSurfaceProps extends BasePrimitiveProps {
     children: ReactNode;
     appearance?: InteractionBackgroundColor;

package/dist/types/index.d.ts

@@ -1,3 +1 @@
-export { default as UNSAFE_Text } from './components/text.partial';
 export { default as UNSAFE_InteractionSurface } from './components/interaction-surface.partial';
-export type { TextProps as UNSAFE_TextProps } from './components/text.partial';

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

@@ -3,9 +3,9 @@
  *
  * The color map is used to map a background color token to a matching text color that will meet contrast.
  *
- * @codegen <<SignedSource::6d974d81ce795e3ce5be6c5035a69fb4>>
+ * @codegen <<SignedSource::4069cec92f6504471d42a7c6cc0f7930>>
  * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f27d1519d51cc4a85383a00907847774>>
  */
 declare const _default: {
     readonly 'neutral.bold': "inverse";

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
-import { BasePrimitiveProps } from './types';
+import { type BasePrimitiveProps } from './types';
 interface InteractionSurfaceProps extends BasePrimitiveProps {
     children: ReactNode;
     appearance?: InteractionBackgroundColor;

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

@@ -1,3 +1 @@
-export { default as UNSAFE_Text } from './components/text.partial';
 export { default as UNSAFE_InteractionSurface } from './components/interaction-surface.partial';
-export type { TextProps as UNSAFE_TextProps } from './components/text.partial';

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

@@ -3,9 +3,9 @@
  *
  * The color map is used to map a background color token to a matching text color that will meet contrast.
  *
- * @codegen <<SignedSource::6d974d81ce795e3ce5be6c5035a69fb4>>
+ * @codegen <<SignedSource::4069cec92f6504471d42a7c6cc0f7930>>
  * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f27d1519d51cc4a85383a00907847774>>
  */
 declare const _default: {
     readonly 'neutral.bold': "inverse";

package/examples/99-interactions.tsx

@@ -8,13 +8,12 @@ import { Code } from '@atlaskit/code';
 import FocusRing from '@atlaskit/focus-ring';
 import Heading from '@atlaskit/heading';
 import WarningIcon from '@atlaskit/icon/glyph/warning';
-import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
+import { Box, Inline, Stack, Text, xcss } from '@atlaskit/primitives';
 import Textfield from '@atlaskit/textfield';
 import { token } from '@atlaskit/tokens';
 
 import {
   UNSAFE_InteractionSurface as InteractionSurface,
-  UNSAFE_Text as Text,
 } from '../src';
 
 const fieldsetStyles = xcss({
@@ -74,10 +73,8 @@ export default () => {
               >
                 <InteractionSurface>
                   <Text
-                    textAlign="center"
-                    fontSize="size.100"
-                    lineHeight="lineHeight.500"
-                    fontWeight="medium"
+                    align="center"
+                    weight="medium"
                   >
                     {app}
                   </Text>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@atlaskit/ds-explorations",
-  "version": "3.5.1",
-  "description": "An experimental package for exploration and validation of spacing / typography foundations.",
+  "version": "4.0.0",
+  "description": "DEPRECATED. Use @atlaskit/primitives. An experimental package for exploration and validation of spacing / typography foundations.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
@@ -26,23 +26,23 @@
     "prepare": "yarn ak-postbuild"
   },
   "dependencies": {
-    "@atlaskit/tokens": "^1.44.0",
+    "@atlaskit/tokens": "^1.49.0",
     "@babel/runtime": "^7.0.0",
-    "@emotion/react": "^11.7.1",
-    "tiny-invariant": "^1.2.0"
+    "@emotion/react": "^11.7.1"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
   },
   "devDependencies": {
+    "@af/formatting": "*",
     "@atlaskit/ds-lib": "*",
-    "@atlaskit/primitives": "^5.6.0",
+    "@atlaskit/primitives": "^6.3.0",
+    "@atlaskit/textfield": "^6.3.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/codegen": "^0.1.0",
     "@testing-library/react": "^12.1.5",
     "fs-extra": "^4.0.2",
-    "prettier": "^2.8.0",
     "react-dom": "^16.8.0",
     "ts-node": "^10.9.1",
     "typescript": "~5.4.2",
@@ -74,8 +74,7 @@
     }
   },
   "af:exports": {
-    ".": "./src/index.tsx",
-    "./text": "./src/components/text.partial.tsx"
+    ".": "./src/index.tsx"
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
   "homepage": "https://atlaskit.atlassian.com"