@atlaskit/primitives 0.15.1 → 0.15.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/primitives
 
+## 0.15.3
+
+### Patch Changes
+
+- [`27f6081edf2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/27f6081edf2) - Regenerates codegen hashes to surface changes to tokens
+
+## 0.15.2
+
+### Patch Changes
+
+- [`ab4938b0c32`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ab4938b0c32) - Remove runtime dev warning for invalid token aliases.
+
 ## 0.15.1
 
 ### Patch Changes

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/primitives",
-	"version": "0.15.1",
+	"version": "0.15.3",
 	"sideEffects": false
 }

package/dist/cjs/xcss/style-maps.partial.js

@@ -60,11 +60,11 @@ exports.spaceMap = spaceMap;
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::80db0ba91b44837306516b95e9cf080e>>
+ * @codegen <<SignedSource::65b57f72ff07d4c4245a3eafe8cef786>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "shadow", "text", "fill"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::c829bed8504655cd09b971d338d7f3a1>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::efb3dfea27ab3db2fb3756ed9657c5cb>>
  */
 var borderColorMap = {
   'color.border': "var(--ds-border, #091e4221)",
@@ -303,17 +303,17 @@ exports.layerMap = layerMap;
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::cc9d48c89e323c87a3a00966f631120f>>
+ * @codegen <<SignedSource::ffa10f95df2d9bbc0f5d91f9d19b9a69>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::f2aa6660594ff30e42a666fb87655052>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::25105916a589322f57c322068cb0074a>>
  */
 var borderWidthMap = {
   'border.width': "var(--ds-border-width, 1px)",
   'border.width.0': "var(--ds-border-width-0, 0px)",
-  'border.width.050': "var(--ds-border-width-050, 1px)",
-  'border.width.100': "var(--ds-border-width-100, 2px)"
+  'border.width.indicator': "var(--ds-border-width-indicator, 3px)",
+  'border.width.outline': "var(--ds-border-width-outline, 2px)"
 };
 exports.borderWidthMap = borderWidthMap;
 var borderRadiusMap = {

package/dist/cjs/xcss/xcss.js

@@ -10,7 +10,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _react = require("@emotion/react");
-var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 var _mediaHelper = require("../responsive/media-helper");
 var _styleMaps = require("./style-maps.partial");
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
@@ -127,10 +126,6 @@ var transformStyles = function transformStyles(styleObj) {
       return;
     }
     var tokenValue = tokensMap[key][value];
-    if (!tokenValue && (typeof process === "undefined" ? "undefined" : (0, _typeof2.default)(process)) && process.env.NODE_ENV === 'development') {
-      var message = "Invalid token alias: ".concat(key, ": ").concat(value);
-      (0, _warnOnce.default)(message);
-    }
     styleObj[key] = tokenValue !== null && tokenValue !== void 0 ? tokenValue : value;
   });
   return styleObj;

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/primitives",
-	"version": "0.15.1",
+	"version": "0.15.3",
 	"sideEffects": false
 }

package/dist/es2019/xcss/style-maps.partial.js

@@ -48,11 +48,11 @@ export const spaceMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::80db0ba91b44837306516b95e9cf080e>>
+ * @codegen <<SignedSource::65b57f72ff07d4c4245a3eafe8cef786>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "shadow", "text", "fill"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::c829bed8504655cd09b971d338d7f3a1>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::efb3dfea27ab3db2fb3756ed9657c5cb>>
  */
 export const borderColorMap = {
   'color.border': "var(--ds-border, #091e4221)",
@@ -283,17 +283,17 @@ export const layerMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::cc9d48c89e323c87a3a00966f631120f>>
+ * @codegen <<SignedSource::ffa10f95df2d9bbc0f5d91f9d19b9a69>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::f2aa6660594ff30e42a666fb87655052>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::25105916a589322f57c322068cb0074a>>
  */
 export const borderWidthMap = {
   'border.width': "var(--ds-border-width, 1px)",
   'border.width.0': "var(--ds-border-width-0, 0px)",
-  'border.width.050': "var(--ds-border-width-050, 1px)",
-  'border.width.100': "var(--ds-border-width-100, 2px)"
+  'border.width.indicator': "var(--ds-border-width-indicator, 3px)",
+  'border.width.outline': "var(--ds-border-width-outline, 2px)"
 };
 export const borderRadiusMap = {
   'border.radius.050': "var(--ds-border-radius-050, 2px)",

package/dist/es2019/xcss/xcss.js

@@ -1,6 +1,5 @@
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import { css as cssEmotion } from '@emotion/react';
-import warnOnce from '@atlaskit/ds-lib/warn-once';
 import { media } from '../responsive/media-helper';
 import { backgroundColorMap, borderColorMap, borderRadiusMap, borderWidthMap, dimensionMap, layerMap, shadowMap, spaceMap, textColorMap } from './style-maps.partial';
 const tokensMap = {
@@ -108,10 +107,6 @@ const transformStyles = styleObj => {
       return;
     }
     const tokenValue = tokensMap[key][value];
-    if (!tokenValue && typeof process && process.env.NODE_ENV === 'development') {
-      const message = `Invalid token alias: ${key}: ${value}`;
-      warnOnce(message);
-    }
     styleObj[key] = tokenValue !== null && tokenValue !== void 0 ? tokenValue : value;
   });
   return styleObj;

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/primitives",
-	"version": "0.15.1",
+	"version": "0.15.3",
 	"sideEffects": false
 }

package/dist/esm/xcss/style-maps.partial.js

@@ -49,11 +49,11 @@ export var spaceMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::80db0ba91b44837306516b95e9cf080e>>
+ * @codegen <<SignedSource::65b57f72ff07d4c4245a3eafe8cef786>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "shadow", "text", "fill"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::c829bed8504655cd09b971d338d7f3a1>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::efb3dfea27ab3db2fb3756ed9657c5cb>>
  */
 export var borderColorMap = {
   'color.border': "var(--ds-border, #091e4221)",
@@ -284,17 +284,17 @@ export var layerMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::cc9d48c89e323c87a3a00966f631120f>>
+ * @codegen <<SignedSource::ffa10f95df2d9bbc0f5d91f9d19b9a69>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::f2aa6660594ff30e42a666fb87655052>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::25105916a589322f57c322068cb0074a>>
  */
 export var borderWidthMap = {
   'border.width': "var(--ds-border-width, 1px)",
   'border.width.0': "var(--ds-border-width-0, 0px)",
-  'border.width.050': "var(--ds-border-width-050, 1px)",
-  'border.width.100': "var(--ds-border-width-100, 2px)"
+  'border.width.indicator': "var(--ds-border-width-indicator, 3px)",
+  'border.width.outline': "var(--ds-border-width-outline, 2px)"
 };
 export var borderRadiusMap = {
   'border.radius.050': "var(--ds-border-radius-050, 2px)",

package/dist/esm/xcss/xcss.js

@@ -3,7 +3,6 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _typeof from "@babel/runtime/helpers/typeof";
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import { css as cssEmotion } from '@emotion/react';
-import warnOnce from '@atlaskit/ds-lib/warn-once';
 import { media } from '../responsive/media-helper';
 import { backgroundColorMap, borderColorMap, borderRadiusMap, borderWidthMap, dimensionMap, layerMap, shadowMap, spaceMap, textColorMap } from './style-maps.partial';
 var tokensMap = {
@@ -118,10 +117,6 @@ var transformStyles = function transformStyles(styleObj) {
       return;
     }
     var tokenValue = tokensMap[key][value];
-    if (!tokenValue && (typeof process === "undefined" ? "undefined" : _typeof(process)) && process.env.NODE_ENV === 'development') {
-      var message = "Invalid token alias: ".concat(key, ": ").concat(value);
-      warnOnce(message);
-    }
     styleObj[key] = tokenValue !== null && tokenValue !== void 0 ? tokenValue : value;
   });
   return styleObj;

package/dist/types/xcss/style-maps.partial.d.ts

@@ -50,11 +50,11 @@ export type Space = keyof typeof spaceMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::80db0ba91b44837306516b95e9cf080e>>
+ * @codegen <<SignedSource::65b57f72ff07d4c4245a3eafe8cef786>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "shadow", "text", "fill"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::c829bed8504655cd09b971d338d7f3a1>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::efb3dfea27ab3db2fb3756ed9657c5cb>>
  */
 export declare const borderColorMap: {
     readonly 'color.border': "var(--ds-border)";
@@ -291,17 +291,17 @@ export type Layer = keyof typeof layerMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::cc9d48c89e323c87a3a00966f631120f>>
+ * @codegen <<SignedSource::ffa10f95df2d9bbc0f5d91f9d19b9a69>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::f2aa6660594ff30e42a666fb87655052>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::25105916a589322f57c322068cb0074a>>
  */
 export declare const borderWidthMap: {
     readonly 'border.width': "var(--ds-border-width)";
     readonly 'border.width.0': "var(--ds-border-width-0)";
-    readonly 'border.width.050': "var(--ds-border-width-050)";
-    readonly 'border.width.100': "var(--ds-border-width-100)";
+    readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
+    readonly 'border.width.outline': "var(--ds-border-width-outline)";
 };
 export type BorderWidth = keyof typeof borderWidthMap;
 export declare const borderRadiusMap: {

package/dist/types-ts4.5/xcss/style-maps.partial.d.ts

@@ -50,11 +50,11 @@ export type Space = keyof typeof spaceMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::80db0ba91b44837306516b95e9cf080e>>
+ * @codegen <<SignedSource::65b57f72ff07d4c4245a3eafe8cef786>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "shadow", "text", "fill"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::c829bed8504655cd09b971d338d7f3a1>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::efb3dfea27ab3db2fb3756ed9657c5cb>>
  */
 export declare const borderColorMap: {
     readonly 'color.border': "var(--ds-border)";
@@ -291,17 +291,17 @@ export type Layer = keyof typeof layerMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::cc9d48c89e323c87a3a00966f631120f>>
+ * @codegen <<SignedSource::ffa10f95df2d9bbc0f5d91f9d19b9a69>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::f2aa6660594ff30e42a666fb87655052>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::25105916a589322f57c322068cb0074a>>
  */
 export declare const borderWidthMap: {
     readonly 'border.width': "var(--ds-border-width)";
     readonly 'border.width.0': "var(--ds-border-width-0)";
-    readonly 'border.width.050': "var(--ds-border-width-050)";
-    readonly 'border.width.100': "var(--ds-border-width-100)";
+    readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
+    readonly 'border.width.outline': "var(--ds-border-width-outline)";
 };
 export type BorderWidth = keyof typeof borderWidthMap;
 export declare const borderRadiusMap: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/primitives",
-  "version": "0.15.1",
+  "version": "0.15.3",
   "description": "Primitives are token-backed low-level building blocks.",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -102,8 +102,7 @@
     "./responsive": "./src/responsive/index.tsx"
   },
   "dependencies": {
-    "@atlaskit/ds-lib": "^2.2.0",
-    "@atlaskit/tokens": "^1.10.0",
+    "@atlaskit/tokens": "^1.11.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "@emotion/serialize": "^1.1.0",
@@ -113,26 +112,12 @@
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
-    "@atlaskit/avatar": "*",
-    "@atlaskit/badge": "*",
-    "@atlaskit/button": "*",
-    "@atlaskit/code": "*",
-    "@atlaskit/docs": "*",
-    "@atlaskit/dropdown-menu": "*",
+    "@af/visual-regression": "*",
     "@atlaskit/ds-lib": "*",
-    "@atlaskit/heading": "*",
-    "@atlaskit/icon": "*",
-    "@atlaskit/icon-object": "*",
-    "@atlaskit/logo": "*",
-    "@atlaskit/lozenge": "*",
-    "@atlaskit/radio": "^5.6.0",
-    "@atlaskit/range": "^7.1.0",
     "@atlaskit/ssr": "*",
-    "@atlaskit/theme": "*",
     "@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",
-    "@atlassian/gemini-visual-regression": "^0.0.35",
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^8.0.1",
     "csstype": "^3.1.0",

package/report.api.md

@@ -261,8 +261,8 @@ type BorderWidth = keyof typeof borderWidthMap;
 const borderWidthMap: {
   readonly 'border.width': 'var(--ds-border-width)';
   readonly 'border.width.0': 'var(--ds-border-width-0)';
-  readonly 'border.width.050': 'var(--ds-border-width-050)';
-  readonly 'border.width.100': 'var(--ds-border-width-100)';
+  readonly 'border.width.indicator': 'var(--ds-border-width-indicator)';
+  readonly 'border.width.outline': 'var(--ds-border-width-outline)';
 };
 
 // @public

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

@@ -232,8 +232,8 @@ type BorderWidth = keyof typeof borderWidthMap;
 const borderWidthMap: {
     readonly 'border.width': "var(--ds-border-width)";
     readonly 'border.width.0': "var(--ds-border-width-0)";
-    readonly 'border.width.050': "var(--ds-border-width-050)";
-    readonly 'border.width.100': "var(--ds-border-width-100)";
+    readonly 'border.width.indicator': "var(--ds-border-width-indicator)";
+    readonly 'border.width.outline': "var(--ds-border-width-outline)";
 };
 
 // @public